@charset "utf-8";

/*-----------------[RESET]------------------------*/
*{margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section,div { display: block; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;} 
audio:not([controls]) { display: none; }
[hidden] { display: none; }
a{outline:0; text-decoration:none;}
a:hover{text-decoration:none;}
ul{list-style-type:none}
img{border: none; outline:none;}
html, body{width:100%; height:100%;}
/********globals**************/
body{ color:rgb(100,100,100); position:relative;font-family:Arial, Helvetica, sans-serif; }
.clear{clear:both;}
.right{float:right;}
.left{float:left; }
.left-search{float:left;}
.center{position:relative;width:100%; max-width:1024px; margin:0 auto;}
.wrapper{width:100%; margin:0; padding:0;}
.cnt{padding:0 10px;}
.lft{padding-left:20px;}
.rgt{padding-right:20px;}
/**entre9***/
.line-1{width:11.11%; margin:0; padding:0; float:left;position:relative; display: block;}
.line-2{width:22.22%; margin:0; padding:0; float:left;position:relative;display: block;}
.line-3{width:33.33%; margin:0; padding:0; float:left;position:relative;display: block;}
.line-33{width:33.33%; margin:0; padding:0; float:left;position:relative;display: block;}
.line-4{width:44.44%; margin:0; padding:0; float:left;position:relative;display: block;}
.line-5{width:55.55%; margin:0; padding:0; float:left;position:relative;display: block;}
.line-6{width:66.66%; margin:0; padding:0; float:left;position:relative;display: block;}
.line-7{width:77.77%; margin:0; padding:0; float:left;position:relative;display: block;}
.line-8{width:88.88%; margin:0; padding:0; float:left;position:relative;display: block;}
.line-9{width:99.99%; margin:0; padding:0; float:left;position:relative;display: block;}
/****entre 4***/
.lins-1,.lins-11{width:25%; margin:0; padding:0; float:left;position:relative;display: block;}
.lins-2{width:50%; margin:0; padding:0; float:left;position:relative;display: block;}
.lins-3{width:75%; margin:0; padding:0; float:left;position:relative;display: block;}
.lins-4{width:100%; margin:0; padding:0; float:left;position:relative;display: block;}
/**entre 10***/
.lin-1{width:10%; margin:0; padding:0; float:left;position:relative;display: block;}
.lin-2{width:20%; margin:0; padding:0; float:left;position:relative;display: block;}
.lin-3{width:30%; margin:0; padding:0; float:left;position:relative;display: block;}
.lin-4{width:40%; margin:0; padding:0; float:left;position:relative;display: block;}
.lin-5{width:50%; margin:0; padding:0; float:left;position:relative;display: block;}
.lin-6{width:60%; margin:0; padding:0; float:left;position:relative;display: block;}
.lin-7{width:70%; margin:0; padding:0; float:left;position:relative;display: block;}
.lin-8{width:80%; margin:0; padding:0; float:left;position:relative;display: block;}
.lin-9{width:90%; margin:0; padding:0; float:left;position:relative;display: block;}
.lin-10{width:100%; margin:0; padding:0; float:left;position:relative;display: block;}
/***mitaad**/
.half{width:50%; margin:0; padding:0; float:left;position:relative;display: block;}
/****************header******************/
#header{position:relative; margin:1.5% 0 0 0; padding:0;}
#logo{position:relative; display:block; margin:15px auto 5px;z-index:1600;}
/***********menu*************/
.menu{float:left;margin-top:30px;z-index:1500;}
#tog_link{color: rgb(151,201,236); font-size:1em; text-indent:40px; line-height:25px;cursor:pointer; }
.img_front{background: url(../imgs/icons/burguer_35_25.png) no-repeat top left;}
.img_back{ background: url(../imgs/icons/burguer_back.png) no-repeat top left;}
.tog_menu{background:rgba(255,255,255,0.8); padding:45px 19px 20px; position:absolute; width:275px;z-index:2000;display:none; font-size: 0.9em;}
.tog_menu li{position:relative;display:block;  width:100%;}
.tog_menu a{position:relative;display:block;width:100%; color: rgb(82,146,211); font-weight: bold;clear:both;z-index:2500;}
.tog_menu a:hover{color:rgb(151,201,236);}
.tog_menu a img{float:left;}
.tog_menu span{width:185px;margin-left:5px;border-bottom:2px rgb(82,146,211) solid; display:block; float:left; line-height: 33px;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
.tog_menu a:hover span{border-bottom:2px rgb(151,201,236) solid; background-color:rgb(82,146,211); text-indent: 5px;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
/***********legalis**************/
.legared{float:right; position:relative; color:rgb(151,201,236); margin:10px 0;}
#redes{width:62px; display:block; position:relative; float:right; margin:5px 0;}
#redes li{width:28px; height:28px; float: left; margin: 0 0 0 3px;}
#legal{ margin-top:20%;}
#legal li{display:block;text-align: right; font-size:0.8em;}
#legal li a{ color:rgb(151,201,236);}
#legal li a:hover{color:rgb(82,146,211); }

/**************************CArrousell*********/
#slider{position:relative; display:block;max-height:400px;}
.car_img{position:relative;display:block;width:100%; max-height:400px }
/******frase home**********/
.frase{background:rgb(1,147,215); display:block; position:relative;padding:10px 0; font-family: 'Handlee', sans-serif; text-align: center; margin-top: -5px;}
.frase h2{font-size: 1.7em; color:rgb(255,255,255); font-weight: normal;padding-top:5px;}
h1.frase {width:100%;color:rgb(255,255,255);background:rgb(1,147,215); display:block; position:relative;padding:10px 0; font-family: 'Handlee', sans-serif; text-align: center;font-weight: normal;margin-bottom: 20px;}

/******menu visual home************/
.menu_visual{ background: rgb(151,201,236); width:100%; text-align: center; position:relative;}
.iconos{padding:20px 0; color:rgb(82,146,211);}
/*********CABECERAS*************/
.cabeceras{position:relative;margin:15px 0 0;}
.cabeceras .prin{width:100%;}
.cabeceras .prin_al{width:100%; max-height: 300px;}
.cabeceras .icon-cab{position:absolute; top: 10px; left:10px;}
/*******QUIEN SOMOS ***********/
#quienes{width:100%; margin-top:-5px; font-size: 0.9em}
.sec-quien{margin:0; padding:0; overflow:hidden; }
.sec-quien img{ max-width: 100%;  padding:0; }
.tit_text{height:100%;overflow:hidden;}
.tit_quien{font-family: 'Handlee', sans-serif; padding:25px 0 0; font-size:2.5em; margin-left:50px; font-weight: normal;}
.text_quien{margin:0 50px; line-height: 20px; padding:15px 0 ;}
.blue{ background:rgb(1,147,215); color:rgb(255,255,255);}
.white{ background:rgb(255,255,255); }
.white .tit_quien{color:rgb(1,147,215);}
.top20{margin-top:-20px; min-height:100%;}
#miembros{position:relative;text-align: center; margin-top:15px; }
.vismi{max-height: 16em;}
.hist{max-height: 24em;}
.mb-box{ position:relative;border: 1px solid rgb(100,100,100);  margin:15px 0 ; height:11em; padding-top: 5em; overflow: hidden;}
.mb-box img.hid_img{position:absolute; max-width: 100%; top:0; left:0; opacity:0;cursor:pointer;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
.mb-box:hover img.hid_img{position:absolute;z-index:3;opacity:1;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
.hor-lin{margin:1em 3em;}
.nom{color:rgb(1,147,215); padding:0 0 10px 0; font-size:1.5em;}
.carg{font-weight: bold; font-style: italic; font-size: 0.9em;}
.city{position:absolute; bottom:10px; right:10px; font-size:0.7em;z-index:1;}
.tit_mb{background:rgb(1,147,215); color:rgb(255,255,255);font-family: 'Handlee', sans-serif; }
.tit_mb p{font-size: 2.5em; padding-top:0.5em;}

/******************MENU PROJECTS******************/
.menu_proj{position:relative;z-index:500; background:rgb(1,147,215); margin-top: -5px; text-indent: 60px;}
#link_proj{color: rgb(151,201,236); font-size:1em; line-height:25px;cursor:pointer; border-bottom: 1px rgb(255,255,255) solid; padding:5px 0;}
.menu_b{position:relative;z-index:500; background:rgb(1,147,215); margin-top: -5px; text-indent: 30px;}
#link_b a{color: rgb(151,201,236); text-decoration:none;font-size:0.6em;cursor:pointer; padding:5px 0; line-height:20px;}
#link_b a img{vertical-align:middle; position:absolute; left:10px; top:9px;}
.closed_proj{background: url(../imgs/icons/go_bottom.png) no-repeat 35px 8px ;}
.open_proj{ background: url(../imgs/icons/go_up.png) no-repeat 35px 8px ;}
.tog_menu_proj{background:rgb(151,201,236); padding:0; position:absolute;z-index:3000;display:none; font-size: 0.9em; width:100%;}
.tog_menu_proj li{position:relative;display:block; clear:both; width:100%; padding:10px 0;border-bottom: 1px rgb(255,255,255) solid;}
.tog_menu_proj a{position:relative;display:block;width:100%; color: rgb(255,255,255); font-weight: bold;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
.tog_menu_proj a:hover{color:rgb(1,147,215);}
.tog_menu_proj p{ float:left; margin:0 -50px 0 0; padding:0;}
/***projects****/
.tit_proj{font-family: 'Handlee', sans-serif;color:rgb(1,147,215); font-weight: normal; font-size:2.5em; margin:1em 0 0;}
.tit_proj .proj{float:left; margin-right:10px;}
 div.ano{ color:rgb(151,201,236);float:left;}
.ti_pr{position:relative;padding:5px 10px;background:rgb(1,147,215); color:rgb(255,255,255); font-weight: normal; width:auto; display:inline-block;font-family: 'Handlee', sans-serif;margin:1.5em 0 0}
.rnd-1{width:5%; min-width: 10px; margin:0; padding:0; float:left;position:relative;display: block;}
.rnd-2{width:95%; min-width: 10px; margin:0; padding:0; float:left;position:relative;display: block;}
.rnd-3{width:3%; min-width: 10px; margin:0; padding:0; float:left;position:relative;display: block;}
.rnd-4{width:97%; min-width: 10px;margin:0; padding:0; float:left;position:relative;display: block;}
span.round{width:10px; height:10px; background:rgb(151,201,236); border-radius: 50% 50%; display:inline-block;margin-right:5px; }
.sentence{ padding: 30px 0 80px; font-size:0.9em; line-height:25px; display:block; position:relative; }
.puntos_pro{top:-100px}
/*******ALBUMS*****/
.albdiv{position:relative;display:block;height:auto; margin:1.5em 0 0; overflow:hidden; text-align:center;}
.alb-cnt{margin:0 2%;}
.alb-lft{margin-right:4%;}
.alb-rgt{margin-left:4%;}
.albdiv a{display:block; color:rgb(255,255,255); font-size:0.9em;}
h2.tit_al{position:absolute; top:40%; width:100%;display:block;color:rgb(255,255,255); font-weight: normal; font-size: 1em;}
h2.tit_al span{color:rgb(1,147,215); font-size:0.9em; font-style: italic;}
/**********FOTOS***********/
.photal{position:relative;display:block; margin:0; text-align:center;}
.img_ph{position:relative; display:block; width:96%; max-height:241px;}
.tops{ margin-top:2%;}
.photal a:hover img,.albdiv a:hover img{opacity:0.8; background:rgb(0,0,0); -moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
/***************COLABORA************/
#colabora{ margin:4em 0;}
.blue_up{color:rgb(1,147,215); font-weight: normal; font-size: 1.2em; padding:1em 0;}
.blue_down{color:rgb(151,201,236); font-size: 1.2em; padding:1em 0;}
.pdf{width:70px; height:70px; margin:10px auto 0; text-indent: -3000em; background: rgb(1,147,215) url(../imgs/icons/descarga_ok.png) center center no-repeat; border-radius: 50% 50%;
	display:block; -moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
.pdf:hover{background: rgb(151,201,236) url(../imgs/icons/descarga_ok.png) center center no-repeat;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
/*********contacto*********/
#contacto{ font-size: 0.9em; color:rgb(1,147,215); padding:1.5em 0;}
.contlabel{display:block; padding:20px 0 10px;}
.continput{background:rgb(230,230,230); padding: 10px; width:85%; border:1px solid rgb(190,190,190);}
.conttext{background:rgb(230,230,230); padding: 10px; width:93%; border:1px solid rgb(190,190,190);height:8em;}
input.submit{width:auto; background: rgb(1,147,215); color:rgb(255,255,255);padding: 10px; border:1px solid rgb(190,190,190); margin:20px 0 0; border:none;cursor:pointer;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
input.submit:hover{background: rgb(151,201,236); color:rgb(1,147,215);}
.info{margin:1.5em 0;text-align: right;}
.info p{line-height:28px;}
.info a{color:rgb(1,147,215);}
.info a:hover{color:rgb(151,201,236);}
input.check{width:20px;}
p.checkscont{font-size: 0.8em;margin:5px 0;}
p.checkscont a{ color:rgb(1,147,215); text-decoration: underline;}
p.checkscont a:hover{color:rgb(0,75,105);}
/******FOOTER****/
.pmoco{line-height:25px; width:200px; margin:20px 20px 0; float:right; font-family: 'Handlee', sans-serif;}
a.mocodes{width:69px; height:25px; display:inline-block; background: url(../imgs/moco_link.png) -5px 0 no-repeat; text-indent: -3000em;}
.facebook{width:28px; height:28px;border-radius:50% 50%; text-indent:-3000em; background: rgb(151,201,236) url(../imgs/icons/facebook_28.png) center center no-repeat;display:inline-block; 
	-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s; vertical-align: middle;}
.facebook:hover{background: rgb(13,84,156) url(../imgs/icons/facebook_28.png) center center no-repeat;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
.twitter{width:28px; height:28px;border-radius:50% 50%; text-indent:-3000em; background: rgb(151,201,236) url(../imgs/icons/twitter_28.png) center center no-repeat;display:inline-block;
	-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;vertical-align: middle;}
.twitter:hover{background:rgb(38,170,230) url(../imgs/icons/twitter_28.png) center center no-repeat;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s;}
/**************LEGALES***********/
#legales{margin-top:1.5em;}
#legales h2{ font-family: 'Handlee', sans-serif; color:rgb(1,147,215); padding:20px 0;}
#legales p strong{display:block;padding:1em 0 0.5em;}
/********COLABORA FORM*****************/
#colform{}
#colform .collabel{display:inline-block;color:rgb(1,147,215);font-size: 0.9em; width:150px; padding:20px 0 10px;}
#colform .colinput{display:inline-block; width:calc(90% - 150px); max-width: 300px;background:rgb(230,230,230); padding: 10px;border:1px solid rgb(190,190,190);}
#colform .colinput#cuenta{width:calc(100% - 150px);max-width:400px;}
#colform .coltext{background:rgb(230,230,230); padding: 10px; width:93%; border:1px solid rgb(190,190,190);height:8em;}
#colform .conoce{ width:300px; }
#colform .viajar{ width:400px; display:block; }
#colform .radiobut{width:100px;display: inline-block; color:rgb(1,147,215);}
#colform .formradio{padding-top:20px;}
/******************footer************/
.footer{position:relative;display:block; margin:2em;text-indent: -4000em;}
#legal_foot{display:none;}
.errs_web{text-align: center;}
.errs_web h1{ font-size: 4em; margin-top:50px;}
.errs_web h2{margin:20px 0;font-size: 2em;}
.errs_web h3{margin:0 0 10px;}
@media (max-width: 1024px){
 .center{width:95%;}
 .tit_quien{ padding:10px 0 0; font-size:2em; margin-left:15px; }
.text_quien{margin:0;  padding:15px;}

}
@media (max-width: 894px){
	.frase h2{font-size: 1.2em;}
	.mb-box{height:11em; padding-top: 3em;}
	.line-33{ width:50%;}
	.lft,.rgt{padding:0 10px;}
	.tit_mb p{ padding-top:1em;}
	h2.tit_al{font-size:0.9em;}
}
@media (max-width: 768px){
	.divradio, .viajar, .collabel{width:100%;display:block;}
	.lins-1,.lins-11{width:33.33%;}
	.img_ph{max-height:100%;}
	.lins-1 .alb-lft,.lins-1 .alb-rgt{margin:0 2%;}
div[class*="lin-"]{width:100%;}
.vismi{max-height: none;}
.hist{max-height: none;}
.sec-quien img{display:none; }
.info{margin:3em 0 0;text-align: center;}
input{width:93%;}
.sentence{ padding: 30px 0 0; }
.puntos_pro{top:0;}
}
@media (max-width: 590px){

	.tit_proj{ font-size:2em;}
	.nom{font-size:1.2em; padding:0;}
	.hor-lin{margin:0.5em 1em;}
	.mb-box{height:8em; padding-top: 3em;}
	.carg{font-weight: normal;}
	.tit_mb p{font-size: 2em; padding-top:0.75em;}
	.lins-1{width:50%;}
	.lins-11{width:100%;}
.img_ph{width:96%; max-height:500px; height:auto;}
.icon-cab{display:none;}
/***logo***/
.menu{position:fixed; margin-top:0; width:100%;}
.img_front{z-index:3000; display:block; height:50px; width:50px; border-radius:50% 50%; 
	background:rgba(255,255,255,0.8) url(../imgs/icons/burguer_35_25.png) no-repeat center center;}
.img_back{z-index:3000; display:block; height:50px; width:50px; border-radius:50% 50%; 
	background:rgba(255,255,255,0.8) url(../imgs/icons/burguer_back.png) no-repeat center center;}
.img_front span,.img_back span{visibility:hidden;}
.tog_menu{padding:0; width:100%;}
.tog_menu li{width:48%; float:left; clear:none;}
.tog_menu span{width:70%;}
#legal{display:none;}
#legal_foot{width:100%; text-align: center;display:block; font-size: 0.8em; margin-top: 30px;}
#legal_foot li a{ display:block;color:rgb(151,201,236); padding:10px 0 0;}
#legal_foot li a:hover{color:rgb(82,146,211); }
#logo{position:relative; display:block; margin:0 5px 5px; width:100px; float:right;}
.line-3{ width:100%;}
.lins-2{width:100%;}
.back{display:none;}
.photal h2.tit_al{position:relative; display:block; background:rgb(151,201,236); width:100%; padding:50px 0; clear:both; float:none;}

}
@media (max-width: 520px){
.mb-box{ padding:5px;height:13em; overflow: visible;}
.mb-box img.hid_img{opacity:1; position:relative; width:50%;}
.carg{font-size:0.8em;}
.city{position:relative; bottom:0; right:0;}
.mb-box:hover img.hid_img{position:relative}
.tit_mb p{font-size: 1.6em; padding-top:4em;}
.tog_menu a img{display:none;}
.tog_menu span{width:96%; margin:0 2%;
}
@media (max-width: 400px){
}
.mb-box{ padding:5px;height:10em; overflow: visible;}
.nom{font-size:1em; padding:0;}
.hor-lin{margin:0;}
.tit_mb p{font-size: 1.6em; padding-top:2.5em;}
.rnd-3{width: 12px; }
.rnd-4,.rnd-1,.rnd-2,.rnd-3{width:Calc(98% - 12px);}
}

/*****Cookies****/
#cookies{display:block;padding:5px 10px;z-index:5000;position:fixed; bottom:0; left:0; width:100%; background:rgb(0,0,0);
	background:rgba(0,0,0,0.8);color:rgb(255,255,255);font-size:0.8em;}
#cookies p{width:90%;margin:0 auto; font-weight: 200;}
#cookies span{display:block;font-weight: bold; padding:5px 0;}
#cookies a{color:rgb(255,150,150); text-decoration:underline;cursor:pointer;}
#cookies a.seecook{}
#cookies a#close_cook{display:block; position:relative;text-align:right; padding:5px 0;font-weight: bold;}
[class*='parsley-err']{background:rgb(250,200,200); color:rgb(200,20,20); padding:5px 10px; font-size: 0.9em; margin:5px 0; max-width:400px;}
.explain{background:rgb(150,150,255); color:rgb(50,50,150); font-size: 0.9em; text-align: center; display: block}
/*ERROR*/
.error{background:rgb(250,200,200); color:rgb(200,20,20); padding:5px 10px; font-size: 0.9em; margin:5px 0; max-width:400px;}
.explain{background:rgb(150,150,255); color:rgb(50,50,150); font-size: 0.9em; text-align: center; display: block}