html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; 
        font-family: 'Open Sans', sans-serif;
        overflow: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	outline:none;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;      
        line-height: 24px;
        padding: 0;
        text-transform: none;
        font-family: 'Open Sans', sans-serif;
        color: #502511;
}
h1{
    text-transform: uppercase;  
    font-size: 3em;
  
}
h2{
        font-size: 20px;
        padding:10px 0;
        display: block;
        clear: both;
}
#capa-autoscroll h2, #capa-autoscroll h3{
    color: #fff;
}
i, em {
	font-style:italic;
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.clear {
	clear:both;
	line-height:1px;
	height:1px;
}
textarea {
	overflow:auto;	
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color: #ff589a;
}
address {
	font-style:normal;
}
body {
	
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#fff;
        background-color: #212121;
}
p{
    font-size: 11px;
}

.input, .textarea, .search .button,textarea {
	font-family: 'Open Sans', sans-serif;
}
/* fin del reset*/

/*estilos comunes*/
html { display: table; height: 100%; width: 100%; } 
body { display: table-row; background: #282828;   }



#wrapper{   
    vertical-align: middle;
    text-align: center;               
    overflow: hidden;   
    height: 100%;    
    width: 100%;    
}
#wrapper h1 img{
    min-width:100px;
    max-width: 235px;
    width: 100%;
}
.left-master-col{
    width: 29%;
    min-width: 225px;
    height: 100%;   
    float: left;
    text-align:left;
    background-color: #e16800;    
    position: relative;
    z-index: 3;
}
.right-master-col{
    float: right;
    position: relative;
    width: 71%;
    background-color: #000 ;
    height: 100%;
    
}

.wrapper-left{
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 20px;
    margin-bottom: 20px;   
}
.wrapper-left h1{
    text-align: center;
}
.wrapper-left h3{
    text-transform: uppercase;
}
.wrapper-left h3{   
    font-size: 22px;
    line-height: 24px;
    text-transform: none;
    padding: 0px 0;
    color: #502511;
}
.wrapper-right #div-bg-contenido-rigth{
    position: absolute;
    width: 100%;
}
.tarifasInt{
    width: 100%;
}
.calendario{
    float: left;
    width:294px;
}
body#localizacion #div-bg-contenido-rigth{
    position: absolute;
    top:220px;    
    z-index: 10000;
}
.portal-subtitle{
    margin-top: 20px;
    margin-bottom: 30px;   
}
#breserva{   
    text-align: center;
    color: #f0f0f0;
    background: url('../img/recursos/bgunpx.gif') repeat-x 70px 9px;
}
#breserva form{
    margin-top: 30px;
}
#breserva label{
    font-size: 11px;
    text-transform: uppercase;
}
#breserva h2{
    font-size: 18px;
    font-style: italic;
    padding: 10px;   
    background-color: #E16800;
    color: #fff;
    display: inline;
}
#breserva div{
    padding: 10px 0  0px 0;
}
#breserva .grupo-form input{  
    padding: 5px;
    border: none;
    border-radius: 5px;
    width: 65%;
    text-transform: uppercase;
}

#breserva .grupo-form input#fentrada, #breserva .grupo-form input#fsalida{
    margin-bottom: 5px;
    background-color: #fff;
}

.btn2{
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;    
}
input.btn-reservas2{
    width: 67%;
    margin: 20px 0;
    padding: 5px 10px;
    color: #000;
    background-color: #ffb400;
    font-size: 10px;
    text-transform: uppercase;   
}
#bg-contenido-rigth{
    opacity: 0;
}

#capa-autoscroll{
    position: absolute;    
    padding: 20px;
    top: 230px;
    left: 20px;
    background: url('../img/tags/pxbg.png');
    opacity: 0;
    font-family: 'Open Sans', sans-serif;
}
#capa-autoscroll{
    padding:20px;
    height: 500px;
    overflow: auto;
}
#capa-autoscroll #galeria ul{
    
    background: none;
    padding-bottom: 30px;
    overflow: hidden;
}
#capa-autoscroll #galeria ul li{
    background: none;
    padding: 10px 12px 10px 0;
    float: left;
    width: auto;
}
#capa-autoscroll .acceso a.btn-reservas{
    background:#EA0074;
    padding: 10px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    float: right;
}

#nuestrashabitaciones #capa-autoscroll, #galeria #capa-autoscroll{
    width: 90%;
}

.tarifas h3{padding:15px;color:#f0f0f0;background:#00acc4;}
.tarifasInt table {margin-top: 30px; }
.tarifasInt thead td.mes{font-size:1.4em;color:#fff;}
.tarifasInt thead{padding:20px 0 0 0;margin:20px 0 0 0;}
.tarifasInt .mizda,.tarifasInt .mdcha{float:left;margin:0;padding:10px 20px 10px 0; }
.tarifasInt .mdcha{margin-left:0px;}
.tarifasInt tr.dias{background:#E16800;color:#f0f0f0;}
.tarifasInt tr.dias th{ font-size: 12px; padding: 10px 0; text-align: center;}
.tarifasInt .calendario table{font-size:0.8em;background:transparent; font-size: 10px;font-family: 'Open Sans', sans-serif;}
.tarifasInt .calendario table thead{font-size:1.3em;color:#00acc4;background-color:transparent;}
.tarifasInt .calendario table td{border-collapse:collapse;}
.tarifasInt .calendario td{text-align:center;padding: 5px;}
.tarifasInt .calendario td span{display:block;font-size:1em;}
.tarifasInt .calendario td strong{font-size:1.1em;padding:5px 0 -5px 0;}
.tarifasInt .calendario td.disp strong{color:#093;font-weight:bold;}
.tarifasInt .calendario td.nodisp strong{color:#d00;font-weight:bold;}
.tarifasInt .calendario tbody{background: rgba(0,0,0,.5);}





h3.titulo-destacado-tipo2{
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    padding: 10px 0;
    text-transform: uppercase;    
    border-top: 5px #ffb400 solid;
    border-bottom: 1px solid white;
    font-weight: bolder;
    text-align: left;
    max-width: 597px;
}

.titulo{
    clear: both;    
}
.appOferta .oferta{
    margin:0;
    clear: both;    
    padding: 30px 0;
}
.oferta h4{
    margin: 5px 0;
    font-size: 22px;
}
.oferta h4 a{
  text-align: left;
  color: #fff;  
}


.oferta p{
    font-size: 12px;  
}
.appOferta .oferta img{
    float: left;
}
.acceso .boton {
    float: left;
    font-size: 16px;
    padding: 20px 0;
}
#main-content-container{    
    height:100%;
    max-height: 500px;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;    
    color:#999;
}

#main-content-container p{    
    line-height: 1.3em;    
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
}
#main-content-container .subtitle, #capa-autoscroll .subtitle{
    text-transform:  uppercase;
    padding: 10px 0;
    color: #fff;
}

#main-content-container h2{
    font-size: 16px;
    padding: 20px 0 10px 0;
    color: #502511;
}
#main-content-container ul li, #capa-autoscroll ul li{
    padding: 2px 0 2px 20px;
    background: url(../img/vineta.png) no-repeat left center; 
    font-size: 12px;
    line-height: 1.3em;
    float: left;
    width: 100%;
    color:#fff;
}
#main-content-container ul li a{
    color: #ff589a;
    
}
#capa-autoscroll{
    text-align: left;
    line-height: 1.7em;
    font-size: 12px;
    max-width: 658px;    
}
#capa-autoscroll p{       
    display: block;
    padding: 5px 0;
    margin:3px 0;
    clear: both;
    width: 596px;
    line-height: 1.5em;
}
.redes-sociales{
    float: right;    
    height: 40px; 
    margin-right: 20px;
    width: 300px;    
}
.higlighted-box{
    background-color: #ca5d00;    
    margin-top: 10px;
}
.higlighted-box div{
    padding: 40px 0;
    margin: 0 auto;
    width:180px;
}
.higlighted-box .form{
    padding: 20px;
    margin: 0 auto;
    width: auto;
    background-color: #ca5d00;   
 
}
#capa-autoscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: none repeat scroll 0 0 #ffb400;
}
.form{
    margin-top: 60px;
    padding: 20px;
    background-color: rgba(0,0,0,.5);
    overflow: hidden;
    color: #fff;
}
.form label{
    display: block;
    margin: 5px 0;
}
.form input, .form textarea {   
    background-color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px;
}
input.reserva{
    width: 70%;
}

input.button1{
    background-color: #FFB400;
    color: #282828;
    padding:7px 30px;
    cursor: pointer;
    float: right;
    
}
.mCSB_container p{
    font-size: 11px;
    padding: 0;
}
.mCSB_container  > div{
    padding: 5px 0;
}
.mCSB_container ul{
    padding: 5px 0;
}
.mCSB_container ul li{
     font-size: 11px;
}
.mCSB_container textarea{
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    width: 100%;
    border: none;
}

#main-content-container .higlighted-box div p{
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-align: center;
}

#menu ul li ul{
    position: absolute;
    z-index: 1000000000;
    display: none;
    background-color: #000;
    border-radius: 5px;
    margin:20px;            
}
#menu ul li:hover ul{
    display: block;
}
#menu ul li ul li{
    display: block;    
}

#menu ul li ul li{
    font-size: 1em;
    text-transform: none;
}

#menu .redes-sociales ul li a{
    float: left;
    padding: 0;
    margin: 0 10px 0 0;
}
#menu .redes-sociales ul li a:hover{
    opacity: .7;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #7B7B7B;
}
.redes-sociales li a{
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}

/*select idioma*/
div#idioma{
    position: relative;
    font-family: 'Open Sans', sans-serif;
    float: left;
    height: 20px;
    margin: 12px;
    position: relative;
    width: 166px;
}


div#idioma select.select {
    opacity: 0;
    z-index: 10;
}
select.select {
    height: 26px !important;
    line-height: 26px;
    position: relative;
    width: 166px !important;
    z-index: 10;
}

span.select {
    background: url("../img/recursos/bg_select.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    cursor: default;
    float: left;
    font-size: 11px;
    text-align: left;
    height: 26px;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-indent: 10px;
    width: 166px;
    z-index: 1;
    
}

.wrapper-right .contenido{    
    position: absolute;
    width:100%;
    height: 100%;
}
#menu{
    padding: 15px;    
    background: url("../img/recursos/bgdivs.png") transparent;
    overflow:hidden;
    width: 100%;
    margin-top: 20px;
    position: relative;
    z-index: 1000;    
    
}
#menu ul li{
    float: left;
    text-transform: uppercase;
    color:#fff;
    font-weight: bold;
    margin: 10px 0;   
    font-size: 1.2em;
}
#menu ul li a{
    float: left;
    padding: 0px 20px;
    color: #fff;
}
#menu ul li a.activo{
    color: #ffb400;
    
}
#menu ul li a:hover{
   color: #999;
}  
#menu ul li ul{
    list-style: circle;
}
#menu ul li li{
    margin-top: -5px;       
}
#menu ul li ul li a{
    font-size: .8em;
    margin: 0;
    padding: 10px 10px 2px;    
    background-color: rgba(0,0,0,.7);
    border-radius: 5px;        
}

/* jCarousel  */
.jcarousel-skin-pika{}
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden; position: absolute; top:0px; height: 100px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal { width: 370px; top:40%; left: 30%; overflow:hidden; }
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}


/* Just for the example. Fee free to delete these three lines */
body{font-family:Helvetica, sans-serif;}
a{color:white;}
.pikachoose {width: 100%; height: 100%; margin: 0 auto;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; height:250px;  position: absolute; top: 40%;}
	.pika-thumbs li{ width: 80px; height:80px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
		float: left; list-style-type: none;padding: 0px; margin: 0 5px; cursor: pointer; background-color: #E16800;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage a img{
   width: 129%;
  
}
.pika-stage, .pika-textnav {width:100%; height: 100%; }
.pika-stage {position: absolute;  padding: 0;margin: 0; top: 0; text-align:center; height:100%; width: 100%;}

.pika-stage .caption {display:none;position: absolute; background: #E16800; background: url("../img/recursos/bgdivs.png") transparent;  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px; display: none;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../img/previous.png) no-repeat left 45%; height: 100%; width: 150px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(../img/next.png) no-repeat right 45%; height: 100%; width: 150px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}
.pika-aniwrap{position: relative; width: 100%;margin: 0; padding: 0;}
/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute; display: none;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background: url("../img/recursos/bgdivs.png") transparent;font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #E16800; background: url("../img/recursos/bgdivs.png") transparent; color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }




/*fin galería */

#contacto #pie{
    z-index: 0;
}
#pie{
    clear: both; 
    float: left;
    width:100%;       
    background: url("../img/recursos/bgdivs.png") transparent;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    bottom: 0;
    z-index: 10000;
}
#pie ul{
    padding: 14px 0;
    float:right;
}
#pie li{
    display: inline;
    padding:20px;
}
#pie a:hover{
    color: #FFB400;
}
/* fin estilos comunes*/