.slidefijo { position: relative; width: 100%; height: 200px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }
.slidefijo .txt { width: 100%; padding-top: 100px; font-size: 36px; font-weight: 400; color: #FFF; text-align: center; }



h1 { color: #d12b29; font-size: 36px; font-weight: 900; text-align: center; text-transform: uppercase; margin: 0; margin-top: 40px; }
h2 { color: #dae0e3; font-size: 36px; font-weight: 300; text-align: center; text-transform: uppercase; }


/***********************************/
/**********   PRODUCTOS   **********/
/***********************************/

#productos { margin-top: 50px; margin-bottom: 40px; padding: 0 4%;  }
#productos #menu { float: left; width: 28%; margin-top: -8px; }
#productos #producto { float: right; width: 68%; }


#productos #menu .seccion {
	font-size: 16px; text-transform: uppercase; color: #1754a4;
	background: #f0f2f4 url(../../img/arrow-more.png) center right;
	background-repeat: no-repeat; padding: 8px 10px; margin-top: 8px; margin-bottom: 5px; cursor: pointer;
	border-left: 5px solid #888; font-weight: 900; font-size: 20px;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
}
#productos #menu .seccion:hover { background-color: #eee; background-position: 102% center; }

#productos #menu .ocultar { display: none; }

#productos #menu .familia {
	font-size: 14px; text-transform: uppercase; color: #000000; padding: 5px 0; padding-left: 10px; margin-bottom: 3px; cursor: pointer;
}
#productos #menu .subfamilia {
	font-size: 14px; text-transform: uppercase; color: #565656; padding: 5px 0; padding-left: 40px; margin-bottom: 3px; cursor: pointer;
}
#productos #menu .dsubfamilia {
	font-size: 14px; text-transform: uppercase; color: #565656; padding: 5px 0; padding-left: 60px; margin-bottom: 3px; cursor: pointer;
}
#productos #menu .producto {
	font-size: 15px; color: #565656; padding: 5px 0; padding-left: 20px; cursor: pointer;
}
#productos #menu .familia .producto,
#productos #menu .subfamilia .producto,
#productos #menu .dsubfamilia .producto {
	padding-left: 70px;
}


#productos #menu .familia,
#productos #menu .subfamilia,
#productos #menu .dsubfamilia,
#productos #menu .producto  { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }

#productos #menu .familia:hover,
#productos #menu .subfamilia:hover,
#productos #menu .dsubfamilia:hover,
#productos #menu .producto:hover  { color: #676767; }


#productos .abierto0 {	background-color: #888; color: #FFF; background-image: url(../../img/arrow-less.png) !important; background-position: 98% center !important; background-repeat: no-repeat !important; }
#productos .abierto1 { background-color: #bababa !important; }
#productos .abierto2 {	background-color: #e3e3e3 !important; }

#productos .seleccionprod { color: #676767 !important; font-weight: bold; }


/***********************************/
/**********   PRODUCTO   ***********/
/***********************************/

#productoficha { width: 100%; font-weight: normal; }
#productoficha h2 { margin: 0; padding: 0; margin-top: 20px; font-size: 18px; font-weight: 900; text-align: left; }
#productoficha h3 { background: #ccc; color: #fff; font-size: 22px; font-weight: 900; padding: 10px 20px; text-align: left; margin-bottom: 30px; }
#productoficha .texto { float: left; width: 50%; font-size: 14px; text-align: justify; }
#productoficha .texto ul { list-style-position: outside; margin-left: 40px; }
#productoficha .texto p { margin: 0; margin-bottom: 10px; text-align: justify; }
#productoficha .imagenes { float: right; width: 45%; }
#productoficha .imagen { margin-bottom: 20px; }

table {padding: 3px;}

#productoficha .tabla { font-size: 13px; font-weight: normal; color: #3c3c3c; margin-top: 50px; margin-bottom: 50px; }
#productoficha .tabla table td { padding: 10px; text-align: center; background: #f0f3f4; }
#productoficha .tabla table td.nombres { text-align: left; }
#productoficha .tabla table.cabecera { font-size: 12px; color: #fff; }
#productoficha .tabla table td.peque { font-size: 11px; color: #888; text-align: left; }



#productoficha .linea { margin-top: 40px; width: 100%; height: 2px; background-color: #444; overflow: hidden; }







/***********************************/
/**********   ABOUT US   ***********/
/***********************************/

#aboutus { margin-top: 30px; }
#aboutus #cuadrado-sections { font-size: 16px; text-align: justify; }
#aboutus #cuadrado-sections .section-row .desc { padding: 44px 60px; }
#aboutus p { margin-bottom: 20px; text-align: justify; }





/***********************************/
/*8*********   CONTACT   ***********/
/***********************************/

#contact { margin-top: 30px; }
#contact #map { float: left; width: 50%; height: 400px; }
#contact .formulario { float: left; width: 50%; padding: 30px 5%; }



@media screen and (max-width: 1500px) {
	
	.slidefijo { height: 150px; } .slidefijo .txt { padding-top: 80px; }
	
	#aboutus #cuadrado-sections { font-size: 15px; text-align: justify; }
	
}

@media screen and (max-width: 1200px) {
	
	#iconomenuprod { cursor: pointer; margin-left: -10px; margin-bottom: 10px; }
	#productos #menu { float: inherit; width: 100%; margin-top: 2px; display: none; }
	#productos #producto { float: inherit; width: 100%; margin-top: 20px; }

}

@media screen and (max-width: 810px) {

	.slidefijo { height: 100px; } .slidefijo .txt { padding-top: 40px; font-size: 30px; } .slidefijo .txt img { width: 100px; }
	
	#productoficha .texto { float: left; width: 100%; }
	#productoficha .imagenes { float: left; width: 100%; }

}

@media screen and (max-width: 500px) {

	.slidefijo .txt { font-size: 24px; } .slidefijo .txt img { width: 90px; }
	
}