body { background:#b7ccec url(../imgs/layout_slice.jpg) no-repeat center bottom; color:#030303; 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:#030303; text-decoration:underline; }
a:hover { color:#a47c23; text-decoration: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 { width:1000px; text-align:left; margin:0 auto; background: url(../imgs/bkg_page_wrapper.png) no-repeat center 168px; }

.padding { padding:0 17px 20px 14px; overflow:hidden; }

div#header { border-bottom: 1px solid #fff;}

#content-wrapper { clear:both; margin:0; padding:0; background:#e8e8e8 url(../imgs/bkg_contents_wrapper.png) no-repeat center top; overflow:hidden; }

/* _______________________________________________ 3. Header Contents __________________________________________________ */

div#logo { width:262px; height:103px; margin: 20px 0 20px 350px; text-align:center; background: url(../imgs/logo.png) no-repeat left top; }

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

div#banner { width:966px; border-right: 3px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; }

div#navigation { clear:both; width:972px; height:54px; background: url(../imgs/bkg_nav.png) no-repeat center top; font:normal 18px "Times New Roman", Times, serif; }

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

div#pesquisa { float:left; position:relative; margin-right:47px; text-align:left; font:bold 16px "Times New Roman", Times, serif; color: #6f4e1b;  }

div#meteo { float:left; position:relative; color:#017ead; font-size:12px; margin-right:47px;}

/* _______________________________________________ 4. Navigations bars __________________________________________________ */

	/* _____________ 4.1 Flags ___________*/

	 ul#navflags li {  float:right; text-align:right; line-height:30px; }		
	 ul#navflags li a { display: block; text-decoration:none; padding:1px 0 2px 5px; color:#030303;  }
	 ul#navflags li a:hover { color:#dd020a;  }

	 ul#navflags li#navflags-pt a { width:25px; background: url(../imgs/flag_pt.png) no-repeat left center; }
	 ul#navflags li#navflags-uk a { width:25px; background: url(../imgs/flag_uk.png) no-repeat left center; } 
	
	 ul#navflags li#navflags-pt a:hover { background: url(../imgs/flag_pt_off.jpg) no-repeat left center; }	
	 ul#navflags li#navflags-uk a:hover { background: url(../imgs/flag_uk_off.jpg) no-repeat left center; } 
		
   /* _____________ 4.2 Navigation ___________*/

	ul#nav li { float:left; text-align:center; height:54px; }
	ul#nav li a { display: block; text-decoration:none; padding:20px 17px 0 31px; color: #FFFFFF;  }
	ul#nav li a:hover { color: #FFFFFF; }

	ul#nav li#nav-home a:hover,	
	ul#nav li#nav-prices a:hover,
	ul#nav li#nav-packages a:hover,	
	ul#nav li#nav-promo a:hover,
	ul#nav li#nav-algarve a:hover,
	ul#nav li#nav-galeria a:hover,
	ul#nav li#nav-news a:hover,		
		#hotel ul#nav li#nav-home a,
		#home ul#nav li#nav-home a,
		#prices ul#nav li#nav-prices a,
		#packages ul#nav li#nav-packages a,
		#promo ul#nav li#nav-promo a,
		#algarve ul#nav li#nav-algarve a,
		#galeria ul#nav li#nav-galeria a,
		#news ul#nav li#nav-news a { color:#000; }
		
   /* _______________ 4.3 Secnav ______________*/

	ul#secNav li { float:right; text-align:left; font: 18px "Times New Roman", Times, serif; }		
	ul#secNav li a { display: block; text-decoration:none; padding:1px 0 2px 20px; color:#97711d;  }
	ul#secNav li a:hover { color:#141414;  }

	ul#secNav li#nav-guestbook a { width:100px; background: url(../imgs/icon_guestbook.gif) no-repeat left center; }
	ul#secNav li#nav-contactos a { width:80px; background: url(../imgs/icon_contactos.gif) no-repeat left center; } 
	
	ul#secNav li#nav-guestbook a:hover,	
	ul#secNav li#nav-contactos a:hover,
		#guestbook ul#secNav li#nav-guestbook a,
		#contactos ul#secNav li#nav-contactos a { color:#141414; }
			
		
/* _____________________________________________ 5. Cols ______________________________________________________________________ */

#content-area { float:left; position:relative; width:708px; margin-bottom:20px; }

#mainCol { height:220px; margin:0; padding: 0 30px 40px 30px; background: url(../imgs/bkg_main.png) repeat-x left top; border-bottom: 1px solid #98afbb;  }

#secCol { float:left; position:relative; width:227px; padding:0 0 0 28px; }

	#hotel #mainCol {  height:295px; padding: 20px 30px 40px 30px; background:url(../imgs/bkg_main_long.png) repeat-x left 5px; border-bottom: 1px solid #98afbb; }

	#algarve #mainCol,
	#news #mainCol,
	#prices #mainCol,
	#contactos #mainCol,
	#guestbook #mainCol,
	#faqs #mainCol,
	#promo #mainCol,
	#packages #mainCol,
	#galeria #mainCol { overflow:hidden; height:auto; background:#fff url(../imgs/bkg_main_long.png) repeat-x left top; border-bottom:none;}


/* ____________________________________________ 6. Sec blocks _________________________________________________________________ */

#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; position: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; }
		
/* ____________________________________________ 7. headdings __________________________________________________________________ */


h1 { color:#a47c23; font: 26px "Times New Roman", Times, serif; margin-bottom: 28px; }
h2 { font: 14px Arial, Helvetica, sans-serif; text-align: left; padding: 0 25px 0 25px; }
h3 { font: 20px "Times New Roman", Times, serif; padding: 0; }
h4 { font: 14px Arial, Helvetica, sans-serif; text-align: left; padding:10px 0 0 0; }
h5 { font: 11px Arial, Helvetica, sans-serif; color:#4B89A7; margin:0; padding:0 0 10px 0; }
h6 { font: 10px Arial, Helvetica, sans-serif; text-align: left; margin:0; padding:0; }

#hotel #mainCol h2,
#algarve #mainCol h2,
#news #mainCol h2,
#hotel #destaques h2,
#promo #mainCol h2,
#packages #mainCol h2  { font: 18px "Times New Roman", Times, serif; color:#a47c23; padding:15px 0 15px 0; }
	#promo #mainCol h2,
	#packages #mainCol h2 { padding: 0; margin:0; }
	
.shadow h2 { font: 20px "Times New Roman", Times, serif; padding: 0; font-weight:bold; }

#hotel #mainCol h3,
#algarve #mainCol h3,
#news #mainCol h3,
#guestbook #mainCol h3,
#galeria  #mainCol h3 { color:#4B89A7; padding:0 0 10px 0; }
	#galeria  #mainCol h3 { padding:20px 0 5px 0; }
	
	#prices #mainCol h3 { font-size:16px;}

#prices #mainCol h4,
.shadow h4,
#contactos  #mainCol h4 { margin:10px 0; color:#4B89A7; }
#guestbook #mainCol h4,
#promo #mainCol h4,
#packages #mainCol h4 { font-size:12px; font-weight:bold; text-align:right }

#news #mainCol h4 { font-weight:bold}

#guestbook #mainCol h5,
#faqs #mainCol h5 { padding:15px 0 0 0; font-weight:bold;}


#home #mainCol h6,
.shadow h6 { margin-top:15px; }
#hotel #mainCol h6 { margin:0 0 15px 0; }
#news #mainCol h6,
#guestbook #mainCol h6 { margin:5px 0; color:#a47c23;}
#prices #mainCol h6 { margin:10px 0; color:#a47c23; text-align:center}

#destaques h1 { text-align:center; background:url(../imgs/arabesco.png) no-repeat center 30px; height:50px; margin:-5px 0 0 0; }
#destaques h6 { text-align:center; }	
	
	#hotel #destaques h1 { text-align:left; background:none; margin:0 0 28px 0; color:#a47c23; font: 26px "Times New Roman", Times, serif; }

#secCol h1 { text-align:center; padding-top:5px; margin-bottom:10px; }
	.promos h6 { text-align:center; padding-top:30px; }


/* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */

p { padding-bottom:10px; }

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

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

/* ____________________________________________ 9. imgs _______________________________________________________________________ */

div#meteo img { margin-top:5px; }
#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;}

/* ____________________________________________ 10. Links ______________________________________________________________________ */

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

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


/* ____________________________________________ 12. Lists ______________________________________________________________________ */

.apartamentos ul,
.servicos ul { margin-left:50px; color:#a47c23; font: 16px "Times New Roman", Times, serif; margin-bottom:40px; }
	.servicos ul { margin-left:0; }



/* ____________________________________________ 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:200px; text-align:left; margin-right:5px; line-height:20px;}	
	.contacts form label { text-align:right; 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:217px; height:18px; line-height:14px; border: 1px solid #d1cbb0; font-size:11px; padding:3px}
	.contacts form textarea  {  height:80px; }
	.contacts form select { height:24px; width:225px; }

#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:63px; height:22px; border:none; cursor:pointer; font-size:10px; color:#fff; line-height:20px; text-align:center; padding-bottom:5px; margin-left:15px; }
	.contacts form input.button  { margin-left:70px; }

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

/* ______________________________________________ Tables_______________________________________________________________________ */

table {  width:100%; border: 1px solid #cccccc; margin:0; padding:0; }
th { text-align:center; background-color:#F2F2F2; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 10px 5px; margin:0;}
td { background-color:#FFFFFF;  border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 10px 5px; margin:0; text-align:center; }

.sizeSmall td { }
.colorGold { color:#a47c23; }

/* ______________________________________________ Shadowbox_______________________________________________________________________ */

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



/* ______________________________________________ Footer _______________________________________________________________________ */
#footer { width:1000px; margin:auto; padding:10px 0 10px 40px; font-size:11px; }

#footer span { color:#030303; margin-left:150px; }
#footer p  { color:#030303; margin-left:30px;}
#footer p  a { color:#030303; text-decoration:none;}
#footer p a:hover { color:#a47c23; text-decoration:none; }

/*______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ */