:root {
	--fuentePrincipal: 'Montserrat', sans-serif;
	--altoMenu: 95px;
}

body {
	font-family: var(--fuentePrincipal);
	margin: 0px;
	line-height: 1.5;
}

a {text-decoration: none; color: #000;}
img {max-width: 100%;}
.fs18 {font-size: 1.8rem;}
.fs15 {font-size: 1.5rem;}
.fs13 {font-size: 1.3rem;}
.fs12 {font-size: 1.2rem;}
.gold {color:#9B804A;}
.bold {font-weight: 600;}
.m0 {margin: 0px;}
.vam {vertical-align: middle;}
.pad10 {padding: 10px;}
.pad20 {padding: 20px;}
.w15 {width: 15%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w50 {width: 50%;}
.w70 {width: 70%;}
.pagina {position: relative;}
.vat {vertical-align: top;}

#videohome {position: relative; width: 100%; min-height: 650px;}
#videopresentacion {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
}
#videospace {position: absolute;}
#menuspace {height: 100px;}

.logomenu {position: fixed; top: 0; width: 100%; height: var(--altoMenu); border-bottom: 5px solid #9C814A; background-color: rgba(255,255,255,0.90); z-index: 100;}
.logomenucont {position: relative;width: 90%; height: var(--altoMenu); max-width: 1200px; margin: auto; display: table;}
.logo {width:20%; height: 100px; display: table-cell; vertical-align: middle; line-height: 1;}
.logoimg {max-width: 100%;}
.menu {width: 80%; height: 100px; display: table-cell; vertical-align: middle;}
ul.menuprincipal {list-style: none; margin: 0px; padding: 0px; text-align: center; font-weight: 600;}
ul.menuprincipal li {display: inline-block; padding:0px 10px;}

.titulos {color: #000; font-size: 1.8rem; font-weight: 500; text-align: center; margin-top: 50px; line-height: 80px; position: relative;}
.titulos::after {
	content: "";
    width: 100px;
    border-bottom: 2px solid #000;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -50px;
}
.titulos span {color:#9B804A;}
.titulosb {color: #000; font-size: 1.8rem; font-weight: 500; text-align: center; margin-top: 50px; line-height: 80px; position: relative;}
.titulosb::after {
	content: "";
    width: 100px;
    border-bottom: 2px solid #000;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -50px;
}
.titulosb span {color:#FFFFFF;}

.subtitulo {font-family: var(--fuentePrincipal); font-style: italic; text-align: center; line-height: 50px;}
.subtitulog {font-family: var(--fuentePrincipal); font-style: italic; text-align: center; line-height: 50px; font-size: 1.5rem; font-weight: 600;}

.productos {width: 90%; margin: auto; max-width: 1200px;}
.tabla {display: table; width: 100%;}
.celda {display: table-cell;}
.producto-imagen {text-align: center;}
.producto-titulo {text-align: center; font-size: 1.5rem; font-weight: 800; position: relative; line-height: 50px;}
.producto-titulo::after {
	content: "";
    width: 60px;
    border-bottom: 2px solid #9C814A;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -30px;
}
.producto-descripcion {
	margin-top: 20px;
	text-align: center;
}
.producto-boton {background-color:#9C814A; box-shadow: 3px 3px #000; padding: 5px 30px; border-radius: 25px; color:#FFF; border: solid 1px #9C814A; cursor: pointer;}
.producto-boton a{color: #FFF; font-weight: bold; font-size: 1rem;}

.fabrica {
    width: 100%;
	margin: 100px 0px 0px 0px;
    background-image: -webkit-linear-gradient(270deg,rgba(205,187,150,1.00) 0%,rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(205,187,150,1.00) 0%,rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(205,187,150,1.00) 0%,rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(205,187,150,1.00) 0%,rgba(255,255,255,1.00) 100%);
	padding: 30px 0px;
}
.swiper-container {width: 100%; max-width: 1000px; margin: 50px auto;}

.contacto {width: 100%;}
.mapa {width: 100%; height: 500px; position: relative;}
.mapa-cont {position: absolute; top: 0; left: 0; width: 100%;}
.contacto-informacion { width: 90%; max-width: 1200px; margin:auto; position: relative;}
.contacto-informacion-cont { position: absolute; left: 0px; top: 50px; max-width: 450px; width: 95%; height:300px; background-color: #FFF; box-shadow: 0px 0px 10px #9C814A;}
.contacto-informacion-texto {width: 80%; padding:5%; margin: auto; font-size: 0.9rem;}

.footer {min-height:100px; background-color:#9C814A; border-top:5px solid #000;}
.footer-cont {display: table; max-width: 1200px; width: 90%; margin: auto; padding:30px 0px; color: #FFF;}
.footer-cont div {display: table-cell;}
.footer-logo-text {font-size: 1.4em; font-weight: 600;}

.movil {display: none;}
.contenido {margin: 80px auto; width: 90%; max-width: 1200px;}

.productos-titulo {font-size: 1.5em; font-weight: 600;}
.productos-descripcion {padding-right: 10px;}
.leftmov {float:none;}
.menumovilicon {display: none;}
.menumovil {display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color:rgba(255,255,255,0.92); z-index: 10000;}
.logomenumovil {text-align: center; line-height: 55px; padding-top: 15px;}
ul.menuprincipalmovil {list-style: none; margin: 0px; padding: 0px;}
ul.menuprincipalmovil li {line-height: 45px; border-bottom: 1px solid #CCC; text-align: center;}
.menumovilcerrar {text-align: center; position: absolute; width: 40px; height: 40px; right: 10px; top: 10px;}

@media only screen and (max-width: 600px) {
	.logomenucont {height: 60px;}
	.logomenu {height: 60px;}
	.logo {height: 60px; width: 50%;}
	.logoimg {height: 42px;}
	.menu {height: 60px; width: 50%;}
	.menuprincipal {display: none;}
	.menumovilicon {display: block; line-height: 0; text-align: right;}
	#videopresentacion {position: relative; height: 'auto';}
	#videohome {margin-top: 60px;}
	.tabla {display: table; width: 100%;}
	.celda {display: block;}
	.titulos {
		font-size: 1.4rem; 
		line-height: 1.5;
	}
	.titulos::after {
		bottom: -10px;
	}
	.subtitulo {
		line-height: 1.5;
		padding-top: 20px;
	}
	.subtitulog {line-height: 1; font-size: 1rem;}

	.footer-cont div {display: block;}
	
	.movil {display: block;}
	.escritorio {display: none;}
	.contenido {margin: 30px auto;}
	.w50 {width: 100%;}
	.leftmov {float:left;}
	.productos-titulo {font-size: 1rem;}
	.productos-descripcion {font-size: 0.8rem;}
	.baner {margin-top: 60px;}
	.pad20 {padding: 0px;}
}