* { margin:0; padding:0 }

body {
	font:13px "Trebuchet MS";
	background:url(img/bgbody.jpg) repeat-x }
	
#all { 
	width:775px;
	
	margin:0 auto }
	
#header {
	height:432px;
	position:relative }

#header h1 {
	position:absolute;
	z-index:11;
	top:0;
	left:50%;
	/*margin-left:-74px;*/
	margin-left:-94px }
	
#header h1 a {
	height:109px;
	/*width:148px;*/
	width:191px;
	z-index:10;
	background:url(img/logotipo.gif) bottom center;
	text-indent:-1000000px;
	display:block }
	
#header .endereco,
#header .url { 
	position:absolute;
	top:13px;
	color:#FFF;
	font-size:11px }
	
#header .endereco { left:25px }
#header .url { right:25px }
#header .url a { color:#FFF }


#header .logar,
#header .url { 
	position:absolute;
	top:13px;
	color:#FFF;
	font-size:11px }
	
#header .logar { left:705px }
#header .url { right:25px }
#header .url a { color:#FFF }
	
#header ul.menu {
	position:absolute;
	z-index:5;
	top:75px;
	left:10px;
	padding:0 0 0 0;
	width:815px;
	list-style:none;
	background:url(img/bgmenu.gif);
	margin-left:-4% }
	
#header ul.menu li.left { float:left }
#header ul.menu li.left a { padding:10px 11px }

#header ul.menu li.right { float:right }
#header ul.menu li.right a { padding:10px 9px }

#header ul.menu li a {
	text-transform:uppercase;
	font:bold 13px Georgia;
	letter-spacing:-1px;
	border-right:1px solid #597A1B;
	text-decoration:none;
	display:block;
	color:#FFF }

#header ul.menu li.fim a { border:0 }

#header ul.menu li a:hover { background:#4C641E }

#header .destaque {
	position:absolute;
	bottom:0;
	left:50%;
	z-index:-10;
	margin-left:-361px 	}
	
#container {
	margin-bottom:20px;
	float:left;
	width:723px;
	padding:20px 26px }
	
#container p { margin-bottom:15px }

#container h2 {
	margin-bottom:10px;
	color:#74A023;
	font:italic 25px Georgia }
	
.diagrama { 	padding:0 20px }
	
#c1{
	float:left ;
	width:470px }
	
#c2 { 
	width:225px;
	float:right }
	
	
#noticias img { float:right; margin:0 0 15px 15px; border:2px solid #74A023 }
#noticias ul li.destaque a.more{ color:#74A023 }
#noticias ul { list-style:none; margin:0 0 10px  }
#noticias ul li { padding:10px 0 10px; border-bottom:1px dotted #29166F }
#noticias .data { font-size:11px; font-family:Verdana, Geneva, sans-serif; }
#noticias ul li.destaque .titulo  { font-weight:bold; font-size:15px }
#noticias ul li .titulo { font-weight:bold; margin:0 !important; font-size:12px !important }
#noticias ul li a { color:#000; text-decoration:none }
#noticias ul li a .titulo  { text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:10px}

#noticias.detail  .titulo { font-weight:bold; font-size:25px; margin-bottom:15px }
#noticias.detail  .corpo { margin:0 0 50px }

#newsletter,
#contatoh { 
	font-size:11px;
	background:#74A023 url(img/bg-canto-boxes.jpg) no-repeat left top;
	width:197px; 
	padding:15px;
	color:#FFF  }
	
.box { margin-bottom:15px }
	
#newsletter h2,
#contatoh h2  {
	margin-bottom:5px;
	font-size:20px;
	color:#FFF }

#newsletter p { margin:0 }
#newsletter label { color:#000 }

#newsletter input.text { 
	font:11px "Trebuchet MS";
	padding:2px;
	width:191px;
	border:1px solid #666	}
	
#newsletter input.button { margin-top:10px }

#contato .info {
	text-align:center;
	float:left;
	padding-top:20px;
	width:250px }
	
#contato form {
	float:left;
	padding-top:20px;
	width:385px }
	
#contato form label {
	float:left;
	margin:0 0 5px }
	
#contato form span { 
	float:left;
	width:80px }
	
#contato form input.text ,
#contato form textarea { 
	font:13px Verdana;
	color:#666;
	padding:2px;
	border:1px inset #CCC }
	
#contato form input.button { 
	font:bold 13px Verdana;
	padding:2px }
	
#contato a { color:#74A023 }	

#fotos #thumbs { float:left; width:250px; margin-bottom:15px; }
#fotos #thumbs a { color:#74A023; font-size:11px; font-weight:bold }
#fotos #big { float:right; width:415px; margin-bottom:15px; }
#fotos .descricao { clear:both}

#fotos ul { list-style:none }
#fotos ul li {
	width:100%;
	float:left;
	padding:10px 0;
	border-bottom:2px dotted #CCC }

#fotos ul li img {
	float:left;
	margin:0 10px 0 0 }
	
#fotos a img { border:2px solid #DDD }
#fotos a:hover img { border:2px solid #74A023 }
	
#fotos ul li .titulo {
	font-weight:bold;
	font-size:15px }
	
#fotos ul li .desc{ font-style:italic }

.legenda { 	
	padding:5px;
	background:#DDD;
	font-size:11px }
	
#chales table tr td { padding:10px; background:#EEE }
#chales table tr td img { margin-bottom:5px }
#chales img { border:2px solid #CCC }
#chales table tr td a:hover  img { border:2px solid #74A023 }

#chales .detalhes img { float:left; margin:0 15px 35px 0 }
#chales .detalhes a.reserva {
	float:right;
	padding:10px;
	color:#FFF;
	background:#74A023;
	font-weight:bold;
	font-size:17px }

#chales .detalhes a.reserva:hover { 
	color:#74A023;
	background:#DDD; }
	
#chales .detalhes .thumbs {
	clear:both;
	width:100%}

#chales .detalhes .thumbs img { 
	margin:0 2px 2px 0;
	border:1px solid #CCC;
	float:left }
	
#reserva table { border-top:1px solid #CCC }
#reserva table tr td { padding:5px; background:#EEE; border-bottom:5px solid #FFF; font-size:11px;  }
#reserva table tr td.label { background:#DDD; font-weight:bold }
#reserva table tr td input.text, 
#reserva table tr td select { font:bold 13px Arial; padding:3px; border:2px solid #74A023; color: #74A023  }
#reserva table tr td input.button{ font:bold 16px Arial; padding:10px }

#footer { 
	clear:both;
	background:url(img/bgfooter.jpg) no-repeat center bottom;
	height:20px;
	padding:20px;
	color:#FFF;
	position:relative;
	text-align:center }
	
#footer a.dev { 
	position:absolute;
	top:18px;
	right:40px;
	display:block;
	width:53px;
	height:25px }
	
	/* RECADOS ----------------------------------------*/
#detail .recado .botoes { float:right; width:95px }
.recado .botoes a { width:95px; height:19px; display:block; text-indent:-10000em; float:left; margin:0 2px 0 0 } 
.recado .botoes a.deixar { background:url(img/btn_deixarrecado.gif); float:right; } 
.recado .botoes a.mais { background:url(img/btn_maisrecados.gif) }
.recado ul li { border-bottom:1px dashed #DDD; padding:0 0 5px 0; margin:0 0 5px 0; clear:both }
.recado .de { font-weight:bold }
.recado .para { color:#CC0000 }

#home #formrecado, #detail #formrecado {
	position:absolute;
	display:block;
	background:#EEE;
	border:1px solid #CCC;
	width:153px;
	padding:10px }
	
#home #formrecado { top:75px; left:5px }
#detail #formrecado { top:70px; right:5px }
	
#formrecado label { float:left; width:40px; padding:3px 0 0 0 }
#formrecado input.text,
#formrecado select,
#formrecado textarea { font-size:11px; margin:0 0 2px 0 }
#formrecado select { width:110px }
#formrecado textarea { width:143px }
#formrecado .botoes a { width:70px; height:19px; display:block; text-indent:-10000em; float:left; margin:0 2px 0 0 } 
#formrecado .botoes a.postar { background:url(img/btn_postar.gif) } 
#formrecado .botoes a.cancelar { background:url(img/btn_cancelar.gif) }

<!-- RECADOS -->
body {
font-family:verdana;
font-size:15px;
}

a {color:#333; text-decoration:none}
a:hover {color:#ccc; text-decoration:none}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  display:none;
  z-index:9999;
  position:fixed;
}

#boxes #dialog {
  width:375px; 
  height:380px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:303px;
}

#dialog1 .d-header {
  background:url(login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}
/* ----------------------------------------------------------*/

#boxes #dialog3 {
  width:575px; 
  height:303px;
}

#dialog3 .d-header {
  background:url(login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog3 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog3 .d-blank {
  float:left;
  background:url(login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog3 .d-login {
  float:left;
  width:108px; 
  height:53px;
}


#cadastro form { padding:20px; margin:0 0 25px }
#cadastro fieldset,
#talentos fieldset { border:0; margin:0 0 10px }
#cadastro legend,
#talentos legend { font-size:18px; font-weight:bold; border-top:2px solid #C00; color:#C00;  padding:5px; display:block; width:100% }
#cadastro td,
#talentos td { padding:5px; font-size:11px }
td.label { width:150px; background:#FFF }
td.input { background:#E5E5E5; width:500px; font-weight:bold }
#cadastro input.text,
#cadastro textarea { font:13px Arial; padding:2px; border:1px solid #BBB }
#cadastro input.button { font-weight:bold; padding:5px }

#headline { float:left }

#headline .login {
	width:175px;
	height:75px;
	position:absolute;
	top:0;
	right:0;
	color:#FFF;
	padding:5px 18px 15px 15px;
	font:10px Tahoma }
	
#headline a { color:#FFF;
			padding:1px 1px 11px 1px;
			font:11px Tahoma;
			}

#headline .login h2 {
	height:33px;
	background:#FFF url(img/h2_area-restrita.jpg) no-repeat }

#headline .login label {
	float:left;
	margin-bottom:5px;
	width:82px }
	
#headline .login label.left { margin:0 10px 0 0 }
	
#headline .login .text {
	font-size:10px;
	font:10px Tahoma;
	padding:2px 0 0 2px;
	border:1px solid #CCC;
	background:#FFF;
	width:79px;
	height:16px }
	
#headline .login .button {
	font:bold 11px Tahoma;
	padding:3px;
	float:right }

#headline .login #msgLogin {
	position:absolute;
	top:95px;
	right:0;
	padding:18px 18px 15px 15px;
	color:#FFF;
	display:block }	
	
	
#endereco a {
	
	text-decoration:none;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 }	
	 
#endereco text {
	
	font-size:14px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 }	



.close{display:block; text-align:right;}