@charset "utf-8";
/*
##################################################
# Desenvolvido por: Clayton Eduardo Mergulhão    #
# Site: www.ismweb.com.br // www.ismhost.com.br  #
# Email: contato@ismweb.com.br                   #
##################################################
*/

* {margin:0px; padding:0px;}

body {background-color: #CBD4D8; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#Wap {width:825px; overflow: hidden; background-color:#FFF; margin: 0 auto; text-align:left;}
	#Topo {width:825px; height:140px; float:left;}
	#Wap-Menu {width:821px; height:36px; float:left; margin-left:2px;}
	#Redondo-Topo1 {width:8px; height:36px; background:url(../Img/lado_esquerdo_topo.jpg) no-repeat; float:left;}
	#Redondo-Topo2 {width:8px; height:36px; background:url(../Img/lado_direito_topo.jpg) no-repeat; float:right;}
	#Menu-Topo { width:805px; height:36px; background:url(../Img/bg_menu_topo.jpg); float:left; text-align:center;}
		#Menu {width:509px; height:36px; margin:0 auto;}
			#Campo-Menu { width:167px; height:16px;	float:left;	margin-top:8px;	font-weight: normal; font-size:14px;}
				#Campo-Menu a {color:#FFF; text-decoration:none;}
				#Campo-Menu a:hover {color:#FFF; text-decoration:underline; font:bold;}
			
			#Divisor { width:2px; height:35px; float:left; background:url(../Img/divisor.jpg) no-repeat;}
			
	#Col-Center {width:821px; margin-left:2px; float:left; overflow: hidden; margin-left:2px;}
	
	#Redendo-Baixo {width:825px; height:6px; margin: 0 auto; text-align:left; background-color:#FFF;}
		#RBaixo1 {width:6px; height:6px; float:left; background: url(../Img/redondo_baixo_esquerdo.jpg) no-repeat;}
		#RBaixo2 {width:6px; height:6px; float:right; background:  url(../Img/redondo_baixo_direito.jpg) no-repeat;}
	#Redendo-Baixo-Texto {width:825px; height:100px;px; margin: 0 auto; text-align:left;}
		#Redendo-Baixo-TextoD {width:500px; height:80; margin:10px; float:left;}
		#Rodepe-Carimbo { width:201px; height:42px; float:right; margin:15px;}
		
			
.Texto01 {color: #FFFFFF; font-size: 12px; font-weight: bold;}
.Texto02 {color: #0A364C; font-size: 10px;}

/* ########################################### MENU ########################################### */
#Col-right {width:175px; float:left; margin-left:15px; margin-top:15px; list-style: none; background:#DED5C4; font-size:12px;}
	#Col-right a {color:#000; text-decoration:none;}
	#Col-right a:hover {color:#000; text-decoration:underline; font:bold;}
	#Col-right ul {list-style: none; margin: 0px; padding:0px; width:175px;}
	#Col-right ul li {position: relative; padding-top:5px; padding-bottom:5px; border-bottom:#EEE7DA solid 1px; background:url(../Img/seta_menu.jpg) no-repeat;}
	
#Col-right li ul {
	position: absolute;
	left: 175px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	background-color:#DED5C4;
	border-bottom:#EEE7DA solid 1px;
	border-left:#fff solid 4px;
	}

/* Styles for Menu Items */
#Col-right ul li a {
	display: block;
	text-decoration: none;
	border-bottom: 0;
	padding-left:24px;
	}
	
/* Holly Hack. IE Requirement \*/
#Col-right * html ul li { float: left; height: 1%; }
#Col-right * html ul li a { height: 1%; }
/* End */

#Col-right li:hover ul, li.over ul { display: block; } /* The magic */
/* ########################################### MENU ########################################### */

/* ########################################### CENTRO ########################################### */
#Col-Conteudo {width:606px; float:right; margin-right:15px; overflow:hidden; margin-top:15px; font-size:12px;}
/* ########################################### CENTRO ########################################### */

/* News */
	#News-Layot {width:515px; overflow: hidden; margin-left:45px;}
	#News-Img-Topo { width:606px; height:20px; float:left; background-color:#0A364C; color:#FFF; font-size:14px; padding:10px;}
	#Div-Lista-News {width:606px; margin:0 5px; font-size:12px; float:left;}
	#Div-Lista-News a {color:#000; text-decoration:none;}
	#Div-Lista-News a:hover { color:#000; text-decoration:underline; font:bold;}
	.td-data { width:70px; height:25px; padding:3px; background-color:#E0E0E0; text-align:center;}
	.td-news { padding:3px;}
/* News */

#Space {height:5px; width:606px; float:left;}

/* coloca borda nas tabelas */
	#Col-Centro-Conteudo table.bordasimples {border-collapse: collapse;}
	#Col-Centro-Conteudo table.bordasimples tr td {border:2px solid #FFF; padding:4px;}
/* coloca borda nas tabelas */

/* tamanho das fontes */
	.Font01 { font-size:10px;}
	.Font02 { font-size:11px;}
	.Font03 { font-size:12px;}
	.Font04 { font-size:13px;}
	.Font05 { font-size:14px;}
	.Font06 { font-size:16px;}
/* tamanho das fontes */
	
/* Estilo das tabelas */
	.TopoTabela {font-size:12px; background-color:#CECECE; color: #000; font-weight: bold; padding:5px;}
	.DadosTabela {font-size:11px; color:#000; padding:5px;}
/* Estilo das tabelas */

/* Monta topo das paginas */
	#Topo-paginas-conteudo {width:606px; height:36px; float:left; margin:10px 0 0px; background-color:#0A364C;}
	#Topo-texto { min-width:100px; height:21px; margin:6px 20px; float:left; padding-top:3px; padding-left:10px; font:bold; padding-right:10px; color:#FFF;}
	#Topo-Ir-Para-Pagina { width:150px; height:24px; float:right; margin:6px 6px; text-align:right; color:#FFF;}
	#Rodape-paginacao {width:606px; height:36px; float:left; margin:10px 0 20px; background-color:#EEE;}
	#Rodape-paginacao-texto { width:200px; height:24px; margin:6px 246px; background-color:#FFF; text-align:center; font:12px;}
	#Rodape-total-registro {width:606px; height:60px; float:left;}
	#Topo-Pagina-navegacao {width:606px; height:20px; float:left; margin:3px 0 20px;}
/* Monta topo das paginas */

/* box busca arquivos */
	#Busca-arquivo {width:300px; height:28px; background-color:#EEE; padding:10px; margin:0 auto;}
/* box busca arquivos */

/*form contato*/
	#Contato {color:#000; font-size:12px; margin-bottom:20px; margin-left:20px; min-height:300px;}
		 #Contato p {padding:10px;}
				#Contato label {height:20px;}			
	#Contato label.error {FONT-SIZE: 10px; COLOR: red; margin-left:5px;}
/*form contato*/

/*###### Galeria ######################################################*/

#Div-Gallery {width:600px; text-align:left; margin-left:90px;}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 20px 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 238px;
	height: 183px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 238px;
	height: 50px;
	display: block;
	position: absolute;
	top: 175px;
	left: 0px;
	text-align:center;
	font-size:12px;
	margin-bottom:20px;
}
.gallery a {
	text-decoration: none;
}
/*###### Galeria lista fotos ######################################################*/

#Divlista-fotos {width:600px; text-align:left; margin-left:50px;}

.lista-fotos {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lista-fotos li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.lista-fotos img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.lista-fotos a {
	text-decoration: none;
}
/*###### Galeria lista fotos ######################################################*/

/*###### texto que não tem registro ######################################################*/
.texto-erro-registro {text-align:center; margin-top:20px; color:#F00; font-size:12px; font: bold;}
/*###### texto que não tem registro ######################################################*/

/*###### links ######################################################*/
.link a { color:#000; text-decoration:none;}
.link a:hover { color:#000; text-decoration:underline;}
/*###### links ######################################################*/


 

