@charset "utf-8";

#cont-logo-buscador {text-align:left; padding:18px 18px 15px 18px;}

/* ================================================================ 
ELEMENTOS
=================================================================== */
html, body {
	font-size: 12px;
	font-family: arial, sans-serif;
	padding:0px;
	margin:0px;  
	background-color:#f1f1f1; 
}
ul {
	list-style-position:inside;
}
#main-div {background-color:#fff; width:980px; margin:20px 0 20px 0;}

h3 {
	font-size:17px; 
}
h1 { line-height:130%; font-size:35px;} 
p {
	margin:  0 0 1em 0;
	padding:  0;
}
a:link {
	text-decoration: none
}
a:visited {
	text-decoration: none
}
a:active {
	text-decoration: none
}
a:hover {
	text-decoration: none
}
.descargar-audioguia{
background-image:url(/imagenes/diseno2/flecha-izquierda-verde.png);
margin-top:20px; 
background-repeat:no-repeat; 
padding-top:22px;
height:51px;
width:310px; 
font-family:Arial;
color:white;
font-weight:bold;  
font-size:20px;
}
.descargar-audioguia a:hover {text-decoration:underline; }
.traslado-fin-articulo a:hover {text-decoration:underline; }
h2 {
	color:#990000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
}
.resaltar-indice {
font-size:18px;	
}
dl { width: 550px; margin-left: 15px; }
dt { float:right; width:410px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 10px; }
dd { margin: 0 0 50px 140px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; }
dd.image { float: left; margin: 0; }
.titulo-reserva { font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:#777777; line-height: 120%; }
.subtitulo-reserva {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#d34e4e;
	line-height: 120%;
	font-style:italic;
}
.precio-confirmacion { font-size: 24px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#090; }
.advertencia-excursiones { font-size: 13px; font-weight: bold; font-family: Verdana; color: #FF0000; }
/* ================================================================ 
LAYOUT
=================================================================== */
#twocols {
	width:980px;
	margin-top: 8px;
}
#maincol {
	font-size:1.15em;
	line-height:1.7em;
	text-align:left;
	width:730px;
	float:left; 
	padding:0 5px 0 16px; 
	margin-bottom:100px;
}
#rightcol {
	width:205px;
	float:right;
	position:relative;
	text-align:left;
	padding-right:10px;
}
#footer {
	width:100%;
	height:395px;
	background:url(/imagenes/diseno2/footer-background.png);
	background-repeat:repeat-x;
	clear:both;
	vertical-align: bottom;/*background: transparent url(/css/bloque-footer.gif);*/
}#cont-footer-boletin {width:260px; float:left; margin-top:20px; text-align:left;}
/* ================================================================ 
ESTILO ARTICULOS
=================================================================== */
.tituloarticulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	color:#000;
}
.continua-de {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#999999;
}
.enlace-sig {
	text-align:right;
	float:right;
	color:orange;
	font-weight:bold;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:23px;
	text-decoration:none;
}
.enlace-ant {
    text-align:left; 
	float:left; 
	color:orange;
	font-weight:bold;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:23px;
	text-decoration:none;
}
.pagina-anterior {
	float:left; 
	width:320px; 
	text-align:left
}
.siguiente-pagina {
	float:right; 
	width:320px;
}
#contenedor-siguiente-anterior {
	width:100%;
	height:55px;
}

#contenedor-siguiente-anterior span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:italic;
	color:#666;
	font-weight:normal;
}
.este-articulo-lista {
	font-size:12px;
	color:#33C;
	font-family:Verdana, Geneva, sans-serif;
	padding:10px 14px 10px 14px;
	margin:0;
	list-style-position:inside;
	line-height:1.5em;
	list-style-type:decimal;
	
}
.publicidad-articulo {
	margin:0px 0 0px 0;
}
.en-este-articulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#fff;
	width:100%;
	background-color:#f0c274;
	text-align:center;
	height:33px;
}
.img-articulo {
	border: 1px solid #999999;
	margin: 10px;
}
.contenedor-este-articulo {
	width:740px;
	margin: 47px 0 0 0;
}
.enlaces-interes a {
	font-size:19px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #09C;
}

.enlaces-interes img {
	border: 0px;
}
.enlaces-interes li {
	margin-bottom:16px;
}
.galeria-fotos-tabla img {
	background-color:#e7e7e7; 
	border:1px solid #c4c4c4; 
	padding:8px;
}
.mapa-interactivo-articulos {
	background-color:#e2e2e2; 
	border:1px solid #c4c4c4; 
	padding:12px;
}
.publicidad-final-articulo-1 {
	margin:0px 0 45px 0;
}
.publicidad-inicio-articulo {
	/*float:left; 
	margin:10px 15px 15px 0;*/
}
/* ================================================================ 
ESQUINAS REDONDAS ESTE ARTICULO TOP VERDE
=================================================================== */
.esq-red-este-articulo{display:block}
.esq-red-este-articulo *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f0c274}
.esq-red-este-articulo1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bee4b6;
  border-right:1px solid #bee4b6;
  background:#f0c274}
.esq-red-este-articulo2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e9f2e8;
  border-right:1px solid #e9f2e8;
  background:#f0c274}
.esq-red-este-articulo3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #8cd47d;
  border-right:1px solid #8cd47d;}
.esq-red-este-articulo4{
  border-left:1px solid #bee4b6;
  border-right:1px solid #bee4b6}
.esq-red-este-articulo5{
  border-left:1px solid #94d686;
  border-right:1px solid #94d686}
.esq-red-este-articulofg{
  background:#f0c274}
/* ================================================================ 
VARIOS
=================================================================== */
.enlaces-fin-articulo {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #006699;
	font-weight:bold;
}
.publi-abajo-art {
	/*width: 335px;
	height:280px;
	text-align:left;
	margin-right: 5px;
	float:right;
	background-color: rgb(244, 244, 244);
	border: 5px solid #e1e1e1;*/
}

.rastro-seccion {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-style:normal;
}
a.rastro-seccion {
	color:#69C;
	font-style:normal;
}
.link-galeria-fotos {
	font-size:16px;
	color:#39F;
	font-weight:bold;
}
.desccampos {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	font-weight:bold;
}
.caja-busqueda-div {
	margin:0;
	height:35px;
	width:167px;
	background:url('/imagenes/diseno2/busqueda.png') no-repeat bottom;
	float:right;
	margin:43px 0 0 0;
}
.caja-busqueda {
	background:none;
	border:none;
	width:119px;
	height:15px;
	margin:10px 0 0 31px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
}
.contenedor-multiusos {
	margin-bottom:6px;
	width:238px; 
	height:90px; 
	margin-top:6px; 
	position:relative; 
	z-index:1; 
	float:right; 
}
.contenedor-slideshow {
 	margin-top:25px;
}
#footer-width {
	width: 980px;
}


/* ================================================================ 
TOOLTIP
=================================================================== */
#dhtmltooltip { position: absolute;  border: 1px solid #999;  background-color:#D6EFFE; visibility: hidden; z-index: 100; font-family: arial; font-size: 11px; text-align:left; color:#666; padding:9px; width:250px;}

/* ================================================================ 
LISTA EXCURSIONES COLUMNA DERECHA
=================================================================== */
.precio-excursion {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:red;
	font-weight:bold;
	width:30px;
	float:right;
}
.precio-vuelos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:red;
	font-weight:bold;
	width:30px;
}
.ciudades-vuelos {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666;
	font-weight:bold;
}
.excursiones-derecha {
	white-space:nowrap;
	overflow:hidden;
	width:310px;
	margin-top:30px;
}
.excursiones-derecha img {
	border:1px solid #999999;
}
.excursiones-titulo {
	float:left;
	width:180px;
}
.excursiones-titulo a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#069;
	padding-top:5px;
	font-weight:bold;
	text-decoration:none;
}
.excursion-descripcion {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	width:215px;
}
.ver-todas-excursiones a {
	text-align:right;
	float:right;
	color:orange;
	font-weight:bold;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:17px;
	text-decoration:none;
}
/* ================================================================ 
FOOTER
=================================================================== */
.footer-titulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
}
.footer-texto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#333333;
}
.footer-enlaces a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#6c80c9;
}
.footer-copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}
.footer-recomend {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666; 
}
.footer-recomend a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#3f5fd2;
}
.footer-recomend span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}
/* ================================================================ 
TABS NAVEGACION SUPERIOR
=================================================================== */

/* default styling */
.nav, .nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.nav a {
	text-decoration:none;
}
.nav {
	font-family: arial, sans-serif;
	font-size:12px;
	width:100%;
	margin:0 auto;
	text-align:left;
	height:50px;
}
.navdiv {
	background:url(/imagenes/diseno2/background-menu.png);
	width:100%; 
	height:50px;
	position:relative; 
	z-index:20000;
}
/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {
	background:#f00;
	height:50px;
}
.nav ul a {
	height:auto;
}
/* style the <b> element so that is does not affect the size of the link */
.nav a i {
	position:absolute;
	left:-9999px;
}
.nav a b {
	display:block;
	border:1px solid #94928f;
	border-width:1px 1px 0 1px;
	background:#fff;
	color:#444;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	padding:10px;
	cursor:pointer;
}
.nav a b.last {
	border-bottom-width:1px;
}
.nav b img {
	display:block;
	float:left;
	padding-right:5px;
	border:0;
}
.nav b span {
	display:block;
	font-size:14px;
	color:#069;
	padding-top:5px;
	font-weight:bold;
}
/* WIDTH change this WITH CARE to suit your requirements */

/* FOR NAV1 */
.nav1, .nav1 a {
	width:117px;
}
.nav1 a {
	margin-right:-116px;
	background:url(/imagenes/menu/ciudades.png) no-repeat left top;
}
.nav1 ul li {
	max-width:117px;
}
/* FOR NAV2 */
.nav2, .nav2 a {
	width:96px;
}
.nav2 a {
	margin-right:-95px;
	background:url(/imagenes/menu/paises.png) no-repeat left top;
} /* 1px less than the top level link width */
.nav2 ul li {
	max-width:96px;
}
/* FOR NAV3 */
.nav3, .nav3 a {
	width:139px;
}
.nav3 a {
	margin-right:-138px;
	background:url(/imagenes/menu/excursiones.png) no-repeat left top;
} /* 1px less than the top level link width */
.nav3 ul li {
	max-width:139px;
}
/* FOR NAV3 */
.nav4, .nav4 a {
	width:123px;
}
.nav4 a {
	margin-right:-122px;
	background:url(/imagenes/menu/traslados.png) no-repeat left top;
} /* 1px less than the top level link width */
.nav4 ul li {
	max-width:123px;
}
/* FOR NAV5 */
.nav5, .nav5 a {
	width:127px;
}
.nav5 a {
	margin-right:-126px;
	background:url(/imagenes/menu/hospedaje.png) no-repeat left top;
}
.nav5 ul li {
	max-width:127px;
}
/* FOR NAV6 */
.nav6, .nav6 a {
	width:89px;
}
.nav6 a {
	margin-right:-88px;
	background:url(/imagenes/menu/foros.png) no-repeat left top;
}
.nav6 ul li {
	max-width:89px;
}
/* FOR NAV7 */
.nav7, .nav7 a {
	width:132px;
}
.nav7 a {
	margin-right:-131px;
	background:url(/imagenes/menu/audioguias.png) no-repeat left top;
}
.nav7 ul li {
	max-width:132px;
}
/* FOR NAV8 */
.nav8, .nav8 a {
	width:98px;
}
.nav8 a {
	margin-right:-97px;
	background:url(/imagenes/menu/vuelos.png) no-repeat left top;
}
.nav8 ul li {
	max-width:98px;
}
/* FOR NAV9 */
.nav9, .nav9 a {
	width:59px;
}
.nav9 a {
	margin-right:-58px;
	background:url(/imagenes/menu/coches.png) no-repeat left top;
}
.nav9 ul li {
	max-width:59px;
}
.nav li.drop ul li a {
	width:350px;
	margin-right:-320px;
}
/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {
	float:left;
} /* fixes several IE related bugs, and allows for clearing */
.nav ul {
	float:left;
	position:relative;
	z-index:20;
	left:1px;
	top:-1px;
} /* necessary for float drop and to stack the <ul>s */
.nav ul li {
	clear:left;
} /* must clear the floated list item inside sublist */
.nav a {
	position:relative;
	display:block;
} /* needs to have a position, to be above the rest */
.nav a.main {
	float:left; /* necessary for float drop */
	margin-top:10000px;
} /* bring the top level links back into view */
.nav .drop {
	margin-top:-10000px;
} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {
	margin-bottom:-5000px;
} /* avoid any interaction between the subs, can be any large size */
/* ----------------------------------------------------------------------------	*/

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover, .nav a:focus, .nav3 a:active {
	margin-right:0;
	z-index:10;
	outline:0;
	background-position:left bottom;
}
.nav a:hover b, .nav a:focus b, .nav a:active b {
	background:#f8f8f8;
}
.nav .nav1 ul a:hover, .nav .nav1 ul a:focus, .nav .nav1 ul a:active {
	margin-right:-233px;
} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav2 ul a:hover, .nav .nav2 ul a:focus, .nav .nav2 ul a:active {
	margin-right:-254px;
} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav3 ul a:hover, .nav .nav3 ul a:focus, .nav .nav3 ul a:active {
	margin-right:-211px;
} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav4 ul a:hover, .nav .nav4 ul a:focus, .nav .nav4 ul a:active {
	margin-right:-227px;
} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav5 ul a:hover, .nav .nav5 ul a:focus, .nav .nav5 ul a:active {
	margin-right:-223px;
} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav6 ul a:hover, .nav .nav6 ul a:focus, .nav .nav6 ul a:active {
	margin-right:-263px;
} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav7 ul a:hover, .nav .nav7 ul a:focus, .nav .nav7 ul a:active {
	margin-right:-218px;
} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav8 ul a:hover, .nav .nav8 ul a:focus, .nav .nav8 ul a:active {
	margin-right:-252px;
} /* The margin-right value is the dropdown link width minus the top level link width */
.nav .nav9 ul a:hover, .nav .nav9 ul a:focus, .nav .nav0 ul a:active {
	margin-right:-291px;
} /* The margin-right value is the dropdown link width minus the top level link width */
/* OPERA fix */
.nav ul:hover {
	clear:left;
} /* to stop intermittent sub link :hover problems */
/* IE6 and 7 fix */
a:active {
}
/* ================================================================ 
ESQUINAS REDONDAS CONTENEDOR CAFE
=================================================================== */
.esqred {
	display:block
}
.esqred * {
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#e3e4d8
}
.esqred1 {
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #eeeee9;
	border-right:1px solid #eeeee9;
	background:#e8e8df
}
.esqred2 {
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #f5f5f3;
	border-right:1px solid #f5f5f3;
	background:#e6e7dd
}
.esqred3 {
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #e6e7dd;
	border-right:1px solid #e6e7dd;
}
.esqred4 {
	border-left:1px solid #eeeee9;
	border-right:1px solid #eeeee9
}
.esqred5 {
	border-left:1px solid #e8e8df;
	border-right:1px solid #e8e8df
}
.esqredfg {
	background:#e3e4d8
}
/* ================================================================ 
TABS MODULO HOTELES-VUELOS-COCHES
=================================================================== */

@media projection, screen {
.tabs-hide {
	display: none;
}
}
 @media print {
.tabs-nav {
	display: none;
}
}
/* Skin */
.tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
	margin-left: -2px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav li {
	float: left;
	margin: 0 0 0 0px;
	min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
	display: block;
	padding: 0 4px;
	background: url(/imagenes/diseno2/tabs.png) no-repeat;
}
.tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 2px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap; /* required in IE 6 */
}
.tabs-nav .tabs-selected a {
	color: #ffffff;
}
.tabs-nav a:hover {
	color: #ffffff;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	background-position: 100% -150px;
	outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	background-position: 100% -100px;
}
.tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 30px; /* IE 6 treats height as min-height */
	min-height: 30px;
	padding-top: 6px;
	padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.tabs-selected a span {
	padding-top: 7px;
}
.tabs-nav {
	margin-top: -1px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
	background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
	background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-nav .tabs-disabled {
	opacity: .4;
}
.tabs-container {
	border-top: 1px solid #97a5b0;
	padding: 1em 8px;
	background: #e3e4d8; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}
/* ================================================================ 
DATEPICKER - MOSTRAR CALENDARIO
=================================================================== */
input.dp-applied {
	width: 140px;
	float: left;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/imagenes/diseno2/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* ================================================================ 
SLIDESHOW FOTOS ARTICULO
=================================================================== */
ul.slideshow {
	list-style:none;
	width:310px;
	height:200px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	text-align:left;
}
ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}
ul.slideshow li.show {
	z-index:500;
}
ul img {
	border:1px solid #999999;
}
#slideshow-caption {
	width:310px;
	height:65px;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	background:#000;
	z-index:500;
}
#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;
	z-index:1000;
}
#slideshow-caption h3 {
	margin:0;
	padding:0;
	font-size:11px;
}
#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
	font-size:10px;
}
/* ================================================================ 
DATEPICKER 
=================================================================== */
table.jCalendar {
	border: 1px solid #666;
	background: #e4e4e4;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #74cc61;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #f1f1f1	;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px; 
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
	margin-left: -120px;  
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


/* ================================================================ 
SLIDER PAGINA PRINCIPAL
=================================================================== */

.container {
	overflow: hidden;
	width: 650px;
	margin: 0 auto;
}
#main {
	background: #f7f7f7;
	font: 10px normal Arial, Helvetica, sans-serif;
	;
	margin: 0;
	padding: 0;
	outline: none;
}
#main a {
	color: #fff;
}
/*--Main Image Preview--*/
.main_image {
	width: 500px;
	height: 338px;
	float: right;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
	border: 6px solid #f09174;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	padding: 10px;
	margin: 0;
	line-height: 1.6em;
}
.block small {
	padding: 0 0 0 20px;
	background: url(icon_calendar.gif) no-repeat 0 center;
	font-size: 1em;
}
.main_image .block small {
	margin-left: 10px;
}
.main_image .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
}
.main_image .block {
	width: 100%;
	border-top: 0px solid #000;
	background-color: #5BC245;
	padding: 7px 10px 7px 10px;
}
.blockp-titulo {
	font-weight: bold;
	font-size: 23px;
}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px;
	width: 93px;
	text-indent: -99999px;
	position: absolute;
	top: -27px;
	right: 20px;
}
.main_image a.show {
	background-position: left bottom;
}
.image_thumb {
	float: right;
	width: 131px;
	background: #f7f7f7;
	margin-right: -1px;
}
.image_thumb img {
	padding: 5px;
	background: #fff;
	float: left;
}
.image_thumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.image_thumb ul li {
	margin: 0;
	padding: 12px 10px;
	width: 110px;
	float: left;
	font-size: 17px;
	color: #fff;
	background-color: #f0c274;
	margin-bottom: 7px;
	font-weight: bold;
}
.image_thumb ul li.hover {
	background: #f09174;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #f09174;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 170px;
}
.image_thumb ul li p {
	display: none;
}
.image_thumb ul li h2 a {
	color: #666666;
	text-decoration:none;
}
.main_image1 {	width: 450px;
	height: 456px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.blockp-descripcion {
	font-weight: normal;
	font-size: 13px;
}
.blockp-titulo a {
	font-weight: bold;
	font-size: 23px;
	text-decoration: none;
}
.blockp-descripcion a {
	font-weight: normal;
	text-decoration: none;
	font-size: 13px;
}
.texto-pequeno {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.link-col-der {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00F;
	text-decoration: underline;
	font-weight:bold;
}
.links-excursiones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00F;
	text-decoration: underline;
	font-weight:bold;
}
/*FOOTER*/
#footer-width {
	width: 980px;
}
#cont-footer-boletin {width:260px; float:left; margin-top:20px; text-align:left;}
.footer-titulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
}
.footer-texto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#333333;
}
.footer-enlaces a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#6c80c9;
}
.footer-copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}
.footer-recomend {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	width:705px; margin:20px 0 0 15px; float:right; text-align:left
}
.footer-recomend a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#3f5fd2;
}
.footer-recomend span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold; 
	color:#333333;
}
.separ-vert-footer {float:right; margin-left:5px}
.icono-footer {float:left; margin-right:4px;}
.input-footer {margin-left:3px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#999999; width:170px;}
.ok-footer {margin-bottom:-6px;}
.separ-hor-footer {margin:5px 0 14px 0;}
.separ2-hor-footer {vertical-align:top; margin:0px 0 4px 0;}
.cont-datos-footer {width:240px; height:70px; margin:14px 0 0 0; padding:0;}
.lista-datos-footer {width:90px; float:left; margin:0 0 0 20px; padding:0;}
.lista-datos-footer ul {margin:0; padding:0; list-style:square; list-style-position:inside;}
.lista2-datos-footer {width:105px; float:right; margin:0 5px 0 0; padding:0;}
.lista2-datos-footer ul {margin:0; padding:0; list-style:square; list-style-position:inside;}
.cont-logo-footer {width:870px}
.logo-footer {float:left;}
/*HEADER*/
#cont-logo-buscador {text-align:left; padding:18px 18px 15px 18px;}
.buscador {float:right; margin:10px 100px 0 0;}
.menu-header{margin-top:6px; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; width:97%; padding:8px 0 8px 0; text-align:left }
.ads-header { border-top:0px solid #b4b4b4; border-bottom:1px solid #b4b4b4; width:97%; padding:8px 0 8px 0; text-align:left}