body { background:#B7A6CA url(../imgs/fundo.jpg) repeat-x; color:#070000; 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:#888443; text-decoration:underline; }
a:hover { color:#888443; 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;}
.floatleft {float:left; margin-right:10px; text-align:left; width:200px; height:125px; }

.tit {float:left; background:#FFBD09; text-align:left; width:221px; height:30px; padding:10px 0 0 33px; margin:0;}

.titprodutos {float:left; text-align:left; width:374px; height:20px; margin-top:10px; }


/* ________________________________________________ 2. Blocks __________________________________________________________ */
div#page-wrapper {z-index:1; width:877px;  text-align:left; margin:0 auto; }
div#header {height:213px;  }
#content-wrapper { background:#fff ; overflow:hidden; text-align:left; margin:0 auto; clear:both;}

#destaques1 {position:relative; float:left; width:293px; height:265px; background:#A36E11;}
#destaques1 h1 {color:#FFF; font:Bold 19px "Arial", Helvetica, sans-serif; text-align: left; padding:13px 0 10px 15px;}
#destaques1 p {color:#FFF; font:13px "Arial", Helvetica, sans-serif; text-align: left; padding:0 15px 10px 15px; height:55px;}

/* _______________________________________________ 3. Header Contents __________________________________________________ */

div#logo {float:left; position:relative;  width:612px; height:200px; margin:6px 0 0 -15px;}
div#pesquisa {float:right; position:relative;  width:260px; height:165px; margin: 5px 12px 0 0; background:url(../imgs/pesquisar.png) no-repeat top right;}
#pesquisa .padding{ padding:38px 0 0 18px; }
#pesquisa form label { color:#FFFFFF; float:left; font: Bold 11px Arial, Helvetica, sans-serif; line-height:11px; text-align:right; width:80px; margin:0 5px 0 0;}
#pesquisa form li { padding:2px; margin-bottom:1px; font: 12px Arial, Helvetica, sans-serif;}
#pesquisa form input.button  { background: url(../imgs/botao2.png) no-repeat; width:64px; height:25px; border:none; cursor:pointer; font-size:11px; color:#FFFFFF; line-height:19px; text-align:center; padding-bottom:5px; margin-left:3px;}

div#navigation {position:absolute; float:left; z-index:5;  width:239px; height:140px; font:bold 12px "Verdana", Times, serif; color:#FFFFFF; margin:35px 0 0 310px;}
div#info { clear:both; height:41px; border-bottom: 1px solid #98afbb; padding-top:11px; }


div#pesquisa-uk {float:right; position:relative;  width:260px; height:165px; margin: 5px 12px 0 0; background:url(../imgs/pesquisar_uk.png) no-repeat top right;}
#pesquisa-uk .padding{ padding:38px 0 0 18px; }
#pesquisa-uk form label { color:#FFFFFF; float:left; font: Bold 11px Arial, Helvetica, sans-serif; line-height:11px; text-align:right; width:80px; margin:0 5px 0 0;}
#pesquisa-uk form li { padding:2px; margin-bottom:1px; font: 12px Arial, Helvetica, sans-serif;}
#pesquisa-uk form input.button  { background: url(../imgs/botao2.png) no-repeat; width:64px; height:25px; border:none; cursor:pointer; font-size:11px; color:#FFFFFF; line-height:19px; text-align:center; padding-bottom:5px; margin-left:3px;}


	/* _____________ 4.1 Flags ___________*/

div#flags { float: right; height: 29px; margin: 6px 120px -40px 0; position: relative; width: 147px; z-index: 6;}
#flags .padding{ padding:7px 0 0 7px; }
#flags a { color:#003E87; font:11px Verdana,Helvetica,sans-serif; text-decoration:none; }
#flags a:hover{ text-decoration:underline;}	
  
   /* _____________ 4.2 Navigation ___________*/

	ul#nav li {float:left; text-align:center;  font:Bold 17px Arial, Helvetica, sans-serif; height:22px;}
	ul#nav li a {background:transparent url(../imgs/seta.png) no-repeat scroll 0 0; display: block; text-decoration:none; padding:0 26px 6px 25px; color: #848548;}
	ul#nav li a:hover {color: #fff; }

	ul#nav li#nav-propriedades a,	
	ul#nav li#nav-proprietarios a,
	ul#nav li#nav-parcerias a,	
	ul#nav li#nav-termos a, 
	ul#nav li#nav-algarve a, 
	ul#nav li#nav-contactos a, 
			ul#nav li#nav-propriedades a:hover,
			ul#nav li#nav-proprietarios a:hover,
			ul#nav li#nav-parcerias a:hover,	
			ul#nav li#nav-termos a:hover,
			ul#nav li#nav-algarve a:hover,	
			ul#nav li#nav-contactos a:hover,{ background-color:#D0CEB5; text-decoration:none; }		
	
	
		
   /* _______________ 4.3 Secnav ______________*/

	ul#secNav li { float:left; text-align:left; font: 17px "Trebuchet MS", Times, serif; }		
	ul#secNav li a { display: block; width:195px; text-decoration:none; padding:10px 10px 10px 35px; color:#2C3063; border-bottom:1px solid #FFBD09; }
	ul#secNav li a:hover { color:#2C3063; text-decoration:underline; }
		
	ul#secNav li#nav-contactos a:hover,
		#contactos ul#secNav li#nav-credito a { color:#AA3E7A; }
		

/* _____________________________________________ 5. Cols ______________________________________________________________________ */
.padding { padding: 5px 11px 35px; }
.padding2 { padding: 5px 30px 25px;}

#mainCol2 { width:596px; float:left;  position:relative;  background:#fff ; padding:20px; }
#mainCol { width:877px; float:left;  position:relative;  background:#fff ; padding:20px;  }
#botaoCol { float:left; position:relative; width:207px; height:164px; padding-top:20px;}
#pdfCol { float:left; position:relative; width:650px; border:1px solid #fff}
#secCol { float:left; position:relative; width:241px; background:#fff; padding:0; }




/* ____________________________________________ 6. Detalhes _________________________________________________________________ */
.imagens {float:left;}
.imagens img { margin:0px !important;	}


.bloco1 {float:right; text-align:left; width:410px;}
.bloco1 p {font:13px "Arial", Helvetica, sans-serif;}

.bloco_facilidades {float:left; text-align:left; width:810px; margin-top:15px;}
.bloco_facilidades p {font:13px "Arial", Helvetica, sans-serif;}

.bloco_precario {float:left; text-align:left; width:810px; margin-top:15px;}
.bloco_precario p {font:13px "Arial", Helvetica, sans-serif;}

.bloco_distancias {float:left; text-align:left; width:810px; margin-top:15px;}
.bloco_distancias p {font:13px "Arial", Helvetica, sans-serif;}

.bloco_calendario {float:left; text-align:left; margin-top:15px;}
.bloco_calendario p {font:11px "Arial", Helvetica, sans-serif;}

.prop_calendar table { width:240px; float:left; margin-right:30px;  }
.prop_calendar th { color: #FFFFFF; background-color:#666600; width:16px; text-align:center; }
.prop_calendar td { font-size: 11px; background-color:#EEEDC1; color: #666600; width:16px !important; height:16px !important; text-align:center;	}
.prop_calendar .start_est { background:#EEEDC1 url(../imgs/indisponivel02.gif) bottom right no-repeat;	}
.prop_calendar .est { background-image:url(../imgs/indisponivel01.gif);	}
.prop_calendar .end_est { background:#EEEDC1 url(../imgs/indisponivel03.gif) top left no-repeat;	}

.marcarVisita {float:left; text-align:left; margin-top:15px; width:850px;}
.marcarVisita p {font:11px "Arial", Helvetica, sans-serif;}




.bloco {float:left; position:relative; text-align:left; background: url(../imgs/fundo_bloco.jpg) repeat-x; width:370px; height:227px;  margin:20px 11px 0 7px; padding:0 10px 10px 10px;}
.bloco h2 {  margin:10px 0 8px 0; }
.bloco p {margin-left: 10px;}
.bloco img {float: left;  margin-right:10px; border:solid #fff 3px;}


#loader {	border:1px solid #EEEDC1; width:110px; height:100px; margin:0 auto; text-align:center; display:none; }






.formfundo {float:left; position:relative; text-align:left; background: url(../imgs/fundo_form.jpg) repeat-x; width:781px; height:232px; margin:2px 0 20px 20px;; }


.parcerias {float:left; position:relative; text-align:left; width:264px; height:120px;  padding:0 8px 10px 0;}
.parcerias img {float: left;  margin-right:6px !important;}

.porprietarios {float:left; position:relative; text-align:left; width:390px; padding:10px 18px 20px 18px;}
.porprietarios img {float: left;  margin-right:6px !important;}




/* ____________________________________________ 6. Equipamento _________________________________________________________________ */

#contactos { float:left; height:200px; width:350px; position:relative;}





/* ____________________________________________ 7. headdings __________________________________________________________________ */


h1 { color:#888443; float:left; text-align:center;  font:Bold  19px Arial, Helvetica, sans-serif; height:20px;margin-bottom:15px; }
h2 { color:#888443; font:Bold 18px "Arial", Helvetica, sans-serif; margin-bottom:7px}
h3 { color:#888443; font: 14px "Arial", Helvetica, sans-serif; text-align: left; vertical-align:top;}
h4 {color:#888443; font: bold 13px Arial, Helvetica, sans-serif; text-align: left; padding:0; }
h5 { color:#E90708; font: 11px Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0; }

h6 { color:#6B5697; font: 12px Arial, Helvetica, sans-serif; margin:0;}
h6 a {  color:#6B5697; text-decoration:none; background: url(../imgs/info.png) no-repeat left top; padding:0 0 0 20px;}
h6 a:hover { color:#6B5697; text-decoration:underline;}
h6.floatLeft { float:left; position:relative; width:140px; margin-left:170px; margin-top:8px;}
h6.floatright { float:right; position:relative; width:54px; margin-top:8px;}
h6 span { color:#6B5697; font:bold 15px Arial, Helvetica, sans-serif; }


.pages h5 {color:#6B5697 ; font: 12px Arial, Helvetica, sans-serif; padding-top:12px; text-align:center; border-top:#888443 1px solid; }
.pages h5 a { color:#6B5697; text-decoration:none; background:none; padding:0;}
.pages h5 a:hover {color:#6B5697; text-decoration:underline;}

.voltar h5 {color:#6B5697; font: 12px Arial, Helvetica, sans-serif; margin-top:8px; text-align:left; }
.voltar h5 a { color:#6B5697; text-decoration:none; background:none; padding:0;}
.voltar h5 a:hover {color:#6B5697; text-decoration:underline;}



h5 { color:#6B5697; font: 12px Arial, Helvetica, sans-serif; margin-top:8px;}
h5 a {color:#6B5697; font: 12px Arial, Helvetica, sans-serif; margin-top:8px;}
h5 a:hover { color:#6B5697; text-decoration:underline;}



/* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */

p { color:#212121; font:11px "Arial", Helvetica, sans-serif; text-align: left; vertical-align:top}
#index p { color:#ffffff; font: bold 15px "Arial", Helvetica, sans-serif; text-align: justify; vertical-align:top }
#destaques p { color:#6f4e1b; padding:10px 0;}
#prices #mainCol p { font-size:11px; margin:0; padding:0; }


/* ____________________________________________ 9. imgs _______________________________________________________________________ */
.fotos { width:340px; overflow:hidden; float:left; }
#content-wrapper img { float:left; margin:0 19px 10px 0;}
#destaques1 img { padding-bottom:10px; }
#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:#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;}

.seguinte {float:right; position:absolute;  width:127px; height:32px; margin: 30px 0 0 0;}


/* ____________________________________________ 12. Forms ______________________________________________________________________ */

.formContactos { width:550px; overflow:hidden; clear:both;}
form ul { list-style:none; margin:0; padding:0;}
form select { width:138px;}
form li { padding:2px; margin-bottom:1px; }
form label { color:#888443; float:left; font: Bold 12px Arial, Helvetica, sans-serif; line-height:18px; text-align:right; width:125px; margin:0 8px 0 10px;}

.marcarVisita form input.small {width:50px;}




form input:focus,
form textarea:focus { border:1px solid #828033; background:#fff; }

input:focus, textarea:focus { border:1px solid #666; background:#fff; }
.button { background: url(../imgs/botao.png) no-repeat; width:64px; height:25px; border:none; cursor:pointer; font-size:11px; color:#FFFFFF; line-height:19px; text-align:center; padding-bottom:5px; margin-left:3px;}



#newsletter form input { padding:3px; width:115px;font-size:11px; Arial, Helvetica, sans-serif;  border:1px solid #165789; background:#F0F0F0;}
#newsletter form input.button { background: url(../imgs/botao.png) no-repeat; width:64px; height:25px; border:none; cursor:pointer; font-size:11px; color:#FFFFFF; line-height:19px; text-align:center; padding-bottom:5px; margin-left:3px;}
#newsletter form label { color:#888443; float:left; font: Bold 12px Arial, Helvetica, sans-serif; line-height:18px; text-align:right; width:68px; margin:3px 5px 0 10px;}

/* ______________________________________________ Shadowbox_______________________________________________________________________ */

.shadow {  background:#fff url(../imgs/bkg_main_long.png) repeat-x left top; padding:40px; }
.shadow label { color:#a47c23; }



/* ______________________________________________ Footer _______________________________________________________________________ */
#footer { width:877px; float:left; height:51px; background: url(../imgs/fundo_rodape.png) ; margin:auto; padding:0 0 0 0; font-size:11px; }
#footer padding { padding: 10px; }
#footer span {font: 10px  Arial, Helvetica, sans-serif; color:#fff; }
#footer .pri { width:355px; display:block; float:left; padding:4px 0 0 12px; line-height:17px;}
#footer .seg { width:180px; display:block; float:right; padding:6px 0 0 0;} 
#footer img {margin:0 0 0 3px;}  
#footer p  { color:#fff; font:10px Arial, Helvetica, sans-serif; margin-left:0;}
#footer p  a {color:#fff; text-decoration:none;}
#footer p a:hover { color:#B7A6CA; text-decoration:underline; }

/*______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ */
