@charset "utf-8";
/* CSS Document */

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

input, textarea, select { border: 1px solid #1A84BE;}

body { background: #ffffff url(../images/bg.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

a { text-decoration: none; color: #000000; }

a:hover { text-decoration: underline; }

ul { list-style-type: none; }

h2, h4 { background: url(../images/seta-topicos.gif) no-repeat left center; padding-left: 15px; }

a.btn-voltar { width: 57px; height: 19px; background: url(../images/btn-voltar.gif) no-repeat; text-align: center; display: block; color: #ffffff; padding: 3px 0 0 13px; }

a.btn-downloads { width: 87px; height: 19px; background: url(../images/btn-downloads.gif) no-repeat; text-align: center; display: block; color: #ffffff; padding: 3px 0 0 13px; margin-top: 5px; }

/* - corpo - inicio - */

#corpo { width: 777px; background-color: #fff; margin: 0 auto; /*border-left: 3px solid #1A84BE; border-right: 3px solid #1A84BE;*/ }

/* - barratopo - inicio - */

#corpo #barratopo { height: 45px; background: #1A84BE url(../images/bg_barratopo.gif) repeat-x; color: #fff; }

#corpo #barratopo p,
#corpo #barratopo ul li { float: left; }

#corpo #barratopo p { padding: 16px 16px 0 16px; }

#corpo #barratopo ul { padding: 16px 16px 0 16px; float: right; }

#corpo #barratopo ul li input { border: none; }

#corpo #barratopo ul li input.campo { width: 110px; height: 15px; background: url(../images/bg_campo_topo.gif) no-repeat left center; margin-right: 5px; font-size: 11px; padding: 3px 6px 0 6px; }

#corpo #barratopo ul li input.but { width: 73px; height: 18px; background: url(../images/btn-consultar.gif) no-repeat center center; cursor: pointer; font-size: 10px; padding-top: -10px; }

/* - logomenu - inicio - */

#corpo #logomenu h1 { width: 151px; height: 118px; background: url(../images/logo.gif) no-repeat center center; float: left; }

#corpo #logomenu h1 span { display: none; }

#corpo #logomenu h1 a { width: 146px; height: 118px; display: block; }

#corpo #logomenu p { float: left; }

#corpo #logomenu ul li { float: left; padding: 10px 10px 10px 9px; border-right: 1px solid #999999; }

/* -- img-topo -- */

#corpo #img-topo { text-align: right; }

/* -- flash -- */

#corpo #flash { width: 777px; }

#corpo #flash p.pics { width: 777px; height: 176px; overflow: hidden }

#corpo #flash p.pics img { width: 777px; height: 176px; top: 0; left: 0; }

#corpo #flash ul#nav { padding: 7px 10px 0 20px; }

#corpo #flash ul#nav li { float: left; display: inline; margin-right: 10px; }

#corpo #flash ul#nav li a { width: 23px; height: 12px; background: url(../images/but-preto.gif) no-repeat left top; display: block; text-decoration: none; }

#corpo #flash ul#nav li a.activeSlide { background: url(../images/but-laranja.gif) no-repeat left bottom; }

/* - banners destaquees - inicio - */

#corpo #bannersdestaques { height: 71px; width: 780px;  padding-left: 1px; }

#corpo #bannersdestaques ul li { width: 192px; text-align: center; float: left; padding-left: 3px; }

#corpo #bannersdestaques #bannerd4 { width: 177px; }

#corpo #bannersdestaques #bannerd3 { width: 197px; }

#corpo #bannersdestaques #bannerd2 { width: 189px; }

#corpo #bannersdestaques #bannerd1 { width: 197px; }

/* - afiliadosbanners - inicio - */

#corpo #afiliadosbanners { width: 145px; float: left; margin-right: 4px; }

#corpo #afiliadosbanners ul { background-color: #F8F8F8; text-align: center; margin-bottom: 4px; }
 
#corpo #afiliadosbanners ul.afiliados { background-color: #F8F8F8; padding-bottom: 4px; }

#corpo #afiliadosbanners ul.afiliados li,
#corpo #afiliadosbanners ul li { padding: 4px 4px 0 4px; }

#corpo #afiliadosbanners ul.afiliados li input { width: 133px; }

/* - noticias - inicio - */

#corpo #noticias { width: 445px; background-color: #FFFFFF; margin-right: 4px; padding: 10px; float: left; }

#corpo #noticias h1 { margin-bottom: 10px; padding: 5px; font-size: 16px; border-bottom: 1px solid #1A84BE; }

#corpo #noticias p { width: 445px; margin-bottom: 10px; }

#corpo #noticias p span.titulo,
#corpo #noticias ul li span.titulo { font-size: 11px; font-weight: bold; }

#corpo #noticias p img { height: 100px; margin-right: 10px; }

#corpo #noticias ul.fundo { background-color: #F7F7F7; }

#corpo #noticias ul { width: 445px; }

#corpo #noticias ul li { width: 210px; background-color: #F8F8F8; float: left; margin: 20px 10px 0 0; }

#corpo #noticias ul li img { height: 50px; margin-right: 10px; }

/* - noticias - inicio - */

#corpo #banners { width: 145px; float: right; }

/* - rodape - inicio - */

#corpo #rodape { background-color: #1A84BE; color: #FFFFFF; font-size: 10px; }

#corpo #rodape p { text-align: center; padding: 10px; line-height: 18px; }

#corpo #rodape p a { color: #ffffff; }


/* - paginas internas - */

/* - institucional - */

#corpo #institucional,
#corpo #orientacoes,
#corpo #galerias,
#corpo #noticia,
#corpo #prestacaocontas,
#corpo #contratos,
#corpo #unidades,
#corpo #tiss { width: 604px; background-color: #FFFFFF; margin-right: 4px; padding: 10px; float: left; }

#corpo #institucional h1,
#corpo #orientacoes h1,
#corpo #galerias h1,
#corpo #noticia h1,
#corpo #prestacaocontas h1,
#corpo #contratos h1,
#corpo #unidades h1,
#corpo #tiss h1 { width: 300px; background-color: #F8F8F8; margin-bottom: 10px; padding: 5px; font-size: 16px; }

#corpo #institucional h2,
#corpo #orientacoes h2,
#corpo #galerias h2,
#corpo #noticia h2,
#corpo #prestacaocontas h2,
#corpo #contratos h2,
#corpo #unidades h2,
#corpo #tiss h2 { font-size: 13px; margin-bottom: 10px; }

#corpo #prestacaocontas ul li
{
	margin-bottom: 15px;
}

#corpo #institucional p img { margin-right: 5px; }

/* - orientacoes - */

#corpo #orientacoes ul.menu { list-style-type: circle; list-style-position: inside; }

/* - galerias - */

#corpo #galerias ul.galerias li { min-height: 60px; margin-bottom: 10px; }

#corpo #galerias ul.galerias li img { width: 80px; height: 60px; margin-right: 5px; }

#corpo #galerias ul.fotos li,
#corpo #institucional ul.drogaria li { float: left; padding: 9px; }

#corpo #galerias ul.fotos li img { width: 80px; height: 60px; }

/* - noticia - */

#corpo #noticia p img { width: 200px; height: 150px; margin-right: 5px; }

/* - tiss - */

#corpo #tiss p { width: 400px; float: left; margin-right: 20px; }

#corpo #tiss ul { width: 184px; float: left; }

#corpo #tiss ul li { margin-bottom: 20px; }

#corpo #tiss ul li a,
#corpo #institucional p a.baixar { background-color: #F8F8F8; padding: 7px 10px; }

.jqueryslidemenu{ 
font: bold 9px Verdana;
/* background: #414141; */
background:#000;
float:right;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a { background: url(../images/bg_menu.gif) repeat;
display: block;
/*background: #414141; /*background of tabs (default state)*/
color: #000000;
padding: 8px 8px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:hover{
/*background: black; /*tab link background during hover state*/
background:#3E97C9;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}