/*********************************************************************************************************
 Almav Comunicacao & Marketing - www.almav.com
 Santos - Sao Paulo - Brasil
 CSS document - Screen type
 Copyright(C)2006 - Acapulco Web - acapulcoweb.com - acapulco.com.br - acapulco.com
 Criado em: 01/12/2005 Modificado em: 15/02/2006 - limpeza de codigo e hacks para melhor uso no Firefox
 												   Opera e MSIE		
 Por: Eriksen Costa - eriksencosta@yahoo.com.br
*********************************************************************************************************/

*{
	padding: 0;
	margin: 0;
}

body{
	background: #FFFFFF url(../images/png/bgBody.png) top left repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #6D94B0;
	font-size: 12px
}

/******************************************************************************************************* 
 Estruturas gerais
*******************************************************************************************************/ 
#top{
	background: transparent url(../images/png/layoutTop.png) top left no-repeat;
	margin: 43px auto;
	width: 683px;
	padding-top: 30px
}

#topLeft{
	background: transparent url(../images/png/layoutLeft.png) top left no-repeat;
	width: 683px;
}

#topRight{
	background: transparent url(../images/png/layoutRight.png) top right no-repeat;
	width: 683px;
}

#topConteudo{
	background: #FFF url(../images/png/acapulcoweb.png) 10px top no-repeat;
	width: 624px;
	margin: 0 30px 0 29px;
	text-align: center
}

#conteudo{
	background: #FFF;
	width: 683px;
	padding: 0
}

#conteudoLeft{
	background: transparent url(../images/png/layoutLeft3.png) top left no-repeat;
	width: 683px
}

#conteudoRight{
	background: transparent url(../images/png/layoutRight3.png) top right no-repeat;
	width: 683px 
}

#conteudoBottomLeft{
	background: transparent url(../images/png/layoutLeft2.png) bottom left no-repeat;
	width: 683px
}

#conteudoBottomRight{
	background: transparent url(../images/png/layoutRight2.png) bottom right no-repeat;
	width: 683px
}

#corpoTexto {
	width: 400px
}

#bottom{
	background: transparent url(../images/png/layoutBottom.png) top left no-repeat;
	margin: 20px auto;
	width: 683px;
	padding: 0;
	height: 35px	
}

#copyright{
	background: #FFF;
	margin: -30px auto;
	width: 683px;
	padding: 0 0 10px 40px;
	font-size: 11px;
	text-align: left;
	color: #BEBEBE /**/
}

#copyright img{
	float: right;
	padding-right: 40px;
	margin-top: -3px
}

#tags{
	float:none;
	background: #FFF;
	margin: 30px auto;
	width: 683px;
	padding: 0 0 10px 40px;
	font-size: 11px;
	text-align: left;
	color: #BEBEBE;
	line-height:18px;
}

/******************************************************************************************************* 
 Classes de posicao
*******************************************************************************************************/ 
.left{
	float: left
}

.right{
	float: right
}

.clear{
	clear: both
}

/******************************************************************************************************* 
 Classes de menu
*******************************************************************************************************/ 
ul{
	list-style: none;
	font-size: 11px;
	text-align: center;
}

#menu1{
	height: 15px;
	padding: 15px 0 17px 240px /* 250px */
}

#top li{
	display: inline
}

#top li a:hover{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	vertical-align: bottom
}

#menu2{
	height: 15px
}

.menuNH{
	margin-top: -3px;
	margin-left: -5px;
	padding-bottom: 10px
}

.menuNH2{
	margin-top: -3px;
	margin-left: -5px;
	padding-bottom: 10px
}

.linhaMenu{
	background: url(../images/png/layoutDotAzul.png) top left repeat-x;
	width: 607px;
}

html>body .linhaMenu{
	margin-left: 8px
}

.linhaMenu2{
	background: url(../images/png/layoutBg01.png) top left repeat-x;
	width: 607px
}

html>body .linhaMenu2{
	background-position: 9px top;
	margin-left: 8px
}


/******************************************************************************************************* 
 Classes main
*******************************************************************************************************/ 
.home{
	margin: -30px auto
}

html>body #news{
	min-height: 140px;
	height: auto
}

#news a:hover{
	text-decoration: underline;
	color: #6D94B0
}

#newsImageA{
	background: url(../images/png/layoutImg.png) 32px -2px no-repeat;
	width: 220px;
	padding: 0 0 0 24px;
	text-align: left;
	font-size: 11px
}

#newsImageA img{
	float: left;
	border: none;
	padding: 0px 0 0 9px;
}

#newsImageA p{
	width: 200px;
	padding-left: 9px;
	margin-top: 5px
}

html>body #newsImageA img{
	padding-bottom: 5px
}

#newsTextoA{
	width: 395px;
	text-align: left
}

#newsTextoA p{
	padding: 6px 0 6px 2px;
	font-size: 11px
}

#newsTextoA .linha{
	padding-bottom: 6px
}

#newsImageB{
	background: url(../images/png/layoutImg2.png) 36px -1px no-repeat;
	width: 140px;
	padding: 0 0 0 40px;
	text-align: left;
	font-size: 11px
}

#newsImageB p{
	width: 125px
}

#newsTextoB{
	width: 455px;
	text-align: left
}

#newsTextoB p{
	padding: 6px 0 6px 2px;
	font-size: 11px
}

#newsTextoB .linha{
	padding-bottom: 6px
}

/******************************************************************************************************* 
 Classes da busca de noticias
*******************************************************************************************************/ 
.tituloNoticias {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px
}

#paginacao {
	margin-top: 5px
}

.paginaAtual {
	font-size: 14px;
	font-weight: bold;
	color: #A1C7E2
}

/******************************************************************************************************* 
 Classes noticias
*******************************************************************************************************/ 
.noticia{
	margin: -48px auto;
}

#noticia, #anuncio {
	background: transparent url(../images/png/layoutBg03.png) 1px top repeat-y;
	width: 611px; /* 610 */
	text-align: left;
	height: 350px;
	padding: 0
}

html>body #noticia, html>body #anuncio {
	background: transparent url(../images/png/layoutBg03.png) 6px top repeat-y; /* -1px */
	min-height: 350px; /* 400px */
	height: auto;
	padding-left: 4px; /* 0px */
	margin-left: 30px;
}

#noticia .linha {
	padding-top: 3px
}

.linhaOpcoes{
	font-size: 11px;
	background: url(../images/png/layoutDotAzul.png) bottom left repeat-x;
	width: 380px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 15px;
	color: #A1C7E2;
	float: right
}

.linhaOpcoes2{
	font-size: 11px;
	background: url(../images/png/layoutDotAzul.png) top left repeat-x;
	width: 380px;
	padding-left: 20px;
	padding-top: 16px;
	padding-bottom: 15px;
	color: #A1C7E2;
	float: right
}

.linhaOpcoes2 img, .linhaOpcoes img{
	vertical-align: middle
}

.linhaOpcoes a, .linhaOpcoes2 a{
	color: #A1C7E2
}

.textoNoticia {
	margin-top: 20px
}

#noticia .left{
	padding: 5px 5px 5px 0;
}

#noticia .right{
	padding: 5px 0 5px 5px
}

#noticia .leftImg{
	text-align: left;
	margin: 0 20px 15px 0;
	float: left
}

#noticia .rightImg{
	margin: 0 0 15px 20px;
	float: right;
}

#logoPrint{
	display: none
}

/******************************************************************************************************* 
 Classes albumdefotos
*******************************************************************************************************/ 
.albumdefotos {
	margin: -48px auto 
}

html>body #album {
	margin-left: 50px
}

#albumTitulo {
	background: url(../images/png/layoutAlbum01.png) top left no-repeat;
	width: 580px;
	height: 68px;
	margin-bottom: 10px;
	padding: 10px 0
}

#albumTop {
	background: url(../images/png/layoutAlbum02.png) top left no-repeat;
	width: 580px;
	height: 11px;
	margin-top: -21px
}

#albumConteudo {
	background: url(../images/png/layoutAlbum03.png) top left repeat-y;
	width: 580px;
	height: 285px;
	margin: -5px 0;
	text-align: left
}

#albumBottom {
	background: url(../images/png/layoutAlbum04.png) top left no-repeat;
	width: 580px;
	height: 10px
}

#albumControle {
	width: 580px;
	height: 15px
}

#thumbs, #albumVoltar {
	width: 255px;
	height: 285px;
	margin: 0 14px 0 7px;
	vertical-align: bottom
}

#zoom, #albumOpcoes {
	width: 285px;
	height: 285px
}

#zoomTable {
	height: 100%
}

#zoomTable td {
	width: 285px;
	text-align: center;
	vertical-align: middle
}

.thumbsTable {
	height: 265px
}	

.thumbsTable td{
	height: 125px;
	text-align: center;
	vertical-align: middle
}

.scroll {
	overflow: auto
}

#albumOpcoes img {
	vertical-align: bottom
}

#albumVoltar, #albumOpcoes {
	height: 15px;
	text-align: left
}

#albumTitulo01 {
	width: 110px
}

#albumTitulo02 {
	width: 250px;
	padding: 4px 10px 0 2px;
	line-height: 20px
}

#albumTitulo03 {
	width: 190px;
	padding-left: 10px
}

/******************************************************************************************************* 
 Classes faleconosco
*******************************************************************************************************/ 
.faleconosco{
	margin: -48px auto; 
}

#falecon{
	width: 580px;
	margin-top: 18px;
	text-align: left
}

html>body #falecon{
	margin-left: 50px;
	padding-top: 18px
}

#falecon h2, #albumTitulo h2{
	display: inline
}

#faleconTop{
	background: url(../images/png/layoutFaleconTop.png) top left no-repeat;
	height: 32px;
	padding: 10px
}

#faleconConteudo{
	background: url(../images/png/layoutFaleconConteudo.png) top left repeat-y;
	margin: -20px 0 0 0;
	padding: 10px
}

#faleconBottom{
	background: url(../images/png/layoutFaleconBottom.png) top left no-repeat;
	height: 32px;
	padding: 10px
}

.coluna01{
	width: 90px;
	text-align: right;
	vertical-align: top;
	padding: 5px
}

.coluna02{
	width: 235px;
	padding: 5px 5px 5px 0;
	vertical-align: top
}

.coluna03{
	vertical-align: top;
	padding: 5px 0 0 14px
}

.coluna04{
	width: 325px;
	vertical-align: middle;
	text-align: center;
	padding: 5px
}

/******************************************************************************************************* 
 Classes anuncios
*******************************************************************************************************/ 

.anuncios{
	margin: -48px auto; 
}

#anunc{
	width: 580px;
	margin-top: 18px;
	text-align: left
}

#anunciosConteudo{
	background: url(../images/png/layoutAnunciosConteudo.png) top left repeat-y;
	margin: -20px 0 0 0;
	padding: 10px
}

#anunciosTopNegocios {
	background: transparent url(../images/png/layoutAnunciosNegociosTop.png) top left no-repeat;
	height: 32px;
	padding: 10px
}

/******************************************************************************************************* 
 Classes da revista
*******************************************************************************************************/ 
/*.revista{
	margin: -48px auto
}

#revista .leftImg{
	text-align: left;
	margin: 0 20px 15px 0;
	float: left
}

#revista .rightImg {
	margin: 0 0 15px 20px;
	float: right;
}

#revista .linhaOpcoes{
	width: 480px;
	margin: 0px 0 30px 0;
	float: none;
	text-align: center;
	padding-left: 0	
}

#revista .linhaOpcoes2{
	width: 480px;
	margin: 20px 0 20px 0;
	float: none;
	text-align: center;
	padding-left: 0
}

#revista .textoNoticia {
	width: 500px
}*/

.revista{
	margin: -48px auto
}

#revista {
	text-align: left;
}

#corpoRevista {
	padding: 0 90px 0 90px
}

.editorial, .sumario, .expediente, .arte, .virtual, .materia {
	margin-top: 30px
}

.sumario, .materia {
	text-align: left
}

.virtual {
	padding: 0 10px 20px 30px;
}

.expediente {
	width: 300px;
	margin: 50px auto
}

#logoRevista {
	margin-top: 30px
}

#corpoRevista .leftImg{
	text-align: left;
	margin: 0 20px 15px 0;
	float: left
}

#corpoRevista .rightImg {
	margin: 0 0 15px 20px;
	float: right
}

#corpoRevista .linhaOpcoes {
	width: 480px;
	margin: 30px 0;
	float: none;
	text-align: center;
	padding-left: 0	
	
}

#corpoRevista .linhaOpcoes2{
	width: 480px;
	margin: 20px 0;
	float: none;
	text-align: center;
	padding-left: 0	
}

#corpoRevista .textoNoticia {
	width: 480px; 
}

#revista td {
	text-align: left;
	vertical-align: top;
	width: 50%
}

.expediente table {
	width: 300px;
	margin: 0 auto;
}

#menuRevista {
	margin-left: -5px
}

.paginaSumario {
	font-size: 22px;
	font-style: normal;
	margin-right: 15px;
	font-weight: normal
}

.sumarioStrong {
	font-weight: bold 
}

#faleconTopPedido {
	background: transparent url(../images/png/layoutFaleconAnuncioTop.png) top left no-repeat;
	height: 32px;
	padding: 10px 10px 10px 20px
}

#faleconTopReserva {
	background: transparent url(../images/png/layoutFaleconAnuncioTop.png) top left no-repeat;
	height: 32px;
	padding: 10px
}

#faleconTopNegocios {
	background: transparent url(../images/png/layoutFaleconNegociosTop.png) top left no-repeat;
	height: 32px;
	padding: 10px
}

/******************************************************************************************************* 
 Classes de texto
*******************************************************************************************************/ 
h1 {
	font-size: 25px
}

h2 {
	font-size: 19px
}

h3 {
	font-size: 14px
}

.miniTitulo {
	font-size: 11px;
	color: #A1C7E2
}

.miniTituloNoticias {
	font-size: 11px
}

.miniTexto {
	font-size: 10px;
	color: #A1C7E2
}

.miniData {
	font-size: 11px;
	font-weight: normal;
	color: #BEBEBE
}

.textoNormal {
	font-weight: normal
}

.linha {
	border-bottom: 1px solid #E4EBF0
}

.linha2 {
	border-bottom: 1px solid #6D94B0
}

/*
.linha3{
	margin: -7px 0 7px 0;
	border-bottom: 1px solid #6D94B0
}*/

.sublinhado {
	font-weight: normal;
	text-decoration: underline
}

.linkTexto a{
	color: #000099;
	text-decoration: underline
}

.linkExterno {
	color: #A1C7E2;
	text-decoration: underline
}

.vermelho {
	color: #FF0000;
	font-weight: normal
}

.azul {
	color: #0000FF;
	font-weight: normal
}

.resultadoBusca {
	font-size: 12px
}

.strong {
	font-weight: bold
}

/******************************************************************************************************* 
 Classes graficas, de imagens, links e tags HTML
*******************************************************************************************************/ 
a {
	text-decoration: none;
	color: #6D94B0
}

a img {
	border: 0
}

a:hover {
	text-decoration: underline
}

.hidden {
	display: none
}

.invisivel {
	visibility: hidden
}

.fundoAzul {
	background: url(../images/png/layoutDotAzul02.png) top left;
	padding: 5px;
	border: 1px solid #6D94B0
}
/******************************************************************************************************* 
 Classes de forms
*******************************************************************************************************/ 
#formPesquisa {
	font-size: 10px
}

input, textarea, select {
	font-size: 10px;
	color: #6D94B0 
}

fieldset {
	border: 0
}

textarea {
	font-size: 12px
}

.formNumero {
	width: 50px; /* 115px */
	border: 1px solid #6D94B0 
}

.formData01 {
	width: 20px;
	border: 1px solid #6D94B0 
}

.formData02 {
	border: 1px solid #6D94B0 
}

.formCheck {
	border: 0
}

.formRadio {
	border: 0
}

.faleconCaixa01 {
	width: 220px
}

.ddd {
	width: 20px
}

.telefone {
	width: 188px;
	margin-left: 5px
}

.faleconCaixa01, .ddd, .telefone {
	color: #999
}

.faleconCaixa01, .ddd, .telefone, .formSelect {
	border: 1px solid #6D94B0 
}

.formSelect {
	width: 70px;
}

#formAnuncio {
	margin-top: 20px
}

#formAnuncio .formCaixa {
	width: 200px;
	border: 1px solid #6D94B0 
}

.formCaixa02 {
	border: 1px solid #6D94B0 
}

.desabilitado {
	background: #EBEBE4;
}

select {
	border: 1px solid #6D94B0 
}
/******************************************************************************************************* 
 Classes da barra lateral(esquerda) de busca e de ultimas noticias
*******************************************************************************************************/ 
#publicidade {
	width: 200px;
	margin: 0;
	padding: 0
}

html>body #publicidade {
	margin-left: 3px
}

html>body #noticia {
	width: 620px
}

#bannerRotativo {
	width: 193px;
	margin: -12px -1px 0px 3px;
	padding-bottom: 0px; /* 10 */
	background: #FFF;
}

#painelInfo {
	width: 190px
}

#linhaDecor {
	width: 199px;
	background: #FFF url(../images/png/layoutPainelNoticiasTop.png) no-repeat;
	background-position: left top;
	height: 5px;
	margin-left: 2px
}

html>body #linhaDecor {
	margin-left: 1px
}

#painelInfo form, #ultimasNoticias {
	padding: 0px 8px 8px 8px
}

/******************************************************************************************************* 
 Classes de ajuda na secao de edicao de anuncio
*******************************************************************************************************/ 
.anuncio {
	margin: -48px auto; 
}

#helpAnuncie {
	width: 170px;
	padding: 10px;
	margin-left: 15px;
	text-align: left;
}

#helpAnuncie ul {
	list-style: square;
	text-align: left;
	padding-left: 15px;
	margin-top: 5px
}

/******************************************************************************************************* 
 Imprime erro nos forms
*******************************************************************************************************/ 
#alerta {
	background: url(../images/png/layoutDotAzul02.png) top left;
	width: 325px;
	padding: 5px 0px 5px 5px;
	margin-bottom: 5px 
}

#alerta ul {
	list-style: square;
	text-align: left;
	padding-left: 20px
}