/*  CSS3 ✰ Classes  */
body{background:#f3f3f3}
a{text-decoration:none}
h1,h2,h3{font-weight:normal}
.clear{clear:both}
#viewport{position:relative;max-width:1600px;background-color:White !important;margin:0 auto;overflow:hidden;-o-box-shadow:0 10px 20px #000;-ms-box-shadow:0 10px 20px #000;-moz-box-shadow:0 10px 20px #000;-webkit-box-shadow:0 10px 20px #000;box-shadow:0 10px 20px #000;-webkit-background-clip:padding-box}
.wrapper{margin:0 auto;position:relative;width:1000px;}
.wrapper li{position:relative}
.red{color:#ff252d}
.w{color:White}
.gy{color:#303030}
.l{float:left}
.r{float:right}
.ib li{display:inline-block;zoom:1;*display:inline}
.wr{color:#cb2229;background:White}
.fail{width:500px !important;}
.fail p{margin:0 !important}
.win{width:500px !important;}
.win p{margin:0 !important}
#logo{width:197px;height:105px;padding-top:11px;background:#ff252d}
.page{position:relative;width:100%;overflow:hidden}
header{position:fixed;width:100%;top:-1px;left:0;z-index:99;background:#fff;z-index:99999}
nav ul{margin:45px 0 0 15px}
nav li{margin:10px 5px;padding:2px 20px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:White;font-size:16px;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
nav li a{-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
nav li:hover{background:#ff252d;}
nav li:hover a{color:White}
nav a{display:block;color:#ff252d;outline:none}
nav .active{background:#ff252d;}
nav .active a{color:White}
.tab h1{width:277px;height:48px;padding-top:15px;-o-border-radius:0 0 15px 15px;-ms-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px}
.shadow{-o-box-shadow:inset 0 7px 7px rgba(0,0,0,0.5);-ms-box-shadow:inset 0 7px 7px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 7px 7px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 7px 7px rgba(0,0,0,0.5);box-shadow:inset 0 7px 7px rgba(0,0,0,0.5);-webkit-background-clip:padding-box}
.tab{font-size:28px;text-align:center}
footer{background:#323031;font-size:13px;padding:20px 0;}
footer a{color:White;}
footer a:hover{text-decoration:underline}
footer li{vertical-align:top;margin-right:5px;font-weight:bold}
footer img{margin-top:0}
#home{height:705px;}
#home #whome-slider{position:relative;width:100%;height:350px;background:#ff252d;border-top:#8a8a8a solid 1px;border-bottom:#8a8a8a solid 1px;}
#home #whome-slider h1,#home #whome-slider h2{color:#e6e6e6;letter-spacing:2px}
#home #whome-slider h1{font-size:28px}
#home #whome-slider h2{font-size:24px}
#home #whome-slider #uslider-home{height:401px;width:1210px;z-index:1;margin:0 auto;margin-top:110px;margin-bottom:110px;}
#home #whome-slider #uslider-home li{width:100%;height:100%;overflow:hidden;}
#home #whome-slider #uslider-home li .item-home{width:100%;height:100%}
#home #whome-slider .wrapper{height:330px;z-index:2;}
#home #whome-slider .wrapper #slogan{position:absolute;left:20px;bottom:20px;text-transform:uppercase;line-height:30px}
#home #whome-slider .wrapper #paghome-slider{position:absolute;right:20px;bottom:20px;}
#home #whome-slider .wrapper #paghome-slider a{display:inline-block;zoom:1;*display:inline;margin-left:5px;text-indent:999px;width:15px;height:15px;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:White;-o-box-shadow:inset 0 2px 5px #000;-ms-box-shadow:inset 0 2px 5px #000;-moz-box-shadow:inset 0 2px 5px #000;-webkit-box-shadow:inset 0 2px 5px #000;box-shadow:inset 0 2px 5px #000;-webkit-background-clip:padding-box;outline:none}
#home #whome-slider .wrapper #paghome-slider .activeSlide{width:14px;height:14px;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#ff252d;-o-box-shadow:1px 1px 2px Black;-ms-box-shadow:1px 1px 2px Black;-moz-box-shadow:1px 1px 2px Black;-webkit-box-shadow:1px 1px 2px Black;box-shadow:1px 1px 2px Black;-webkit-background-clip:padding-box}
#home #home-info{background:url("../img/bkg-comment.jpg") no-repeat 50% 50%;-moz-background-size:99% 100%;-webkit-background-size:99% 100%;background-size:99% 100%;margin-top:220px;}
#home #home-info h3{font-size:18px;line-height:28px;text-align:center;letter-spacing:1px;margin:85px 45px}
.titulo{background:White;color:#ff252d;font-size:25px;-o-box-shadow:0 10px 10px rgba(0,0,0,0.6);-ms-box-shadow:0 10px 10px rgba(0,0,0,0.6);-moz-box-shadow:0 10px 10px rgba(0,0,0,0.6);-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.6);box-shadow:0 10px 10px rgba(0,0,0,0.6);-webkit-background-clip:padding-box;padding:15px 30px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;-o-border-radius:0 0 15px 15px;-ms-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;position:absolute;top:0;display:table;margin-left:150px;z-index:99998}
.izquierda{position:absolute;z-index:99998;top:35%;left:10px;left:50%;margin-left:-630px}
.izquierda:hover{cursor:pointer}
.derecha{position:absolute;z-index:99998;top:35%;left:50%;margin-left:590px}
.derecha:hover{cursor:pointer}
#habitaciones{position:relative;height:804px;background:White;border:solid 1px rgba(255,0,0,0);}
#habitaciones .wcycle-hab{position:absolute;width:100%;height:694px;overflow:hidden;z-index:98 !important;}
#habitaciones .wcycle-hab .img{width:100%;height:664px}
#habitaciones #wslider-hab{position:absolute;left:50%;top:83px;width:998px;height:170px;margin-left:-480px;background:rgba(255,255,255,0.3);-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:#ff252d solid 1px;opacity:.4;filter:alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";z-index:9999;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
#habitaciones #wslider-hab:hover{opacity:1;-ms-filter:none;filter:none}
#habitaciones #wslider-hab .thumb{display:block;width:124px;height:133px;border:#b9b9b7 solid 1px;}
#habitaciones #wslider-hab .thumb span{display:block;width:100%;height:100%;background:White;opacity:.4;filter:alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#habitaciones #wslider-hab .thumb:hover span{opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
#habitaciones #wslider-hab ul{width:900px;height:170px;text-align:center;overflow:hidden}
#habitaciones #wslider-hab li{vertical-align:middle;margin:15px 10px}
#habitaciones #wslider-hab .arrow{display:inline-block;zoom:1;*display:inline;width:29px;height:50px;background:transparent url("../img/img-arrow.png") no-repeat;margin:50px 10px}
#habitaciones #wslider-hab #habslider-next{-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#habitaciones #servicios{position:absolute;left:50%;margin-left:-500px;bottom:30px;z-index:9999;overflow:hidden;}
#habitaciones #servicios ul{width:1000px;text-align:center}
#habitaciones #servicios span{position:absolute;bottom:0;display:block;background:Black;color:White;padding:10px;margin-top:10px;height:30px;width:133px}
#habitaciones #servicios li{vertical-align:top;width:153px;margin:0 15px;text-align:center;overflow:hidden;height:220px}
#habitaciones #servicios img{background:White;width:153px;height:153px;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:transparent url("../img/habitaciones/servicios/bkg.png") no-repeat 50% 50%;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";margin-top:171px}
#reservaciones{height:868px;background:#ff252d;color:White;}
#reservaciones .tab h1{background:White;color:#ff252d;-o-box-shadow:0 10px 10px rgba(0,0,0,0.6);-ms-box-shadow:0 10px 10px rgba(0,0,0,0.6);-moz-box-shadow:0 10px 10px rgba(0,0,0,0.6);-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.6);box-shadow:0 10px 10px rgba(0,0,0,0.6);-webkit-background-clip:padding-box}
#reservaciones span{display:block;margin:5px 0;font-size:14px;font-weight:bold}
#reservaciones p{text-align:justify;font-size:15px;margin:0 120px;line-height:18px}
#reservaciones form{position:relative;width:630px;margin:45px auto;}
#reservaciones form .txt{width:280px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:none;height:30px;padding:0 10px;-o-box-shadow:inset -7px -7px 15px rgba(0,0,0,0.4);-ms-box-shadow:inset -7px -7px 15px rgba(0,0,0,0.4);-moz-box-shadow:inset -7px -7px 15px rgba(0,0,0,0.4);-webkit-box-shadow:inset -7px -7px 15px rgba(0,0,0,0.4);box-shadow:inset -7px -7px 15px rgba(0,0,0,0.4);-webkit-background-clip:padding-box}
#reservaciones form #btn-enviar-reserv{width:168px;height:47px;background:transparent url("../img/btn-reservaciones.png") no-repeat;color:White;border:none;margin-top:15px;text-transform:uppercase;font-size:14px}
#reservaciones li{po:relative;margin-left:15px;}
#reservaciones li .campo{position:relative}
#reservaciones .msg_val_reservaciones{position:absolute;display:block;padding:5px;top:23px;left:5px;font-size:12px;background:Black;color:White;z-index:99}
#reservaciones #msg_reservaciones ul{width:600px;margin:10px auto !important;text-align:center}
#reservaciones #msg_reservaciones li{width:185px;padding:5px 0;margin:0 !important;vertical-align:middle;color:White}
#reservaciones #msg_reservaciones .loading-img{width:24px !important}
#contacto{color:#323031;height:672px;}
#contacto .tab h1{background:#ff252d;color:White;-o-box-shadow:0 10px 10px rgba(0,0,0,0.6);-ms-box-shadow:0 10px 10px rgba(0,0,0,0.6);-moz-box-shadow:0 10px 10px rgba(0,0,0,0.6);-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.6);box-shadow:0 10px 10px rgba(0,0,0,0.6);-webkit-background-clip:padding-box}
#contacto #ul-contacto{margin:80px 0 0 120px}
#contacto span{display:block;margin:5px 0;font-size:14px}
#contacto li{vertical-align:top}
#contacto p{font-size:15px;line-height:18px}
#contacto #ul-form-contacto{width:553px;margin-top:20px;}
#contacto #ul-form-contacto .txt{width:240px;border:#ff252d solid 1px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;height:30px;padding:0 10px;background:#f2f2f2;-o-box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);-ms-box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);-moz-box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);-webkit-box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);-webkit-background-clip:padding-box}
#contacto #ul-form-contacto li{margin-right:10px}
#contacto textarea{width:510px;border:#ff252d solid 1px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;height:30px;height:100px;resize:none;padding:0 10px;background:#f2f2f2;-o-box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);-ms-box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);-moz-box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);-webkit-box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);box-shadow:inset -3px -3px 5px rgba(255,255,255,0.4);-webkit-background-clip:padding-box}
#contacto .mensaje{position:relative;}
#contacto .mensaje .msg_val_contacto{top:0 !important}
#contacto #btn-enviar-contacto{width:151px;height:45px;background:transparent url("../img/btn-contacto.png") no-repeat;color:White;border:none;margin:15px 15px 0 0;text-transform:uppercase;font-size:14px}
#contacto .msg_val_contacto{position:absolute;display:block;padding:5px;top:26px;left:0;font-size:12px;color:Red;z-index:99}
#contacto #msg_contacto ul{width:500px;margin:10px auto !important;text-align:center}
#contacto #msg_contacto li{width:185px;padding:5px 0;margin:0 !important;vertical-align:middle;color:Black}
#contacto #msg_contacto .loading-img{width:24px !important}
#ubicacion{position:relative;height:662px;}
#ubicacion .front{position:absolute;top:0;left:0;width:100%;z-index:2;}
#ubicacion .front .tab h1{background:White;color:#ff252d;-o-box-shadow:0 10px 10px rgba(0,0,0,0.6);-ms-box-shadow:0 10px 10px rgba(0,0,0,0.6);-moz-box-shadow:0 10px 10px rgba(0,0,0,0.6);-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.6);box-shadow:0 10px 10px rgba(0,0,0,0.6);-webkit-background-clip:padding-box}
#ubicacion #map{position:absolute;top:0;left:0;width:100%;height:662px;z-index:1}
#ubicacion #ul-map li{margin-left:10px;vertical-align:middle;line-height:18px;letter-spacing:1px}
#anchoFijo{width:1200px;margin:0 auto}
#no-template-pager{position:absolute;width:118px;height:600px;margin-left:100px;top:80px;border:solid 1px #f00;overflow:auto;-webkit-overflow-scrolling:touch;}
#no-template-pager .imgGal{float:left;margin:10px;height:100px}
#no-template-pager :hover{cursor:pointer}
.cycle-slideshow{position:relative;margin-top:-100px;width:1220px;margin:0 auto}