@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  ****************************************/
#menuTop{ width:100%; height:auto; float:left; overflow:hidden; background:#272727;}
#contenidoMenuTop{ width:92%; height:auto;  margin-left:auto; margin-right:auto; max-width:1400px; padding: 1% 5%;}
/*********************************** CABEZERA  ****************************************/
#cabezera{ width:100%; height:auto; float:left; position:relative; overflow:hidden; background:#000;}
.eslogan{  width:100%; height:auto; float:left; padding:1% 0%; position:absolute; z-index:1000;  overflow:hidden;} 
.contenido_cabezera{ width:92%; height:auto;  margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%; }
.esloganTexto{  width:100%; height:auto; float:left; margin-top:2%; } 
/*********************************** CABEZERA INT  ****************************************/
#cabezera_int{ width:100%; height:auto; float:left;  background:#333333; overflow:hidden;}
#contenido_cabezera_int{ width:90%; height:auto;  margin-left:auto; margin-right:auto;  padding: 2% 5% 4% 5%; max-width:1400px;}
/*********************************** BANNER INDEX  ****************************************/
#banner{ width:100%; height:auto; float:left; position:absolute;  overflow:hidden; background:#fff;}
#banneInt{ width:100%; height:250px; float:left;  overflow:hidden; background:#000;}
/*********************************** MARCAS  ****************************************/
#caja_eslogan{ width:100%; height:auto; float:left; background:#fff; padding: 4% 0%; }
#eslogan{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%;  overflow:hidden;}
/*********************************** CONTENIDOS  ****************************************/
#cont{ width:100%; height:auto; float:left; background:#fff; padding: 6% 0%; overflow:hidden;}
#contLimpio{ width:100%; height:auto; float:left; background:#fff;  overflow:hidden;}
#info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%; }
/*********************************** CONTENIDOS  ****************************************/
#cont_2{ width:100%; height:auto; float:left; background:#fff; padding: 5% 0%; overflow:hidden;}
#info_2{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%; }
/*********************************** CONTENIDOS  ****************************************/
#int_cont{ width:100%; height:auto; float:left; background:#fff; overflow:hidden; }
#int_info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%;  overflow:hidden;}
/*********************************** MINI GALERIA  ****************************************/
#caja_mini_galeria{ width:100%; height:auto; float:left; padding: 6% 0%; background-image:url(../imagenes/fondo_ben.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  ****************************************/
#pie{ width:100%; height:auto; float:left;  background:#333333; padding: 7% 0%; overflow:hidden;}
#pie_info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%;}
.iconos_impulsoweb{ width:auto; height:auto; float:left; margin:27px 10px 0px 0px; }
#impulsoweb {width:160px; height:85px; float:left; background:url('../imagenes/link.png') no-repeat;}
#impulsoweb:hover {background:url('../imagenes/link_precionado.png') no-repeat;}
/*********************************** TIPOGRAFIAS  ****************************************/
@font-face {
	    font-family: 'titulo';
    src: url('../tipografias/titulo.woff');
}
@font-face {
	    font-family: 'normal';
    src: url('../tipografias/normal.woff');
}
@font-face {
	    font-family: 'cursiva';
    src: url('../tipografias/cursiva.woff');
}
@font-face {
	    font-family: 'subtitulo';
    src: url('../tipografias/subtitulo.woff');
}