/**
*
* Css padrão do site Pousada Panorama
*
*@author        Diego Eyer <diego@friwebdesign.com>
*@empresa       Friweb <www.friweb.com.br>
*@package       Estilos
*subpackage     Principal
*/


/* CSS PADRÃO */

* {
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	list-style-type: none;
}


body {
	text-align:center;
	background:#456547 url(../imagens/layout/bg-geral.jpg) repeat-x top left;
	
}

div, table, input, textarea {
	font-family: verdana, "trebuchet ms", arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333333;
} 
	
p {
	line-height:150%;
	padding:0px 0px 10px 0px;
	text-align:justify;
}

p.forma1 {
	margin-top:6px;
}

p.centralizar {
	text-align:center;
	line-height:150%;
	padding:0px 0px 5px 0px;
}

a {
	margin:0px auto;
	color:#08374e;
	font-weight:bold;	
	
}

a:hover {
	color:#d21034;
}

a.um {
	margin:0px auto;
	color:#ffffff;
	font-weight:bold;	
	background-color:#af7a1f;
	padding:2px 2px 2px 2px;
}

a.um:hover {
	color:#e1d0bf;	
}

a.dois {
	margin:0px auto;
	font-weight:normal;
	color:#333333;
	background:url(../imagens/layout/seta-red.gif) no-repeat 0px 4px;
	padding:0px 0px 0px 10px;
}

a.dois:hover {
	color:#d21034;	
}

img.space 
{
	margin-right:5px;
	vertical-align:1px;
}

.album-fotos
{
  margin-right:10px;
  margin-top:10px;
}


.link-fotos
{
  margin-top:20px;
  margin-bottom:20px;
}

.link-fotos a
{
  font-size:20px;
}




#geral {
	margin:0px auto;
	width:778px;
	text-align:left;
}

#geral #topo {
	width:778px;
	height:124px;
	background:url(../imagens/layout/bg-topo.gif) no-repeat 400px bottom;
}

#geral #topo .logo {
	/*margin-left:40px;
	margin-top:20px;*/
	margin-left:60px;
	margin-top:15px;
}


#geral ul.menu {
	margin-top:6px;
	width:759px;
	height:41px;
	background:url(../imagens/menu/bg-menu.gif) no-repeat left 17px;
	
}

#geral ul.menu li {
	display:inline;
	
}

#geral ul.menu li a {
	height:41px;
	display:block;
	float:left;
	margin-left:4px;
	margin-right:4px;
}


#geral ul.menu li em {
	display:none;
	text-indent:-9999px;
}

#geral ul.menu li a.principal {
	background:url(../imagens/menu/principal.jpg) no-repeat top left;
	width:136px;
}

#geral ul.menu li a.principal:hover {
	background:url(../imagens/menu/principal-over.jpg) no-repeat top left;
	width:136px;
}

#geral ul.menu li a.chales {
	background:url(../imagens/menu/chales.jpg) no-repeat top left;
	width:115px;
}

#geral ul.menu li a.chales:hover {
	background:url(../imagens/menu/chales-over.jpg) no-repeat top left;
	width:115px;
}

#geral ul.menu li a.servicos {
	background:url(../imagens/menu/servicos.jpg) no-repeat top left;
	width:131px;
	margin-left:3px;
}

#geral ul.menu li a.servicos:hover {
	background:url(../imagens/menu/servicos-over.jpg) no-repeat top left;
	width:131px;
}

#geral ul.menu li a.como-chegar {
	background:url(../imagens/menu/como-chegar.jpg) no-repeat top left;
	width:169px;
	margin-left:3px;
}

#geral ul.menu li a.como-chegar:hover {
	background:url(../imagens/menu/como-chegar-over.jpg) no-repeat top left;
	width:169px;
}

#geral ul.menu li a.fale {
	background:url(../imagens/menu/fale-conosco.jpg) no-repeat top left;
	width:162px;
}

#geral ul.menu li a.fale:hover {
	background:url(../imagens/menu/fale-conosco-over.jpg) no-repeat top left;
	width:162px;
}

#geral ul.menu li a.principal_sel {
	background:url(../imagens/menu/principal-over.jpg) no-repeat top left;
	width:136px;
}
#geral ul.menu li a.chales_sel {
	background:url(../imagens/menu/chales-over.jpg) no-repeat top left;
	width:115px;
}
#geral ul.menu li a.servicos_sel {
	background:url(../imagens/menu/servicos-over.jpg) no-repeat top left;
	width:131px;
	margin-left:3px;
}
#geral ul.menu li a.como-chegar_sel {
	background:url(../imagens/menu/como-chegar-over.jpg) no-repeat top left;
	width:169px;
	margin-left:3px;
}
#geral ul.menu li a.fale_sel {
	background:url(../imagens/menu/fale-conosco-over.jpg) no-repeat top left;
	width:162px;
}

#geral .fotosTop {
	margin:0px auto;
	display:table;
}




		

#geral #conteudo {
	width:770px;
	display:table;
	padding:0px 3px 0px 3px;
	background-color:#f3faf3;
	
}

#geral #conteudo #fix {
	display:block;
}

#geral #conteudo #cont {
	background-color:#f3faf3;
	border-left:3px solid #f3faf3;
}


#geral #conteudo #left {
	float:left;
	width:263px;
	height:229px;
	padding:20px 20px 0px 20px;
	background:url(../imagens/principal/bg-bem-vindo.jpg) no-repeat top left;
	font-size:10px;
	color:#ffe3ad;
}

#geral #conteudo #right {
	float:right;
	width:453px;
	padding:20px 7px 2px 7px;
}

#geral #conteudo #right2 
{
  float:right;
  width:443px;
  padding:20px 7px 2px 7px;
}


#geral #conteudo #base 
{
  float:left;
  width:730px;
  padding:20px;
}



#geral #conteudo #right #cont {
	width:515px;
	padding:0px 20px 0px 20px;
	background:#ffffff url(../imagens/layout/bg-cont.gif) no-repeat top left;
	min-height:400px;
}

#geral #conteudo #left ul.fotos {
	width:96%;
	padding:0px 0px 0px 0px;
	display:table;
	margin-bottom:3px;
}

#geral #conteudo #left ul.fotos li {
	float:left;
	display:block;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	margin-top:1px;
}

#geral #conteudo #left ul.fotos li img {
	padding:2px 2px 2px 2px;
	border:1px solid #530909;
	background-color:#eeeeee;
}

h1,h3 {
	color:#7a9d69;
	font-family:'trebuchet ms', verdana, arial;
	font-size:22px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
}

h2 {
	color:#ffffff;
	font-family:'trebuchet ms', verdana, arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:1px;
	text-transform:uppercase;
	width:100%;
	border:1px solid #530909;
	background-color:#7c2f2f;
	color:#ffffff;
	padding:5px 5px 5px 5px;
}

p.albunsEsco {
	background:#f1eded url(../imagens/albuns/camara.gif) no-repeat 5px center;
	padding:10px 0px 10px 55px;
	margin-bottom:5px;
}

p.right {
	text-align:right;
}

table.tabela {
	width:100%;
	border:1px solid #530909;
	background-color:#7c2f2f;
	color:#ffffff;
	padding:5px 5px 5px 5px;
}

table.tabela td{
	background-color:#530909;
	color:#ffffff;
	padding:2px 2px 2px 2px;
}

table.tabela td.titulo{
	background-color:#530909;
	color:#ffffff;
	padding:3px 2px 3px 2px;
	text-align:center;
	font-weight:bold
}

#geral #conteudo #right #rodape {
	width:555px;
	color:#ffffff;
	padding:0px 0px 30px 0px;
	text-align:center;
	background:url(../imagens/layout/bg-rodape.gif) no-repeat top left;
}	

p.local {
	border-top:1px dotted #ffffff;
	padding:2px 2px 0px 5px;
}

#rodape {
	margin-top:10px;
	margin-bottom:10px;
	font-size:10px;
	padding:0px 0px 10px 0px;
	color:#bec9b9;
}

#rodape .addr {
	text-align:center;
	padding:15px 0px 10px 0px;
	font-size:10px;	
}

#rodape a {
	color:#bec9b9;
	font-weight:bold;
	background-color:#659068;
	padding:0px 3px 0px 3px;
}

#rodape a:hover {
	color:#ffffff;
	font-weight:bold;
}
	

/* CSS DOS FORMULÁRIOS */
form.interno {
	width:90%;
	margin:5px 0px 10px 5px;
	padding:0px 0px 0px 0px;
}

form.interno fieldset {
	padding:0px 2px 0px 2px;
	
}

form.interno legend {
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	padding:3px;
	margin-bottom:5px;
	background-color:#f6f6f6;
	width:100%;
}

form.interno label {
	text-align:right;
	width:170px;
	display:block;
	float:left;
	margin-top:1px;
	margin-right:5px;
	color:#333333;
	margin-left:0px;
}

form.interno input, textarea, select {
	color:#105679;
	font-size:11px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	margin-bottom:10px;
	padding:2px 2px 2px 2px;
}

form.interno input.noborder {
	border:0px;
	background-color:#fafafa;
}

form.interno select {
	margin-top:6px;
}

form.interno span {
	font-size:9px;
}
form.interno .botaocontato {
	border:1px solid #142b16;
	background-color:#456547;
	color:#ffffff;
	margin-left:135px;
	width:108px;
}

.error_form {
	border:1px solid #166137;
	background-color:#f8eeee;
}

.contato {
	text-align:center;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	padding:10px 10px 10px 10px;
}