@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: #ffffff;
font-family: "Montserrat", sans-serif;
	}
.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);
}
.caja{
padding: 2vw 12vw 2vw 12vw;
}

	
/*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%;
}
.div-pie{
display:flex;
border: 0;
width:100%;
}
.pie-ico{
height: 10%;
}
.pie-logo{
height: 20%;
text-align: right;
}

@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%;
	margin-top: 3vw;
	}
	.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%;
	}
	.div-pie{
	display:block;
	border: 0;
	width:100%;
	}
	.pie-ico{
	height: 30px;
	}
	.pie-logo{
	height: 50px;
	text-align: center;
	padding-top: 6vw;
	}
}	


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

/* animacion */
.animacion-img{
position: relative;
display: inline-block;
width: 100%;
border: 0;
}
.animacion-txt{
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
text-align: center;
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 3vw;
background-color: rgba(46, 46, 46, 0.5);
padding: 2vw;
}


/*Textos*/
.head-titulo{
position: absolute;
display: block;
width: auto;
border: 0;
text-align: center;
background-color: beige;
}
.head-txt{
font-family: "Montserrat", sans-serif;
font-weight: 800;
color: #000000;
font-size: 3vw;
}
.titulo{
font-family: "Montserrat", sans-serif;
font-weight: 800;
color: #000000;
font-size: 2.5vw;
}	
.titulo-b{
font-family: "Montserrat", sans-serif;
font-weight: 800;
color: #ffffff;
font-size: 2.5vw;
}	
.sub-titulo{
font-family: "Montserrat", sans-serif;
color: #000000;
font-size: 1.8vw;
}	
.sub-titulo-b{
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-size: 2vw;
}	
.texto-ser{
font-family: "Montserrat", sans-serif;
color: #000000;
font-size: 1.2vw;
text-align: justify;
}
.texto-mi{
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-size: 1vw;
text-align: justify;
text-wrap: pretty; 
hyphens: auto;
}
.titulo-ser{
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #000000;
font-size: 1.5vw;
}	
.texto-ser-datos{
font-family: "Montserrat", sans-serif;
color: #000000;
font-size: 1vw;
text-align: center;
}	
.texto-datos{
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-size: 1vw;
text-align: left;
}
.texto-datos a{
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-size: 1vw;
text-align: left;
text-decoration: none;
}
.texto-datos a:hover{
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-size: 1vw;
text-align: left;
text-decoration: none;
font-weight: 800;
font-style: italic;
}

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


/*Textos*/
.head-titulo{
position: absolute;
display: block;
width: auto;
border: 0;
text-align: center;
background-color: beige;
}
.head-txt{
font-family: "Montserrat", sans-serif;
font-weight: 800;
color: #000000;
font-size: 3vw;
}
.titulo{
font-family: "Montserrat", sans-serif;
font-weight: 800;
color: #000000;
font-size: 5vw;
}	
.titulo-b{
font-family: "Montserrat", sans-serif;
font-weight: 800;
color: #ffffff;
font-size: 5vw;
}	
.sub-titulo{
font-family: "Montserrat", sans-serif;
color: #000000;
font-size: 3vw;
}	
.sub-titulo-b{
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-size: 3vw;
}	
.texto-ser{
font-family: "Montserrat", sans-serif;
color: #000000;
font-size: 2.5vw;
text-align: center;
}
.texto-mi{
font-family: "Montserrat", sans-serif;
padding-top: 3vw;
color: #ffffff;
font-size: 2.5vw;
text-align: center;
}
.titulo-ser{
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #000000;
font-size: 3vw;
}	
.texto-ser-datos{
font-family: "Montserrat", sans-serif;
color: #000000;
font-size: 2.5vw;
text-align: center;
}	
.texto-datos{
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-size: 2.6vw;
text-align: left;
}
.texto-datos a{
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-size: 2.6vw;
text-align: left;
text-decoration: none;
}
.texto-datos a:hover{
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-size: 2.6vw;
text-align: left;
text-decoration: none;
font-weight: 800;
font-style: italic;
}

}



/*FOMR*/
.form-txt{
color: #ffffff;
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: #000000;
background-color: #fcf4ef;
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;	
	}			

@media screen and (max-width: 1024px) {
.form-txt{
color: #ffffff;
font-size: 2.5vw;
text-align: left;
}
.form-contacto-1{
width: 80%;
border: none;
color: #3a3532;
background-color: #fcf4ef;
font-size: 2.5vw;
padding: 0.5vw;
margin-top: 2vw;
margin-bottom: 2vw;
}
.form-contacto-2{
width: 80%;
height: 100px;
border: none;
color: #3a3532;
background-color: #fcf4ef;
font-size: 2.5vw;
padding: 0.5vw;
margin-top: 2vw;
margin-bottom: 2vw;
}
.form-contacto-btn{
border: none;
color: #000000;
background-color: #fcf4ef;
font-size: 2.5vw;
padding: 1vw 4vw 1vw 4vw;
margin-top: 2vw;
margin-bottom: 2vw;
	}	
	}




.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: right;
padding: 2vw 2vw 2vw 2vw;
font-size: 1vw;
text-decoration: none;
color: #000000;
}

@media screen and (max-width: 1024px) {
	.menu a{
	display: block;
	border: 0px;
	float: right;
	padding: 2vw 2vw 2vw 2vw;
	font-size: 3vw;
	text-decoration: none;
	color: #000000;
	}
}

.menu a:hover{
color: #000000;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #000000;
}

.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;
	}