@import url('body.css');
@import url('content.css');


@font-face {
    font-family: 'nillandregular';
    src: url('../font/nilland_0-webfont.eot');
    src: url('../font/nilland_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nilland_0-webfont.woff2') format('woff2'),
         url('../font/nilland_0-webfont.woff') format('woff'),
         url('../font/nilland_0-webfont.ttf') format('truetype'),
         url('../font/nilland_0-webfont.svg#nillandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nilland-blackregular';
    src: url('../font/nilland-black_0-webfont.eot');
    src: url('../font/nilland-black_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nilland-black_0-webfont.woff2') format('woff2'),
         url('../font/nilland-black_0-webfont.woff') format('woff'),
         url('../font/nilland-black_0-webfont.ttf') format('truetype'),
         url('../font/nilland-black_0-webfont.svg#nilland-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*MIS DIV*/
h3.sub-title {
    text-align: center;
	margin: 20px 0;
}


/**/
#container{ float:left; width:100%;}
#content{ float: left; width: 100%; color: #333; }
#top{ float: left; width: 100%; background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; position: fixed; left: 0px; top: 0px; z-index: 999; }
#nav{float:left; width:100%;  background-color:#4E4546;}
#slide{ float: left; width: 100%; margin-top:28px; }
#footer{ float: left; width: 100%; background-color: #D6D6D6; font-size: 14px; color: #333; }
#footer_small{ float: left; width: 100%; background-color: #BBB; padding-top: 15px; padding-bottom: 15px; font-size: 12px; color: #333; }

.center{max-width: 1280px; width:100%; margin-right: auto; margin-left: auto; }


@media only screen and (max-width: 1220px) {
.center{ width:90%; margin-right: auto; margin-left: auto; padding:0% 5% }
#top{ float: left; width: 100%; background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; position:relative; left: 0px; top: 0px; z-index: 999; }
#slide{ float: left; width: 100%; margin-top:0px; }

}

@media only screen and (max-width: 780px) {
#footer{ float: left; width: 100%; }
}
 
 
/*COLUMNAS*/
.col_51 {
    width: 45%;
    float: left;
    padding: 20px;
}
.col_50{ width:100%;}
.right { float:right !important}
.left { float:left !important}
@media only screen and (max-width: 780px) {
	.col_50{ width:100%; margin:20px 0px;}
	.col_51{ width:100%;}
}

/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}

/*TOP*/
.logo{ float: left; width: 30%; height: 80px; text-align: center; }
.logo a { display: block; text-indent: -100px; overflow: hidden;}
.top_box1{float:left;  width:100%;}
.top_box2{float:left; width:100%;}

.slogan{ float: right; width: 50%; height: 80px; text-align: center; }

@media only screen and (max-width: 768px) {
.logo{ float: left; width: 100%; margin-top:25px; }
.slogan{ display:none;}
}




/*CONTENT*/
.module1{ float: left; width: 100%; background-color: #FFF; padding:75px 0px; }
.module2{ float: left; width: 100%; background-color: #EEE; padding:75px 0px; }
.module3{ float: left; width: 100%; background-color: #e65857; color: #FFF; text-decoration: none; padding: 50px 0px; text-align: center; background-size: cover; background-image: url(../img/quienes_somos2.jpg); background-repeat: no-repeat; background-position: center;  }
.module4{float:left;  width:100%;  padding:75px 0px;}

@media only screen and (max-width: 768px) {
	.module3{ float: left; width: 100%; background-color: #601C6E; color: #FFF; text-decoration: none; padding: 25px 0px; padding-bottom:50px; text-align: center; background-size: cover; background-image: url(../img/quienes_somos.jpg); background-repeat: no-repeat; background-position: center; height: 100px; }

}
/**/
.big{ font-size: 80px; letter-spacing: -4px; display: block; text-align: center; width: 100%; font-weight: 800; }
.small{ font-size: 20px; letter-spacing: -2px; display: block; text-align: center; width: 100%; text-transform: uppercase; }

/*FOOTER*/
.footer_box{float:left; width:100%;}

.footer_box_01{float:left; width:100%;}
.footer_box_02{ float: left; width: 100%; margin-top: 25px; color: #D6D6D6; font-size: 14px; }
.footer_box1{ float: left; width: 22%; margin-right: 3%; }
.footer_box2{float:left; width:25%;}
.footer_box3{float:left; width:25%;}
.footer_box4{float:left; width:25%; padding-top:25px;}
.footer_box4 span{float: left; display:inline-block; line-height:42px; margin-right:10px;}
.footer_box4 img{float:left; display:inline-block;}
.footer_box1 img { margin-right:10px; float:left;}
.footer_box1 a{ text-decoration:none; color:#666;}
.footer_box1 .title{ font-weight: bold; width: 100%; margin-bottom: 20px; font-size: 14px; text-transform: capitalize; text-align: left; }

@media only screen and (max-width: 768px) {
.footer_box1{float:left; width:100%; margin-bottom:15px;}
.footer_box2{float:left; width:100%; margin-bottom:15px;}
.footer_box3{float:left; width:100%; margin-bottom:15px;}
.footer_box4{float:left; width:105%; padding-top:0px; margin-bottom:15px;}
}



/**/
.slide_box_1{ float: left; width: 100%; background-color: #BBB; padding-top: 45px; background-size: cover; background-position: center bottom; background-repeat: no-repeat; height: 640px; margin-top: 70px; background-image: url(../img/fondo.jpg); }
.slide_box_1_thanks{ float: left; width: 100%; background-color: #447e7d; padding-top: 45px; background-size: cover; background-position: center bottom; background-repeat: no-repeat; height: 550px; margin-top: 70px; background-image: url(../img/fondo.jpg); }
.slide_box_2{ float: left; width: 100%; background-color: #0C0C10; }
.slide_box_1_0{ float: left; width: 100%; margin-bottom: 15px; }
.slide_box_1_1{ float: left; width: 48%; padding-right: 3%; padding-left: 3%; }
.slide_box_1_2{ float: left; width: 40%; padding-right: 3%; padding-left: 3%; }
.slide_box_2_1{float:left;  width:50%;}
.slide_box_2_2{float:left;  width:50%;}

.form_contact{ float: left; width: 88%; color: #FFF; padding-top: 1%; padding-right: 6%; padding-bottom: 4%; padding-left: 6%; }
.info_form{ float: left; width: 77%; font-size: 10px; padding-top: 17%; padding-right: 0%; padding-bottom: 5%; padding-left: 10%; background-image: url(../img/important.png); background-repeat: no-repeat; background-position: 10px 20px; line-height: 12px; }


@media only screen and (max-width: 768px) {
.slide_box_1{  margin-top: 0px; }
}

/**/
.slide_cont_1{ float: left; width: 100%; font-size: 19px; letter-spacing: -1px; margin-top: 0px; text-align: center; }
.slide_cont_2{ float: left; width: 100%; letter-spacing: -1px; line-height: 50px; font-weight: bold; margin-bottom: 10px; }
.slide_cont_3{ float: left; width: 100%; margin-bottom: 25px; }
.slide_cont_4{ float: left; width: 65%; padding-bottom: 25px; font-size: 12px; background-image: url(../img/more.png); padding-left: 25%; background-repeat: no-repeat; background-position: left top; line-height: 16px; height: 63px; margin-top: 15px; margin-left: 10%; }


@media (min-width: 1386px) and (max-width: 2200px) {
	
	.slide_cont_3{ float: left; width: 100%; margin-bottom: 5px; margin-top: 25px; margin-bottom: 25px; padding-top: 22px; padding-bottom: 22px; border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFF; border-bottom-color: #FFF; }
}



@media only screen and (max-width: 768px) {
	.slide_cont_2{ float: left; width: 100%; font-size: 25px; letter-spacing: -1px; line-height: 40px; padding-bottom:25px; }
.slide_box_1{  height:auto; width: 90%; padding-right:5%; padding-left:5%; background-image:none; }
.slide_box_1_thanks{  height:auto; width: 90%; padding-right:5%; padding-left:5%; background-image:none; }
.slide_box_1_1{ float: left; width: 100%; padding-right: 0%; padding-left: 0%; }
.slide_box_1_2{ float: left; width: 100%; padding-right: 0%; padding-left: 0%; }
.slide_box_2_1{float:left;  width:100%;}
.slide_box_2_2{float:left;  width:100%;}

.slide_cont_2{ float: left; width: 100%; padding-left: 0%; margin-bottom: 0px; padding-top: 0px; margin-bottom:25px; }

.slide_cont_3{ float: left; width: 100%; margin-bottom: 5px; padding-left: 0%; }
.slide_cont_4{ float: left; width: 100%; padding-bottom: 25px; font-size: 12px; background-image: none; padding-left: 0%; background-repeat: no-repeat; background-position: left top; line-height: 16px; height: 63px; margin-top: 15px; margin-left: 0%; }


}


/* /////////   GRALS  //////// */
.title{ float: left; width: 100%; font-size: 30px; line-height: 28px; text-align: center; text-transform: uppercase; color: #000; margin-bottom: 25px; margin-top: 10px;  }
.data{float:left; width:100%;}
.subtitle{ font-size: 21px; color: #FFF; margin-bottom: 10px; font-weight: 400; }

/* //////////   MENUS  //////// */

/*MENU VERTICAL*/
#menuv { }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { border-bottom: 1px solid #ACCFE8; }
#menuv a { text-decoration: none; color: #000; display: block; padding: 3px 6px; width: 148px; }
#menuv a:hover { background: #DBEBF6; }


/*MENU HORIZONTAL*/
#menuh { }
#menuh ul, li { list-style-type: none; }
#menuh ul { margin: 0; padding: 0; }
#menuh li { float: left; }
#menuh a { text-decoration: none; color: #000; display: block; padding: 3px 10px; text-align: center; }
#menuh a#primero { border-left: 1px solid #ACCFE8; }
#menuh a:hover { background: #DBEBF6; }


/*MENU CENTRADO*/
#menuc { }
#menuc ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; }
#menuc li { display: inline; padding: 5px; margin: 1px; }
#menuc a { }
#menuc a:hover { background: #DBEBF6; }


/**/
.lista_simple{ margin:0px; padding:0px;}
.lista_simple li{ padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 40px; background-image: url(../img/arrow.png); background-repeat: no-repeat; background-position: left top; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-size: 17px; }

@media only screen and (max-width: 780px) {
	.lista_simple{ margin-bottom:5px} 
	.lista_simple li{font-size: 13px;}
}

/**/
.departamento{float:left;  width:33%; padding-bottom: 3%;}
.departamento_1{ float: left; width: 98%; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #e65857; margin-bottom: 20px; box-shadow: 3px 3px 5px #888888;}
.departamento_2{ float: left; width: 88%; font-weight: 800; color: #000; margin-bottom: 10px; padding-right: 5%; padding-left: 5%; font-size: 18px; text-transform: uppercase; text-align: center;}
.departamento_2b{ float: left; width: 87%; font-weight: 600; color: #000; margin-bottom: 10px; padding-right: 5%; padding-left: 5%; font-size: 15px; text-align: center;}
.departamento_3{ position:relative; width: 80%; padding-right: 5%; padding-left: 12%; }
.departamento_3 a{ text-decoration:none; color:#FFF;}
.departamento_hv{background-color: rgba(43,46,49,.8); position: absolute; top: 0;; left: 0; right: 0; bottom: 0; height: 100%; width:83%; margin-left: 12%; overflow: hidden; opacity:0; z-index:1000; transition: opacity 0.2s; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s;}
.departamento_hv h3{text-align: center; padding-top: 65px; opacity:1;}
.departamento_hv p{text-align: center; padding-top: 20px; opacity:1;}
.departamento_3:hover .departamento_hv{opacity:0.9;}
.departamento2{float:left;  width:25%;}

@media only screen and (max-width: 780px) {
	.departamento{float:left;  width:100%; margin-bottom:15px;}
	.departamento2{float:left;  width:100%; margin-bottom:15px;}
}


/**/
.video{ max-width: 600px; width: 100%; margin-right: auto; margin-left: auto; padding-top: 25px; padding-bottom: 25px; }


/*CONTACTO*/
#contact-area * { margin: 0; padding: 0; }
#contact-area p { font-size: 1.3em; margin-bottom: 15px; }
#contact-area { width: 530px; margin-top: 25px; }
#contact-area input, #contact-area textarea { padding: 5px; width: 400px; font-family: Helvetica, sans-serif; font-size: 12px; border: 1px solid #ccc; color: #000; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#contact-area textarea { height: 90px; }
#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
#contact-area input.submit-button { width: 100px; float: right; }
#contact-area label { float: left; text-align: right; margin-right: 15px; width: 100px; padding-top: 5px;  }


/**/
.click{ color: #FFF; text-decoration: none; background-color: #F90; padding: 3px; -webkit-border-radius: 5px;    border-radius: 5px;}


/**/
.boton{ -webkit-border-radius: 5px; border-radius: 5px; border: solid 2px #fff; font-size: 17px; line-height: 44px; font-weight: 100; color: #FFF; text-decoration: none; text-align: center; width: 300px; margin-top: 25px; display: block; padding-right: 25px; padding-left: 25px; box-shadow: 3px 3px 5px #888888;}
.boton2{ -webkit-border-radius: 5px; border-radius: 5px; border: solid 2px #fff; font-size: 17px; line-height: 44px; font-weight: 100; color: #FFF; text-decoration: none; text-align: center; width: 300px; margin-top: 25px; display: block; padding-right: 25px; padding-left: 25px; background-color: #e65857; margin-right: auto; margin-left: auto; box-shadow: 3px 3px 5px #888888; font-weight: bolder;}

.hightlight{ font-size: 19px; font-weight: 100; color: #601C6E; line-height: 24px; }

@media only screen and (max-width: 780px) {
	.boton{ -webkit-border-radius: 5px; border-radius: 5px; border: solid 2px #fff; font-size: 11px; line-height: 44px; font-weight: 100; color: #FFF; text-decoration: none; text-align: center; width: 200px; margin-top: 25px; display: block; padding-right: 25px; padding-left: 25px; margin-bottom:25px; }
.boton2{ -webkit-border-radius: 5px; border-radius: 5px; border: solid 2px #fff; font-size: 11px; line-height: 44px; font-weight: 100; color: #FFF; text-decoration: none; text-align: center; width: 200px; margin-top: 25px; display: block; padding-right: 25px; padding-left: 25px; background-color: #e65857; margin-right: auto; margin-left: auto; }

}