/* DEFINIÇÕES GERAIS */
* {margin:0;padding:0;list-style:none;text-decoration:none;}
strong{font-weight:bold;}
em{font-style:italic;}
html,address{font:normal normal 12px Arial, Helvetica, Verdana sans-serif; color:#5a5b5e;}
html,body{text-align:center; height:100%;}
body{font-family:Arial, Helvetica, Verdana sans-serif; color:#5a5b5e;}
html{height:100%;}
img{border:none;}
a{color:#5a5b5e;}
a:hover{color:#666; text-decoration:underline;}
a:focus{outline:none;}

/* CLASSES DE USO GERAL*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.none{display:none;}
.block{display:block;}
.inline{display:inline;}
.indent{text-indent:-100000px;}
.absolute{position:absolute;}
.relative{position:relative;}
.hidden{overflow:hidden;}
.center{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
	
	/* CORES */
	.red{color:red;}
	.black{color:#000;}
	.white{color:#fff;}
	.blue{color:#0A90F1;}
	.blue2{color:#015996;}
	.grey{color:#616161;}
	.cor1 {color:#c51811;}
	.cor2 {color:#5a5b5e;}
	
/* larguras */
.w5 {width:5%;}
.w10 {width:10%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.div {display:block; height:1px; border-bottom:1px dotted #dbe0ea; width:100%; left:0; position:absolute; z-index:99999;top:510px;}
.ie6 .div {top:495px;}
.espaca {display:block; height:60px; width:100%; clear:both;}
.marg0 {margin:0;}

/*################################## PRINCIPAL ##############################################*/
/* ESTRUTURA */
div#principal{position:relative; min-height:100%; background:url(../imagens/principal/bg_topo.gif) repeat-x;}
* {behavior:url(js/iepngfix.htc);}
.ie6 #principal {height:100%;}

#flutuante{position:absolute; left:50%; top:85px; width:550px; height:263px; margin:0 0 0 -275px;}

p {margin:8px 0 0 0; text-align:left; font-size:1em; /*line-height:1.6em;*/}
h3 {margin:15px 0 0 0; text-align:left;}

.descricao {background:url(../imagens/principal/descricao.gif) center center no-repeat; height:52px; margin:0;}
.mapa {border:1px solid #5a5b5e; padding:5px; margin:10px 0 0 0;height:300px;}

/* TOPO */
div#topo{height:128px; width:920px; margin:0 auto;}
/* logo */
.logo {background:url(../imagens/principal/logo.png) no-repeat; width:364px; margin:10px 0 0 0; float:left;}
.logo a {display:block; height:102px;}
.fullban {/*width:468px; height:60px;*/ float:right; /*margin:6px -468px 0 0; position:absolute; z-index:2; right:50%;*/}
.ie6 .fullban {margin-right:-234px;}
.aberto {
clip:rect(0,468,300,0);
}
.fechado {
clip:rect(0,468,60,0);
}

/* MENUS */
#menu {position:absolute; z-index:1; top:79px; margin:0 0 0 120px; width:708px;}
.ie #menu {left:50%; margin:0 0 0 -354px;}
#menu li {display:inline; float:left;}
#menu li a {background:url(../imagens/principal/menu.gif) no-repeat; display:block; height:41px; text-indent:-99999px;}
#menu li a.mn_sociedade {background-position:0 0; width:90px;}
#menu li a.mn_sociedade:hover {background-position:0 -41px;}
#menu li a.mn_associados {background-position:-90px 0; width:86px;}
#menu li a.mn_associados:hover {background-position:-90px -41px;}
#menu li a.mn_artigos {background-position:-176px 0; width:66px;}
#menu li a.mn_artigos:hover {background-position:-176px -41px;}
#menu li a.mn_dicas {background-position:-242px 0; width:52px;}
#menu li a.mn_dicas:hover {background-position:-242px -41px;}
#menu li a.mn_noticias {background-position:-294px 0; width:68px;}
#menu li a.mn_noticias:hover {background-position:-294px -41px;}
#menu li a.mn_agenda {background-position:-362px 0; width:64px;}
#menu li a.mn_agenda:hover {background-position:-362px -41px;}
#menu li a.mn_fotos {background-position:-426px 0; width:56px;}
#menu li a.mn_fotos:hover {background-position:-426px -41px;}
#menu li a.mn_links {background-position:-482px 0; width:51px;}
#menu li a.mn_links:hover {background-position:-482px -41px;}
#menu li a.mn_contato {background-position:-533px 0; width:71px;}
#menu li a.mn_contato:hover {background-position:-533px -41px;}
#menu li a.mn_casosclinicos {background-position:-602px 0; width:104px;}
#menu li a.mn_casosclinicos:hover {background-position:-602px -41px;}

/* menurodape */
#menurodape {margin:0 auto; height:25px; padding:10px 0 0 0}
#menurodape li {display:inline;}
#menurodape li a {font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; margin:0 30px 0 0;}
#menurodape li a:hover {color:#f9b1b1; text-decoration:none;}

/* CONTEUDO */
#conteudo {padding-bottom:156px; width:920px; margin:0 auto; min-width:920px;}
.imgborda {padding:5px; border:1px solid #5a5b5e; margin:10px;}

/* COLUNAS DA INDEX */
div#colEsq{width:640px; float:left; padding:20px 0 0 10px; clear:both; margin:10px 0 0 0;}
div#colDir{width:230px; float:right; padding:20px 20px;text-align:left; margin:10px 0 0 0;}
.ie6 #colDir {width:200px; padding:20px 10px 0 10px;}

/* destaques index */
#destaques {float:left; text-align:left;}
#noticiasi {margin:0 0 0 20px; float:left; width:350px;}
#noticiasi li {font-size:12px; text-align:left; margin:0 0 10px 0;} 
#noticiasi li a {font:bold 12px Arial, Helvetica, sans-serif; color:#c51811;}

/* maislidos */
#maislidos {background:#fff url(../imagens/principal/degrade.gif) 0 bottom repeat-x; border:1px solid #dbe0e3; width:200px; /*height:310px;*/ margin:10px 0 0 0;padding:10px 20px 0 20px; }
#maislidos ul {text-align:left;}
#maislidos ul li {margin:0 0 10px 0;}
#maislidos ul li a {font-size:12px; color:#c51811;}
#maislidos ul li a strong {color:#5a5b5e;}

/* artigos index */
#artigosi {margin:0 15px 0 0; width:270px; float:left; text-align:left;}
#artigosi h2 {margin:0 0 10px 0;}
#artigosi li {text-align:left; font-size:12px; margin:0 0 10px 0; /*height:90px;*/}
#artigosi li a {display:block;}
#artigosi li a img {float:left; margin:0 10px 0 0; padding:3px; border:1px solid #dbe0e3;}
#artigosi li a:hover img {padding:0; border:4px solid #c51811;}
#artigosi li a strong {font-size:14px; color:#c51811;}

/* enquete */
#enquete {float:left; width:350px; margin:0; text-align:left; border-bottom:1px dotted #dbe0ea; padding:0 0 10px 0; background:#fff;}
#enquete p.pergunta {background:#fff url(../imagens/principal/degrade.gif) 0 bottom repeat-x; border:1px solid #dbe0e3; margin:10px 0 0 0; padding:10px 20px; line-height:18px; font-weight:bold; font-size:14px; text-align:left;}
/*.ie6 #enquete label {clear:both;}*/
.barra_enquete{display:block; background:url(../imagens/principal/bg_barra_enquete.gif); width:0px; height:15px; margin-left:5px; float:left;}
.barra_enquete_fim{display:block; background:url(../imagens/principal/bg_barra_fim.gif); width:2px; height:15px; float:left;}

/* boletim */
.banner2 {margin:0 0 0 -30px;}
#boletim {margin:0px 0 0 0; float:left; text-align:left;}

/* publicidade */
#publicidade {padding:15px 0 0 0; border-top:1px dotted #dbe0ea; margin:10px 0 0 0;}
#publicidadei {padding:35px 0 0 0; margin:0;}
#publicidadei ul, #publicidade ul {margin:10px 0 0 0;}
#publicidadei li, #publicidade li {text-align:left; margin:0 0 20px 0;}
#publicidadei li a img, #publicidade li a img {float:left; margin:0 10px 0 0;}
#publicidadei li a strong, #publicidade li a strong {color:#c51811;}

/* RODAPE */
div#rodape{position:absolute; bottom:0; width:100%; height:96px; left:0; background:url(../imagens/principal/bg_rodape.jpg) repeat-x; }
#rodape p {text-align:center;}

/* ASSINATURAS */
div#rodape a.qualitare{width:63px;height:21px;float:right;margin:20px 20px 0 0; background:url(../imagens/assinatura_qualitare.gif) no-repeat;}
.copy {font-size:12px; color:#c0c3c9; margin:20px 0 0 0;}

/* INTERNAS */
#tamletra {font:bold 10px Arial, Helvetica, sans-serif; float:right;}
#tamletra li {display:inline; float:left; margin:0 3px 0 0;}
#tamletra li a {font-size:12px; font-weight:bold; color:#c51811; border:1px solid #dbe0e3; padding:5px;}
.ie6 #tamletra li a {float:left;}
#tamletra li a:hover { background:#c51811; color:#fff; text-decoration:none;}

/* artigos | noticias | dicas | links | casosclinicos | agenda | fotos | associados */
#artigos, #noticias, #dicas, #links, #casosclinicos, #agenda, #associados {text-align:left; line-height:1.6em; border-bottom:1px dotted #dbe0ea; margin:0 0 20px 0; padding:0 0 20px 0;}
#fotos {text-align:left; line-height:1.6em; border-bottom:1px dotted #dbe0ea; margin:0 0 20px 0; padding:0 0 20px 0; width:100%;}
#artigos.bnone, #noticias.bnone, #dicas.bnone, #agenda.bnone {border:0;}
#busca {text-align:left; line-height:1.6em; }
#artigos h3, #noticias h3, #dicas h3, #agenda h3, #associados h3 {margin:0;}
#artigos li, #noticias li, #dicas li, #links li, #agenda li, #associados li {margin:0 0 20px 0;}
#fotos li {margin:0 20px 20px 0; width:180px; float:left; height:260px;}
#artigos li a, #noticias li a, #dicas li a/*, #associados li a*/ {display:block; height:90px;}
#fotos li a {display:block;}
#busca li a {padding:10px 0; border-bottom:1px dotted #dbe0ea; display:block;}
#artigos li a span, #noticias li a span, #dicas li a span, #links li a, #busca li a span, #agenda li a, #associados li a  {font-size:14px; font-weight:bold;}
#fotos li a span {font-size:14px; font-weight:bold;}
#agenda ul {margin:20px 0 0 0;}
#agenda li a {color:#c51811;}
#agenda li a span {color:#5a5b5e;}
#artigos li a img, #noticias a img, #dicas a img, #associados a img {margin:0 10px 0 0; float:left; padding:5px; border:1px solid #dbe0e3;}
#fotos a img {padding:5px; border:1px solid #dbe0e3; background:#fff;}
#artigos li a:hover img, #noticias li a:hover img, #dicas li a:hover img, #fotos li a:hover img, #associados li a:hover img {padding:0; border:6px solid #c51811; text-decoration:none;}
#associado img {float:left; margin:0 10px 0 0; padding:5px; border:1px solid #dbe0e3;}
#sobreautor {padding:20px; border:1px solid #dbe0e3; background:#f8f9f9;}
#sobreautor h3, #sobreautor p {margin:0;}
#comentarios {padding:0 20px;}
#comentarios h3 {border-bottom:5px solid #dbe0e3;}
#comentarios .linha_coment {border-bottom:3px solid #dbe0e3; padding-bottom:10px;}
#comentarios .nome_coment {font-size:16px; font-weight:bold;}
#comentarios .data_coment {margin:0;}
#casos_menu p a {font-weight:bold;}

/* downloadArea */
#downloadArea {text-align:left;padding:10px;}
#downloadArea li {list-style:inside circle;margin-bottom:5px;}

/* tabelas */
table {margin:20px 0 0 0;}
td {border-bottom:1px solid #ccc; padding:5px;}
.tittd {background:url(../imagens/internas/bg_tabela.gif) repeat-x; color:#fff; font-weight:bold; text-align:center;}
.impar {background:#eee;}
.subtit {color:#c20608; margin:20px 0 0 0; font-size:16px;}


/* TÍTULOS */
#titulo {height:15px; padding:20px 10px; text-align:left;}
.ie6 #titulo {padding:18px 10px;}
.titulos {background:url(../imagens/principal/titulos.gif) no-repeat; height:18px; margin:0; font-size:0;}
.titulosp {background:url(../imagens/principal/titulos.gif) no-repeat; height:12px;}
.ie6 .titulosp {font-size:0;}
.tit_sociedade {background-position:0 0; width:141px;}
.tit_associados {background-position:0 -24px; width:138px;}
.tit_artigos {background-position:0 -50px; width:93px;}
.tit_noticias {background-position:0 -70px; width:97px; height:21px;}
.tit_agenda {background-position:0 -100px; width:87px;}
.tit_fotos {background-position:0 -125px; width:69px;}
.tit_links {background-position:0 -150px; width:61px;}
.tit_contato {background-position:0 -176px; width:97px;}
.tit_dicas {background-position:0 -201px; width:64px;}
.tit_busca {background-position:0 -226px; width:72px;}
.tit_areai {background-position:0 -247px; width:166px; height:21px; margin:15px 0 0 0;}
.tit_area {background-position:0 -247px; width:166px; height:21px; margin:0;}
.tit_casosclinicos {background-position:0 -272px; width:177px; height:21px;}
.titp_destaques {background-position:-156px 0; width:88px;}
.titp_maislidos {background-position:-159px -16px; width:81px;}
.titp_artigos {background-position:-159px -33px; width:63px;}
.titp_enquete {background-position:-159px -50px; width:67px;}
.titp_publicidade {background-position:-159px -67px; width:94px;}
.titp_boletim {background-position:-159px -80px; width:156px; height:15px;}
.titp_ultimas {background-position:-159px -97px; width:129px; height:15px}
.titp_localizacao {background-position:-159px -114px; width:101px; height:17px}
.titp_outrasnoticias {background-position:-159px -131px; width:127px; height:17px;}
.titp_outrosartigos {background-position:-159px -150px; width:125px;}
.titp_outrasdicas {background-position:-159px -168px; width:104px;}
.titp_outroscasos {background-position:-159px -184px; width:111px;}
.titp_outroseventos {background-position:-159px -184px; width:111px;}
.tit_meusdados {background-position:0 -302px; width:138px;}
.titMesGlaucoma {background:url(../imagens/principal/barra_glaucoma.gif) no-repeat; width:637px; height:39px; margin:0 0 15px 0; font-size:0;}
.tit-eventos {background-position:0 -327px; width:97px;}

/* botoes */
.botoes {background:url(../imagens/principal/bg_botoes.gif) repeat-x; border:1px solid #dfdfdf; font-size:11px; font-weight:bold; color:#fff; padding:3px 10px; cursor:pointer; width:100px; text-align:center;}
.botoes2 { background:url(../imagens/principal/botoes.gif) no-repeat; width:192px; height:50px; text-indent:-99999px; display:inline; float:left;  border:5px solid #ccc; margin:20px 20px 0 0;}
.bt_meusdados {background-position:0 -100px;}
.bt_meusdados:hover, .bt_cadartigos:hover, .bt_cadcasos:hover, .bt_sair:hover {border:5px solid #c51811;}
.bt_cadartigos {background-position:0 -50px;}
.bt_cadcasos {background-position:0 0;}
.bt_sair {background-position:0 -150px;}
/*.ie6 .botoes {margin:10px 0 0 0;}*/
a.bt_todas {margin:10px 0 0 0;}
.botoes:hover {text-decoration:none; color:#f9b1b1;}

/* FORMS */
fieldset{margin:0;padding:0;border:none;}
form *{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#434448; text-align:left;}
form input {border:1px solid #ccc; padding:3px; font-size:12px; float:left;}
form label {display:block; float:left; text-align:right; font-size:14px; font-weight:bold; color:#c51811; margin:5px 3px 0 0; width:130px;}
form select {font-size:12px; float:left; width:100%; background:none; border:none;}
.forms {background:url(../imagens/principal/forms.gif) no-repeat; width:440px; height:22px; border:0; padding:6px; margin:0 0 10px 0;}
.input_maior {background-position:0 0;}
.input_medio {background-position:0 -36px; width:214px;}
.input_menor {background-position:-228px -36px; width:140px;}
.textarea {background-position:0 -72px; height:192px; overflow:auto; float:left;}
.fbotoes {background:url(../imagens/principal/bg_botoes.gif) repeat-x; border:1px solid #dfdfdf; font-size:12px; font-weight:bold; color:#fff; padding:3px 5px; margin:10px 10px 0 0; text-align:center; cursor:pointer;}

#form_contato select {background:#f3f3f3; width:180px; color:#36383b; padding:2px;}
select option {color:#36383b; padding:3px 5px;}
option.opt1 {background:#f0f0f0;}
option.opt2 {background:#fff;}

/* busca */
#form_buscar {/*float:right;*/ margin:10px 0 0 20px;}
.ie6 #form_buscar {margin-right:2px;}
#form_buscar input, #form_restrita input {font-weight:bold; color:#434448; margin:0 2px 0 0;}
#form_buscar input.bt_buscar {color:#fff; padding:2px; font-size:14px; width:80px; height:30px; cursor:pointer;}
/* arearestrita */
#form_restrita {margin:15px 0 0 0;}
#form_restrita label {width:50px; color:#434448;}
#form_restrita input {width:100px;}
#form_restrita input.bt_ok {color:#fff; padding:2px; width:30px; margin:0 0 0 3px; cursor:pointer;}
/* enquete */
#form_enquete {text-align:left;}
#form_enquete label {font-weight:bold; text-align:left; margin:0 0 10px 0; float:left; background:#fff; clear:both; width:100%;}
.ie6 #form_enquete label {margin:0;}
#form_enquete label input {margin:0 5px 0 0; border:none;}
.ie6 #form_enquete label input {margin:0;}
/* boletim */
#form_boletim {margin:10px 0 0 0; width:300px;}
#form_boletim input {float:left; width:200px; margin:0 0 5px 0; color:#434448;}
#form_boletim label {width:50px; text-align:right; margin:3px 5px 0 0;}
#form_boletim input.bt_ok {color:#fff; padding:2px; width:30px; margin:0 0 0 3px; cursor:pointer;}
.ie6 #form_boletim input {clear:right;}
/* contato | login */
#form_contato, #form_coment, #form-inscricao {width:555px; margin:20px 0 0 0;}
#form_login {width:334px; margin:20px 0 0 0;}
.ie6 #form_contato {width:560px;}
#form_contato label, #form_login label, #form_coment label, #form-inscricao label {width:95px; font-size:14px; font-weight:bold; color:#c51811; text-align:right;}
#form_contato input.bt_enviar, #form_coment input.bt_enviar, #form_meusdados input.bt_enviar, #form_cadartigo input.bt_enviar, #form-inscricao input.bt_enviar{margin:10px 0 0 0; font-size:14px;}


/*################################## NAVEGAÇÃO ##############################################*/
/* paginacao */
#paginacao {margin:0 auto;}
#paginacao li {display:inline; margin:0 0 0 3px;}
#paginacao li a {background:url(../imagens/principal/bg_botoes_off.gif) no-repeat; color:#fff; text-align:center; font-weight:bold; padding:3px 5px; border:1px solid #ccc;}
#paginacao li a:hover {background:url(../imagens/principal/bg_botoes.gif) no-repeat; color:#fff; text-decoration:none;}
#paginacao li.pgoff {font-weight:normal; color:#666;}
#paginacao li a.pgpro, #paginacao li a.pgant {background:none; border:none; color:#5a5b5e;}
#paginacao li a.pgpro:hover, #paginacao li a.pgant:hover {background:none; color:#b32f10; text-decoration:underline;}
#paginacao li a.pgsel {background:url(../imagens/principal/bg_botoes.gif) no-repeat; color:#fff; text-decoration:none;}

	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
/*display: none;*/
	float:right;
	width:550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('/imagens/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	float:left;
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
.ie6 div.navigation {
	width:350px;
}
ul.thumbs {
	width:350px;
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}