﻿/*--------------------
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;}
.fLeft { float:left; width:2px;}
.fRight { float:right}

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;}
.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;}
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; text-align:left;}
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:528px; min-height:160px; margin-bottom:4px;}
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.downloadManual { float:left; background:#fff; padding:10px 0 10px 10px; width:528px; min-height:160px;}
div.downloadManual em { font-size:12px; margin-top:20px; display:block; line-height:80%;}
div.downloadManual img.baixarPDF { margin:5px;}
div.downloadManual img.manual { float:left; margin:8px;} 
a.btBaixar { background: #B14463; border: 1px solid #77203A; color:#fff; float:right; padding:8px; margin:20px 100px 20px 0px; width:200px; text-decoration:none; display:block; text-align:center;}
a.btBaixar:hover { background:#9A3A55;}
a.btBaixar span { color:#fff; font-size:20px; font-weight:bold; display:block;}
a.btBaixar dfn { color:#fff; font-size:12px;}
div.painel { z-index:1; display:block; float:right;  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:left;}
.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;}
/*-------------------------------
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;}


