﻿/* --------------------------------------------------------------- Geral */
body,div,td,p,span,img,input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#515151;}

body { background: #dce7fa }

html, body {
	height: 100%;
	width: 100%; }
	
body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;}
	
fieldset,img,abbr,acronym{
	border: 0px;}
	
ul{list-style-type: none;}

address,caption,cite,code,th,var{
	font-style:normal;
	font-weight:normal;}
	
q:before,q:after {content:'';}

*, * focus { outline: none; margin: 0; padding: 0; }

p.equipe{line-height:19px;}
p.infertilidade{line-height:16px;}
p.areamedica{margin: 0 0 0 23px; line-height:16px;}


/* 
body, textarea {scrollbar-arrow-color:#000000;scrollbar-track-color:#D6BE94;scrollbar-face-color:#D6BE94;scrollbar-highlight-color:#EFE7D6;scrollbar-shadow-color:#A57D42;scrollbar-3dlight-color:#EFE7D6;scrollbar-darkshadow-color:#23C21;}
*/

.ns{overflow:hidden;}
.nb{border:0px;background:transparent;}
.noCSS{display:none;}


/* --------------------------------------------------------------- Fonts */
.txtRed { color:#ff0000; }
.txtPink{color:#d3385a;}
.txtPanorama{line-height:17px; font-weight:bold;}

.tituloGray{font-size:14px; color:#515151; font-weight:bold; }
.tituloPink{font-size:14px; color:#d3385a; font-weight:bold; }
.tituloGrayDestaque{font-size:11px; color:#515151; font-weight:bold; }

.subtituloPink{font-size:11px; color:#d3385a; font-weight:bold; }

.txtResultados{font-size:30px; color:#515151;}


/* --------------------------------------------------------------- Formulários */
/* Formulário Newsletter */
.frm-newsletter{
    width:114px;
    border: solid 1px #fff;
    background-color:#fff;
    margin:10px 22px 0 26px;}
    
.bt-ok-newsletter{position:absolute;top:22px;}
.msg-newsletter{position:absolute;top:53px;left:22px;}


/* Formulário Envie para um amigo */
.frm-indique-nome{
    border: none; background-color:#ededed; width:124px;
    position:absolute;top:45px;left:80px;}
    
.frm-indique-nomeAmigo{
    border: none; background-color:#ededed; width:100px;
    position:absolute;top:66px;left:107px;}
    
.frm-indique-email{
    border: none; background-color:#ededed; width:124px;
    position:absolute;top:90px;left:83px;}
    
.frm-indique-emailAmigo{
    border: none; background-color:#ededed; width:97px;
    position:absolute;top:111px;left:110px;}
    
.bt-ok-indique{position:absolute;top:140px;left:189px;}
.msg-indique{position:absolute;top:140px;left:24px;}

.erro-indique-nome{position:absolute;top:48px;left:217px;}
.erro-indique-nomeAmigo{position:absolute;top:69px;left:217px;}
.erro-indique-email{position:absolute;top:93px;left:217px;}
.erro-indique-emailAmigo{position:absolute;top:114px;left:217px;}


/* Formulário Login Infertilidade */
.frm-login-infertilidade{
    border: none; background-color:#e3e3e3; width:71px;
    position:absolute;top:100px;left:97px;}
    
.frm-senha-infertilidade{
    border: none; background-color:#e3e3e3; width:71px;
    position:absolute;top:119px;left:97px;}
    
.bt-ok-infertilidade{position:absolute;top:140px;left:165px;}
.msg-login-infertilidade{position:absolute;top:152px;left:49px;}


/* Formulário Login Área Médica */
.frm-login-areamedica{
    border: none; background-color:#fff; width:73px;
    position:absolute;top:63px;left:71px;}
    
.frm-senha-areamedica{
    border: none; background-color:#fff; width:73px;
    position:absolute;top:82px;left:71px;}
    
.bt-ok-areamedica{position:absolute;top:107px;left:140px;}
.msg-login-areamedica{position:absolute;top:122px;left:26px;}


/* Formulário Contato */
.frm-contato{border: none; background-color:#e3e3e3; height:18px; line-height:19px;}
 
.labelForm{background-color:#e3e3e3; padding:4px;}


/* Formulário Busca */
.frm-busca{border: none; background-color:#fff; width:95px;}
 
.labelForm{background-color:#e3e3e3; padding:4px;}
	
/* --------------------------------------------------------------- Links */
a:link,
a:visited,
a:active{text-decoration:underline; color:#515151;}
a:hover{text-decoration:underline; color:#d3385a;}

a.footer:link,
a.footer:visited,
a.footer:active{text-decoration:none;color:#999999;font-size:9px;}
a.footer:hover{text-decoration:none;color:#d3385a;font-size:9px;}

a.linkPink:link,
a.linkPink:visited,
a.linkPink:active{text-decoration:none;color:#515151;font-weight:bold;}
a.linkPink:hover{text-decoration:none;color:#dd7f72;font-weight:bold;}

a.linkPink2:link,
a.linkPink2:visited,
a.linkPink2:active,
a.linkPink2:hover{text-decoration:underline;color:#d3385a;}

a.linkPink3:link,
a.linkPink3:visited,
a.linkPink3:active{text-decoration:none;color:#515151;font-weight:bold;}
a.linkPink3:hover{text-decoration:none;color:#d3385a;}

a.linkPink4:link,
a.linkPink4:visited,
a.linkPink4:active,
a.linkPink4:hover{text-decoration:none;color:#d3385a;}

a.bordaImgPanorama:link,
a.bordaImgPanorama:visited,
a.bordaImgPanorama:active{border:solid 7px #e3e3e3;}
a.bordaImgPanorama:hover{border:solid 7px #d3385a;}

a.linkMais:link,
a.linkMais:visited,
a.linkMais:active,
a.linkMais:hover{text-decoration:underline;color:#dd7f72;}



/* --------------------------------------------------------------- Posicionamento */
#content {
	height: 1118px;
	left: 50%;
	margin: 0 0 0 -503px;
	position: absolute;
	width: 1005px;
	background-color:#FFF; } 
	
#header{
    background: url(../img/bg-quadriculado.gif) repeat;
    height:133px;
    width:1005px;
    position:absolute;
    top: 0;
    left:0; }
    
    #header .logo{position:absolute; top:20px; left:35px;}
    #header .texto{position:absolute; top:57px; left:223px;}
    
#footer{
    background: url(../img/bg-quadriculado.gif) repeat;
    height:64px;
    width:1005px;
    position:absolute;
    bottom: 2px;
    left:0;
    text-align:center;
    line-height:64px; }
    
#lateral-esquerda{
    background-color: #f0f0f0;
    height:884px;
    width:260px;
    position:absolute;
    top: 170px;
    left:0;
    border-right: dashed 1px #b5b5b5;}
    
#lateral-direita{
    background-color: #f0f0f0;
    height:884px;
    width:257px;
    position:absolute;
    top: 170px;
    right:0;
    border-left: dashed 1px #b5b5b5;}
    
    #div-links{
		position:absolute;
		top: 780px;
		left:65px;}
    
#div-menu{
    background-color: #f1d9d6;
    height:36px;
    width:1005px;
    position:absolute;
    top: 134px;
    left:0;}
    
    #div-menu #menu{position:absolute; top: 0px; left:261px;}

#div-menu #menu #busca{position:absolute; top: 6px; left:290px; }
#div-menu #menu #busca .botao{position:absolute; top: 4px; left:405px;}
#div-menu #menu #busca .bg-form {background:url(../img/form-busca.gif) no-repeat; height:16px; width:118px; position:absolute; top: 4px; left:280px;}
    
#div-meio{
	position:absolute;
    top: 204px;
    left:278px;}
    
#div-fique-por-dentro {
    background: url(../img/bg-fique-por-dentro.gif) no-repeat top center;
    width:229px;
    height:186px;
    position:absolute;
    top:282px;
    left:15px; }
    
    #div-fique-por-dentro .titulo {margin: 0 0 0 26px;}
    #div-fique-por-dentro .texto {margin: 14px 0 0 17px; width:188px;}
    #div-fique-por-dentro .botao {margin: -4px 0 0 140px;}
    #div-fique-por-dentro p {margin-bottom: 10px;}
    
#div-newsletter {
    position:absolute;
    top:700px;
    left:30px; }
    
#div-form-newsletter {
    background: url(../img/form-newsletter.gif) no-repeat top center;
    width:194px;
    height: 50px; }
    
#div-indique{
    background: url(../img/form-indique.gif) no-repeat top center;
    width:229px;
    height:174px;
    position:absolute;
    top:492px;
    left:15px;}
    
    #div-indique .label-nome{position:absolute; top:45px; left:23px;}
    #div-indique .label-nomeAmigo{position:absolute; top:66px; left:23px;}
    #div-indique .label-email{position:absolute; top:90px; left:23px;}
    #div-indique .label-emailAmigo{position:absolute; top:111px; left:23px;}
    
#div-destaque{
    background: url(../img/bg-destaque.gif) no-repeat top center;
    width:234px;
    height:159px;
    position:absolute;
    top:33px;
    left:8px;}
    
    #div-destaque .texto {margin: 14px 0 0 17px; width:200px;}
    #div-destaque p {margin-bottom: 10px;}
    
#div-infertilidade{
    background: url(../img/form-infertilidade.gif) no-repeat top center;
    width:224px;
    height:224px;
    position:absolute;
    top:29px;
    left:20px;}
    
    #div-infertilidade .esquecisenha{position:absolute; top:138px; left:50px;}
    #div-infertilidade .cadastro{position:absolute; top:170px; left:63px;}
    
#div-infertilidade-logado{
    background: url(http://www.fertility.com.br/teste/img/form-infertilidade-logado.gif) no-repeat top center;
    width:224px;
    height:224px;
    position:absolute;
    top:0px;
    left:0px;}
    
#div-enquete{
    position:absolute;
    top:216px;
    left:8px;}
    
#div-area-medica{
   /* background: url(http://www.fertility.com.br/teste/img/form-area-medica.gif) no-repeat top center; */
    width:179px;
    height:193px;
    position:absolute;
    top:548px;
    left:30px;}
    
    #div-area-medica .esquecisenha{position:absolute; top:104px; left:25px;}
    #div-area-medica .cadastro{position:absolute; top:149px; left:36px;}
    
#div-area-medica-logado{
    /* background: url(http://www.fertility.com.br/teste/img/bg-area-medica.gif) no-repeat top center; */
    width:179px;
    height:193px;
    position:absolute;
    top:0px;
    left:0px;}
    
#conteudo_interna{line-height:15px;}

#bt-voltar-topo-internas{margin-top:-30px;}

#div-panoramas-coluna1{
    position:absolute;
    top:70px;
    left:46px;}
    
#div-panoramas-coluna2{
    position:absolute;
    top:70px;
    left:230px;}
    
    #div-panoramas-coluna1 li{margin-bottom:30px;}
    #div-panoramas-coluna1 li img { border: 7px solid #e4e4e4;}
	#div-panoramas-coluna1 li a:hover img { border: 7px solid #d3385a; }
	
    #div-panoramas-coluna2 li{margin-bottom:30px;}
    #div-panoramas-coluna2 li img { border: 7px solid #e4e4e4;}
	#div-panoramas-coluna2 li a:hover img { border: 7px solid #d3385a; }
    
#div-okiru{
    position:absolute;
    top:10px;
    left:960px;} 
