* {padding:0;margin:0;border:none}

html {background-color:#fff;}
body {font:normal 16px Pontano Sans;position:relative;}

h1,h2,h3,h4,h5 {font:strong 20px Roboto Condensed;}
p.clear {clear:both;}
form ul{list-style:none;margin-left:35px;}
form ul li{margin-top:8px;}
form ul li:last-child{margin-top:8px;width:528px;text-align:right;}
input {border:solid 1px #e07338;padding:4px;}
textarea {border:solid 1px #e07338;}
td {margin:6px 3px;padding:3px;vertical-align:top;}

body.institucional {background-color:#efefef;}
body.creche {background-color:#8696b7;}
body.bazar {background-color:#c1bc3c;}
body.olhonasaude {background-color:#81b9ba;}
body.recanto {background-color:#89491b;}
body.voluntarios {background-color:#e07338;}
body.parcerias {background-color:#e07338;}
body.doeagora {background-color:#ae302b;}

/*geral*/
.geral {background:url(../imagens/fundo.gif) repeat-x right top;width:100%;height:100%;border:solid 0px #000;}
body.creche .geral {background:none;}
body.recanto .geral {background:none;}
body.olhonasaude .geral {background:none;}
body.bazar .geral {background:none;}
body.doeagora .geral {background:none;}
body.voluntarios .geral{background:none;}
body.parcerias .geral{background:none;}

/*topo*/
h1 {background:url(../imagens/logo.png) no-repeat;width:274px;height:97px;text-indent:-999999px;margin:0 0 0 38px;}
.topo {width:1020px;margin:0 auto;position:relative;height:191px;}
.topo ul#listamenuredesociais {position:absolute;top:68px;left:586px;width:284px;height:28;border-bottom:solid 2px #3aa4fa;font-size:12px;list-style-type: none;line-height:11px;}
.topo ul#listamenuredesociais li{float:left;padding:0 6px;border-right:solid 1px #fd9c00;height:11px;margin-bottom:13px}
.topo ul#listamenuredesociais li:last-child {border-right:none;padding-right:0;}
.topo ul#listamenuredesociais li a{color:#fd9c00;text-decoration:none;}
.topo ul#listamenuredesociais li a:hover{color:#3aa4fa;text-decoration:none;}
.topo ul#listamenuprincipal {position:absolute;top:118px;left:1px;list-style-type: none;font-size:18px;width:878px;height:47px;padding:26px 0 0 26px;}
.topo ul#listamenuprincipal li{float:left;padding:0 10px;border-right:solid 1px #000;text-transform: uppercase;text-shadow: 1px 1px 1px #fff;}
.topo ul#listamenuprincipal li:last-child {border-right:none;}
.topo ul#listamenuprincipal li a{color:#000;text-decoration:none;}
.topo ul#listamenuprincipal li a:hover{color:#888;}
.topo div#doeagora {position:absolute;top:0;left:902px;width:118px;height:192px;background-color:#cc221b;}
.topo div#doeagora p#tit{font-weight:bold;font-size:22px;padding:20px 0 0 20px;}
.topo div#doeagora p#txt{font-weight:normal;font-size:13px;padding:50px 0 0 20px;width:66px;}
.topo div#doeagora p a{color:#fff;text-decoration:none;}
.topo div#doeagora p a:hover{color:#fd9c00;}
body.creche .topo {background-color:#eeeeee;}
body.creche .topo ul#listamenuprincipal {background:url(../imagens/fundo-menu-principal.jpg) repeat-x;}
body.recanto .topo {background-color:#eeeeee;}
body.recanto .topo ul#listamenuprincipal {background:url(../imagens/fundo-menu-principal.jpg) repeat-x;}
body.olhonasaude .topo {background-color:#eeeeee;}
body.olhonasaude .topo ul#listamenuprincipal {background:url(../imagens/fundo-menu-principal.jpg) repeat-x;}
body.bazar .topo {background-color:#eeeeee;}
body.bazar .topo ul#listamenuprincipal {background:url(../imagens/fundo-menu-principal.jpg) repeat-x;}
body.doeagora .topo {background-color:#eeeeee;}
body.doeagora .topo ul#listamenuprincipal {background:url(../imagens/fundo-menu-principal.jpg) repeat-x;}
body.voluntarios .topo {background-color:#eeeeee;}
body.voluntarios .topo ul#listamenuprincipal {background:url(../imagens/fundo-menu-principal.jpg) repeat-x;}
body.parcerias .topo {background-color:#eeeeee;}
body.parcerias .topo ul#listamenuprincipal {background:url(../imagens/fundo-menu-principal.jpg) repeat-x;}

/*imagem principal*/
div.imagemprincipal {background:url(../imagens/principal.jpg) no-repeat fixed center top;text-indent:-999999px;height:452px;width:100%;border:solid 0px #000;}
div.imageminterna{background:url(../imagens/principal.jpg) no-repeat fixed center top;text-indent:-999999px;height:452px;width:100%;border:solid 0px #000;}
div.imagempaulo{background:url(../imagens/principal.jpg) no-repeat fixed center top;text-indent:-999999px;height:452px;width:100%;border:solid 0px #000;}
div.imagemparcerias{background:url(../imagens/principal.jpg) no-repeat fixed center top;text-indent:-999999px;height:452px;width:100%;border:solid 0px #000;}
body.doeagora div.imagemprincipal {background:url(../imagens/principal.jpg) no-repeat fixed center top;text-indent:-999999px;height:452px;width:100%;border:solid 0px #000;}


/*conteudo*/
.conteudo{width:1020px;margin:0 auto;position:relative;clear:both;min-height:540px;}
.conteudo #menuchamadas{margin-top:-20px;}
.conteudo #menuchamadas dl {width:160px;height:250px;float:left;margin-right:10px;font-size:14px;position:relative;}
.conteudo #menuchamadas dl:first-child {margin-left:5px;}
.conteudo #menuchamadas dl:last-child {margin-right:0;} 
.conteudo #menuchamadas dl dt{width:160px;height:60px;text-align:center;text-transform: uppercase;font-size:16px;font-weight:bold;}
.conteudo #menuchamadas dl dt a{position:relative;top:22px;text-decoration:none;color:#fff;}
.conteudo #menuchamadas dl dd{color:#6f6f6f;padding:6px;height:190px;}
.conteudo #menuchamadas dl dd a{text-decoration:none;font-weight:bold;position:absolute;bottom:0;}
dl#chamadasdoeagora dt{background-color:#ae302b}
dl#chamadasdoeagora dd a{color:#ae302b}
dl#chamadasdoeagora dd a:hover{color:#3aa4fa}
dl#chamadascreche dt{background-color:#8696b7}
dl#chamadascreche dd a{color:#8696b7}
dl#chamadascreche dd a:hover{color:#3aa4fa}
dl#chamadasbazar dt{background-color:#c1bc3c}
dl#chamadasbazar dd a{color:#c1bc3c}
dl#chamadasbazar dd a:hover{color:#3aa4fa}
dl#chamadasolhonasaude dt{background-color:#81b9ba}
dl#chamadasolhonasaude dd a{color:#81b9ba}
dl#chamadasolhonasaude dd a:hover{color:#3aa4fa}
dl#chamadasrecanto dt{background-color:#89491b}
dl#chamadasrecanto dd a{color:#89491b}
dl#chamadasrecanto dd a:hover{color:#3aa4fa}
dl#chamadasvoluntarios dt{background-color:#e07338}
dl#chamadasparcerias dt{background-color:#e07338}
dl#chamadasvoluntarios dd a{color:#e07338}
dl#chamadasvoluntarios dd a:hover{color:#3aa4fa}
dl#chamadasparcerias dd a{color:#e07338}
dl#chamadasparcerias dd a:hover{color:#3aa4fa}
.conteudo #chamadafixavoluntario {clear:both;margin-top:50px;float:left;width:506px;height:300px;}
.conteudo #chamadafixadoeagora {width:506px;height:300px;float:left;margin-top:50px;}
.conteudo #chamadafixavoluntario dl {width:506px;}
.conteudo #chamadafixavoluntario dl dt{background-color:#ae302b;color:#fff;height:37px;text-transform: uppercase;padding:10px 0 0 10px;margin:0 15px 8px 0;}
.conteudo #chamadafixavoluntario dl dd {width:480px;}
.conteudo #chamadafixavoluntario dl dd  p{font-weight:normal;margin:6px 0;line-height:20px;}
.conteudo #chamadafixavoluntario dl dd img{float:left;margin-right:8px;}
.conteudo #chamadafixadoeagora dl dt{background-color:#c1bc3c;color:#fff;height:37px;text-transform: uppercase;padding:10px 0 0 10px;margin:0 0 8px 0;}
.conteudo #chamadafixadoeagora dl dd img{float:left;margin-right:12px;}
.conteudo #chamadafixadoeagora dl dd  p{font-weight:normal;margin:8px 0;line-height:20px;}

.conteudo .internas {background-color:#fff;padding:20px 28px 0 28px;min-height:580px;margin-top:-100px;width:960px;}
.conteudo .internas #texto{width:650px;padding-right:40px;float:left;height:100%;}
.conteudo .internas #texto p {margin-top:5px;}
.conteudo .internas #texto h3{background-color:#fd9c00;width:650px;padding:12px;color:#fff;text-transform: uppercase;}
.conteudo .internas #texto h4 {padding:8px;text-transform: uppercase;margin-top:8px;}
.conteudo .internas #texto h5 {padding:3px 5px;text-transform: uppercase;font-size:16px;}
.conteudo .internas #texto h4.doeagora {color:#ae302b}
.conteudo .internas #texto ul {margin-left:25px;font-size:14px;line-height:16px;}
.conteudo .internas #texto ul  li{line-height:20px;}
.conteudo .internas #texto img{margin:8px; border:solid 1px #3aa4fa;}
.conteudo .internas #texto img.maior{width:567px;height:319px;}
.conteudo .internas #lateral{width:260px;float:left;}
.conteudo .internas #lateral h3{background-color:#fd9c00;width:240px;padding:12px;color:#fff;text-transform: uppercase;}
.conteudo .internas #lateral h4 a{color:#a5302b;padding:5px;text-transform: uppercase;text-decoration:none;}
.conteudo .internas p {font-size:14px;padding:5px;}
.conteudo .internas #lateral h3.azul {background-color:#3aa4fa;}
.conteudo .internas #lateral ul {margin-left:35px;}
.conteudo .internas #lateral ul li a{color:#000;text-decoration:none;font-size:12px;font-weight:bold;}
.conteudo .internas #lateral ul li a:hover{color:#3aa4fa;text-decoration:underline;}

body.creche .conteudo .internas #texto h3{background-color:#8696b7;}
body.creche .conteudo .internas #lateral h3 {background-color:#8696b7;}
body.recanto .conteudo .internas #texto h3{background-color:#89491b;}
body.recanto .conteudo .internas #lateral h3 {background-color:#89491b;}
body.olhonasaude .conteudo .internas #texto h3{background-color:#81b9ba;}
body.olhonasaude .conteudo .internas #lateral h3 {background-color:#81b9ba;}
body.bazar .conteudo .internas #texto h3{background-color:#c1bc3c;}
body.bazar .conteudo .internas #lateral h3 {background-color:#c1bc3c;}
body.doeagora .conteudo .internas #texto h3{background-color:#ae302b;}
body.doeagora .conteudo .internas #lateral h3 {background-color:#ae302b;}
body.voluntarios .conteudo .internas #texto h3{background-color:#e07338;}
body.voluntarios .conteudo .internas #lateral h3 {background-color:#e07338;}
body.parcerias .conteudo .internas #texto h3{background-color:#e07338;}
body.parcerias .conteudo .internas #lateral h3 {background-color:#e07338;}

/*sitemap*/
.sitemap {clear:both;width:957px;margin:0 auto;position:relative;color:#fff;padding:10px 0 0 60px;height:410px;}
.sitemap .colunadir {width:270px;float:left;}
.sitemap .colunadir  #doeagora {width:210px;height:135px;background-color:#cc221b;margin-bottom:20px;}
.sitemap .colunadir  #doeagora a {color:#fff;}
.sitemap .colunadir  #endereco {font-size:16px;text-align:justify;width:210px;}
.sitemap .colunadir  #endereco {font-size:12px;}
.sitemap .colunadir  #endereco a {color:#fff;text-decoration:none;}
.sitemap .colunadir  #endereco a:hover {text-decoration:underline;}
.sitemap .colunadir  #endereco a#site {letter-spacing: 3px;}
.sitemap .colunadir  #endereco a#email {letter-spacing: 1px;}
.sitemap .colunadir div {width:210px;margin:0 auto;}
.sitemap .colunacen {border-right:solid 1px #fff;width:280px;float:left;height:300px;}
.sitemap .colunacen div {width:220px;margin:0 auto;}
.sitemap .colunacen div ul{margin-bottom:10px;}
.sitemap .colunaesq {width:350px;float:left;border-right:solid 1px #fff;height:300px;}
.sitemap h2{margin:20px 0;}
.sitemap ul {margin-left:25px;}
.sitemap ul  li a{color:#fff;text-decoration:none;}
.sitemap ul  li a:hover{text-decoration:underline;}
.sitemap ul  li h4 a{color:#fff;text-decoration:none;}
.sitemap ul  li h4 a:hover{text-decoration:underline;}
.sitemap div {margin-bottom:10px;padding-bottom:10px;width:335px;}
.sitemap #doeagora p#tit{font-weight:bold;font-size:30px;padding:20px 0 0 20px;}
.sitemap #doeagora p#txt{font-weight:normal;font-size:18px;padding:10px 0 0 20px;}
.sitemap #doeagora p a{color:#fff;text-decoration:none;}
.sitemap #doeagora p a:hover{color:#fd9c00;}

body.institucional .sitemap {background-color:#4188d7;height:410px;}
body.creche .sitemap {background-color:#4188d7;height:410px;}
body.recanto .sitemap {background-color:#4188d7;height:410px;}
body.olhonasaude .sitemap {background-color:#4188d7;height:410px;}
body.bazar .sitemap {background-color:#4188d7;height:410px;}
body.doeagora .sitemap {background-color:#4188d7;height:410px;}
body.voluntarios .sitemap {background-color:#4188d7;height:410px;}
body.parcerias .sitemap {background-color:#4188d7;height:410px;}

/*rodape*/
.rodape {clear:both;width:897px;height:120px;margin:0 auto 0 auto;padding:60px;}
.rodape #rodaperedessociais {width:480px;float:left;}
.rodape #rodaperedessociais h3{color:#000;margin-bottom:10px;}
.rodape #rodaperedessociais p{color:#4188d7;font-weight:bold;margin-bottom:5px;}
.rodape #rodaperedessociais ul#logosmenuredesociais {list-style:none;}
.rodape #rodaperedessociais ul#logosmenuredesociais li{float:left;margin:0 5px;}
.rodape #rodaperedessociais ul#logosmenuredesociais li:first-child {margin-left:0;}
.rodape #rodapepatrocinios {width:320px;float:left;}

body.institucional .rodape{background-color:#fff;} 
body.creche .rodape{background-color:#fff;}
body.recanto .rodape{background-color:#fff;}
body.olhonasaude .rodape{background-color:#fff;}
body.bazar .rodape{background-color:#fff;}
body.doeagora .rodape{background-color:#fff;}
body.voluntarios .rodape{background-color:#fff;}
body.parcerias .rodape{background-color:#fff;}