html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,
cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal; font-family: Arial,Helvetica,Geneva,Sans-serif; }
article, aside, figure, footer, header, hgroup, nav, section{display:block;}
html, body{width:100%;height:100%;min-width:944px;}
ul{list-style:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration: none;}
a:hover, a:active{outline:none;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help;}
img, object, embed{max-width:100%;}
img{border:0;}
/*clearfix*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.fltRt{float:right;}
.fltLt{float:left;}
/*END GENERAL RULES*/
body{
    background: url(../../../img/images/bck-body.gif) 0 0 repeat-x #ffffff;
}
.content{
    width: 900px;
    margin: 0 auto;
}
#header{
	background-color: #EDDAD3;
	margin-bottom: 8px;}
#header .content-header{}
#header .content-header .top-header{
    padding: 0 1px;
}
#header .content-header .top-header .logo{}
#header .content-header .top-header .logo a{}
#header .content-header .top-header .logo a img{
	width: 132px;}
#header .content-header .top-header .quick_links{
    width: 38%;
    text-align: right;
    margin-top: 13px;
}
#header .content-header .top-header .quick_links a{
    font-size: 12px;
    color: #727272;
    border-right: 1px #727272 solid;
    padding-right: 5px;
    margin-right: 5px;
}
#header .content-header .top-header .quick_links a.mail{}
#header .content-header .top-header .quick_links a.tootip{}
#header .content-header .top-header .quick_links a img{
	margin-right: 3px;
    opacity: 0.64;
    position: relative;
    top: 4px;}		
#header .content-header .top-header .quick_links a.mail:hover{
	background: url("../../../img/images/Email2_hover.png") no-repeat scroll 0 -1px rgba(0, 0, 0, 0);}	
#header .content-header .top-header .quick_links a:hover{
    color: #000000;
}
#header .content-header .top-header .quick_links select{
	background-color:#F5F0DE;
	color:#999;
    font-size: 12px;
    width: 150px;
}
#header .content-header .top-header .check{
    margin-top: 66px;
}

#header .content-header .top-header .check p label {
    color: #999999;
    font-size: 13px;
}

.reserva p label {
    color: #999999;
    font-size: 13px;
}

#header .content-header .top-header .check p input.go{
	background: url("../../../img/images/Boton.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 23px;
    width: 36px;}
#header .content-header .top-header .check p input.go:hover{
	background:url(../../../img/images/Boton_Hover.png) no-repeat;
	color:#fff;}	
	
.reserva input.go{
	background: url("../../../img/images/Boton.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 23px;
    width: 36px;}
.reserva input.go:hover{
	background:url(../../../img/images/Boton_Hover.png) no-repeat;
	color:#fff;}	
	


/*DATE PICKER*/
.ui-datepicker{
    z-index: 999999;
    width: 161px;
}
.ui-datepicker-header{
    padding: 5px;
    background: url("../../../img/images/MauveScreen.png");
}
.ui-datepicker-header a{
    height: 20px;
    width: 20px;
    text-indent: -99999px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.ui-datepicker-header a.ui-datepicker-prev{
    float: left;
    background-image: url(../../../img/images/calendarL.png);
}
.ui-datepicker-header a.ui-datepicker-next{
    float: right;
    background-image: url(../../../img/images/calendarR.png);
}
.ui-datepicker-header .ui-datepicker-title{
    text-align: center;
    color: #ffffff;
    font-size: 13px;
}
.ui-datepicker table{
    width: 100%;
    padding: 5px;
    text-align: center;
    background-color: #ffffff;
}
.ui-datepicker table thead tr th span{
    color: #727272;
    font-size: 11px;
}
.ui-datepicker table tbody tr td.ui-datepicker-other-month{
    border: none;
    background: none;
}
.ui-datepicker table tbody tr td{
    border: 1px solid #e4e4e4;
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #eaeae8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eaeae8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#eaeae8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7f7 0%,#eaeae8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#eaeae8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7f7f7 0%,#eaeae8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeae8',GradientType=0 ); /* IE6-9 */
}
.ui-datepicker table tbody tr td a{
    font-size: 12px;
    color: #678898;
}
.ui-datepicker table tbody tr td span{
    font-size: 12px;
    color: #678898;
}
.ui-datepicker table tbody tr td.ui-datepicker-days-cell-over, #datepicker .ui-datepicker-inline table tbody tr td.evento{
    border: 1px solid #f7e5ca;
    background: #faf8e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #faf8e8 0%, #faf4e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf8e8), color-stop(100%,#faf4e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #faf8e8 0%,#faf4e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #faf8e8 0%,#faf4e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #faf8e8 0%,#faf4e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #faf8e8 0%,#faf4e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf8e8', endColorstr='#faf4e0',GradientType=0 ); /* IE6-9 */
}
.ui-datepicker table tbody tr td.ui-datepicker-days-cell-over a{
    color: #b9b8b1;
    font-weight: bold;
}
/*END DATE PICKER*/
/*SLIDER*/
#slider{
    position: relative;
    height: 400px;
    overflow: hidden;
}
#slider a.arrows{
    position: absolute;
    top: 190px;
    height: 50px;
    width: 25px;
    z-index: 99999;
    text-indent: -99999px;
    background: url(../../../img/images/sprite_sliderB.png) no-repeat;
}

#slider a.prev{
    left: 15px;
    background-position: -50px 0;
}
#slider a.next{
    background-position: -78px 0;
    right: 15px;
}
#slider a.prev:hover{
    background-position: 0px 0;
}
#slider a.next:hover{
    background-position: -27px 0;
}
#slider ul.pagination{
    position: absolute;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    z-index: 9999;
}
#slider ul.pagination li{
    float: left;
    margin: 0 5px;
    overflow: hidden;
}
#slider ul.pagination li a{
    float: left;
    width: 16px;
    height: 17px;
    background: url(../../../img/images/bullet-sli.png) top left no-repeat;
    text-indent: -9999px;
}
#slider ul.pagination li.current a {
    background-position: 0 -17px;
}
#slider ul.pagination li a:hover{
    background-position: 0 -17px;
}
/*END SLIDER*/
.top-content{
	overflow:hidden;
    position: relative; 
}
/*MENU*/
.top-content .main-menu{
    background: url("../../../img/images/MauveScreen.png");
    position: absolute;
	height:35px;
    top: 10px;
    left: 0;
    z-index: 999999;
}
.menu, .menu ul, .menu li, .menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.menu {
    height: 35px;
    width: 900px;
}
.menu li {
    display: block;
    float: left;
    height: 35px;
    list-style: none outside none;
    position: relative;
    text-align: center;
    width: 204px;
}
.menu li a {
    display: block;
    padding: 8px 53px 9px;
    margin: 0px 0;
    line-height: 18px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    border-right: 1px solid #ffffff;
    font-family: Arial;
    font-size: 14px;
    color: #ffffff;
}
.menu li:last-child a{ 
    border-right: none;
}
.menu li a:hover{
    color: #FFCC99;
}
.menu ul {
    position: absolute;
    top: 35px;
    left: -1px;
    opacity: 0;
    background: url("../../../img/images/MauveScreen.png");
    border: 1px solid #FFFFFF;
    border-top: none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
    z-index: 99999;
    width: 203px;
}
.menu li:hover > ul { opacity: 1; }
.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
    background: none !important;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
.menu ul li ul li a{}
.menu li:hover > ul li {
    height: 25px;
    overflow: visible;
    padding: 0;
}
.menu ul li span{
    padding: 10px 0 4px 10px;
    color: #FFFFFF;
    font-weight: lighter;
    font-size: 12px;
    height: 12px;
    float: left;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.menu ul li a {
    padding: 4px 0 4px 6px;
    margin: 0;
    width: 179px;
    border: none;
    /*border-bottom: 1px solid #FFFFFF;*/
    color: #FFFFFF;
    font-weight: lighter;
    font-size: 12px;
    height: 15px;
}
ul.menu ul li ul{}
.menu ul li a.lt{
	text-align: left;
    width: 198px;}
.menu ul li a.pv{
	width: 179px;}	
.menu ul li a:hover{
    color: #cc0909 !important;
    background-color: #FFCC99;
}
.menu ul li:first-child a { 
    border-radius: 0;
    padding-left: 6px;
}
.menu ul li a.sangria{
    padding-left: 25px;
	text-align:left;
}
.menu ul li a.span{
	padding-left:6px;
	width:198px;}
.menu ul li:last-child a { border: none; }
/*END MENU*/
/*FOOTER*/
#footer{
    background: url("../../../img/images/MauveScreen.png");
	margin-top: 10px;
}
#footer .content-footer{
    /*background: url("../../../img/images/MauveScreen.png");*/
    overflow: hidden;
    padding: 5px 0 10px;
}
#footer .content-footer .column-footer{
    margin-right: 10px;
    min-width: 130px;
}
#footer .content-footer .column-footer ul{
    margin-top: 15px;
}
#footer .content-footer .column-footer ul li{
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 8px;
}
#footer .content-footer .column-footer ul li:last-child{
    margin-bottom: 0;
}
#footer .content-footer .column-footer ul li strong{}
#footer .content-footer .column-footer ul li a{
    font-size: 12px;
    color: #ffffff;
}
#footer .content-footer .column-footer ul li a:hover{
    text-decoration: underline;
}
#footer .content-footer .box-publi-footer{
    cursor: pointer;
    height: 150px;
    width: 150px;
    border: 1px solid #666666;
    background-color: #ffffff;
	margin-top: 16px;
    margin-left: 18px
}
#footer .content-footer .box-publi-footer-trip{
	background: url("../../../img/images/trip-advisor02.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    text-indent: -9999px;}
#footer .content-footer .box-publi-footer-special{
	background: url("../../../img/images/special_offer.png") no-repeat scroll 0 0 / 152px 113px rgba(0, 0, 0, 0); /*Modificado SLW*/
	margin-top: 58px; /*Modificado SLW*/
    border: medium none;
    text-indent: -9999px;}	
#footer .content-footer .box-publi-footer:first-child{
    margin-left: 0;
}
/*<div class="box-publi-footer fltLt">
                        <h3>Special</h3>
                    </div>
                    <div class="box-publi-footer fltLt">
                        <h3>Trip Advisor</h3>
                    </div>*/
/*END FOOTER*/
span.customStyleSelectBox { background: url("../../../img/images/down.png") no-repeat scroll 124px 0 #F5F0DE;
    border: 1px solid #E7DAB0;
    border-radius: 5px 5px 5px 5px;
    color: #7C7C7C;
    font-size: 11px;
    line-height: 11px;
    padding: 5px 7px;} 
	span.customStyleSelectBox.changed { background-color: #f0dea4; } 
	.customStyleSelectBoxInner { 
	 text-align: left;}
	 
	 
	 
/*INICIO SUB*/
.slider-site{
	float:left;
	width:284px;}
#contenido.rooms .slider-site {
    width: 375px;
}
.slides-site{
	top:49px;}	
.slider-site img{
	height:345px;
	width:290px;
	}	
#contenido.rooms .slider-site img {
    width: auto;
    height: auto;
}
.top-content .main-menu-site{
	top:0;}		
.site-description{
	color:#666;
	float: left;
    left: 22px;
    position: relative;
    top: 40px;
    width: 575px;
    min-height: 1090px; /*Modificado SLW*/
    }
#contenido.rooms .site-description {
    width: 495px;
}
.site-description h2{
	height: 55px;	/*Modificado SLW*/
    margin-top: 25px;	/*Modificado SLW*/
	font-size: 26px;
    font-weight: bold;}
.site-description p{
	font-size: 14px;
    line-height: 16px;
    margin: 8px 0;
    text-align: justify;}
.site-description ul{
	margin-left: 40px;	/*Modificado SLW*/
	list-style: circle; /*Modificado SLW*/
}
/*FIN SUB*/	 

/*INICIO PHOTOS_VIDEOS*/
.content-pv{
	margin: 0 auto;
	overflow:hidden;
    width: 854px;}
.right-pv{
	color:#666;
	float:left;
	width:268px;
	min-height: 550px; /*Modificado SLW*/
	}
.photos{
	overflow: hidden;
    width: 300px;}
.photos h3{
	font-size: 19px;
    font-weight: bold;
	margin: 11px 0;}
.photos p{
	font-size: 14px;
	width:268px;}
.images-photos{
	float: left;
    margin-right: 26px;
	margin-top:2px;
	width: 112px;}
.images-photos h3{
	font-size: 15px;}	
.images-photos a img{}
.images-photos a.active img{
	border: 2px solid #FF7302;}
.videos{
	overflow: hidden;
    width: 300px;}
.videos h3{
	font-size: 19px;
    font-weight: bold;
	margin: 11px 0;}
.videos p{
	font-size: 14px;
	width:268px;}
.images-videos{
	float: left;
    margin-right: 26px;
	margin-top:2px;
	width: 112px;}
.images-videos h3{
	font-size: 15px;}
.images-videos img{}
.images-videos a.active img{	/*Agregado SLW*/
	border: 2px solid #FF7302;}
.top-ph .main-menu{
	background: url("../../../img/images/MauveScreen.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 auto;
    width: 900px;}
#slider ul.pagination-ph{
    bottom: 20px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    z-index: 9999;
}
#slider ul.pagination li a.image-sl {
	background:url(../images/img1.png) no-repeat;
    float: left;
    text-indent: -9999px;
}
/*FIN PHOTOS_VIDEOS*/


@media only screen and (max-width: 1050px) {
span.customStyleSelectBox{
	background-position:115px 0px;} 
	}	 
@media only screen and (max-width: 850px) {
#contenido{
}	
html, body {
    min-width: 704px;
}	
.content {
    margin: 0 auto;
    width: 704px;
}
#header .content-header {
    margin: 0 auto;
    width: 570px;
}

#header .content-header .top-header .quick_links {
    margin-top: 13px;
    text-align: right;
    width: 38%;
}

.reserva{
	margin-top: 3px; right: 15px;
	width: 498px; top: 73px;
}

#header .content-header .top-header .check {
    margin-top: 66px;
}
#header .content-header .top-header .check label{}
#header .content-header .top-header .check input{
	width:119px;}
#header {
}

#slider {
	height:300px;
    width: 704px;
}
.slides_container{
	width:704px;}
.slide img{
	height:300px;
	width:704px;}	
.top-content .main-menu {
    width: 704px;
}
.menu {
    height: 35px;
    width: 640px;
}
.menu li {
    width: 154px;
}	
.menu li a {
    font-size: 12px;
    padding: 8px 39px 9px;
}

#footer {
}
#footer .content-footer .column-footer {
    min-width: 104px;
}
#footer .content-footer{
	margin:0px auto;
	width:675px;}

#footer .content-footer .last {
    min-width: 73px;
}

#footer .content-footer .box-publi-footer-special {
    background: url("../images/special_offer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    text-indent: -9999px;
}
#footer .content-footer .box-publi-footer {
    width: 86px;
}

#footer .content-footer .box-publi-footer-special {
	background-size:100%;
}

#footer .content-footer .box-publi-footer-trip {
    background-size:100%;
}
.slider-site{
	width:261px;}
#slider.slider-site{
	float:left;
	width:261px;}	
.slides-site{
	width:261px;}
.slider-site img {
   /*
    height: 345px;
       width: 290px;*/
   
}

.site-description {
    width: 414px;
}

.top-ph .main-menu {
    width: 768px;
}

.content-pv {
    width: 768px;
}
		
}
@media only screen and (max-width: 600px) {
	
html, body {
    min-width: 400px;
}
.content {
    width: 480px;
}	
#header .content-header {
	width:auto;
}

#header .content-header .top-header .logo a img {
    margin: 7px 6px 0;
    width: 85px;
}
#header {
}

#header .content-header .top-header .quick_links {
    width: 51%;
}

#header .content-header .top-header .check input {
    width: 81px;
}

#header .content-header .top-header .check p label {
    font-size: 11px;
}
#header .content-header .top-header .check {
    margin-top: 52px;
}
#header .content-header .top-header .quick_links select {
    width: 108px;
}
span.customStyleSelectBox {
    background-position: 84px 0;
}
#contenido {
}

#slider {
    width: 480px;
}
.slides_container {
    width: 480px;
}
.slide img {
    width: 480px;
}

.top-ph .main-menu {
    width: 480px;
}
.top-content .main-menu {
    width: 480px;
}
.menu {
    width: 400px;
}
.menu ul li a {
    width: 86px;
}
.menu li {
    width: 100px;
}

.menu li a {
    font-size: 11px;
    padding: 8px 10px 9px;
}
.menu ul li a.lt {
	font-size:10px;
    width: 93px;
}

.menu ul li span {
    font-size: 9px;
}

.menu ul li a.sangria {
    font-size: 10px;
    padding-left: 14px;
}

#footer {
}
#footer .content-footer {
    width: 392px;
}
#footer .content-footer .column-footer ul li {
    font-size: 11px;
}
#footer .content-footer .column-footer ul li a {
    font-size: 10px;
}
#footer .content-footer .column-footer {
    min-width: 90px;
}
#footer .content-footer .short{}
#footer .content-footer .last {
    min-width: 73px;
}

#footer .content-footer .box-publi-footer {
    margin-left: 10px;
    margin-top: 10px;
}
.site-description {
    width: 433px;
}
.site-description p {
    width: 433px;
}
#slider.slider-site {
    float: left;
    width: 480px;
}
.content-pv {
    width: 480px;
}

.right-pv {
    float: none;
    margin: 0 auto;
    width: 268px;
}

}
@media only screen and (max-width: 360px) {

html, body {
    min-width: 307px;
}
#header .content-header {
    margin: 0 auto;
    width: 320px;
}
#header .content-header .top-header .quick_links select {
    width: 109px;
}

#header .content-header .top-header .check {
    margin-top: 25px;
	width:98%;
}
.content {
    width: 320px;
}
.top-content .main-menu {
    width: 267px;
}
#header {
    width: 320px;
}
#header .content-header .top-header .quick_links {
    width: 61%;
}

#header .content-header .top-header .check p label {
    float: left;
    font-size: 11px;
    margin-right: 3px;
    margin-top: 4px;
}
span.customStyleSelectBox {
    background: url("../images/down.png") no-repeat scroll 86px 0 #F5F0DE;
    width: 94px;
}


#header .content-header .top-header .check input {
    float: left;
    font-size: 10px;
    margin-right: 3px;
    width: 51px;
}

#header .content-header .top-header .check p input.go {
    margin-bottom: 5px;
    margin-top: -3px;
}
.reserva {
    display: none;
}

#contenido {
    width: 320px;
}
#slider {
	height:330px;
    width: 320px;
}
.slides_container {
    width: 320px;
}
.slide img {
	height:330px;
    width: 320px;
}
#slider a.arrows {
    top: 160px;
}

.top-content .main-menu {
    width: 320px !important;
}
.menu {
    width: 320px !important;
}
.menu li {
    width: 66px;
}
.menu li a {
    font-size: 9px;
	padding: 8px 0 9px;
}
.menu ul li a {
    width: 59px;
}

.menu ul li a.lt {
    font-size: 7px;
    width: 60px;
}

.menu ul li span {
    font-size: 8px;
    padding: 10px 0;
}

.menu ul li a.sangria {
    font-size: 8px;
    padding-left: 7px;
}
.menu ul li a.span {
    width: 59px;
}
.menu ul li a.pv {
    width: 59px;
}
#footer {
    width: 320px;
}

#footer .content-footer {
    width: 300px;
}

#footer .content-footer .box-publi-footer {
    height: 100px;
	overflow:hidden;
}
#footer .content-footer .box-publi-footer-special {
    background-size: 90% auto;
}
#footer .content-footer .box-publi-footer-trip {
    background-size: 90% auto;
}

.site-description {
    width: 276px;
}
.site-description p {
    width: 276px;
}

#slider.slider-site {
    float: left;
    width: 320px;
}
.content-pv {
    width: 320px;
}

.right-pv {
    width: 250px;
}
.top-ph .main-menu {
    width: 320px;
}
		
}	 



.reserva {
    position: absolute;
    top: 100px;
    width: 85%;
    z-index: 5;
}