/* css reset */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font-family:"Trebuchet MS"; font-size:13px; background:#71135f url('../img/bg_site.jpg') no-repeat scroll center top; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
body, html{ height:100%; }
/*GERAL*/
.clear{ clear:both}
.fleft{ float:left}
.fright{ float:right}
/*SITE*/
#main{ width:1002px; padding:0 22px; margin:0 auto}
#header{ padding:45px 0 0 0; margin:0 0 15px 0;}
#header .logo{ float:left}
#header .menu{ float:left; margin:120px 0 0 -65px}
#header .menu li{ margin:0 6px 0 0}
#header .menu .promocoes{ float:left; width:156px; margin:-6px 6px 0 0 }
#header .menu .promocoes a{ width:156px; height:44px; display:block; text-indent:-9999px; background: url('../img/menu/promocoes.png') no-repeat;}
#header .menu .promocoes a:hover{background: url('../img/menu/promocoes.png') no-repeat scroll 0 -44px;}
#header .menu .promocoes .ativo{background: url('../img/menu/promocoes.png') no-repeat scroll 0 -44px;}
#header .menu .blog{ float:left; width:69px;}
#header .menu .blog a{ height:32px; display:block; text-indent:-9999px; background: url('../img/menu/blog.png') no-repeat;}
#header .menu .blog a:hover{background: url('../img/menu/blog.png') no-repeat scroll 0 -32px;}
#header .menu .blog .ativo{background: url('../img/menu/blog.png') no-repeat scroll 0 -32px;}
#header .menu .revista{ float:left; width:109px;}
#header .menu .revista a{; height:32px; display:block; text-indent:-9999px; background: url('../img/menu/revista.png') no-repeat;}
#header .menu .revista a:hover{background: url('../img/menu/revista.png') no-repeat scroll 0 -32px;}
#header .menu .revista .ativo{background: url('../img/menu/revista.png') no-repeat scroll 0 -32px;}
#header .menu .colabore{ float:left; width:132px; }
#header .menu .colabore a{ width:132px; height:32px; display:block; text-indent:-9999px; background:url('../img/menu/colabore.png') no-repeat;}
#header .menu .colabore a:hover{background:url('../img/menu/colabore.png') no-repeat scroll 0 -32px;}
#header .menu .colabore .ativo{background:url('../img/menu/colabore.png') no-repeat scroll 0 -32px;}
#header .menu .downloads{ float:left; width:156px; }
#header .menu .downloads a{width:156px; height:32px; display:block; text-indent:-9999px; background: url('../img/menu/downloads.png') no-repeat;}
#header .menu .downloads a:hover{background: url('../img/menu/downloads.png') no-repeat scroll 0 -32px;}
#header .menu .downloads .ativo{background: url('../img/menu/downloads.png') no-repeat scroll 0 -32px;}
#header .menu .manifesto{ float:left; }
#header .menu .manifesto a{width:149px; height:32px; display:block; text-indent:-9999px; background: url('../img/menu/manifesto.png') no-repeat}
#header .menu .manifesto a:hover{background: url('../img/menu/manifesto.png') no-repeat scroll 0 -32px;}
#header .menu .manifesto .ativo{background: url('../img/menu/manifesto.png') no-repeat scroll 0 -32px;}
/*content*/
#content{ min-height:500px;}
/*HOME*/
#content .home{}
#content .home .destaque{ background:url('../img/bg_destaquehome.png') no-repeat; width:921px; height:299px; padding:18px; margin:0 0 10px 0}
#content .home .destaque .img{ float:left; width:647px; margin:0 22px 0 0}
#content .home .destaque .desc{ float:left; width:245px;}
#content .home .destaque .desc h2{ margin:25px 0 18px 0}
#content .home .destaque .desc h3{ font-size:16px; color:#e2007a; font-weight:normal;}
#content .home .destaque .desc a{ font-size:16px; color:#e2007a; font-weight:normal;}
#content .home .destaque .desc p{ color:#828282; font-size:13px; line-height:17px;}
#content .home .fichario{ background:url('../img/bg_fichario-home.png') no-repeat; width:963px; height:485px; position:relative; padding-top:30px; margin:50px 0 0 0}
#content .home .fichario .aba{ width:900px; height:63px; position:absolute; top:0; margin:-30px 0 0 2px; *margin:-31px 0 0 -18px; }
#content .home .fichario .aba li{}
#content .home .fichario .aba li a{ float:left}
#content .home .fichario .aba .atitude{ width:148px; float:left;}
#content .home .fichario .aba .moda{ width:109px; float:left}
#content .home .fichario .aba .beleza{ width:141px; float:left}
#content .home .fichario .aba .musica{ width:174px; float:left}
#content .home .fichario .content{ padding:25px 0 0 0; width:917px; overflow-y:hidden; overflow-x:auto; margin:0 0 0 20px}
#content .home .fichario .content .box{ width:315px; float:left; margin:0 20px 0 0}
#content .home .fichario .content .last-box{ width:246px}
#content .home .fichario .content .box h2{ font-size:19px; margin:0 0 11px 0}
#content .home .fichario .content .box h2.rosa{color:#e2007a}
#content .home .fichario .box a{color:#e2007a}
#content .home .fichario .content .box h2.roxo{color:#a5037c}
#content .home .fichario .content .box h3{ font-size:15px; color:#370623; margin:0 0 6px 0}
#content .home .fichario .meufichario{ position:absolute; top:10px; right:23px;}
/*INTERNA - Promoções*/
#content .promocoes{}
#content .promocoes .destaque{ background:url('../img/bg_destaque_promocao.png') no-repeat; width:921px; height:670px; padding:18px; margin:0 0 10px 0; position:relative}
#content .promocoes .destaque .img{ float:left; width:490px; margin:0 22px 0 0; background:#fff}
#content .promocoes .destaque .desc{ float:left; width:390px; background:#fff}
#content .promocoes .destaque .desc h2{ margin:25px 0 18px 0}
#content .promocoes .destaque .desc h3{ font-size:20px; color:#e2007a; font-weight:normal;}
#content .promocoes .destaque .desc{ color:#828282; font-size:13px; line-height:17px; margin:0 0 22px 0}
#content .promocoes .destaque .desc a{ color:#b73596; text-decoration:none;}
#content .promocoes .destaque .desc a:hover{ text-decoration:underline}
#content .promocoes .fichario{ background:url('../img/bg_fichario-home.png') no-repeat; width:963px; height:485px; position:relative; padding-top:30px; margin:50px 0 0 0}
#content .promocoes .fichario .aba{ width:963px; height:63px; position:absolute; top:0; margin:-31px 0 0 0; *margin:-31px 0 0 -20px}
#content .promocoes .fichario .aba li{ }
#content .promocoes .fichario .aba li a{ float:left}
#content .promocoes .fichario .aba .maisconcursos{ width:271px; float:left}
#content .promocoes .fichario .content{ padding:25px 0 0 0; width:917px; overflow-y:hidden; overflow-x:auto; margin:0 0 0 20px}
#content .promocoes .fichario .content .box{ width:315px; float:left; margin:0 20px 0 0}
#content .promocoes .fichario .content .last-box{ width:246px}
#content .promocoes .fichario .content .box h2{ font-size:19px; margin:0 0 11px 0}
#content .promocoes .fichario .content .box h2.rosa a{color:#e2007a}
#content .promocoes .fichario .content .box h2.rosa{color:#e2007a}
#content .promocoes .fichario .content .box h2.roxo{color:#a5037c}
#content .promocoes .fichario .content .box h3{ font-size:15px; color:#370623; margin:0 0 6px 0}
#content .promocoes .fichario .meufichario{ position:absolute; top:10px; right:23px;}
/*INTERNA - Revista*/
#content .revista{}
#content .revista .destaque{ background:url('../img/bg_destaque_promocao.png') no-repeat; width:921px; height:670px; padding:18px; margin:0 0 10px 0; position:relative}
#content .revista .destaque .header{ background:#fff; padding:35px 40px 0 40px}
#content .revista .destaque .header .titulo{ float:left}
#content .revista .destaque .header .navegacao{ float:right}
#content .revista .destaque .header .navegacao .anterior{ background:url('../img/bt/anterior_off.gif') no-repeat; width:64px; height:23px; display:block; float:left; margin:0 8px 0 0}
#content .revista .destaque .header .navegacao .proximo{ background:url('../img/bt/proximo_off.gif') no-repeat; width:64px; height:23px; display:block; float:left}
#content .revista .destaque .header .navegacao .anterior:hover{ background:url('../img/bt/anterior_on.gif') no-repeat; width:64px; height:23px; display:block; float:left}
#content .revista .destaque .header .navegacao .proximo:hover{ background:url('../img/bt/proximo_on.gif') no-repeat; width:64px; height:23px; display:block; float:left}
#content .revista .destaque .content{ background:#fff; color:#828282; padding:35px 40px 0 40px}
#content .revista .destaque .content h2{ color:#ee66af; font-size:30px;}
#content .revista .destaque .content h3{ color:#959595; font-size:18px;line-height:50px;margin:0 0 13px 0}
#content .revista .destaque .content{ line-height:18px;}
#content .revista .destaque .content .img{ margin:0 0 13px 0}
#content .revista .destaque .content a{ color:#ee66af; font-size:11px;}
#content .revista .destaque .content small{ font-size:11px;}
#content .revista .destaque .content .pink{ color:#ee66af; font-style:italic}
#content .revista .destaque .content span{ font-size:20px;}
#content .revista .destaque .content .left{ float:left; width:395px; margin:0 50px 0 0}
#content .revista .destaque .content .right{ float:right; width:395px;}
#content .revista. destaque .img{ float:left; width:490px; margin:0 22px 0 0; background:#fff}
#content .revista .destaque .desc{ float:left; width:390px; background:#fff}
#content .revista .destaque .desc h2{ margin:25px 0 18px 0}
#content .revista .destaque .desc h3{ font-size:20px; color:#e2007a; font-weight:normal;}
#content .revista .destaque .desc p{ color:#828282; font-size:13px; line-height:17px; margin:0 0 22px 0}
#content .revista .destaque .desc p a{ color:#b73596; text-decoration:none;}
#content .revista .destaque .desc p a:hover{ text-decoration:underline}
#content .revista .fichario{ background:url('../img/bg_fichario-home.png') no-repeat; width:963px; height:485px; position:relative; padding-top:30px; margin:50px 0 0 0}
#content .revista .fichario .aba{ width:963px; height:63px; position:absolute; top:0; margin:-31px 0 0 0; *margin:-31px 0 0 -20px}
#content .revista .fichario .aba li{}
#content .revista .fichario .aba li a{ float:left}
#content .revista .fichario .aba .mix{ width:162px; float:left}
#content .revista .fichario .aba .cult{ width:103px; float:left}
#content .revista .fichario .aba .estilo{ width:125px; float:left}
#content .revista .fichario .aba .atitude{ width:148px; float:left}
#content .revista .fichario .aba .ligada{ width:132px; float:left}
#content .revista .fichario .aba .saude{ width:124px; float:left}
#content .revista .fichario .aba .colabo{ width:163px; float:left}
#content .revista .fichario .content{ padding:25px 0 0 0; width:917px; overflow-y:hidden; overflow-x:auto; margin:0 0 0 20px}
#content .revista .fichario .content td{ vertical-align:top}
#content .revista .fichario .content .box{ width:181px; float:left; margin:0 5px 0 0}
#content .revista .fichario .content .last-box{ width:152px}
#content .revista .fichario .content .box h2{ font-size:15px; margin:0 0 11px 0}
#content .revista .fichario .content .box h2.rosa{color:#e2007a}
#content .revista .fichario .content .box h2.roxo{color:#a5037c}
#content .revista .fichario .content .box h3{ font-size:14px; color:#370623; margin:0 0 6px 0}
#content .revista .fichario .content .box p{ color:#828282; font-size:13px; line-height:18px; white-space:normal}
#content .revista .fichario .meufichario{ position:absolute; top:10px; right:23px;}
/*INTERNA - Download*/
#content .download{}
#content .download .destaque{ background:url('../img/bg_destaque_promocao.png') no-repeat; width:921px; height:670px; padding:18px; margin:0 0 10px 0; position:relative}
#content .download .destaque h2{position:absolute; z-index:10; left:50px; top:80px;}
#content .download .destaque .walldestaque{ position:absolute; z-index:9}
#content .download .destaque .tamanhos{ position:absolute; z-index:10; bottom:80px; left:50px}
#content .download .destaque .desc p{ color:#828282; font-size:13px; line-height:17px; margin:0 0 22px 0}
#content .download .destaque .desc p a{ color:#b73596; text-decoration:none;}
#content .download .destaque .desc p a:hover{ text-decoration:underline}
#content .download .fichario{ background:url('../img/bg_fichario-downloads.png') no-repeat; width:963px; height:270px; position:relative; padding-top:30px; margin:50px 0 0 0}
#content .download .fichario .aba{ width:800px; height:63px; position:absolute; top:0; margin:-31px 0 0 0}
#content .download .fichario .aba li{}
#content .download .fichario .aba li a{ float:left}
#content .download .fichario .aba .wallpapers{ width:233px; float:left}
#content .download .fichario .aba .backgrounds{ width:231px; float:left}
#content .download .fichario .aba .emoticons{ width:205px; float:left}
#content .download .fichario .content{ padding:25px 0 0 20px}
#content .download .fichario .content .box{ width:221px; float:left; margin:0 13px 0 0}
#content .download .fichario .content .box .img{ margin:0 0 5px 0}
#content .download .fichario .content .box .img img{ border:1px solid #f1f1f1}
#content .download .fichario .content .box .tamanhos img{ vertical-align:top}
#content .download .fichario .content .last-box{ width:246px}
#content .download .fichario .meufichario{ position:absolute; top:10px; right:23px;}
/*INTERNA - Manifesto*/
#content .manifesto{}
#content .manifesto .destaque{ background:url('../img/bg_destaque_promocao.png') no-repeat; width:921px; height:670px; padding:18px; margin:0 0 10px 0; position:relative}
#content .manifesto .destaque .img{ float:left; width:336px; margin:35px 28px 0 0; background:#fff}
#content .manifesto .destaque .desc{ float:left; width:490px; background:#fff; padding:35px 0 0 0}
#content .manifesto .destaque .desc h2{ margin:25px 0 18px 0}
#content .manifesto .destaque .desc h3{ font-size:20px; color:#e2007a; font-weight:normal;}
#content .manifesto .destaque .desc p{ color:#828282; font-size:16px; line-height:25px; margin:0 0 22px 0}
#content .manifesto .destaque .desc p a{ color:#b73596; text-decoration:none;}
#content .manifesto .destaque .desc p a:hover{ text-decoration:underline}
#content .manifesto .fichario{ background:url('../img/bg_fichario-home.png') no-repeat; width:963px; height:485px; position:relative; padding-top:30px; margin:50px 0 0 0}
#content .manifesto .fichario .aba{ background: url('../img/aba-fichario-promocoes.png') no-repeat; width:526px; height:63px; position:absolute; top:0; margin:-31px 0 0 0}
#content .manifesto .fichario .aba li{ text-indent:-9999px;}
#content .manifesto .fichario .aba li a{ text-indent:-9999px; float:left}
#content .manifesto .fichario .aba .moda a{ width:109px; height:55px; display:block}
#content .manifesto .fichario .aba .beleza a{ width:132px; height:55px; display:block}
#content .manifesto .fichario .aba .musica a{ width:135px; height:55px; display:block}
#content .manifesto .fichario .aba .atitude a{ width:140px; height:55px; display:block}
#content .manifesto .fichario .content{ padding:25px 0 0 20px}
#content .manifesto .fichario .content .box{ width:315px; float:left; margin:0 20px 0 0}
#content .manifesto .fichario .content .last-box{ width:246px}
#content .manifesto .fichario .content .box h2{ font-size:19px; margin:0 0 11px 0}
#content .manifesto .fichario .content .box h2.rosa{color:#e2007a}
#content .manifesto .fichario .content .box h2.roxo{color:#a5037c}
#content .manifesto .fichario .content .box h3{ font-size:15px; color:#370623; margin:0 0 6px 0}
#content .manifesto .fichario .meufichario{ position:absolute; top:10px; right:23px;}
/*INTERNA - Revista*/
#content .colabore{}
#content .colabore .destaque{ background:url('../img/bg_destaque_promocao.png') no-repeat; width:921px; height:670px; padding:18px; margin:0 0 10px 0; position:relative}
#content .colabore .destaque .header{ background:#fff; padding:35px 40px 0 40px}
#content .colabore .destaque .header .titulo{ float:left}
#content .colabore .destaque .header .navegacao{ float:right}
#content .colabore .destaque .header .navegacao .anterior{ background:url('../img/bt/anterior_off.gif') no-repeat; width:64px; height:23px; display:block; float:left; margin:0 8px 0 0}
#content .colabore .destaque .header .navegacao .proximo{ background:url('../img/bt/proximo_off.gif') no-repeat; width:64px; height:23px; display:block; float:left}
#content .colabore .destaque .header .navegacao .anterior:hover{ background:url('../img/bt/anterior_on.gif') no-repeat; width:64px; height:23px; display:block; float:left}
#content .colabore .destaque .header .navegacao .proximo:hover{ background:url('../img/bt/proximo_on.gif') no-repeat; width:64px; height:23px; display:block; float:left}
#content .colabore .destaque .content{ background:#fff; color:#828282; padding:35px 40px 0 40px}
#content .colabore .destaque .content h2{ color:#ee66af; font-size:30px;}
#content .colabore .destaque .content h3{ color:#959595; font-size:18px; margin:0 0 13px 0}
#content .colabore .destaque .content p{ line-height:18px;}
#content .colabore .destaque .content .img{ margin:0 0 13px 0}
#content .colabore .destaque .content a{ color:#ee66af; font-size:11px;}
#content .colabore .destaque .content small{ font-size:11px;}
#content .colabore .destaque .content .pink{ color:#ee66af; font-style:italic}
#content .colabore .destaque .content span{ font-size:20px;}
#content .colabore .destaque .content .left{ float:left; width:395px; margin:0 50px 0 0}
#content .colabore .destaque .content .right{ float:right; width:395px;}
#content .colabore .destaque .img{ float:left; width:490px; margin:0 22px 0 0; background:#fff}
#content .colabore .destaque .desc{ float:left; width:390px; background:#fff}
#content .colabore .destaque .desc h2{ margin:25px 0 18px 0}
#content .colabore .destaque .desc h3{ font-size:20px; color:#e2007a; font-weight:normal;}
#content .colabore .destaque .desc p{ color:#828282; font-size:13px; line-height:17px; margin:0 0 22px 0}
#content .colabore .destaque .desc p a{ color:#b73596; text-decoration:none;}
#content .colabore .destaque .desc p a:hover{ text-decoration:underline}
#content .colabore .fichario{ background:url('../img/bg_fichario-home.png') no-repeat; width:963px; height:485px; position:relative; padding-top:30px; margin:50px 0 0 0}
#content .colabore .fichario .aba{ position:absolute; top:0; margin:-32px 0 0 0}
#content .colabore .fichario .aba li{ float:left; height:60px}
#content .colabore .fichario .aba li a{ float:left; vertical-align:bottom}
#content .colabore .fichario .aba li a img{ vertical-align:bottom; position:relative; z-index:90}
#content .colabore .fichario .aba li .ativo{ position:relative; z-index:99;}
/*
#content .colabore .fichario .aba .tudo a{ width:167px; height:55px; display:block}
#content .colabore .fichario .aba .cult a{ width:105px; height:55px; display:block}
#content .colabore .fichario .aba .estilo a{ width:126px; height:55px; display:block}
#content .colabore .fichario .aba .atitude a{ width:127px; height:55px; display:block}
#content .colabore .fichario .aba .ligada a{ width:117px; height:55px; display:block}
#content .colabore .fichario .aba .saude a{ width:162px; height:55px; display:block}
#content .colabore .fichario .aba .colabore a{ width:140px; height:55px; display:block}
*/
#content .colabore .fichario .content{ padding:25px 45px 0 30px;}
#content .colabore .fichario .content h2{ font-size:30px; color:#c968b0; margin:20px 0 20px 0}
#content .colabore .fichario .content p{ color:#828282; line-height:23px; margin-top:0;}
#content .colabore .fichario .content p.big{ font-size:16px;}
#content .colabore .fichario .content .left{ float:left; width:410px;}
#content .colabore .fichario .content .right{ float:right; width:410px;}
#content .colabore .fichario .content .lbl{ color:#ee66af; font-size:13px; float:left; padding:10px 20px 0 20px}
#content .colabore .fichario .content .lbl_chk{ color:#7e7e7e; font-size:13px; float:left; padding:10px 20px 0 20px}
#content .colabore .fichario .content .lbl_chk a{ color:#ee66af; text-decoration:none;}
#content .colabore .fichario .content .input_w390{ background:url('../img/form/input_w390.gif') no-repeat; width:392px; height:34px; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w390_text{ background:url('../img/form/input_w390_text.gif') no-repeat; width:392px; height:139px; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w390_file{ background:url('../img/form/input_w390.gif') no-repeat; width:392px; height: 34px; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w390 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:375px; border:0; background:transparent}
#content .colabore .fichario .content .input_w390_file input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; border:0; background:transparent; width:200px;}
#content .colabore .fichario .content .input_w390_text textarea{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:375px; border:0; background:transparent}
#content .colabore .fichario .content .input_w390_erro{ background:url('../img/form/input_w390_erro.gif') no-repeat; width:392px; height:34px; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w390_erro input{ color:#fff; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:375px; border:0; background:transparent}
#content .colabore .fichario .content .input_w60{ background:url('../img/form/input_w60.gif') no-repeat; width:62px; height:34px; float:left; margin:0 4px 10px 0}
#content .colabore .fichario .content .input_w60 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:48px; border:0; background:transparent}
#content .colabore .fichario .content .input_w100{ background:url('../img/form/input_w100.gif') no-repeat; width:102px; height:34px; float:left; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w100 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:88px; border:0; background:transparent}
#content .colabore .fichario .content .input_w200{ background:url('../img/form/input_w200.gif') no-repeat; width:204px; height:34px; float:left; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w200 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:185px; border:0; background:transparent}
#content .colabore .fichario .content .input_w70{ background:url('../img/form/input_w70.gif') no-repeat; width:68px; height:34px; float:left; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w70 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:55px; border:0; background:transparent}
#content .colabore .fichario .content .input_w70 select{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:55px; border:0; background:transparent}
#content .colabore .fichario .content .input_w3902 select{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; background:url('../img/form/input_w390.gif') no-repeat; width:392px; height:34px; margin:10px;padding:7px; border:0 none}
#content .colabore .fichario .content .input_w180{ background:url('../img/form/input_w180.gif') no-repeat; width:184px; height:34px; float:left; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w180 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:175px; border:0; background:transparent}
#content .colabore .fichario .content .input_w90{ background:url('../img/form/input_w90.gif') no-repeat; width:88px; height:34px; float:left; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w90 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:75px; border:0; background:transparent}
#content .colabore .fichario .content .input_w50{ background:url('../img/form/input_w50.gif') no-repeat; width:58px; height:34px; float:left; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w50 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:40px; border:0; background:transparent}
#content .colabore .fichario .content .input_w115{ background:url('../img/form/input_w115.gif') no-repeat; width:115px; height:34px; float:left; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w115 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:6px 0 0 9px; width:105px; border:0; background:transparent}
#content .colabore .fichario .content .input_w35{ background:url('../img/form/input_w35.gif') no-repeat; width:35px; height:34px; float:left; margin:0 0 10px 0}
#content .colabore .fichario .content .input_w35 input{ color:#ee66af; font-family:"Trebuchet MS"; font-size:13px; margin:10px 0 0 11px; border:0; background:transparent}
#content .colabore .fichario .content .alert{ float:left}
#content .colabore .fichario .content .bt{ float:right}
#content .colabore .fichario .content .box{ width:181px; float:left; margin:0 5px 0 0}
#content .colabore .fichario .content .last-box{ width:152px}
#content .colabore .fichario .content .box h2{ font-size:15px; margin:0 0 11px 0}
#content .colabore .fichario .content .box h2.rosa{color:#e2007a}
#content .colabore .fichario .content .box h2.roxo{color:#a5037c}
#content .colabore .fichario .content .box h3{ font-size:14px; color:#370623; margin:0 0 6px 0}
#content .colabore .fichario .content .box p{ color:#828282; font-size:13px; line-height:18px}
#content .colabore .fichario .meufichario{ position:absolute; top:10px; right:23px;}
/*barra rosa*/
#content .nav{ background: url('../img/bg_nav_rosa.png') no-repeat; width:915px; height:39px; margin:20px auto 0 auto; padding:4px 0 0 2px}
#content .nav .wrapper{ background:url('../img/bg_nav.png') no-repeat; width:198px; height:23px; margin:0 0 0 85px; padding:12px 0 0 12px}
#content .nav .wrapper .left{ float:left; width:11px;}
#content .nav .wrapper .stars{ float:left; width:160px; text-align:center;}
#content .nav .wrapper .right{ float:left; width:11px;}
/*BUSCAR*/
.box-busca{ background: url('../img/bg_addmaisbusca.png') no-repeat; width:955px; height:52px; padding:10px 0 0 0}
.box-busca .addme{ float:left; padding:0 0 0 120px}
.box-busca .busca{ float:right; margin:0 10px 0 0}
.box-busca .busca .input{ background: url('../img/inputs/ipt_busca.png') no-repeat; width:296px; height:42px; float:left; margin:0 10px 0 0}
.box-busca .busca .input input{ width:284px; font-size:23px; margin:6px 0 0 5px; font-family:Tahoma; color:#828282; border:0; background:transparent}
.box-busca2{ background: url('../img/bg_addmaisbusca.png') no-repeat;width:955px;height:52px;padding:10px 0 0 0;}
.box-busca2 .addme2{ float:left; padding:0 0 0 120px;}
.box-busca2 .busca2{ float:right; margin:0 10px 0 0;height:48px;}
.box-busca2 .busca2 .input2{ background: url('../img/inputs/ipt_busca.png') no-repeat; width:296px; height:42px; float:left; margin:0 10px 0 0}
.box-busca2 .busca2 .input2 input{ width:284px; font-size:23px; margin:6px 0 0 5px; font-family:Tahoma; color:#828282; border:0; background:transparent}
/*TAGCLOUDS*/
.tagclouds{ margin:45px 0 0 0}
.tagclouds .wrapper{ margin:0 0 0 55px}
/*FACEBOOK*/
.shared-facebook{}
.shared-facebook .like{ float:left;}
.shared-facebook p{ float:left; margin:2px 0 0 10px; font-family:Tahoma; font-size:10px; vertical-align:middle}
.shared-facebook p img{ vertical-align:middle}
/*FACEBOOK - template 2*/
.shared-facebook2{ position:absolute; bottom:60px; right:50px}
.shared-facebook2 .like{ float:left;}
.shared-facebook2 p{ float:left; margin:2px 0 0 10px; font-family:Tahoma; font-size:10px; color:#7e7e7e; vertical-align:middle}
.shared-facebook2 p img{ vertical-align:middle}
/*FACEBOOK - template 3*/
.shared-facebook3{ position:absolute; bottom:80px; right:50px; z-index:10}
.shared-facebook3 .like{ float:left;}
.shared-facebook3 p{ float:left; margin:2px 0 0 10px; font-family:Tahoma; font-size:10px; color:#7e7e7e; vertical-align:middle}
.shared-facebook3 p img{ vertical-align:middle}
/*FACEBOOK - template 4*/
.shared-facebook4{ position:absolute; bottom:80px; right:90px; z-index:10}
.shared-facebook4 .like{ float:left;}
.shared-facebook4 p{ float:left; margin:2px 0 0 10px; font-family:Tahoma; font-size:10px; color:#7e7e7e; vertical-align:middle}
.shared-facebook4 p img{ vertical-align:middle}
/*SIDEBAR googlefriends + about + tweets + lastfm*/
#sidebar{ width:963px; padding:0 0 0 3px}
#sidebar .rosa{ background:url('../img/bg_box_rosa.png') no-repeat;}
#sidebar .branco{ background:url('../img/bg_box_branco.png') no-repeat}
#sidebar .box{ width:190px; height:232px; float:left; margin:0 12px 0 0; _margin:0 10px 0 0; padding:20px; }
#sidebar .box h2{ margin:0 0 25px 0}
#sidebar .box h3{ color:#e2007a; font-size:16px; font-weight:normal;}
#sidebar .box p{ color:#666666; line-height:18px;}
#sidebar .box a{ font-size:13px; color:#b73596; font-weight:bold; text-decoration:none}
#sidebar .box a:hover{ text-decoration:underline}
#sidebar .box ul{}
#sidebar .box ul li{ color:#dc75a7; border-bottom:1px dotted #b6b6b6; font-size:12px; padding:0 0 7px 0; margin:0 0 7px 0}
#sidebar .box ul li a{ color:#dc75a7; font-size:12px; text-decoration:none;}
#sidebar .box ul li a:hover{ text-decoration:underline;}
#sidebar .box .gf{ margin:0 0 0 -10px}
#sidebar .last{ margin:0}
#sidebar .lastfm{ width:160px; margin:0 auto}
/*footer*/
#footer{ background:url('../img/bg_footer.png') repeat-x; height:282px; margin:190px 0 0 0 }
#footer .wrapper{ width:1002px; padding:0 23px; margin:0 auto}
#footer .copy{ float:left; width:580px; color:#8f5982; font-size:9px; margin:80px 0 0 0}
#footer .copy p{ line-height:15px;}
#footer .logos{ float:right}
#footer .logos .penelope{ margin:-100px 0 25px 0; position:relative;}
#footer .logos .warner{ margin:0 0 0 -150px; position:absolute;}
/* scrollable div area */
#scrollable1 {
float: left;
width: 300px;
height: 200px;
border: 1px solid #ccc;
overflow: hidden;
white-space: nowrap;
}
/* vertical track */
#track1 {
float: left;
width: 15px;
height: 200px;
margin-left: 10px;
background-color: #ccc;
}
/* vertical track handle */
#handle1 {
width: 15px;
height: 20px;
background-color: #f00;
cursor: move;
}
/* horizontal track */
#track2 {
float: left;
clear: both;
width: 300px;
height: 15px;
margin-top: 10px;
background-color:#ccc;
}
/* horizontal track handle */
#handle2 {
width: 20px;
height: 15px;
background-color: #f00;
cursor: move;
}
/* scrollable div area */
#scrollable2 {
float: left;
width: 900px;
overflow: hidden;
white-space: nowrap;
}
#scrollable3 {
float: left;
width: 900px;
overflow: hidden;
white-space: nowrap;
}
#scrollable4 {
float: left;
width: 900px;
overflow: hidden;
white-space: nowrap;
}
#scrollable5 {
float: left;
width: 900px;
overflow: hidden;
white-space: nowrap;
}
#scrollable6 {
float: left;
width: 900px;
overflow: hidden;
white-space: nowrap;
}
#scrollable7 {
float: left;
width: 900px;
overflow: hidden;
white-space: nowrap;
}
#scrollable8 {
float: left;
width: 900px;
overflow: hidden;
white-space: nowrap;
}
/* wrap to make sure that image area is clickable */
#wrap3 {
float: left;
width: 15px;
height: 201px;
background: transparent url(images/scrollbar-track-bottom.png) no-repeat bottom left;
}
/* top image of track */
#track3-top {
position: absolute;
width: 15px;
height: 15px;
background: transparent url(images/scrollbar-track-top.png) no-repeat top left;
}
/* vertical track */
#track3 {
position: absolute;
width: 15px;
height: 201px;
}
/* vertical track handle */
#handle3 {
width: 15px;
height: 37px;
}
/* wrap to make sure that image area is clickable */
#wrap4 {
clear: both; }
/* left image of track */
#track4-left {
position: absolute;
width: 15px;
height: 15px;
background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
}
/* horizontal track */
#track4 {
position: absolute;
width: 740px;
height: 35px;
cursor:pointer
}
/* horizontal track handle */
#handle4 {
width: 37px;
height: 15px;
}
/* wrap to make sure that image area is clickable */
#wrap5 {
clear: both;
}
/* left image of track */
#track5-left {
position: absolute;
width: 15px;
height: 15px;
background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
}
/* horizontal track */
#track5 {
position: absolute;
width: 740px;
height: 35px;
cursor:pointer
}
/* horizontal track handle */
#handle5 {
width: 37px;
height: 15px;
}
#wrap6 {
clear: both;
}
/* left image of track */
#track6-left {
position: absolute;
width: 15px;
height: 15px;
background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
}
/* horizontal track */
#track6 {
position: absolute;
width: 740px;
height: 35px;
cursor:pointer
}
/* horizontal track handle */
#handle6 {
width: 37px;
height: 15px;
}
#wrap7 {
clear: both;
}
/* left image of track */
#track7-left {
position: absolute;
width: 15px;
height: 15px;
background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
}
/* horizontal track */
#track7 {
position: absolute;
width: 740px;
height: 35px;
cursor:pointer
}
/* horizontal track handle */
#handle7 {
width: 37px;
height: 15px;
}
#wrap8 {
clear: both;
}
/* left image of track */
#track8-left {
position: absolute;
width: 15px;
height: 15px;
background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
}
/* horizontal track */
#track8 {
position: absolute;
width: 740px;
height: 35px;
cursor:pointer
}
/* horizontal track handle */
#handle8 {
width: 37px;
height: 15px;
}
#wrap9 {
clear: both;
}
/* left image of track */
#track9-left {
position: absolute;
width: 15px;
height: 15px;
background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
}
/* horizontal track */
#track9 {
position: absolute;
width: 740px;
height: 35px;
cursor:pointer
}
/* horizontal track handle */
#handle9 {
width: 37px;
height: 15px;
}
#wrap10 {
clear: both;
}
/* left image of track */
#track10-left {
position: absolute;
width: 15px;
height: 15px;
background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
}
/* horizontal track */
#track10 {
position: absolute;
width: 740px;
height: 35px;
cursor:pointer
}
/* horizontal track handle */
#handle10 {
width: 37px;
height: 15px;
}