body { background:#fff ; 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:#fff; text-decoration:none; }
a:hover { color:#2C3063; 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:414px; 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 { background: url(../imgs/topo.jpg) repeat-x; height:347px; width:877px; }
#content-wrapper { background:#108dcd ; 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:267px; height:75px; margin:68px 0 0 -56px;}
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 36px; }
div#navigation {clear:both;
color:#FFFFFF;
float:left;
font:bold 12px "Verdana",Times,serif;
height:140px;
margin:20px 0 0 40px;
position:relative;
width:269px;
z-index:5;}
div#info { clear:both; height:41px; border-bottom: 1px solid #98afbb; padding-top:11px; }


/* _______________________________________________ 4. Navigations bars __________________________________________________ */


	/* _____________ 4.1 Flags ___________*/

div#flags {float:left; margin:12px 0 0 38px;}
#flags img,
#flags a img { margin:0 4px 0 0; border:1px solid #fff; }
#flags a:hover img  { border:1px solid #108DCD;}
	
		
  
   /* _____________ 4.2 Navigation ___________*/

	ul#nav li {background: url(../imgs/seta.png) no-repeat; padding-left:13px; float:left; text-align:center;  font:Bold 17px Arial, Helvetica, sans-serif; height:27px;}
	ul#nav li a { display: block; text-decoration:none; padding:0 26px 6px 19px; color: #fff; margin:5px 5px 0 0;}
	ul#nav li a:hover {color: #293258; }

	/*ul#nav li#nav-quem a,	
	ul#nav li#nav-facilidades a,
	ul#nav li#nav-precos a,	
	ul#nav li#nav-contactos a, 
			ul#nav li#nav-quem a:hover,
			ul#nav li#nav-facilidades a:hover,
			ul#nav li#nav-precos a:hover,	
			ul#nav li#nav-contactos a:hover { color:#293258; 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 25px 30px; }

#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. blocos _________________________________________________________________ */



.bloco {border:medium solid #FFFFFF; float:left; position:relative; text-align:left; background: #cfe8f5 ; width:320px; height:245px;  margin:0 23px 25px 11px; padding:18px 22px 39px 30px;}
.bloco h2 {color:#293258; font:Bold 19px "Arial", Helvetica, sans-serif; margin-bottom:5px }
.bloco p { color:#293258; font:12px "Arial", Helvetica, sans-serif; text-align: left; vertical-align:top }
.bloco img {float: left;  margin:10px 0 10px 0;}
.bloco a { color:#293258; }



/* ____________________________________________ 6. Equipamento _________________________________________________________________ */

#contactos { float:left; height:200px; width:350px; position:relative;}





/* ____________________________________________ 7. headdings __________________________________________________________________ */


h1 { color:#fff; float:left; text-align:center;  font:Bold  19px Arial, Helvetica, sans-serif; height:20px; }
h2 { color:#fff; font: 14px "Arial", Helvetica, sans-serif; text-align:justify;}
h3 { color:#FFFFFF; font:Bold 20px "Arial", Helvetica, sans-serif; text-align: left; vertical-align:top; margin-top:10px }
h4 {color:#6ADBFF; font: Bold 14px 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:19px;}
h6.floatright { float:right; position:relative; width:50px; margin-top:19px;}
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:#FFFFFF; font:12px "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 _______________________________________________________________________ */
#content-wrapper img {float:left; margin:0 20px 10px 0; border:medium solid #89c4e2;}
#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 li { padding:2px; margin-bottom:1px; }
form label { color:#FFFFFF; float:left; font: Bold 14px Arial, Helvetica, sans-serif; line-height:18px; text-align:right; width:150px; margin:0 8px 0 10px;}
form input,
form textarea { padding:3px; width:450px;font-size:11px; Arial, Helvetica, sans-serif;  border:1px solid #165789; background:#F0F0F0; -moz-border-radius:5px; -webkit-border-radius:5px;}
form input:focus,
form textarea:focus { border:1px solid #165789; background:#F0F0F0; }

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;}


/* ______________________________________________ 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:32px; background: url(../imgs/rodape.jpg) ; 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:400px; display:block; float:left; padding:4px 0 0 12px; line-height:17px;}
#footer .seg { width:210px; display:block; float:right; padding:6px 0 0 0;} 
#footer img {margin: 5px 5px 0 0;}  
#footer p  { color:#fff; font:10px Arial, Helvetica, sans-serif; margin-left:0;}
#footer p  a {color:#8ccdee; text-decoration:none;}
#footer p a:hover { color:#8ccdee; text-decoration:underline; }

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