@charset "utf-8";
/* CSS Document */
/*
	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: Carol
	Data: 09/09/2009
	Autor CSS: Andre Amaral
*/
* { border:0; padding:0; margin:0; text-indent:0; list-style:none; text-decoration:none}
body { font-family:Arial, sans-serif; font-size:12px; color:#303030; background:#FFF url(../imagens/bg_body.jpg) top; margin:0 auto}
a { color:#026493 }
a:hover { text-decoration:underline}
a[hreflang]:after { content: " [" attr(hreflang) "] " }
.comment a[rel~=external], .noticia a[rel~=external] { background:url("../imagens/external.gif") right 2px no-repeat; cursor:pointer; padding-right:13px}

/* -- Estrutura -- */
.general_header { background: url(../imagens/general_header.jpg) top no-repeat; height:442px}
.general_content { background:url(../imagens/general_content.jpg) no-repeat top; min-height:631px; height:auto!important; height:631px; _margin-top:-1px}
.footer { background:url(../imagens/footer.png) no-repeat left 37px; width:983px; height:176px; margin:0 auto; clear:both}

/* -- Header -- */
.header { width:995px; height:167px; margin:0 auto}
.header .logo {width:124px; padding:10px 0 0 15px; float:left}
.header .logo a { color:transparent; text-indent:-9999px; display:block; background:url(../imagens/carol-logo.jpg);  width:124px; height:135px}

/* -- Menu -- */
.menu { width:357px; height:51px; margin:0 auto; text-align:left; padding:35px 0 0 260px; *padding:35px 0 0 100px}
.menu li { float:left}
.menu .inicial a { color:transparent; background:url(../imagens/menu_sprites.png) left 1px; text-indent:-9999px; display:block; width:95px; height:24px}
.menu .institucional a { color:transparent; background:url(../imagens/menu_sprites.png) no-repeat left -22px; text-indent:-9999px; display:block; width:95px; height:20px; margin:0 30px 0 30px}
.menu .fale a { color:transparent; background:url(../imagens/menu_sprites.png) left -40px; text-indent:-9999px; display:block; width:95px; height:23px}

/* -- Content -- */
.content { width:988px; margin:0 auto}
.column { width:193px; float:left; padding-left:5px}
.column .titulo_menu { text-indent:-9999px; font-size:0.1em; background:url(../imagens/titulo_menu_enquete.png) no-repeat; width:61px; height:24px}
.navigation li { background:url(../imagens/bg_nav_li.png) no-repeat; width:146px; height:17px; margin:5px 0 0 -15px; padding:2px 0 3px 30px}
.navigation li a { font-size:13px; font-weight:bold; color:#026493 }

.enquete, .resultado_enquete { color:#333; background:url(../imagens/bg_enquete.png) no-repeat; margin-top:15px; min-height:294px; height:auto!important; height:294px}
.enquete .titulo_enquete, .resultado_enquete h3 { text-indent:-9999px; font-size:0.1em; background:url(../imagens/titulo_menu_enquete.png) left -24px no-repeat; width:85px; height:24px; margin-top: 18px}
.enquete .question strong, .resultado_enquete strong { font-weight:normal; display:block; font-size:12px; padding:10px 0 10px 0}
.enquete label { font-size:12px; display:block; width:178px; padding:5px 0}
.enquete .button_enquete { padding:10px 0 0 2px}
.enquete a { color:transparent}
.enquete_result li { font-size:12px; font-weight:bold; padding:2px}
.enquete_result li strong { display:block}
.resultado_enquete p a { color:transparent; text-indent:-9999px; display:block; background:url(../imagens/botoes/ver_mais_resultados.jpg) no-repeat; width:131px; height:19px}

.colun_direita { width:770px; float:right}

/* -- Destaques -- */
.destaques { background:url(../imagens/bg_destaque.jpg) no-repeat right top; width:335px; height:343px; float:left}
.destaques a { font-size:11px; width:310px; text-align:left; float:left; overflow:hidden}
.destaques h3 { text-indent:-9999px; background:url(../imagens/titulos_proj_even_not.png) no-repeat; width:86px; height:22px; margin-top:10px}
.subdestaque img { display:block; width:292px; height:185px; margin:15px 0 10px 2px}
.subdestaque a { font-size:13px; font-weight:bold; color:#028F44!important}
.subdestaque {font-size:13px; font-weight:bold; color:#028F44!important margin:0!important }
/* -- Seja parceiro -- */
.seja_parceiro { width:410px; float:left; padding-left:25px}
.seja_parceiro .titulo_seja_parceiro { text-indent:-9999px; background:url(../imagens/seja_parceiro.png) no-repeat; width:135px; height:23px}
.seja_parceiro p { font-size:11px!important; width:225px; height:106px; float:left}
.seja_parceiro img { float:right; margin-top:-50px; position:relative;}

/* -- Agenda Eventos -- */
.agenda { background:url(../imagens/bg_eventos.png) right top no-repeat; width:325px; height:333px; padding-left:10px; float:left; clear:left; margin-top:-3px}
.agenda h3 { text-indent:-9999px; font-size:0.1em; background:url(../imagens/titulos_proj_even_not.png) left -22px no-repeat; width:86px; height:22px; margin-bottom:12px}
.agenda a { font-weight:bold; color:#6a6500}
.agenda p { margin:0!important}
.agenda p a { color:transparent; text-indent:-9999px; display:block; background:url(../imagens/botoes/bt_ver_todos_red.gif) no-repeat; width:69px; height:19px; float:right; margin-right:50px; _margin-right:20px; }
.agenda dl { float:none; clear:both; width:290px; height:85px }
.agenda dt { font-size:13px; padding-top:5px}
.agenda dd { color:#333; font-size:11px}
.agenda dt img { width:84px; height:65px; float:left; background-color:#da271e; padding:3px; margin:0 5px 5px 0; -moz-border-radius: 6px; border-radius:6px; -webkit-border-radius: 6px;}


/* -- Noticias -- */
.noticias { background:url(../imagens/bg_noticias.png) no-repeat left 10px; width:400px; height:305px; padding-left:25px; float:right; margin:10px 10px 0 0; *margin-top:25px; _*margin-top:15px}
.noticias h3 { text-indent:-9999px; background:url(../imagens/titulos_proj_even_not.png) no-repeat left -44px; height:22px; margin:0 0 10px 0}
.noticias .button { float:right}
.news dt { font-size:11px;  padding-left:5px; border-left:4px solid #09F}
.news dt a { color:#01547c; font-size:13px; font-weight:bold}
.news dd { padding-left:5px; border-left:4px solid #159bdf; margin-bottom:10px}
.news dd a { font-size:11px; color:#333}
.content .news { margin:7px 0 15px -1px; display:table !important}
.content .news li { margin:8px 0}
.content .news li a { background:url("../imagens/seta1.gif") 0px 5px no-repeat; margin:0; text-decoration:none; padding:0 0 0 10px}
.content .news li a:hover { text-decoration:underline; color:#900}

/* -- ITENS RELACIONADOS -- */
.content .related { display:table; padding-bottom:30px; clear:both; width:100%}
.content .related dt { font-size:15px; color:#900; font-weight:bold; display:block; border-bottom:1px solid #85C9C8; border-top:2px solid #157775 ; padding:10px 0 4px 0}
.content .related dd { margin:5px 0}
.content .related dd a { background:url("../imagens/seta1.gif") 0px 5px no-repeat; margin:0; text-decoration:none; padding:0 0 0 10px}
.content .related dd a:hover { text-decoration:underline}

/* -- Prestacao de contas -- */
.prestacao_contas { background: url(../imagens/bg_prestacao_contas.png) no-repeat left 0; width:398px; height:233px; padding-left:25px; float:left; *margin-top:-6px; position:relative}
.prestacao_contas h3 { text-indent:-9999px; background:url(../imagens/titulo_prestacao.png) no-repeat ;  width:212px; height:24px; margin-bottom:15px}
.prestacao_contas li { padding:8px 0}
.prestacao_contas .mes { font-family:"Comic Sans MS", cursive; color:#FFF; font-weight:bold; font-size:32px; display:block; letter-spacing:-5px; background:url(../imagens/bg_mes.gif) no-repeat; width:46px; height:45px; float:left; padding:13px 4px 0 8px}
.prestacao_contas .mes span { display:none}
.prestacao_contas h4, .prestacao_contas h4 a { font-size:13px; color:#4C290B}
.prestacao_contas p, .prestacao_contas p a { color:#333; margin:0!important; font-size:11px!important; height:40px}
.prestacao_contas .button { float:right; padding:10px 13px 0 0}

/* -- Amigos da Carol -- */
.amigos_carol { width:983px; margin:0 auto; overflow:hidden}
.amigos_carol .titulo_amigos_carol { text-indent:-9999px; background:url(../imagens/amigos-da-carol.png) no-repeat; width:166px; height:35px; margin-top:5px}
.amigos_carol  .list_freinds { width:560px; clear:both; overflow:auto; margin:0 auto; text-align:center;}
.amigos_carol  .list_freinds li { display:inline; float:left; padding:0 5px 0 0}

/* -- Elementos -- */
.banner { width:563px; height:276px; margin:0 auto 0 auto; padding:1px 0 0 10px }
.colun_direita h1 { font-size:26px; padding-top:20px; color:#00923f}
.colun_direita p { font-size:13px; margin:20px 0; line-height:1.4em}
.content .ilustration { background-color:#FFF; -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px; float:left; margin:0 10px 10px 0; padding:4px}
.colun_direita .summary { color:#00923F; font-size:12px !important; font-weight:bold; line-height:normal}
.colun_direita .post_info { color:#0391BC; padding:10px 0 5px 0; margin:0}
.colun_direita .post_info p { margin:0}

/* -- comentario -- */
#h2_comentario { color:#DC187E; font-size:22px}
.comment { background:url(../imagens/bg_transparent.png); padding:15px 8px; margin-bottom:10px; border-bottom:3px solid #157775; border-top:3px solid #157775}
.post_number a { color:#FFF; background:#333; padding:5px 2px; margin-right: 5px}
.name{ padding:5px 2px; background:#DC187E}
.name a  { color:#FFF}
.data_post { font-size:10px; display:block; padding:3px 2px}

/* -- Footer -- */
.footer .copy { font-style:normal; text-align:center; width:330px; font-size:10px; padding:105px 0 0 0; margin:0 auto}
.footer address { font-style:normal; text-align:center; width:370px; font-size:10px; margin:0 auto}
.footer .webroom { margin-top:-22px; float:right; padding-right:13px}

/* -- FAQ -- */
.content .faq dt { background:url("../imagens/seta2.gif") 0 5px no-repeat; padding:0 0 0 10px}
.content .faq dt a { color:#026493}
.content .faq dd { margin:4px 0px 20px 10px; font-size:11px}
.content .faq li { background:url("../imagens/seta2.gif") 0 5px no-repeat; padding:0 0 0 10px; margin:15px 0}
.content .faq li a { font-size:14px; font-weight:bold; color:#026493}

/* -- EVENTOS -- */
.content .evento { clear:both; display:table; float:none}
.content .evento dl {width:200px}
.content .evento dt, .content .evento dt a { color:#6a6500; font-weight:bold;  margin-top: 1.3em}
.content .evento dt img { -moz-border-radius: 6px; border-radius:6px; -webkit-border-radius: 6px; opacity: 1; float:left; width:95px; height:73px; padding:3px; background-color:#da271e; margin:0 10px 10px 0}
.content .evento dt img:hover { opacity: 0.9}
.content .evento dd { font-size:12px; width:500px; padding-top:10px}

/* -- GALERIA DE FOTOS -- */
/* -- LIGHTBOX -- */
.content .galeria { margin:25px 0; padding:0; display:table}
.content .galeria li { float:left; margin:8px -4px}
.content .galeria li a { margin:0; padding:0}
.content .galeria li a img { width:95px; height:73px; clear:both; display:block; padding:6px; background-color:#FFF; border:1px solid #E3DFD7}
.content .galeria li a img:hover, .galeria li a:hover img   { padding:6px; background-color:#0394DD}

.content .galeria_listagem { margin:25px 0; padding:0; display:table}
.content .galeria_listagem li { float:none; margin:8px -4px; display:table; clear:both}
.content .galeria_listagem li a { color:#666; margin:0; padding:0}
.content .galeria_listagem li strong { color:#01547C; display:block}
* HTML .content .galeria_listagem li strong { margin:-18px 0 0 0}
.content .galeria_listagem li a img, .galeria img { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:95px; height:73px; display:block; float:left; margin:0; padding:6px; margin:0 10px 0 0; background-color:#FFF}
.content .galeria_listagem li a img:hover { background-color:#0394DD}

/* -- Forms -- */
* .txtfield { background-color:#FFF; padding:3px; font-size:12px; border:2px solid #0394DD; overflow:auto}
* .txtfield:hover { border:2px solid #DC187E; background:none #FFF; color:#000; padding:3px}
* .txtfield:focus { border:2px solid #DC187E; background:none #FFF; color:#01547c; padding:3px}
* .txtarea { width:548px}

.error, .error:hover, .error:focus { color:#000; border:2px solid #F00 !important; font-size:11px; padding:2px}
.messagererror { color:#F00; font-size:11px}

.contato { border:0; font-size:12px; line-height:normal}
.contato #enviar { border:0}
.contato legend { color:#000; font-size:1.0em; padding:4px 0; margin:5px 0 0px -7px}
.contato span { color:#900; font-weight:bold; font-size:0.9em; margin-bottom:-15px; font-style:oblique}
.contato label { display:block;  font-size:0.9em; color:#000; padding:0 0 0 2px}
.contato .float { float:left; margin:0 10px 0 0}
.contato .display { text-indent:-260px; display:block; overflow:hidden}
.contato > .display { text-indent:-100px}
.lateral { width:130px}

.acompanhe { background-color:#F1F1F1; border:3px solid #E3E0E0; padding:12px 12px 12px 12px; display:block}
.acompanhe h3 { color:#4872A7; font-size:14px; font-weight:bold; margin:0px 0 0px 0px}
.acompanhe p { margin:0; font-size:11px}
.acompanhe label { font-weight:bold}

.mensagem { padding:12px; font-size:12px; margin:12px 0}
.mensagem p strong { color:#4872A7}
.mensagem p { margin:0}
.mensagem .msn { margin-top:10px}
.mensagem .msn strong { display:block; clear:both}
.usuario { background-color:#F1F1F1; border:3px solid #E1E1E1}
.administrador { background-color:#D0DEF0;  border:3px solid #B5C4D6}

.content label { display:block; padding: 5px 0}
.content label br {clear:left}

.content .formularios { width:415px; position:relative; margin:35px 0; display:block}
.content .formularios legend { font-size:16px;; font-weight:bold; margin:10px 0; color:#DC187E}
* HTML .content .formularios legend { margin-left:-6px}
.content .formularios label { font-size:11px}
.content .formularios select { border:1px solid #000; list-style-type:circle}
.content .formularios #sexo { width:110px}

.content .formularios .set1 { float:none; margin:8px 0; position:relative}
.content .formularios .set2 { float:none; margin:8px 0; position:relative}

.content .formularios .checks { margin:10px 0; display:table; width:100%; clear:both; border:1px solid #000}
.content .formularios .checks label { float:left !important; display:inline}

.content .formularios ul { margin:0 ; padding:0}
.content .formularios ul li { margin:0 ; padding:0; clear:both}
.content .formularios ul li .messagererror { clear:both; display:block; margin:0 4px 0 0}
.content .formularios ul li h3 { margin:10px 0}

.content .formularios ul .form_sexo { width:110px; float:left; margin:10px 0; clear:none}
#form_sexo, #fisica_sexo { margin-top:-2px}
.content .formularios ul .form_sexo select { width:90px}
.content .formularios ul .form_bith { width:200px; float:left; margin:10px 0; clear:none}
.content .formularios ul .form_login, .content .formularios ul .form_senha { width:136px; clear:none; float:left}
.content .formularios ul .form_numero { margin:0 10px 0 0; }
.content .formularios ul .form_numero, .content .formularios ul .form_complemento { float:left; clear:none}
.content .formularios ul .form_estado { font-size:11px; }
.content .formularios ul .form_insc_estadual { display:inline; float:left; clear:none}
.content .formularios ul .form_isento {  width:100px; display:table; display:inline; float:left; clear:none; margin:25px 0 0 10px}
.content .formularios ul .form_isento label, .content .formularios ul .form_isento input { display:inline; float:left; clear:none}
.content .formularios ul .form_isento input { margin:8px 5px 0 0; }

.content .formularios ul .fone { width:136px; clear:none; float:left; }
.content .formularios ul .sms input, .content .formularios ul .sms label { display:inline; float:left; clear:none; margin:10px 0 0 0}
.content .formularios ul .sms input { margin:17px 5px 0 0}

/* -- DOWNLOADS -- */
h3.titulo_categoria { color:#E77D1F; font-size:15px;}
.content .downloads_nivel { margin:10px 0 18px 0; display:table; width:100%; background:url(../imagens/bg_transparent.png); border-top:2px solid #157775; border-bottom:2px solid #157775; padding:5px 0 5px 0; }
.content .downloads_nivel li { display:inline; font-size:13px; list-style-type:none; padding:1px 10px 1px 2px; margin:0 5px 0 0 !important; background:url("../imagens/seta1.gif") right center no-repeat; }
.content .downloads_nivel li a {  color:#025396; margin:0; padding:2px 4px; text-decoration:none; }
.content .downloads_nivel li a:hover { background-color:#E77D1F; color:#FFF; }
.content .downloads_nivel li strong { background-color:#E77D1F; color:#FFF; padding:2px 4px; }
.content .downloads_nivel .actual { background:none; }

.content .downloads_categorias { display:table; width:100%; clear:both;  }
.content .downloads_categorias li { font-size:11px; margin:8px; padding:0; width:180px; display:block; float:left; }
.content .downloads_categorias li a { font-weight:bold; text-decoration:none; background:url("../imagens/folder.gif") left center no-repeat; display:block; padding:2px 2px 2px 22px}
.content .downloads_categorias li a:hover { color:#FFF; background-color:#E77D1F}

.content .downloads_arquivos { padding:5px; font-size:11px}
.content .downloads_arquivos dt { font-size:13px; border-top:3px solid #157775; padding:20px 0 0 10px }
.content .downloads_arquivos dd { padding:20px 28px; margin-bottom:15px; border-bottom:3px solid #157775}
.content .downloads_arquivos a { color:#4C290B; font-size:13px; font-weight:bold}
.content .downloads_arquivos strong { color:#000; font-size:12px; clear:left; }

/* -- Doacao -- */
.doacao legend { font-size:15px; font-weight:bold; color:#639; padding:20px 0 5px}
.doacao label { font-size:12px}
.doacao p { font-size:16px; font-family:"Comic Sans MS", cursive; color:#900; margin:20px 0 0 0}