﻿/* --------------------------------------------------------------- Geral */
body,div,td,p,span,img,input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;}

body { background: #3db1ff url("../img/bg_azul_degrade.jpg") repeat-x top center; }

html, body {
	height: 100%;
	width: 100%; }
	
body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;}
	
fieldset,img,abbr,acronym{
	border: 0px;}
	
ul{list-style-type: none;}

p{margin-bottom:15px;color:#999999;font-size:11px;}

address,caption,cite,code,th,var{
	font-style:normal;
	font-weight:normal;}
	
q:before,q:after {content:'';}

*, * focus { outline: none; margin: 0; padding: 0; }


/* 
body, textarea {scrollbar-arrow-color:#000000;scrollbar-track-color:#D6BE94;scrollbar-face-color:#D6BE94;scrollbar-highlight-color:#EFE7D6;scrollbar-shadow-color:#A57D42;scrollbar-3dlight-color:#EFE7D6;scrollbar-darkshadow-color:#23C21;}
*/

.ns{overflow:hidden;}
.nb{border:0px;background:transparent;}
.noCSS{display:none;}


/* --------------------------------------------------------------- Fonts */
.txtRS { color:#4a4a4a; font-weight:bold; font-size:11px; }
.txtValor { color:#4a4a4a; font-weight:bold; font-size:20px; }
.txtCadastro { color:#999999; font-size:10px; }
.txtBranco{ color:#FFFFFF; font-size:11px; }
.txtAzul{ color:#048ABC; }
.txtRosa{ font-size:18px; color:#ff0099; font-weight:bold; }
.subTitulo{ font-size:14px; color:#333333; font-weight:bold; }
.txtWhite7{ color:#FFFFFF; font-size:7px; }
.txtObs{ color:#9b9b9b; font-size: 9px; }


/* --------------------------------------------------------------- Formulários */
.frm_input{
    width:165px;
    border: solid 1px #CCCCCC;
    background-color:#ECECEC;
    height:18px;
    line-height:18px; }
    
.botao-cadastrar{margin-left:72px; margin-top:5px;}

.botao-upload{
    border: solid 1px #CCCCCC;
    background-color:#ECECEC;
    height:19px;
    color:#fff;
    font-size:9px;
    background-color:#666; }
    
.frm_input_file{
    width:290px;
    border: solid 1px #CCCCCC;
    background-color:#ECECEC;
    height:18px;
    line-height:18px; }

 
	
	
/* --------------------------------------------------------------- Links */
a:link{text-decoration:none;color:#048ABC;}
a:visited{text-decoration:none;color:#048ABC;}
a:active{text-decoration:none;color:#048ABC;}
a:hover{text-decoration:underline;color:#048ABC;}

a.footer:link,
a.footer:visited,
a.footer:active,
a.footer:hover{text-decoration:none;color:#999999;font-size:9px;}

a.duvidas:link,
a.duvidas:visited,
a.duvidas:active{text-decoration:underline;color:#FFFFFF;font-size:9px;}
a.duvidas:hover{text-decoration:none;color:#FFFFFF;font-size:9px;}

a.noticia-voltar:link,
a.noticia-voltar:visited,
a.noticia-voltar:active,
a.noticia-voltar:hover{text-decoration:none;color:#333333;font-weight:bold;margin-left:445px;}

/* --------------------------------------------------------------- Posicionamento */
#content-bg {
	height: 938px;
	left: 50%;
	margin: 0 0 0 -395px;
	position: absolute;
	width: 820px;
	background: url("../img/bg_branco.jpg") no-repeat top center; } 
	
#menu {
    position:absolute; 
    top:20px;
    right:15px;}
    
    #menu li{float:left; display:inline;}
    #menu li#projetos a{ display: block; height: 33px; width: 159px; text-indent: -5000px; overflow: hidden; background: url(../img/bt_nossos_projetos.jpg) no-repeat top left; }
    #menu li#duvidas a{ display: block; height: 33px; width: 159px; text-indent: -5000px; overflow: hidden; background: url(../img/bt_duvidas.jpg) no-repeat top left; }
    
h1 a {
     position: absolute; 
     top:13px; 
     left:22px; 
     height:30px; 
     width:123px; 
     background: url(../img/unicef.gif) no-repeat top left;
     text-indent: -50000px; }
     
#lateral-esquerda {
    position:absolute;
    top:63px;
    left:20px;
    width:210px;
    height:737px;
    background: url(../img/bg_lateral_esq_interna.gif) no-repeat top left;}
    
#bt-faca-sua-doacao a{
    position:absolute;
    top:13px;
    left:17px;
    width:176px;
    height:37px;
    background: url(../img/bt_faca_sua_doacao.gif) no-repeat top left;
    text-indent: -50000px;}
    
#txt-valores{
    position:absolute;
    top:75px;
    left:11px;
    width:184px;
    height:40px;
    background: url(../img/txt_veja.png) no-repeat top left;
    text-indent: -50000px;}
    
#bg-valores {
    position:absolute;
    top:154px;
    left:10px;
    width:183px;
    height:297px;}
    
#valores {
    position:absolute;
    top:0px;
    left:7px;
    width:175px;}
    
    #valores li{margin-bottom:5px; background:#cdcbcb; padding:4px 10px 10px 10px; }

#cadastro{
    position:absolute;
    top:479px;
    left:15px;}
    
#conteudo-principal{
    position:absolute;
    top:95px;
    left:261px;
    width:520px;}
    
#conteudo-noticias{
    position:absolute;
    top:95px;
    left:290px;
    width:440px;}
    
h2{margin:0;}

#container-projetos {
    width:490px;
    background-color:#69c2fd;
    margin-bottom:10px;
    padding: 15px;}
    
    #container-projetos li{display:inline; }
    #container-projetos img{display:inline;float:left; padding-right:10px; padding-bottom:55px;}
    
#div-container-projetos {
    width:500px;
    background-color:#69c2fd;
    margin-bottom:10px;
    padding: 12px;}
    
#img-projetos { margin: 0; float:left; display:inline;  }
    
#txt-projetos { margin: 0 0 0 115px; }
    
#botoes {
    position:absolute;
    top:750px;
    left:0px; }
    
    #botoes li {display:inline; margin-right:20px;}
    
#footer {
    position:absolute;
    bottom:20px;
    left:17px;
    width:785px;
    height:23px;
    background: url(../img/bg_footer.gif) no-repeat top left;
    font-size:9px;
    color:#999999;
    line-height:23px;}
    
    #footer li{float:left; display:inline;}
    #footer li.footer-direitos{ margin-left:11px; }
    #footer li.footer-compartilhe{ margin-left:230px; margin-right:5px; }
    #footer li.footer-envie{ margin-left:7px; }
    
#nav {
    position:absolute;
    top:770px;
    right:0px;}
    
    #nav li{float:left; display:inline; margin-left:20px;}
    
#popIndique{
	display:none;
	width:300px;}
	
