html,
select
  {
  color: #444;
 }

html 
 { 
  height:100%;
  width:100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%; 
  -ms-text-size-adjust: 100%; 
 }
 
::-moz-selection 
  {
  background: #002E61;
  color: White;
 }
::selection 
  {
  background: #002E61;
  color: White;
 }
body 
  { 
  width: 100%;
  height: 100%;
  margin: 0 auto;
 }
h1, h2 
  {
  font-family: Verdana;
 }
h3, h4 
  {
  font-size:20px;
  font-family: Verdana;
  color: #10253d;
 }
h1 
  { 
  font-size: 2.5em;
 }
h2 
  {
  font-size: 2em;
  line-height: 1em;
  color: #3891cf;
 }
ul, ol 
  {
  margin: 1em 0;
  padding: 0 0 0 30px;
 }
dd 
  {
  margin: 0 0 0 40px;
 }
nav ul, nav ol 
  {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
 }
a 
  {
  color: #ffffff;
  text-decoration: none;
 }
 
a:focus, a:hover, a:active 
  {
  outline: 0 none;
  color: #CDCDCD;
 }
hr
  {
  border: 1px solid rgba(0, 0, 0, 0.03);
 }
 
 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section 
  { 
  display: block; 
 }
audio, canvas, video 
  { 
  display: inline-block; *display: inline; *zoom: 1; 
 }
audio:not([controls]) 
  { 
  display: none; 
 }
 
 
/*================================================
    Ventanas
================================================*/  

 #popup_container 
    {
   font-family: Arial, sans-serif;
   font-size: 12px;
   min-width: 300px;
   max-width: 600px;
   background: #FFF;
   border: solid 2px #002E61;
   color: #000;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
  }

#popup_title 
  {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.75em;
  color: #fff;
  background: #002E61;
  border: solid 1px #FFF;
  border-bottom: solid 1px #002E61;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: default;
  padding: 0em;
  margin: 0em; 
 }

#popup_content 
  {
  background: 16px 16px no-repeat url(../images/info.gif);
  padding: 1em 1.75em;
  margin: 0em;
 }

#popup_content.alert 
  {
  background-image: url(../images/info.gif);
 } 

#popup_content.confirm 
  {
  background-image: url(../images/help.gif);
 } 

#popup_content.prompt 
  {
  background-image: url(../images/help.gif);
 }

#popup_content.message 
  { 
  background-image: url(../images/message-icon.png);
 }

#popup_content.warning 
  {
  background-image: url(../images/warning-icon.png);
 }

#popup_content.error 
  {
  background-image: url(../images/error-icon.png);
 }

#popup_message 
  {
  padding-left: 48px;
 }

#popup_panel 
  {
  text-align: center;
  margin: 1em 0em 0em 1em;
 }

#popup_prompt
  {
  margin: .5em 0em;
 }

  /*-----------------------------------------------------------------------------------*/
 /*        -------------------------   LAYOUTS   ----------------------------         */
/*-----------------------------------------------------------------------------------*/
 
 .derecha
  {
  text-align:right;
 }
 
 .cargando 
   {
   width: 100%;
   height: 225%;
   overflow: hidden;
   top: 0px;
   left: 0px;
   z-index: 10000;
   text-align: center;
   position:absolute;
   background-color: #ffffff;
   opacity:0.7;
   filter:alpha(opacity=40);
  }

  .linea_vertical
    {
   border-left: 3px solid rgba(0, 0, 0, 0.03);
   height:100%;
  } 
  
 .titulo
    {
   font-size:20px;
   font-family: Verdana;
   color: #CCCCCC;
   text-align:center;
  } 
 
  .titulo_referencias
    {
   font-size:17px;
   font-family: Verdana;
   color: #CCCCCC;
   text-align:center;
  }
 
 .titulo2
    {
   font-size:17px;
   font-family: Verdana;
   color: #CCCCCC;
   text-align:center;
  }
  
 .info_cliente  label
  {	
  color:#ffffff;
 } 
 
 .info_cliente  tr:first-child td
  {	
  background-color:#002E61;
  color:#ffffff;
  text-align:center;	
  font-size:15px;
 }
 
 .info_cliente td
    {
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px;
   border:1px solid #000000;   
  } 

 .subtotal
   {
  font-size:14px;
  text-align:right;
  font-weight: bold;
 }
.total
  {
  font-size:17px;
  text-align:right;
  font-weight: bold;
 }
  
 .izq
  {
  text-align:left;
 } 

 .izquierda
  {
  float:left;
  top: 10px; 
  width: 140px;
  position: relative;
  font-size:9px;
 } 
	
#logo 
  {
  display: block;
  float: left;
  height:70px;
  width:208px;  
  cursor:default;
 }
nav 
  {
  float: right;
  margin: 15px 0 0;
  clear: both;
 }
 
 .container
  {
  margin: 0 auto;
  width: 100% !important;
 }
header 
  {
  background: url(../images/light-pattern.png) transparent;
  padding: 17px 0 0;
 } 

ul[role=navigation] 
  {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font: Verdana;
  font-size:13px;
 }
ul[role=navigation] li 
  {
  list-style: none;
  float: left;
  margin: 0 0 0 4px;
 }
ul[role=navigation] li a 
  {
  background: #002E61;
  border: 1px solid #002E61;
  border-bottom: 0;
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  color: #ffffff;
  display: block;
  padding: 7px 6px 4px;
 }
ul[role=navigation] li a:hover,
ul[role=navigation] li a:focus,
ul[role=navigation] li a:active,
ul[role=navigation] li a.activePage 
  {
  border-color: #10253d;
  background-color:#ffffff;
  color:#002E61;
  -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
 }

section[role=banner] 
  {
  background: url(../images/light-pattern.png);
  border-bottom: 1px solid #dfe9f2;
 }
section[role=banner] hgroup 
  {
  background: url(../images/leather-pattern.png);
  -moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0 10px 10px, rgba(255, 255, 255, 0.7) 0 10px 10px;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 10px 10px, rgba(255, 255, 255, 0.7) 0 10px 10px;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 10px 10px, rgba(255, 255, 255, 0.7) 0 10px 10px;
  border-top: 4px dotted #444;
  border-bottom: 4px dotted #444;
  margin: 0 0 30px;
  padding: 10px 0;
 }
section[role=banner] hgroup h1, section[role=banner] hgroup h2 
  {
  margin: 0 auto;
  width: 1000px;
  color:#FFFFFF;
  font: 25px Verdana;
  text-align: center;
  text-shadow: #000 0 1px 0;
 }
section[role=banner] hgroup h2
  {
  font-size: 20px;
  font-weight: normal;
 }
section[role=banner] article[role=main] 
  {
  margin: 0 auto;
  width: 1000px;
  padding: 0 0 30px;
 }
section[role=banner] article[role=main] .post 
  {
  float: left;
  width: 55%;
  color: #000;
 }
section[role=banner] article[role=main] .post h2 
  {
  font-size: 40px;
  margin: 0 0 10px;
  text-shadow: rgba(0, 0, 0, 0.8) 0 1px 0;
  color:#002E61;
 }
section[role=banner] article[role=main] aside 
  {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: right;
  overflow: hidden;
  width: 40%;
  position: relative;
  border: 3px solid rgba(0, 0, 0, 0.03);
  padding: 2px;
 }
section[role=banner] article[role=main] aside:after 
  {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.15);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.6)), color-stop(50%, rgba(255, 255, 255, 0.15)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -6px 0 rgba(0, 0, 0, 0.3), inset 0 -7px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -6px 0 rgba(0, 0, 0, 0.3), inset 0 -7px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -6px 0 rgba(0, 0, 0, 0.3), inset 0 -7px 0 rgba(255, 255, 255, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 }
section[role=banner] article[role=main] aside img 
  {
  width: 100%;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
 }

.left 
  {
  float: left;
 }

  /*------------------------------------------------------------------------------*/
 /*        --------------------  Atributos input  ----------------------         */
/*------------------------------------------------------------------------------*/
label 
  { 
  font-weight: bold;
  cursor: text;
  font-size:16px;
  font:100%;
 }
   
fieldset
  { 
  background-color:#dff3ff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
 }

legend
  {
  width:95%;
  padding:0.2em;  
  font-weight: bold;
  cursor: text;
  font-size:14px;
  background-color:#002E61;
  text-align:center;  
  color:#ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;	
 }
 
img
  {
  cursor:pointer;
 }
 
.enconstruccion
  {
  cursor:default;
 }

.derecha
  {
  text-align:right;
 } 
 
input
  {
   width:100%;
   cursor: pointer;
  }

input[type="checkbox"],input[type="radio"]
  {
    background-color: #ddd;
    border-radius: 10px;
    cursor: pointer;
    height: 15px;
    width: 15px;
 } 
 
 
.condiciones
  {
  width: 100%;
  height: 240px;
  border: 1px solid #909090;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box; 
  overflow:auto;
  resize:none;
  box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
  -moz-box-shadow: 0 0 10px #aaa;
  cursor: pointer;
  text-align: justify;
 } 
 
textarea
  {
   width: 100%;
  border: 1px solid #909090;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box; 
  overflow:auto;
  resize:none;
  box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
  -moz-box-shadow: 0 0 10px #aaa;
  cursor: pointer;
  text-align: justify;
 }
 
 input[type="text"]
  {
  height:25px;
  box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
  -moz-box-shadow: 0 0 10px #aaa; 
  border: 1px solid #909090;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;   
 }
 
input[type="file"]
  {
  width: 100%;
  height:25px;
  box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
  -moz-box-shadow: 0 0 10px #aaa; 
  border: trasparent;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box; 
 }
 
input[type="password"]
  {
  height:25px;
  box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
  -moz-box-shadow: 0 0 10px #aaa; 
  border: 1px solid #909090;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box; 
 }
 
input[type="image"]
  { 
  width:100%;
  height:100%; 
  width:25px;
  height:25px; 
 }  
 
 .especial input
    {
   box-shadow: 0 0 10px #002E61;
   -webkit-box-shadow: 0 0 10px #002E61;
   -moz-box-shadow: 0 0 10px #002E61; 
   border: 1px solid #002E61;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   box-sizing: border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing: border-box;   
  }
 
 .especial select
    {
   box-shadow: 0 0 10px #002E61;
   -webkit-box-shadow: 0 0 10px #002E61;
   -moz-box-shadow: 0 0 10px #002E61; 
   border: 1px solid #002E61;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   box-sizing: border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing: border-box;   
  }
 
 
 .button
  { 
  width:70px;
  height:30px;
  border: 1px solid #CDCDCD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
   
 }
 .button:hover
  { 
  background-color:#002E61;
  color:#ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
 } 
 
input[type="submit"]
  { 
  width:70px;
  height:30px; 
  border: 1px solid #CDCDCD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 } 
 
input[type="reset"]
  { 
  width:70px;
  height:30px;  
  border: 1px solid #CDCDCD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
 }
input[type="submit"]:hover
  {
   background-color:#002E61;
   color:#ffffff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
input[type="file"]:hover
  {
   background-color:#002E61;
   color:#ffffff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
 }
 
input[type="reset"]:hover
  {
   background-color:#002E61;
   color:#ffffff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
 
select
  {
  font-size:15px;
  width: 100%;
  height:25px;
  outline: none;
  box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
  -moz-box-shadow: 0 0 10px #aaa; 
  border: 1px solid #909090;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;
 }

.detalles:hover
  {
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px; 
  background-color: #CCCCCC;
  border:none;	  
 }
 
.buscar:hover
  {
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  background-color: #CCCCCC;
  border-radius: 4px; 
  outline:0px;
  border:none;
 }	 
  /*------------------------------------------------------------------------------*/
 /*        --------------------  Atributos tabla  ----------------------         */
/*------------------------------------------------------------------------------*/

.error
 {
  display:none;
  background-color: #BC1010;
  border-radius: 4px 4px 4px 4px;
  color: white;
  font-weight: bold;
  margin-left: 0px;
  margin-top: 12px;
  padding: 6px 12px;
  position: absolute;
 }
 
.error:before
 {
  border-color: transparent transparent #BC1010 transparent;
  border-style: solid;
  border-width: 10px 8px;
  content: "";
  display: block;
  height: 0;
  left: 12px;
  position: absolute;
  top: -20px;
  width: 0;
 }

 .cabecera label
    {
   color:#ffffff;
  } 

 .cabecera
    {
   background-color:#002E61;
   text-align:center;	
   color:#ffffff;
   font-size:16px;
   border:1px solid #000000;
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px;
   border-width:1px 1px 1px 1px;
  } 
  
 .cabecera a
    {
   background-color:#002E61;
   text-align:center;	
   color:#ffffff;
   font-size:15px;
   }
  
 .cuerpo
    {
   font-family:Arial;	
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px;
   background-color:#DFF3FF;
   border:1px solid #000000;
   border-width:1px 1px 1px 1px;
   color:#000000;
   font-size:13px; 
   height: 30px; 
  }
  
 .seleccionada
    {
   font-family:Arial;	
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px;
   background-color:#87CEEB;
   border:1px solid #000000;
   border-width:1px 1px 1px 1px;
   color:#000000;
   font-size:12px; 
   height: 30px; 
  }
  
 .pie
    {
   background-color:#002E61;
   text-align:center;	
   color:#ffffff;
   font-size:16px;
   border:1px solid #000000;
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px;
   border-width:1px 1px 1px 1px;
  }
  
 .pie a
    {
   text-align:center;	
   color:#ffffff;
   font-size:15px;
   cursor:pointer;
  }


table 
  {
  text-align:center;
  margin: 0 auto;
 }
 
 
.tabla tr:first-child td
  {	
  background-color:#002E61;
  text-align:center;	
  color:#ffffff;
  font-size:15px;
 }
 
 .tabla tr:last-child td.h
  {	
  background-color:#002E61;
  text-align:center;	
  color:#ffffff;
  font-size:14px;
  cursor:pointer;
  font-weight:bold;
 }
 
.tabla td
  {
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;
  background-color:#DFF3FF;
  border:1px solid #000000;
  border-width:1px 1px 1px 1px;
  color:#000000;
  font-size:13px;
 }

 .cuestionario table
  {
   text-align:left;
   margin: 0 auto;
   font-size:  12px;
  }
 .cuestionario td.label
   {
    color: #ffffff;
    text-align: center;
    background: #002E61;
  }
  
  .pedidos
     {
	text-align:justify; 
   }  
  /*-----------------------------------------------------------------------------------*/
 /*        --------------------  --------------------  ----------------------         */
/*-----------------------------------------------------------------------------------*/
.meta 
  {
  color: #000;
  font-size: 11px;
 }

footer[role=contentinfo] 
  {
  background: url(../images/leather-pattern.png);
  border-top: 4px dotted #444;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0 10px 10px, rgba(255, 255, 255, 0.7) 0 10px 10px;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 10px 10px, rgba(255, 255, 255, 0.7) 0 10px 10px;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 10px 10px, rgba(255, 255, 255, 0.7) 0 10px 10px;
  color: #ffffff;
  padding: 10px 0;
 }
footer[role=contentinfo] p 
  {
  margin: 0 auto;
  width: 100%;
  text-align: right;
  overflow: hidden;
 }
footer[role=contentinfo] p .left 
  {
  text-align: left;
  font-size:13px;
 }
footer[role=contentinfo] a 
  {
  font-size:12px;
 }
 footer[role=contentinfo] span a 
  {
  font-size:15px;
 } 
  footer[role=contentinfo] b 
  {
  font-size:18px;
 }  


  /*-----------------------------------------------------------------------------------*/
 /*        --------------------    RESPONSIVE STYLES   ----------------------         */
/*-----------------------------------------------------------------------------------*/

.chromeframe
  { 
  margin: 0.2em 0; 
  background: #ccc; 
  color: black; 
  padding: 0.2em 0;
 }

@media only screen and (min-width: 35em) 
 {

 }

.clearfix:before, .clearfix:after 
  { 
  content: ""; 
  display: table;
 }
.clearfix:after 
  { 
  clear: both; 
 }
.clearfix 
  { 
  *zoom: 1; 
 }
@media print 
  {
   * 
       {
     background: transparent !important; 
     color: #000000 !important; 
     box-shadow:none !important; 
     text-shadow: none !important; 
     filter:none !important; 
     -ms-filter: none !important; 
    }
   a, a:visited 
       { 
     text-decoration: underline;  
    }
   a[href]:after 
       {  
     content: " (" attr(href) ")"; 
    }
   abbr[title]:after 
       { 
     content: " (" attr(title) ")"; 
    }
   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote 
       { 
     border: 1px solid #999; 
     page-break-inside: avoid; 
    }
   thead 
       { 
     display: table-header-group; 
    }
   img 
       { 
     max-width: 100% !important; 
    }
   @page 
    { 
     margin: 0.5cm; 
    }
   p, h2, h3 
       { 
     orphans: 3; 
     widows: 3; 
    }
   h2, h3 
       { 
     page-break-after: avoid; 
    }
  }

  /*-----------------------------------------------------------------------------------*/
 /*        -----------------------  RESPONSIVE STYLES  ----------------------         */
/*-----------------------------------------------------------------------------------*/

/*
	
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 960px) 
  {
	.cargando 
	  {
	  width: 100%;
	  height: 225%;
	  overflow: hidden;
	  top: 0px;
	  left: 0px;
	  z-index: 10000;
	  text-align: center;
	  position:absolute;
	  background-color: #ffffff;
	  opacity:0.7;
	  filter:alpha(opacity=40);
	 }
   
   h2.orphan 
       {
     margin: 0 5% 20px;
     width: 90%;
    }
   .container 
       {
     width: 100% !important;
    }
   header 
       {
     background: none;
     padding-top: 0;
    }
   nav 
       {
     float: none;
     margin: 20px 0;
    }
   ul[role=navigation] li 
       { 
     float: none;
     display: block;
     margin: 0 5% 5px;
     width: 90%;
	 text-align: center;
    }
   ul[role=navigation] li a  
       {
     padding: 12px 20px;
     font-size: 14px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     position: relative;
	 text-align: center;
    }
   ul[role=navigation] li a:after   
       {
     content: '';
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0.15)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
     background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    }
   ul[role=navigation] li a .icon  
       {
     font-size: 22px;
     vertical-align: text-bottom;
    }
   section[role=banner] hgroup h1, section[role=banner] hgroup h2 
       {
     width: 100%;
     font: bold 24px Verdana;
     padding: 0 5%;
     width: 90%;
    }
   section[role=banner] hgroup h2 
       {
     font-size: 16px;
     margin-top: 15px;
    }
   section[role=banner] article[role=main] 
       {
     width: 100%;
     padding: 0 0 30px;
    }
   section[role=banner] article[role=main] h2 
       {
     line-height: 1.2em;
    }
   section[role=banner] article[role=main] .post, section[role=banner] article[role=main] aside 
       {
     float: none;
     width: 90%;
     margin: 0 5%;
    }
   section[role=banner] article[role=main] aside 
       {
     display: none;
    }
   section[role=banner] article[role=main] .price-table li 
       {
     display: block;
    }
   section[role=banner] article[role=main] .price-table li ul, section[role=banner] article[role=main] .price-table li h4, section[role=banner] article[role=main] .price-table li .button 
       {
     display: none;
    }
   section[role=banner] article[role=main] .price-table li .dark 
       {
     margin: 0;
     padding: 15px 0 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
    }
   section[role=banner] article[role=main] .price-table li.box 
       {
     margin: 0 5% 10px;
     width: 90%;
     padding: 0;
    }
   section[role=banner] article[role=main] .price-table li.box .button 
       {
     margin: 10px 5% 0;
     width: 90%;
    }
   section[role=banner] article[role=main] .price-table li.box:first-child 
       {
     padding: 0 0 20px;
    }
   section[role=banner] article[role=main] .price-table li.box:first-child ul, section[role=banner] article[role=main] .price-table li.box:first-child h4, section[role=banner] article[role=main] .price-table li.box:first-child .button 
       {
     display: block;
    }
   section[role=banner] article[role=main] .price-table li.box:first-child .dark 
       {
     margin: 0 0 10px;
     padding-bottom: 0;
     -moz-border-radius: 5px 5px 0 0;
     -webkit-border-radius: 5px 5px 0 0;
     border-radius: 5px 5px 0 0;
    }
   section[role=banner] article[role=main] .price-table li.gap 
       {
     display: none;
    }
   .left 
       {
     float: none;
    }
   

   .foo-slogan 
       {
     overflow: hidden;
     padding: 10px 5% 20px;
     width: 90%;
    }
   .foo-slogan h2 
       {
     float: none;
     width: 100%;
     font: bold 22px/1em Verdana;
     margin: 0 0 15px;
    }
  
   footer[role=contentinfo]  
       {
     padding: 10px 5%;
     width: 90%;
    }
   footer[role=contentinfo] p 
       {
     width: 100%;
    }
 }

.ie7 aside[role=complementary] 
  {
  float: left;
 }
.ie7 .content 
  {
  width: 680px;
  float: left;
 }