@charset "utf-8";

/*
	Intituto Latinoamerica - Para o desenvolvimento da Educação, Ciência, Arte e Cultura
	Site: www.il.org.br
	Autor: Thiago Melo
	E-mail: falecom@thiagomelo.com
	Design: Thiago Melo
*/


/*..... Structure .....*/
* { margin:0px; padding:0px; border:0px; list-style-type:none; }
body { margin:0 auto; background:#EEEEE8; font:12px/1.5em Arial, Tahoma, Helvetica, sans-serif; color:#666; }
.wrap { width:1008px; background:#FFF; margin:0 auto; text-align:left; }
.header { width:1008px; height:185px; background:url(../imagens/bg_header.jpg) no-repeat; float:left; border-bottom:5px solid #FFF; }
.menu { width:1008px; height:35px; background:#999999; float:left; }
.destaques { width:808px; height:190px; overflow:hidden; background:#FFF; float:left; border-bottom:4px solid #999; }
.home_content { width:988px; padding:10px; background:#FFF; float:left; border-top:5px solid #CCC; }
.content { width:988px; padding:10px; background:#FFF; float:left; }
.block_address { width:1008px; background:#F0F0F0; float:left; }
.footer { width:1008px; background:#204E99; float:left; }
/*...................................................*/

/*..... Commons .....*/
a { color:#3066C0; text-decoration:none; }
a:hover { color:#3066C0; text-decoration:underline; }
.texto_pequeno { font-size:11px; }
/*...................................................*/

/*..... Header .....*/
.logo { position:absolute; margin:18px 0 0 24px; }
.site a { width:260px; height:64px; background:url(../imagens/logomarca.gif) no-repeat; display:block; text-indent:-999999px; overflow:hidden; float:left; margin-left:230px; margin-top:45px; }
.name { width:378px; height:15px; background:url(../imagens/name_logomarca.gif) no-repeat; display:block; text-indent:-999999px; overflow:hidden; float:left; margin-left:230px; margin-top:15px; }
ul.opcoes { position:absolute; margin-left:500px; top:0; }
ul.opcoes li { display:inline; background:#32629C; padding:5px 10px; margin:0 1px; }
ul.opcoes li a { font:11px "Trebuchet MS"; color:#FFF; text-decoration:none; }
ul.opcoes li a:hover { color:#FFFF00; text-decoration:none; }

.tipo01 { width:1008px; height:185px; float:left; background:url(../imagens/img_teste.gif) right bottom no-repeat; }
.tipo02 { width:1008px; height:185px; float:left; background:url(../imagens/img_teste.gif) right bottom no-repeat; }
.tipo03 { width:1008px; height:185px; float:left; background:url(../imagens/img_teste.gif) right bottom no-repeat; }
.tipo04 { width:1008px; height:185px; float:left; background:url(../imagens/img_teste.gif) right bottom no-repeat; }
/*...................................................*/

/*..... Menu .....*/
.menu ul { margin-left:222px; }
.menu li { display:block; float:left; margin:7px 15px; }
.menu li a { color:#FFF; text-decoration:none; margin-top:10px; font-weight:bold; font-size:12px; }
.menu li a:hover { color:#000; border-bottom:5px solid #333; padding-bottom:5px; text-decoration:none; }

#menu1Container { width:200px; height:72px; visibility:hidden; overflow:hidden; z-index:10000; position:absolute; margin-left:348px; top:225px; padding:10px; -moz-opacity:.9; filter:alpha(opacity=90); border-bottom:5px solid #DDD; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF; }
#menu1Container, #menu1Content { background:#FFF; position:absolute; padding-top:15px; }

#menu2Container { width:200px; height:300px; visibility:hidden; overflow:hidden; z-index:10000; position:absolute; margin-left:448px; top:225px; padding:10px; -moz-opacity:.9; filter:alpha(opacity=90); border-bottom:5px solid #DDD; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF; }
#menu2Container, #menu1Content { background:#FFF; position:absolute; padding-top:15px; }

.submenu { background:#FFF; }
.submenu li { width:200px; display:block; border-bottom:1px dashed #CCC; padding-bottom:5px; }
.submenu li a:hover { text-decoration:none; color:#000; }
/*...................................................*/

/*..... Destaques .....*/
.destaque { width:808px; height:190px; display:block; overflow:hidden; float:left; }
.destaque p { margin:10px 0; }
.destaque h3 { font-size:28px; color:#000; margin-bottom:15px; }
.destaque .img { width:310px; height:190px; float:left; }
.destaque .info { width:390px; background:url(../imagens/bg_info_destaque-2.jpg) right bottom no-repeat; float:left; margin-top:15px; padding:0px 20px 10px 50px; }
.destaque .controls { width:20px; float:right; margin-right:15px; }
.destaque .controls a { width:20px; height:24px; background:url(../imagens/seta_destaques.gif) left no-repeat; display:block; text-indent:-999999px; overflow:hidden; margin-top:80px; float:left; }
/*...................................................*/

/*..... Content .....*/
.img_left { float:left; margin:0 20px 10px 0; }
.menu_contexto { width:200px; background:#F2F2F2; padding:10px; margin-bottom:15px; float:left; }
.menu_contexto li { border-bottom:1px dashed #CCC; padding:2px 0; margin:5px 0; }
.menu_contexto li a:hover { text-decoration:none; color:#000; }
.menu_contexto p { font-size:11px; margin:25px 0 !important; }
#texto_principal { width:750px; background:#FFF; float:right; }

.content h3 { color:#3066C0; font-size:16px; font-weight:bold; }

.tamanho_fonte { position:absolute; margin-left:900px; top:230px; }
.tamanho_fonte ul { margin-left:8px; }
.tamanho_fonte li { display:block; float:left; margin:0 2px; }
.tamanho_fonte .diminuir a { width:26px; height:26px; display:block; text-indent:-99999px; overflow:hidden; background:url(../imagens/diminuir_fonte.gif) no-repeat; }
.tamanho_fonte .diminuir a:hover { border-bottom:3px solid #235C96; }
.tamanho_fonte .aumentar a { width:26px; height:26px; display:block; text-indent:-99999px; overflow:hidden; background:url(../imagens/aumentar_fonte.gif) no-repeat; }
.tamanho_fonte .aumentar a:hover { border-bottom:3px solid #235C96; }
.tamanho_fonte p { font:9px Arial; margin-bottom:5px !important; }

.corpo_1 { font-size:12px; }
.corpo_2 { font-size:14px; }
.corpo_3 { font-size:16px; }

.content p { margin:15px 0; }
.content h1 { font-size:26px; margin:15px 0 5px 0; color:#3066C0; }
.breadcrumbs { width:988px; float:left; margin-bottom:20px; }
.breadcrumbs li { display:inline; margin-bottom:15px; }
.breadcrumbs li a { padding:2px; }
.breadcrumbs li a:hover { background:#3066C0; color:#FFF; text-decoration:none; }

.content .voltar { font-weight:bold; clear:both; }
.content .voltar a { font-size:11px; }

ul.listagem_diretores { margin:15px 0; }
ul.listagem_diretores li a { font-size:11px; margin-left:15px; padding-left:20px; background:url(../imagens/img_mail.gif) no-repeat; padding-bottom:2px;  }
.foto_presidente { border:5px solid #DDD; margin-top:15px; margin-bottom:-10px; }
.ver_todas_fotos { width:140px; font-size:11px; line-height:14px; }

ul.parceiros_convenio { text-align:center; margin:15px 0; }
ul.parceiros_convenio li { width:200px; display:inline; margin:0 40px; }

.campos { width:500px; float:left; }
.endereco { width:300px; height:360px; background:#F2F2F2; padding:10px; float:right; }
fieldset label { display:block; font-weight:bold; font-size:11px; margin-bottom:3px; }
fieldset .txtfield { border-left:1px solid #DDD; border-top:1px solid #DDD; border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:2px; margin-bottom:5px; background:#efefef; }
fieldset .txtarea { border-left:1px solid #DDD; border-top:1px solid #DDD; border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:2px; margin-bottom:15px; background:#efefef; }
fieldset .bt_enviar { background:#25466D; padding:4px 9px; color:#FFF; font-size:11px; float:left; cursor:pointer; margin-bottom:20px; }

.noticia { border-bottom:1px dashed #CCC; padding-bottom:5px; margin-top:15px; }
.noticia p a { color:#666; }
.noticia p a:hover { color:#3066C0; text-decoration:none; }

.listagem_padrao_02 { margin-left:20px; }
.listagem_padrao_02 li { margin-left:15px; list-style-type:disc; }
.listagem_padrao_02 li a { color:#666666; }
.listagem_padrao li { margin-left:15px; list-style-type:disc; }
/*...................................................*/


/*..... Home Content .....*/
.home_content h3 { font-size:14px; color:#27549C; border-bottom:3px double #F2F1EE; padding-bottom:3px; margin-bottom:15px; }
.home_content a { color:#737373; }
.home_content a:hover { color:#3066C0; text-decoration:none; }
.home_content p { margin:10px 0; }
.home_producoes { width:230px; float:left; margin-right:10px; font-size:11px; margin-top:5px; }
.home_about { width:230px; float:left; margin-right:10px; font-size:11px; margin-top:5px; }
.home_events { width:230px; float:left; margin-right:10px; font-size:11px; margin-top:5px; }
.home_news { width:245px; float:left; font-size:11px; background:#F3F3F3; padding:0 10px; }
.home_news h3 { border-bottom:3px double #DDD; margin-top:5px; }

.home_news dl li { margin:10px 0; text-align:left; line-height:16px; }
.title_news { width:245px; float:left; font-weight:bold; }
.data { width:235px; background:#E6E6E6; padding:2px 5px; font-weight:bold; color:#999; font:bold 11px "Trebuchet MS"; display:table; float:right; margin-bottom:8px; }
.home_news .all_news { background:#204E99; padding:3px 8px; margin-top:10px; font:11px "Trebuchet MS"; border:1px solid #ddd; }
.home_news .all_news a { color:#FFF !important; }

.listagem_noticias li { margin-bottom:20px; padding-bottom:10px; border-bottom:3px double #ddd; }
.listagem_noticias li a { color:#666; text-decoration:none; }
.listagem_noticias li .title_news a { color:#3066C0; font-size:18px; }
.listagem_noticias li .title_news { width:100%; margin-bottom:10px; }
.listagem_noticias li .data { width:98%; margin-bottom:10px; padding:5px 1%; }

/*...................................................*/

/*..... Address Bar .....*/
.block_address h4 { color:#3066C0; }
.address { width:374px; background:url(../imagens/img_mapa.jpg) left no-repeat; padding:20px 0 20px 80px; float:left; margin-left:20px; }
.phone { width:204px; background:url(../imagens/img_phone.jpg) left no-repeat; padding:20px 0 20px 80px; float:right; }
/*...................................................*/

/*..... Footer .....*/
.footer p { font:11px "Trebuchet MS"; margin:10px; color:#FFF; }
/*...................................................*/