@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Abel');


/* RESET */
* { margin:0; padding:0; list-style:none; border:0; vertical-align:baseline; font-family: 'Abel', sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* tap-hig... removendo quadro azul links mobile */
h1, h2, h3, h4, h5, h6 { font-weight:400; }
img, picture, video, embed { max-width: 100%; } /* truque para deixar as imagens e outros elementos adaptáveis */
a { color:#007AFF; text-decoration:none; outline:none }
a:hover { text-decoration:underline; }
input:focus, button:focus, textarea:focus, select:focus { outline: none; }
input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; } 

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance:textfield; }
/* remover setas contador input tipo number */

.clearfix:before,.clearfix:after { content: " "; display: table; } 
.clearfix:after { clear: both; } 
.clearfix { *zoom: 1; }
/* fazer com que todos elementos fiquem dentro da div #conteudo por exemplo */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* todos os elementos agora levarão em conta apenas a largura e altura determinada, sem somar a este valor a borda e o padding */


/* BASE */
html, body { height:100%; }
body { color:#000; font-size:16px; }
#tudo { position:relative; float:left; width:100%; height:100%; min-width:320px; background:#6FB94F url(imagens/bg.jpg) no-repeat center bottom; background-size:cover; }
.central { float:left; width:100%; padding:0 20px; }


/* LOGIN */
.logo-login { width:202px; height:140px; margin:40px auto; font-size:0; }
h3 { color:#fff; font-size:20px; text-align:center; margin-bottom:20px; }

.form-coluna { float:left; width:100%; padding:0 10px 10px 0; }
.form-coluna.coluna2 { width:50%; }
.form-coluna label { float:left; width:100%; margin-bottom:10px; }
.form-coluna label.coluna2 { width:50%; padding-right:10px; }

.caixa { width:100%; height:40px; font-size:16px; color:#333; text-indent:15px; border:0; background:#fff; }
.caixa:focus { border:1px solid #598C3B; }
.botao-form { width:100%; height:40px; font-size:20px; text-align:center; color:#fff; cursor:pointer; background:#F7931E; box-shadow:0px 2px 2px rgba(0,0,0,0.3); }
a.link-senha { color:#fff; text-decoration:underline; }
a.link-cadastro { color:#354214; text-decoration:underline; margin-top: 5px; font-weight: bold; display: inline-block; }

/* HEADER */
#header { float:left; width:100%; background:#71BA4D; text-align: center; }
#header .logo { width:120px; height:83px; margin:20px auto; font-size:0; }
#header h2 { color:#fff; font-size:20px; text-align:center; text-transform:uppercase; }
#header h2 a { color: #000; text-transform: capitalize; }
#header .link-preco { margin:10px 0 20px 0; color: #000; display: inline-block; text-decoration: underline; font-weight: 600; }

.menu { float:left; width:100%; }
.menu li { font-size: 16px; float:left; width:33.33%; height:40px; line-height:40px; text-align:center; border-right:1px solid #ccc; margin-bottom:20px; background:#E6E6E6; overflow: hidden; }
.menu li:last-child { border:0; }
.menu li a { display:block; font-weight: 600; }
.menu li a.selecao { color:#fff; cursor:default; text-decoration:none; background:#F7931E; }

/* EXAMES */
.exames { float:left; width:100%; }
.exames a { display:block; float:left; width:100%; padding:10px 20px; border-bottom:1px dashed #ccc; background:url(imagens/seta.png) no-repeat; background-position: 97% 20px; background-size: 10px 16px; }
.exames a .icone { display:block; float:left; width:30px; font-size:0; }
.exames a .info { float:left; width:calc(100% - 30px); padding-left:10px; margin-top:-4px; }
.exames a .info .data { color:#000; }
.exames a .info .titulo { text-transform:uppercase; }


.exames-detalhes { float:left; width:100%; padding:10px 20px; }
.exames-detalhes .info { float:left; width:100%; }
.exames-detalhes .info .data { color:#808080; }
.exames-detalhes .info .titulo { text-transform:uppercase; }
.exames-detalhes .exame { float:left; width:100%; margin-top:20px; }
.exames-detalhes .exame img { float:left; clear:both; }

/* SOLICITAÇÃO EXAME */
.solicitacao { float:left; width:100%; padding:0 20px; }
.solicitacao h1 { font-size: 28px; margin: 0; font-weight:600; }
.solicitacao h2 { font-size: 20px; text-transform: uppercase; color: #000; margin-bottom: 10px; }
.solicitacao h3 { font-size: 18px; margin: 20px 0 10px 0; color: #000; text-align: left; font-weight:600; }
.solicitacao p { margin: 0 0 5px 0; }

/* FORMULÁRIO EXAME */
h4 { color:#000; font-size:16px; text-align:center; margin-bottom:20px; }
h5 { float:left; width:100%; color:#71BA4D; font-size:20px; margin:10px 0 10px 0; }
.caixa2 { width:100%; padding:5px; font-size:16px; color:#333; border:1px solid #ccc; background:#fff; }
.caixa2:focus { border:1px solid #598C3B; }
.radio { width:18px; height:18px; vertical-align:-2px; border:1px solid #999; margin-right:5px; }
.radio:checked { background:#71BA4D; }

.aviso-sucesso { float:left; width:100%; color:#000; padding:10px; text-align:center; margin-bottom:15px; background:#C4FFC4; }
.aviso-erro { float:left; width:100%; color:#000; padding:10px; text-align:center; margin-bottom:15px; background:#FFAEAE; }
.info-exame { float:left; width:100%; color:#000; padding:20px; text-align:center; margin-bottom:20px; background:#FFCD56; border: 1px solid #87692E; }