/* * { padding: 0; margin: 0; } */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

body {
 color: black; 
  /*background-color: #8c8c8c; */
  background-color: #B0C2D6;
 font: 62.5% Verdana, Arial, Helvetica, sans-serif;
  
  font-style: normal; /*fuente normal, no cursiva*/
 background-image: url(fotos/bg.png);
 background-repeat: repeat-y;
 background-position: center top;
  }
  
  #wrapper { 
   color: #333;
   background-color: white;
   width: 800px; 
   margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
 
   }
   
  #encabezado {
  position:relative;
  color: black;
  height: 115px;
  background-color: #ffca60; 
  
  } 

  #encabezado img { /*logo*/
   position:absolute;
    top: 0;
    left:40px;
    margin-bottom: 0; 
  
   } 
   
  #encabezado p img { /*banner*/
    position:absolute;
    top: 30px;
    left: 380px; 
    padding-bottom: 0;
  margin-bottom: 0; 
   } 
  
  .fecha {
 
   position: absolute; 
  top: 5px;
  left:460px;
  font-size: 14px;
   font-weight: bold;
 padding-bottom: 0;
  margin-bottom: 0;
  }
  
  /* -----inicio navegación----*/
  
  #navegacion { 
   text-align: center;
  font-size: 1.1em;
   color: black; 
   background-color: #fadea5;
   padding: 3px 3px; 
   border-bottom: 1px solid #8c8c8c;
   margin-bottom: 10px;
   } 
   #navegacion ul {
   margin-bottom: 0; /*sin margen inferior*/
  margin-right: 0;
  padding-left: 2px;
   } 
   #navegacion li {
  
   display: inline; /*li en horizontal*/
   list-style-type: none; /*sin viñetas*/
   margin: 0; 
   
   }
   #navegacion a {
   color: black;
    text-decoration: none;
   background-color: #c9e9f5;
   padding: 3px 3px 3px 3px;
   border: 1px solid #8c8c8c;
    margin: 0;
   }
  
  #navegacion a:active {
   background-color: white; 
   }
  
  
  #navegacion a:hover,
  #inicio #navi01 a,
  #empresa #navi02 a,
  #caracteristicas #navi03 a,
  #disponibles #navi04 a,
  #iquique #navi05 a,
  #pagcontacto #navi06 a
   {
  text-decoration: none;
  color: black;
  background-color: white;
  padding-bottom: 5px;
  border-bottom: none;
  }
  
  /* inicio contenido central */
  
  #areatexto {
  float: left;
  width:600px;
  color:black;
  margin-left: 40px;
   margin-bottom: 10px;
 border: 1px solid #afc3d6;
  } 
  #areatexto h1 {
   color: #f30;
   text-align: center;
    font-size: 1.9em; 
    padding-top: 20px;
    margin-top: 0;
    margin-bottom: 0;
  } 
  #areatexto h2 { 
  color: #f30;
  text-align: center; 
  font-size: 1.6em; 
  padding: 0;
  margin-bottom: 20px;
  margin-top:30px;
  } 

   
  #areatexto h4 {
   text-align: center; 
   
    font-size: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 1em;
  
  
  
  
  } 
   
  #areatexto h5 {
   text-align: center; 
   color: #ff6600;
   font-size: 15px;
   padding-top: 20px;
    padding-bottom: 20px;
  } 
    
 #areatexto p {

   color: #333;
   text-align:center; 
  font-size: 1.3em;
   margin-bottom: 1em;
  margin-top: 1.7em;
  } 
  
  .azul {

color: blue;
 font-size: 1.3em;

}
  
 .rojo {
 color: #f30;
 font-size: 1em;
 font-weight: bold; 
 } 
  
   
 
  #areatexto p img {

  padding: 2px;
  border: 4px solid #afc3d6; 
  margin-bottom: 30px;
    } 
    
 
 
 #areatexto ul {

 font-size: 1.3em;
 margin-bottom: 40px; 
  margin-right: 0;
  padding-left: 100px;
  }  
 #areatexto li {
 list-style: none;
 background-image: url(fotos/visto-bueno.png);

 background-repeat: no-repeat;
 background-position:0 2px;
 padding-left: 15px;

 margin-bottom: 10px;
 }
 
 
  /*fin areatexto*/
  
  #banner_central {
  float: right;
  width: 120px;
  background-color: #afc3d6;
  text-align: center;
  margin-top: 0;
  margin-right: 8px;
  height: 97em;
 /*border: 1px solid #666;*/
  }
  #banner_central img {
  padding-top: 10px;
  padding-bottom: 10px;
  }
  
  
  
  #pie {
  
clear: both;
  }
  
 
  address {
  
  text-align: center; /*centrar texto*/
  background-color: #d9d9d9;
  font-size: 85%; /*más pequeño*/
  font-weight: normal;
  font-style: normal; /*fuente normal, no cursiva*/
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: 1px; /*distancia entre letras*/
  line-height: 1.3em; /*distancia entre las lineas*/
  } 
        /*----fin pie_____*/
        

  #menu_abajo { 
  
    text-align: center;
   color: black; 
   background-color: #8c8c8c; 
   padding: 3px 3px 3px 3px; 
    
   border-bottom: 1px solid #8c8c8c;
   }  
   
      #menu_abajo a {
    color: #333;
    font-size: 1em;
    text-decoration: none;
   background-color: #afc3d6;
   padding: 3px 3px 3px 3px;
   border: 1px solid #8c8c8c;
    margin: 0;
   border-top: none;
   
   }
   #menu_abajo ul {
   margin-bottom: 0;
  margin-right: 0;
  padding-left: 2px;
   } 
    #menu_abajo li {
   display: inline;
   list-style-type: none; 
   margin: 0; 
   
   }

  
  #menu_abajo a:active { background-color: 
  white; }
  
  
  #menu_abajo a:hover,
  #inicio #navi01 a,
  #empresa #navi02 a,
  #caracteristicas #navi03 a,
  #disponibles #navi04 a,
  #iquique #navi05 a,
  #pagcontacto #navi06 a
   {
  text-decoration: none;
  color: black;
  background-color: white;
  padding-bottom: 5px;
  border-bottom: none;
  }