body { background:#d2d7d9 url(gfx/backgrounds/hotel-detail-bg1.gif) no-repeat center 90px  }

/*layout*/
#layout {background:#A5BCDF url(gfx/backgrounds/detail-bg1.gif) repeat-y 0 0;font-size:10px;}
#layout a {color:#567DB4;}
#layout .detail_bg { background:url(gfx/backgrounds/hotel-detail-bg2.gif) no-repeat 0 0; border-bottom:solid 10px #ABC1DF;padding-top:10px}

/* agrupa las columnas del layout del hotel y permite darle un fondo azul-blanco */
#layout .bg_column1_column2 {width:727px;background:transparent url(gfx/backgrounds/hotel-detail-bg3.gif) repeat-y 0 0; margin:8px 0 0 20px; border-bottom:solid 10px #C9D7EA}

/* anadidos a un box cuando la CAJA es de error ---- ESTA DEBERIA SER LA OPCION USADA MAS HABITUALMENTE TAL VEZ */
.boxError h3 {color:#990000 !important; font-size:12px !important}

/*commons*/
body#hotel_detail .advantages {color:#92ADD8; padding-left:10px }
body#hotel_detail .advantages ul {margin-left:15px;}
body#hotel_detail .average_price {font-size:12px; font-weight:bold; text-align:right; margin-top:10px; color:#567DB4}
body#hotel_detail table.rates_calendar { margin-top:0px !important}

/*booking steps*/
body#hotel_detail .booking_steps {height:55px;float:right; padding-right:42px;margin-left:0 !important;}
/*body#hotel_detail .booking_steps {padding-left:223px !important; margin-left:0 !important; height:55px}*/
body#hotel_detail .booking_steps li {background-position:right 10px; padding-top:3px; padding-right:25px}
body#hotel_detail .booking_steps li strong {font-size:14px !important}
body#hotel_detail .booking_steps li.active {background-position:right 10px}
body#hotel_detail .booking_steps li.active strong{font-size:17px !important}

/*search params*/
body#hotel_detail .search_params {background:#cedbef url(gfx/backgrounds/search_bg-1.gif) repeat-x 0 100%; padding:10px 10px 12px 10px !important; margin-right:10px; }
body#hotel_detail .search_params ul {margin-bottom:0px !important;}
body#hotel_detail .search_params ul li {background:url(gfx/icons/booking-li-square.gif) no-repeat 0 4px !important; padding-bottom:6px}


/*column*/
#layout #column1 { float:left; width:195px; padding:8px 0 8px 8px; background-color:#E9EEF4}
#layout #column2 { float:left; width:518px; padding:2px 0 8px 0; background-color:#fff; }
#layout #column2 strong {color:#656770;}

/*Hotel info*/
.hotel_info {width:530px; margin-left:222px;color:#fff;}
.hotel_info .name_and_links { padding-top:5px; padding-right:5px}
.hotel_info .name_and_links h1 { font-size:29px !important; width:348px !important; font-weight:normal; line-height:25px !important; float:left; padding-bottom:10px; margin-left:0 !important; margin-top:0 !important }
.hotel_info .name_and_links h1 a {color:#fff !important}
.hotel_info .name_and_links h1 a:hover {text-decoration:none}
.hotel_info .name_and_links div {float:right; text-align:right; }
.hotel_info .name_and_links p a {background:url(gfx/backgrounds/arrow_double_blue.gif) no-repeat 100% 5px; padding-right:10px;position:relative}
.hotel_info .address_email_phone { clear:both;}
.hotel_info .address_email_phone a {color:#fff !important; background:url(gfx/backgrounds/arrow_double_white.gif) no-repeat 100% 5px !important; padding-right:10px; margin-right:7px}

/*Hotel menu*/
ul.hotel_menu li {background-color:#F4F7FA; border-bottom:solid 1px #E9EEF4; padding:4px 0 4px 10px; border-right:solid 6px #E9EEF4;list-style-type:none}
ul.hotel_menu li a {display:block; width:100%}
ul.hotel_menu li a span {background:url(gfx/backgrounds/arrow_double_blue.gif) no-repeat 100% 5px; padding-right:10px}
ul.hotel_menu li.active {background:#fff url(gfx/backgrounds/hotel_menu_active.gif) no-repeat left bottom; font-weight:bold; border-right:none; padding-bottom:7px; padding-left:15px}
ul.hotel_menu li.active a, ul.hotel_menu li.active a span {background-image:none}

/*Boton de reserva + precio*/
.hotel_rate_booking { width:100%; float:right; text-align:right; }
.hotel_rate_booking p {float:right; text-align:right; margin-right:0 !important;}
.reservation_room .button { text-align:right }

/*sin disponibilidad*/
.without_availability { clear:both;padding:10px; text-align:right}
.without_availability strong {color:#990a0a !important}

/*Hotel content*/
.hotel_content {clear:both}
.hotel_content a { background:url(gfx/backgrounds/arrow_double_blue.gif) no-repeat 100% 5px; padding-right:10px;}

/*Sub column 1 - 2*/
.hotel_content .sub_column1 { float:left; width:120px;}
.hotel_content .sub_column1 p { margin:5px 0 0 10px}
.hotel_content.jolly .sub_column1 {padding-top:85px;}

.hotel_content .sub_column2 {margin-left:25px; padding-right:5px; text-align:justify}
.hotel_content .sub_column2 h3{font-size:12px; margin:5px 0 15px 0; border-bottom: 1px solid #CCC}
.hotel_content .sub_column2 p {margin-bottom:10px; }
.hotel_content .sub_column2 ul {clear: both;}
.hotel_content .sub_column2 ul li {list-style-type:none; background:url(gfx/icons/hotel-square.gif) no-repeat 0 5px; padding-left:10px; padding-bottom:5px}
.hotel_content .sub_column2 ul li p {margin-bottom:0 !important}

/*Outstanding layer*/
.outstanding { border-bottom:solid 1px #CFDCEF; margin-bottom:10px}
.outstanding img {margin-right:10px}

/*El hotel*/
.active_hotel .hotel_content .sub_column2 { float:left; width:357px;}
.active_hotel .hotel_content .sub_column2 ul {margin-top:20px}
/*.active_hotel .hotel_content .sub_column2 .outstanding p {width:213px;}*/

/*Servicios y características*/
.active_services .hotel_content { width:480px; padding-left:20px;}
.active_services .hotel_content dl {float:left; width:235px; margin-top:10px;}
.active_services .hotel_content dl dt {padding-bottom:5px}
.active_services .hotel_content dl dd { background:url(gfx/icons/hotel-square.gif) no-repeat 0 4px; padding-left:10px;padding-bottom:5px}
.active_services .hotel_content .outstanding img {float:left; margin-bottom:10px}
.active_services .hotel_content .outstanding .text { margin-bottom:10px }

/*Precios y tarifas*/
.active_rates .hotel_content { margin:20px 0;padding-left:20px;}
.active_rates .hotel_content form {border-bottom:solid 1px #CFDCEF; margin-bottom:10px;padding-bottom:10px}
.active_rates .hotel_content form a {background-image:none}
.active_rates .hotel_content form .zone {clear:both; padding-top:15px}
.active_rates .hotel_content form .zone div {float:left; padding-right:15px}
.active_rates .hotel_content form .end p {float:left;  margin-top:10px}
.active_rates .hotel_content .room_type_rate_image {border-bottom:solid 1px #CFDCEF; padding-bottom:5px; margin-bottom:10px}
.active_rates .hotel_content .room_type_rate_image h2 { font-size:12px; color:#656770; margin-bottom:5px}
.active_rates .hotel_content .room_type_rate_image p { margin-bottom:5px}
.active_rates .hotel_content .room_type_rate_image strong { font-size:12px }
.active_rates .hotel_content .room_type_rate_image img {margin-top:5px}
.active_rates .hotel_content .room_type_rate_image_2 {margin-top:20px;}
.active_rates .hotel_content .room_type_rate_image_2 .img { float:left;margin-right:15px}
.active_rates .hotel_content .room_type_rate_image_2 .img p { margin-bottom:5px}
.active_rates .hotel_content .room_type_rate_image_2 .txt { float:left; }
.active_rates .hotel_content .room_type_rate_image_2 .txt h2 { font-size:12px; color:#656770; margin-bottom:5px}
.active_rates .hotel_content .room_type_rate_image_2 .txt p { margin-bottom:5px}
.active_rates .hotel_content .outstanding img {float:left}
.active_rates .hotel_content .outstanding .txt {float:left}
.active_rates .hotel_content .room { padding-right:20px; border-bottom:1px solid #CFDCEF; }
.active_rates .hotel_content .room.last { border-bottom:none !important; }

/*Salones*/
.active_halls .sub_column2 { float:left; padding-right:10px; width:350px}
.active_halls .halls_content {margin:8px; clear:both; }
.active_halls .halls_content table td a {color:#fff !important; text-decoration:underline}
.active_halls .halls_content table td.left { text-align:left; padding-left:5px}
.active_halls .halls_content table thead td {text-align:center; background-color:#567DB4; color:#B5C9E4; font-weight:bold; background-position:50% 30%; background-repeat:no-repeat; padding:3px 0;border-bottom:solid 2px #fff;border-right:solid 2px #fff}
.active_halls .halls_content table thead td.normal {font-weight:normal; font-size:9px;}
.active_halls .halls_content table thead td.icon {padding-top:25px; padding-bottom:5px;}
.active_halls .halls_content table thead td.banquete {background-image:url(gfx/icons/hall_banquete.gif);}
.active_halls .halls_content table thead td.cocktail {background-image:url(gfx/icons/hall_cocktail.gif);}
.active_halls .halls_content table thead td.escuela {background-image:url(gfx/icons/hall_escuela.gif);}
.active_halls .halls_content table thead td.imperial {background-image:url(gfx/icons/hall_imperial.gif);}
.active_halls .halls_content table thead td.teatro {background-image:url(gfx/icons/hall_teatro.gif);}
.active_halls .halls_content table thead td.montaje {background-image:url(gfx/icons/hall_u.gif);}
.active_halls .halls_content table thead td.cabaret {background-image:url(gfx/icons/hall_cabaret.gif);}
.active_halls .halls_content table tbody td {padding-top:5px;padding-bottom:5px;}
.active_halls .halls_content table tbody td {background-color:#92ADD8; color:#fff; text-align:center; border-bottom:solid 2px #fff;border-right:solid 2px #fff}

/*Restaurante*/
.active_restaurant .hotel_content .sub_column2 {float:left; width:350px;}

/*City Info*/
.active_city .hotel_content .sub_column2{ width:450px; padding-left:20px}

/*Mapa de situacion*/
.active_map .hotel_content { margin:0 20px;}
.active_map .hotel_content p {margin-bottom:10px}

/*Galeria de imagenes*/
.active_gallery .hotel_content { margin:0 20px;}
.active_gallery .hotel_content p {margin-bottom:5px}
.active_gallery .hotel_content ul.galery_bar {width:480px;height:70px; border:solid 1px #B6CAE6; margin-bottom:10px;}
.active_gallery .hotel_content ul.galery_bar li, 
.active_gallery .hotel_content ul.galery_bar li a {padding:0 !important;background:none !important; list-style-type:none}
.active_gallery .hotel_content ul.galery_bar li {float:left;}
.active_gallery .hotel_content ul.galery_bar li.photo {margin-top:10px; margin-left:20px}
.active_gallery .hotel_content ul.galery_bar li.back { cursor:pointer}
.active_gallery .hotel_content ul.galery_bar li.next {cursor:pointer; float:right;}
.active_gallery .hotel_content ul.galery_bar li.active a img {border:solid 2px #B6CAE6; padding:1px}

/*Visita virtual*/
.active_tour .hotel_content .select_view { float:left; width:335px; padding-left:20px}
.active_tour .hotel_content .select_view .box {border:solid 1px #B6CAE6; padding:5px; }
.active_tour .hotel_content .select_view #spanDescription {padding-bottom:5px}
.active_tour .hotel_content .select_view .box span {background-color:#E5ECF6; display:block; margin-top:7px}
.active_tour .hotel_content .list_links { float:left; width:150px; padding-left:10px; padding-bottom:10px}
.active_tour .hotel_content .list_links p {margin-bottom:5px !important}
.active_tour .hotel_content .list_links ul { margin-left:15px}
.active_tour .hotel_content .list_links ul li { list-style-type:square; color:#A9BEE0; margin-bottom:5px}
.active_tour .hotel_content .list_links ul li.active a {color:#666; font-weight:bold; background-image:none}

/* titulo de paginas - H1 
#hotel_detail #layout .detail_bg h1 {margin-top:0 !important; width:200px}*/

/* --- Rastro de migas --- */
#hotel_detail #depth_path {background-color:#92ADD8}

.exito, .error, .informacion {padding:20px 0}
.exito {color:green !important}
.error {color:#990000}
.informacion {color:#7999C5}