@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  ****************************************/
#top{ width:100%; height:auto; float:left;  background:#f3f3f3; border-bottom:#e3e3e3 1px solid; }
#contenido_top{ 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:#fff; }
#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; }
/*********************************** MARCAS  ****************************************/
#caja_eslogan{ width:100%; height:auto; float:left; background:#fff;}
#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: 4% 0%; border-top:#e3e3e3 1px solid;}
#info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%;  overflow:hidden;}
/*********************************** MINI GALERIA  ****************************************/
#caja_mini_galeria{ width:100%; height:auto; float:left; background:#fff; padding: 4% 0%; }
#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:#dbdbdb; padding: 4% 0%;}
#pie_info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%; overflow:hidden;}
.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;}
/*********************************** DERECHOS  ****************************************/
#derechos{ width:100%; height:auto; float:left;  background:#cbcbcb; padding: 1% 0%;}
#derechos_info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1200px; padding: 0% 5%; overflow:hidden;}
/*********************************** REDES SOCIALES  ****************************************/
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: -40px; /* Establecemos la barra en la izquierda */
	top: 350px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 200000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
.social ul {list-style: none;}
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 15px 20px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-instagram {background:#f77400;}
.social ul li a:hover {
		background: #c50000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 15px 40px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}
/*********************************** TIPOGRAFIAS  ****************************************/
@font-face {
	    font-family: 'titulo';
    src: url('../tipografias/titulo.woff');
}
@font-face {
	    font-family: 'normal';
    src: url('../tipografias/normal.woff');
}