@charset "iso-8859-1";
/* CSS Document QuindioTurismo.com Noviembre 2009 */
/* Estilos Globales */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#FFF; margin:0; padding:0;}
img{border:0;}
h1{color:#F00; text-transform:uppercase; padding:15px 0 40px 0; margin:0;}
h2{color:#286A44; font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding:5px 0 5px 0; margin:0;}
h3{color:#000; padding:0; margin:0;}
/* Contenedores y Estilos para contenedores */
/* Encabezado */
#cabecera{width:960px; margin:0 auto; padding:0; clear:both;}
#cabecera #datos_contacto_home{clear:both; font-weight:bold; font-size:13px; color:#E15200; text-align:right; padding:15px;}
#cabecera #logo{float:left; padding:20px 0 0 10px;}
#cabecera #datos_contacto{float:right; font-weight:bold; font-size:13px; color:#E15200; text-align:right; padding:15px;}
#cabecera #menu_rojo{background:url(../images/bg_menu_rojo.png) no-repeat bottom; width:960px; height:31px; clear:both; padding-top:10px; text-align:center;}
#cabecera #menu_rojo ul{margin:0; padding:5px 0 0 0;}
#cabecera #menu_rojo ul li{display:inline; padding:0 20px 0 20px;}
#cabecera #menu_rojo ul li a{color:#FFF; text-decoration:none; font-weight:bold; font-size:13px;}
#cabecera #menu_rojo ul li a:hover{text-decoration:underline;}
/* Pagina Inicial */
#cabecera_index{width:960px; height:355px; margin:0 auto; padding:0; border-bottom:solid #BBBBBB 2px;}
#cabecera_index #menu_index{float:left; width:315px;}
#cabecera_index #logo{margin:0 0 0 15px;}
#cabecera_index #logo .rojo_guion{text-decoration:underline; color:#FF2E28; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; padding:0 0 0 8px;}
#cabecera_index #logo .verde{color:#528147; font-size:13px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#cabecera_index #menu{width:250px; font-size:13px; margin:40px 0 0 25px;}
#cabecera_index #menu .gris{font-weight:bold; color:#727D88;}
#cabecera_index #menu ul{padding:0; margin:0;}
#cabecera_index #menu ul li{list-style:none}
#cabecera_index #menu ul li a{width:250px; color:#285B3A; font-weight:bold; text-decoration:none; background:url(../images/flecha_menu_index.png) right no-repeat; border-bottom:2px solid #F2F2F2; padding:7px 0 7px 0; display:block;}
#cabecera_index #menu ul li a:hover{color:#DE621F; background:#F3F3F3 url(../images/flecha_menu_index.png) right no-repeat;}
#cabecera_index #animacion_index{float:right;}
/* ---------------------------------------------------------------------------- */
#contenedor{width:960px; margin:0 auto; padding:0;}
/* ---------------------------------------------------------------------------- */
#contenedor #menu_tabs1, #contenedor #menu_tabs2, #contenedor #menu_tabs3{padding:0; margin:0;}
#contenedor #menu_tabs1 li, #contenedor #menu_tabs2 li, #contenedor #menu_tabs3 li{display:inline;}
#contenedor #menu_tabs1 li a, #contenedor #menu_tabs2 li a, #contenedor #menu_tabs3 li a{background:url(../images/tab_normal.png) no-repeat; width:68px; height:33px; float:left; color:#2E2042; font-weight:bold; text-decoration:none; padding:0 4px 0 4px;}
#contenedor #menu_tabs1 li.active a, #contenedor #menu_tabs2 li.active a, #contenedor #menu_tabs3 li.active a{background:url(../images/tab_active.png) no-repeat;}
#contenedor .contenido_tab{width:250px; float:left; clear:both; border:solid 2px #DADADA; background:url(../images/bg_tabs.png) no-repeat bottom; text-align:left; padding:10px; color:#434343;}
#contenedor .contenido_tab h3{font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding:0 0 5px 0; margin:0; color:#434343;}
#contenedor .top{width:100%; margin:10px 0 0 0;}
#contenedor .top .numero{font-size:16px; font-weight:bold; color:#545454; padding:0 10px 0 0;}
#contenedor .top .hotel{border-bottom:2px solid #DADADA; padding:5px 0 5px 0;}
#contenedor .top .hotel a{color:#F21F00; text-decoration:none;}
#contenedor .top .hotel a:hover{color:#286A44; text-decoration:underline;}
/* ---------------------------------------------------------------------------- */
#contenedor .enlaces_inferiores{clear:both; text-align:left; padding:10px 0 0 10px;}
div.trigger{width:220px; cursor:pointer;}
div.trigger:hover{color:#286A44;}
.toggle_container{overflow:hidden; width:220px; clear:both;}
.toggle_container .block{padding:0;}
/* ---------------------------------------------------------------------------- */
/* Listado de Hoteles */
#contenedor #izquierda{float:left; width:960px; padding:0 0 0 10px;}
#contenedor #izquierda .hotel_lista{margin:40px 10px 0 10px;}
#contenedor #izquierda .hotel_lista .encabezado{clear:both;}
#contenedor #izquierda .hotel_lista .encabezado .numero{float:left; border:#D0D0D0 solid 2px; padding:5px 10px 5px 10px; color:#A4A4A4; font-weight:bold; margin:3px 0 0 0;}
#contenedor #izquierda .hotel_lista .encabezado .nombre_hotel{padding:0 0 0 40px;}
#contenedor #izquierda .hotel_lista .encabezado .nombre_hotel h3{font-size:18px; margin:0; padding:0;}
#contenedor #izquierda .hotel_lista .encabezado .nombre_hotel p{padding:0; margin:0; font-size:10px;}
#contenedor #izquierda .hotel_lista .contenido{border-top:2px solid #D2D2D2; border-bottom:5px solid #D2D2D2; margin:10px 0 0 0; clear:both; height:220px;}
#contenedor #izquierda .hotel_lista .contenido .celda01{border-right:2px solid #D2D2D2; float:left; overflow:auto; height:220px;}
#contenedor #izquierda .hotel_lista .contenido .celda01 .texto{color:#FF3300; padding:50px 40px 10px 40px; float:left;}
#contenedor #izquierda .hotel_lista .contenido .celda01 .texto strong{font-weight:bold; font-size:20px;}
#contenedor #izquierda .hotel_lista .contenido .celda01 img{padding:20px 10px 15px 0;}
#contenedor #izquierda .hotel_lista .contenido .celda01 .boton_rojo{background:url(../images/btn_ver_mas.png) no-repeat; width:80px; height:20px; text-align:center; color:#FFF; display:block; text-decoration:none; font-weight:bold; padding:3px 0 0 0; margin:5px 0 0 0;}
#contenedor #izquierda .hotel_lista .contenido .celda01 .boton_rojo:hover{color:#333;}
#contenedor #izquierda .hotel_lista .contenido .celda02{border-right:2px solid #D2D2D2; float:left; overflow:auto; height:220px;}
#contenedor #izquierda .hotel_lista .contenido .celda02 .texto{color:#B3AFAD; font-weight:bold; padding:10px 10px 20px 10px;}
#contenedor #izquierda .hotel_lista .contenido .celda03{text-align:center; padding:60px 0 0 0;}
#contenedor #izquierda .hotel_lista .contenido .celda03 .lnk_cometarios{color:#2269AF; font-size:11px;}
#contenedor #derecha{float:right;}
#contenedor #derecha #cont_gris{background:#cccccc url(../images/superior_gris.png) top no-repeat; width:292px; padding:15px; margin:25px 0 0 0; text-align:center;}
#contenedor #derecha #cont_gris h6{color:#9D9A9D; padding:0; margin:0 0 5px 0; font-size:10px; float:left;}
#contenedor #derecha #cont_gris .blanco_sup{background:url(../images/blanco_sup.gif) bottom no-repeat; width:290px; height:15px;}
#contenedor #derecha #cont_gris .blanco{background:#FFF; width:260px; margin:0; padding:0 15px 0 15px; text-align:left; font-size:11px; font-weight:bold;}
#contenedor #derecha #cont_gris .blanco .titulo{background:url(../images/titulo_blanco.gif) top no-repeat; width:260px; height:45px; text-align:left;}
#contenedor #derecha #cont_gris .blanco .titulo h2{color:#564B4B; padding:5px 0 2px 15px; margin:0; font-family:Arial, Helvetica, sans-serif;}
#contenedor #derecha #cont_gris .blanco .titulo h3{color:#564B4B; padding:0 0 0 15px;  margin:0; font-size:12px;}
#contenedor #derecha #cont_gris .blanco .hotel{color:#FF6541; text-decoration:none; width:200px; display:block; padding:8px 0 0 15px;}
#contenedor #derecha #cont_gris .blanco .hotel:hover{text-decoration:underline;}
#contenedor #derecha #cont_gris .blanco .precio{color:#707071; width:200px; padding:10px 0 0 15px;}
#contenedor #derecha #cont_gris .blanco_inf{background:url(../images/blanco_inf.gif) top no-repeat; width:290px; height:15px;}
/* Detalle Hotel */
#contenedor #cabecera_hotel{width:960px; margin:0; padding:0;}
#contenedor #cabecera_hotel h1{font-family:"Century Gothic","Trebuchet MS",Arial, Verdana, Arial, Helvetica, sans-serif; color:#534B42; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding:15px 0 0 10px; margin:0;}
#contenedor #cabecera_hotel h2{color:#534B42; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0 0 10px 10px; margin:0;}
#contenedor #cabecera_hotel #galeria{float:left; height:390px; width:665px; background:#F2F2F2; padding:0 0 0 10px; margin:O auto; text-align:center;}
#contenedor #cabecera_hotel #informacion{float:right; background:#F2F2F2; width:270px; height:380px; padding:5px;}
#contenedor #cabecera_hotel #informacion #contenido{background:#FFF; height:100%; color:#565D5C; font-weight:bold;}
/* --------------------------------------------------------------------------- */
#contenedor #info_izquierda{float:left; width:510px; color:#79879F;}
#contenedor #info_izquierda h2{color:#79879F; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:15px;}
#contenedor #info_izquierda h3{color:#79879F; text-align:center; font-size:13px; font-weight:bold; padding:0 0 5px 0;}
#contenedor .tabla_gris{border:none; color:#79879F;}
#contenedor .tabla_gris th{background:#E7E6BF; font-weight:bold; color:#878487; padding:5px 0 5px 5px; text-align:center;}
#contenedor .tabla_gris td{font-size:11px; padding:5px 0 5px 5px;}
#contenedor .tabla_gris .td_gris{background:#E7E6BF; color:#878487; padding:5px; text-align:justify;}
#contenedor .tabla_reserva{border:none; background:#F5F8F8; color:#817D7B; font-weight:bold;}
#contenedor .tabla_reserva th{background:#3C746B; color:#FFF; text-transform:uppercase;}
/* --------------------------------------------------------------------------- */
#contenedor #info_derecha{float:right; width:450px;}/* Footer */
#footer{width:960px; margin:0 auto; padding:0; border-top:2px solid #E5E5E5; clear:both;}
#footer ul{margin:0; padding:10px 0 0 10px;}
#footer ul li{display:inline; list-style:none; padding:0 30px 0 0;}
#footer ul li a{color:#6A7173; text-decoration:none; font-weight:bold;}
#footer ul li a:hover{color:#000;}
/* Estilos Globales */
.gris{color:#7A7D7E;}
.spacer10{height:10px; clear:both;}
.spacer20{height:20px; clear:both;}
.borde_gris{border:solid 2px #D7D7D7;}
.gallery {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.panel-overlay{font-size:12px;}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;
}
.panel-overlay p {
	line-height: 16px;
}