﻿body { /*formatação padrão da página*/
		margin-left: 0px;
	    margin-top: 0px;
	    margin-right: 0px;
	    margin-bottom: 0px; 
		font: 11pt  Arial, Helvetica, sans-serif;
		text-align:justify;
		background-image: url(images/bg.png);
}
/* Formato as div*/
#tudo { 
		clear: both;  
		width: 998px;	
		width: 1002px;
		min-height:300px; 
		margin:0 auto;
		background: url(images/bg_geral.png) repeat-y 0 0;
}
/* Formato o conteúdo do topo*/
#topo { 
		 
		width: 100%; 
		height: 169px; 
		background: url(images/topo.png) repeat-y;;
}
#header {
		width: 998px;
		margin-right:125px; 
}
#logo {
		float: left; 
		width: 391px;
		height:125px;
}
#marquee {
		float: right; 
		width: 596px;
		height:2px;
		margin-bottom:5px;
		margin-top:25px;
		margin-right:50px;
		border:0px;
}

#publi_topo {
		float: right; 
		width: 596px;
		height:112px;
		margin-bottom:5px;
		margin-top:18px;
		margin-right:50px;
		border:1px solid #000000;
		background-color:#FFFFFF;
}
#banner {
		clear: both;
		float: left; 
		width: 543px;
		height:93px;
}


/* Aqui formato o menu*/
#nav  { 
		clear: both;  
		width: 998px;
		height: 46px;	
		background: url(images/menu.png) repeat-y;	
}

#menu  { 
		width: 100%;
		height: 20px;	
		margin-top:13px;
		margin-bottom:12px;
		text-align:center;
	    float:right;			
}


/* Aqui formato a esquerda*/
#esquerda {
		float: left; 
		width: 231px;
		clear:both;				
}
#top_esq {
		float: left; 
		width: 231px;
		clear:both;
		height:42px;
		background: url(images/esq_top.png) repeat-y;
		}
#tit_esq{
	 clear:both;
	 margin-top:11px;
	 margin-left:60px;
	 width:150px;
	 height:16px;
	 font-variant:small-caps;
	 font-weight:bold;
}
#bg_esq {
		float: left; 
		width: 231px;
		clear:both;
		height:auto;
		background: url(images/esq_bg.png) repeat-y;
}
#prop_esq {
		clear:both;
		width:167px;
		height:auto;
		background-color:#FFFFFF;
		margin-left:53px;
	    margin-bottom:3px;
}
#mat_esq {
		clear:both;
		width:161px;
		height:auto;
}
#cont_esq {
		clear:both;
		width:167px;
		height:auto;
		background-color:#FFFFFF;
		margin-left:53px;
	    margin-bottom:3px;
}


#base_esq {
		float: left; 
		width: 231px;
		clear:both;
		height:22px;
		background: url(images/esq_base.png) repeat-y;
}


/* Aqui formato a direita*/
#direita {
		float: left; 
		width: 227px;
}
#top_dir {
		float: left; 
		width: 231px;
		clear:both;
		height:42px;
		background: url(images/dir_top.png) repeat-y;
		 vertical-align:text-bottom;
		}
#tit_dir{
	 clear:both;
	 margin-top:11px;
	 margin-left:20px;
	 width:150px;
	 height:16px;
	 font-variant:small-caps;
	 font-weight:bold;
	 }
#bg_dir {
		float: left; 
		width: 231px;
		clear:both;
		height:auto;
		background: url(images/dir_bg.png) repeat-y;
}

#base_dir {
		float: left; 
		width: 231px;
		clear:both;
		height:22px;
		background: url(images/dir_base.png) repeat-y;
}
#prop_dir {
		clear:both;
		width:167px;
		height:auto;
		background-color:#FFFFFF;
		margin-left:13px;
	    margin-bottom:3px;
}
#mat_dir {
		clear:both;
		width:163px;
		height:auto;
		background-color:#FFFFFF;
}

#cont_dir {
		clear:both;
		width:167px;
		height:auto;
		background-color:#FFFFFF;
		margin-left:13px;
	    margin-bottom:3px;
}

/*Formato a div onde vai o conteudo*/
#conteudo { 
		width: 543px;
		float: left;
}
#cont_topo { 
		clear:both;
		width: 543px;
		height:47px;
		float: left;
		background: url(images/centro_top.png) repeat-y;
}
#cont_tit { 
	 clear:both;
	 margin-top:11px;
	 margin-left:20px;
	 width:150px;
	 height:16px;
	 font-variant:small-caps;
	 font-weight:bold;
}

#cont_meio { 
		clear:both;
		width: 543px;
		height:auto;
		float: left;
		background: url(images/centro_meio.png) repeat-y;
		text-align:justify;
}
#cont_base { 
		clear:both;
		width: 543px;
		height:22px;
		float: left;
		background: url(images/centro_base.png) repeat-y;
}
/* aqui defino as divs das galerias*/
#galerias {
		float:left;
		width: 157px; 
		height: auto;
		margin:5px;
		text-align:justify;
		font: verdana;
	 	font-size: 10pt;
	 	font-weight:bold;

}
#informativo {
		float:left;
		width: 295px; 
		height: 90px;
		margin:5px;
		text-align:justify;
		font: verdana;
	 	font-size: 10pt;
	 	font-weight:bold;

}




#mostra { 
		width: 582px;
		float: left;
		margin:6px;
}
#vazia { 
		width: 572px;
		float: left;
		margin:6px;
		height:20px;
}

#data {
		float: left; 
		width: 100%; 
		font-size:10pt;
		font-family:Arial, Helvetica, sans-serif;
		text-align: right;
}
#rodape { 
		width: 994px; 
		height: 57px; 
		clear: both;
		}
#rodape_pg { 
		width: 994px; 
		height: 57px; 
		clear: both;
		background: url(images/rodape.png) repeat-y;	
}
#rodape p {  
		line-height: 28px;
}

/* Formato os textos*/
h1 { /*titulos*/
		margin:0; 
		font:Arial; 
		font-size:10pt;
		text-align: justify;
		font-weight:bold;
}
h2 {
		margin:0; 
		font:Arial; 
		font-weight:bold; 
		font-size:14pt; 
		text-align: justify;
}
h3 {
	  	margin: 0;
	   	font: verdana;
	 	font-size: 10pt;
	   	text-align: left;
}
h4 {
		margin:0; 
		font:Arial; 
		font-weight:bold; 
		font-size:12pt; 
		text-align:center;
		font-variant:small-caps; 
}
h5 {
		margin:0; 
		font:Arial; 
		font-weight:bold; 
		font-size:10pt; 
		text-align:center; 
}
h6 {
		margin:0; 
		font:Arial; 
		font-weight:bold; 
		font-size:10px; 
		text-align:center; 
}
p {
		font: Arial, Helvetica, sans-serif;
		text-align:justify;
}

/*formato as fotos*/
.foto {
		border:0px solid #B6E4F2; 
		margin:5px 0px 5px 5px;
}
.foto_capa {
		border:0px solid #B6E4F2; 
		margin:5px;
}


/* Aqui vou definir a paginação*/
div.pagination { 
		margin:0 auto; 
		padding: 3px; 	
		margin: 3px; 
}
div.pagination a { 	
		padding: 2px 5px 2px 5px; 
		margin: 2px; 
		border: 1px solid #FF6600; 
		text-decoration: none; 
		color: #1D5EA7;
}
div.pagination a:hover, div.pagination a:active { 
		border: 1px solid #000000; 
		color: #000; 
		background-color: #ABDBEB; 
		}
div.pagination span.current { 
		padding: 2px 5px 2px 5px; 
		margin: 2px; border: 1px solid #FF6600; 
		font-weight: bold; 
		background-color: #FF6600; 
		color: #ABDBEB; 
}
div.pagination span.disabled { 
		padding: 2px 5px 2px 5px; 
		margin: 2px; 
		border: 1px solid #EEE; 
		color: #DDD; 
		}

/* Aqui vou definir a classe dos links*/		
a.linkgeral:link{
		color:#000000; 
		text-decoration:none;
}
a.linkgeral:visited {
		color:#000000;
		text-decoration:none;
}
a.linkgeral:hover {
		color:#FF0000;
		text-decoration:underline;
}
a.linkgeral:active {
		color:#1D5EA7;
		text-decoration:none;
}
a.link:link{
		color:#000000; 
		text-decoration:none;
}
a.link:visited {
		color:#000000;
		text-decoration:none;
}
a.link:hover {
		color:#FF0000;
		font-weight:bold;
}
a.link:active {
		color:#000000;
		text-decoration:none;
}
/* botões*/
.botao{ 
		display: block;   
		width: auto;  
		background-color: #FF6600; 
		font-size: 11pt; 
		text-transform:uppercase;
		border:1px solid #000000;
}
/* formato o form */
form{
	margin:0px;
}