/*--------------------
Uniodonto Rio
www.uniodontorio.com.br
CSS 3.0
CSS 2.1 compatível
----------------------
       Cores
----------------------
#fbf4c7 fundo amarelo
#d7ca78 borda amarela
#B14463 fundo bordo
#77203A borda bordo
#FDF9FA fundo rosa
#FCF3F5 fundo rosa2
#F0BFCC borda rosa
----------------------
     Css reset
--------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; } img, fieldset { border: 0; } body, select, input, textarea { font: 100%  arial, helvetica, sans-serif; color:#666; } #container { font-size: 0.8em; width: 760px; margin: 0 auto; } h1, h2, h3, h4, h5, h6 { padding-bottom: 0.8em; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; } p { padding-bottom: 1.2em; } .error { font-weight: bold; } .confirmation { font-weight: bold; } div.fieldset { border: solid 1px #999; padding: 1em; margin: 1em 0; } legend span { display: block; font-weight: bold; font-size: 1.4em; }  * { margin:0; padding:0; list-style:none; vertical-align:baseline; color: #666;}
body { background:#f5f5f5; padding:0; margin:0; font-family: Arial;}
a, a:hover, a:link, a:visited { color:#666;}
.botao{border:none; padding:0; margin: 10px 0 0 10px;}
.roundButton{ border:1px solid #F0BFCC; margin:30px 4px 0 30px; background: #fafafa; padding:4px; height:36px; width:130px; cursor:pointer; display:block;}
.roundButton:hover{ background:#B14463; border:1px solid #77203A; color:#fff;}
.homeButton{ border:1px solid #ccc; margin:30px 4px 0 30px; background: #fff; padding:4px; height:40px; width:135px; cursor:pointer; display:block;}
.alerta { display:block; padding:5px; background: #B14463; border: 1px solid #77203A; margin:10px 3px 10px 3px; text-align:center; color: #fff; font: bold bold 12ps Arial;}

.boxAmarelo{ border:1px solid #d7ca78; background:#fbf4c7;}
.boxAmarelo input { border:1px solid #d7ca78;}
.boxBordo{border:1px solid #77203A; background:#B14463;}
.boxBranco{border:1px solid #ccc; background:#fff;}
.boxRosa{border:1px solid #F0BFCC; background:#FCF3F5;}
.boxRosa input { border:1px solid #F0BFCC;}

.input{ background:#fff;}
.fright{float:right;}
.fleft{float:left;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.hidden{display:none;}
.clear{clear:both; border:0; margin: 0; padding: 0 ;}
.ui-tabs .ui-tabs-hide { display: none; }
.alternate {background:#f7f7f7}
.titulo {width:980px; height:70px; background: URL(http://www.uniodontorio.com.br/recursos/imagens/faixa_interna.jpg) no-repeat; margin:0 10px 0 10px;}
.titulo>h1 {color:#fff; font: normal bold 26px/1 Arial; padding: 10px 0 10px 10px;}
/*----------
Home page
----------*/
.mestre{ position:relative; margin: 0 auto; width:1000px;  background:URL(http://www.uniodontorio.com.br/recursos/imagens/header.gif) no-repeat #fff;}
.logotipo img{border:none; z-index:1;}
.logotipoImpressao, #cabecalhoImpressao { display:none;}
#menu {float:right; width:auto; font: normal bold 16px Arial; margin:44px 10px 0 0;}
#menu ul {margin:0; padding:14px 10px 20px 50px;}
#menu li {display:inline; margin:0; padding:0;}
#menu a {float:left; background:url("http://www.uniodontorio.com.br/recursos/imagens/menu.gif") no-repeat left top; margin:0; padding:0 0 0 10px; text-decoration:none; margin-left:10px;}
#menu a span {float:left; display:block; background:url("http://www.uniodontorio.com.br/recursos/imagens/menu.gif") no-repeat right top; padding:10px 13px 6px 5px; }
#menu a:hover span {color:#fff; cursor: pointer;}
#menu a:hover {background-position: 0% -40px;}
#menu a:hover span {background-position:100% -40px;}
#dockmenu {float:right; width:auto; margin: 10px 10px 6px 0;}
#dockmenu li {display:inline;}
#dockmenu img {border:none;}
#dockmenu a {background:URL("http://www.uniodontorio.com.br/recursos/imagens/dockmenu.gif"); text-decoration:none; display:inline-block; margin:0; padding:0; width:30px; height: 30px;}
#dockmenu a:hover { background-position: 0% -30px; cursor:pointer;}
#dockmenu a.telefone {width: 240px; cursor:default; background-position: 0px -60px;}
#dockmenu a.arearestrita {background-position: -90px 0px; width: 150px;}
#dockmenu a.arearestrita:hover { background-position: -90px -30px; cursor:pointer;}
#dockmenu a.contato {background-position: -30px 0px;}
#dockmenu a.contato:hover {background-position: -30px -30px; cursor:pointer; }
#dockmenu a.sitemap {background-position: -60px 0px;}
#dockmenu a.sitemap:hover {background-position: -60px -30px; cursor:pointer;} 
.banner_home{padding:0 0 20px 10px;}
.boxconteudo{width:312px; margin:0 0 20px 8px; background:URL(http://www.uniodontorio.com.br/recursos/imagens/h1_bg.gif) no-repeat; padding: 6px;}
.boxconteudo>img {float:left}
.boxconteudo p {font:normal normal 14px Arial; margin-top:10px;}
.boxconteudo h2 {color:#9F2349; height:40px; padding:0; margin:0;}
.boxconteudo a { border:0; padding:0;}
.boxconteudo input, .boxconteudo select { width:140px; margin-top: 5px; border:none; font-size: 12px; background:#efefef;}
.boxconteudo label { width:80px; display: inline-block;}
.boxconteudo textarea { width:240px;  margin-top: 5px; border:1px solid #dedede; font-size: 12px;}
.rodape{border-top: 10px solid #ccc; padding-bottom:30px; font:normal normal 12px Arial;}
.rodape div {width:600px; margin: 0 auto;}
.rodape div p {text-align:right; float:left; margin:0;}
.rodape img.imgUniodonto { margin: 0 auto; display:block; padding: 30px 0 10px 0;}
/*---------------------
janela da área restrita
----------------------*/
#janelalogin { padding:0; margin:0; width:330px; position:absolute; top:10px; left: 602px; font: normal normal 14px Arial; z-index:128; }
#janelalogin>div.teto { height:60px; background:URL("http://www.uniodontorio.com.br/recursos/imagens/login_background.png") no-repeat; padding: 0 10px 0 0;}
#janelalogin div#fecharlogin { width:130px; height:30px; cursor: pointer; float:right; }
#janelalogin>div.miolo { background:URL("http://www.uniodontorio.com.br/recursos/imagens/login_background2.png") repeat-y; padding:10px 20px 10px 10px;}
#janelalogin div.miolo li a {  background:URL(http://www.uniodontorio.com.br/recursos/imagens/dockmenu.gif) no-repeat; display:inline-block; width:260px; height:25px; padding:5px 0 0 40px; margin: 5px 0 0 0}
#janelalogin div.miolo li a:hover { background-color:#fff;}
#janelalogin div.miolo li a:hover,
#janelalogin div.miolo li a:link,
#janelalogin div.miolo li a:visited { font: normal bold 14px Arial; text-decoration: none;}

#janelalogin div.miolo li#cooperados a { background-position: -240px 0px;}
#janelalogin div.miolo li#raiox a { background-position: -240px -30px;}
#janelalogin div.miolo li#emergencia a { background-position: -240px -60px;}
#janelalogin div.miolo li#clientes a { background-position: -240px -90px;}
#janelalogin div.miolo li#intercambio a { background-position: -240px -120px;}
#janelalogin div.miolo li#corretoras a { background-position: -240px -150px;}
#janelalogin div.miolo li#unimed a { background-position: -240px -180px;}
#janelalogin div.miolo li#parceiros a { background-position: -240px -210px;}

#janelalogin div.piso { height:30px; background:URL("http://www.uniodontorio.com.br/recursos/imagens/login_background.png") no-repeat bottom;}
/*---------------
guia-dental.aspx
---------------*/
.guiaDental { padding:10px;}
.guiaDental>h2 { font: normal bold 22px Arial;}
.guiaDental .busca { width:320px; border: 1px solid #ccc; padding:0;}
.guiaDental .busca li{ float:left; text-align:center;}
.guiaDental .busca li a { background:#efefef; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width:158px; height:30px; padding-top: 10px; display:block; font: normal bold 16px Arial;}
.guiaDental .busca li.ui-state-active a , .guiaDental .busca li.ui-state-active a:hover { background:#fff;}
.guiaDental .busca li a:hover { background:#f7f7f7;}
.guiaDental .busca li a, .guiaDental .busca li a:link, .guiaDental .busca li a:hover, .guiaDental .busca li a:visited { text-decoration: none; }
.guiaDental select, .guiaDental input { font: normal normal 12px Arial; margin: 5px 0 0 0; }
.guiaDental label { display:block; font: normal normal 12px Arial; padding: 10px 0 0 0;}
.guiaDental #tabs1 { padding:10px;}
.guiaDental #tabs1 .aviso { width:260px; margin:10px; background:#efefef; padding:10px; font: normal normal 14px Arial; position:absolute; top:610px;}
.guiaDental #tabs2 { margin: 0 4px 10px 4px;}
.guiaDental #tabs2>div { border-bottom:1px solid #ccc; padding: 10px;}
.guiaDental #tabs2 div h6{ color:#9F2349; width:100%; padding: 0; margin:0;}
.guiaDental #tabs2 div strong{ display:block; width:100%; font: normal bold 14px Arial; }
.guiaDental #tabs2 div em{ font: normal normal 12px Arial;}
.guiaDental #tabs2>span { font: normal normal 14px Arial; display:inline-block; width:100%; text-align:center; margin-top:10px; }
.guiaDental #tabs2>span>span, .guiaDental #tabs2 span>input { color: #fff;  display: inline-block; background:#666; padding: 4px;}
.guiaDental #tabs2 a,
.guiaDental #tabs2 a:link,
.guiaDental #tabs2 a:visited { text-decoration:none; display:inline-block; padding: 4px;}
.guiaDental #tabs2 a:hover { background:#efefef; }
.guiaDental #tabs2 a.btPaginacao { font: normal normal 14px Arial;}
.guiaDental #tabs2 a.btPaginacao,
.guiaDental #tabs2 a.btPaginacao:link,
.guiaDental #tabs2 a.btPaginacao:visited { text-decoration:none; display:inline-block;}
.guiaDental #tabs2 a.btPaginacao:hover { color:#fff;}
.guiaDental .mapa{width:640px; height:510px; border: 1px solid #ccc;}
/*--------------
quem-somos.aspx
---------------*/
.quemSomos {line-height:180%;}
.quemSomos, .quemSomos h5, .quemSomos p{ padding:10px;}
.quemSomos li {margin-left:120px; list-style-type:disc;}
.quemSomos .missao { width:550px;}
/*-----------------------
dicas-de-saude-bucal.aspx
-------------------------*/
.dicas {padding:10px;}
.dicas .topicos { width:670px;}
.dicas h2 { margin-top:20px; font-size:24px;}
.dicas .topico { background:URL("http://www.uniodontorio.com.br/recursos/imagens/dicas_saude_h1.gif") no-repeat; font: normal bold 18px Arial; padding-top:10px;}
.dicas p { text-align:left; font-size:14px; }
/*--------------
mapa-do-site.aspx
---------------*/
.mapaSite { padding:10px;}
.mapaSite li { padding: 10px 0 0 40px; font-size:16px;}
.mapaSite a { text-decoration:none;}
.mapaSite a:hover { text-decoration:underline;}
/*----------
planos.aspx
-----------*/
.planos { padding:10px; overflow:hidden; margin-bottom:10px;}
.planos>div { width:320px; padding-top:10px; margin-bottom: -2000px; padding-bottom: 2000px;}
.planos>div#planoN {background: #EAEFEA;}
.planos>div#planoN1 {background: #F6EBEE;}
.planos>div#planoN2 {background: #FFF5EA;}
.planos>div#planoN,.planos>div#planoN1 { margin-right:10px;}
.planos>div>div { text-align:center;}
.planos>div>span { text-align:left; padding: 20px 10px 20px 10px; display:block;}
.planos>.column>h2 { display:none;}
/*------------------
unidades-brasil.aspx
-------------------*/
.rede { padding:10px;}
.rede>h2 { font: normal bold 22px Arial;}
.rede .busca { width:320px; border: 1px solid #ccc; padding:0;}
.rede .busca li{ float:left; text-align:center;}
.rede .busca li a { background:#efefef; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width:158px; height:30px; padding-top: 10px; display:block; font: normal bold 16px Arial;}
.rede .busca li.ui-state-active a ,
.rede .busca li.ui-state-active a:hover { background:#fff;}
.rede .busca li a:hover { background:#f7f7f7;}
.rede .busca li a, .rede .busca li a:link, .rede .busca li a:hover, .rede .busca li a:visited { text-decoration: none; }
.rede select, .rede input { font: normal normal 12px Arial; margin: 5px 0 0 0; }
.rede label { display:block; font: normal normal 12px Arial; padding: 10px 0 0 0;}
.rede #tabs1 { padding:10px;}
.rede #tabs2 { margin: 0 4px 10px 4px;}
.rede #tabs2>div { border-bottom:1px solid #ccc; padding: 10px;}
.rede #tabs2 div h6{ color:#9F2349; width:100%; padding: 0; margin:0;}
.rede #tabs2 div strong{ display:block; width:100%; font: normal bold 14px Arial; }
.rede #tabs2 div em{ font: normal normal 12px Arial;}
.rede #tabs2>span { font: normal normal 14px Arial; display:inline-block; width:100%; text-align:center; margin-top:10px; }
.rede #tabs2>span>span, .rede #tabs2 span>input { color: #fff;  display: inline-block; background:#666; padding: 4px;}
.rede #tabs2 a,
.rede #tabs2 a:link,
.rede #tabs2 a:visited { text-decoration:none; display:inline-block; padding: 4px;}
.rede #tabs2 a:hover { background:#efefef; }
.rede #tabs2 a.btPaginacao { font: normal normal 14px Arial;}
.rede #tabs2 a.btPaginacao,
.rede #tabs2 a.btPaginacao:link,
.rede #tabs2 a.btPaginacao:visited { text-decoration:none; display:inline-block;}
.rede #tabs2 a.btPaginacao:hover { background:#666; color:#fff;}
.rede .mapa{width:980px; height:510px; border: 1px solid #ccc;}
/*----------
Contato
----------*/
.contato { padding: 10px;}
.contato .formularioContato {width: 550px; background:url(http://www.uniodontorio.com.br/recursos/imagens/formularioContato.gif) no-repeat 1px 60px;}
.formularioContato label { display:inline-block; width: 150px; padding-top:10px;}
.formularioContato input { margin-top:5px;}
.formularioContato textarea { margin-top:10px;}
.formularioContato div { border:1px solid #ccc; margin-top:20px; padding:10px;}
.contato .comoChegar { width: 410px; background:url(http://www.uniodontorio.com.br/recursos/imagens/comoChegar.gif) no-repeat 1px 60px;}
.contato .comoChegar>p { font: normal normal 12px Arial;}
.comochegar #txtinput { padding:5px;}
.comoChegar #bt_Go { margin-top:0; padding:0; position:absolute;}
.comoChegar .mapa { border:1px solid #ccc;  width: 400px; height: 250px; margin-top:20px;}
/*--------------
Áreas restritas
--------------*/
div.entrada { margin:10px; padding:5px;}
.entrada div.aviso{ margin-left:5px; padding:10px; text-align:left; float:left; width:698px; min-height:194px;}
.aviso p { font: normal normal 12px Arial;}
.aviso img{ float:left;}
.entrada div.formularioLogin { width:220px; padding:10px; float:left;}
div.formularioLogin>em { font-size:12px; margin-top:20px; display:block;}
div.formularioLogin>span { display:block; padding:5px; width:auto;}
div.formularioLogin>span>label { display:block; width:auto; font-size:11px; text-align:left; padding-left:5px;}
.entrada div.novoCadastro { padding:10px; width:660px; margin:0 auto;}
div.novoCadastro>em { font-size:12px; margin-top:20px; display:block;}
div.novoCadastro>span { display:inline-block; padding:5px; width:auto;}
div.novoCadastro>span>label { display:block; width:auto; font-size:11px; text-align:left; padding-left:5px;}

/*-------------------------------
Aviso Urgente
----------------------------------*/
div.avisoUrgente {
position:fixed; background: #fff; width:330px; top:180px; left: 38%;
border:2px solid #666; border-radius:8px; -moz-border-radius: 8px;}
div.avisoUrgente h1 { font: normal bold 18px Arial; color: #333; background:#ccc; padding:5px; border-radius:8px 8px 0 0; -moz-border-radius: 8px 8px 0 0;}
div.avisoUrgente a.btFechar { position:relative; float:right; background:#900; border:1px solid #600; display:block; color:#fff; font-weight:bold; padding: 2px 5px 2px 5px; text-decoration:none; top: -28px; right: 4px; border-radius:4px; -moz-border-radius:4px;}
div.avisoUrgente a.btFechar:hover { background: #b00;}
div.avisoUrgente p { font: normal normal 16px Arial; padding:8px;}
div.avisoUrgente img { float:left; padding:5px;}

.avisoErro{ width:300px;}