@charset "UTF-8";
/* CSS Document */


banner {
    background: -webkit-linear-gradient(90deg, #000000,#79B6B7);
    background: linear-gradient(90deg, #000000,#79B6B7);
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.banner_content {
    width:35%;
    height: auto;
    float: left;
    margin-left: 10%;
    margin-right: 5%;
    margin-top: 18%;
    margin-bottom: 12%;    
}


h1 {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 1%;  
    font-size: 1rem;
    color: #F5F5F5;
    font-weight: 100;
    text-align:left;
}


banner p {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;  
    font-size: 2.8rem;
    color: #f5f5f5;
    font-weight: 100;
    text-align: left;
    line-height: 3rem;
    text-transform: uppercase;
}



.form {
    background: transparent;
    width:35%;
    height: auto;
    border-radius: 15px;
    float: left;
    margin-left: 5%;
    margin-right: 10%;
    margin-top: 10%;
    margin-bottom: 4%;
    box-shadow: 0px 5px 10px  #111;
    -webkit-box-shadow: 0px 5px 10px #111;
    -moz-box-shadow: 0px 5px 10px #111;    
}


.form a:link,
.form a:visited,
.form a:hover {
    color:#f5f5f5;
}


.form h4 {
    width:80%;
    height: auto;
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 7%;
    margin-bottom: 2%;  
    font-size: 1.8rem;
    color: #f5f5f5;
    font-weight: 100;
    text-align: left;
}


.campo1 {
    background: transparent;
    width:76%;
    height: auto;
    float: left;
    border: 1px solid #f5f5f5;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
    color: #f5f5f5;
    font-size: 0.8rem;
    padding: 2% 2%;
    font-weight: 100;
}


.casilla {
	width: 3%;
	height: auto;
	float: left;
	border: 0px;
	border-radius:5px;
	margin-left: 11%;
	margin-right: 0%;
	margin-top: 2.5%;
	margin-bottom: 2%;
	font-size: 0.9rem;
	font-weight: 400;
	padding: 3% 2%;
	text-align: left;
}


.aceptacion {
	width:80%;
	height: auto;
	float: left;
	margin-left: 1%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 2%;
	font-size: 0.7rem;
	font-weight: 100;
	color: #f5f5f5;
	text-align: left;
}


.enviar {
    background: #222;
    width:81%;
    height: auto;
    float: left;
    border: 0px solid #022548;
    margin-left: 10%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 8%;
    color: #f5f5f5;
    font-size: 0.9rem;
    padding: 2% 2%;
    font-weight: 100;
}


/* ------------------------------------------------------- */


wrapper {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 5%;
}


/* ------------------------------------------------------- */


section {
    width:80%;
    height:auto;
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 3%;
    margin-bottom: 3%;
}


/* ------------------------------------------------------- */

.navi {
    background: #222;
    width:100%;
    height:auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 1%;
}


.boton_3 {
    width:25%;
    height:auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.boton_4 {
    width:24.5%;
    height: auto;
    float: left;
    border-left: 1px solid #79B6B7;
    border-right: 1px solid #79B6B7;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.navi img {
    width:14%;
    height: auto;
    float: left;
    margin-left: 43%;
    margin-right: 43%;
    margin-top: 4%;
}

h4 {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 0%;
    margin-top: 2%;
    margin-bottom: 4%;  
    font-size: 0.9rem;
    color: #79B6B7;
    font-weight: 100;
    text-align: center;
}


/* ------------------------------------------------------- */


.intro {
    width:49%;
    height:auto;
    float: left;
    border-left: 3px solid #79B6B7;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 1%;
}



.intro p {
    width:70%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 0%;
    margin-top: 5%;
    margin-bottom: 5%;  
    font-size: 1rem;
    color: #111;
    font-weight: 200;
    text-align: left;
    line-height: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}


section2 {/* CAJAS DESPLEGABLES */
    width:49%;
    height:auto;
    float: left;
    margin-left: 1%;
    margin-right: 0%;
    margin-top: 1%;
    margin-bottom: 1%;
}

/* ------------------------------------------------------- */


.destacado {
    background: #222;
    width:100%;
    height:auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 2%;
    margin-bottom: 1%;
}


.destacado h3 {
    width:70%;
    height: auto;
    float: left;
    margin-left: 15%;
    margin-right: 0%;
    margin-top: 4%;
    margin-bottom: 4%;  
    font-size: 2rem;
    color: #f5f5f5;
    font-weight: 100;
    text-align: center;
    line-height: 2.2rem;    
}


/* ------------------------------------------------------- */


aside  {
    background: #222;
    width:31%;
    height:auto;
    border-left: 6px solid #79B6B7;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 0%;
    margin-bottom: 1%; 
}


.aside_content {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
}


aside h2 {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 0%;
    margin-top: 2%;
    margin-bottom: 2%;  
    font-size: 1rem;
    color: #f5f5f5;
    font-weight: 300;
    text-align: left;
    line-height: 1rem;
    text-transform: uppercase;
}




/* ------------------------------------------------------- */


.contacto {
    background: #222;
    width:80%;
    height:auto;
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
}


.contacto img {
    width:60%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}


.contacto_content {
    width:40%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 8%;
    margin-bottom: 5%;
}


.contacto_content p {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    margin-bottom: 0%;  
    font-size: 1.4rem;
    color:  #f5f5f5;
    font-weight: 100;
    text-align: left;
    line-height: normal;
    text-transform: uppercase;
}


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

banner {
    background: -webkit-linear-gradient(90deg, #000000,#79B6B7);
    background: linear-gradient(90deg, #000000,#79B6B7);
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.banner_content {
    width:35%;
    height: auto;
    float: left;
    margin-left: 10%;
    margin-right: 5%;
    margin-top: 18%;
    margin-bottom: 12%;    
}


h1 {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 1%;  
    font-size: 1rem;
    color: #F5F5F5;
    font-weight: 100;
    text-align:left;
}


banner p {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;  
    font-size: 2.2rem;
    color: #f5f5f5;
    font-weight: 100;
    text-align: left;
    line-height: 2.5rem;
    text-transform: uppercase;
}



.form {
    background: transparent;
    width:35%;
    height: auto;
    border-radius: 15px;
    float: left;
    margin-left: 5%;
    margin-right: 10%;
    margin-top: 10%;
    margin-bottom: 4%;
    box-shadow: 0px 5px 10px  #111;
    -webkit-box-shadow: 0px 5px 10px #111;
    -moz-box-shadow: 0px 5px 10px #111;    
}


.form a:link,
.form a:visited,
.form a:hover {
    color:#f5f5f5;
}


.form h4 {
    width:80%;
    height: auto;
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 7%;
    margin-bottom: 2%;  
    font-size: 1.8rem;
    color: #f5f5f5;
    font-weight: 100;
    text-align: left;
}


.campo1 {
    background: transparent;
    width:76%;
    height: auto;
    float: left;
    border: 1px solid #f5f5f5;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
    color: #f5f5f5;
    font-size: 0.8rem;
    padding: 2% 2%;
    font-weight: 100;
}


.casilla {
	width: 3%;
	height: auto;
	float: left;
	border: 0px;
	border-radius:5px;
	margin-left: 11%;
	margin-right: 0%;
	margin-top: 2.5%;
	margin-bottom: 2%;
	font-size: 0.9rem;
	font-weight: 400;
	padding: 3% 2%;
	text-align: left;
}


.aceptacion {
	width:80%;
	height: auto;
	float: left;
	margin-left: 1%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 2%;
	font-size: 0.7rem;
	font-weight: 100;
	color: #f5f5f5;
	text-align: left;
}


.enviar {
    background: #222;
    width:81%;
    height: auto;
    float: left;
    border: 0px solid #022548;
    margin-left: 10%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 8%;
    color: #f5f5f5;
    font-size: 0.9rem;
    padding: 2% 2%;
    font-weight: 100;
}


/* ------------------------------------------------------- */


wrapper {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 5%;
}


/* ------------------------------------------------------- */


section {
    width:80%;
    height:auto;
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 3%;
    margin-bottom: 3%;
}


/* ------------------------------------------------------- */

.navi {
    background: #222;
    width:100%;
    height:auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 1%;
}


.boton_3 {
    width:25%;
    height:auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.boton_4 {
    width:24.5%;
    height: auto;
    float: left;
    border-left: 1px solid #79B6B7;
    border-right: 1px solid #79B6B7;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.navi img {
    width:20%;
    height: auto;
    float: left;
    margin-left: 40%;
    margin-right: 40%;
    margin-top: 4%;
}

h4 {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 0%;
    margin-top: 2%;
    margin-bottom: 4%;  
    font-size: 0.9rem;
    color: #79B6B7;
    font-weight: 100;
    text-align: center;
}


/* ------------------------------------------------------- */


.intro {
    width:49%;
    height:auto;
    float: left;
    border-left: 3px solid #79B6B7;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0.5%;
    margin-bottom: 1%;
}



.intro p {
    width:80%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 0%;
    margin-top: 5%;
    margin-bottom: 5%;  
    font-size: 0.9rem;
    color: #111;
    font-weight: 200;
    text-align: left;
    line-height: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}


section2 {/* CAJAS DESPLEGABLES */
    width:49%;
    height:auto;
    float: left;
    margin-left: 1%;
    margin-right: 0%;
    margin-top: 1%;
    margin-bottom: 1%;
}

/* ------------------------------------------------------- */


.destacado {
    background: #222;
    width:100%;
    height:auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 2%;
    margin-bottom: 1%;
}


.destacado h3 {
    width:70%;
    height: auto;
    float: left;
    margin-left: 15%;
    margin-right: 0%;
    margin-top: 4%;
    margin-bottom: 4%;  
    font-size: 2rem;
    color: #f5f5f5;
    font-weight: 100;
    text-align: center;
    line-height: 2.2rem;    
}


/* ------------------------------------------------------- */


aside  {
    background: #222;
    width:31%;
    height:auto;
    border-left: 6px solid #79B6B7;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 0%;
    margin-bottom: 1%; 
}


.aside_content {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
}


aside h2 {
    margin-top: 2%;
    margin-bottom: 2%;  
    font-size: 0.8rem;
}




/* ------------------------------------------------------- */


.contacto {
    background: #222;
    width:80%;
    height:auto;
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
}


.contacto img {
    width:60%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}


.contacto_content {
    width:40%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 8%;
    margin-bottom: 5%;
}


.contacto_content p {
    margin-top: 5%;
    margin-bottom: 0%;  
    font-size: 1.1rem;
}
	
	
}




@media screen and (max-width:500px) {
    
    
 .banner_content {
    width:90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 30%;
    margin-bottom: 5%;    
}


h1 {
    width:100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 1%;  
    font-size: 0.8rem;
}


banner p {
    width:100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;  
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 2rem;
}   
    
    
 .form {
    background: transparent;
    width:90%;
    height: auto;
    border-radius: 15px;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 10%;
    margin-bottom: 4%;
    box-shadow: 0px 5px 10px  #111;
    -webkit-box-shadow: 0px 5px 10px #111;
    -moz-box-shadow: 0px 5px 10px #111;    
}
   
 .form h4 {
    width:90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 7%;
    margin-bottom: 2%;  
    font-size: 1.4rem;
}   
    
 
.campo1 {
    width:86%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 1%;
    font-size: 0.8rem;
    padding: 2% 2%;
}




.enviar {
    background: #222;
    width:91%;
    border: 0px solid #022548;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 8%;
    color: #f5f5f5;
    font-size: 0.8rem;
    padding: 2% 2%;
}
   
 /* ------------------------------------------------------- */


section {
    width:96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
}
    
    
    
.intro {
    width:96%;
    height:auto;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
	border: 0px;
}



.intro p {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 5%;
    margin-bottom: 10%;  
    font-size: 1rem;
    color: #111;
    font-weight: 200;
    text-align: center;
    line-height: 1.2rem;
}   
    
    
      
 section2 {
    width:96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
}   
    

/* ------------------------------------------------------- */

.navi {
    background: #222;
    width:100%;
    height:auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 1%;
}


.boton_3 {
    width:49.2%;
    border: 1px solid #79B6B7;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.boton_4 {
    width:49.2%;
    border-left: 1px solid #79B6B7;
    border-right: 1px solid #79B6B7;    
    border: 1px solid #79B6B7;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.navi img {
    width:30%;
    height: auto;
    float: left;
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 6%;
}

h4 {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 0%;
    margin-top: 2%;
    margin-bottom: 6%;  
    font-size: 0.8rem;
    color: #79B6B7;
    font-weight: 400;
    text-align: center;
}


/* ------------------------------------------------------- */   
  
    
    
aside  {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 1%; 
}    
    
aside h2 {
    width:96%;
    margin-left: 2%;
    margin-right: 0%;
    margin-top: 3%;
    margin-bottom: 2%;  
    font-size: 0.9rem;
    line-height: 1.2rem;
}


aside p {
    width:96%;
    height: auto;
    float: left;
    margin-left: 2%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 3%;  
    font-size: 0.8rem;
    line-height: 1.1rem;
}  
    
    
    
/* ------------------------------------------------------- */


.destacado h3 {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 0%;
    margin-top: 4%;
    margin-bottom: 4%;  
    font-size: 2rem;
    color: #79B6B7;
    font-weight: 800;
    text-align: center;
    line-height: 2.2rem;    
}    
    
    
 .contacto {
    background: #222;
    width:96%;
    height:auto;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
}


.contacto img {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}


.contacto_content {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 5%;
    margin-bottom: 5%;
}
	
	
.contacto_content a:link,
.contacto_content a:hover,
.contacto_content a:visited {
	color:#FFF;
	} 
	

.contacto_content p {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    margin-bottom: 0%;  
    font-size: 1rem;
    color:  #FFF;
    font-weight: 300;
    text-align: left;
    line-height: normal;
}   
    
    
}