@import 'https://fonts.googleapis.com/css?family=Poiret+One';
.poiret {font-family: 'Poiret One', cursive;}
html, body {margin: 0; padding: 0; height: 100%;}
#container {min-height: 100%;}
#wrap {padding-bottom: 120px;}

/*HEADER*/

header { height: 80px;}
.cont-datos_contacto { color: #333; padding: 1%; text-align: right; }
.cont-logo { text-align: center; }
.white {color: #fff;}
nav { background-color: #333; height: 60px;}
.menuclase {text-align:center; padding: 1%;}
.btn-menu {width: 200px; text-align: center;}
.btn-menu-seleccionado {text-decoration: underline;}
.btn-menu span:hover { font-size: 18px; text-shadow: 1px 1px #ededed; }
.menu-fixed {position: fixed; z-index:1000; top:0; max-width:100%; width:100%; background-color: rgba(194,213,222,1);}
.menu-fixed span { color: #000; }

/*PARALLAX*/

.cont-parallax {width: 100%; height: 500px; background: url(../img/header/fondo.jpg) fixed; background-size: cover; background-repeat: no-repeat;}
.cont-parallax2 {width: 100%; height: 500px; background: url(../img/productos/4.jpg) fixed; background-size: cover; background-repeat: no-repeat;}
.cont-parallax3 {width: 100%; height: 500px; background: url(../img/nosotros/nosotros.jpg) fixed; background-size: cover; background-repeat: no-repeat;}
.cont_descripcion { padding: 5%; }
.titulo_pagina { text-align: center; padding-left: 10%; padding-right: 10%; padding-top: 40px; color: white; font-size: 40px; }
.titulo_pagina h1 {font-size: 78px;}
.landing_titulo {padding-left: 10%; padding-right: 10%; color: white; font-size: 40px;}
/*SLIDER*/

footer { height: 120px; background-color : #333; position: relative; margin-top:-120px;}
.cont-cont_slider {background-color: #333; } 
.boton_productos { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; border-radius: 20px; background-color: rgb(194,213,222); box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(3,3,3,0.19);}
.boton_productos:hover { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(3,3,3,0.19);}
.boton_productos:hover {color: rgb(255,255,255);}
.cont-boton_productos { padding: 50px; }
.cont-form {margin-top: 25px; background-color: rgba(180,180,180,0.6); padding-bottom: 10px; }
.form-style {height: 45px; border: 3px; margin-top:10px; font-size: 12px; padding-left: 5px; border-color: black; background-color: #fff; font-size: 12px; padding-left: 5px;}
.form-style-mensaje {padding-top:12px; padding-bottom:200px; height:20px; border: 3px; margin-top:10px; font-size: 12px; padding-left: 5px; border-color: black; background-color: #fff; font-size: 12px; padding-left: 5px;}
.form-style-boton {margin-top: 5px; background-color: #fff; height: 45px; border: none; font-size: 12px; color: #000;}	
.colorError::-webkit-input-placeholder {color:    red; }
 .colorError:-moz-placeholder {color:red; }
.colorError::-moz-placeholder {color:red; }
.colorError:-ms-input-placeholder {	color:red; }
.slider {padding: 2%;}
.color_grey {color: #333;}
.color_white {color: #fff;} 

/*PRODUCTOS*/

.productos { text-align: left; }
.productos h2 {font-size: 40px;}
.productos_contenido { margin-top: 5%; margin-bottom: 5%; min-width: 320px;}
.background-grey { background-color: rgb(194,213,222); }
.formulario_design { padding-left: 10%; padding-right: 10%; }
.colorwhite {color: white;}

/*RESPOSIVE*/

@media (max-width: 1025px){
	.productos h2	{ font-size: 26px; }
	.btn-menu { width: 18%; }
	#formulario input { width: 100%; }
	.productos_contenido { padding: 1%; }
	footer div p { color:#fff; }
}
@media (max-width: 480px){
	nav {height: auto; box-sizing: border-box !important; padding: 4%;}
	.btn-menu{ width: 100%; }
	#con-btn { width: 40%; box-sizing: border-box; padding: 4% 0 0 0; }
	.titulo_pagina img { width: 100%; }
	.cont-datos_contacto { width: 100%; text-align: center; }
	.cont-datos_contacto p { color: #000; }
	.cont_descripcion h2 { font-size: 40px; }
	.cont_descripcion h1 { font-size: 40px; }
	.cont_descripcion p { font-size: 18px; }
	.formulario_design { padding: 0; }
	form {  width: 90% !important; }
	.productos_contenido img { width: 100%; max-width: 100%; }
	.cont-parallax { height: 300px; }
	.cont-parallax2 { height: 300px; }
	.cont-parallax3 { height: 300px; }
}