/* CSS Document */

/* Generic CSS */

/*
* {
	font-family:MS Reference Sans Serif;
	font-size:11px;
	margin:0;
	padding:0;
	border:0;
	color:#FFFFFF;
	}
*/
	
body {
	background-color:#000000;	
	color: #888888;
	font-family:MS Reference Sans Serif;
	font-size:11px;
	margin:0;
	padding:0;
	border:0;
	
	background-image:url(../images/pagebg_body.jpg);
	background-position:bottom center;
	background-repeat:repeat-y;
}

input, textarea, select{
	background-color:#000;
	border:1px dotted #666; 
	/*width:100px; */
	padding:2px;
	color:#ffffff;
	font-family:MS Reference Sans Serif;
	font-size:11px;
}
	
a{
	color:#fff;
	text-decoration:underline;
}
	
a:hover{
	color:#fff;
	text-decoration:underline;
}

img{border:0;}
form{margin:0;}
fieldset{border:0;}

/*########################################################################*/
	
/* Specific CSS */

#page {
	/*width:1024px;*/
	width:980px;
	/*height:715px;*/
	margin:0 auto;
	/*background-image:url(../images/pagebg.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
	/*background:blue;*/
	position:relative;
}

#left {
	width:230px;
	float:left;
	/*margin-left:30px;*/
	/*background:red;*/
}

#right {
	width:747px;
	float:right;
}

#logo {
	/*height:225px;*/
	font-size:13px;
	color:#C4B778;
	margin:0;
	padding:0;
	padding-right:35px;
	margin-bottom:25px;
}

#leftcontent {
	/*margin:0 35px;*/
	/*background:blue;*/
	margin:0;
	padding:0;
}

.separador{
	border-top:1px dotted #A18A5F;
	width:50px;
	height:1px;
	margin:0;
	padding:0;
	
	color:#A18A5F;
	font-weight:bold;
}

td.separador{
	border:0;
	border-bottom:1px dotted #A18A5F;
	padding-top:20px;
	padding-bottom:5px;
	width:100%;
}

.genericsmalltitle{
	padding: 5px 0 10px 3px;
	margin-bottom:10px;
	color:#BA8023;
	font-size:11px;
}

.clearall { clear:both;}
.none{display:none;}

.msg{
	text-align:center;
	padding:10px 0;
	color:#a5975a;
}

.notTranslation{
	text-align:center;
	padding:5px 0;
	color:#a5975a;
}


#maincontent {
	background-color:#000;
	padding:5px 15px 30px 15px;
	margin-right:38px;
	margin-top:5px;
	line-height:1.5em;
}
	
#maincontent h1{
	font-size:12px;
	margin:0;
	color:#C4B778;
	padding-bottom:5px;
}


#erro,.erro{
	margin:0 auto; 
	width:350px;
	border-bottom: 1px solid #a5975a;
	/*background-color: #a5975a;*/
	padding: 10px 0px ;
	margin-bottom:10px;
	color:#bc060b;
	color:#a5975a;
	text-align:center;
	line-height:1.0em;
}

#erro a{
	color:#3772BF;
}


#language {
	/*background-image:url(../images/genericbgtitle.gif);
	background-position:top;
	background-repeat:no-repeat;*/
	/*padding: 7px 0 15px 3px;*/
	color:#A18A5F;
	float:right;
	width:120px;
	padding-right:30px;
}

#language a { font-size:9px; text-decoration:none;color:#A18A5F;}
#language a:hover, #language a.sel {color:#BA8023;}

#logossmall {
	text-align:right;
	margin-top:10px;
}
	
/*---- menu horizontal -----*/
#mainmenu {
	height:24px;
	background-image:url(../images/menubg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	/*width:712px;*/
	margin:16px 0;
}
	
#mainmenu.menutop {
	margin-top:30px;
	margin-bottom:5px;
}

/* CSS background menu */
table.menu {margin-top:1px;}
table.menu td {padding:3px 30px 3px 10px;}	
table.menu td a {
	text-decoration:none; 
	font-size:12px;
}
table.menu td.sel {background-image:url(../images/fundo_menu_sel.jpg);}
table.menu td.sel a {color:#333;}
td.menu td a { color:#fff; font-weight:normal;text-decoration:none;}

#topbanner {
	position:relative;
	margin:0;
	padding:0;
}	

#banner {
	width:708px;
	height:213px;
	overflow:hidden;
}

/*---- destaque topo -----*/
#destaquessmall { 
	width:250px;
	height:162px;
	border:0;
	z-index:50;
	position:absolute;
	top:5px;
	right:45px;
	background-image:url(../images/fundo.png);
	background-repeat:no-repeat;
	color:#fff;
}
#destaquessmall div.clearall,#destaquessmall div.smalloffer  {
	z-index:1000010;
}

#destaquessmall p {
	padding:5px;
	font-size:10px;
	margin:0;
}
	
div#destaquessmall ul { list-style:none;margin:0;padding:0;}

div.smalloffer {padding:5px;}
div.smallimg {float:left;	margin-right:5px;}
div.salltextoffer *,div.salltextoffer {
		font-size:10px;
		width:auto;
		padding-left:5px;
		text-decoration:none;}
div.salltextoffer a { padding:0;}


/*---- Galeria de fotos -----*/
#galeria {
	margin-left:10px;
	margin-top:20px;
	padding:0;
}

.blocogaleria{
	width:219px;
	padding-left:10px;
	margin-bottom:25px;
	float:left;
	padding:0;
}

/*************************/
/** carregar ficheiro */
/*div.paginacarregafile{
	display:none;
	width:500px;
	background-color:#000000;
}

div.titulo{
	font-size:12px;
	margin:0;
	padding:5px;
	color:#C4B778;
	font-weight:bold;
}*/

/*************************/
/** VIDEO */
div.paginavideo{
	display:none;
	width:500px;
	background-color:#000000;
}

/*************************/
/** ofertas large */
div.paginaoferta {
	display:none;
	width:580px;
	background-color:#000000;
}
div.offertitle {
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
}

div.offerprice {
	background-color:#c4b778;
	padding:5px;
	margin-bottom:15px;
	color:#000;
}

div.offerslogan {float:left;}

div.offerpricevalue {
	float:right;
	text-align:right;
	width:60px;
	border-left:1px solid #333;
}

div.offerleft {
	float:left;
	width:220px;
}
	
div.offersugira {
	width:250px;}
	
.offersugira input {width:200px;}
.offersugira input.btn {width:80px;}
	
div.offerright {
	float:right;
	width:250px;
	padding-top:0px;
	}
div.offertext {
	margin-top:5px;
	padding-right:10px;
	padding:5px; 
	line-height:1.5em;
	text-align:justify;
	}

div.offersugira .ntext { font-size:10px; padding-top:10px; padding-bottom:5px;}
div.offersugira fieldset { padding:4px;}
div.offersugira input[type="text"] { border:1px dotted #999; color:#fff; background-color:#000; font-size:11px; padding:2px; margin-bottom:0px;}
div.offersugira input[type="button"] { background-color:#000; font-size:11px; padding:1px; margin-bottom:2px;float:right;margin-right:100px;}
div.offersugira label { float:left; width:200px; }
/*************************/


#ofertas {
	/*width:500px;*/
	/*float:right;*/
	margin-top:20px;
	padding:0;
	background:blue;
}


.blocooferta {
	width:219px;
	height:175px;
	margin-left:7px;
	/*margin-right:3px;*/
	margin-bottom:15px;
	float:left;
	padding:0;
	background:#C4B778;
	color:#000;
	position:relative; 
}

.blocooferta .title, .blocooferta .price{padding:4px;}
	
.ofertaover {
		display:none;
		position:absolute;
		top:20px;
		left:0px;
	}

/* ------------------- pagina de contactos -----------------------------------*/
.pagcontactos{}	
.pagcontactos .texto{float:left;width:230px;}
.pagcontactos .formul{float:right;width:430px;}
	
/* ****************************************************** Formulário ****************************************************** */
.txt_obrigatorio{
	font-size:11px;
	border-top:0px solid #ccc;
	padding-top:5px;
}

.formulario{
	font-weight:normal;
	margin:0 auto;
	padding:5px;
	border:0px solid #bbb;
	/*color: #585656;*/
}

.formulario .descricao{
	width:130px;
	border-bottom:0px dotted #768EB2;
	border-right:0px dotted #768EB2;
	padding:5px;
	vertical-align: top;
	font-size:11px;
}

.formulario .descricaoBig{
	width:270px;
}


.formulario .valor{
	border-bottom:0px dotted #768EB2;
	font-size:11px;
}

.formulario img{
	margin:0;
	padding:0;
}

.formulario input{
	font-weight: normal;
	font-size:11px;
}

.legendacampo{
	font-size:10px;
	font-weight:normal;
	color:#a19f9e;
}

.notas{
	/*color:#E56C34;*/
	font-weight:bold;
	padding:10px 0;
}

/* ------------------------------------------------------*/

.botoesform{
	/*width:90%;*/
	/*width:600px;*/
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	padding:5px;
	
	border-top:0px solid #5bbed3;
	/*background:whitesmoke;*/
	
	font-size:12px;
	width:100%;
}

.botoesform input{
	font-size:11px;
	width:100px;
}

.botoesform td{
	text-align:center;
	padding:0 20px;
	padding-bottom:20px;
}


/*
input.btn {
	width:150px;
	padding:3px;
	border:1px solid #4B5B75;
	font-size:0.9em;
	font-weight:bold;
	background:#5bbed3;
	color:#fff;
	cursor:pointer;
	margin:0;
	margin-top:10px;
}*/


/*###################################################################################################*/
/*###################################################################################################*/

.titulo_news{
	background-image:url(../images/reservassmall.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	color:#BA8023;
	font-size:11px;
	padding-left:14px;
	text-decoration:none;
	margin-bottom:3px;
}

.titulo_oferta{
	background-image:url(../images/ofertassmall.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	color:#BA8023;
	font-size:10px;
	padding-left:14px;
	text-decoration:none;
	margin-bottom:3px;
}

/*------------------------ Ofertas/Novidades Lateral ------------------------*/
div.novidades {margin-top:10px;}
	
div.novidades h3 {
	padding:10px 0 0 15px;
	color:#ffffff;
	margin:0;
	font-size:10px;
	font-weight:normal;
}
div.novidades h4 {
	padding:2px 0 0 15px;
	color:#a18a5f;
	margin:0;
	font-size:10px;
	font-weight:normal;
}


.titulo_news a{
	color:#BA8023;
	font-size:11px;
	text-decoration:none;
}

.titulo_news a:hover{
	text-decoration:underline;
}

.erronewsletter{
	/*font-family:Tahoma;*/
	border: 0px solid #E09193;
	margin:5px 0px;
	padding: 0px;
	color:#ffcc33;
	text-align:left;
	font-size:10px;
	font-weight:normal;
}

#formNewsletter input{
	background-color:#000;
	border:1px dotted #666; 
	width:100px; 
	padding:2px;
}

#formNewsletter input.btsend{
	width:20px; 
	color:#fff;
	margin-left:5px;
	padding:0;
	font-size:12px; 
	border:1px solid #666;
}

/*  ********************** MENU ********************** */
.menulado{
margin-top:25px;
color:#B1B3B4;
font-weight:normal;
font-size:12px;
text-decoration:none;
}

.menulado ul{
margin-left:5px;
padding:0;
}

.menulado li{
list-style:none;
text-decoration:none;
padding:5px;
}

.menulado li a{
font-size:12px;
color:#B1B3B4;
text-decoration:none;
}

/*.menulado li a:hover, */
.menulado .on_hotel{
color:#333;
text-decoration:none;
background-image:url(../images/hotel_bgleft.jpg);
background-repeat:no-repeat;
}

.menulado .on_termas{
color:#333;
text-decoration:none;
background-image:url(../images/termas_bgleft.jpg);
background-repeat:no-repeat;
}

.menulado .on_spa{
color:#333;
text-decoration:none;
background-image:url(../images/spa_bgleft.jpg);
background-repeat:no-repeat;
}

.menulado .on_resort{
color:#333;
text-decoration:none;
background-image:url(../images/residence_bgleft.jpg);
background-repeat:no-repeat;
}

.menulado .on_hotel a,.menulado .on_termas a,.menulado .on_spa a,.menulado .on_resort a{
color:#333;
text-decoration:none;
}

#googlemap {
	margin-top:20px;
	margin-bottom:20px;	
	text-align:center;
}

/*---------------------------------------------------------------------*/
#boxlogin{
	border:1px dotted #666;
	padding:10px 20px;
	width:220px;
	margin:0 auto;
	/*margin-top:25px;*/
	color:#fff;
}

/* ------------------------ ------------------------ */
.op_areareservada{
	padding-top:20px;
}

.carrega_file{
	float:left;
	color:#A18A5F;
	font-weight: bold;
	text-decoration:none;
}


/* ------------------------ ------------------------ */
.pesquisaLista{
	float:right;
	font-weight: bold;
	color:#A18A5F;
}

/* ------------------------ Lista ------------------------ */
.lista{
	width:100%;	
	font-size:11px;
}

.lista th{
	border-bottom:1px solid #A18A5F;
	color:#A18A5F;
	padding:5px;
}

.lista td{
	border-bottom:1px dotted #A18A5F;
	padding:5px;
}

.lista td a{
	font-weight: bold;
	text-decoration:none;
}

.lista td a:hover{
	text-decoration:underline;
}

.listatotal{
	font-size:9px;
	font-weight: bold;
	color:#A18A5F;
}

/*
#frontimages{
	margin-top:36px;
}*/

#frontimages img{
	padding:0 5px;
}

.mapasite a{
	text-decoration:none;
	color: #888888;
}

.mapasite a:hover{
	text-decoration:underline;
}



/* ************************************************************************************************************ */ 
#topo{
	margin:30px 0;
	padding:0;
	/*background:red;*/
	border:0px solid red;
}

/* ************************************************************************************************************ */ 
#menutop{
	border:0px solid red;
	/*margin:20px 0;*/
	float:left;
}
#menutop ul{
	margin:0px;
	padding:0;
	font-size:12px;
	font-weight:normal;
}
#menutop ul li{
	float: left; 
	display: block; 
	padding:0 15px; 
	border-right:1px solid #B1B3B4;
}

#menutop ul li.last{
	border:0px;
}


#menutop li a{color : #B1B3B4; text-decoration: none;}
#menutop li a:hover, #menutop li a:focus, #menutop  .on{text-decoration:none; color:#F7941D;}
/* ************************************************************************************************************ */ 


/* ************************************************************************************************************ */ 
#footer{
	border:0px solid red;
	/*margin:20px 0;*/
	/*background:red;*/
	margin-top:30px;
	margin-bottom:30px;
	padding:0;
}

#footer ul{
	margin:0px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	float:right;
	margin-right:20px;
}
#footer ul li{
	float: left; 
	display: block; 
	padding:0 15px; 
	border-right:1px solid #C4B778;
}

#footer ul li.last{
	border:0px;
}


#footer li a{color : #C4B778; text-decoration: none;}
#footer li a:hover, #footer li a:focus, #footer  .on{text-decoration:none; color:#F7941D;}
/* ************************************************************************************************************ */ 


/* ************************************************************************************************************
			MENU Lateral
 * *************************************************************************************************************/ 
.arrowlistmenu{
width: 180px; 
/*width of accordion menu*/
margin:0;
padding:0;
margin-bottom:60px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
/*font: bold 14px Arial;*/
font-size:14px;
font-weight:normal;
color: #C4B778;
border-bottom:1px solid #C4B778;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 1px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	/*background-image: url(titlebar-active.png);*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #aaa;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
/*border-bottom: 1px solid #dadada;*/
/*font-size: 90%;*/
font-size: 11px;
}

.arrowlistmenu ul li a:visited{
color: #aaa;
}

.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.on{ /*hover state CSS*/
color: #F7941D;
/*background-color: #F3F3F3;*/
}
/* ************************************************************************************************************ */ 























/*###################################################################################################*/
/*###################################################################################################*/
/*###################################################################################################*/
	
#logosfront {
	margin-top:36px;
	width:712px;
	}

	
#bocontent {
	margin-top:20px;
	margin-bottom:20px;}
	

#specialcontent {
	margin-top:20px;
	margin-bottom:20px;
	width:220px;
	float:left;}
	
#formcontactos {
	margin-top:20px;
	margin-bottom:20px;	
	float:right;
	width:425px;}	
	
#maincontent #bocontent p {
	color:#fff;
	line-height:15px;
	margin-bottom:10px;}
	
/*
#sidemenu table tr td {
	background-position:top left;
	background-repeat:no-repeat;
	padding:5px;
	}
#sidemenu table tr td a {
	font-size:12px;
	text-decoration:none;}
*/	
	
#campanhas {
	width:150px;
	float:left;}
	
#reservas {
		width:auto;
		margin-bottom:20px;}

#paginasala {
		width:400px;
		padding:5px;
	}
	
#descricaosala {
	margin-top:20px; 
	line-height:15px;
	padding:3px;
	}
	
/* Class CSS */

div#reservasconsulta fieldset { padding:5px;}
div#reservasconsulta fieldset input[type="text"] { border:1px dotted #666; padding:2px; background-color:#000; width:300px; margin-bottom:2px;} 
div#reservasconsulta fieldset input[type="button"] { border:1px dotted #999; padding:2px; background-color:#666;  margin-bottom:2px;} 
div#reservasconsulta fieldset textarea { border:1px solid #666; width:300px; background-color:#000; margin-bottom:2px;}  
div#reservasconsulta fieldset label { float:left; width:250px;}

div#sugira label { float:left; width:110px; margin-bottom:1px;}
div#sugira filedset { margin-top:5px;}
div#sugira input[type="text"] { width:250px; padding:2px; margin-bottom:2px; background-color:#000; border:1px dotted #666;}
div#sugira input[type="button"] { background-color:#c4b778; border:1px solid #666; color:#000; padding:2px;}

/*
div#paginaoferta #imagem {
		float:left;
		width:213px;
		}
div#paginaoferta #content {
		float:right;
		width:255px;
		min-height:400px;
		}
div#paginaoferta #content #title {
		font-size:14px;
		/*background-color:#c4b778;
		color:#000;
		margin-bottom:1px;
		padding:4px;}
div#paginaoferta #content #price {
		padding:2px;
		font-size:12px;
		width:auto;
		color:#000;
		background-color:#c4b778;
		margin-bottom:1px;}
div#paginaoferta #content #price span { color:#000; font-size:11px;}
div#paginaoferta #content #text {
		padding:5px;
		font-size:11px;
		color:#fff;
		line-height:15px;}
*/
div#emprego table td input, div#emprego table td select,div#emprego table td textarea { background-color:#000; border:1px solid #444; padding:2px;}
div#emprego input[type="button"], div#emprego input[type="submit"],div#emprego input[type="reset"] { background-color:#5E6747; border:1px solid #ccc;}
div#emprego input[type="radio"] { border:0;} 
div#emprego table { margin-top:10px;}
div#emprego table td { padding:2px;}
div#emprego table td label { width:200px;}
div#emprego table td.title { color:#C4B778;}
div#emprego tabel td.descricao { font-size:10px;}

div.s10 { font-size:10px; color:#C4B778;}



	

ul.linear { list-style:none;}
ul.linear li { display:inline;}
.title11, .title11 * {
	color:#BA8023;
	font-size:11px;
	padding-left:6px;
	text-decoration:none;}

.title11 *  { padding:0;}
	
.title10 {
	color:#BA8023;
	font-size:10px;
	padding-left:6px;}
.title9 {
	color:#BA8023;
	font-size:9px;
	padding-left:6px;}
div.genericsmalltitle11,div.genericsmalltitle10 {
	background-image:url(../images/genericbgtitle.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding: 7px 0 10px 5px;
	font-size:10px;
	color:#BA8023;
	font-size:11px;}
		
div.showlargeimage {
		display: table-row;
		text-align:center;
		padding:5px;
		margin-bottom:10px;
	}
div.showimgdesc {
		margin-top:10px;
		display:table-row;
		text-align:left;
		line-height:15px;
		
	}
	



div.leftslogan {
		float:left;
		/*width:80%;*/
		width:160px;
		padding:2px;
		color:#000;
		}
		
div.rightprice {
	float:right;
	padding:2px;
	color:#000;
}

div.genericsmalltitle10 { font-size:10px;}


div#formcontactos label { float:left; width:80px; padding:3px;}
div#formcontactos input[type="text"] { width:330px; background-color:#000; border:1px dotted #333; padding:1px; margin-bottom:3px;}
div#formcontactos textarea { width:420px; height:60px; background-color:#000; border:1px dotted #333; padding:1px; margin-bottom:3px;}
div#formcontactos input[type="button"] { background-color:#000; padding:4px;}

div#campanhas ul { list-style:none;}
div#campanhas li { padding:4px;}
div#campanhas li.underline { padding:4px; background-color:#666;}
div#campanhas li.underline a { color:#fff; font-size:11px;}
div#campanhas li.regular a { color:#fff; font-size:11px;}
div#campanhas li a { color:#C4B778; text-decoration:none;}


	
/*
table.menu td.border {
	border-left:1px dotted #cccccc;
	padding:2px;}
table.menu td a { font-size:12px; text-decoration:none;}


td.menu { background-position:top; background-repeat:no-repeat; padding:4px; padding-left:6px;}
td.menu a { color:#fff; font-weight:normal;}
*/


div.formErr { color:#ffcc33; padding:3px; display:none; text-align:left; margin-left:200px;}

.linha_footer {border-bottom:1px solid #C4B778;float:left;width:320px;}
.logo_gl{width:100px;float:right;margin-right:25px;}