.anuloordenadorytablet{ display:none;}
html,body{ top:0; left:0; margin:0;}
body{background-image:url(../fondo/main_bg.png);overflow-x:hidden;font-family: 'Raleway', sans-serif;}
ul,li{ list-style:none;}a{ text-decoration:none;}a img{border:0; outline:none;border-style:none;}
.superior{ width:100%; height:100px; background-color:#FFF;}
.logo{ position:absolute; left:100px; top:15px;}
.sublogo{font-family: 'Kaushan Script', cursive; position:absolute; left:105px; top:65px;}a .sublogo { color:#333; transition:all 1s;}a:hover .sublogo{ color:#CC402F;}
.g-plusone1{ width: 20px; height: 20px; /*float: right;/* margin-top: 6px;*/ z-index: 99999; float:right; margin-right: 300px; margin-top: -5px;}
.social{ position:absolute; right:750px; }
.social li{font-size:13px;	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);	display: inline-block;	height: 20px;	margin-right: 5px;
	width: 20px;	text-align: center;	-webkit-transition: background .5s ease-in-out; 	-moz-transition: background .5s ease-in-out;	-o-transition: background .5s ease-in-out;
	-ms-transition: background .5s ease-in-out;	transition: background .5s ease-in-out; cursor:pointer;}
.social i{line-height:25px;}
.social li.facebook{background-size: 100% 200%;	background-image: linear-gradient(to bottom, transparent 50%, #3C599B 50%);color:#3C599B;border: 2px solid #3C599B;}
.social li.facebook:hover{	background-position: 0 -100%;	background-color:#3C599B; color:#FFF;}
.social li.google{background-size: 100% 200%;	background-image: linear-gradient(to bottom, transparent 50%, #CC402F 50%);color:#CC402F;border: 2px solid #CC402F;}
.social li.google:hover{	background-position: 0 -100%;	background-color:#CC402F; color:#FFF;}
.social li.in{background-size: 100% 200%;	background-image: linear-gradient(to bottom, transparent 50%, #017FB2 50%);color:#017FB2;border: 2px solid #017FB2;}
.social li.in:hover{	background-position: 0 -100%;	background-color:#017FB2; color:#FFF;}
.nav{margin:0 auto; position:relative; width:750px; height:50px; text-align:center; top:40px;}
.nav li{ display:inline-block; padding:20px 10px;}
.nav li a{ color:#333; transition:all 1s; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #FFF; padding:3px 0px;}.nav li a:hover{ color:#CC402F;border-bottom:2px solid #333;} .nav li a i{ margin-right:5px;color:#CC402F; transition:all 1s;transform:rotateY(0deg);   transition-duration: 1s;   -webkit-transform:rotateY(0deg);   -webkit-transition-duration: 2s;}.nav li a:hover i{ color:#333;transform:rotateY(180deg);   transition-duration: 1s;   -webkit-transform:rotateY(180deg);   -webkit-transition-duration: 1s;}
.nav_banderas{position:absolute; right:510px; top:0px; }
.nav_banderas li{display:inline-block; margin-right:5px;}.nav_banderas li a{ transition:all 1s; border-bottom:2px solid #fff;}.nav_banderas li a:hover{border-bottom:2px solid #CC402F;}
a .banderas{ width:20px; height:20px; border-radius:50px; border:1px solid #333; transition:all 1s;}a:hover .banderas{border:1px solid #CC402F;}
#bal{color:#000; font-weight: bold; position: relative; top: -5px;}
.acceso_usu{width: auto; position: absolute; margin-top: -42px; height: 15px; border: 3px solid #fafafa; border-radius:3px; background-color: #fff; right: 65px; color:#000; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 10px;}
.acceso_usu1{width: auto; position: absolute; margin-top: 2px; height: 15px; border: 3px solid #fafafa; border-radius:3px; background-color: #fff; right: 65px; color:#000; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 10px;}

.fluid_container{width:100%; height: 500px; position: relative; background-color: #fff; bottom: 0px;}
#camera_wrap_4 {bottom: 0;height: 100%;	left: 0;margin-bottom: 0!important;position: absolute;right: 0;	top: 0;	}
.camera_bar {z-index: 2;}
.camera_thumbs {margin-top: -100px;position: relative;	z-index: 1;}
.camera_thumbs_cont {border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
.camera_overlayer {opacity: .1;}
.cuerpo{ width:1150px; margin:20px auto; height:auto; text-align:justify; font-size:14px;}
.cuerpo h1{font-size:14px; font-weight:normal;}.cuerpo h2{font-size:14px; font-weight:normal;}.cuerpo h3{font-size:14px; font-weight:normal;}
.cuerpo li{ list-style:square;}

.mapa{ width:100%; height:255px;}
#google_map{width:100%; height:255px; position:relative;}
.mapa-mascara{ background:url(../fondo/bottom_mask2.png) no-repeat center top;position: relative;top: -34px;left: 0;width: 100%;z-index: 99;height: 33px; }
/* map controls */
#map_controls {margin:0; padding:0; list-style:none; position:relative; width:auto;  margin-top:-185px; right:480px; width:30px; background:#CD2122; border-radius:2px; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4); float:right;}
#map_controls li a {display:block; width:30px; height:30px;  text-align:center; border-top:1px solid #ccc; border-top:1px solid rgba(0,0,0,0.1); cursor:pointer;}
#map_controls li a:hover {background:#111; color:#fff;}
#map_controls li:first-child a {border-top:0;}
#map_controls li a span {margin-top:6px;}
.mapa_direccion{ width:450px; background-color:#000; opacity:0.8; height:228px; position:relative; float:right; margin-top:-255px;   right:0; z-index:999;box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);}
.direccion{ color:#FFF; font-size:14px; padding:10px;}.lineamapa{ border:1px solid #FFF; background-color:#FFF;}
.direccion a{transition: all 1s; color:#CD2122;}.direccion a:hover{color:#FFF;}

.nuestra_presencia{ width:1050px; height:160px; margin:0 auto;  font-weight:bold; font-size:15px;font-family: 'Kaushan Script', cursive; } 
.ferias{ width:645px;  height:130px; float:left; font-family: 'Kaushan Script', cursive; }
.miembros1{width:401px;  height:130px; float:left;font-family: 'Kaushan Script', cursive; }
.nuestra_presencia img{ margin-right:20px;}

.correo{ width:100%; height:400px;}
.correo iframe{ width:100%; height:400px;}


footer{ width:100%; background-color:#000; height:40px;} .copy{ text-align:center; color:#FFF; font-size:12px; width:100%;  bottom:0; height:20px;  position:relative; top:15px; }
.copy a{color:#FFF;}

#overbox3 {position: fixed;bottom: 0px;width: 450px;z-index: 999999;display: block; height:80px; opacity:0.8; background-color:#282f35; }
#infobox3 { height: 80px;    width: 100%;    text-align:center;    background-color:#282f35; padding:10px 30px;}
#infobox3 p {line-height:15px; font-size:12px;text-align:center; color:#fff;}
#infobox3 p a {margin-right:5px;    text-decoration: underline;color:#FFF; transition:all 1s;}
#infobox3 p a:hover{color:goldenrod;}

/*subir*/
.back-to-top {  position: fixed; bottom: 2px; text-decoration: none; color: #000; right:0px;  background-color:#FFF; border:1px solid #DC4228;  font-size: 14px; /*padding: 1em; display: none;*/ opacity:0.4;	/*box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);*/-webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 2s ease-in-out;  -o-transition: opacity 2s ease-in-out;  transition: opacity 2s ease-in-out; right:20px;height:30px;  width:40px;  z-index:5999; transition:all 1s;}
.back-to-top:hover { background-color:#DC4228; opacity:1;border:1px solid #FFF; }	
.back-to-top i{ transform:rotateY(0deg);   transition-duration: 2s;   -webkit-transform:rotateY(0deg);   -webkit-transition-duration: 2s; position:relative; margin-left:11px;} 
.back-to-top:hover i{color:#FFF; transform:rotateY(180deg);   transition-duration: 2s;   -webkit-transform:rotateY(180deg);   -webkit-transition-duration: 2s;}
.error404{ width:470px; height:239px; margin:20px auto; }.error404 img{ width:100%; height:100%;}

.errolog{font-size: 22px; text-align: center; color: #CC402F; margin-top: 50px; height: 450px;}
.pdf{width: 100%; height: 870px; margin: 20px auto;}
.pdf object{position: relative; top:0;  left: 0;  width: 100%; height: 100%; }
.log_hotel{width: 1110px; margin: 20px auto; height: auto;}
.log_hotel a{color: #000; transition: all 1s;}
.log_hotel a:hover{color:#CC402F;}
.log_hotel h2 a{float:right;}
.log_hotel table{border-collapse: collapse;  width: 100%;}
.log_hotel th{background-color: #017FB2;color: #fff;  text-align: left; padding: 8px;}
.log_hotel td{  padding: 5px;text-align: left; padding: 8px;}
.log_hotel tr:nth-child(even){background-color: #f2f2f2}
.formulario-reser{width: 1100px; margin: 20px auto;}
.chek{width: 1100px; height: 450px;}
.sup_check{width: 100%; height: 30px; line-height: 30px; color: #fff; background-color: #3C599B; font-size: 18px; text-align: center; padding: 5px 0px; }
.div_cal{width: 100%; margin: 20px auto; position: relative; height: 80px;}
.cal{width: 50%; height: 50px; float: left; left: 50px; position: relative;}
.check .list_men select{border:1px solid silver; outline:none; background-color:#FFF;  width: 84%; height: 55px; padding:10px; font-size: 14px; 
                 margin-bottom: 20px;font-family: Raleway; z-index: 999999;}
.check input[type=date]{border:1px solid silver; outline:none; background-color:#FFF;  width: 80%; height: 30px; padding:10px; font-size: 14px; 
                 margin-bottom: 20px;font-family: Raleway; z-index: 999999;}
.check input[type=text]{border:1px solid silver; outline:none; background-color:#FFF;  width: 80%; height: 30px; padding:10px; font-size: 14px; 
                 margin-bottom: 20px;font-family: Raleway; z-index: 999999;}
input[type=email]{border:1px solid silver; outline:none; background-color:#FFF;  width: 80%; height: 30px; padding:10px; font-size: 14px; 
                 margin-bottom: 20px;font-family: Raleway; z-index: 999999;}
.check input[type=number]{border:1px solid silver; outline:none; background-color:#FFF;  width: 80%; height: 30px; padding:10px; font-size: 14px; 
                   margin-bottom: 20px;font-family: Raleway;}
.cam_check{width: 50%; height: 80px; float: left; left: 50px; position: relative;}
.cam_check1{width: 32.1%; height: 80px; float: left; left: 50px; position: relative;}
.check input[type=submit]{border:1px solid silver; outline:none; background-color:#017FB2;  width: 100%; height: 51px; padding:10px; 
                         font-size: 18px;font-family: Raleway;color:#fff; transition: all 1s;cursor: pointer;text-align: center; }
.check input[type=submit]:hover{background-color:#3C599B; color: #fff;}
.contratos{width: 100%; height: 150px; }
.contratos a{color: #000; transition: all 1s;}
.contratos a:hover{color:#CC402F;}
.email-enviado{width: 1100px; margin: 20px auto; height: 650px;}
.email-enviado h2 a{float:right;}
.email-enviado a{color: #000; transition: all 1s;}
.email-enviado a:hover{color:#CC402F;}
@media screen and (min-width: 1279px) and (max-width: 1366px) {
.acceso_usu{right: 35px;}  
.acceso_usu1{right: 35px;}  
.social{right:730px; }
.nav_banderas{right:480px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.acceso_usu{right: 10px;}
.acceso_usu1{right: 10px;}
.social{right:600px; }
.nav_banderas{right:370px;}
.logo{ left:10px;}	
.sublogo{left:15px;}
.cuerpo{ width:950px;}
.mapa_direccion{ width:350px;}
#map_controls { right:370px;}
.log_hotel{width:974px;}
.formulario-reser{width:974px;}
.chek{width: 974px;}
.email-enviado{width: 974px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) { 
.acceso_usu{right: 10px; top: 90px;}    
.acceso_usu1{right: 10px; top: 100px;}    
.superior{ width:100%; height:160px;}
.nav{display:none;}
.logo{ left:80px;}	
.sublogo{left:105px;}
.social{right:240px;}
.nav_banderas{right:10px;}
.cuerpo{ width:718px;}
.nuestra_presencia{ width:580px; height:320px;} 
.mapa_direccion{ width:310px; float:left;}
#map_controls { right:20px;}
.log_hotel{width:718px;}
.formulario-reser{width:718px;}
.chek{width:718px;}
.email-enviado{width: 718px;}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.acceso_usu{right: 10px; top: 90px;}    
.acceso_usu1{right: 10px; top: 100px;}    
.superior{ width:100%; height:160px;}
.nav{display:none;}
.logo{ left:15px;}	
.sublogo{left:15px;}
.social{right:240px;}
.nav_banderas{right:10px;}
.cuerpo{ width:590px;}
.nuestra_presencia{ width:580px; height:320px;} 
.mapa_direccion{ width:100%; margin-top:1px;}
.mapa{ width:100%; height:485px;}
.mapa-mascara{ position: relative;}
#map_controls {margin-top:-400px; position:relative; left:-20px;}
.log_hotel{width:590px;}
.formulario-reser{width:590px;}
.chek{width:590px;}
.cal{ left: 20px;}
.cam_check{ left: 20px;}
.cam_check1{ left: 20px;}
.email-enviado{width: 590px;}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.acceso_usu{right: 50px; top: 150px;}    
.acceso_usu1{right: 50px; top: 160px;}    
.superior{ width:100%; height:220px;}    
.nav{display:none;}
.logo{ left:10px;}	
.sublogo{left:15px;}
.social{right:60px;}
.nav_banderas{right:10px; top: 45px;}
.cuerpo{ width:430px;}
.nuestra_presencia{ width:400px; height:340px;}
.ferias{ width:400px;  height:200px;   }
.miembros1{width:396px;  height:220px;  }
.movil_logo{ margin-left:50px;}
.tp-caption.mi_tema1 h3{font-size:16px;}
.mapa_direccion{ width:100%; margin-top:1px;}
.mapa{ width:100%; height:562px;}
.mapa-mascara{ position: relative;}
#map_controls {margin-top:-400px; position:relative; left:-20px;}
.copy{ top:1px; }
#overbox3 {width: 430px;}
.g-plusone1{ width: 25px; overflow: hidden;}
.log_hotel{width:430px;}
.formulario-reser{width:430px;}
.chek{width:430px;}
.cal{ left: 10px;}
.cam_check{ left: 10px;}
.cam_check1{ left: 10px;}
.email-enviado{width: 430px;}
}
@media screen and (min-width: 320px) and (max-width: 479px) {
.superior{height: 220px;} 
.acceso_usu{right: 5px; top: 150px; } 
.acceso_usu1{right: 5px; top: 160px; } 
.acceso_usu i{ display: none;}
.acceso_usu1 i{ display: none;}
.acceso_usu input[type=password]{ width: 130px;}
.acceso_usu1 input[type=password]{ width: 130px;}
header{ margin-top:-20px;}
.nav{display:none;}
.logo{ left:60px;}	
.sublogo{left:65px;}
.social{display:none;}
.nav_banderas{display:none;}
.anuloordenadorytablet{ display:inherit !important;}
.container{position: relative;height:100%;width: 100%;left: 0;-webkit-transition: left 0.4s ease-in-out;-moz-transition: left 0.4s ease-in-out;-ms-transition: left 0.4s ease-in-out;-o-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;z-index:9001;}
.container.open-sidebar {left:70px;z-index:10005; position:fixed;  height:100%;/*position:absolute;/*la posicion es muy importante*/}
#sidebar {position: absolute;left:-70px;background-color:#333;width:70px; /*height:1024px;*/box-sizing: border-box;z-index:10005;border-right:1px solid #fff; /*overflow:scroll;*/ height:100%;}
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar ul li {margin: 0; }
#sidebar ul li a {padding: 15px 20px;font-size: 15px;font-weight: bold;color: #F2AB41;text-decoration: none;display: block;border-bottom: 1px solid #FFF;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: alll 0.3s ease-in-out; }
#sidebar ul li a b{font-size: 15px;font-weight: bold;color: #7B6C63;text-decoration: none;display: block;-webkit-transition: background 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; text-transform:uppercase;}
#sidebar ul li:hover a {background: #F2AB41; color:#7B6C63}
#sidebar ul li:hover a b{color:#FFF;}
#sidebar ul li .nav li a{ display:inline-block;}
.main-content {width: 100%;height: 100%;padding: 10px;box-sizing: border-box;-moz-box-sizing: border-box;position: relative;z-index:10005;}
.main-content .content{box-sizing: border-box;-moz-box-sizing: border-box;padding-left: 60px;width: 100%;}
/*.main-content .content h1{font-weight: 100;}
.main-content .content p{width: 100%;line-height: 160%;}*/
.main-content #sidebar-toggle {background: #000;border-radius: 3px;display: block;position: relative;padding: 10px 7px;float: left; position:fixed;/*fijo importante*/border:1px solid #fff;}
.main-content #sidebar-toggle .bar{display: block;width: 18px;margin-bottom: 3px;height: 2px;background-color: #fff;border-radius:1px;}
.main-content #sidebar-toggle .bar:last-child{margin-bottom: 0;}

#sidebar.navidiomas{ /*position:fixed; float:right;*/ display:block; height:100px; width:30px; /*border:1px solid #FFF;*/ right:25px;top:-10px;}
.balmovil{color:#fff; font-size: 14px; padding: 3px; }
.bandera{ width:25px;border:1px solid #FFF; border-radius:3px; transition:all 1s;}
.bandera:hover{border:1px solid #F2AB41;}
.tp-caption.mi_tema1 h3{font-size:15px;}
.cuerpo{ width:260px;}
.nuestra_presencia{ width:260px; height:370px;}
.logo320{ height:30%; width:auto;}
.movil_logo{ margin-left:20px;}
.ferias{ width:260px;  height:140px;   }
.miembros1{width:260px;  height:130px;  }
.mapa_direccion{ width:100%; margin-top:1px;}
.mapa{ width:100%; height:480px;}
.mapa-mascara{ position: relative;}
#map_controls {margin-top:-400px; position:relative; left:-20px;}
.copy{ top:5px; }
#overbox3 {width: 285px; height: 90px;}
#infobox3 { height: 90px; width: 90%;}
.error404{ width:314px; height:160px; margin:20px auto; }
.g-plusone1{ width: 25px; overflow: hidden; left: 50px; position: relative;}
.log_hotel{width:280px;  font-size: 14px; }
.log_hotel h2 a{float:left;}
.log_hotel table{padding: 8px 0px; left: -10px; position: relative;}
.formulario-reser{width:320px;}
.chek{width:280px; height: 700px; left: 15px; position: relative;}
.cal{ left: 30px;float: none; width: 90%; height: 100px;z-index: 2email-enviado;}
.cam_check{ left: 30px; float: none;width: 90%; top: 100px;z-index: 1;}
.cam_check1{ left: 30px;float: none;width: 90%;top: 100px; z-index: 1;}
.check input[type=submit]{ position: relative; top: 100px;}
.email-enviado{width: 280px;}
}