﻿/* CSS Reset */
html,body{width:100%; text-align:center;}
*{font-family:Verdana; font-size:11px; margin:0; padding:0;}
form, p, ul, a, dl, ul, ol, li, input, h1, h2, h3, h4, h5{margin:0; padding:0;}
h1, h2, h3, h4, h5{ font-weight:normal;}
img{ border:none; }
a, a:active, a:focus {outline: 0!important; cursor:pointer;}
*:focus {outline: 0!important;}

/*
 *  RECIPIENTES
 */
html, body {
    overflow-x: hidden;
    *overflow-x: visible; /* "remédio" para o IE6 */
    height: 100%;
    background: url('../img/content-bg-color.gif') center repeat-y #cbdb2a;
}

#container, #container-full {
    position:absolute;
    left:50%;
    top:0;
    text-align:left; /* "remédio" para o hack do IE */
    margin:0 auto;
    margin-left:-508px;
    *margin-left:-508px;
    width: 1016px;
    background: top center no-repeat #ffffff;
}

#content 
{
    top:0;
    position:absolute;
    width: 1016px;
    z-index:5;
}

#content .inner
{
    padding:0 44px;
}


#logo {
   /* width: 312px;
    height: 148px;
    background-image: url('../img/logo.png'); */
    width: 656px;
    height: 263px;
    background-image: url('../img/logo-complete.png'); 
    display:block;
    position:relative;
    left:25px;
    top:0;
}

/* NAVEGAÇÃO */

#nav 
{
    list-style: none;
}

#nav li {
    display:inline;
}

#nav .item {
    position:absolute;
    display:block;
    z-index:99;
}

#nav .home {
    width: 67px;
    height: 43px;
    top:187px;
    left:52px;
    background-image: url('../img/nav-home.png');
}

#nav a.home:hover, #nav div.home {
    background: url('../img/nav-home.png') 0 43px;
}

#nav .cadastro {
    width: 81px;
    height: 44px;
    top:212px;
    left:128px;
    background-image: url('../img/nav-cadastro.png');
}

#nav a.cadastro:hover, #nav div.cadastro {
    display:block;
    background: url('../img/nav-cadastro.png') 0 44px;
}

#nav .projeto {
    width: 102px;
    height: 48px;
    top:162px;
    left:174px;
    background-image: url('../img/nav-projeto.png');
}

#nav a.projeto:hover, #nav div.projeto {
    display:block;
    background: url('../img/nav-projeto.png') 0 48px;
}

#nav .dicas {
    width: 135px;
    height: 52px;
    top:192px;
    left:250px;
    background-image: url('../img/nav-dicas.png');
}

#nav a.dicas:hover, #nav div.dicas {
    display:block;
    background: url('../img/nav-dicas.png') 0 52px;
}

#nav .palestras {
    width: 135px;
    height: 52px;
    top:140px;
    left:333px;
    background-image: url('../img/nav-palestras.png');
}

#nav a.palestras:hover, #nav div.palestras {
    display:block;
    background: url('../img/nav-palestras.png') 0 52px;
}

#nav .regulamento {
    width: 112px;
    height: 49px;
    top:175px;
    left:420px;
    background-image: url('../img/nav-regulamento.png');
}

#nav a.regulamento:hover, #nav div.regulamento {
    display:block;
    background: url('../img/nav-regulamento.png') 0 49px;
}

#nav .faq {
    width: 56px;
    height: 42px;
    top:129px;
    left:512px;
    background: url('../img/nav-faq.png');
}

#nav a.faq:hover, #nav div.faq {
    display:block;
    background: url('../img/nav-faq.png') 0 42px;
}

#nav .fale {
    width: 107px;
    height: 49px;
    top:157px;
    left:569px;
    background-image: url('../img/nav-fale.png');
}

#nav a.fale:hover, #nav div.fale {
    display:block;
    background: url('../img/nav-fale.png') 0 49px;
}

/* CONTEÚDO */

#title 
{
    float:left;
    padding-top:296px;
    padding-left:44px;
}

#footer 
{
    height:24px; height*:44px;
    width:1016px;
    padding-top:27px; *padding-top:30px;   
    background-image: url('../img/footer.gif');
    background-position:0 27px; *background-position:0 30px;
    background-repeat:no-repeat;
    clear:both;
}
#footer a
{
  display:block;
  height:24px;
  float:left;
}
#footer a.termos
{
  margin-left:206px; *margin-left: 103px; 
  width:67px;
}
#footer a.politica
{   
    margin-left:38px;
    width:107px;
}
#footer a.novartis
{
  margin-left:398px;
width:96px;
}
#footer a.abda
{   
margin-left:44px;
width:44px;
}

#info-box
{
    position:absolute;
    top:0;
    right:10px;
    height:103px;
    width:280px;
    z-index:8888;
}

#contador-selo 
{
    width:87px;
    height:88px;
    left:400px;
    top:256px;
    position:absolute;
}

/* GENÉRICOS */

.none 
{
 display:none;  
}
.clear 
{
 clear:both;
}
.size9 
{
 font-size:9px;   
}
label.error 
{
   display:none !important;
}
.error 
{
   /* border-color:Red !important;
    border-style:dashed !important; */
    background-color:#FFD6D6 !important;
}

span.none  {
    display:none;
}

/* MODAL */

/* O z-index do div#mask deve ser menor que do div#boxes e do div.window */
#mask {position:absolute;
z-index:9000;
background-color:#fff;
display:none;
left:0;
}

#boxes .window {
position:absolute;
width:341px;
height:209px;
display:none;
z-index:9999;
padding:20px;
left:0;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog {
    background:transparent url('../img/modal-login-bg.png') no-repeat center top;
    text-align:left;
    position:fixed !important; *position:absolute;
    left:50% !important;
    top:50% !important;
    margin-left:-197px;
    margin-top:-109px;

}
#boxes #dialogRecipient 
{
    padding-left:24px; _padding-left:54px;
}

#boxes input.user, #boxes input.password 
{
    color:#006b4a;
    background:#ffffff;
    border-color:#c9c9c9;
    border-width:1px;
    border-style:solid;
    *vertical-align:text-bottom;
    padding-top:2px;
    line-height: 28px;
    margin-top:10px; *margin-top:8px;
    width:239px;
    height:30px;
    display:inline-block; /* IE7 and IE8 fix */
    padding-left:9px; _padding-left:-10px; /* IE6 fix */
}

#boxes input.user
{
    width:232px;
}

#boxes input.enter
{
    background:transparent url('../img/home-btn-entrar.png') no-repeat center top;
    overflow:hidden;
    height:56px;
    width:94px;
    margin:6px -15px 11px 0; *margin-bottom:0px; _margin-right:-65px;
    float:right;
    border:0;
    vertical-align:middle; *vertical-align:text-bottom;
    text-indent:-9999px; *font-size:0; *line-height:0;
    cursor:pointer;
}

#boxes input.enviar
{
    background:transparent url('../img/projeto-btn-enviar.png') no-repeat center top;
    overflow:hidden;
    height:56px;
    width:96px;
    margin:6px -15px 0 0; *margin-bottom:-10px; _margin-right:-65px;
    float:right;
    border:0;
    vertical-align:middle; *vertical-align:text-bottom;
    text-indent:-9999px; *font-size:0; *line-height:0;
    cursor:pointer;
}

#boxes label
{
    display:inline-block;
    margin-right:3px;
    *padding-bottom:11px;
    color:#006B4A;
}

#mesqueceu 
{
    margin: 10px 50px 8px 0;
    /*margin-left:18px;
    *width:296px;*/
}

#boxes .title
{
background-image:url("../img/home-title-login.png");
height:15px;
width:41px;
}

#boxes #modal-form, #boxes #modal-form2
{
    margin-top:8px;
    width:294px;
    _margin-right:60px;
}

#boxes .control
{
    position:relative;
    display:block;
    line-height:16px;
    /*left:32px;*left:38px;*/
    top:20px;*top:-40px;
    width:150px;
}

#boxes .control a
{
font-size:9px;
color:#006b4a;
}