/* Reset de estilos*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
/*define valores fundamentais*/
a { outline: none;}
em { font-style: italic;}
strong { font-weight: bold;}

body { width:981px;margin:0 auto;padding:0; background:#ededed url(imagens/body-background.jpg) repeat-x; color: #474747; font-family:Verdana, Tahoma, Arial, sans-serif;}

h1 {color:#06C; font: bold 16px "Tahoma", Arial, Verdana, sans-serif; border-bottom:1px solid #99c1E7; margin:0px; padding:0 0 10px}
h2 {color:#1d4695; font: bold 14px "Verdana", Tahoma, Arial, sans-serif; margin:10px 0px 10px 0px}
h3 {color:#6783E0; font: bold 14px "Tahoma", Arial, Verdana, sans-serif; text-align:justify; background:url(imagens/h3-bg.gif) left no-repeat; padding-left:30px; margin:25px 0px 10px 0px}
h4 {color:#474747;font: bold 12px "Verdana", Tahoma, Arial, sans-serif; text-align:justify; margin:1px 0px 5px 0px}
p {color:#474747; font-size:11px; margin:0px; padding:0px}

a {color:#33C;text-decoration:none}
a:hover {color:#F33; text-decoration:underline}
/*Remover bordas de links de imagem*/
a img {border:none;background:none}
/* Remove os pontos em volta dos links no FF */
a:focus{-moz-outline-style: none;}
.clear {clear:both}

#wrapper { position:relative; float:left; margin:8px auto 8px auto; padding:0; width:981px; height:100%; background:url(imagens/bg-wrapper.png) repeat-y}


/* Top */
#top {position:relative; float:left; width:981px; height:102px;background:url(imagens/top.jpg) no-repeat; margin:0; display:inline}
.logo { float:left; width:115px; height:91px; margin: 10px 0 0 12px; padding:0}
.morada { float:right; width:190px; height:auto; margin:13px 8px 0 0; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;padding-right:5px;display: inline;}
#top h2 { float:left; font-size:15px;margin: 75px 0 0 12px}


/* Left*/

#left {position:relative; float:left; width:185px; height:514px; background: #99c1E7 url(imagens/left.jpg) no-repeat; border-left:1px solid #039;}
.nav-div {background-color:#99c1E7;width:166px;margin:10px auto 0;padding:0}
.nav-div ul {list-style:none;margin:0;padding:0}
.nav-div ul li a {height:20px;voice-family:inherit;text-decoration:none}
.nav-div ul li a:link,.nav-div ul li a:visited {font:700 13px "Verdana", Arial, Helvetica, sans-serif; text-decoration:none; background: url(imagens/botao_nav.png) no-repeat; padding: 4px 0 3px 18px; display:block; color: #FFFFFF}
.nav-div ul li a:hover,.nav-div ul li a#current {color:#036; font:700 13px "Verdana", Arial, Helvetica, sans-serif; text-decoration:none; background: url(imagens/botao_nav.png) no-repeat; background-position: left bottom;}


/* Content */

#content {position: relative; float:right; width:760px; height:auto; background: #fff url(imagens/canto.gif) no-repeat; azimuth:far-left; border-right:1px solid #039; padding:14px 14px 22px 20px; text-align:justify}
.error {color: #F00;  margin: 0.25em 0 0 0; display: block;}

#content .alerta{ width:228px; background: #fff6bf url(imagens/alerta2.gif) center no-repeat;background-position: 6px 50%; /* x-pos y-pos */text-align: left; padding: 13px 0px 12px 40px; border: 1px solid #F00}
#content .sucesso{ width:430px; background: #C8F7C9 url(imagens/checkmark2.gif) center no-repeat;background-position: 6px 50%; /* x-pos y-pos */text-align: left; padding: 13px 20px 12px 40px; border: 1px solid #0F0}
#content .dicas {width: 490px;}

#content ul {list-style: none; margin-top:8px; margin-bottom: 10px}
#content ul li {font-size:11px;color:#474747; padding:1px 0px 5px 0px; line-height:100% /*define line-height por causa do IE*/}
#content .caixa-texto {border:1px solid #95D6E7}
#content .caixa-texto-erro {border:1px solid #FF0000}
.img-container {position:relative;float:right;width:auto; height:auto; padding:26px 2px 0px 15px; margin-left:0px}
.img-container2 {position:relative;float:left; width:740px; height:auto; margin:0 10px 10px 0px}
.img-container3 {float:right;width:auto; height:auto; padding:10px 2px 0px 15px; margin-left:0px}
.img-sabiak {float:left; width:88px; height:128px; margin-right:8px}
.img-links {float: right; width:183px; height:144px; margin-left:10px}
.img-middle {vertical-align:middle;} 
.text-container {position:relative;float:right;width:400px;height:auto;margin:0px 2px 0 15px}
.img-inicio {width:120px;height:120px;margin:0px 5px 0px 33px; padding:0}
.img-branqueamento {margin:5px 10px 0px 35px}
#link-container {position:relative;float:right; width:210px; height:auto; margin:0px 2px 8px 1px; padding-left:15px}
.subtitulo {font-size:14px;color: #1d4695;font-family:Tahoma, Arial, Verdana; font-weight:bold; text-align:justify; margin-bottom:5px; padding-bottom:5px; padding-left:20px}
.letra-pequena {font-size:9px}
#link-container h4 { padding-left:20px}

/* Formulario */
#content fieldset {width:300px; height:auto; margin:0px; padding:5px 10px 0px 5px; border:none; }
#content fieldset label {color:#006699; font: bold 13px "Tahoma", Arial, Verdana;}
#content fieldset ul {margin:10px 0 0 0; padding-left:0px; clear:both}
#content fieldset ul li{margin:0px 0px 10px 0px; padding-left:0px; clear: both; float: left; width:100% }
#content fieldset ul li .botaonormal { color: #003366;font: bold 1.1em "Verdana", Tahoma, Times, serif;}
#content fieldset ul li acronym { margin-left:5px; font-size:9px; color:#999; line-height:25px; cursor: help; border-bottom: 1px dashed #999; clear:left}
.asterisco { font-size:9px; color: #f00;}
.escondido {display:none}

/*input.botao { width:215px; height:42px; border: none; background: transparent url(imagens/bg_submit.gif) no-repeat center; text-indent: -9999px; line-height:0;display:block; font-size:1px; cursor:pointer}*/

/* Botões dos forms principais */
.botao { width:215px; height:43px; border: none; background: url(imagens/submit-marca.gif) no-repeat left top; display:block; cursor:pointer}
.botao:hover { background-position: left bottom; text-decoration:none}
.botaoconsultorio { width:187px; height:43px; border: none; background: url(imagens/submit-duvida.gif) no-repeat left top; display:block; cursor:pointer}
.botaoconsultorio:hover { background-position: left bottom; text-decoration:none}

/* Forms das paginas dos tratamentos especificos */
.form-container {position:relative;float:left;width:760px; height:auto; padding-top:15px; background: transparent url(imagens/bg_form.png) bottom left no-repeat; margin:0}
.form-container div{float:left;width:auto; height:auto; padding:0px 0px 0px 20px; margin:0px 10px 0px 0px}

/* tabela dos tratamentos*/

#tabela-tratamentos { margin:25px auto 25px auto; width: 495px; height:auto; background: url(imagens/tabela-tratamentos2.png) no-repeat top left; }
#tabela-tratamentos2 { margin:25px auto 25px auto; width: 495px; height:auto; background: url(imagens/tabela-tratamentos3.png) no-repeat top left; }
.linha-tabela {float:left; width:auto; height:auto; display:inline; padding:8px 0px 10px 0px; border-bottom: solid #fff 1px; clear:both }
.linha-tabela #coluna1{ float:left; width:235px; margin:0px; padding:0px 15px 0px 10px;}
.linha-tabela #coluna2 { float:left; width:235px; margin:0px; padding:0px; }

/* call to action */

#div-call-to-action { padding: 0; margin: 20px auto 20px auto; width: 435px; height:43px;  position: relative;}
#div-call-to-action a { display: block; outline: none;}
#div-call-to-action a:hover { background-position: left bottom; text-decoration:none}
#div-call-to-action .call-to-action { width: 435px; height: 43px; background: url(imagens/bg-call-to-action.png) no-repeat;}


/* Footer */

#footer { position:relative; float:left; width:981px; height:auto; margin:0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; background: url(imagens/bg-fundo-footer.png) bottom repeat-x}
#footer a {color: #009; text-decoration: none}

/* Tabelas redondas */

.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8 {font-size:1px;overflow:hidden;display:block}
.b1 {height:1px;background:#039;margin:0 5px}
.b2 {height:1px;background: #E5E5E5;border-right:2px solid #039;border-left:2px solid #039;margin:0 3px}
.b3 {height:1px;background: #E5E5E5;border-right:1px solid #039;border-left:1px solid #039;margin:0 2px}
.b4 {height:2px;background: #E5E5E5;border-right:1px solid #039;border-left:1px solid #039;margin:0 1px}
.content-rounded-box {background: #E5E5E5;border-right:1px solid #039;border-left:1px solid #039}
.content-rounded-box div {margin-left:5px}

.b5 {height:1px;background:#fff;margin:0 5px}
.b6 {height:1px;background:#C7DDF1;border-right:2px solid #fff;border-left:2px solid #fff;margin:0 3px}
.b7 {height:1px;background:#C7DDF1;border-right:1px solid #fff;border-left:1px solid #fff;margin:0 2px}
.b8 {height:2px;background:#C7DDF1;border-right:1px solid #fff;border-left:1px solid #fff;margin:0 1px}
.content-rounded-box-azul {background:#C7DDF1;border-right:1px solid #fff;border-left:1px solid #fff}
.content-rounded-box-azul div {margin-left:5px;padding-right:10px}