body { background:#000000 ;  font:12px/18px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:justify; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span { margin:0; padding:0; }

a img { border:none; }
ul { list-style:none; }

a { color:#D05400; text-decoration:underline; }
a:hover { color:#FFFFFF; text-decoration:underline;}
a:focus { outline:none;}
.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.space { height:10px;}

/* ________________________________________________ 2. Blocks __________________________________________________________ */

div#page-wrapper {z-index:1; width:940px;  text-align:left; margin:0 auto; }
div#header {height:300px;}
#content-wrapper { background:#B4B4B4 url(../imgs/bkg_home.png) repeat-x top left; width:655px; overflow:hidden; text-align:left; margin:0; clear:both; margin-top:6px; margin-right:20px; float:left; position:relative; }

div#mapa {float:left; position:relative; width:655px; height:367px;  background: url(../imgs/mapa.jpg) no-repeat left top; margin-top:140px; }
/* _______________________________________________ 3. Header Contents __________________________________________________ */

div#logo {z-index:5; float:left; position:relative; width:402px; height:262px; margin: 23px 0 0 -60px; text-align:center; background: url(../imgs/logo.png) no-repeat left top; }

div#fotografo {z-index:5; float:right; position:relative; width:401px; height:300px; margin: -300px -48px 0 0; text-align:center; background: url(../imgs/fotografo.png) no-repeat right top; }

div#banner {z-index:4; float:left; position:relative; margin: -285px 0 0 0; width:940px; height:300px; }

div#navigation { clear:both; width:655px; height:40px; background: url(../imgs/bkg_nav.png) repeat-x; font:normal 15px "Trebuchet MS", Arial; }

.vv { float: right !important; left:-25px; position:relative; top:3px;	}
/*div#pesquisa {float:right; position:relative; clear:both; margin:0; padding:6px; text-align:right; font:bold 12px "Verdana", Times, serif; color: #6f4e1b;  }

div#info { clear:both; height:41px; border-bottom: 1px solid #98afbb; padding-top:11px; }

div#flags {margin-right:20px; margin-bottom:10px; float:right; }*/


/* _______________________________________________ 4. Navigations bars __________________________________________________ */


  
   /* _____________ 4.2 Navigation ___________*/

	ul#nav li {float:left;  text-align:center;  font: bold 15px "Trebuchet MS", Times, serif; height:40px;}
	ul#nav li a {display: block; text-decoration:none; padding:9px 17px 10px 18px; color: #FFFFFF; border-left:1px solid black;}
	ul#nav li a:hover { background: url(../imgs/bkg_nav2.png) repeat-x;}

	ul#nav li#nav-about a:hover,	
	ul#nav li#nav-tours a:hover,
	ul#nav li#nav-booking a:hover,	
	ul#nav li#nav-gallery a:hover,
	ul#nav li#nav-links a:hover,
	ul#nav li#nav-contacts a:hover,		
		#parprova ul#nav li#nav-about a,
		#restaurante ul#nav li#nav-tours a,
		#eventos ul#nav li#nav-booking a,
		#galeria ul#nav li#nav-gallery a,
		#galeria ul#nav li#nav-links a,
		#contactos ul#nav li#nav-contacts a { text-decoration:none; color:#000;}
	ul#nav li#nav-contacts { width:110px; }
		
/* _____________________________________________ 5. Cols ______________________________________________________________________ */
.padding { padding: 30px; }
#inscricao .padding { padding: 20px; }
#news .padding, #news_news .padding { padding: 24px; }
#footer .padding { padding: 25px; overflow:hidden; }
#mainCol {
	width:600px;
	overflow:hidden;
	float:left;
	position:relative;
	margin:0;
	left: 1px;
}
#secCol { float:right; position:relative; width:251px; }


/* ____________________________________________ 6. Sec blocks _________________________________________________________________ */

#inscricao {background: url(../imgs/bkg_inscricao.jpg) no-repeat left top; width:251px; height:283px; }
#news, #news_news {background: url(../imgs/bkg_news.jpg) no-repeat left top; width:251px; /*height:238px;*/ }
#store {background: url(../imgs/bkg_store.jpg) no-repeat left top; width:251px; height:121px; margin-top:27px; cursor:pointer; }
#area_store {background: url(../imgs/bkg_store.jpg) no-repeat left top; width:251px; height:121px; margin-top:27px; cursor:pointer; }
#area_banner2 {background: url(../imgs/bkg_banner2.jpg) no-repeat left top; width:251px; height:81px; margin:30px 0 20px 0; cursor:pointer; }
#destaques { border-top: 1px solid #fff; margin:0; padding: 20px 30px 10px 30px; background:#f4efd9  url(../imgs/bkg_destaques_main.png) repeat-x left top; overflow:hidden; }

	.apartamentos { float:left; position:relative; width:301px; padding-right:30px;}
	.servicos { float:right; p
osition:relative; width:301px; }

#contactos .apartamentos { width:290px; padding-right:30px;}
#contactos .servicos { width:320px; }

.promos { background: url(../imgs/destaque.png) repeat-x left top; height:271px; margin-bottom:20px; }
		

#links { clear:both; width:500px; height:150px; margin:0; font-size:11px; }
/* ____________________________________________ 7. headdings __________________________________________________________________ */


h1 { color:#000; font: 29px "Trebuchet MS", Times, serif; margin-bottom: -8px; margin-top: -8px; }
h2 {color:#898989; font: 21px "Trebuchet MS", Times, serif; margin-bottom: 11px; }
h3 { color:#000; font: 18px "Trebuchet MS", Times, serif; margin-bottom: 5px;  margin-left: 16px; }
h4 { color:#fff; font: 20px "Trebuchet MS", Times, serif; margin-bottom: 5px; }
h5 {color:#000; font: 21px "Trebuchet MS", Times, serif; margin-bottom: 11px; }
h6 { color:#E90708;font: 10px Arial, Helvetica, sans-serif; text-align: left; margin:0; padding:0; }
label { color:#5F5F5F; font: 13px "Verdana", Times, serif; }



#secCol h1 { color:#000; font:bold 23px; text-align:left; margin-bottom:10px; margin-top:7px;}
#secCol h2 { font:bold 14px  Arial, Helvetica, sans-serif; margin:0; padding:0; margin-bottom:10px; }
#secCol p { color:#5F5F5F; font:11px Arial, Helvetica, sans-serif; margin:0; padding:0;}
#secCol h6 { color:#E90708; text-align:left;  padding-top:10px; }


#news h1, #news_news h1 {color:#fff; font:bold  23px "Trebuchet MS", Times, serif; text-align:left; margin-bottom:20px; }
#news h2, #news_news h2 {color:#dcdcdc; font:bold 14px "Trebuchet MS", Times, serif; text-align:left; margin-bottom:0; margin-left:15px;}
#news h3, #news_news h3 {color:#ffa200; font: 12px "Trebuchet MS", Times, serif; text-align:left; margin-bottom:17px; margin-left:16px; }

#news_news { height:238px;	}
#news_news div.rollUp {	padding:0; margin:0; height:130px !important;	position:relative; top:0px; left:0px !important; }
#news_news h3, #news_news h2 { margin-left:0px; }
#news_news div.rollUp li { height:130px; margin:0; padding:0; }
#footer h1 {color:#fff; font:bold 15px "Trebuchet MS", Times, serif; text-align:left; margin-bottom:10px; margin-top:5px; }


/* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */

p { padding-bottom:10px; }

#mainCol p { color:#000; padding-bottom:10px; }

#destaques p { color:#6f4e1b; padding:10px 0;}

#prices #mainCol p { font-size:11px; margin:0; padding:0; }

/* ____________________________________________ 9. imgs _______________________________________________________________________ */

.outra_galeria { display:none }
#destaques img { border:solid 3px #6f4e1b; }
#guestbook #mainCol img, 
#promo #mainCol h4 img,
#packages #mainCol h4 img  { margin-right:10px; }

#galeria #mainCol img { border:solid 3px #6f4e1b; margin:10px 10px 0 0;}

#store img { padding:14px 0 0 0; }
#area_banner2 img { padding:21px 0 0 0; }
#area_store img { padding:20px 0 0 0; }
#footer img { padding:0 53px 0 0; float:left; }
#link img { padding:2px 2px  2px 2px ; }

/* ____________________________________________ 10. Links ______________________________________________________________________ */

#mainCol h6  a,
.promos h6 a,
#promo #mainCol h4 a,
#packages #mainCol h4 a { color:#E90708; text-decoration:underline; }
#mainCol h6 a:hover,
.promos h6 a:hover,
#promo #mainCol h4 a:hover,
#packages #mainCol h4 a:hover { color:#E90708; text-decoration:none;}

#promos #mainCol h6 a { margin-top:-10px;}

#links ul { width:580px;}
#links ul li { width:92px; height:69px; float:left; margin-right:22px; margin-bottom:15px; }

/* ____________________________________________ 12. Forms ______________________________________________________________________ */

#pesquisa form ul,
.contacts form ul  { list-style:none; margin:0; padding:0;}

#pesquisa form li,
.contacts form li { padding: 3px 2px 1px 2px; }

#pesquisa form label,
.contacts form label { float:left; width:170px; margin-right:10px; line-height:20px;}	
	.contacts form label {  width:100px; font: 11px Arial, Helvetica, sans-serif; }
	.contacts form label.small {  width:80px; }		
	
#pesquisa form input,
.contacts form input,
.contacts form textarea,
.contacts form select { padding:0; width:205px; height:24px; line-height:14px; border: 1px solid #d1cbb0; font-size:11px; margin-bottom:7px;}
	.contacts form textarea  { height:90px; }
	.contacts form select { width:205px; }

#pesquisa form input:focus,
.contacts form input:focus { border:1px solid #666; background:#F0F0F0; }

.contacts form input.radio { width:20px; border: none; }

	
#pesquisa form input.button,
.contacts form input.button { background: url(../imgs/button.png) no-repeat; width:81px; height:34px; border:none; cursor:pointer; font-size:15px ; color:#fff; line-height:20px; text-align:center; margin-top:10px;}
	.contacts form input.button  { margin-left:70px; }
.tour form input.button { background: url(../imgs/button_tour.png) no-repeat; width:81px; height:21px; border:none; cursor:pointer; font-size:11px ; color:#fff; line-height:18px; text-align:center;}	

/*#pesquisa form select { padding:0; width:200px; height:20px; border: 1px solid #b9b9b9; font-size:11px;}*/

/* ____________________________________________ 13. Aviation Tous __________________________________________________________________ */
.tour thead th {
	background-color:#CC6600;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;	
}
.tour tbody td {
	background-color:#ffffff;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
/* ____________________________________________ 14. Loja __________________________________________________________________ */
.loja form input.button { background: url(../imgs/button_tour.png) no-repeat; width:81px; height:21px; border:none; cursor:pointer; font-size:11px ; color:#fff; line-height:18px; text-align:center;}	
.loja form .purchased { font-weight:bold; color:#000000 !important;	}
.loja form table td img { float:left; margin-right:5px;	}
.loja form table td div { padding:5px;	}
.loja form table td h6 { padding:5px; background-color:#CC6600; color:#FFFFFF; font-weight:bold; text-align:center; margin-bottom:5px;	}
.loja_order form input.button { background: url(../imgs/button.png) no-repeat; width:81px; height:34px; border:none; cursor:pointer; font-size:15px ; color:#fff; line-height:20px; text-align:center; margin-top:10px;}
.loja_order form ul li { float:left; width:250px; margin-right:20px; margin-bottom:10px;	}
.loja_order form ul li label { float:left; width:130px; }
.loja_order form ul li input[type='text'],form ul li input[type='radio'],form ul li input[type='checkbox'] { width:110px; }
.loja_order form table { width:100%; }
.loja_order form th { background-color:#999999; padding:2px; }
.loja_order form td { background-color:#CCCCCC; padding:2px; text-align:right;	}
/* ______________________________________________ Shadowbox_______________________________________________________________________ */

.shadow {  background:#fff url(../imgs/bkg_main_long.png) repeat-x left top; padding:40px; }
.shadow label { color:#a47c23; }



/* ______________________________________________ Footer _______________________________________________________________________ */
#footer { background:#b32a00 url(../imgs/bkg_rodape.png) repeat-x left top; clear:both; width:940px; /*height:170px;*/ margin:0; font-size:11px; }

#footer span { color:#FFFFFF; }
#footer span.pri { width:600px; display:block; float:left; }
#footer span.seg { display:block; text-align:right; }  
#footer p  { color:#FFFFFF; margin-left:0;}
#footer p  a {color:#FFFFFF; text-decoration:none;}
#footer p a:hover { color:#E90708; text-decoration:none; }
.footI { width:100%; display:block; clear:left; margin-top:20px;	}
.holder { width:885px; display:block; }
.holder div { border:1px solid white; height:130px;	}

/* ______________________________________________ CSS MAPS _______________________________________________________________________ */

.hotspot {
	display:block;
	width:24px;
	height:24px;
	padding:0;
	margin:0;
	position:absolute;
	cursor:pointer;
}
.hotspot a {
	display:block;
	width:100%;
	height:100%;
}
#montereal {
	left:236px;
	top:153px;
}
#estoril {
	left:200px;
	top:234px;
}
#lisboa {
	left:215px;
	top:259px;
/*	width:21px;*/
}
#montijo {
	left:246px;
	top:279px;
}
#sintra {
	left:212px;
	top:210px;
}
#faro {
	left:360px;
	top:335px;
}
#portimao {
	left:234px;
	top:331px;
}
#evora {
	left:365px;
	top:246px;
}
#beja {
	left:362px;
	top:297px;
}
#porto {
	left:219px;
	top:290px;
}
/*______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ */