body {
height:100%;
width:100%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a{outline:none; cursor:pointer;}
.cursor-1 {cursor:pointer;}
#wrapper1 {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:#fff;
overflow:hidden;
z-index:1;
}
#mask1 {
width:5941px;
height:100%;
}
.item {
width:20%;
height:100%;
float:left;
}
#home, #produtos, #sua_pele {
width:1285px;
}
#home {
background: url(../img/f-home.jpg) no-repeat 0px 0px;
}
#produtos {
background: url(../img/f-produtos.jpg) no-repeat 0px 0px;
}
#sua_pele {
background: url(../img/f-sua-pele.jpg) no-repeat 0px 0px;
}
#o_que_e_acne {
width:2086px;
background: url(../img/f-o-q-e-acne.jpg) no-repeat 0px 0px;
}
.content {
width:100%;
height:549px;
position:relative;
}
.clear {
clear:both;
}
.top-menu-home, .top-menu-produtos, .top-menu-sua-pele, .top-menu-acne {
width:680px;
height:95px;
position:absolute;
top:29px;
left:163px;
}
.top-menu-produtos {
left:127px;
z-index:2
}
.top-menu-sua-pele {
left:141px;
}
.top-menu-acne {
left:138px;
}
/* ------------------------------------------------------- HOME ------------------------------------------------------- */
.placa-linha-acne {
width:179px;
height:149px;
position:absolute;
top:74px;
left:32px;
z-index:2
}
.placa-linha-acne a{
width:179px;
height:149px;
display:block;
text-indent:-9999px;
background:url(../img/placa-acne.png) no-repeat 0px 0px;
cursor:pointer;
}
.destaques-home {
width:919px;
height:254px;
position:absolute;
top:295px;
left:0;
z-index:2
/*background:url(../img/destaques-home.png) no-repeat 0px 0px;*/
}

/* ------------------------------------------------------ PRODUTOS ------------------------------------------------------- */
.corpo-produtos {
width:653px;
height:325px;
position:absolute;
top:202px;
left:204px;
z-index:2;
background:url(../img/produtos.png) no-repeat 0px 0px;
}
.corpo-produtos-links {
width:653px;
height:325px;
position:absolute;
top:202px;
left:204px;
z-index:4;
}

/* ------------------------------------------------------ SUA PELE ------------------------------------------------------- */
.detalhe-pele-1 {
width:66px;
height:19px;
position:absolute;
top:490px;
left:285px;
}
.detalhe-pele-1 a {
width:66px;
height:19px;
display:block;
text-indent:-9999px;
}
.detalhe-pele-2 {
width:64px;
height:26px;
position:absolute;
top:428px;
left:692px;
z-index:3;
}
.detalhe-pele-2 a {
width:64px;
height:26px;
display:block;
}
.links-sua-pele {
width:438px;
height:249px;
position:absolute;
left:229px;
top:194px;
}

/* ------------------------------------------------------- FLASHS ------------------------------------------------------- */
.flash-garoto-foto {
width:400px;
height:266px;
position:absolute;
top:145px;
left:35px;
}
.flash-skate {
width:436px;
height:266px;
position:absolute;
top:122px;
left:848px;
z-index:1
}
.flash-bolhas {
width:800px;
height:365px;
position:absolute;
top:185px;
left:58px;
z-index:3
}
.flash-folhas {
width:414px;
height:286px;
position:absolute;
top:42px;
left:698px;
z-index:1
}
.flash-balanco {
width:300px;
height:700px;
position:absolute;
top:-67px;
left:815px;
z-index:2
}
.flash-mochila {
width:352px;
height:242px;
position:absolute;
top:379px;
left:395px;
z-index:0
}
.flash-super-acne {
width:233px;
height:365px;
position:absolute;
top:184px;
left:767px;
z-index:0
}
.flash-garota-voando {
width:402px;
height:410px;
position:absolute;
top:94px;
left:731px;
z-index:0
}

/* ------------------------------------------------------- RODAPÉ ------------------------------------------------------- */
#rodape {
height:115px;
position:absolute;
left:0;
top:549px;
z-index:5
}
#rodape a.compartilhe {
width:140px;
height:32px;
display:block;
position:absolute;
top:11px;
left:42px;
text-indent:-9999px;
background:url(../img/b-compartilhar.jpg) no-repeat 0px 0px;
}
#rodape-in {
width:757px;
position:absolute;
top:0;
left:167px;
text-align:center;
}
#rodape-in p.links {
padding:11px 0 0 0;
color:#778806;
font-size:11px;
}
#rodape-in p.links a {
color:#778806;
text-decoration:none;
padding:0 2px 0 2px;
}

#rodape-in p.links a:hover {
text-decoration:underline;
}
#rodape-in p.copyright {
padding:5px 0 16px 0;
color:#6B6A65;
font-size:10px;
}
#rodape-in p.logos {
text-align:left;
}
#rodape-in a.logo-1 {
width:112px;
height:22px;
display:block;
text-indent:-9999px;
background:url(../img/logo-rodape-1.jpg) no-repeat 0px 0px;
position:absolute;
left:50px;
top:83px;
}
#rodape-in a.logo-2 {
width:69px;
height:43px;
display:block;
text-indent:-9999px;
background:url(../img/logo-rodape-2.jpg) no-repeat 0px 0px;
position:absolute;
left:197px;
top:75px;
}
#rodape-in a.logo-3 {
width:109px;
height:42px;
display:block;
text-indent:-9999px;
background:url(../img/logo-rodape-3.jpg) no-repeat 0px 0px;
position:absolute;
right:0px;
top:60px;
}

div.estrutura_rodape
{
    width: auto;
    height: 211px;
    position: relative;
    background-image:url(../../../Images/Teens/bg_footer.jpg) center top repeat-x;
}
div.linha_rodape
{
    width: 740px;
    height: 55px;
    top: 5px;
    position: absolute;
    padding-top: 20px;
}

div.sac
{
    background-image: url('../../../Images/Adultos/rodape_sac.jpg');
    background-repeat: no-repeat;
    width: 75px;
    height: 46px;
    left: 262px;
    position: absolute;
    top: 85px;
}
div.sintomas
{
    width: 285px;
    height: auto;
    position: absolute;
    /*border: solid 1px #000000;*/
    left: 376px;
    top: 80px;
}
div.sintomas_endereco
{
    width: 285px;
    height: auto;
    position: absolute;
    left: 376px;
    top: 98px;
}
div.galderma
{
    width: 100px;
    height: 40px;
    position: absolute;
    left: 702px;
    top: 90px;
}
div.audio_teens
{
    width: 110px;
    height: 45px;
    position: absolute;
    left: 850px;
    top: 10px;
}
.audio_teens div
{
    float:left;
}
.audio_teens a
{
    float:right;
}
div.exibe_compartilhe
{
    width: 130px;
    height: 180px;
    position: absolute;
    top: 0;
    left: 90px;
}
.fomata_email_endereco
{
    font-family: Trebuchet MS;
    font-size: 7pt;
    color: #878184;
    text-align: center;
}
.fomata_sintomas
{
    font-family: Trebuchet MS;
    font-size: 7pt;
    color: #000000;
    text-align: center;
}
div.compartilhe
{
    background-image: url('../../../Images/Teens/compartilhe.jpg');
    width: 95px;
    height: 29px;
    position: absolute;
    top: 11px;
}
div.indique
{
    width: 125px;
    height: 22px;
    position: absolute;
    top: 50px;
    float: left;
}
div.delicious
{
    width: 125px;
    height: 22px;
    position: absolute;
    top: 70px;
    float: left;
}
div.google
{
    width: 150px;
    height: 22px;
    position: absolute;
    top: 90px;
    float: left;
}
div.myspace
{
    width: 125px;
    height: 22px;
    position: absolute;
    top: 110px;
    float: left;
}
div.yahoo
{
    width: 125px;
    height: 22px;
    position: absolute;
    top: 130px;
    float: left;
}
div.twitter
{
    width: 125px;
    height: 22px;
    position: absolute;
    top: 150px;
    float: left;
}

div.links_copyright
{
    width: 557px;
    height: 15px;
    position: absolute;
    top: 35px;
    left: 255px;
}

div.links_rodape
{
    width: 510px;
    height: 15px;
    position: absolute;
    top: 15px;
    left: 300px;
}
div.links_divisa
{
    background-image: url("../../../Images/Adultos/Rodape/links_divisa.jpg");
    background-repeat:no-repeat;
    width: 1px;
    height: 10px;
    margin-top: 4px;
}
div.alinha_links_rodape
{
    position: relative;
    width: 100%;
    height: 100%;
}
    div.link_pagina_inicial
{
    width: 80px;
    height: 10px;
    text-align: center;
}

div.link_na_midia
{
    width: 60px;
    text-align: center;
}

div.link_cadastre-se
{
    width: 77px;
    text-align: center;
}
div.link_duvidas
{
    width: 110px;
    text-align: center;
}
div.link_fale
{
    width: 76px;
    text-align: center;
}
div.link_mapa
{
    width: 79px;
    text-align: center;
}
.formata_compartilhe
{
    font-family: Trebuchet MS;
    font-size: 7pt;
    color: #778300;
    text-align: left;
    text-decoration:none;
}

.formata_compartilhe a
{
    font-family: Trebuchet MS;
    font-size: 7pt;
    color: #778300;
    text-align: left;
    text-decoration:none;
}

.float
{
    float: left;
}