@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Roboto');

.loader{position:relative;left:0;right:0;height:10px;background-image:repeating-linear-gradient(-45deg,#C3C8CC,#C3C8CC 11px,#eee 10px,#eee 20px);background-size:26px 26px;animation: move .6s linear infinite;margin:auto;display:none;z-index:4;}
@keyframes move {0% {background-position: 0 0;}100% {background-position: 26px 0;}}




body {font-family:'Roboto', Arial, sans-serif;}

[class*="col-"]{float:left;padding:4px;width:100%;}
.col-14{width:49%}

::-webkit-input-placeholder{color:#CCC;}
::-moz-placeholder{color:#CCC;}
:-ms-input-placeholder{color:#CCC;}
:-moz-placeholder{color:#CCC;}


*{margin:0;box-sizing:border-box;}
.row::after{content:"";clear:both;display:block;}
a, a:visited{text-decoration:none;color:navy}
a:hover, a:active{text-decoration:underline;}
select,textarea,input{margin:6px 0;padding:5px;border:1px solid silver}

.noscroll{overflow:hidden;}
.full{position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%;z-index:2000;background:#000;background:rgba(0,0,0,.7)}
.popup{position:fixed;left:0;top:0;bottom:0;right:0;width:98%;height:98%;z-index:2020;margin:1%;}
.popup .goto{position:fixed;top:0;bottom:0;width:40%;height:98%;z-index:2050;margin:1%;color:rgba(0,0,0,0);font-size:3rem;line-height:98%;cursor:pointer}
.popup .ant{left:0;padding:30% 0 0 24px;}
.popup .sig{right:0;padding:30% 24px 0 0;text-align:right}
.popup .sig:hover,.popup .ant:hover{color:rgba(0,0,0,1);text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);}
.popup .img{width:100%;height:98%;}
.popup .cerrar{position:fixed;top:10px;right:10px;width:32px;height:32px;z-index:2060;margin:1%;color:#000;font-size:26px;line-height:32px;cursor:pointer;background:rgba(255,255,255,.9);text-align:center;font-weight:bolder;
 -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}

.contenido{width:100%;margin:auto}
.header{width:100%;margin:auto;height:75px}
.logo{background-image:URL(logo.png);width:295px;height:75px;display:block;float:left}
.centro{text-align:center}

.menulin{padding:0 10px;text-align:right;float:right;position:fixed;z-index:10;right:0px;background:#FFF;background:rgba(255,255,255,.9);margin:10px 2px}
.menulin .menubar{height:2.1rem;width:1.5rem;padding:0.2rem;display:block;float:right;position:relative}
.menulin .menubar .bar{height:.3rem;background:#0090cf;width:1.5rem;display:block;margin:0.2rem 0;position: relative;top:0;
        opacity:1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
       -webkit-transition: .25s ease;-moz-transition: .25s ease;-o-transition: .25s ease;transition: .25s ease;}

.menulin .menubar .b2{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);}

.menulin .menubar.open .b1{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);top:0.5rem}
.menulin .menubar.open .b2{-webkit-transform:translate(-1rem, 0);-moz-transform:translate(-1rem, 100px);-o-transform:translate(-1rem, 0);transform:translate(-1rem, 0);opacity:0}
.menulin .menubar.open .b3{-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top:-0.5rem}

.menu {display:none}
.menu {font-family:'Open Sans Condensed', sans-serif;width:620px;float:right;height:20px;font-weight:bold;line-height:20px;margin-top:45px}
.menu ul {height:50px;list-style:none;margin:0;padding:0;}
.menu li {float:left;padding:0px;}
.menu li a {color:#999;display:block;font-weight:bold;margin:0px;padding:8px;font-size:14px;text-align:center;text-decoration:none;
        -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s  ease-in-out;-ms-transition: all 0.2s  ease-in-out;-o-transition: all 0.5s  ease-in-out;transition: all 0.2s  ease-in-out;}
.menu li a:hover{color:#FFF;text-decoration:none;}
.menu ul li:hover a{color:#F2E82E}
.menu li ul {background:rgba(50,50,50,.8);display:none;height:auto;padding:10px 0;margin:0px;position:absolute;width:240px;z-index:200;color:#FFF;
       -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s  ease-in-out;-ms-transition: all 0.5s  ease-in-out;-o-transition: all 0.5s  ease-in-out;transition: all 0.5s  ease-in-out;}
.menu li:hover ul {display:block;margin-top:-5px}
.menu li li {display:block;float:left;margin:0;padding:10px;border-bottom:1px solid #666}
.menu li:hover li a {background:none;font-size:14px !important;line-height:20px !important;color:#FFF}
.menu li ul a {display:block;height:20px;float:left;width:210px;font-size:11px;margin:0 5px;padding:0 5px;text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a{border:1px;color:#F2E82E;text-decoration:none;}

.blind{position:fixed;z-index:5;top:74px;left:0;right:0;bottom:0;display:none;background:rgba(255,255,255,.7)}
.menu.open{position:fixed;top:30px;left:0;right:0;bottom:0;display:block;z-index:10;}
.menu.open li,.menu.open ul{width:100%;display:block;background:#FFF;margin:0;padding:0;border:0}
.menu.open a{width:100%;display:block;background:#FFF;margin:0;padding:0 10px;position:relative;text-align:left;font-size:1rem;border-bottom:1px solid silver;line-height:1.8rem;height:1.8rem;color:#666}
.menu.open li li a{padding-left:20px;color:#999}
.menu.open li ul{position:inherit}

.portada{position:relative;width:100%;left:0;right:0;background-image:URL(siteimgs/portada01.jpg);background-repeat:no-repeat;background-size:cover;height:540px;background-position:center center}
.portada .texto{font-size:2.5rem;line-height:5rem;margin:auto;text-align:center;margin-top:12%;text-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px;font-family:'Roboto', sans-serif;color:navy;position:absolute;left:0;right:0;}
.zoom{-ms-transform:scale(0,0);-webkit-transform:scale(0,0);transform:scale(0,0);transition: all 1s ease-in-out;}
.zoom.in{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1);}

.tide{margin:0;padding:0}

.seccion{position:relative;display:table;width:100%;}
.seccion.programas.principal{background-color:#8b0000;}
.seccion.lugares{background-color:#7f008b;}
.seccion.contacto{background-color:#007fd2;}

.seccion .super{font-size:2rem;text-align:center;text-shadow:rgba(0, 0, 0, 0.4) 0px 4px 5px;margin:20px}
.seccion.principal .super{color:#FFF}
.seccion .super b{color:#F2E82E;display:block}
.seccion .programa,.seccion .pais{position:relative}
.seccion img{width:99%;margin:0.5%}
.seccion .pais{cursor:pointer}
.seccion .img{position:relative;z-index:10;margin:0;}
.seccion .info{position:absolute;background:#FFF;z-index:20;top:0;bottom:5px;left:0;right:0;filter:alpha(opacity=0);opacity:0;font-size:2rem;text-align:center;vertical-align:text-bottom;padding:25% 10px;color:#000;text-decoration:none;font-variant:small-caps;
      -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

.seccion .info:hover{filter:alpha(opacity=80);opacity:0.8;}

.footer{background:#FFF;padding:20px;text-align:center;color:#CCC;margin:20px;width:90%;display:table}

.form {text-align:center}
.form .input{padding:5px 10px;font-family:'Open Sans Condensed';background:#FFF;border:0;margin:1%;font-size:1.5rem}
.form .submitup{border:1px solid #FFF;background:#000;margin:-30px auto 15px auto;color:#FFF;font-size:1.2rem;padding:22px 40px;width:auto}
.txt{color:#FFF;font-size:1.2rem}
.txt a{color:#FFF;text-decoration:none}
.txt p{margin:0 20px 20px 20px}

.check input[type=radio]{position: absolute;visibility: hidden;}
.check label{display:block}
.check label::before{display:block;border:3px solid #CCC;content:'';border-radius:100%;height:15px;width:15px;top:5px;left:5px;float:left;margin-right:10px;padding:2px;}
.check label::after,input[type=radio]:checked + label::after{border:4px solid #fff;content:'';border-radius:100%;height:12px;width:12px;position:relative;display:block;float:left;position:absolute;margin:-16px 3px;}
input[type=radio]:checked + label::before{background:#666;}
input[type=radio]:checked + label{color:#333;}

.cont{width:100%;}
.inform .input{padding:5px 10px;font-family:'Open Sans Condensed';background:#FFF;border:1px solid silver;width:98%;margin:0 1%;font-size:1.5rem}
.inform .masinfo{display:block;font-size:0.8rem;color:#333}

.interna{display:table;margin:0;padding:0;margin-bottom:-5px;width:100%}
.interna.nosotros{background:#4bd1a0}
.interna.nosotros h1{color:#000}
.interna h1{margin:2rem;text-align:center;color:#2f8dce}
.interna .intexto{margin:5px;padding:5px;line-height:1.5rem}
.interna .intexto p{margin:15px;}

.tabla{margin:10px auto;border:1px solid #ccc;width:98%}
.tabla th{text-align:left}
.tabla tr:not(.titulo):hover{background:#CCC}
.tabla #buscar{background:#EEE;border:none;padding:5px 10px;float:right;width:auto}

.alink{border:2px solid #000;margin:5px;padding:5px;color:#FFF;background:transparent;display:block;float:left;clear:both;text-align:center;
      -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s  ease-in-out;-ms-transition: all 0.2s  ease-in-out;-o-transition: all 0.5s  ease-in-out;transition: all 0.2s  ease-in-out;}
.aboton{background:#1BA8CE;margin:auto;padding:10px;color:#FFF;font-size:1.5rem;font-family:'Open Sans Condensed';border-radius:4px;pointer:cursor}

.alink:hover{background:#000;color:#FFF;text-decoration:none}
input{width:96%}
.linea{margin-bottom:20px}

@media only screen and (min-width:768px) {
 .col-1{width:8.33%;}
 .col-2{width:16.66%;}
 .col-14{width:14.28%}
 .col-3{width:25%;}
 .col-4{width:33.33%;}
 .col-5{width:41.66%;}
 .col-6{width:50%;}
 .col-7{width:58.33%;}
 .col-8{width:66.66%;}
 .col-9{width:75%;}
 .col-10{width:83.33%;}
 .col-11{width:91.66%;}
 .col-12{width:100%;}
 .portada .texto{font-size:4rem;line-height:6rem;}
 .seccion .super{font-size:4rem;}
 .menu {display:block}
 .header{width:980px;}
 .cont{width:980px;margin:auto;}
 .txt{font-size:2rem}
 .input{width:98%}
 .aboton{width:50%}
 .menulin{display:none}
}