body{margin: 0px; padding: 0px; text-align: center; font: 11px/140% Tahoma, Arial, sans-serif, helvetica;}

form{ margin: 0px; padding: 0px;}
label, button{ cursor: pointer; border: 0px;}
button{ display: none; visibility: hidden;}
input{font: 12px/140% Tahoma, Arial, sans-serif, helvetica; color: #333; height: 20px; background: url(../images/html/fondo_input.gif) no-repeat 0px 0px; border: 1px solid #EEE;}
select{font: 12px/140% Tahoma, Arial, sans-serif, helvetica; color: #333; border: 1px solid #EEE;}

a{color: #C00; text-decoration: underline;}

a.bco{color: #FFF; text-decoration: underline;}

li{background: url(../images/html/bullet.gif) no-repeat 0px 6px; padding: 0px 0px 0px 11px; list-style: none;}

.txt_condiciones{ font: bold 10px/120% Tahoma, Arial, sans-serif, helvetica; color: #333; margin: 5px auto; padding: 0px;}
.foto_center{background: #f5f5f5; margin: 3px auto; padding: 5px; border: 1px solid #CCC;}

.foto_contenidos_right{padding: 6px; margin: 0px 4px; border: 1px solid #CCC; float: right;}
.foto_contenidos_left{padding: 6px; margin: 0px 4px; border: 1px solid #CCC; float: left;}


/*BOTONES*/
#botones{ display: none; visibility: hidden;}

.bot_contacto{background: url(../images/botones/bot_contacto.gif) no-repeat 0px 0px; margin: 8px 10px 0px 0px; padding: 0px; height: 39px; width: 101px;}
.bot_enviar{background: url(../images/botones/bot_enviar.gif) no-repeat 0px 0px; margin: 8px 10px 0px 0px; padding: 0px; height: 39px; width: 101px; float: right; clear: both;}
.bot_volver{background: url(../images/botones/bot_volver.gif) no-repeat 0px 0px; margin: 0px; padding: 0px; height: 39px; width: 101px;}
.bot_atractivos{background: url(../images/botones/bot_atractivos.gif) no-repeat 0px 0px; margin: 0px 5px; padding: 0px; height: 39px; width: 101px;}
.bot_excursiones{background: url(../images/botones/bot_excursiones.gif) no-repeat 0px 0px; margin: 0px 5px; padding: 0px; height: 39px; width: 101px;}
.bot_programas{background: url(../images/botones/bot_programas.gif) no-repeat 0px 0px; margin: 0px 5px; padding: 0px; height: 39px; width: 101px;}
.bot_reservas{background: url(../images/botones/bot_reservas.gif) no-repeat 0px 0px; margin: 0px 5px; padding: 0px; height: 39px; width: 101px;}
.bot_consultas{background: url(../images/botones/bot_consultas.gif) no-repeat 0px 0px; margin: 0px 5px; padding: 0px; height: 39px; width: 101px;}


#main{width: 100%; margin: 0px auto; padding: 0px; text-align: left; font: 11px/140% Tahoma, Arial, sans-serif, helvetica; color: #333; background: url(../images/html/fondo_main.jpg) repeat-y 0px 0px; height: 1px; display: table;}

#cabecera{background: url(../images/html/foto_cabecera.jpg) no-repeat left bottom; width: 100%; font: 12px Arial, Helvetica, sans-serif; text-align: center;}
#cabecera #menu_top{display: none; visibility: hidden;}

#menu_principal{display: none; visibility: hidden;}

#left{display: none; visibility: hidden;}

/*CONTENIDOS*/
#contenidos{width: 100%; margin: 0px 0px 0px 21px; font: 11px/140% Tahoma, Arial, sans-serif, helvetica; padding: 0px 0px 15px 0px;}

#contenidos #imprimir{display: none; visibility: hidden;}

/*BREADCRUMBS*/
#breadcrumbs_home{background: #EEEEE6; height: 35px; font: 11px Tahoma, Arial, sans-serif, helvetica; color: #000; width: 100%;}
#breadcrumbs_home p{background: url(../images/html/ic_breadcrumbs.gif) no-repeat 10px 8px; padding: 12px 0px 5px 35px; margin: 0px; float: left;}

#breadcrumbs{background: url(../images/html/fondo_breadcrumbs.gif) no-repeat 0px 0px; height: 35px; font: 11px Tahoma, Arial, sans-serif, helvetica; color: #000; width: 100%;}
#breadcrumbs p{background: url(../images/html/ic_breadcrumbs.gif) no-repeat 10px 8px; padding: 12px 0px 5px 35px; margin: 0px; float: left;}
#breadcrumbs a{color: #333; text-decoration: underline;}
#breadcrumbs a:hover{color: #FFF; text-decoration: underline; background: #333;}

/*HOME*/
#textos #contenido_home{width: 380px; font: 11px/120% Tahoma, Arial, sans-serif, helvetica; color: #000; padding: 10px 0px 0px 0px;}
#textos #contenido_home h1{font: bold 15px Tahoma, Arial, sans-serif, helvetica; color: #930; background: url(../images/html/fonto_tit_home_h1.gif) no-repeat left bottom; height: 26px; padding: 0px 0px 0px 6px;}
#textos #contenido_home h2{font: bold 15px Tahoma, Arial, sans-serif, helvetica; color: #FFF; margin: 0px; padding: 4px 0px 10px 10px;}
#textos #contenido_home h3{font: bold 15px Tahoma, Arial, sans-serif, helvetica; color: #930; background: url(../images/html/ic-lugar.gif) no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin: 5px 18px;}

/*Destacados Home*/
#destacados_home{width: 380px; background: #F7F7F2; color: #666; padding: 0px 0px 10px 0px;}
#destacados_home div{width: 345px; background: url(../images/html/fondo-home-destacados.gif) no-repeat 0px 0px; height: 200px; margin: 5px 0px 15px 17px;}
#destacados_home div div{width: 157px; float: left; background: none; margin: 0px 5px 0px 7px; padding: 0px; height: auto; color: #666;}
#destacados_home div div p{width: 141px; margin: 0px; padding: 0px;}
#destacados_home .masinformacion{float: right; color: #C00; margin: 2px 0px 0px 0px; padding: 0px;}
#destacados_home .masinformacion a{color: #C00; margin: 0px; padding: 0px 2px; text-decoration: underline; font-weight: bold;}
#destacados_home .masinformacion a:hover{color: #FFF; background: #C00;}

/*Destacados Home: Lugar Destacado*/
#destacados_home #lugar_destacado{height: 60px; background: #FFF; padding: 4px;}
#destacados_home #lugar_destacado img{float: left; margin: 3px;}

#ofertas{float: right; width: 165px; margin: 0px; padding: 12px 0px 0px 0px; clear: both; font: 11px/100% Tahoma, Arial, sans-serif, helvetica; color: #000; background: url(../images/html/fondo_home_ofertas.gif) no-repeat 0px 36px;}
#ofertas h1{color: #C2D4E1; font: bold 15px Tahoma, Arial, sans-serif, helvetica; background: url(../images/html/ic_ofertas.gif) no-repeat 0px 0px; padding: 0px 0px 0px 26px; color: #333; margin: 0px 0px 5px 0px;}
#ofertas h2{font: bold 20px Tahoma, Arial, sans-serif, helvetica; color: #7CA3BE; margin: 0px; padding: 0px 0px 0px 7px;}
#ofertas h2 strong,b{font: bold 18px Tahoma, Arial, sans-serif, helvetica;}
#ofertas h3{color: #C00; margin: 0px; padding: 0px 0px 0px 7px; font: bold 26px "trebuchet MS", arial, tahoma;}
#ofertas h4{color: #333; margin: 8px 0px 6px 0px; padding: 2px 0px 0px 20px; font: bold 15px Tahoma, Arial, sans-serif, helvetica; background: url(../images/html/ic_atractivos.gif) no-repeat 0px 17px;}
#ofertas .mas{float: right; color: #000; margin: 0px 0px 15px 0px; padding: 0px; font-weight: bold;}
#ofertas .mas a{color: #000; margin: 0px; padding: 0px 2px; text-decoration: underline; font-weight: bold;}
#ofertas .mas a:hover{color: #FFF; background: #000;}

#textos{width: 567px; margin: 0px 0px 0px 3px; float: left; font: 11px Tahoma, Arial, sans-serif, helvetica; color: #333; padding: 0px 0px 10px 0px;}
#textos h1{font: bold 1.4em Tahoma, Arial, sans-serif, helvetica; color: #930; background: url(../images/html/fonto_tit_home_h1.gif) no-repeat left bottom; height: 45px; padding: 0px 0px 0px 6px;}
#textos h1 i,em {font: italic normal 1em Tahoma, Arial, sans-serif, helvetica; color: #333;}
#textos h2{font: 1.7em Tahoma, Arial, sans-serif, helvetica; color: #930; margin: 0px; padding: 0px;}
#textos h2.tit_detalle{font: bold 1.9em Tahoma, Arial, sans-serif, helvetica; color: #FFF; margin: 0px 0px 15px 8px; padding: 12px 10px 14px 11px; background: url(../images/html/fondo_tit_detalle.gif) repeat-x 0px 0px;}

/*PORTADA ATRACTIVOS*/
#portada_atractivos{background: #D5D5BF; font: 1em/160% Tahoma, Arial, sans-serif, helvetica; padding: 6px; margin: 0px 0px 10px 0px;}
#portada_atractivos div{background: #FFF; font: 1em/160% Tahoma, Arial, sans-serif, helvetica; padding: 10px 6px; margin: 5px 0px 15px 0px; display: table; height: 100%;}
#portada_atractivos div img{float: left; margin: 0px 4px; padding: 0px; border: 6px solid #E1E1E1; }
#portada_atractivos .precio{color: #C00; font: bold 2.4em Tahoma, Arial, sans-serif, helvetica; float: right; margin: 10px 3px 0px 3px; padding: 8px 0px 8px 4px;}
#portada_atractivos .precio_hoteles{color: #C00; font: 1em/160% Tahoma, Arial, sans-serif, helvetica; float: right; margin: 10px 3px 0px 3px; padding: 8px 0px 10px 10px; text-align: center;}
#portada_atractivos .precio_hoteles strong, #portada_atractivos .precio_hoteles b{font: bold 1.2em/160% Tahoma, Arial, sans-serif, helvetica; background: #E8E8E8;}
#portada_atractivos .masinformacion{margin: 0px; padding: 0px; text-align: right; font-weight: bold; clear: both;}
#portada_atractivos .masinformacion a{color: #930; text-decoration: underline;}
#portada_atractivos .masinformacion a:hover{color: #930; text-decoration: none;}

/*DETALLE ATRACTIVOS*/
#detalle_atractivos{font: 1em/130% Tahoma, Arial, sans-serif, helvetica; padding: 0px 0px 20px 0px; margin: 0px; width:100%;}
#detalle_atractivos #detalle_left{ margin: 0px; padding: 0px 10px; float: left; width: 275px;}
#detalle_atractivos #detalle_right{width: 256px; float: right; text-align: center;}
#detalle_atractivos #detalle_right img{ border: 1px solid #EEE; padding: 6px; margin: 0px 0px 12px 0px;}

/*PROGRAMAS*/
#programas{width: 100%; margin: 0px; padding: 0px; font: 11px Tahoma, Arial, sans-serif, helvetica;}
#programas h2{color: #C00; padding: 10px 10px 0px 10px; font: bold 14px Tahoma, Arial, sans-serif, helvetica;}
#programas h3{color: #993300; font: bold 11px/120% Tahoma, Arial, sans-serif, helvetica;}
#programas h3 a{color: #993300; font: bold 11px/120% Tahoma, Arial, sans-serif, helvetica; text-decoration: underline;}
#programas h3 a:hover{color: #993300; text-decoration: none;}
#programas #detalle_programas{background: #FFF; margin: 10px; padding: 10px 10px 10px 10px; font: 1em/120% Tahoma, Arial, sans-serif, helvetica;}
#programas #left_programas{float: left; margin: 0px; padding: 2px 5px; width: 240px;}
#programas #left_programas.left_hoteles{width: 290px;}
#programas #right_programas{float: right; margin: 10px 0px 0px 0px; padding: 2px 0px; width: 255px; display: table;}
#programas #right_programas.right_hoteles{width: 210px; text-align: center;}
#programas #right_programas img{border: 1px solid #EEE; padding: 6px; margin: 0px 0px 12px 0px;}
#programas #right_programas img.left{float: left;}
#programas #right_programas img.right{float: right;}
#programas #right_programas .foto_hoteles{float: left; width: 72px; margin: 0px auto; padding: 10px 0px 6px 11px; text-align: center; font: bold 10px Tahoma, Arial, sans-serif, helvetica; color: #C00;}
#programas #right_programas .foto_hoteles img{padding: 0px; margin: 0px; border: 1px solid #CCC;}
#programas hr{height: 0px; border-top: 1px solid #CCC; border-bottom: 0px; margin: 0px; padding: 0px;}
#programas table{width: 255px; border: 0px; margin: 0px; padding: 0px; clear: both;}
#programas #right_programas.right_hoteles table{width: 210px; border: 0px; margin: 0px; padding: 0px; clear: both;}
#programas caption{font: bold 14px Tahoma, Arial, sans-serif, helvetica; text-align: center; color: #C00; margin: 0px; padding: 0px 0px 6px 0px;}
#programas thead{font: bold 11px Tahoma, Arial, sans-serif, helvetica; color: #666;}
#programas th{border-bottom: 1px solid #81BAEB; padding: 6px; text-align: left; font: bold 12px Tahoma, Arial, sans-serif, helvetica;}
#programas th a{font: bold 12px Tahoma, Arial, sans-serif, helvetica; color: #666; text-decoration: none;}
#programas th a:hover{font: bold 12px Tahoma, Arial, sans-serif, helvetica; color: #666; text-decoration: underline;}
#programas td{border-bottom: 1px solid #81BAEB; padding: 6px; text-align: center;}
#programas #informacion{width: 100%; clear: both; padding: 10px 0px 10px 0px;}
#programas .left_informacion{width: 48%; float: left;}
#programas .right_informacion{width: 48%; float: left; margin-left: 10px;}
#programas #destacados{width: 100%; clear: both; height: 1px; display: table;}
#programas .txt_center{font: bold 0.9em/120% Tahoma, Arial, sans-serif, helvetica; text-align: center; background: #f5f5f5; margin: 3px; padding: 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}

/*PORTADA FOTOGRAGIAS*/

#galeria_fotos{width: 100%; text-align: center; font: 11px Tahoma, Arial, sans-serif, helvetica; color: #333;}
#galeria_fotos td{width: 25%; text-align: center; padding: 5px; vertical-align: top;}
#galeria_fotos img{padding: 5px; border: 1px solid #CCC;}
#galeria_fotos a:link, #galeria_fotos a:visited{color:  #960; text-decoration: underline;}
#galeria_fotos a:hover, #galeria_fotos a:active{color:  #FFF; background: #960; text-decoration: none;}

/*tabla contenidos*/
.datos{width: 100%; font: 11px Tahoma, Arial, sans-serif, helvetica; color: #333;}
.datos th{font: 11px Tahoma, Arial, sans-serif, helvetica; color: #FFF; border-bottom: 1px solid #CCC; padding: 4px; background: #BE6337;}
.datos .subitem{font: 11px Tahoma, Arial, sans-serif, helvetica; color: #333; border-bottom: 1px solid #CCC; padding: 4px; background: #EEE;}
.datos td{font: 11px Tahoma, Arial, sans-serif, helvetica; color: #333; border-bottom: 1px solid #EEE; padding: 4px;}


/*tabla contenidos*/
.tabla_datos{width: 100%; font: 11px Tahoma, Arial, sans-serif, helvetica; color: #333; border-top: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8;}
.tabla_datos th{font: 11px Tahoma, Arial, sans-serif, helvetica; color: #FFF; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; padding: 4px; background: #BE6337;}
.tabla_datos td{font: 11px Tahoma, Arial, sans-serif, helvetica; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8;padding: 4px;}




/*FORMULARIOS*/
#formularios{width: 100%; margin: 0px; padding: 0px; font: 12px Tahoma, Arial, sans-serif, helvetica;}
#formularios p{margin: 0px; padding: 6px 0px; clear: both;}
#formularios label{width: 28%; float: left; margin: 0px 0px 0px 10px; padding: 0px;}
#formularios input{width: 68%; float: left; margin: 0px; padding: 0px 2px;}
#formularios textarea{width: 96%; float: left; margin: 0px 0px 0px 10px; padding: 0px; border: 1px solid #EEE; background: url(../images/html/fondo_input.gif) no-repeat 0px 0px; overflow:auto;font: 12px/140% Tahoma, Arial, sans-serif, helvetica; }


/*PIE DE PAGINA*/
#pie{clear: both; width: 100%; margin: 0px 0px 0px 11px; height: 74px; text-align: left; color: #FFF; font: 11px "trebuchet MS", arial, tahoma; background: url(../images/html/fondo-pie.jpg) repeat-x 0px 0px; border-top: 1px solid #CCC;}
#pie #correo{float: left; margin: 0px; padding: 15px 0px 0px 34px; background: url(../images/html/ic-correo-pie.gif) no-repeat 10px 17px;}
#pie #copyright{display: none; visibility: hidden;}