@charset "utf-8";
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	color: #333;
	font-size: 12px;
	padding: 0 0 20px 0;
	background:#333 url(../img/layout/bg_container.jpg); /* bg_body.jpg */

}

.topo {
	width:96%;
	min-width:960px;
	overflow:hidden;
	margin-left:2%;
	margin-right:2%;	
	}
.topo img {margin-bottom:-5px;}

/* links
----------------------------------------------- */
a {
	font-weight:bold;
	text-decoration: none;
	color:#000;
}

a:hover {
	color:#FF0000;
}
/* COLUNAGEM
----------------------------------------------- */
#coluna_menu, #coluna1, #coluna2, #coluna3 {}

#coluna_menu {border-right:1px solid #000; margin-left:-0px;}
#coluna_destaque {
	min-height:180px;
	border-bottom:1px solid #000;
	background:#DADADA url(../img/layout/bg_destaque.jpg) repeat-x;
        text-align: justify;
	}
#coluna1 {border-right:1px solid #000;}
#coluna2 {border-right:1px solid #000; margin-left:-1px;}
#coluna3 {margin-left:-1px; width:310px}

#coluna3 .box a img {width:98%; border:2px solid #000; padding:2px;}
#coluna3 .box a:hover img {border:3px solid #333; padding:1px;}

.publicidade {}
.publicidade a img {border:1px solid #f2f2f2; padding:2px;}
.publicidade a:hover img {border:2px solid #000; padding:1px;}
/* Grade
----------------------------------------------- */
.container_12,
.container_16 {
	background: url(../img/layout/bg_container.jpg) repeat;
}


/* Ttulos
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}

/* Caixas
----------------------------------------------- */
.box {
	padding:20px 5px 5px 5px;
	overflow:hidden; text-align:left;

}
.box h2 {
	font-size:200%;
	font-weight:bold;
	color:#000;
	padding:0;
	margin:0 0 20px 0;
}
.box h2 a {color:#333;}
.box h2 a:hover {color:#FF0000;}

.block {
	padding-top:10px;
}

/* Pargrafos Citaes e listas
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}

/* Formulrios
----------------------------------------------- */
form {
	overflow:hidden;
}


input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}

/* Menu Vertical
----------------------------------------------- */
#menu {font-size:100%;}
#menu ul {margin:0 0 0 5%; padding:0; list-style:none;}
#menu ul li {margin:0; padding:4px 0 6px 5px;}
#menu ul li a {color:#333; width:100%; display:block;}
#menu ul li a:hover {color:#FF0000;}
#menu .active {color:#CC0000; font-size:150%;}
#menu .active:hover {color:#CC0000; font-size:150%; text-decoration:none;}

/* As Colunas
----------------------------------------------- */
.artigo {
	padding:0 1% 0 1%;
	border-bottom:1px solid #ccc;
}

.artigo h4 {
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.artigo a img {
	float:left; 
	width:60px; height:60px;
	margin:3px 5px 3px 0; 
	padding:2px;
	border:1px solid #000;
	background:#fff;
}
.artigo a:hover img {
	border:2px solid #000;
	padding:1px;
}

.artigo p.autor {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}


/* Destaque
----------------------------------------------- */
#destaque {border-right:1px dashed #006633;}
#destaque h2, #destaque_ultimo h2 {border-bottom:1px dotted #000;}
#destaque_ultimo {border-right:none;}
#destaque_ultimo a img, #destaque a img {width:140px; border:1px solid #000; padding:2px; margin:5px; float:left;}
#destaque_ultimo a:hover img, #destaque a:hover img {border:2px solid #000; padding:1px;}
#destaque p {font-size:100%; /*font-weight:bold;*/ width:98%; margin:0 0 10px 3%;}
#destaque_ultimo p a, #destaque p a {color:#000; font-size:110%;}
#destaque_ultimo p a:hover, #destaque p a:hover {color:#FF0000;}

/* Pesquisa
----------------------------------------------- */
#pesquisa {
}
#input {border:1px solid #000;}
#botao {background:#000000; font-size:100%; color:#fff; width:40px; height:28px; border:1px solid #fff; cursor:pointer;}

/* galeria
----------------------------------------------- */
.galeria{}
.galeria a {float:left;}
.galeria a img {width:60px; height:60px; border:1px solid #333; padding:2px;}
.galeria a:hover img {border:1px solid #FFCC00;}

/* Rodape
----------------------------------------------- */
#rodape .box {
	color:#fff;
	background:#000;
	height:100px;
	border-top:2px solid #000;
	text-align:center;
}
 #rodape a {color:#99FF00;}
 
 #rodape h1  a  {color:#fff;}
 #rodape h1  a:hover {color:#99FF00;}

#rodape .box ul{ text-align:left; color:#ccc;}
#rodape .box ul li{display: inline; margin:5px;}
#rodape .box ul li a{
color:#fff;
text-decoration: none;
padding:0 0.5% 0 0.5%;
letter-spacing:0;
}
#rodape .box ul li a:hover, #rodape .box ul li a.selected{
border-bottom: 2px solid #99FF00;
color:#99FF00;
}

/* Conteudo
----------------------------------------------- */
.conteudo {border-right:1px solid #333; padding:5px 40px 5px 30px; margin-left:-5px;}
.conteudo h1 {text-align:center; margin:10px 0 30px 0; font-size:240%;}
.conteudo p {font-size:120%;}
.conteudo img, .conteudo a img {border:1px solid #333; padding:2px; margin:1px 1px; float:left;}

#m_categoria { display:none;}
#n_categoria { display:none; }

#rolagentequefaz {
padding:1px; 
width:680px; 
height:250px; 
overflow:auto; 
}

#rolaemail {
padding:1px; 
width:680px; 
height:500px; 
overflow:auto; 
}

/*  inicio de lista com Borda*/
 dl.com-bordas {
	margin: .1em 0;
	padding: 0;
	width:660px; 
	}

.com-bordas dt {
	background-color: #FF9900;
	color: #FFFFFF;
	padding: .1em .1em;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	border-top: 1px solid #131210;
	}

.com-bordas dd {
	margin: 0 0 .1em 0;
	background: #DBD8D8;
	text-align: justify;
	padding: .1em .1em;
	font-style: italic;
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	border-bottom: 1px solid #131210;
	}

/* Inicio Formata Tabelas */
table.listaValores {
	border-collapse: collapse; /* CSS2 */
	background: #FFFFF0;
	border: solid green 1px;
}

table.listaValores tr.even /* estilo explícito */ {
	background: #F0FFFF;
}

table.listaValores tr:hover {
	background: #CCF0F0;
}

table.listaValores td {
	border-left: 1px dotted blue;
}

table.listaValores th {
	border-left: 1px dotted blue;
	border-bottom: 2px solid green;
	background: #F0FFF0;
}



table#alter tr td {background: #ffc;} /* Toda a tabela com fundo creme */
table#alter tr.dif td {
  background: #fff; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;} /* Linhas com fundo cinza */

/* Fim Formata Tabelas */

#nomemenu {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px; color: #FF0000;} 


#cultura { padding-top:3px; 
           width:500px; height:164px; }


#rolacultura { 
     padding:1px;  width:250px;   
     height:150px;   
     overflow:auto;  
}

#rolaestatistica {
padding:1px; 
width:700px; 
height:650px; 
overflow:auto; 
}

.dia {font-family: helvetica, arial; font-size: 8pt; color: #FFFFFF}
.data {font-family: helvetica, arial; font-size: 8pt; text-decoration:none; color:#191970}
.mes {font-family: helvetica, arial; font-size: 8pt}
.Cabecalho_Calendario {font-family: helvetica, arial; font-size: 10pt; color: #F08F02;               
text-decoration:none; font-weight:bold}


#texto1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;} 

.imagensG {width:98%; height:50%}
.imagensP {width:7%; height:7%}

.maiormenor {padding:2px; margin:1px 1px; float:right; border:0px solid #000;}