/* CSS Document */
@charset "utf-8";
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; }
:focus { outline: 0; }
body { background: white; line-height: 1; color: black; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { margin:0; padding:0; background:#f5f5f5 url(../_img/main_bg.gif) left top repeat-x; cursor:default; font:normal 11px/11px Arial; color:#6f6f6f; }
ul, li { margin:0; padding:0; list-style:none; }

#wrapper { width:950px; overflow:hidden; margin:0 auto; }

/* Home */
#home1 { width:950px; height:246px; background:url(../_img/home_bg1.jpg) no-repeat; margin-top:13px; position:relative; }
#home1 .content { height:246px; width:860px; margin:0 auto; position:relative; }
#home1 .content .logo { width:169px; height:198px; background:url(../_img/home_logo.gif) no-repeat; position:absolute; left:15px; top:27px; }
#home1 .content .topo { width:168px; height:11px; position:absolute; top:-8px; left:238px; color:#6f6f6f; }
#home1 .content .topo li { padding-right:15px; height:11px; float:left; font:normal 11px/11px Arial; color:#6f6f6f; vertical-align:middle; }
#home1 .content .topo a { font:normal 11px/11px Arial; vertical-align:middle; height:11px; color:#6f6f6f; text-decoration:none; vertical-align:middle; }
#home1 .content .topo a:hover { font:normal 11px/11px Arial; color:#6f6f6f; text-decoration:underline; }
#home1 .content .menu .link1 { display:block; position:absolute; width:142px; height:30px; left:454px; top:38px; cursor:pointer; }
#home1 .content .menu .link2 { display:block; position:absolute; width:190px; height:30px; left:406px; top:72px; cursor:pointer; }
#home1 .content .menu .link3 { display:block; position:absolute; width:193px; height:30px; left:398px; top:107px; cursor:pointer; }
#home1 .content .menu a { display:block; width:100%; height:30px; }
#home2 { width:950px; height:232px; background:url(../_img/home_bg2.jpg) no-repeat; position:relative; }
#home2 .destaques { width:187px; height:169px; overflow:hidden; position:absolute; left:87px; top:47px; }
#home2 .destaques ul { list-style:none; }
#home2 .destaques li { color:#0281c0; font:normal 11px Arial; float:left; margin-top:6px; }
#home2 .destaques li span { display:block;width:10px; float:left; }
#home2 .destaques li a { display:block; float:left; width:167px; color:#fff; text-decoration:none; }
#home2 .destaques a:hover { text-decoration:underline; }
#home2 .mais a { position:absolute; left:98px; top:200px; width:100px; height:15px; font:normal 11px Arial; color:#027096; text-decoration:none; }
#home2 a:hover { text-decoration:underline; }
#home3 { width:950px; height:255px; background:url(../_img/home_bg3.jpg) no-repeat; position:relative; }
#home3 .texto { width:710px; height:124px; position:absolute; left:85px; top:37px; }
#home3 .texto h1,
#home3 .texto span { padding:0; margin:0; font:bold 11px/17px Arial; color:#00aeef; }
#home3 .texto p { padding:0; margin:0; font:normal 11px/17px Arial; color:#6f6f6f; }
#home3 .rodape { width:797px; height:39px; overflow:hidden; position:absolute; left:76px; bottom:31px; font:normal 11px/39px Arial; color:#00b2f0; }
#home3 .rodape li { float:left; margin-right:13px; height:11px; }
#home3 .rodape li a { color:#00b2f0; text-decoration:none; }
#home3 .rodape .perkons { position:absolute; right:1px; top:7px; }
#home3 .rodape .perkons a { display:block; font:normal 11px/20px Arial; color:#949494; text-align:center; margin:2px; text-decoration:none; }
#home3 .rodape a:hover { text-decoration:underline; }





/* Internas */
#header { width:100%; height:215px; overflow:hidden; position:relative; }
#header .canto1 { width:45px; height:42px; background:url(../_img/header_cantos.gif) no-repeat 0 0; position:absolute; left:0; top:27px; }
#header .canto2 { width:45px; height:42px; background:url(../_img/header_cantos.gif) no-repeat 0 -42px; position:absolute; right:0; top:27px; }
#header .content { height:215px; width:860px; margin:0 auto; position:relative; background:#fff; }
#header .content .logo { width:144px; height:169px; background:url(../_img/header_logo.gif) no-repeat; position:absolute; left:15px; top:27px; }
#header .content .topo { width:168px; height:11px; position:absolute; top:5px; left:238px; color:#6f6f6f; }
#header .content .topo li { padding-right:15px; height:11px; float:left; font:normal 11px/11px Arial; color:#6f6f6f; vertical-align:middle; }
#header .content .topo a { font:normal 11px/11px Arial; vertical-align:middle; height:11px; color:#6f6f6f; text-decoration:none; vertical-align:middle; }
#header .content .topo a:hover { font:normal 11px/11px Arial; color:#6f6f6f; text-decoration:underline; }
#header .content .menu { width:671px; height:187px; background:url(../_img/header_menu_bg.gif) no-repeat; position:absolute; right:0; top:27px;  }
#header .content .menu .detalhe { position:absolute; left:30px; top:5px; z-index:100; }
#header .content .menu .perkons { width:105px; height:31px; position:absolute; right:50px; top:20px; background:url(../_img/header_perkons.gif) no-repeat; }
#header .content .menu .link1 { display:block; position:absolute; width:142px; height:30px; left:232px; top:39px; cursor:pointer; }
#header .content .menu .link2 { display:block; position:absolute; width:190px; height:30px; left:261px; top:71px; cursor:pointer; }
#header .content .menu .link3 { display:block; position:absolute; width:193px; height:30px; left:279px; top:105px; cursor:pointer; }
#header .content .menu a { display:block; width:100%; height:30px; }

#body .content { width:860px; margin:0 auto; position:relative; background:#fff; font:normal 11px/13px Arial; }
#body .content .titulo { width:812px; height:42px; overflow:hidden; margin:0 auto; background:url(../_img/body_titulo_bg.gif) no-repeat 32px 30px; }
#body .content .titulo span { width:100%; height:30px; display:block; padding-left:35px; font:normal 18px/30px Arial; color:#fff; vertical-align:middle; background:#00b2f0; }

#footer { width:100%; height:39px; margin-bottom:30px; }
#footer .content { width:860px; height:39px; overflow:hidden; margin:0 auto; background:#f9f9f9 url(../_img/footer_bg.gif) no-repeat 831px 0px; position:relative; }
#footer .content span { width:50%; height:39px; padding-left:25px; overflow:hidden; display:block; font:normal 11px/39px Arial; color:#00b2f0; background:url(../_img/footer_bg.gif) no-repeat -29px 0px; }
#footer li { float:left; margin-right:13px; height:11px; }
#footer li a { color:#00b2f0; text-decoration:none; }
#footer .perkons { position:absolute; right:25px; top:7px; }
#footer .perkons a { display:block; font:normal 11px/20px Arial; color:#949494; text-align:center; margin:2px; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

.tip { display:none; width:225px; background:url(../_img/tip.gif) no-repeat 0 16px; position:absolute; z-index:101; }
.tip div { margin-left:16px; padding:13px; font:normal 11px/13px Arial; color:#666666; background:#efefef; }

.paginacao { height:34px; }
.paginacao span { float:left; padding-left:35px; line-height:32px; }
.paginacao ul { float:right; }
.paginacao li { float:left; display:block; width:21px; height:21px; margin:3px; font:normal 11px/19px Arial; color:#0061d9; vertical-align:middle; text-align:center; background:#fff; }
.paginacao li a { float:left; display:block; width:19px; height:19px; border:1px solid #dadada; color:#0061d9; text-decoration:none; }
.paginacao li a:hover { background:#f6f6f6; }
.paginacao li a:active { border:1px solid #fff; }





/* Como participar */
#como { width:740px; margin:0 auto; font:normal 11px/14px Arial; color:#6d6d6d; }
#como a { color:#00b2f0; }
#como p { margin:7px 0; }






/* Conheça boas práticas */
#conheca { width:812px; margin:0 auto; position:relative; }
#conheca th { height:25px; overflow:hidden; padding-left:5px; background:#00b2f0; border-right:1px solid #fff; font:normal 11px/25px Arial; text-align:left; color:#fff; vertical-align:middle; }
#conheca th a { color:#fff; text-decoration:none; padding-left:10px; }
#conheca th a:hover { text-decoration:underline; background:url(../_img/seta.gif) no-repeat 0px 4px; }
#conheca th.verde { background:#84c748; }
#conheca td { background:#ebebeb; font:normal 11px/11px Arial; color:#6e6e6e; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:5px; }
#conheca td a { font:normal 11px/11px Arial; color:#6e6e6e; }
#conheca td span { display:block; width:46px; height:45px; overflow:hidden; margin:0 auto; background:url(../_img/rank_bg.gif) no-repeat; font:bold 11px/45px Arial; color:#fff; vertical-align:middle; text-align:center; }
#conheca .odd td { background:#f4f3f3; }
.rating { padding-left:7px; }
.rating a { float:left; display:block; padding-left:3px; width:16px; height:16px; background:url(../_img/star.gif) 0 0 no-repeat; }
#cap { position:absolute; display:block; left:-2000px; top:-2000px; background:#90ba4f; width:120px; color:#fff; height:100px; padding:5px 5px 0 5px; border:3px solid #96c749; font-size:10px; } /* Captcha */
#cap .close { position:absolute; right:0; top:-2px; width:16px; height:16px; cursor:pointer; }
#cap div { float:left; height:25px; margin-top:5px; }
#cap #cap_in { width:50px; background:#fafafa; border:1px solid #e5e5e5; height:20px; font:normal 14px/20px Arial; color:#999; margin:0 0 0 4px; }
#cap label { display:block; width:100%; text-align:center;  }
#cap #cap_enviar { clear:left; border:1px solid #e5e5e5; background:#fafafa; font:normal 11px/18px Arial; color:#999; margin-top:5px; }
.avaliar { clear:both; width:300px; margin:20px 35px; color:#fff; padding:5px; background:#84c748; }

#ver { width:812px; margin:0 auto; position:relative; font:normal 12px/13px Arial; color:#999; padding:10px 0; }
#ver div { margin-bottom:3px; padding:6px; }
#ver .verde { background:#97cb48; color:#fff; }
#ver .azul { background:#04afeb; color:#fff; }
#ver .cinza { background:#f3f3f3; padding:10px; }
#ver .cinza td { border:1px solid #e1e1e1; }
#ver .cinza table { border-collapse:collapse; }
#ver .subtitulo { color:#97cb48; }
#ver .subtitulo span { color:#999; }
#ver li { width:240px; height:150px; overflow:hidden; float:left; margin:10px; }
#ver p { clear:both; }
#ver .voltar { text-align:right; }
#ver .voltar a { text-align:right; color:#999; text-decoration:none; }

#comentarios { width:812px; margin:0 auto; padding:0; position:relative; min-height:520px; height:auto !important; height:5250px; }
#comentarios h1 { font:normal 18px/34px Arial; height:34px; vertical-align:middle; color:#96c849; }
#comentarios h2 { font:normal 11px/22px Arial; height:22px; vertical-align:bottom; }
#comentarios input, #comentarios textarea { width:372px; background:#fafafa; border:1px solid #e5e5e5; height:16px; font:normal 11px/16px Arial; color:#999; }
#comentarios #atencao { font:normal 10px/16px Arial; /*position:absolute; left:384px; top:246px; width:334px;*/ }
#comentarios #atencao span { font-weight:bold; color:#96c849; }
#comentarios .enviar { width:375px; height:40px; text-align:right; }
#comentarios #com_enviar { width:72px; height:21px; border:none; }
#comentarios .formulario { width:400px; position:absolute; right:0; top:0; min-height:400px; }
#comentarios .lista { width:350px; overflow:hidden; }
#comentarios .lista ul { font:normal 11px/16px Arial; border-top:1px solid #e5e5e5; }
#comentarios .lista li { margin:4px 0; }
#comentarios .lista li strong { font-weight:bold; }

/* Divulgue seu projeto */
#divulgue { width:740px; margin:0 auto; padding-bottom:10px; position:relative; }
#divulgue .duvidas { font:normal 11px/18px Arial; color:#5d5d5d; position:absolute; right:0; top:17px; width:160px; height:200px; }
#divulgue .duvidas a,
#divulgue .duvidas span { font:bold 11px/18x Arial; color:#97cb48; text-decoration:none; }
#divulgue .formulario { width:560px; border-right:1px solid #d1d1d1; }
#divulgue h1 { font:normal 12px/20px Arial; color:#5d5d5d; }
#divulgue h1 span { font:bold 12px/20px Arial; color:#00b2f0; }
#divulgue h1 a { color:#00b2f0; }
#divulgue h2 { font:normal 11px/20px Arial; color:#5d5d5d; }
#divulgue h2 span { font:bold 11px/20px Arial; color:#00b2f0; }
#divulgue ul { margin-bottom:10px;height:40px; display:block; }
#divulgue ul li { display:block; float:left;margin-right:15px; }
#divulgue label { height:18px; font:normal 11px/18px Arial; color:#1ec4ed; text-align:left; }
#divulgue label span { font:normal 11px/18px Arial; color:#666; }
#divulgue input,
#divulgue textarea { width:100%; background:#fafafa; border:1px solid #e5e5e5; height:16px; font:normal 11px/16px Arial; color:#999; padding-top:4px; }
#divulgue h3 { width:510px; margin:5px; padding:0; font:normal 10px/10px Arial; color:#5d5d5d; text-align:right; }
#divulgue .radio { width:auto; vertical-align:middle; border:none; background:none; }
#divulgue #upload_open { cursor:pointer; }
#divulgue #upload { display:none; position:relative; margin:20px 0; }
#divulgue #upload .info { padding:0 10px; background:#00afeb; font:normal 11px/22px Arial; color:#fff; height:22px; vertical-align:middle; }
#divulgue #upload .linha { height:22px; margin:2px 0 0 0; position:relative; }
#divulgue #upload .linha .procurar { position:absolute; left:0; top:0; z-index:1; }
#divulgue #upload .linha .file { position:absolute; left:0px; top:0px; width:82px; height:22px; overflow:hidden; cursor:pointer; -moz-opacity:0;	filter:alpha(opacity: 0);	opacity: 0;	z-index: 2; }
#divulgue #upload .linha .nome { position:absolute; left:88px; top:0px; width:350px; height:22px; font:normal 11px/22px Arial; vertical-align:middle; overflow:hidden; }
#file1_clear, #file2_clear, #file3_clear { position:absolute; float:left; }
#file1_clear {left:350px; top:0;}
#file2_clear {left:350px; top:0;}
#file3_clear {left:350px; top:0;}
#divulgue .enviado { padding:80px 0; }
#divulgue .enviado a { text-decoration:none; font-weight:bold; color:#00b2f0; }
#divulgue .enviado a:hover { text-decoration:underline; }


/* Entre em contato */
#contato { width:812px; height:450px; margin:0 auto; position:relative; }
#contato .formulario { margin-left:35px; margin-top:20px; }
#contato ul { margin-bottom:10px; height:40px; display:block; }
#contato ul li { display:block; float:left;margin-right:15px; }
#contato label { height:18px; font:normal 11px/18px Arial; color:#1ec4ed; text-align:left; }
#contato label span { font:normal 11px/18px Arial; color:#666; }
#contato input,
#contato textarea { width:100%; background:#fafafa; border:1px solid #e5e5e5; height:16px; font:normal 11px/16px Arial; color:#999; padding-top:4px; }
#contato h3 { width:510px; margin:5px; padding:0; font:normal 10px/10px Arial; color:#5d5d5d; text-align:right; }
#contato .enviado { padding-top:200px; text-align:center; }
#contato .enviado span { display:block; height:20px; }
#contato .enviado span img { vertical-align:middle; }
