/*--------------------
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
----------------------*/

/*--------------------
       Debug mode
----------------------
div, p, h5 { border:1px dashed #ccc;}
*/
/*Bordas arredondadas*/
.round{ border-radius:5px; -moz-border-radius:5px;}
.roundButton{ border-radius:10px; -moz-border-radius:10px;}
.homeButton{ border-radius:10px; -moz-border-radius:10px;}
.hidden{ display:none;}

div.administracao{ margin:10px; padding:5px; min-height:400px; }
.admenu {padding:0 5px 0 5px; margin-bottom:5px; background:#B14463; border:1px solid #77203A; text-align:center;}
/*  Administração Menu   */
.admenu {padding:0 5px 0 5px; margin-bottom:5px; background:#B14463; height:36px; border:1px solid #77203A; text-align:center;}
.admenu li a { color:#fff;}
.admenu a {font: normal bold 16px Arial; display:inline-block; text-decoration:none; padding:8px; margin:0;}
.admenu span { color:#fff;}
.admenu>a:hover, .admenu>a.destaque { background:#9A3A55;}
.admenu li { display:inline;}
.admenu li a{ display:inline-block; min-width:110px; font: normal bold 16px Arial; text-decoration:none; padding:8px; margin:0;}
.admenu li a:hover, .admenu li a.destaque { background:#9A3A55;}

ul.menu-layout { position:relative; list-style: none;}
.menu-layout li { float:left; cursor:pointer }
ul.menu-layout li ul{ background:#B14463; display:none; position:absolute; margin:0px; z-index:99998; width:200px; height:auto;}
ul.menu-layout li ul li { background:#B14463; float:left; clear:both; width:200px; list-style: none; text-align:left; }
ul.menu-layout li ul li a { color:#fff; width:184px; }
li.menu-default { background:#B14463; }
li.submenu-default { width:200px; background:#B14463; }
li.submenu-hover { background:#9A3A55; }
ul.menu-layout li ul li ul { position:absolute; z-index:99999; }

div.avisos { overflow:hidden; cursor:pointer; float:left; width:295px; margin: 0 2px 5px 3px; padding:10px 10px 0 10px;}
div.avisos>strong { display:block; font-size:14px; padding: 5px; margin-bottom:5px; text-align:right;}
div.avisos>div { word-wrap:break-word; overflow:auto;}
div.avisos>span { font: normal normal 12px Arial; color: #666;}
div.minimizado{height:53px;}
div.maximizado{height:300px;}
div.extratos, div.recibos { float:left; width:474px; margin:0 2px 0 3px; padding:10px 0 10px 0;}
div.tabela {padding:10px 0 10px 0;}
div#filtro{ margin-bottom:5px; padding:5px; text-align:center;}
div#filtro>div { width:860px; text-align:center;}
div#filtro>div>span { display:inline-block; padding:5px;}
div#filtro>div>span>label { display:block; width:auto; font-size:11px; text-align:left;}
div#filtro>img{ float:left; margin-right:20px;}
div#filtro>input[type=image] { margin:10px 4px 0 4px;}
div.resultadoUsuario{ float:left; background:#fff; padding:10px 0 10px 10px; width:526px; height:160px;}
div.resultadoUsuario label{ display:inline-block; width:80px; font-size:12px;}
div.resultadoUsuario span { font-size:12px; }
div.resultadoUsuario>div { width:400px; float:left;}
div.resultadoUsuario>div.opcoesUsuario { width:100px; float: right; padding-top:30px;}
div.resultadoUsuario>div.opcoesUsuario>a { height:20px; display:block; z-index:3; width:100%; text-decoration:none; position:relative; right:33px; margin-bottom:5px; padding:4px 20px 4px 20px; }
div.resultadoUsuario>div.opcoesUsuario a.btCurrent { background:#FCF3F5; border: 1px solid #F0BFCC; border-right:none;}
div.painel { z-index:1; display:block; float:left;  padding:10px; width:400px;  margin-left:6px;  }
div.painel>div {height:400px; overflow-y:scroll; width:398px;}
div.painel div table { border: 1px solid #fff; font-size:12px; width:370px; }
div.painel div table td { text-align: left;}
div.dados { padding:30px 10px 10px 10px; width:576px; float:left;}
div.dados>div { width:400px; float:left;}
div.dados>div.opcoesUsuario { width:100px; float: right; padding-top:30px;}
div.dados>div.opcoesUsuario>a { height:20px; display:block; z-index:3; width:100%; text-decoration:none; position:relative; right:21px; margin-bottom:5px; padding:4px 20px 4px 20px; }
div.dados>div.opcoesUsuario a.btCurrent { background:#FCF3F5; border: 1px solid #F0BFCC; border-right:none;}
div.alterarDados { width:340px; padding:10px; float:right; z-index:1;}
div.alterarDados>em { font-size:12px; margin-bottom:20px; display:block;}
div.alterarDados>span { display:block; padding:5px; width:auto;}
div.alterarDados>span>label { display:block; width:auto; font-size:11px; text-align:left;}
div.alterarDados>img{ float:left; margin-right:20px;}
/*-------------------------------
Tabelas em geral da administração
----------------------------------*/
table { background:#FDF9FA; width:100%; } 
table td{ font-size:12px; vertical-align:middle; text-align:center; padding: 4px 10px 3px 10px; overflow-x:hidden;}
table tr.alternate td, .alternate { background:#FCF3F5; }
table tr td { background:#FDF9FA;}
tr:hover { background:#f00;}
th { background:#FCF3F5; height:30px; vertical-align:top; padding: 4px 10px 4px 10px;}
td { padding:4px 10px 4px 10px;}
td>a, td>a:link, td>a:visited{ text-decoration:none;}
td>a:hover { text-decoration:underline;}
/*td>table = páginação das tabelas*/
td>table { width:auto; margin:0 auto;}
td>table td { padding:0;}
td>table td>span { background:#B14463; color:#fff;}
td>table span, td>table a { display:inline-block; width:30px; background:#FCF3F5; height:26px; padding-top:10px;}
td>table a:hover { background:#B14463; color:#fff; text-decoration:none;}
/*-------------------------------
Tela de login
----------------------------------*/
table.loginEntrada, table.loginEntrada tr, table.loginEntrada td { background:none; width:100%; margin:0; padding:0;}
.loginEntrada td { text-align:left;}
.loginEntrada label{ display:inline-block; width:140px; font-size:12px; padding-top:12px; text-align:right;}
.loginEntrada span { font-size:14px; }
.loginEntrada strong { font-size:14px; color: #f00; display:block; padding-top:13px; }
.loginEntrada a { margin-top:14px; display:inline-block; padding:3px;}
.displayHint { cursor:pointer;}
.hintWindow {position:absolute; display:none; border:1px solid #666; max-width:500px; min-width:100px; padding:5px; z-index:999; background:#fff; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:5px 5px 5px #888;-moz-box-shadow:5px 5px 5px #888; -box-shadow:5px 5px 5px #888;}
.hintWindow span { font-size:9pt; color:#666;}
/*-------------------------------
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;}