/* Reset */
* { font-size: 12px; font-family: Arial; color: #333333; margin: 0; padding: 0; border: 0 none; }
body { background: #DDDDDD /*url(../../images/bg.png)*/; }
p { margin: 5px; }
ul { list-style: none; }
h1 { font-size: 14px; }
h2 { padding: 0 5px; font-size: 18px; height: 30px; line-height: 30px; display: block; color: #B29F41; border-bottom: 1px solid #B29F41; margin: 20px 0; }
h3 { font-size: 18px; }
a { text-decoration: none; }
a:hover, a:hover strong { color: #927F21; text-decoration: underline; }
input, textarea { background: #CCCCCC; padding: 5px; width: 300px; font-size: 14px; }
.botaoEnviar { background: #666666; color: #FFFFFF; padding: 5px; width: auto; font-size: 14px; }
textarea { height: 100px; }

/* Classes */
.clear { clear: both; display: block; }
.esquerda { float: left; }
.direita { float: right; }
.caixa { margin-top: 5px; width: 240px; background: #FFFFFF/*url(../../images/bg_box.jpg) bottom repeat-x*/; border: 1px solid #CCCCCC; }
	.caixa h1 { border-bottom: 1px solid #CCCCCC; text-indent: 10px; display: block; font-size: 11px; background: #CCCCCC /*url(../../images/bg_box_titulo.jpg) bottom repeat-x*/; height: 20px; line-height: 20px; }

.wallpaper span { width: 90px;  line-height: 23px; display: none; position: absolute; z-index: 9999; text-align: center; }
.wallpaper span a { display: block; color: #666666; text-decoration: none; }
.wallpaper span a:hover { display: block; color: #000000; text-decoration: underline; }
#ajuda { color: #333 !important; z-index: 900; display: none; position: absolute; width: 250px; background: #FFF; border: 1px solid #CCC; margin: -85px 0 0 -75px; padding: 4px; }
	#ajuda .titulo { background: #999; height: 20px; text-align: right; margin-bottom: 5px; }
		#ajuda .titulo a { color: #333; margin: 2px; background: #CCC; color: #333 !important; font-family: verdana; font-size: 14px; display: block !important; float: right !important; width: 16px; height: 16px; line-height: 16px; text-align: center; }
		#ajuda .titulo a:hover { color: #333; background: #FFF; }
	#ajuda a { color: #00F !important; float: none !important; display: inline !important; }

/* Estruturas */
#paginaPadrao { width: 1000px; margin: 0 auto; }
#geral { width: 100%; margin: 10px auto; text-align: left; }
	#meio #capa { width: 490px; float: left; }
		#meio #capa img.seta { position: absolute; margin: -10px 0 0 449px; }
		#meio #capa a { display: block; }
		#meio #capa #folhear { position: absolute; margin: 265px 0 0 70px; display:none; }
		#meio #capa div { margin: 15px 0 15px 8px; background: #CCCCCC url(../../images/loader.gif) center center no-repeat; display: block; width: 474px; height: 640px; }
	
	#meio #conteudo { float: right; width: 486px; padding-right: 15px; }
		#meio #conteudo #bannerTopo { margin-top: 15px; }
			#meio #conteudo #bannerTopo img.publicidade { position: absolute; margin: -8px 0 0 402px; }

		#menu { margin-top: 15px; display: block; width: 486px; }
			#menu li { float: left; display: block; }
				#menu li a { font-family: "Arial Narrow", Arial, Verdana; font-weight:bold; text-decoration: none; background: url(../../images/bg_menu.png) repeat-x top; color: #FFFFFF; font-size: 13px; text-align: center; float: left; display: block; border: 1px solid #333333; border-left: none; height: 30px; line-height: 30px; padding:0 18px;}
				#menu li a:hover { background-position: bottom; color: #000000; }
				#menu li a.first { border: 1px solid #333333; width: 37px; }
		.botaoAtivo { color: #FF0000; }
		.menuRevista { margin: 0 auto; }
		
		#meio #conteudo #pagina { margin-top: 15px; }
		#meio #conteudo img#loaderPagina{ display: block; position: absolute; margin: 260px 0 0 240px; }
		
#barraAcesso { height: 30px; background: #444444 /*url(../../images/bg_barra.png)*/; clear: both; padding: 0 10px; }
	#barraAcesso .corpo { width: 1000px; margin: 0 auto; }
		#barraAcesso * { color: #FFFFFF; font-size: 10px; }
			#barraAcesso span { position: absolute; margin: 7px 0; width: 380px; color: #FFFFFF;  position: absolute; left: 50%; margin-left: -75px;  }
				#barraAcesso span .icones { display: inline; position: absolute; height: 17px; padding: 3px 0; display: inline; margin: -4px 0 0 5px; }
				#barraAcesso span img { vertical-align: text-bottom; text-align: left; height: auto; }
				#barraAcesso span a { float: left; margin: 0 5px; padding: 0; height: auto; line-height: auto; }
			#barraAcesso a { display: block; height: 23px; padding-top: 7px; color: #FFFFFF; font-size: 10px; margin: 0 5px; text-decoration: none; }
			#barraAcesso a:hover { color: #E9DE96; }
				#barraAcesso a img { position: relative; vertical-align: text-bottom; }

#rodape p { margin: 15px; text-align: justify; font-size: 10px;  }

/* Pagina Revista */
#barraMenuRevista { background: url(../../images/bg_barra_revista.jpg) repeat-x top; display: block; height: 32px; }
	#barraMenuRevista .logo { position: absolute; margin: 10px 0 0 10px; }
	#barraMenuRevista #menu { margin: 0 auto; }
#revistaPageflip { margin-bottom: 20px; }

/* Páginas Internas */

/* Capa */
.tituloNoticia { color: #DDDDDD; text-indent: 10px; border: 1px solid #333333; display: block; width: 238px; height: 36px; line-height: 36px; background: #444444 /*url(../../images/bg_menu.png) repeat-x top*/; }
#noticias { overflow: hidden; position: absolute; width: 240px; height: 216px; }
	#noticias ul { position: absolute; width: 240px; height: 270px; }
		#noticias ul li a, .mais{ background: #FFFFFF; text-decoration: none; text-indent: 10px; border: 1px solid #999999; border-top: none; display: block; height: 26px; line-height: 26px; /*background: url(../../images/bg_lista.png) repeat-x top*/; }
		#noticias ul li a:hover { background-color: #DDCC55; background-position: bottom; color:#663300; }
	.mais { margin-top: 215px; position: absolute; width: 238px; border: 1px solid #999999; background: #DDDDDD; height: 17px; line-height: 17px; font-size: 11px; }
	.mais:hover { background: #333333; text-decoration: none; color: #FFFFFF; }

#materiaNoticia { display: none; z-index: 10; background: #FFFFFF; width: 486px; height: 500px; border: 1px solid #666666; position: absolute; margin-top: 10px; }
	#materiaNoticia .container { overflow: auto; height: 480px; /*background: url(../../images/logo_dagua.jpg) 240px bottom no-repeat;*/ margin: 10px; }
		#materiaNoticia .container h1 { margin: 5px; }
	#materiaNoticia .fechar { font-family: Verdana; font-weight: bold; position: absolute; margin: -1px 0 0 487px; background: #666666; text-align: center; text-decoration: none; width: 20px; height: 20px; line-height: 20px; color: #FFFFFF; }
	#materiaNoticia .fechar:hover { background: #333333; }

#fotoNoticia { float: right; width: 240px; height: 180px; }
	#fotoNoticia .linkChamada { display: block; margin-left: 2px; overflow: hidden; width: 237px; height: 15px;  font-size: 11px; }

.primeiraNoticia h1 { margin: 5px 5px 0 5px; font-size: 18px; }
.primeiraNoticia small { margin: 0 5px 5px 5px; }
.primeiraNoticia img { margin: 0 0 10px 10px; }
.primeiraNoticia p { text-align: justify; }
.primeiraNoticia .completa { margin: 5px; float: right; }

.listaNoticias li { display: block; }
	.listaNoticias li a { text-decoration: none; padding: 4px 6px; display: block; border-bottom: 1px solid #DDDDDD; }
	.listaNoticias li a:hover { background: #EEEEEE; border-bottom: 1px solid #927F21; }

.paginacao { text-align: center; margin: 10px 0px; }
	.paginacao a { margin: 0px 5px; }


.bannerCapa { float: right; margin-top: 5px; }
	.bannerCapa .publicidade { display: block; position: absolute; margin: -8px 0 0 153px; }

.opiniao { display: block; margin: 0 10px; }
	.opiniao label { height: 18px; display: block; margin: 2px 0; font-size: 10px; }
	.opiniao textarea { height: 40px; }
	.opiniao .botaoEnviar { border: 0 none; padding: 0px; width: 8px; background: none; position: absolute; margin-left: 222px; }
		.opiniao label input, .opiniao label textarea { padding: 0; background: #DDDDDD; border: 1px solid #EEEEEE; width: 150px; position: absolute; margin-left: 65px; font-size: 11px; }
		.opiniao label textarea { height: 35px; }