/* Recipiente */

#container {  
    height:866px;
    background-image: url('../img/home-bg.gif');
}

/* Conteúdo */

#person
{
    background-image:url("../img/home-person.png");
    height:325px;
    left:659px;
    position:absolute;
    top:95px;
    width:357px;
    z-index:1;
}


#title 
{
    height:25px;
    width:326px;
    background-image: url('../img/home-bem-vindo.png');
    background-position: right bottom;
    background-repeat:no-repeat;
}

#texto-bemvindo 
{
    margin-top:-6px;
    float:left;
    width:465px;
    padding-left:46px;
    line-height:18px;
    margin-bottom:37px;
}
#texto-bemvindo p
{
    padding-top:18px;
}

#home-player
{
    float:right;
    /*padding-top:266px;*/
    padding-top:289px;
    padding-right:77px;
    width:407px;
    height:306px;
}

#home-player .legenda
{
   /* margin-top:-14px; */
    margin-top:-4px;
}
.clear
{
    clear:both;
}

#login-box, #palestras-box, #agenda-box 
{
 float:left;   
}

#login-box, #palestras-box
{
    padding-left:44px;
    width:324px;
    background-image: url('../img/home-login-fio.png');
    background-repeat:no-repeat;
    background-position:right;
}
/* 
 * CAIXA DE PALESTRAS EM DESTAQUE
 */
 
#palestras-box2
{
    padding-left:16px;
    width:292px;
    background-repeat:no-repeat;
    background-position:right;
    display:inline-block;
    padding-top:44px;
}
#palestras-box .title, #palestras-box2 .title
{
    margin-bottom:10px;
    margin-left:10px;
    width:94px;
    height:34px;
    background-image: url('../img/home-title-palestras.png');
}
#palestras-box .palestra-box, #palestras-box2 .palestra-box
{
    display:inline-block;
    margin-top:4px;
    clear:both;
}
#palestras-box a, #palestras-box2 a
{
    display:inline-block;
    color:#000000;
    text-decoration:none;
    font-size:9px;
    position:relative;
}
#pb12, #pb22
{
   margin-top:-13px !important;
}
#palestras-box a:hover, #palestras-box2 a:hover
{
    display:inline-block;
    color:#025b3f;
}
#palestras-box img, #palestras-box2 img
{
    float:left;
}
#palestras-box span.text, #palestras-box2 span.text
{
    float:left;
    padding-left:3px;
    padding-top:9px;
    width:156px;
}

/* 
 * CAIXA DA AGENDA 
 */

#agenda-box
{position:absolute;
margin-left:676px; *margin-left:676px;
top:691px;
width:300px;
}
#agenda-box .title
{
    width:300px;
    height:40px;
    background-image: url('../img/home-agenda-top.png');
}
#agenda-box dl
{
    padding:10px 0 0 25px;
    background-image: url('../img/home-agenda-middle.png');
    background-repeat:repeat-y;
    padding-bottom:3px;
}
#agenda-box dt
{
    padding:5px 0;
    padding-top:10px;
}
#agenda-box dd
{
    margin-left:0;
}
#agenda-box .bottom
{
    width:300px;
    height:20px;
    background-image: url('../img/home-agenda-bottom.png');
}


/* 
 * CAIXA DE TIMELINE DAS ETAPAS
 */

#etapa-box
{
    margin-top: 22px; 
    margin-left: 41px;
    clear:both;
}
#etapa-box .title
{
    width:300px;
    height:40px;
    width: 935px;
    background-image: url('../img/home-etapas-top.png');
}

/* Conteúdo posicionado na imagem */
 
#etapa-box dl
{
    height:201px !important;
    width: 935px;
    background-image: url('../img/home-etapas-content.png');
}
#etapa-box dt, #etapa-box dd
{
    display:none;
    float:left;
    text-align:center;
    position:relative; 
    margin:0;
}
#etapa-box dt
{
    letter-spacing:-1px;
    text-transform:uppercase;
}
#etapa-box .dt1
{
    left: 66px; top: 142px; width: 154px;
}
#etapa-box .dd1
{left:-87px;
top:27px;
width:152px;
}
#etapa-box .dt2
{left:-98px;
top:141px;
width:323px;
}
#etapa-box .dd2
{left:-353px;
top:29px;
width:194px;
}
#etapa-box .dt3
{left:-273px;
top:141px;
width:102px;
}
#etapa-box .dd3
{left:512px;
top:-23px;
width:176px;
}
* html #etapa-box .dd3 { letter-spacing: -1px; }
#etapa-box .dt4
{left:601px;
top:89px;
width:102px;
}
#etapa-box .dd4
{left:508px;
top:-14px;
width:85px;
}

#floater 
{
background:url("../img/floater.png") no-repeat scroll center top transparent;
height:186px;
margin-left:128px;
position:absolute;
top:347px;
width:357px;
z-index:99999;
}

#floater .fechar 
{
display:block;
height:44px;
margin-left:243px;*margin-left:243px;
position:relative;
width:40px;
cursor:pointer;
}

#floater .linkCadastro 
{
display:block;
height:117px;
margin-left:55px;*margin-left:55px;
position:relative;
width:230px;
cursor:pointer;
}