html, body{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background-color: #ffffff;
font-family: 'Montserrat', sans-serif;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*background-image: url(../img/fondo.jpg);*/
background-attachment: fixed;
}
.clear{
clear: both;
}
.img{
border: none;
display: block;
}
.redondo {  
border.radius: 10px;  
-moz-border-radius:10px;  
-webkit-border-radius:10px;  
}
.mano{
cursor: pointer;
}


/*ANCHOS*/
.div-100{
display: block;
border: 0px;
width: 100%
}
.div-90{
display: block;
border: 0px;
width: 90%
}
.div-80{
display: block;
border: 0px;
width: 80%
}
.div-80-f{
float: left;
border: 0px;
width: 80%
}
.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-33{
float: left;
display: block;
border: 0px;
width: 33.33%
}	
.div-30{
float: left;
display: block;
border: 0px;
width: 30%
}	
.div-25{
float: left;
display: block;
border: 0px;
width: 25%
}	
.div-20{
float: left;
display: block;
border: 0px;
width: 20%
}	
.div-10{
float: left;
display: block;
border: 0px;
width: 10%
}	
@media (max-width: 1024px) {
	
.div-100{
display: block;
border: 0px;
width: 100%
}
.div-90{
display: block;
border: 0px;
width: 90%
}
.div-80{
display: block;
border: 0px;
width: 100%
}
.div-80-f{
border: 0px;
width: 100%
}
.div-70{
display: block;
border: 0px;
width: 100%
}
.div-60{
display: block;
border: 0px;
width: 100%
}	
.div-40{
float: left;
display: block;
border: 0px;
width: 40%
}	
.div-33{
display: block;
border: 0px;
width: 100%
}	
.div-25{
float: left;
display: block;
border: 0px;
width: 50%
}		
	
	}


/* padding */
.padding{

}

/* fondos */
.bg-footer{
background-color: #505050;
}
/* fondos */
.bg-header{
background-color: #505050;
}

.banner{
display: block;
width: 100%; 
border: none;
background-color: #000000;
/*font-family: 'Mont Bold', sans-serif; */
font-family: "Bebas Neue", sans-serif;
padding: 4vw 0 4vw 0;
}


/* menu */
.menu-pc{
display: block;
}
.menu-cel{
display: none;
}
.head-menu{
display: block;
float: right;	
font-size: 1.5vw;
color: #2d5687;
text-decoration: none;
text-align: center;
padding: 1vw 2vw 1vw 2vw;
}
.head-menu a{
font-size: 1.5vw;
color: #2d5687;
text-decoration: none;
text-align: center;
}
.head-menu a:hover{
font-size: 1.5vw;
color: #219ab9;
text-decoration: none;
text-align: center; 
background-image: url(img/fondo-menu.png); 
background-position: bottom; 
background-repeat: repeat-x;
}

@media (max-width: 1024px) {
.menu-pc{
display: none;
}
.menu-cel{
display: block;
}
.head-menu{
display: block;
width: 100%;
font-size: 3.5vw;
color: #2d5687;
text-decoration: none;
text-align: center;
padding: 3vw 0 3vw 0;
}
.head-menu a{
font-size: 3.5vw;
color: #2d5687;
text-decoration: none;
text-align: center;
}
.head-menu a:hover{
font-size: 3.5vw;
color: #219ab9;
text-decoration: none;
text-align: center; 
background-image: url(img/fondo-menu.png); 
background-position: bottom; 
background-repeat: repeat-x;
}
}

.contenido{
 padding-top: 100px;
}

/*Textos */
.txt-titulo{
font-family: 'Montserrat', sans-serif;
font-size: 3vw;
color: #141414;
margin-bottom: 1vw;
}
.txt-subtitulo{
font-family: "Montserrat Alternates", sans-serif;
font-size: 2vw;
color: #393939;
margin-bottom: 1vw;
}
.txt-txt{
font-family: "Montserrat Alternates", sans-serif;
font-size: 1.5vw;
color: #505050;
}

@media (max-width: 1024px) {
.txt-titulo{
font-family: 'Montserrat', sans-serif;
font-size: 5vw;
color: #141414;
margin-bottom: 3vw;
}
.txt-subtitulo{
font-family: "Montserrat Alternates", sans-serif;
font-size: 4vw;
color: #393939;
margin-bottom: 3vw;
}
.txt-txt{
font-family: "Montserrat Alternates", sans-serif;
font-size: 3.5vw;
color: #505050;
}
}

.txt-banner{
display: block;
width: 100%; 
border: none;
background-color: #000000;
color: #ffffff;
font-family: 'Mont Bold', sans-serif;
padding: 4vw 0 4vw 0;
font-size: 2vw;
font-style: italic;
line-height: 200%;
}

.redes{
font-family: 'Montserrat', sans-serif;
font-size: 1.5vw;
color: #bcbcbc;
padding-bottom: 1vw;
}
.redes a{
font-family: 'Montserrat', sans-serif;
font-size: 1.5vw;
color: #bcbcbc;
text-decoration: none;
}
.redes a:hover{
font-family: 'Montserrat', sans-serif;
font-size: 1.5vw;
color: #dcdcdc;
text-decoration: none;
}


.banner-1{
font-size: 4vw; 
color: #ffffff;
}
.banner-2{
font-size: 3vw; 
color: #ffffff;
}
.banner-3{
font-size: 5vw; 
color: #ffffff;
}

@media (max-width: 1024px) {
.txt-banner{
display: block;
width: 100%; 
border: none;
background-color: #000000;
color: #ffffff;
font-family: 'Mont Bold', sans-serif;
padding: 8vw 0 8vw 0;
font-size: 6vw;
font-style: italic;
line-height: 200%;
}

.banner-1{
font-size: 6vw; 
color: #ffffff;
}
.banner-2{
font-size: 5vw; 
color: #ffffff;
}
.banner-3{
font-size: 7vw; 
color: #ffffff;
}

}


/*FORM*/
.form-txt{
font-family: 'Montserrat', sans-serif;
font-size: 1.5vw;
color: #505050;
padding-bottom: 1vw;
}
.form-campo{
border: 1px solid #505050;
padding: 0.5vw;
color: #505050;
font-size: 1.8vw;
}
.form-sepa{
display: block;
border: 0;
width: 100%;
height: 1vw; 
}
.form-btn{
color: #505050;
font-size: 1.8vw;
border: 0;
padding: 1vw 2vw 1vw 2vw;
background-color: #f07057;
}


.pie-menu a{
font-size: 1.5vw;
color: #dedede;
text-decoration: none;
text-align: left;
}
.pie-menu a:hover{
font-size: 1.5vw;
color: #ffffff;
text-decoration: none;
text-align: left;
}
.pie-datos{
font-family: 'Montserrat', sans-serif;
font-size: 1.4vw;
color: #e6e6e6;
}

.pie-links{
text-align: left;
}
@media (max-width: 1024px) {
.pie-links{
text-align: center;
padding-bottom: 8vw;
}

.pie-redes{
text-align: center;
}

.pie-menu a{
font-size: 3.5vw;
color: #dedede;
text-decoration: none;
text-align: left;
}
.pie-menu a:hover{
font-size: 3.5vw;
color: #ffffff;
text-decoration: none;
text-align: left;
}
.pie-datos{
font-family: 'Montserrat', sans-serif;
font-size: 3.4vw;
color: #e6e6e6;
}
.redes{
font-family: 'Montserrat', sans-serif;
font-size: 3.5vw;
color: #bcbcbc;
padding-bottom: 4vw;
}
.redes a{
font-family: 'Montserrat', sans-serif;
font-size: 3.5vw;
color: #bcbcbc;
text-decoration: none;
}
.redes a:hover{
font-family: 'Montserrat', sans-serif;
font-size: 3.5vw;
color: #dcdcdc;
text-decoration: none;
}


}