* {margin:0; padding:0}
img {border: 0;}
a {outline:none;}
#page {position:relative;width: 764px;height: 687px;margin: 0 auto;margin-top: 10px;background: #1eb8b4 url(../img//fundo-principal.jpg) no-repeat top right;}
#atuacao #page, #aclinica #page, #atendimento #page,#saiba-mais #page, .interna #page {background-image: url(../img//fundo-interna.jpg)}
#header {   background: #1eb8b4 url(../img//fundo-topo.gif) no-repeat top right;}
#brand img {border:0;margin-top:20px;margin-left: 27px}
#menu-global {position: absolute; top:5px; right: 30px;}
#menu-global li {display: inline; list-style:none;}
#menu-global a:link, #menu-global a:visited {color:#fff;text-decoration: none;font-family: Verdana,Arial,Helvetica,sans serif;font-size: .6em;font-weight:bold;padding: 0 1.2em;}
#menu-global img {padding-left: .4em}
#menu-global span {color:#6df5f3;font-weight:bold;}
#menu-local {margin-top: 29px;margin-left: 16px;z-index:8;position:absolute;}
#menu-local .menu  > li {text-indent: -3000px;list-style:none;margin-bottom: 10px;}
#menu-local .menu  .toggle-menu {width:155px;height:41px;display:block;outline:none;}
#menu-local .menu .submenu li {padding-left:24px;padding-top:6px;padding-right:4px;padding-bottom:.2em;line-height:.8em;letter-spacing:-.04em}
#menu-local .menu .submenu a {width:140px;font-weight:bold;font-size:.7em;}
#menu-local .menu .submenu {display:none;text-indent:0;list-style:none;padding-bottom:6px}
#menu-local .submenu a {text-decoration:none;color: #fff;font-family: Verdana;font-size: .8em;}
#menu-local .submenu {background:#099;width:130px;margin-left:6px;}
#menu-local .menu-a-clinica {background: transparent url(../img//menu-a-clinica.gif) no-repeat 0 0;width:155px;}
.menu-a-clinica .submenu li {padding-left: 1em;background: transparent url(../img//dois-pontos-clinica.gif) 10px 11px no-repeat}
#menu-local .menu-a-clinica .submenu {background:#099 url(../img//fundo-menu-a-clinica.gif) no-repeat 0 bottom;}
#menu-local .menu-atendimento {background: transparent url(../img//menu-atendimento.gif) no-repeat;width:151px;}
.menu-atendimento .submenu li {padding-left: 1em;background: transparent url(../img//dois-pontos-atendimento.gif) 10px 11px no-repeat}
#menu-local .menu-atendimento .submenu {background:#f93 url(../img//fundo-menu-atendimento.gif) no-repeat 0 bottom;}
#menu-local .menu-atuacao {background: transparent url(../img//menu-atuacao.gif) no-repeat;width:159px;}
.menu-atuacao .submenu li {padding-left: 1em;background: transparent url(../img//dois-pontos-atuacao.gif) 10px 11px no-repeat}
#menu-local .menu-atuacao .submenu {background:#fc6 url(../img//fundo-menu-atuacao.gif) no-repeat 0 bottom;}
#menu-local .menu-outras-atividades {background: transparent url(../img//menu-outras-atividades.gif) no-repeat;width:174px;}
.menu-outras-atividades .submenu li {padding-left: 1em;background: transparent url(../img//dois-pontos-outras-atividades.gif) 10px 11px no-repeat}
#menu-local .menu-outras-atividades .submenu {background:#69c url(../img//fundo-menu-outras-atividades.gif) no-repeat 0 bottom;}
#menu-local .menu-convenios {background: transparent url(../img//menu-convenios.gif) no-repeat;width:199px;}
.menu-convenios .submenu li {padding-left: 1em;background: transparent url(../img//dois-pontos-convenios.gif) 10px 11px no-repeat}
#menu-local .menu-convenios .submenu {background:#6cc url(../img//fundo-menu-convenios.gif) no-repeat 0 bottom;}
#menu-local .menu-saiba-mais {background: transparent url(../img//menu-saiba-mais.gif) no-repeat;width:235px;}
.menu-saiba-mais .submenu li {padding-left: 1em;background: transparent url(../img//dois-pontos-saiba-mais.gif) 10px 11px no-repeat}
#menu-local .menu-saiba-mais .submenu {background:#6c6 url(../img//fundo-menu-saiba-mais.gif) no-repeat 0 bottom;}
#menu-local .ativo {background-position: 0 -41px;background-repeat: no-repeat}
#content {z-index: 1;width: 577px;height: 332px;position:absolute;top:94px;right:20px;}
#content h1 {color: #69b4b4;font-size:1em;padding: .5em 0}
#content h2 {color: #69b4b4;font-size: 1em;}
#content h2.subitem {color:#444}
#home #content {height: 280px;background-image:url();}
#content {background:transparent url(../img//foto-crianca.jpg) no-repeat;}
#text {overflow:auto;width: 390px;height: 400px;position:absolute;padding-right: 4px;top:0;right:0;font-family: Verdana,Arial,Helvetica,sans serif;font-size: .7em;color:#444;}
#text p {  line-height: 1.3em;padding-bottom: .8em}

#novidades {position:absolute;top:430px;right: 20px;width:460px;font-family:Verdana;font-size: .5em;}
#novidades div.primeira {padding-top:25px;width:195px;padding-right:35px;text-align:right;} 
#novidades div.segunda {padding-top: 25px}
#novidades .bloco {float:left;width:230px;}
#novidades .novidade {padding-bottom:.8em;font-size: 1.2em;}
.novidade a:link, .novidade a:visited {color:#000;text-decoration:none;}
#novidades h3, .todas-novidades h3 {display:inline;font-weight: bold;font-size: 1em;}
#novidades .bloco span, .todas-novidades span.data {color: #366;}
.todas-novidades span {font-weight: bold;}
.todas-novidades a:link, .todas-novidades a:visited {color:#333;}
#newsletter {position:absolute;bottom:50px;right:25px;width:260px;text-align: right;}
#newsletter label {font-family: arial;font-size: .7em;color: #444;padding-right: .2em}
#newsletter input {border-top: 1px solid #b8b8b8;border-left: 1px solid #999;font-size: .7em;width: 175px;padding: .1em}
#newsletter input.enviar {width: 34px;height:18px;border:none;float:left;padding-left: 10px;padding-top:24px}
#newsletter .campos {float:left;}
#newsletter .msg {margin-bottom:10px;color:orange;font-weight:bold;font-family:Verdana,Arial,Helvetica,sans serif;font-size:0.7em;}
#newsletter .erro {color:#c00}
.cleanfloat {clean:both;}
#novidades a.todas:link,#novidades a.todas:visited {color:#f60;text-decoration:none;font-weight:bold;}
#titulo {position:absolute;top:55px;left: 220px}
#titulo h1 {color:#fff;}
#copyright {position:absolute;bottom: 10px;right: 8px}

/* fotos */
.o-trabalho #content {background-image:url(../img//foto-trabalho.jpg);}
.a-estrutura #content {background-image:url(../img//foto-estrutura.jpg);}
.a-historia #content {background-image:url(../img//foto-historia.jpg);}
.criancas #content {background-image:url(../img//foto-crianca.jpg);}
.o-adolescente #content {background-image:url(../img//foto-adolescente.jpg);}
.o-adulto #content {background-image:url(../img//foto-adulto.jpg);}
.seminarios-eventos #content {background-image:url(../img//foto-seminario.jpg);}
.clinica-social #content {background-image:url(../img//foto-clinica-social.jpg);}
.portadores-necessidades #content {background-image:url(../img//foto-portadores-necessidades.jpg);}
.fonoaudiologia #content {background-image:url(../img//foto-fonoaudiologia.jpg);}
.psicopedagogia #content {background-image:url(../img//foto-psicopedagogia.jpg);}
.psicanalise #content {background-image:url(../img//foto-psicanalise.jpg);}
.setor-estagios #content {background-image:url(../img//foto-estagio.jpg);}
.gestao-pessoas #content {background-image:url(../img//foto-gestao-pessoas.jpg);}
.grupos-estudos-formacao #content {background-image:url(../img//foto-gurpos-estudos-formacao.jpg);}
#convenios #content {background-image:url(../img//foto-convenios.jpg);}
#artigos #content, #termos #content {background-image:url(../img//foto-saiba-mais.jpg);}

#novidade #content {background-image:url(../img//foto-novidades.jpg);}


/**
* Scroll
*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
  margin-left:170px;
  margin-top: 20px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
.holder {
  float: left;
  margin: 10px;
}
a.jScrollArrowUp {
  background: url(basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
  background-position: 0 -15px;
}
a.jScrollArrowDown {
  background: url(basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
  background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  background-position: 0 -30px;
}
.orange-bar .jScrollPaneTrack {
  background: transparent url(../img//fundo-drag.gif) 0 10px repeat-y;
}
.orange-bar .jScrollPaneDrag {
  background: transparent url(../img//drag-bar.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
  background: transparent;
}
#content fieldset {
  border:none;
}
#content label {
  font-weight: bold;
}

#flashMessage {
 color: #c00;
 padding:1em;
}
