@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quicksand&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&display=swap');
.montserrat {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
.bona-nova-sc-regular {
  font-family: "Bona Nova SC", serif;
  font-weight: 400;
  font-style: normal;
}

.bona-nova-sc-bold {
  font-family: "Bona Nova SC", serif;
  font-weight: 700;
  font-style: normal;
}

.bona-nova-sc-regular-italic {
  font-family: "Bona Nova SC", serif;
  font-weight: 400;
  font-style: italic;
}

body{
margin: 0;
padding: 0;
background-color: #EAEAEA;
font-family: "Montserrat", sans-serif;
background-image: url(../img/fondo.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}
.clear{
clear: both;	
	}
.img{
border: none;
display: block;	
	}
.img-f{
border: none;
display: block;
float: left;	
	}
.separador{
width: 100%;
height: 10px;	
	}
.sombra{
  -webkit-box-shadow: 2px 2px 5px #404040;
  -moz-box-shadow: 2px 2px 5px #404040;
  filter: shadow(color=#404040, direction=135, strength=2);
}
.mano{
cursor: pointer;	
	}

/*Margenes*/
.pad-10{
padding: 10px;	
	}
.pad-20{
padding: 20px;	
	}
.ancla{
height: 100px; 
background:rgba(219,212,208,0.7);
}


	
/*ANCHOS*/


.div-100{
display: block;
border: 0px;
width: 100%;
}
.div-70{
float: left;
display: block;
border: 0px;
width: 70%;
}
.div-60{
float: left;
display: block;
border: 0px;
width: 60%;
}
.div-50{
float: left;
display: block;
border: 0px;
width: 50%;
}
.div-40{
float: left;
display: block;
border: 0px;
width: 40%;
}
.div-30{
float: left;
display: block;
border: 0px;
width: 30%;
}
.div-33{
float: left;
display: block;
border: 0px;
width: 33.33%;
}
.div-cont{
display: block;
border: 0px;
width: 80%;
}


@media all and (max-width: 1024px) {

	.div-100{
	display: block;
	border: 0px;
	width: 100%;
	}
	.div-70{
	display: block;
	border: 0px;
	width: 100%;
	}
	.div-60{
	display: block;
	border: 0px;
	width: 100%;
	}
	.div-50{
	display: block;
	border: 0px;
	width: 100%;
	}
	.div-40{
	display: block;
	border: 0px;
	width: 100%;
	}
	.div-30{
	display: block;
	border: 0px;
	width: 100%;
	}
	.div-33{
	display: block;
	border: 0px;
	width: 100%;
	}
	.div-cont{
	display: block;
	border: 0px;
	width: 80%;
	}

}	


/*align*/
.ali-center{
text-align: center;
}
.ali-left{
text-align: left;
}
.ali-right{
text-align: right;
}

/*Textos*/
.txt-titulo-home{
color: #dad3cf;
font-size: 3.5vw;
text-shadow: 1px 1px 2px #28170b;
}	
.txt-titulo{
color: #dad3cf;
font-size: 2.5vw;
text-shadow: 1px 1px 2px #28170b;
}	
.txt-titulo-ani{
font-family: "Montserrat", sans-serif;
margin-top: 24%;
margin-left: 2vw;
color: #dad3cf;
font-weight: 100;
font-size: 2vw;
padding: 1vw 4vw 1vw 2vw;
background-color: #28170b;
}	
.txt-titulo-txt{
text-align: left;
color: #dad3cf;
font-size: 2vw;
text-shadow: 1px 1px 2px #28170b;
}	
.txt-home{
color: #3a3532;
font-size: 1.2vw;
text-align: justify;
}
.txt-home a{
color: #3a3532;
font-size: 1.2vw;
text-align: left;
text-decoration: none;
}
.txt-home a{
font-style: italic;	
}



.txt-ubicacion{
color: #3a3532;
font-size: 1.2vw;
text-align: left;
}
.txt-nosotros{
color: #3a3532;
font-size: 1.2vw;
text-align: left;
}
.txt-servicios{
color: #3a3532;
font-size: 1.2vw;
text-align: left;
}

/*Cajas*/
.div-titulo{
display: block;
border: 0;
padding: 1vw 2vw 1vw 2vw;
background-color: #e1d1bd;
}
	
/*FOMR*/
.form-txt{
color: #3a3532;
font-size: 1.2vw;
text-align: left;
}
.form-contacto-1{
width: 70%;
border: none;
color: #3a3532;
background-color: #fcf4ef;
font-size: 1.2vw;
padding: 0.5vw;
margin-top: 1vw;
margin-bottom: 1.5vw;
}
.form-contacto-2{
width: 70%;
height: 100px;
border: none;
color: #3a3532;
background-color: #fcf4ef;
font-size: 1.2vw;
padding: 0.5vw;
margin-top: 1vw;
margin-bottom: 1.5vw;
}
.form-contacto-btn{
border: none;
color: #fcf4ef;
background-color: #3a3532;
font-size: 1.2vw;
padding: 1vw 4vw 1vw 4vw;
margin-top: 1vw;
margin-bottom: 1.5vw;
	}
.loading{
background-image: url(../img/loading.gif);
background-repeat: no-repeat;
background-position: center center;	
	}			


.form{
color: #ffffff;
font-size: 18px;
	}
.form-1{
width: 70%;
border: none;
color: #136493;
background-color: #FFFFFF;
font-size: 18px;
padding: 3px;
padding-left: 10px;
	}
.form-1-e{
width: 70%;
border: 1px solid red;
color: red;
background-color: #FFFFFF;
font-size: 18px;
padding: 3px;
padding-left: 10px;
	}
.form-2{
width: 70%;
height: 100px;
border: none;
color: #136493;
background-color: #FFFFFF;
font-size: 18px;
padding: 3px;
padding-left: 10px;
	}
.form-2-e{
width: 70%;
height: 100px;
border: 1px solid red;
color: red;
background-color: #FFFFFF;
font-size: 18px;
padding: 3px;
padding-left: 10px;
	}
.form-btn{
width: 70%;
border: none;
color: #ffffff;
background-color: #17567e;
font-size: 18px;
padding: 3px;
padding-left: 10px;
	}
.loading{
background-image: url(../img/loading.gif);
background-repeat: no-repeat;
background-position: center center;	
	}			
	
/*MENU*/
.menu{
font-family: "Montserrat", sans-serif;
display: block;
border: 0px;
width: 100%;
}
.menu a{
display: block;
border: 0px;
float: left;
width: 20%;
padding: 20px 0 20px 0;
font-size: 1.4vw;
text-decoration: none;
color: #28170b;
background-color: #e1d1bd;
}

@media screen and (max-width: 1024px) {
	.menu a{
	display: block;
	border: 0px;
	width: 100%;
	padding: 20px 0 20px 0;
	font-size: 4vw;
	text-decoration: none;
	color: #28170b;
	background-color: #e1d1bd;
	}
}

.menu a:hover{
color: #ffffff;
background-color: #28170b;
}

.on_menu{
font-family: "Bona Nova SC", serif;
display: block;
border: 0px;
width: 100%;
}
.on_menu a{
display: block;
border: 0px;
float: left;
width: 20%;
padding: 20px 0 20px 0;
font-size: 1.6vw;
text-decoration: none;
color: #ffffff;
background-color: #28170b;
}
.on_menu a:hover{
color: #ffffff;
background-color: #28170b;
}

/*PIE*/
.txt-pie{
color: #ffffff;
font-size: 1.2vw;
text-align: left;
	}
.txt-pie a{
color: #ffffff;
font-size: 1.2vw;
text-align: left;
text-decoration: none;
	}
.txt-pie a:hover{
color: #3a3532;
font-size: 1.1vw;
text-align: left;
text-decoration: none;
	}