/*RESET*/ *{margin:0; border:none; outline:none; background-repeat:no-repeat; font:18px gill_sans_stdregular; color:#FFF} #container *{background-repeat:no-repeat} img{display:block} @font-face{ font-family:'gill_sans_stdregular'; src:url('../fonts/gillsansstd-webfont.eot'); src:url('../fonts/gillsansstd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gillsansstd-webfont.woff') format('woff'), url('../fonts/gillsansstd-webfont.ttf') format('truetype'), url('../fonts/gillsansstd-webfont.svg#gill_sans_stdregular') format('svg'); font-weight:normal; font-style:normal} @font-face{ font-family:'gill_sans_std_lightregular'; src:url('../fonts/gillsansstd-light-webfont.eot'); src:url('../fonts/gillsansstd-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gillsansstd-light-webfont.woff') format('woff'), url('../fonts/gillsansstd-light-webfont.ttf') format('truetype'), url('../fonts/gillsansstd-light-webfont.svg#gill_sans_std_lightregular') format('svg'); font-weight:normal; font-style:normal} /*STYLE*/ #container{margin:0 auto; width:680px} .font{font-family:'gill_sans_std_lightregular'} .branco{color:#FFF !important} .relative{position:relative} #conteudo h3{text-transform:uppercase; font-size:30px; font-family:'gill_sans_std_lightregular'} h1, h2, h3, p{position:absolute} #header{position:relative} #header h1{top:25px; right:15px; color:#a88028} #header h2{width:345px; left:380px; top:70px; font-size:32px; color:#6c270c} #header h3{color:#6C183F; left:103px; top:473px; font-size:42px} #header h3 strong{color:#6C183F} #header h3 *{font-size:42px} #header h3 span{margin-left:20px} .txt-vendedor{background:url(../images/bg-txt-vendedor.jpg); height:85px; display:table-cell; text-align:center; vertical-align:middle; width:680px} .txt-vendedor p{color:#6c270c; position:static} .tamanho-cachos{background:url(../images/cachos-tamanho-quiser.jpg); height:283px} .tamanho-cachos h3{width:350px; left:23px; top:52px} .tamanho-cachos p{width:360px; left:23px; top:145px} .ponta-emborrachada{background:#ED4C5E url(../images/ponta-emborrachada.jpg); height:111px} .ponta-emborrachada p{width:410px; left:250px; top:16px; font-size:22px} .temperatura{background:url(../images/temperatura-tempo-ajustaveis.jpg); height:242px} .temperatura h3, .temperatura p{color:#6c270c} .temperatura h3{left:242px; top:36px; width:360px} .temperatura p{width:433px; left:242px; top:132px} .dica{background:#4A0019 url(../images/dica-de-beleza-philips.jpg); height:163px} .dica h3{left:301px; top:25px} .dica p{width:360px; left:301px; top:78px} .indicador{background:url(../images/indicador-de-cachos.jpg); height:246px} .indicador h3{color:#6c270c; left:35px; top:33px} .indicador p{color:#6c270c; left:35px; top:85px; width:401px} .indicador span, .cuidado-especial span{display:block; position:absolute; left:25px; bottom:16px; font-size:22px} .cuidado-especial{background:url(../images/cuidado-especial-com-seus-cabelos.jpg); height:352px} .cuidado-especial h3{width:300px; left:380px; top:36px} .cuidado-especial p{width:255px; left:380px; top:123px} .cuidado-especial span{font-size:21px; left:112px; bottom:35px} .travamento{background:#ED4C5E url(../images/travamento-dos-botoes.jpg) right top; height:177px} .travamento h3{left:35px; top:25px} .travamento p{width:392px; left:35px; top:82px} .mobilidade{background:url(../images/mobilidade.jpg); height:224px} .mobilidade h3{left:35px; top:35px; color:#6c270c} .mobilidade p{left:35px; top:80px; width:325px; color:#6c270c} .galeria-conteudo{height:295px} .galeria-conteudo .galeria{width:155px; left:60px; top:10px; color:#a88028} .galeria-conteudo .conteudo{left:405px; top:10px; color:#6c270c} .galeria-conteudo .conteudo-lista{position:absolute; left:367px; top:113px} .galeria-conteudo .conteudo-lista li{color:#6c270c; margin-bottom:15px; font-family:'gill_sans_std_lightregular'; list-style:inside} #footer div{float:left; width:32%; padding:10px 60px} #footer a{text-transform:uppercase; display:block; font-family:gill_sans_std_lightregular; text-decoration:none} #footer a:hover{text-decoration:underline} #footer .imprimir{background:#4d031c url(../images/imprimir-pagina.png) no-repeat 20px 50%} #footer .manual{background:#ed4c5e url(../images/manual-do-produto.png) no-repeat 20px 50%} #footer .clear{clear:both; float:none !important; padding:0px}