@charset "utf-8";
/*
	WEBROOM - Soluções Interativas 
	Rua Carmo Gifoni, 481 - B. Martins - Uberlândia/MG - Fone: +55 (34) 3217-1253
	Site: www.webroom.com.br - E-mail: webroom@webroom.com.br
	Projeto: Blog Algar Educa
	Data: 09/02/2009
	Autor: Jean Carlos O. Souza
*/

* { margin:0; padding:0; list-style:none; font-family: Arial, Helvetica, sans-serif; border:none; }

/*..................ESTRUTURA BÁSICA..................*/


html, body { height: 100%; width:100%; }

body {
	background:url("../imagens/degrade_bg.gif") top repeat-x;
	font-size:11px;
	color:#0e4666;
	min-width:700px;
}

#Form, #Form1 {
	background:url("../imagens/bg.jpg") top center no-repeat;
	width:100%;
	position:relative;
	text-align:center;
}

.wrap {
	background: url("../imagens/bg_dentro.gif") repeat-y;
	width:778px;
	margin:0 auto;
	text-align:left;
}

/********************************************/
/*..................HEADER..................*/
/********************************************/

.wrap #header { 
	float:left;
	width:778px;
	height:260px;
}

.wrap #header .alternative { 
	background:url("../imagens/header.jpg") center 0 no-repeat;
	float:left;
	width:778px;
	height:260px;
}

/*..................LOGO..................*/

.wrap #header .alternative .name {
	float:left;
	margin:61px 0 0 100px;
	display:inline; /*IEfix*/
}

.wrap #header .alternative .name a {
	background:url("../imagens/algar_le.jpg") no-repeat;
	width:294px;
	height:109px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
}

/*..................NAVIGATION..................*/

.wrap #header .navigation {
	width:765px;
	float:left;
	margin:15px 0 0 13px;
	display:inline; /*IEfix*/
}

.wrap #header .navigation li {
	float:left;
	background:url("../imagens/nav_slicer.gif") right center no-repeat;
	padding:0 19px;
	display:inline; /*IEfix*/
}

.wrap #header .navigation .bt_6 { background:none; }

.wrap #header .navigation li a {
	text-indent:-999px;
	height:29px;
	display:block;
	overflow:hidden;
}

.wrap #header .navigation .bt_1 a { width:108px; background:url("../imagens/bt_programa.gif") center no-repeat; }

.wrap #header .navigation .bt_2 a { width:43px; background:url("../imagens/bt_agenda.gif") center no-repeat; }

.wrap #header .navigation .bt_3 a { width:60px; background:url("../imagens/bt_atividade.gif") center no-repeat; }

.wrap #header .navigation .bt_4 a { width:58px; background:url("../imagens/bt_producoes.gif") center no-repeat; }

.wrap #header .navigation .bt_5 a { width:122px; background:url("../imagens/bt_produtos.gif") center no-repeat; }

.wrap #header .navigation .bt_6 a { width:134px; background:url("../imagens/bt_blogs.gif") center no-repeat; }

/*********************************************/
/*..................CONTENT..................*/
/*********************************************/

.wrap .content {
	float:left;
	width:500px;
	margin:20px 0 30px 30px;
	font-size:12px;
	display:inline;/*IEfix*/
	text-align:justify;
	line-height:24px;
	font-size:12px;
}

/*..................POSTS..................*/

.wrap .post {
	padding:15px 0 35px;
	float:left;
	width:485px;
	
}
.wrap .header_news { color:#2c6389; float:left; }

.wrap .header_news p { width:490px; }

.wrap .texto {
	text-align:left;
	float:left;
	margin-top:10px;
}

.wrap .texto img { width:415px; margin:10px 30px!important; }

.wrap .comments_post { float:left; width:485px; }

.wrap .comments_post a {
	color:#d6a40a;
	text-decoration:underline;
	padding:5px 5px 5px 0;
}

.wrap .comments_post a:hover { text-decoration:none; }

/*..................COMMONS..................*/

.wrap h1{
	color:#1164a1;
	font-size:18px;
	border-bottom:#a2cbe9 2px solid;
	text-align:left;
}

h1.title_page {
	margin:20px 0 10px 30px;
	float:left;
	width:715px;
	display:inline;/*IEfix*/
}

.content h2 {
	font-size:18px;
	margin:0 20px 10px 0;
	text-align:left;
}

.wrap h3 { font-size:14px; margin:0 20px 10px 0; }

.content p, .content ul { margin:0 20px 25px 0; }

.content ul li { padding:0 0 0 13px; background:url("../imagens/item_li_noticias.jpg") 0 10px no-repeat; }

.post h1, .post h2 a {
	font-family:"Trebuchet MS", Arial, sans-serif;
	border-bottom:#e3f0f9 2px solid;
	font-size:15px;
	font-weight:700;
	color:#2c6389;
	text-decoration:none;
	text-align:center;
}

.post h2{ margin:0 10px; }

.post h2 a:hover { color:#0097ff; }

.post p { margin:0 10px; }

a { color:#2c6389; }

a:hover { color:#0097ff; text-decoration:none; }

.content img {
	border:3px solid #6f94ae;
	margin:10px;
}

.content embed { margin:10px; }

.hidden { display:none; }

.n_bold { font-weight:normal; }

.bt_submit { cursor:pointer; }

.messagererror {
	margin:5px;
	display:block;
	width:100%;
	float:left;
	color:#FF0000;
	font-weight:700;
	padding:0;
}

.error { color:#FF0000; font-weight:700; }

#sem_evento {
	width:100%;
	text-align:center;
	font-size:20px;
	padding: 0 0 30px;
	float:left;
	background: url("../imagens/bg_dentro.gif") repeat-y;
}

#sem_evento strong { margin:0 5px; font-size:20px; }

#sem_produto {
	width:100%;
	text-align:center;
	font-size:20px;
	padding: 0 0 30px;
	float:left;
	background: url("../imagens/bg_dentro.gif") repeat-y;
}

#sem_produto strong { margin:0 5px; font-size:20px; }

#sem_producao {
	width:100%;
	text-align:center;
	font-size:20px;
	padding: 0 0 30px;
	float:left;
	background: url("../imagens/bg_dentro.gif") repeat-y;
}

#sem_producao strong { margin:0 5px; font-size:20px; }

#sem_atividade {
	width:100%;
	text-align:center;
	font-size:20px;
	padding: 0 0 30px;
	float:left;
	background: url("../imagens/bg_dentro.gif") repeat-y;
}

#sem_atividade strong { margin:0 5px; font-size:20px; }

#erro_contato {
	margin: 0 26px 30px;
	float:left;
	display:inline;
	width:715px;
} 

/*..................TABELA..................*/

.content table {
	width:415px;
	border-collapse:collapse;
	text-align:center;
	margin:30px;
}

.content table th, .content table td { border:1px solid #FFF; }

.content table tr th {
	background:#a7a7a7 url("../imagens/bar_table.jpg") center top no-repeat;
	font-weight:700;
	padding:2px;
	font-size:14px;
}

.content table tr td { background:#efefef; padding:3px 2px; }

.content table tr td small {
	font-size:10px;
	display:block;
	margin:5px;
}

/*..................EVENTOS..................*/

.wrap .eventos { width: 715px; }

.wrap .eventos dl {
	background:url("../imagens/item_li_noticias.jpg") 0 5px no-repeat;
	padding:5px 15px;
	margin:0 10px 10px 0;
	border-bottom:1px #efefef solid;
	float:left;
	width:685px;
}

.wrap .eventos dd { font-size:11px; line-height:14px; }

.wrap .content .event_des { margin:0 20px 3px 0; }

.wrap .content .dist_eve_title { margin:0 20px 10px 0; }

.wrap .evento .date { font-weight:700; }

.wrap .evento dt a {text-decoration:none; }

.wrap .evento dt a img {
	float:left;
	width:50px;
	height:50px;
	margin: 0 10px 0 0;
}
.wrap .eventos .ilustration {
	float:left;
	height:210px;
	margin: 7px 10px 0 0;
}

.wrap .evento dt a:hover img { border:3px solid #0097ff; }

.wrap .erro_page{ height:170px; }

/*...................ATIVIDADES...................*/

.atividades { width:715px!important; }

.atividades img {
	float:left;
	height:120px;
	margin:10px 10px 0 0;
} 

/*...................BLOGS.SITES...................*/

.link {
	width:500px!important;
	float:left;
	background:url("../imagens/borda_content_curve.jpg") right top no-repeat;
}

.link a {
	background:url("../imagens/star.gif") no-repeat;
	padding: 2px 0 0 25px;
	text-decoration:none;
	display:block; margin:5px 0;
	height:17px;
	width:400px;
	line-height:normal;
	float:left;
}

.link a:hover { background:url("../imagens/star2.gif") no-repeat; text-decoration:underline; }

/*...................CONTATO...................*/

.wrap .gestao { float:left; width:450px; }

.wrap .acompanhe {
	float:left;
	width:230px;
	text-align:left;
	line-height:18px;
	margin-bottom:0!important;
}

.wrap .acompanhe p { margin:13px 0; }

.wrap .gestao img, .wrap .acompanhe img { border:none; margin:10px 20px 10px 0 ; }

.contato legend {
	font-size:18px;
	margin:0 20px 10px 0;
	text-align:left;
	font-weight:700;
}

.wrap .contato {
	margin: 0 0 35px 26px ;
	float:left;
	width:715px;
 	display:inline; /*IEfix*/ 
}

.wrap .contato label {
	float:left;
	display:block;
	width:100%;
	margin:5px;
	font-weight:700;
}

.wrap .contato input, .wrap .acompanhe input,
.wrap .contato select, .wrap .contato textarea,
.wrap .formularios input, .wrap .formularios textarea,
.wrap #comentario {
	float:left;
	border:1px #c6c6c6 solid;
	font-size:12px;
	display:inline; /*IEfix*/
	font-weight:700px;
	background:#FFFFFF;
	margin:5px;
}

.wrap .contato #bt_enviarContato {
	float:left;
	margin:0 600px 0 5px;
	display:inline;
}

.wrap .acompanhe input  { width:95%; margin:5px 0 }

.wrap .gestao #comentario { margin:5px 100px 5px 5px; }

.asterisco {
	float:left;
	padding:8px 2px 0;
	color:#F00;
}

#img_cidade { float:left; margin-top:5px; }

.wrap .gestao #bt_enviarEsqueci, .wrap .gestao  #esquecisenha_email { float:left; margin:3px 0 8px; }

.wrap .gestao #form_esqueci { width:250px; }

.wrap .gestao #form_esqueci label { float:left; width:100%;}

.wrap .gestao .coment_label { font-weight:700; margin:20px 0 0 6px; }

.wrap .sucess {
	margin:26px;
	float:left;
	width:500px; 
	color:#0099CC;
}

.wrap .erro_contato {
	margin:16px;
	float:left;
	width:500px;
	color:#FF0000;
}

/*...................MENSAGEM...................*/

.mensagem {
	border:#999 solid 3px;
	padding: 0 5px;
	width:430px;
	margin-bottom:10px;
	background:#CCC;
}

.usuario { border:#ccc solid 3px; background:#F0F0F0; }

/*...................GALERIA.DE.FOTOS..................*/

.wrap .galeria { width:715px; float:left; }

.wrap .galeria p { margin:0; }

.wrap #ul_galeria { margin:0 0 26px 26px; }	

.wrap #ul_galeria li {
	float:left;
	display:inline;
	padding:5px;
}

.wrap #ul_galeria li a img {
	width:95px;
	width:75px;
	border:3px solid #6f94ae;
}

.wrap #ul_galeria li a:hover img { border:3px solid #0097ff; }

/*...................ITENS.RELACIONADOS...................*/

.wrap .related {
	background:none;
	margin: 0 0 30px 30px;
	padding:0;
	display:table;
	clear:both;
	width:715px;
}

.wrap .related dt {
	font-size:15px;
	color:#67c819;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #efefef;
	border-top:2px solid #e1f4d1;
	padding:6px 0 4px;
}

.wrap .related dd { margin:5px 0; }

.wrap .related dd a {
	margin:2px 0;
	width:600px;
	display:inline!important;
	float:left;
	padding:0 0 0 15px;
	background:url("../imagens/item_li_noticias.jpg") 0 5px no-repeat;
	text-decoration:none;
	color:#2c6389;
}

.wrap .related .date { font-weight:700; }

.wrap .related dd a:hover { color:#2499ed }

/*..................COMMENTS.LIST..................*/

.wrap .comment_list {
	padding:10px;
	float:left;
	width:550px;
}

.wrap .comment_list li {
	margin:5px;
	padding:0;
	width:100%;
	float:left;
	background:#efefef;
}

.wrap .comment_list li .info_comment {
	margin:0;
	border-bottom: #efefef 2px groove;
	background:#FFF;
} 
.wrap .comment_list li .info_comment .post_number a {
	color:#000;
	font-size:24px;
	text-decoration:none;
	letter-spacing:-0.1ex;
}

.wrap .comment_list li .info_comment .name { font-size:16px; margin:0 5px;  }

.wrap .comment_list li .info_comment .name a { text-decoration:none; }

.wrap .comment_list li p { margin:5px; }

/*..................COMMENT.FORM..................*/

.wrap .comments { float:left; margin:0 27px 27px; }

.wrap .comments legend {
	font-size:14px;
	margin:0 20px 10px 0;
	font-weight:700;
}

.wrap .comments label { width:100%; float:left; }

.wrap .comments input, .wrap .comments .asterico, .wrap .comments img, .wrap .comments li, .wrap .comments textarea { float:left;}

.wrap .comments input, .wrap .comments textarea { margin:3px 5px 0 0 ;}

.wrap .comments li { width:500px; float:left; }

.comment_text_block { margin-top:10px; }

.obrigatorio { font-weight:700; }

/*..................PAGINATION..................*/

.paginacao {
	border-bottom:2px solid #efefef;
	width:715px;
	float:left;
	margin:20px 0 0 0;
}

.paginacao p {
	display:block;
	float:right;
	color:#CCC;
	margin:0;
	font-weight:normal;
}

.paginacao p a {
	background:#F8F7F7;
	color:#2c6389;
	padding:2px 4px;
	text-decoration:none;
	font-weight:normal;
}

.paginacao p a:hover { background-color:#2c6389; color:#FFF; }

.paginacao p span { padding:2px 4px; font-weight:normal; }

.paginacao h4 {
	display:block;
	float:left;
	color:#000;
	padding:0;
	font-weight:normal;
	font-size:11px;
	margin-top:9px;
}

/*..................LINKS.CONTEUDO..................*/

.float_left {
	float:left;
	height:120px; 
	padding:0;
	margin:0;
}

.float_left2 {
	width:100%;
	margin:0;
	padding:0;
}

.float_left2 li {
	background:none;
}

.float_left2 li strong {
	width:702px;
	border-bottom:1px solid #efefef;
	display:block;
}

.float_left2 li ul { margin:0; padding:0; }

.float_left2 li ul li {
	margin:0;
	padding:0;
	background:none!important;
	border-bottom:1px solid #efefef;
}

/**************************************************/
/*..................MENU.LATERAL..................*/
/**************************************************/

.wrap .column, .wrap .second_column {
	float:right;
	width:231px;
	margin-bottom:40px;
}

.wrap .column .barra_busca, .wrap .column h3, .wrap .column .ul, .wrap .column .bt_contato_column, .wrap .column .bt_return_column { float:right; width:231px; }

/*..................BUSCA.DO.MENU..................*/

.wrap .column .barra_busca {
	margin:41px 0 10px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:10px;
}

.wrap .column .barra_busca div {
	width:221px;
	height:25px;
	background:url("../imagens/bar_buscar.gif") no-repeat;
	float:right;
	margin:0 5px 0 0;
	display:inline;
}

.wrap .column .barra_busca div .bar_buscar {
	width:163px;
	float:left;
	font-weight:700;
	color:#777c83;
	margin:5px;
	font-size:11px;
}

.wrap .column .barra_busca div .bt_buscar {
	background:url("../imagens/bt_buscar.gif") right no-repeat;
	display:block;
	width:48px;
	height:20px;
	float:right;
	text-align:center;
	padding:5px 0 0;
	font-size:11px;
	font-weight:700;
	color:#FFF;
}

/*..................COLUMN.NAVIGATION..................*/

.wrap .column h3 {
	text-indent:-999px;
	overflow:hidden;
	width:224px;
	height:27px;
	float:right;
	margin:40px 1px 0 0;
}

.wrap .column .item_arquivos { background:url("../imagens/item_arquivos.gif") no-repeat; }

.wrap .column .item_agenda { background:url("../imagens/item_agenda.gif") no-repeat; }

.wrap .column .item_noticias { background:url("../imagens/item_noticias.gif") no-repeat; }

.wrap .column ul { margin-top:6px; float:left;}

.wrap .column ul li {
	display:block;
	width:185px;
	margin-left:20px;
	border-bottom:1px #e8e8e8 solid;
	float:left;
	background:url("../imagens/item_li_noticias.jpg") 0 9px no-repeat;
}
.wrap .column ul li a {
	text-decoration:none;
	color:#2c6389;
	font-weight:700;
	width:180px;
	padding:5px 0 7px 11px;
	display:block;
}

.wrap .column .n_bold  li a { font-weight:normal; }

.wrap .column .n_bold  li a abbr {font-weight:700; }

.wrap .column ul li a:hover { color:#0097ff; }

.wrap .column .bt_contato_column a {
	width:225px;
	height:116px;
	display:block;
	background:url("../imagens/entre_em_contato.jpg") no-repeat;
	text-indent:-999px;
	overflow:hidden;
	float:right;
	margin:40px 0 0 0;
}

.wrap .column .bt_return_column a {
	width:200px;
	height:166px;
	display:block;
	background:url("../imagens/voltar_instituto.jpg") no-repeat;
	text-indent:-999px;
	overflow:hidden;
	float:right;
	margin:40px 0 0 0;
}
/*..................MENU.INSTITUCIONAL..................*/
.wrap .second_column .inst_menu { margin:20px 40px 0 0; } 

.wrap .second_column .inst_menu li { float:right; }

.wrap .second_column .inst_menu li a {
	text-align:right;
	display:block;
	width:150px;
	Text-decoration:none;
	padding:8px 0 5px 0;
	font-size:14px;
	font-weight:700;
	color:#1164a1;
	border-bottom:#a2cbe9 2px solid;
}

/********************************************/
/*..................FOOTER..................*/
/********************************************/

.wrap .clear {
	clear:both;
	width:770px;
	height:2px;
}

.footer {
	display:block;
	width:100%;
	clear:both;
	font-size:11px;
	padding-top:15px;
	height:58px;
	overflow:hidden;
	background:#efefef url("../imagens/bg_footer.gif") center repeat-y;
	border-top:1px solid #ddd;
	color:#FFF;
}
	
.footer .contente_footer { width:708px; margin:0 auto; }

.footer .contente_footer .logo_instituto_footer {
	background:url("../imagens/instituto.gif") no-repeat;
	width:101px;
	height:39px;
	display:block;
	text-indent:-9999px;
	float:left;
	overflow:hidden;
	
}

.footer .webroom {
	width:80px;
	height:22px;
	margin:5px 5px 0 0;
	float:right;
	left:580px;
}

.footer .ministerio_cultura {
	background:url("../imagens/selo_cultura.jpg") no-repeat;	
	width:49px;
	height:70px;
	margin:-15px 5px 0 545px;
	*margin:-15px 5px 0 0px;
	_margin:-15px 5px 0 0px;
	text-indent:-99999px;
	position:absolute;
}


.footer .webroom a {
	width:80px;
	height:22px;
	background:url("../imagens/logo_webroom.jpg") no-repeat;
	display:block;
	float:right;
	font-size:1px;
 	line-height:1px;
	text-indent:-300px;
	overflow:hidden;
}

.footer .copyright { margin:15px 0 0 20px; color:#667982; float:left; }

/*...................OPERA.&.CHROME.&.SAFARI.HACKS...................*/
/*...................OPERA.HACKS...................*/
@media all and (min-width: 0px){
 }
