/**
	DARKBLUE SPRING 2007
	(C)2007 DarkBlue Consulting

**/
body
{
	font-family: Arial, Helvetica, sans-serif;
	background: #CCCCCC;
	margin: 0px;
	color: #666666;
}
/********************************************************************************************************************
	HEADER
**/
#header
{
	background: #F7F7F7 url( 'headerback.gif' ) no-repeat left top;
	text-align: left;
	vertical-align: top;
	height: 70px;
}
/********************************************************************************************************************
	HOME MENU
**/
#homeMenu
{
	background: #F7F7F7 url("h-menuBack.gif") no-repeat left top;
	vertical-align: top;
	text-align: left;
}
#homeMenu p
{
	color: #098843;
	font-size: 11px;
}
#homeMenu a
{
	background: url("h-bulletOff.gif") no-repeat center top;
	color: #098843;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 35px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	text-decoration: none;
}
#homeMenu a:hover
{
	background: url("h-bulletOn.gif") no-repeat center top;
	color:#292671;
	text-decoration: none;
}
#homeMenu .sel a
{
	background: url("h-bulletOn.gif") no-repeat center top;
	color: #292671;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 35px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	text-decoration: none;
}
#homeMenu .sel a:hover
{
	background: url("h-bulletOn.gif") no-repeat center top;
	text-decoration: none;
}
/********************************************************************************************************************
	HOME content
**/
#homeContent
{
	padding: 5px;
	background: #F7F7F7;
}
#homeContent p
{
	padding: 0px 10px 4px 10px;
	color: #666666;
	font-size: 14px;
}
#homeContent .copete
{
	color: #036635;
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
	font-family: "MS Sans Serif";
}
/********************************************************************************************************************
	MENU
**/
#menu
{
	background: #F7F7F7 url( 'menuBack.gif' ) repeat-x left top;
	vertical-align: bottom;
	text-align: left;
	height: 35px;
}
#menu p
{
	color: #098843;
	font-size: 11px;
}
#menu a
{
	background: url(bulletOff.gif) no-repeat center top;
	color: #098843;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 22px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
}
#menu a:hover
{
	background: url("bulletOn.gif") no-repeat center top;
	color:#292671;
	text-decoration: none;
}
#menu .sel
{
	background: url(bulletOn.gif) no-repeat center top;
	color: #292671;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 22px;
	padding-left: 8px;
	padding-right: 8px;
	display: block;
	text-decoration: none;
}
#menu .sel a:hover
{
	background: url("bulletOn.gif") no-repeat center top;
	text-decoration: underline;
}
/********************************************************************************************************************
	LEFTMENU
**/
#leftMenu
{
	background: #F7F7F7 url( 'backSubmenu.gif' ) repeat-y right top;
	vertical-align: top;
	text-align: right;
	color: #098843;
	font-size: 11px;
	line-height: 10px;
}
#leftMenu .levels1
{
	border-top: solid #F3F3F3 1px;
	border-bottom: solid #D3D3D3 1px;
	padding-right: 5px;
	height: 25px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #098843;
	font-size: 11px;
	line-height: 10px;
}
#leftMenu .level2
{
	background: url('level2-off.gif') repeat-y right top;
	text-align: right;
	font-size: 11px;
	line-height: 10px;
	padding-top: 5px;
	height: 20px;
}
#leftMenu .level2 a
{	
	background: url('level2-off.gif') repeat-y right top;
	text-align: right;
	display:block;
	padding-top: 5px;
	height: 20px;
	padding-right: 7px;
	line-height: 10px;
	color: #666666;
	text-decoration: none;
}
#leftMenu .level2 a:hover
{
	background: url('level2-on.gif') repeat-y right top;
	text-align: right;
	display:block;
	padding-top: 5px;
	height: 20px;
	line-height: 10px;
	display:block;
	text-decoration: none;
}
#leftMenu .levels2
{
	background: url('level2-on.gif') repeat-y right top;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	padding-top: 5px;
	height: 20px;
	line-height: 10px;
	padding-right: 7px;
	color: #666666;
}
/********************************************************************************************************************
	content
**/
#content
{
	padding: 5px 0px 5px 5px;
	background: #F7F7F7;
	vertical-align: top;
	font-family: Verdana;
	font-size: 10pt;
}
#content p
{
	padding: 0px 5px 4px 5px;
	color: #666666;
	font-family: Verdana;
	font-size: 10pt;
	margin: 2px 0px 2px 0px;
	vertical-align: top;
}
#content H1
{
	font-size: 18px;
	font-weight: bold;
	background: url( 'h1Back.gif' ) no-repeat right center;
	text-align: right;
	padding-right: 12px;
	color: #292671;
	text-transform: uppercase;
	margin: 5px 0px 0px 0px;
}
#content H2
{
	font-size: 14px;
	font-weight: bold;
	background: url('starsBack.gif') repeat-x left 3px;
	text-align: left;
	color: #098843;
	margin: 5px 0px 5px 0px;
	display: block;
}
#content H2 a
{
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
	color: #098843;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}
#content H2 a:hover
{
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
	color: #098843;
	text-decoration: none;
}
#content H3
{
	color: #036635;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
	vertical-align: top;
}
#content H4
{
	color: #292671;
	font-family: Verdana;
	font-size: 10pt;
	margin-bottom: 0px;
	vertical-align: top;
}
#content ul
{
	margin: 2px 4px;
	padding: 0px 5px 0px 10px;
	color: #666666;
	font-family: Verdana;
	font-size: 10pt;
	list-style-position: outside;
	list-style-image: url(list.gif);
	text-indent: 0px;
}
#content .epi
{
	margin: 0px 0px 5px 0px;
	color: #098843;
	text-align: center;
	font-size: 10px;
	vertical-align: top;
}
#content .link
{
	font-size: 10px;
	font-weight: bold;
	background: url('starsBack.gif') repeat-x left 3px;
	text-align: right;
	color: #098843;
	margin: 0px 0px 5px 0px;
	display: block;
}
#content .link a
{
	font-size: 10px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: right;
	color: #098843;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}
#content .link a:hover
{
	font-size: 10px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
	color: #098843;
	text-decoration: underline;
}
/********************************************************************************************************************
	CONTACT
**/
#contact
{
	background: #fafafa url('contactBack.gif') no-repeat left top;
	height: 172px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#contact td
{
	vertical-align: top;
	font-size: 11px;
}
#contact p
{
	padding: 1px 2px 1px 10px;
	color: #666666;
	font-family: Verdana;
	font-size: 11px;
	margin: 2px 0px 2px 0px;
	vertical-align: top;
}
#contact input, #contact textarea
{
	width: 200px;
	background-color: #eeeeee;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	padding: 1px 2px 1px 2px;
	border: 1px solid #098944;
}
#contact .button
{
	width: auto;
	background-color: #098944;
	color: #FFFFFF;
	font-weight: bold;
}

#contact #mxConsulta
{
	height: 57px;
}
/*******************************************
	STARS
***/
#stars
{
	background: url('starsBack.gif') repeat-x left top;
	vertical-align: top;
	text-align: right;
	padding-right: 12px;
	margin: 0px;
	height: 10px;
}
#stars img
{
	margin: 0px;
	vertical-align: top;
}
/*******************************************
	EXCURSIONS
***/
#excursions
{
	margin: 5px 5px 5px 0px;
}
#excursions td
{
	height: 165px;
	margin: 0px;
	color: #666666;
	text-align: center;
	font-size: 10px;
	vertical-align: top;
}
#excursions .title
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #098843;
	display: block;
	margin: 0px;
	text-decoration: none;
}
#excursions .title:hover
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #292671;
	display: block;
	margin: 0px;
	text-decoration: underline;
}
#excursions p
{
	margin: 0px;
	color: #666666;
	text-align: center;
	font-size: 10px;
	vertical-align: top;
}
/*******************************************
	FACTSHEET
***/
#factsheet
{
	margin: 5px 0px 5px 0px;
}
#factsheet H2
{
	font-size: 14px;
	font-weight: bold;
	background: none;
	text-align: left;
	color: #098843;
	margin: 5px 0px 5px 0px;
}
#factsheet .hotel
{
	border-right: solid 1px #034B27;
	background: #EFF3EF;
	font-size: 12px;
	font-weight: bold;
	color: #034B27;
	padding: 5px 5px 0px 5px;
}
#factsheet .hotelInfo
{
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background-color: #F2F2F2;
	vertical-align: top;
	font-family: Verdana;
	text-align: left;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	padding: 0px 5px 5px 5px;
}
/*******************************************
	PROGRAMMES
***/
#programmes
{
	margin: 0px;
}
#programmes .day
{
	border-right: solid 1px #034B27;
	border-bottom: solid 1px #034B27;
	background: #EFF3EF;
	padding: 5px;
	vertical-align: top;
	text-align: right;
}
#programmes .day H5
{
	font-size: 11px;
	font-weight: bold;
	color: #034B27;
	font-family: Verdana;
	text-align: right;
	margin: 0px;
	vertical-align: top;
}
#programmes .day p
{
	font-size: 11px;
	font-weight: normal;
	color: #292671;
	font-family: Verdana;
	text-align: right;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#programmes .info
{
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background-color: #F2F2F2;
	vertical-align: top;
	font-family: Verdana;
	text-align: left;
	font-size: 12px;
	color: #333333;
	padding: 5px;
	width: 390px;
}
/*******************************************
	IMAGE GALLERY
***/
#gallery
{
	margin: 5px 0px 5px 0px; background-color:#FFFFFF;
}
#gallery H2
{
	font-size: 14px;
	font-weight: bold;
	background: none;
	text-align: left;
	color: #098843;
	margin: 5px 0px 5px 0px;
}
#gallery .epigraph
{
	margin-top: 2px;
	font-size: 11px;
	text-align: center;
	color: #034B27;
	border-top: solid 1px #098843;
	border-bottom: solid 1px #098843;
}
/*******************************************
	PATHNAVIGATOR
***/
#pathNavigator
{
	background: url(pathNavBack.gif) repeat-y right top;
	vertical-align: middle;
	padding: 5px;
	text-align: right;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}
#pathNavigator a
{
	font-weight: bold;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}
#pathNavigator a:hover
{
	font-weight: bold;
	text-decoration: underline;
}
/********************************************************************************************************************
	FOOTER 
**/
.footer
{
	background: #F7F7F7 url( 'footerLine.gif' ) repeat-x left top;
	height: 27px;
}
.footer p
{
	color: #098843;
	font-size: 11px;
	margin-top: 10px;
}
.footer a
{
	color: #292671;
	text-decoration: none;
}
.footer a:hover
{
	color: #292671;
	text-decoration: underline;
}

