/***************** CSS Document *****************/
/** Theme: SAAE Pirapora                       **/
/** Developer by DM6 Tecnologia - Daniel Maia  **/
/** Created in 31/01/2010                      **/
/** Last Update in 11/02/2010                  **/
/************************************************/

*{
	margin: 0;
	padding: 0;
}

body{ 
	background: #fff url(../images/bg_body.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#page{
	width: 980px;
	background: url(../images/bg_page.jpg) no-repeat bottom;
	text-align: left;
}

#header{
	width: 100%;
	height: 235px;
}

#nav{
	background: #fff;
	width: 207px;
	height: 45px;
	margin-left: 520px;
	overflow: hidden;
}
#nav img{
	float: left;
	border: none;
}
#nav ul{ float: left; width: 188px; }
#nav ul li{ display: inline; list-style: none; font-size: 11px; padding: 2px 9px; }
#nav ul li a{ color: #999; text-decoration: none; }
#nav ul li a:hover{ color: #000; text-decoration: underline; }

#barra_central{
	width: 100%;
}

#data_hora{
	float: left;
	font-size: 12px;
	padding: 11px 0;
	color: #fff;
}

#busca{
	float: right;
	padding: 6px 0;
	width: 195px;
	margin-right: 20px;
}
#busca input{ border: none; }

/* menu1 */

#menu1{
	width: 170px;
	float: left;
	margin-left: 5px;
}

#menu{ width: 100%; padding: 15px 0; }

#newsletter{ width: 100%; }
#twitter{ width: 100%; padding: 20px 0; } 
#newsletter p, #twitter p{ color: #666; text-align: center; padding: 3px 0; font-size: 11px; }

/* conteudo */

#content{
	width: 545px;
	float: left;
	margin: 0 8px;
}

#destaques{ width: 319px; margin-bottom: 15px; background: #f4f4f4; border: #ccc 1px solid; float: left; }

#destaque{ width: 100%; z-index: 0; }
#destaque li{ list-style: none; }

.box_destaque { margin: 6px; }
.box_destaque img{ border: none; margin-bottom: 6px; width: 307px; height: 230px; }
.box_destaque_txt{ width: 100%; height: 40px; overflow: hidden; background: #fff; }
.box_destaque_txt h1{ font-size: 15px; padding: 2px; }
.box_destaque_txt h1 a{ color: #0051A2; text-decoration: none; display: block; }

#destaque_nav{ width: 100%; margin-top: 10px; margin-bottom: 6px; clear: both; text-align: center; }
#destaque_nav li { list-style: none; display:inline; font-size: 11px; }
#destaque_nav li a{ color: #333; text-decoration: none; padding: 0px 8px; }
#destaque_nav li a:hover{ color: #666; text-decoration: underline; }

#noticias{ width: 215px; float: right; }

#li_noticias{ padding: 5px; }
#li_noticias li{ list-style: none; padding: 5px 0; border-bottom: #999 1px dotted; font-size: 13px; }
#li_noticias li a{ display: block; color: #333; padding: 3px; text-decoration: none; }
#li_noticias li a:hover{ color: #036; background: #f9f9f9; }

#eventos{ width: 100%; clear: both; }

.div_tit{ width: 100%; border-bottom: #0051A2 1px solid; }
.span_tit{ background: #0051A2; color: #fff; font-size: 12px; font-weight: 600; padding: 2px 4px 0 4px; }

.evento{ width: 160px; height: 170px; overflow: hidden; background: #CFDEFF; float: left; margin: 15px 25px 15px 0; }
.evento img { width: 160px; height: 120px; border: none; }
.evento p{ clear: both; text-align: center; font-size: 11px; font-weight: bold; margin: 5px; }
.evento p a{ color: #036; text-decoration: none; display: block; }
.evento p a:hover{ color: #333; text-decoration: underline }

#videos{ width: 100%; margin-top: 15px; clear: both; }
#videos h1{ font-size: 14px; margin-top: 15px; }
#videos h1 a{ color: #0051A2; text-decoration: none; }
#videos h1 a:hover{ color: #036; }
#videos p{ font-size: 11px; color: #555; }

.sinopse{ margin: 5px 0; padding: 5px; }
.sinopse a{ color: #333; text-decoration: none; }
.sinopse a:hover { text-decoration: underline; }

.video { width: 305px; float: left; margin: 15px 0; }

/* conteudo central */
.box_central{
	width: 100%;
	padding-bottom: 6px;
	border-bottom: #CCC 1px solid;
}

.box_central p{
	text-align: left;
	padding-top: 3px;
	padding-bottom: 10px;
}

#buscas h1{ font-size: 16px; color: #036; }
#buscas h2{ font-size: 13px; color: #000; }
#buscas ul{
	padding: 10px 0;
}
#buscas ul li{
	list-style: none;
	text-indent: 10px;
	border-bottom: #CCC 1px dotted;
}
#buscas ul li a{
	padding: 5px 0 ;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	display: block;
	color: #333;
}
#buscas ul li a:hover{
	background: #f9f9f9;
	color: #036;
}

.barra_div{
	width: 100%;
	border-bottom: #CCC 2px solid;
	margin-bottom: 18px;
	padding-bottom: 14px;
}
.barra_div #dir, .barra_div #esq{
	font-size: 14px;
	color: #999;
}
.barra_div #esq{ width: 125px; }
.barra_div #dir a{
	color: #0051A2;
	text-decoration: none;
	font-weight: bold;
}
.barra_div #dir a:hover{
	text-decoration: underline;
}
.barra_div #esq a{
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
.barra_div #esq a:hover{
	text-decoration: underline;
}

#noticia h1{ font-size: 16px; color: #036; }
#noticia h2{ font-size: 13px; color: #000; }
#noticia p a{ color: #036; }
#noticia p a:hover{ color: #0051A2; }

#tamanholetra{
	float: right;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	width: 100px;
}

.letra{
	border: #CCCCCC 1px solid;
	color:#003399;
	display: block;
	float: right;
	padding: 5px 5px;
	margin: 0px 5px;
	text-decoration: none;
}

.letra:hover{
	background: #F4F4F4;
	text-decoration: underline;	
}

#texto { width: 100%; margin-top: 6px; overflow: hidden; }

#texto a{ color: #036; text-decoration: none; }
#texto a:hover{ color: #0051A2; text-decoration: underline; }
#texto img{ margin: 8px; }

#mais_noticias { width: 100%;  clear: both; padding-top: 25px; }

.edital{
	font-size: 12px;
	padding: 12px 12px;
	width: 90%;
}
.edital a{ color: #000; text-decoration: none; }
.edital a:hover{ color: #666; }
.edital img{
	border: 0;
	float: left;
	padding: 8px 8px;
	margin: 5px;
}

.destaque_not{ width: 95%; clear: both; }
.destaque_not h1{
	font-size: 16px;
	color: #005399;
	padding: 5px 0;
}
.destaque_not p{ font-size: 12px; }
.destaque_not img{
	float: left;
	border: 1px solid #ccc;
	margin: 5px 8px;
}
.destaque_not a{ color: #333; text-decoration: none; display: block;}

.box_evento{ margin-left: 8px; width: 46%; float: left; text-align: center; }
.box_evento a{ color: #333; text-decoration: none;}
.box_evento a:hover{ color: #666; }
.box_evento h1{ font-size: 14px; color: #005399;}

.box_evento img{
	clear: both;
	border: 1px solid #999;
	margin: 8px 0 8px 0;
}

.box_video{ margin-left: 8px; width: 46%; float: left; padding: 12px 0; }

.box_video a{ color: #005399; display: block; text-decoration: none; }
.box_video a:hover{ color: #61A5F1; }
.box_video h1{ font-size: 14px; }
.box_video img{
	float: left;
	border: 1px solid #999;
	margin: 6px 4px;
}


.paginacao{ width: 100%; clear: both; text-align: center; }
.paginacao{ font-size: 14px; }
.paginacao a{ border: #ccc 1px solid; padding: 4px; margin: 0 2px; font-size: 13px; text-decoration: none; color: #036; background: #fff;  }
.paginacao a:hover{ background: #f9f9f9 }

/* menu2 */

#menu2{ width: 238px; float: right; }

.pubbanners{ padding-bottom: 12px; }

.links_rapidos img{ border: none; clear: both; }

.bullet{ float: left; padding-top: 1px; }

.img_tit{ width: 100%; height: 12px; clear: both; }

#acesso_rapido { width: 100%; }

#servicos{ width: 100%; padding: 15px 0; }

#menu h1, #newsletter h1, #acesso_rapido h1, #servicos h1, #twitter h1{ font-size: 14px; color: #036 }

/*estilos de servicos*/
.servico{
	clear: both;
	padding: 7px 0px;
}
.servico a{
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
.servico a:hover{
	color: #000;
}
.servico img{
	float: left;
	border: none;
}

.servico_txt { width: 160px; float: left; padding: 4px 0; }

/*fim dos estilos de servicos*/

#rodape{
	width: 900px;
	padding: 5px 5px;
	color: #fff;
	text-align: left;
	clear: both;
}

html > body #page #rodape{
	background-image: url(../images/bg_rodape.png);
}

* html body #page #rodape{
	background-color: #012243;
	filter: alpha(opacity=60);
}

/*Borda do hover das imagens*/
a.img_borda,
a.img_borda img{
	float: left;
	overflow: hidden;
	border-color: #39f;
}
a.img_borda:hover{
	border-style: solid;
	border-width: 4px;
}
a.img_borda:hover img{
	margin: -4px;
}