@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:#CFDEEA; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/*  Monta layout */
	#Box {width:910px; overflow: hidden; background-color:#FFF; margin: 0 auto; text-align:left;}
	#Topo {width:900px; height:200px; margin:5px 5px 0 5px; background-color:#999;}
	#BarraTopo {width:900px; height:34px; margin-left:5px; background-image:url(../img/layout/bg_barra_topo.jpg);}
	#Img-BarraTopo {width:249px; height:34px; background:url(../Img/layout/barra_lado_esquerdo.jpg) no-repeat top; float:left;}
	#Hora-Topo { width:300px; height:20px; float:left; margin: 7px 20px;}
		
	#Col-left {width:184px; float:left; margin-left:17px; background:url(../img/layout/menu-bg-esquerdo.jpg) top no-repeat; min-height:250px;}
	#Col-left-Menu {width:178px; margin-left:4px;}
	#Col-center {width:515px; float:left; margin-left:9px; text-align:left;}
	#Col-right {width:175px; float:right; margin-right:5px; text-align:right;}
	#Col-Centro-Conteudo {width:693px; float:left; margin:0 5px; text-align:left; overflow:hidden;}
	
/* 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 */
	
	#Rodape { width:900px; height:100px; float:left; margin:10px 5px 5px; background:url(../Img/layout/bg-rodape.jpg) top repeat-x;}
	#Rodape-t1 { width:350px; height:80px; float:left; font-size:11px; margin-top:20px; margin-left:10px;}
	#Rodape-Associado { width:172px; height:43px; float:left; margin-top:20px; margin-left:100px;}
	#Rodepe-Carimbo { width:194px; height:40px; float:right; margin-top:20px; margin-right:10px;}
/*  Monta layout */

/* News */
	#News-Layot {width:515px; overflow: hidden;}
	#News-Img-Topo { width:515px; height:25px; background-image:url(../img/layout/news-centro-topo.jpg); background-repeat:no-repeat; float:left;}
	#Div-Lista-News {width:510px; margin:0 5px; font-size:12px; float:left;}
	.td-data { width:70px; height:25px; padding:3px; background-color:#E0E0E0; text-align:center;}
	.td-news { padding:3px;}
/* News */
		
	#Space {height:5px; width:20px;}
	
/* 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:693px; height:36px; float:left; margin:10px 0 0px; background-color:#EEE;}
	#Topo-texto { min-width:100px; height:21px; margin:6px 20px; background-color:#FFF; float:left; padding-top:3px; padding-left:10px; font:bold; padding-right:10px;}
	#Topo-Ir-Para-Pagina { width:150px; height:24px; float:right; margin:6px 6px; text-align:right;}
	#Rodape-paginacao {width:693px; 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:693px; height:60px; float:left;}
	#Topo-Pagina-navegacao {width:693px; 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-left:196px; float:left;}
/* 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; text-decoration:none}

.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 ######################################################*/

/*###### DivConteudo ######################################################*/
#Div-Conteudo {width:683px; margin-left:10px; font-size:12px; margin-bottom:5px; float:left;}
	#Div-Conteudo table.bordasimples {border-collapse: collapse; width:650px;}
	#Div-Conteudo table.bordasimples tr td {border:2px solid #FFF; padding:4px;}
	#Div-Conteudo .TopoTabela {font-size:12px; background-color:#E8E8E8; color: #000; font-weight: bold; padding:5px;}
	#Div-Conteudo .DadosTabela {font-size:11px; color:#000; padding:5px; background-color:#F3F3F3;}
/*###### DivConteudo ######################################################*/

/*###### links ######################################################*/
.link a { color:#000; text-decoration:none;}
.link a:hover { color:#000; text-decoration:underline;}
/*###### links ######################################################*/