@charset "utf-8";
/* CSS Document */
.display-pc{ display:none;}
.display-tablet{ display:none;}
.display-celulares{ display:none;}
body{ margin:0px; }
#pagina{ position:absolute;  z-index:10;  overflow:hidden; width:100%;}
/*********************************** CABEZERA  ****************************************/
#linea{ width:100%; height:auto; float:left;  background:#161d61;}
.contenido_linea{ width:90%; height:auto;  margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%;}
/*********************************** CABEZERA  ****************************************/
#topTel{ width:100%; height:auto; float:left;  background:#0d113a; padding: 1% 0%;}
#topTelCont{ width:90%; height:auto;  margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%; overflow:hidden;}
/*********************************** CABEZERA  ****************************************/
#cabezera{ width:100%; height:auto; float:left;  background:#f3f3f3;}
#contenido_cabezera{ width:90%; height:auto;  margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%; overflow:hidden;}
/*********************************** BANNER INDEX  ****************************************/
#banner{ width:100%; height:auto; float:left;  background-image:url(../imagenes/fodno_plano.jpg); padding: 2% 0% 0% 0%; background-attachment:fixed; overflow:hidden;}
#contenido_banner{ width:90%; height:auto;  margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%;}
/*********************************** ESLOGAN  ****************************************/
#caja_eslogan{ width:100%; height:auto; float:left; background:#3f6fb4; padding: 4% 0%;}
#eslogan{ width:90%; height:auto;  margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%;  overflow:hidden;}
/*********************************** CONTENIDOS  ****************************************/
#cont{ width:100%; height:auto; float:left; background:#fff; padding: 2% 0% 0% 0%; }
#info{ width:100%; height:auto; margin-left:auto; margin-right:auto; max-width:1200px; padding: 2% 0% 4% 0%;  overflow:hidden;}
/*********************************** MINI GALERIA  ****************************************/
#caja_mini_galeria{ width:100%; height:auto; float:left;  padding: 12% 0%; background-image:url(../imagenes/mini.jpg); background-attachment:fixed;}
.mini_galeria{ width:90%; height:auto;  margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%; overflow:hidden;}
/*********************************** PIE  ****************************************/
#marcas{ width:100%; height:auto; float:left;  background:#fff; padding: 1% 0%; }
#marcas_cont{ width:100%; height:auto; margin-left:auto; margin-right:auto; max-width:1200px;  overflow:hidden;}
/*********************************** PIE  ****************************************/
#pie{ width:100%; height:auto; float:left;  background:#00031c; }
#pie_info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%; overflow:hidden;}
/*********************************** TIPOGRAFIAS  ****************************************/
@font-face {
	    font-family: 'titulo';
    src: url('../tipografias/titulo.woff');
}
@font-face {
	    font-family: 'normal';
    src: url('../tipografias/YanoneKaffeesatz-Light-webfont.woff');
}