html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

html { 
    background: transparent;
}
 
body { 
    background: #FFFFFF !important;
}
 
#header {
    width: 100%;
}
 
#summaryElements {
    top: 200px!important;
}

#mirai_roomSelectionContainer h2 {
    font-size: 18px;
}
 
/* start: structure */
 
#mirai_roomSelectionContainer {
    max-width:1200px;
    margin:30px auto;
}
/* end: structure */
/* start: general */
#roomSelectionContainer, select, input, div.roomtypedetail span, #availableRoomList table.roomdetailBottomTable span {
    font-family:verdana;
    font-size:11px;
    color:#555;
}
.mirai_alert { /* color de msg negativo*/
    color:#d03741;
}
.mirai_advantage { /* color de msg positivo*/
    color:#397435;
}
.mirai_note { /* color de asteristico*/
    color:#ffa500;
}
.mirai_button, .mirai_button:visited { /* color de botón carrito*/
    border-bottom-color:#166f27;
    background-color:#1ba736;
    color: #FFFFFE;
}
.mirai_button:hover {
    background-color:#18832c;
    color: #FFFFFE;
}
.mirai_button.selectRoom, .mirai_button.selectRoom:visited { /* color de botón seleccionar*/
    background-color: #1e0270!important;
    color: #FFFFFE;
    border-radius: 0!important;
    box-shadow: none!important;
    padding: 10px 25px!important;
    text-align: center;
    background-image: none!important;
}
.mirai_button.selectRoom:hover {
    background-color: #130148!important;
}

#mirai_roomSelection tr.roomrate td.col5 span.arrowSymbol, #mirai_roomSelection tr.roomrate td.col5 span.btSeparator{
    top:9px!important;
}

#mirai_roomSelection tr.roomrate td.col5 span.currencySymbol{
    padding-left:0!important;
}

.mirai_button.button_disabled, .mirai_button.button_disabled:hover{ /* color de botón desactivo*/
    background-color:#dedede;
    color:#bababa;
}
#mirai_rootTable a, #currencyDropdownTop a span, #mirai_selectionSummary a { /* color link text*/
    color:#3876fa;
}
#mirai_rootTable a:hover, #currencyDropdownTop a:hover span, #mirai_selectionSummary a:hover,
#availableRoomList tr.roomtype.hover p, #availableRoomList tr.roomrate.hover p, #availableRoomList tr.roomtype.hover .paxWrapper,
#availableRoomList tr.roomrate.hover span, #availableRoomList tr.roomtype.widthdetail:hover p{ /* color link hover text /*#00f*/
    color:#3876fa;
}
#availableRoomList tr.roomtype, #availableRoomList tr.roomrate td.col1, #availableRoomList tr.roomrate td.col2, #availableRoomList tr.roomrate td.col4, #availableRoomList td.tdRatesTable{
    background-color: #e8e8e8;
    border: none!important;
    border-radius: 0!important;; /*color fondo de cada fila*/
}
#availableRoomList tr.roomrate td.col3, #availableRoomList tr.roomrate td.col5{
    background-color:#F6F6F6; /*color fondo de celdas alternativas*/
    border-bottom: none!important;
    border-right: none!important;
}
#availableRoomList tr.hover td, #availableRoomList tr.hover th {
    background-color:#C3C4BE!important; /*color fondo de fila con efecto hover*/
}
#availableRoomList tr.detaildisplayed th, #availableRoomList tr.detaildisplayed td.col1,
#availableRoomList tr.detaildisplayed td.col2, #availableRoomList tr.detaildisplayed td.col3,
#availableRoomList tr.detaildisplayed td.col4, #availableRoomList tr.detaildisplayed td.col5{ /*color fondo de fila cuando está abierta la caja de los detalles: double class, IE6 interpreta como "tr.detaildisplayed" */
    background-color:#dedddb;
}
#availableRoomList tr.roomtype p {
    color:#444;/*color de nombre de habitaciones*/
    padding: 10px 0;
}
#availableRoomList th, #availableRoomList td, #availableRoomList td.roomdetailBottomTableCol2 div {
    border-color:#A4A39E; /* border de cada habitación*/
}
#availableRoomList tr.roomtype th {
    border-bottom-color: #FFF;
    border-radius: 0!important;
    border: none!important;
    background-color: #f3f3f361;
    padding: 30px 0; /*border-bottom de contenidos de las filas*/
}
table.roomdetailBottomTable {
    border-color:#B0B1B4; /*border de la caja de los detalles de precios*/
}
#mirai_roomSelection, #currencyWrapper{ /*color fondo principal*/
    background-color:#FFFFFE;
}
#availableRoomList tr.roomratedetail, .roomtypedetail, #availableRoomList tr.roomratedetail{ /*color fondo de las cajas detalles*/
    background-color:#FFFFFE;
}
#availableRoomList table.alert tr.roomratedetail, #availableRoomList table.alert tr.roomratedetail td { /*color fondo con efecto alert*/
    background-color:#FFFFB3 !important;
}
/* end: general */
/* start: roomtypedetail */
#availableRoomList tr.roomtypedetail td { /*color fondo de los detalles de habitaciones*/
    background-color:#FFFFFE;
}
#availableRoomList div.roomtypedetail li, #availableRoomList table.roomdetailBottomTable li { /*estilo de bullet de la lista de los detalles*/
    list-style:square;
    color:#83eaf1;
}
    #availableRoomList div.roomtypedetail li.inforooms_liSub span { /*color de bullet secundario*/
      color:#666;
    }
/* end: roomtypedetail */
/* start: currency */
    #currencyDropdownContents { /*estilo de la caja de currency*/
      background-color:#FFFFFE;
      border-color:#ccc;
    }
    #currencyDropdownContents li.actualCurrency a { /*color de fondo de moneda activado*/
      background-color:#f7f6a0;
    }
    #currencyDropdownContents hr { /*color de la barrita*/
      background-color:#ccc;
    }
/* end: currency */
/* start: selectionSummary */
#mirai_rootTable #summaryHeader { /*color fondo del carrito*/
    background-color:#A4A39E;
    border-color:#A4A39E;
    color:#FFFFFE;
}
#mirai_rootTable #summaryDetailHeader { /*color fondo de segunda cabecera del carrito*/
    color:#FFFFFE;
    background-color: #CAC9C5;
    border-color: #CAC9C5;
}
#mirai_rootTable #summaryContainer { /*color de border del carrito*/
    border-color: #A4A39E;
    background-color:#FFFFFE;
}
#mirai_totalPrice { /*color precio total*/
    color:#333;
}
#mirai_rootTable #summaryNote, #mirai_rootTable #taxDetails, #mirai_rootTable .summary_type { /*color suave de los detalles del carrito*/
    color:#888;
}
#mirai_rootTable #summaryContainer, #mirai_rootTable #summaryElements {
    background-color:#FFFFFE;
}
/* end: selectionSummary */
/* start: searching overlay */
#mirai_overlay {
    background-color:#000;
}
#mirai_loadingBox {
    background-color:#fff;
    color:#666;
}
/* end: searching overlay */
/*start: tooltip style*/
.ui-tooltip-mirai .ui-tooltip-titlebar,.ui-tooltip-mirai .ui-tooltip-content {
    border-color:#ADD9ED !important;
    color:#5E99BD !important;
}
#mirai_rootTable .ui-tooltip-mirai .ui-tooltip-content {
    background-color:#E5F6FE !important;
}
#mirai_rootTable .ui-tooltip-mirai .ui-tooltip-titlebar {
    background-color:#D0E9F5 !important;
}
/*end: tooltip style*/
/*start: searching dialogue box*/
.ui-widget-content {
    border: 2px solid #888;
    color: #222;
}
.ui-widget-header {
    border: none;
    background: #fff; /* Para el calendario*/
}
/*end: searching dialogue box*/
/*start: searching table#mirai_associatedHotels*/
#mirai_associatedHotels{
    border-color:#A4A39E;
}
#mirai_associatedHotels .trOdd {
    background-color:#E9E8E6;
}
/*end: searching table#mirai_associatedHotels*/
 
dl.dropdown dd {
    border-right: 1px solid #7B7C7D;
    overflow: hidden;
}
 
#mirai_roomSelectionContainer {
    width: 100%;
}
 
#availableRoomList tr.roomrate td.col1 {
    width: 0;
}
 
dl.dropdown dt {
    color: #000000;
}
 
dl.dropdown dt.focus {
    background: #FFFFFF;
}
 
#content p {
    margin: 0;
}
 
#mirai_roomSelection, #currencyWrapper {
    background-color: transparent;
}
 
 
#logo {
    margin: 0 auto;
    width: 980px;
    padding: 50px 0 5px;
}
 
#logo a {
    display: block;
    margin: 0 auto;
    text-indent: -999999px;
    background: url("logoHotelMairena.png") no-repeat 0 0 transparent;
    height: 97px;
    width: 200px;
}
 
#container {
    margin: 0 auto;
    width: 980px;
}
 
#mirai_bookentrance {
    background: #1e0270;
    margin-top: 65px;
    padding: 28px 0;
}
 
#mirai_be2, #mirai_be6 {
    margin: 0 0.8em 0 0;
    border-radius: 3px;
    font-size: 14px!important;
    padding: 0px 20px!important;
    height: 40px;
    cursor:pointer;
}

#mirai_be4{
    height:40px;
    cursor:pointer;
    border-radius: 3px;
    padding: 0 5px 0 10px;
}

#mirai_be7 input {
    margin: 0 0.8em 0 0;
    height: 42px;
    width: auto;
    border: none;
    padding: 0 20px;
    font-weight: bold;
    background-color: #e7a52d;
    color: #fff;
    font-size: 14px!important;
    vertical-align: -1px;
    border-radius: 3px;
    transition: all .2s ease;
}

#mirai_be7 input:hover {
    background-color: #95784a;
    border: none;
    text-decoration: none;
    transition: all .2s ease;
}

/*datepicker*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    font-weight: normal;
    color: #555555;
    border: none!important;
    background: none!important;
    padding: 5px;
}

.ui-datepicker .ui-datepicker-header{
    background: none;
    color: #555555;
    border: none!important;
    border-radius:none!important;
    padding:10px!important;
    border-bottom: 1px solid #8a8a8a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 15px;
    padding-bottom: 12px!important;
}

.ui-datepicker .ui-datepicker-buttonpane button{
    color:#333;  
}

.ui-datepicker td:hover a {
    background: #b19261 !important;
    color: #fff !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    top:5px!important;
    cursor:pointer;
}

#ui-datepicker-div { 
    font-size: 14px !important;
    border-radius: 0;
    border: none;
    margin-top: -1px;
}


 

#mirai_be1, #mirai_be3, #mirai_be5, #mirai_be8 {
    color: #bbbbbb;
    font-size: 15px;
} 

#mirai_be0 * {
  vertical-align: middle;
}