* { margin: 0; padding: 0; border: 0; }
body { background: white; font-family: 'Open Sans', sans-serif; font-size: 14px;  font-weight: normal; }
.ancho { width: 1100px; margin: 0 auto; }
.ancho::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.limpiar { clear: both; }

#boton-menu { display: none; position: absolute; top: 30px; right: 25px; }
#boton-menu img { width: 19px; }
.abrir { }
.cerrar { }

/* Formularios */

label { display: block; }
input.campo , select { background: #ddd; width: 100%; padding: 4px 0px; font-family: 'Open Sans', sans-serif; font-size: 14px; }
input.boton, form button { background: #c93; color: #fff; padding: 10px 20px; font-size: 16px; }
input.boton:hover, form button:hover { background: #c82; }
textarea { background: #ddd; width: 100%; min-height: 54px; padding: 4px 0px; font-family: 'Open Sans', sans-serif; }

form .completo { clear: both; width: 98%; padding: 1%; }
form .mitad { float: left; width: 48%; padding: 1%; }
form .hora { float: left; width: 14%; padding: 1%; }
form .botones { padding-top: 3%; text-align: right; }
/*
form button { background: #c93; color: #fff; padding: 10px 20px; font-size: 16px; }
form button:hover { background: #c82; }
*/
.valcotizacion {  }

.margen { padding: 5%; }

.bloque1de2 { float: left; width: 50%; }
.bloque1de4 { float: left; width: 25%; margin: 40px 0; }

.bloque1de3 { float: left; width: 33.33%; }

header {  }

#logotipo { float: left; width: 30%; padding: 14px 0 5px 0; }
#logotipo img { }

#nav-horizontal { float: left; width: 70%; text-align: right; padding: 60px 0 0 0; font-size: 16px; }
#nav-horizontal ul { list-style: none; float: right; }
#nav-horizontal ul li { float: left; padding: 6px 20px; }
#nav-horizontal ul li:first-child { padding: 0px 20px; }
#nav-horizontal ul li a { display: block; text-decoration: none; color: #000; }

#nav-vertical { display: none; background: #ffffff; position: absolute; right: 0; z-index: 11; }
#nav-vertical ul { list-style: none; border-left: thin solid #ddd; border-right: thin solid #ddd; }
#nav-vertical ul li { border-top: thin solid #ddd; }
#nav-vertical ul li a { display: block; padding: 15px 25px; text-decoration: none; color: #000; }

#slideshow { clear: both; position: relative; width: 100%; color: #ffffff; text-shadow: 4px 4px 3px #000; }
#slideshow #boton-anterior { position: absolute; z-index: 9; top: 10px; left: 10px; }
#slideshow #boton-siguiente { position: absolute; z-index: 9; top: 10px; right: 10px; }
#slideshow { width: 100%; height: 100%; overflow: hidden; }
#slideshow .s_element { height: 100%; }
#slideshow .s_element img { position: absolute; width: 100%; height: 100%; }
#slideshow .s_visible { display: block; }
#slideshow .texto { display: none; position: absolute; top: 20%; right: 40%; left: 10%; padding: 20px; }
#slideshow .s_visible .texto { display: block; }
#slideshow .texto h2 { color: #c93; font-size: 46px; font-weight: 800; }
#slideshow .texto p { padding: 20px 0px 40px; font-size: 28px; font-weight: bold; }
#slideshow .texto a { background: #c93; margin-top: 10px; padding: 8px 20px; font-size: 20px; text-decoration: none; 
color: #fff; }
#slideshow .texto a:hover { background: #c82; }

.bloques { margin: 100px 0px; }
.bloques .caja { margin: 0 auto; width: 200px; }
.bloques .caja header { text-align: center; }
.bloques .caja header h2 { color: #E35929; padding: 14px 0px; text-transform: uppercase; }
.bloques .caja header img { margin: 0 auto; width: 132px; }
.bloques .caja section { height: 187px; overflow: hidden; line-height: 18px; text-align: justify; }
.bloques .caja section p { padding: 4px 0px; }
.bloques .caja footer { text-align: center; margin: 6px 0px; }
.bloques .caja footer a { background: #c93; padding: 8px 26px; text-decoration: none; color: #fff; text-shadow: 1px 1px 1px #777; }
.bloques .caja footer a:hover { background: #c82; }

.parallax-window { position: relative; min-height: 600px; background: transparent; }
.parallax-window .texto { position: absolute; top: 100px; right: 0px; left: 0px; background: #000; opacity: 0.7; padding: 40px; color: #fff; text-align: center; 
text-shadow: 3px 3px 4px #000; }
.parallax-window .texto h3 { opacity: 1.0; color: #c73; font-size: 32px; }
.parallax-window .texto p { opacity: 1.0; padding: 20px; font-size: 20px; }
.parallax-window .texto1 { position: absolute; top: 35%; right: 25%; left: 25%; text-align: center; text-shadow: 4px 4px 3px #000; }
.parallax-window .texto1 h2 { font-size: 48px; color: #c93; text-transform: uppercase; }
.parallax-window .texto1 p { color: #fff; font-size: 26px; }

/* animate.css */
.toBeAnimated { animation-duration: 3s; animation-delay: 2s; }
.os-animation{ opacity: 0; }
.os-animation.animated{ opacity: 1; }

main { margin: 100px 0px; }
main section { margin: 5%; position: relative; }
main section img { width: 100%; }
main section .texto { position: absolute; left: 10%; bottom: 10%; z-index: 9; text-shadow: 4px 4px 3px #000; }
main section .texto a { text-decoration: none; color: #c93; }
main section .texto h2 { font-size: 48px; color: #c93; }
main section .texto p { font-size: 28px; font-weight: bold; color: #fff; }

/* Galería de Imágenes */

section.galerias section { margin: 5%; position: relative; }
section.galerias section img { width: 100%; }
section.galerias section .texto { position: absolute; left: 10%; bottom: 10%; z-index: 9; text-shadow: 4px 4px 3px #000; }
section.galerias section .texto a { text-decoration: none; color: #c93; }
section.galerias section .texto h2 { font-size: 48px; color: #c93; }
section.galerias section .texto p { font-size: 28px; font-weight: bold; color: #fff; }

main #galeria-min , section #galeria-min { }
main #galeria-min img { margin: 1.5%; width: 21.5%; height: 180px; }
main #galeria-ven { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: black; text-align: center; }
main #galeria-cer { display: none; position: fixed; top: 10px; right: 15px; z-index: 9; color: #ccc; }
main #galeria-sig { display: none; position: fixed; top: 0; right: 4px; z-index: 9; }
main #galeria-ant { display: none; position: fixed; top: 0; left: 4px; z-index: 9; }
main #galeria-min .i_visible { }

/* Árticulos */

main article { font-size: 16px; }
main article:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
main article section {margin: 6%; }
main article p { margin: 16px 0px; }
main article ol { margin: 15px 0px 15px 28px; }
main article img { width: 100%; }
main article header { text-align: center; padding-bottom: 20px;}
main article h2 { display: inline; padding: 0px 20px 6px; border-bottom: thick solid orange; }

.cotizacion, .contacto { margin: 100px 0px; }
.cotizacion img, .contacto img { width: 100%; padding-top: 2%; }
#mensaje-cont p { font-size: 22px; }

footer#maquetacion { background: #DC7215; padding: 50px 0px 30px; font-size: 16px; color: #ffffff; }
footer .bloque1de3 { float: left; width: 42%; }
footer .bloque2de3 { float: left; width: 26%; }
footer .bloque3de3 { float: left; width: 32%; }
footer table { margin-bottom: 30px; }
footer td { vertical-align: top; }
footer img.icono { width: 22px; margin: 3px 8px 3px 0px; }
footer nav { clear: both; text-align: center; }
footer nav ul { list-style: none; width: 85%; margin: 0 auto; }
footer nav ul li { float: left; width: 16.66%; }
footer nav ul li a { display: block; padding: 20px 10px; text-decoration: none; color: #ffffff; }

@media screen and (max-width: 1150px){
	.ancho { width: 100%; }
	.bloque1de4 { width: 50%; }
	#logotipo { float: none; width: 100%; }
	#logotipo img { margin-left: 20px; width: 100px; }
	#boton-menu { display: block; }
	
	#nav-horizontal { display: none; }

	#slideshow .texto { top: 10%; right: 10%; left: 10%; }
	#slideshow .texto h2 { font-size: 32px; }

	main { margin: 30px 0px; }
	
	main #galeria-min { padding: 0 2%; }
	main #galeria-min img { margin: 1.5%; width: 30%; height: 180px; }

	.parallax-window .texto h3 { font-size: 28px; }
	.parallax-window .texto p { padding: 7px; font-size: 18px;}
	
	footer nav ul { width: 100%; }
}

@media screen and (max-width: 850px){
	#slideshow .texto h2 { font-size: 22px; }
	#slideshow .texto p { font-size: 16px; }

	#slideshow .texto a { font-size: 14px; padding: 6px 18px; }
	
	main #galeria-min img { margin: 2.3%; width: 45%; height: 180px; }
	
	footer section { width: 60%; margin: 0 auto;}
	footer .bloque1de3 { float: none; width: 100%; }
	footer .bloque2de3 { float: none; width: 100%; }
	footer .bloque3de3 { float: none; width: 100%; }
	footer nav ul li { float: none; width: 100%; }
}

@media screen and (max-width: 600px){
	.bloque1de2 { width: 100%; }
	.bloque1de4 { width: 100%; }

	#slideshow .texto h2 { font-size: 16px; }
	#slideshow .texto p { font-size: 14px; }
	#slideshow .texto a { font-size: 14px; padding: 6px 15px; }

	main section .texto h2 { font-size: 20px; }
	main section .texto p { font-size: 14px;}
	
	section.galerias section .texto h2 { font-size: 20px; }
	section.galerias section .texto p { font-size: 14px;}

	main #galeria-min img { margin: 5%; width: 90%; height: 180px; }
	
	.parallax-window .texto h3 { font-size: 16px; }
	.parallax-window .texto p { padding: 7px; font-size: 14px;}
	.parallax-window .texto1 { top: 35%; right: 5%; left: 5%; }
}

@media screen and (max-width: 467px){
	#slideshow .s_element img { position: absolute; width: 200%; height: 100%; left: -50%; }
}