@charset "utf-8";

/*Generales*/
body {color:#464646;}
 section {margin-top: 10%;}
.section-padding-top {padding-top: 10%;}
.gold{color: #ffd88b;}
.red{color: #ff4323;}
.purple{color: #013354;}
.grey{color: #464646;}
.white{color: white;}
.mtop-20 {margin-top: 20px;}
.montserrat {font-family: 'Montserrat', sans-serif;}
.headerSection{font-size: 30px;font-family: 'Montserrat', sans-serif; font-weight: 700;   text-transform: uppercase;text-align: center;margin-bottom: 7%;}
.bg-sub-home{margin-top: 1px;background:#963700;padding: 20px;}
.txt-sub-home{font-family: 'Montserrat', sans-serif; font-weight: bold;text-align: right;color: white;font-size: 30px;}
@media screen and (max-width: 800px) {.txt-sub-home{font-size: 25px;}}
@media screen and (max-width: 768px) {.txt-sub-home{text-align: center;font-size: 20px;}}
@media screen and (max-width: 500px) {.bg-sub-home{padding: 10px;}.txt-sub-home{text-align: center; font-size: 15px;}}
.vertical-align { display: flex; align-items: center; justify-content: center; flex-direction: row; }
/*FIN GENERALES*/
/*---------------------------------------------------------------------------------------------------*/
/*SECCIONES BACKGROUNDS*/
#home {background: url(../images/bgs/homeBg2.jpg) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 0px;padding-bottom: 0px;margin-top: 0px;}
#contentHome {background:rgba(255,255,255, 0.8);margin-top: 5%;padding-left: 20px;padding-top: 24px;padding-bottom: 24px;}
.contPresidente{background: #2E2033;float: left;}
#bienvenida {color: grey;padding-top: 0%;padding-bottom: 0%;}
#letterContent {margin-top: 5%;}
#programa, #acompanante{background: #e86d65;}
#inscripciones, #social{background: #6e5386;}
#mesaDirectiva, #area {}
#sede {}
/*FIN SECCIONES BACKGROUNDS*/
/*---------------------------------------------------------------------------------------------------*/
/*BOTONES IDIOMAS ESPAÑOL PORTUGUES*/
.cursor{cursor: pointer;}
.lang-switch { font-weight: 700; font-size: 16px; color: #fcb664; text-shadow: 0px 0px 11px #3c1853; }
.idiomas-txt{display: block;position: fixed;z-index: 1000;margin-top: -30px;}
.botones-idioma{margin-left: 42px;margin-top: 20px;}
@media screen and (max-width: 500px) {.botones-idioma{margin-top: 30px;}}
.btn-esp{width: 50%;margin-left: -10px;}
.btn-por{width: 50%;}
.derecha{float: right;margin-right: 100px;text-align: right;}
@media screen and (max-width: 1100px) {.derecha{float: right;margin-right:100px;text-align: right;margin-top: 20px;margin-bottom: -20px;}}
@media screen and (max-width: 610px) {.derecha{float: right;margin-right: 100px;text-align: right;margin-top: 30px;margin-bottom: -30px;font-size: 12px;}}
/*FIN BOTONES IDIOMAS ESPAÑOL PORTUGUES*/
/*---------------------------------------------------------------------------------------------------*/
/*MENU ESTILO*/
#myNav {background: hsla(8, 69%, 59%, 0.92);transition:all 0.5s ease-in-out;}
#open-button {display:block;position:fixed;top:7px;right:20px;z-index:5;}
.navbar-fixed-bottom {background-color: #55406c!important;}
.navbar-fixed-bottom a{color: #fff!important;}
.overlay {height: 0%;width: 100%;position: fixed;z-index: 1;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-y: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 15%;width: 100%;text-align: center;margin-top: -44px;}
.overlay a {padding: 8px;text-decoration: none; font-size: 2em; font-weight: bold;color: #fff;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #9e3d00;font-weight: bold;}
@media screen and (max-height: 700px) {.overlay a {padding: 9px; font-size: 17px; text-decoration: none;}}
.closebtn {position: fixed;	top: -19px;right: 12px;font-size: 60px !important;z-index:200;}
.img-section-bg {max-height: 750px;float: right;}
@media screen and (max-height: 450px) {.overlay {overflow-y: auto;}.overlay a { font-size: 5vh; line-height: 10px;}.closebtn {font-size: 40px !important;top: 15px;right: 35px;}}
/*FIN MENU*/
/*---------------------------------------------------------------------------------------------------*/
/*BIENVENIDA*/
.carta-presidente{margin-top:50px;margin-right:0px;}
.carta-presidente p{line-height: 1;font-weight: 900;font-size: 2em;background: -webkit-linear-gradient(left,#5713FF,#E500B9);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.presidente{margin-top:30px;margin-left:-80px;}
.presidente p{line-height: 1;font-weight: 900;font-size: 2em;background: -webkit-linear-gradient(left,#5713FF,#E500B9);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/*@media screen and (max-width:3000px) and (min-width: 992px) /*{.carta-presidente p{float: right;}*/
@media screen and (max-width: 1280px) {.presidente p{font-size: 30px;}}
@media screen and (max-width: 992px) {.presidente p{font-size: 18px;text-align: center;}.carta-presidente p{font-size: 18px;text-align: center;}}

/*FIN-BIENVENIDA*/
/*---------------------------------------------------------------------------------------------------*/
/*MESA DIRECTIVA*/

.txt-mesa{font-family: 'Montserrat', sans-serif;line-height: 1;font-weight: bold;font-size: 50px;background: -webkit-linear-gradient(left,#003788,#0076B2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mesa-doc{margin-left: 10px;padding: 65px 0px 0px 10px;line-height: 1;}
.doc-txt{text-align:center;color: #214E95; font-family: 'Montserrat', sans-serif; font-weight: bold;font-size: 15px;line-height: 12px;}
.puesto-txt{text-align:center;color: #7F7E7F;font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 13px;line-height: 11px;}
@media screen and (max-width: 992px) {.doc-txt{margin-top:-55px; font-size: 16px; text-align: center;}.puesto-txt{font-size: 16px; text-align: center;}}
@media screen and (max-width: 991px) {.mesa-titulo{text-align: center;}.txt-mesa{font-size: 40px;}}
@media screen and (max-width: 700px) {.mesa-titulo{text-align: center;}.txt-mesa{font-size: 35px;}}
@media screen and (max-width: 700px) {.doc-txt{margin-top:-55px; font-size: 12px; text-align: center;}.puesto-txt{font-size: 12px; text-align: center;}}
@media screen and (max-width: 590px) {.txt-mesa{font-size: 25px;}}
@media screen and (max-width: 460px) {.txt-mesa{font-size: 18px;}}

/*FIN-MESA DIRECTIVA*/
/*---------------------------------------------------------------------------------------------------*/
/*DIRECTORES*/
.directores-titulo{font-family: 'Montserrat', sans-serif;line-height: 1;font-weight: bold;font-size: 30px;background: -webkit-linear-gradient(left,#003788,#0076B2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
@media screen and (max-width: 991px) {.puesto{line-height: 0px;}.doc-margin{font-size: 20px;margin-top: 100px;}.image-container {position: relative;width: auto;height: auto;}.image-container .after {border-radius: 150px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;color: #FFF;text-align: center;}.image-container:hover .after {display: block;background: rgba(0, 0, 0, .6);}}
@media screen and (max-width: 769px) {.image-container .after {font-size: 20px;border-radius: 190px;line-height: 220px;}}
@media screen and (max-width: 700px) {.image-container .after {font-size: 20px;border-radius: 150px;line-height: 220px;}}
@media screen and (max-width: 620px) {.image-container .after {font-size: 15px;border-radius: 100px;line-height: 185px;}}
@media screen and (max-width: 540px) {.image-container .after {font-size: 12px;border-radius: 85px;line-height: 120px;}}
@media screen and (max-width: 450px) {.directores-titulo{font-size: 24px;}}
@media screen and (max-width: 400px) {.image-container .after {font-size: 12px;line-height: 100px;}}
/*FIN-DIRECTORES*/
/*---------------------------------------------------------------------------------------------------*/
/*COSTOS*/
#costos, #costos th {text-align: center;}
#costos {text-align: center;}
#costos th { color: #0d9292; font-size: 20px; }
#costos td { font-size: 13px; line-height: 31px; letter-spacing: 3px; color: dimgrey;}
/*FIN-COSTOS*/
/*---------------------------------------------------------------------------------------------------*/
/*DESTINO*/
.destino-titulo1{font-family: 'Raleway', sans-serif;line-height: 1;font-weight: normal;font-size: 65px;background: -webkit-linear-gradient(left,#E86313,#EE8802);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.destino-titulo{font-family: 'Montserrat', sans-serif;line-height: 1;font-weight: bold;font-size: 65px;background: -webkit-linear-gradient(left,#E86313,#EE8802);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
@media screen and (max-width: 769px) {.destino-titulo{font-size: 60px;}.destino-titulo1{font-size: 60px;}}
@media screen and (max-width: 530px) {.destino-titulo{font-size: 35px;}.destino-titulo1{font-size: 35px;}}
.destino-titulo2{font-family: 'Raleway', sans-serif;line-height: 1;font-weight: normal;font-size: 65px;background: -webkit-linear-gradient(left,#E86313,#EE8802);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.destino-titulo3{font-family: 'Montserrat', sans-serif;line-height: 1;font-weight: bold;font-size: 65px;background: -webkit-linear--gradient(left,#E86313,#EE8802);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
@media screen and (max-width: 769px) {.destino-titulo2{font-size: 55px;}.destino-titulo3{font-size: 55px;}}
@media screen and (max-width: 612px) {.destino-titulo2{font-size: 42px;}.destino-titulo3{font-size: 42px;}}
@media screen and (max-width: 480px) {.destino-titulo2{font-size: 29px;}.destino-titulo3{font-size: 29px;}}
/*FIN-DESTINO*/
/*BROCHURE*/
.brochure-titulo{font-family: 'Montserrat', sans-serif;line-height: 1;text-align: left;font-weight: bold;font-size: 65px;background: -webkit-linear-gradient(left,#a77ed1,#7e58aa);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-transform: uppercase;}
@media screen and (max-width: 991px) {.brochure-titulo1{text-align: center;font-size: 45px;}.brochure-titulo{text-align: center;font-size: 45px;text-transform: uppercase;}}
/*---------------------------------------------------------------------------------------------------*/
/*RECINTO*/
.recinto-titulo1{font-family: 'Raleway', sans-serif;line-height: 1;text-align: left;font-size: 65px;background: -webkit-linear-gradient(left,#1A7C81,#00A7A2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.recinto-titulo{font-family: 'Montserrat', sans-serif;line-height: 1;text-align: left;font-weight: bold;font-size: 65px;background: -webkit-linear-gradient(left,#1A7C81,#00A7A2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
@media screen and (max-width: 991px) {.recinto-titulo1{text-align: center;font-size: 45px;}.recinto-titulo{text-align: center;font-size: 45px;}}
/*FIN-RECINTO*/
/*---------------------------------------------------------------------------------------------------*/
/*HOSPEDAJE*/
.hotelsContents { border-bottom: 2px dotted #dddddd; letter-spacing: 6px; }
.hotelsContents div { margin-top: 30px; margin-bottom: 30px;}
.hotelsContents h4 {font-size:16px; font-weight: 700; color:#3d4649; font-family: 'Montserrat', sans-serif;}

.hotelsContents p {font-size:14px; font-weight: 300; color: #013354;}
#hospedaje .btn {background-color:coral; border:none!important;}
#hospedaje a { text-decoration: none; }
#hospedaje .btn:hover { background-color: #E86313; }

/*------------------------------------------
----------------------------------*/
/*CONTACTO*/
#contacto {margin-bottom: 5%;}
.contactoHeader {font-size: 51px;color: #4b1a82;font-family: 'Montserrat', sans-serif;font-weight: 700;text-transform: uppercase;text-align: center;margin-bottom: 7%;}
#contacto h4 {font-weight: 700;font-size: 16px;text-transform: uppercase;line-height: 14px;margin-top: 20px;}
#contacto p {font-weight: 400;font-size:14px; color:#013354;}
#contacto em {color:#67add7;}
#contacto span { font-size:14px; color:red; padding:0px;margin: 0px;}
#contacto a {padding: 7px 0px 7px 0px;color: #724291;font-weight:100;cursor:pointer;font-size: 12px; }
#brochure a{cursor: pointer;}
#brochure-bttn {background: #9365c5;color: white;text-transform: uppercase;}
#precongreso {background: #008ed0;color: white;text-transform: uppercase;}
#precongreso2 {background: #fb922c;color: white;text-transform: uppercase;}
#precongreso3 {background: #ff3080;color: white;text-transform: uppercase;}
#precongreso4 {background: #a67949;color: white;text-transform: uppercase;}
@media screen and (max-width: 521px) {#brochure-bttn{font-size: 11px;}}
@media screen and (max-width: 991px) {h4, .txt-contacto{text-align: center;}}
@media screen and (max-width: 3000px) and (min-width: 991px) {.hover-img:hover {background: #dc005f;border-radius: 60px;}}
footer {margin-top: 5%;}
/*FIN-CONTACTO*/
/*---------------------------------------------------------------------------------------------------*/

#map {
    height:100%;
    width: 100%;
}