

/* Cabeceras comunes */
@import url(/css/font_verdana.css);
@import url(/css/font_arial.css);
@import url(/css/botones.css);

/* Tarifas */
@import url(/css/tarifas/rates.css);
/* Reservaciones */
@import url(/css/reservas/boxes.css);
@import url(/css/reservas/reservas.css);
/* Hoteles */
@import url(/css/hoteles/hoteles.css);
@import url(/css/hoteles/boxes.css);
/* Calendario */
@import url(/calendario/default.css);

.main-menu{	
	width: 100%;
}

.main-menu H3{
	padding: 3px 0 3px 0;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
}

.main-menu A:link{
	border-bottom: solid 1px #f5f5f5;
	color: #336699;
	text-decoration: none;
	width: 100%;
}

.main-menu A:visited{
	border-bottom: solid 1px #f5f5f5;
	color: #336699;
	text-decoration: none;
	width: 100%;
}

.main-menu A:hover{
	color: #FF9900;
	border-bottom: 1px solid #EEEEE5;
	text-decoration: none;
	background-color: #f9f9f9;
	width: 100%;
}
 
 /* */

.directory{	
	background-color: #98BDE0;
	border: solid 1px #336699;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 100%;
}

.directory H3{
	background-color: #74A2CE;
	padding: 2px 2px 2px 5px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	border-top: solid 1px #336699;
}


.directory H4{
	border-top: solid 1px #336699;
	padding: 3px;
	padding-left: 5px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

.directory H4 A:link{
	color: #FFFFFF;
}

.directory H4 A:visited{
	color: #FFFFFF;
}

.directory H4 A:hover{
	color: #FFFFFF;
}
/* Colores negros */
.VerdanaXXSmall{ font: xx-small Verdana, Arial, Helvetica, sans-serif; }
.VerdanaXXSmallBold{ font: bold xx-small Verdana, Arial, Helvetica, sans-serif; }

.VerdanaXSmall{ font: x-small Verdana, Arial, Helvetica, sans-serif; }
.VerdanaXSmallBold{ font: bold x-small Verdana, Arial, Helvetica, sans-serif; }

.VerdanaSmaller{ font: smaller Verdana, Arial, Helvetica, sans-serif; }
.VerdanaSmallerBold{ font: bold smaller Verdana, Arial, Helvetica, sans-serif; }

.VerdanaSmall{ font: small Verdana, Arial, Helvetica, sans-serif; }
.VerdanaSmallBold{ font: bold small Verdana, Arial, Helvetica, sans-serif; }

.VerdanaMedium{ font: medium Verdana, Arial, Helvetica, sans-serif; }
.VerdanaMediumBold{ font: bold medium Verdana, Arial, Helvetica, sans-serif; }

.VerdanaLarge{ font: large Verdana, Arial, Helvetica, sans-serif; }
.VerdanaLargeBold{ font: bold large Verdana, Arial, Helvetica, sans-serif; }

.Verdana12{ font: 12px Verdana, Arial, Helvetica, sans-serif; }
.Verdana12Bold{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

.Verdana13{ font: 13px Verdana, Arial, Helvetica, sans-serif; }
.Verdana13Bold{ font: bold 13px Verdana, Arial, Helvetica, sans-serif; }

.Verdana14{ font: 14px Verdana, Arial, Helvetica, sans-serif; }
.Verdana14Bold{ font: bold 14px Verdana, Arial, Helvetica, sans-serif; }

.Verdana16{ font: 16px Verdana, Arial, Helvetica, sans-serif; }
.Verdana16Bold{ font: bold 16px Verdana, Arial, Helvetica, sans-serif; }

/* Colores rojos */
.Verdana8Red{ font: 8px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.Verdana8BoldRed{ font: bold 8px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

.Verdana9Red{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.Verdana9BoldRed{ font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

.Verdana10Red{ font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.Verdana10BoldRed{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

.Verdana11Red{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.Verdana11BoldRed{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

.Verdana12Red{ font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.Verdana12BoldRed{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

.Verdana13Red{ font: 13px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.Verdana13BoldRed{ font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

.Verdana14Red{ font: 14px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.Verdana14BoldRed{ font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

.Verdana16Red{ font: 16px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.Verdana16BoldRed{ font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

/* Colores grises */
.Verdana12Gray{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #C5C5C5;
}

.Verdana14Gray{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #C5C5C5;
}

/* Colores blancos */
.Verdana14BoldWhithe{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* Colores azules */
.Verdana14BoldBlue{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #0092DD;
}

.Verdana16BoldUnderOrange{
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: solid 0px #FFCC33;
	border-bottom-width: 1px;
}

/* Colores marrones */
.Verdana14BoldMarron{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
}

.Verdana16BoldMarron{
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
}

.Verdana18BoldMarron{
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
}

.Verdana22BoldMarron{
	font: bold 22px Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
}

.VerdanaMediumMarron{ font: medium Verdana, Arial, Helvetica, sans-serif; color: #CC6600;}
.VerdanaMediumBoldMarron{ font: bold medium Verdana, Arial, Helvetica, sans-serif; color: #CC6600;}

.VerdanaLargeMarron{ font: large Verdana, Arial, Helvetica, sans-serif; color: #CC6600;}
.VerdanaLargeBoldMarron{ font: bold large Verdana, Arial, Helvetica, sans-serif; color: #CC6600;}

/* Colores negros font: Arial, Helvetica, sans-serif */
.ArialXXSmall{ font: xx-small Arial, Helvetica, sans-serif; }
.ArialXXSmallBold{ font: bold xx-small Arial, Helvetica, sans-serif;}

.ArialXSmall{ font: x-small Arial, Helvetica, sans-serif; }
.ArialXSmallBold{ font: bold x-small Arial, Helvetica, sans-serif;}

.ArialSmall{ font: small Arial, Helvetica, sans-serif; }
.ArialSmallBold{ font: bold small Arial, Helvetica, sans-serif;}

.Arial8{ font: 8px Arial, Helvetica, sans-serif; }
.Arial8Bold{ font: bold 8px Arial, Helvetica, sans-serif;}

.Arial9{ font: 9px Arial, Helvetica, sans-serif; }
.Arial9Bold{ font: bold 9px Arial, Helvetica, sans-serif; }

.Arial10{ font: 10px Arial, Helvetica, sans-serif; }
.Arial10Bold{ font: bold 10px Arial, Helvetica, sans-serif; }

.Arial11{ font: 11px Arial, Helvetica, sans-serif; }
.Arial11Bold{ font: bold 11px Arial, Helvetica, sans-serif; }

.Arial12{ font: 12px Arial, Helvetica, sans-serif; }
.Arial12Bold{ font: bold 12px Arial, Helvetica, sans-serif; }

.Arial13{ font: 13px Arial, Helvetica, sans-serif; }
.Arial13Bold{ font: bold 13px Arial, Helvetica, sans-serif; }

.Arial14{ font: 14px Arial, Helvetica, sans-serif; }
.Arial14Bold{ font: bold 14px Arial, Helvetica, sans-serif; }

.Arial16{ font: 16px Arial, Helvetica, sans-serif; }
.Arial16Bold{ font: bold 16px Arial, Helvetica, sans-serif; }

/* Colores rojos */
.Arial8Red{ font: 8px Arial, Helvetica, sans-serif; color: #FF0000; }
.Arial8BoldRed{ font: bold 8px Arial, Helvetica, sans-serif; color: #FF0000; }

.Arial9Red{ font: 9px Arial, Helvetica, sans-serif; color: #FF0000; }
.Arial9BoldRed{ font: bold 9px Arial, Helvetica, sans-serif; color: #FF0000; }

.Arial10Red{ font: 10px Arial, Helvetica, sans-serif; color: #FF0000; }
.Arial10BoldRed{ font: bold 10px Arial, Helvetica, sans-serif; color: #FF0000; }

.Arial11Red{ font: 11px Arial, Helvetica, sans-serif; color: #FF0000; }
.Arial11BoldRed{ font: bold 11px Arial, Helvetica, sans-serif; color: #FF0000; }

.Arial12Red{ font: 12px Arial, Helvetica, sans-serif; color: #FF0000; }
.Arial12BoldRed{ font: bold 12px Arial, Helvetica, sans-serif; color: #FF0000; }

.Arial13Red{ font: 13px Arial, Helvetica, sans-serif; color: #FF0000; }
.Arial13BoldRed{ font: bold 13px Arial, Helvetica, sans-serif; color: #FF0000; }

.Arial14Red{ font: 14px Arial, Helvetica, sans-serif; color: #FF0000; }
.Arial14BoldRed{ font: bold 14px Arial, Helvetica, sans-serif; color: #FF0000; }

.Arial16Red{ font: 16px Arial, Helvetica, sans-serif; color: #FF0000; }
.Arial16BoldRed{ font: bold 16px Arial, Helvetica, sans-serif; color: #FF0000; }

/* Colores grises */
.Arial12Gray{
	font: 12px Arial, Helvetica, sans-serif;
	color: #C5C5C5;
}

.Arial14Gray{
	font: 14px Arial, Helvetica, sans-serif;
	color: #C5C5C5;
}

/* Colores blancos */
.Arial14BoldWhithe{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* Colores azules */
.Arial14BoldBlue{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #0092DD;
}

.Arial16BoldUnderOrange{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	border: solid 0px #FFCC33;
	border-bottom-width: 1px;
}

/* Colores marrones */
.Arial14BoldMarron{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #CC6600;
}

.Arial16BoldMarron{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #CC6600;
}

.Arial18BoldMarron{
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #CC6600;
}
.botones{
	background-color: #CC0000;
	border: solid 1px #CC0000;
}

.botones span{
	color: #000000;
	padding: 5px;
}

.botones span A:link{ 
	font: bold 79% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; }
	
.botones span A:visited{ 
	font: bold 79% Verdana, Arial, Helvetica, sans-serif;
	color: #F5F5F5; }
	
.botones span A:hover{ 
	font: bold 79% Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00; 
}.boxRates{
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
	background-color: #FDFDFD;
	border: solid 1px #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*****************************************************************************
 *	
 *	rateslist class
 *
 */
.ratelist{
	background-color: #FFE4A4;
	border-bottom: 0;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #000000;
	border-left: solid 1px #FFFFFF;
}

.ratelist span{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
}

.ratelist A:link{ 
	font: 11px Arial, Helvetica, Sans-serif; 
	color: #000000; 
	text-decoration: none;
	padding-left: 2px;
}

.ratelist A:visited{ 
	font: 11px Arial, Helvetica, Sans-serif; 
	color: #000000; 
	text-decoration: none;
	padding-left: 2px;
}

.ratelist A:hover{ 
	font: 11px Arial, Helvetica, Sans-serif; 
	color: #FF9900; 
	text-decoration: underline;
	padding-left: 2px;
}

/*****************************************************************************
 *	
 *	ratesumary class
 *
 */
.ratesumary{
	background-color: #336699;
	border: solid 1px #000000;
	padding: 2px;
	width: 97%;
}

.ratesumary H3{
	margin:0;
	padding: 3px;
	padding-left: 5px;
	color: #FFFFFF;
	font-size: 22px;
}

.ratesumary TABLE{
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

.ratesumary TABLE.det{
	padding: 0;
	margin: 0;
}

/*****************************************************************************
 *	
 *	editrate class
 *
 */
.editrate{
	background-color: #EEEEFF;
	border: 0;
	color: #000000;
	text-align: right;
}

.editrateON{
	background-color: #FFFFFF;
	border: groove 1px;
	color: #000000;
	text-align: right;
}


/*****************************************************************************
 *	
 *	tarifas class
 *
 */
.tarifas{
	background-color: #EEEEEF;
	border: solid 1px #FFFFFF;
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
}

.tarifas TH{
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
	font: bold xx-small Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

.tarifas TD{
	border-top: solid 2px #EEEEEF;
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
}

.tarifas TR.rowWhite{
	font: bold Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEEEEF;
}
.error{
	background-color: #FFFFCC;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	width: 80%;
	padding: 5px;
	border: solid 1px #FFCC00;
	margin: 5px;
}


.leyenda_bottom{
	background-color: #EEEEE5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	color: #000099;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-style: solid;
	border-color: #999999;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

.leyenda_tax{
	background-color: #EEEEE5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	color: #FF0000;
	width: 98%;
	padding: 5px;
	border: solid 1px #999999;
}

.novacancy{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	color: #FF0000;
	padding-bottom: 10px;
	padding-top: 10px;
}


/*****************************************************************************
 *	
 *	boxdispo class
 *
 */
.boxdispo{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #336699;
	background: #FFFFFF url(/images/bgdisp.gif) top repeat-x;
	width: 99%;
	display: block;
}

.boxdispo DIV{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.boxdispo FORM{	
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}

.boxdispo FILEDSET{
	padding: 0px;	
	margin: 0px;
}

.boxdispo LABEL{
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
}

.boxdispo DIV.date1{
	width: 50%;
	float: left;
	display: inline;
	padding-left: 10px;
}

.boxdispo DIV.date2{
	text-align: left;
	width: 50%;
	float: right;
}

.boxdispo DIV.rooms{
	width: 25%;
	float: left;	
	padding-left: 10px;
	display: inline;
}

.boxdispo DIV.guests{
	width: 35%;
	float: left;
	padding-left: 10px;
	display: inline;	
}

.boxdispo DIV.kids{
	width: 35%;	
	float: right;
	display: block;
}

.boxdispo DIV.opciones{	
	padding: 3px;
	border-top: solid 1px #336699;
	background-color: #FFFFFF;
}

.boxdispo DIV.opciones A:link{
	color: #0000FF;
	font-weight: bold;
}

.boxdispo DIV.opciones A:visited{
	color: #0000FF;
	font-weight: bold;
}

.boxdispo DIV.opciones A:hover{
	color: #FF9900;
	font-weight: bold;
}

.boxdispo .opciones SPAN{	
	width: 48%;
	padding-left: 5px;
	text-align: right;
}

.boxdispo .opciones SPAN.more A:link{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.boxdispo .opciones SPAN.more A:visited{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;	
}

.boxdispo .opciones SPAN.more A:hover{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;	
}

.boxdispo A:link{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
}

.boxdispo A:visited{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
}

.boxdispo A:hover{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #FF9900;
}

/* Con clases */

.boxdispo H3{	
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	width: 100%;	
	background-color: #336699;
	border: solid 0px #336699;
	border-bottom-width: 1px;
}

/*
 *	Layout para las edades de los niņos
 *
 */
 
.boxdispo .kidslist{
	font: bold 12px Arial, Helvetica, sans-serif;
	border-top: solid 1px #336699;
	background-color: #FFFFDD;
	padding: 5px 1px 5px 4px;
	padding-bottom: 7px;
	display: none;
}

.boxdispo .kidslist DIV{
	display: block;
	background-color: #FFFFDD;
}

.boxdispo SPAN{
	font: 11px Arial, Helvetica, sans-serif;
	padding: 3px 0 5px 0;
}
 
.boxdispo SPAN.k1{
	width: 25%;
	display: none;
}

.boxdispo SPAN.k2{
	width: 17%;
	display: none;
}

.boxdispo SPAN.k3{
	width: 17%;
	display: none;
}

.boxdispo SPAN.k4{
	width: 17%;
	display: none;
}

.boxdispo SPAN.k5{
	width: 17%;	
	display: none;
}

.boxdispo .hideroom{
	display: none;
	padding: 5px 0 5px 0;
}


/*
 *	Layout para las edades de los niņos
 *
 */
 
.kidslist{
	font: bold x-small Arial, Helvetica, sans-serif;
	border: solid 1px #336699;
	background-color: #FFFFEE;
	padding: 5px;
	padding-bottom: 7px;
	display: none;
}

.kidslist DIV{
	display: block;
}
 
SPAN.k1{
	width: 25%;
	display: none;
}

SPAN.k2{
	width: 17%;
	display: none;
}

SPAN.k3{
	width: 17%;
	display: none;
}

SPAN.k4{
	width: 17%;
	display: none;
}

SPAN.k5{
	width: 17%;	
	display: none;
}

.hideroom{
	display: none;
	padding: 5px 0 5px 0;
}


/*****************************************************************************
 *	
 *	steps class
 *
 */
.steps{
	font: small Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #336699;
	background-color: #FFFFEE;
	width: 100%;
}

.steps H3 SPAN.capital{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 2px;
	background-color: #EE0000;
	margin: 2px;
}

.steps H3{	
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
	width: 100%;	
	/* background-color: #D9EA9E; 
	border: solid 0px #CADFA6; D4DEDD 94CBEF*/
	background-color: #336699;
	border: solid 0px #000000;
	border-bottom-width: 1px;
	padding: 2px;
}

.steps FORM{
	margin: 0;
	padding: 0;
}

.steps UL{
	display: inline;
	text-decoration: none;
	margin: 0;
}

.steps UL LI{	
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 2px;
	display: inline;
	text-decoration: none;
	width: 100%;
}

.steps A:link{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: none;
}

.steps A:visited{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: none;
}

.steps A:hover{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #FF0000;
}

/* Con clases */

.steps H3 A:link{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;	
	width: 100%;
}


.steps H3 A:visited{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	width: 100%;
}

.steps H3 A:hover{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	text-decoration: none;
	background-color: #D9FE9E;
	width: 100%;
}

/*****************************************************************************
 *	
 *	resnav class
 *
 */

.resnav{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #F9F9F9;	
	width: 100%;
	border: solid 1px #EE0000;
	color: #000000;
}

UL.resnav{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	display: inline;
	text-decoration: none;
	padding: 0;	
}

.resnav LI{	
	display: inline;
	margin: 0;
	padding-left: 0px;
	padding-right: 13px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;	
}

.resnav LI DIV{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #FF6600;
	display: inline;
	padding: 6px;
	margin-right: 7px;
}

.resnav LI.selected{
	background-color: #EE0000;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.resnav A:link{
	color: #0000FF;
	background-image: url(images/bbullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 8px;
}

.resnav A:visited{
	color: #0000FF;
	background-image: url(images/bbullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 8px;
}

.resnav A:hover{
	color: #FF9933;
	padding-left: 8px;
}

.resnav A:active{
	color: #FF9933;
	background-color: #F5F5F5;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 8px;
}

.letter{
	background-color: #cc6600;
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 3px;
}
.img{
	border: solid 2px #FFFFFF;
	border-bottom-width: 25px;
	border-right-width: 5px;
}

.boxGray{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: solid 1px #787878;	
}

.boxGray .th{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.boxGray TH{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.boxmsg{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 15px;
	margin: 5px 0 5px 0;
	background-color: #FFFFCC;
	border: solid 1px #FF9900;
	text-align: justify;
}


.hr{
	width: 0;
	margin: 3px 0 0 0;
}

.stars{
	font: 1px Verdana, Arial, Helvetica, sans-serif;
	color: #FFE4A4;
}

/*****************************************************************************
 *	
 *	hotelbox class
 *
 */
.hotelbox{
	font: small Verdana, Arial, Helvetica, sans-serif;
	border: solid 2px #FFE4A4;
	border-bottom-width: 1px;
	width: 100%;
	margin-left: 8px;
}

.hotelbox P{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0;
}

.hotelbox H3{		
	margin: 0;		
	background-color: #FFE4A4;	
	padding: 3px;
	border: solid 0px #C6C6C6;
	border-bottom-width: 1px;
	width: 100%;
}

.hotelbox H3 A:link{
	font: bold medium Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	text-decoration: none;
	width: 70%;	
}


.hotelbox H3 A:visited{
	font: bold medium Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	text-decoration: none;
	width: 70%;	
}

.hotelbox H3 A:hover{
	font: bold medium Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	text-decoration: none;
}

.hotelbox A:link{
	color: #0000FF;
}

.hotelbox A:hover{
	color: #FF9933;
}

.hotelbox A IMG{
	float: left;
	margin: 2px 10px 10px 2px;
	border: solid 1px #000000;
}

.hotelbox DIV{
	width: 100%;
}

TR.headers TD{
	background-color: #FFCC66;
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
}

.hotelbox TD{
	font: 97% Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

.hotelbox A:link{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}

.hotelbox A:visited{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}

.hotelbox A:hover{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}


#img-top{
	background-color: #FFFFFF;
	width: 720px;
	height: 14px;
	margin-left: 0px;
	padding: 4px;
}

#center-top-box{	
	background-color: #BDE78C;
	width: 720px;
	height: 27px;
	left: 0px;
	padding: 5px;
}

#img-bottom{
	background: url(/skins/default/images/lb_corner.gif) left top no-repeat;
	background-color: #FFFFFF;
	width: 720px;
	height: 25px;
	left: 0px;
	display: block;
	margin: 0;
}

#img-bottom SPAN{
	background: #BDE78C url(/skins/default/images/rb_corner.gif) right top no-repeat;
	width: 709px;
	height: 14px;
	padding-left: 20px;
	float: right;
	display: block;
	margin: 0;
}

#foot-links{
	padding-left: 3px;
}

#foot-text{
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #767676;
	padding: 5px;
	margin: 5px;
	margin-bottom: 20px;
	line-height: 15px;
	display: block;
	margin-top: 20px;
}

#contenido{
	background-color: #D9EA9E;
	width: 720px;
	height: 300px;
	display: block;
}

.contenido{
	background-color: #D9EA9E;
	width: 720px;
	display: block;
}

#contenidoBorder{
	background-color: #D9EA9E;
	width: 720px;
	padding-bottom: 4px;
}

.left-box{
	width: 133px;
	float: left;
	display: inline;
	padding-left: 4px;
}

.right-box{
	background-color: #FFFFFF;
	width: 578px;
	float: right;
	margin-left: 0px;
	padding-left: 3px;
}


.left-content{
	width: 52%;
	margin-right: 1px;
	margin-top: 5px;
	float: left;
	display: inline;
	padding-left: 5px;
}

.right-content{
	width: 45%;
	margin-left: 3px;
	margin-top: 5px;
	float: right;
	display: block;
}


/*****************************************************************************
 *	
 *	clearbox class
 *
 */
.clearbox{
	font: small Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #336699;
	background-color: #EEEEFF;
	width: 99%;
	display: block;
}

/* Con clases */

.clearbox H3{	
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	width: 100%;	
	background-color: #336699;
	border: solid 0px #336699;
	border-bottom-width: 1px;
}

.clearbox H3 A:link{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;	
	width: 100%;
}


.clearbox H3 A:visited{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	width: 100%;
}

.clearbox H3 A:hover{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	text-decoration: none;
	background-color: #D9FE9E;
	width: 100%;
}


.clearbox DIV{
	font: small Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;	
}

.clearbox UL{
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.clearbox UL LI{	
	display: block;
	padding: 4px;	
}

.clearbox LI A:link{
	color: #0000FF;
	display: block;
}

.clearbox LI A:visited{
	color: #0000FF;
	display: block;
}

.clearbox LI A:hover{
	color: #FF9933;
	display: block;
	background-color: #FFFFFF;
}

/*****************************************************************************
 *	
 *	boxinfo class
 *
 */
.boxinfo{
	border: solid 1px #74A2CE;
	background-color: #FFFFFF;
	text-align: left;
}

.boxinfo A IMG{
	text-align: left;
	vertical-align: top;
}

.boxinfo A:link{
	color: #0000FF;
	text-decoration: none;
}

.boxinfo A:visited{
	color: #0000FF;
	text-decoration: none;
}

.boxinfo A:hover{
	text-decoration: underline;
	color: #FF0000;
}

/* Con clases */

.boxinfo H3{	
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding-left: 5px;
	width: 100%;	
	background-color: #336699;
	border: solid 0px #336699;
	border-bottom-width: 1px;
	color: #FFFFFF;
}

.boxinfo H3 A:link{
	color: #FFFFFF;
	text-decoration: none;	
}


.boxinfo H3 A:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.boxinfo H3 A:hover{
	color: #FFFFFF;
	text-decoration: none;
}


.boxinfo DIV{
	padding: 3px;	
}

.boxinfo UL{
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
}

.boxinfo UL LI{	
	display: block;	
	padding: 3px;
	margin: 0;
}

.boxinfo LI A:link{
	text-decoration: underline;
}

.boxinfo LI A:visited{
	text-decoration: underline;
}

.boxinfo LI A:hover{
	color: #FF9933;
	text-decoration: underline;
}


/*****************************************************************************
 *	
 *	toolbox class
 *
 */
.toolbox{
	/* border: solid 1px #FFCC66; #F0F9E0 D6DF5A*/
	border: solid 1px #336699;
	background-color: #FFFFFF;
	margin-top: 3px;
}

.toolbox TD{
	font: small Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

.toolbox A:link{
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: none;
}

.toolbox A:visited{
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: none;
}

.toolbox A:hover{
	font: small Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #FF0000;
}

/* Con clases */

.toolbox H3{	
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
	padding-left: 5px;
	width: 100%;	
	background-color: #336699;
	border: solid 0px #336699;
	border-bottom-width: 1px;
}

.toolbox TH{	
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
	background-color: #336699;
	border: solid 0px #336699;
	border-bottom-width: 1px;
}

.toolbox H3 A:link{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;	
	width: 100%;
}


.toolbox H3 A:visited{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	width: 100%;
}

.toolbox H3 A:hover{
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	text-decoration: none;
	background-color: #D9FE9E;
	width: 100%;
}


.toolbox DIV{
	font: small Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;	
}

.toolbox UL{
	text-decoration: none;
	margin: 0;
}

.toolbox UL LI{	
	text-decoration: none;
	padding: 0px;
	width: 100%;
	border: solid 0px #DAEFD9;
	border-bottom-width: 1px;
}

.toolbox LI A:link{
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: none;
	display: block;
	padding: 3px;	
}

.toolbox LI A:visited{
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: none;
	display: block;
	padding: 3px;
}

.toolbox LI A:hover{
	font: small Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FF9933;
	display: block;
	padding: 3px;
}

/*****************************************************************************
 *	
 *	localbox class
 *
 */
.localbox{
	font: small Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #336699;
	background-color: #EEEEFF;
	width: 99%;
	display: block;
}

/* Con clases */

.localbox H3{	
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	width: 100%;	
	background-color: #336699;
	border: solid 0px #336699;
	border-bottom-width: 1px;
}

.localbox H3 A:link{
	color: #000000;
	text-decoration: none;	
}


.localbox H3 A:visited{
	color: #000000;
	text-decoration: none;
}

.localbox H3 A:hover{
	color: #CC6600;
	text-decoration: none;
	background-color: #D9FE9E;
}


.localbox DIV{
	padding: 1px;	
}

.localbox UL{
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.localbox UL LI{	
	display: block;	
	width: 100%;
	padding: 4px;
	padding-bottom: 8px;
}

.localbox LI A:link{
	color: #0000FF;
}

.localbox LI A:visited{
	color: #0000FF;
}

.localbox LI A:hover{
	color: #FF9933;
}.welcome{	
	width: 80%;
	float: left;
	padding-left: 2px;
	font: bold small Verdana, Arial, Helvetica, sans-serif;	
}

.slogan{
	width: 720px;
	height: 90px;
	font: 0px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	margin-bottom: 5px;
	display: none;
}
.headmenu{
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 2px 0 2px 0;
}

.headmenu UL{
	padding: 0;
	margin: 0;
}

.headmenu LI{
	display: inline;
	background-color: #336699;
	/* background-color: #990000; Rojo*/
	/* background-color: #FFE36B; Amarillo */
	/* background-color: #BDE78C; Color verde*/	
	padding: 3px 8px 5px 8px;
	margin-left: 1px;
}

.headmenu H3{
	display: inline;
	border: solid 1px #000000;
	background-color: #336699;
	padding: 3px 8px 5px 8px;
	margin-left: 1px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}

.headmenu A:link{
	color: #FFFFFF;
	text-decoration: none;
}

.headmenu A:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.headmenu A:hover{
	color: #FFEE66;
	text-decoration: none;
	padding-top: 5px;
}

 /* 
  *
  * Top head menu 
  *
  */
 
.topheadmenu{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}

.topheadmenu LI{
	display: inline;
}

.topheadmenu A:link{
	color: #0000FF;
}

.topheadmenu A:visited{
	color: #0000FF;
}

.topheadmenu A:hover{
	color: #FF9933;
}

/*
 *	Top-nav
 */
 
.top-nav{
	/* background-color: #FFDF7B; */
	padding: 3px;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}

.top-nav A:link{	
	color: #0000FF;
}

.top-nav A:visited{
	color: #0000FF;
}

.top-nav A:hover{
	color: #FF9933;
}

BODY{
	font: small Verdana, Arial, Helvetica, Sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

INPUT{
	font: small Verdana, Arial, Helvetica, Sans-serif;
}

LI{
	padding: 3px;
}

DIV, SPAN, TD{
	font: small Verdana, Arial, Helvetica, sans-serif;
}

FIELDSET{
	padding-bottom: 15px;
	margin: 0;
	border: 0;
}

LEGEND{
	padding: 3px;
	margin 0;
	margin-bottom: 10px;
	border: solid 0px #FFCC00;
	border-bottom-width: 1px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
	width: 100%;
}

HR{
	height: 1px;
	background-color: #FFCC00;
}

A:link{
	color: #0000FF;
}

A:hover{
	color: #FF9933;
}
.cal{
	border: solid 2px #000000;
	width: 140px;
	background-color: #989898;
}

.selMonth{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(/images/bgdisp.gif);
	border-bottom: solid 1px #000000;
	width: 162px;
}

#weekDays{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	width: 100%;
	padding: 2px 0px 2px 0px ;
}

#weekDays B{
	padding: 2px 7px 2px 6px ;
}

#mes{
	width: 100%;	
}

#mes TABLE{
	margin: 0;
	border: 0;
	padding: 0;
}

s{
	color: #C9C9C9;
	text-decoration: none;
	cursor: not-allowed;
}

#mes{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mes .wday{
	padding: 1px 3px 1px 2px;
	border: solid 1px #FFFFFF;
	border-left: solid 1px #F5F5F5;
	border-bottom: solid 1px #F5F5F5;
	background-color: #FFFFFF;
	width: 100%;
}

#mes TD.wday A:link{
	color: #000000;
	text-decoration: none;	
}

#mes TD.wday A:visited{
	color: #000000;
	text-decoration: none;
}

#mes TD.wday A:hover{
	color: #000000;
	text-decoration: none;
	background-color: #FF99EE;
}

.calPie{
	width: 162px;
	background-color: #FFFFFF;
	border: solid 0 #000000;
	border-top-width: 1px;
	text-align: center;
	padding: 2px 0 2px 0;
}

.calPie A:link{
	color: #0000FF;
}

.calPie A:visited{
	color: #0000FF;
}

.calPie A:hover{
	color: #FF9966;
}

.holder{
	position: absolute; 
	display: none; 
	z-index: 100; 
	width: 166px; 
	height: 186px;
}
@media print{
	#no-print{ display: none; }
	.no-print{ display: none; }
	
	#img-bottom{ display: none; }
	.left-box{ display: none; }
	.top-nav{ display: none; }
	.headmenu{ display: none; }
	#contenidoBorder{ display: none; }
	#center-top-box{ display: none; }
	#foot-links{ display: none; }
	
	#logo{
		padding: 20px;
	}
		
	.titular{
		font-size: medium;
	}
}

@media screen{
	/* Cabeceras comunes */
	@import url(/css/default.css);
	
	/* Esquema principal */
	@import url(/skins/default/ie/layout.css);
	@import url(/skins/default/ie/boxes.css);
	@import url(/skins/default/ie/slogan.css);
	@import url(/skins/default/ie/menus.css);	
	@import url(/skins/default/ie/html.css);	
}

.titular{
	font: small Verdana, Arial, Helvetica, sans-serif;
	display: none;
}		

#foot-text A:link{
	color: #999988;
	text-decoration: underline;
}

#foot-text A:visited{
	color: #999988;
	text-decoration: underline;
}	

#foot-text A:hover{
	color: #FF9933;
	text-decoration: underline;
}
