/* xbrowser - css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration:none; }

/* content */
html { height: 100%; overflow-x:hidden; }
body { background-repeat:repeat-y; background-color:#BA6191; font-family: Arial, Helvetica, sans-serif; height: 100%; } /*url(../images/background/stars.jpg) */
body.naturals { background-color:#8DC3A1; }
body.emotion { background-color:#BA6191; } 
body.kenzo { background-color:#8191a1; } 
body.balenciaga { background-color:#F3E2D0; } 

.content { width: 100%; float: left; padding-bottom: 30px; position: relative; }

/* header */
h1 a { display: block; width: 48px; height: 48px; position: absolute; top: 79px; left: 50%; margin-left: -22px; text-indent: -5000em; background: url(../images/logo-rexona.png) -48px 0 no-repeat;  }

.menu { position: absolute; width: 940px; height: 40px; top: 20px; left: 50%; margin-left: -470px; background-color: transparent; z-index: 2; float: left; }

.menu ul li a { display:block; height:17px; text-indent:-5000em; background-repeat:no-repeat; background-position:0 0; cursor: pointer; }

.menu ul.conteudo { display: inline; float: left; }
.menu ul.conteudo li { display: inline; float: left; margin-right: 10px; }

.menu ul li.sobre a { width:90px; background-image:url(../images/botoes/sobre.png); }
.menu ul li.produtos a { width:70px; background-image:url(../images/botoes/produtos.png); }
.menu ul li.imprensa a { width:68px; background-image:url(../images/botoes/imprensa.png); }
.menu ul li.fale-conosco a { width:95px; background-image:url(../images/botoes/fale-conosco.png); }
.menu ul li.rexona-teens a { width:120px; background-image:url(../images/botoes/rexona-teens.png); }

.menu ul.logado, .menu ul.autenticacao { display: inline; float: right; }
.menu ul.logado li, .menu ul.autenticacao li { display: inline; float: left; margin-left: 10px; }

.menu ul.logado { display: none; background: url(../images/background/logado.png) no-repeat left top; }

.menu ul.submenu { float:left; width:230px; position: absolute; top: 74px; left: 0;  }
.menu ul.submenu li { float:left; margin-right:30px; }
.menu ul.submenu li a { height:28px; }

.menu ul li.nome { background: url(../images/background/logado.png) no-repeat right bottom; padding-right: 9px; margin-left: 9px; }
.menu ul li.nome span { float: left; display: inline; background: #fff; height: 17px; line-height: 16px; font-size: 11px; color: #999; font-weight: normal; }

.menu ul li.login a { width:50px; background:url(../images/botoes/login.png); }
.menu ul li.cadastre a { width:82px; background:url(../images/botoes/cadastre.png); }
.menu ul li.sair a { width:51px; background:url(../images/botoes/sair.png); }

.menu ul li a:hover { background-position:0 -17px; }
.menu ul li.sair a:hover { background-position:1px -17px; }

.menu ul li.men a { width:61px; background:url(../images/titulos/men.png) top left; height: 26px; }
.menu ul li.women a { width:108px; background:url(../images/titulos/women.png) top left; height: 26px; }
.menu ul li.men a:hover, .menu ul li.women a:hover { height: 28px; background-position:top left }

.menu form { float:right; width:220px; height:42px; background:url(../images/background/form-busca.gif) no-repeat; position: absolute; top: 63px; right: 0px; }
.menu form b { position: absolute; font-size:20px; font-weight:bold; color:#999; letter-spacing:-1px; left: 17px; top: 10px; cursor: text; }
.menu form input { float:left; border:0; width:168px; height:32px; margin:1px 0 0 16px; padding-top:6px; font-size:20px; font-weight:bold; color:#999; letter-spacing:-1px; }
.menu form button.buscar { float:left; width:25px; height:26px; margin-top:7px; display:block; text-indent:-5000em; background:url(../images/botoes/buscar.gif) no-repeat; border: 0; }
.menu form button.buscar:hover { background-position:0 -26px; }

/* footer */
.footer{_position:relative !important;}
.footer {/*alt.c*/_display:inline; width: 100%; float: left; height: 165px; background-color: #fff; _background-color: #fff;  }
.footer .footer-content { position: relative; float: left; width: 980px; left: 50%; margin-left: -470px; display: inline; background-color:#fff; }

.footer .menu { float: left; width: 280px; height: 165px; background-color: #fff; }

.footer .institucional {/*alt.c*/_display:inline;_overflow:hidden; float:left; position:relative; width:287px; margin-top:20px; background-color:#fff; }

.footer .institucional ul li { float:left; display:inline; }
.footer .institucional ul li a { display:block; text-indent:-5000em; background-repeat:no-repeat; }
.footer .institucional ul.marca { float:left; width:140px; }
.footer .institucional ul.marca li { margin-right:10px; }
.footer .institucional ul.marca li a { width:60px; height:60px; }
.footer .institucional ul.marca li.unilever a { background-image:url(../images/logo-unilever.gif); }
.footer .institucional ul.marca li.rexona a { background-image:url(../images/logo-rexona.gif); }

.footer .institucional p { position:absolute; width:81px; height:28px; left:0px; top:72px; display:block; background:url(../images/titulos/nao-te-abandona.gif) no-repeat; text-indent:-5000em; }

.footer .institucional ul.menu-rexona { float:left; width:95px; }
.footer .institucional ul.menu-rexona li { margin-bottom:1px; }
.footer .institucional ul.menu-rexona li a { height:17px; background: no-repeat; }
.footer .institucional ul.menu-rexona li.sobre a { width:92px; background-image:url(../images/botoes/institucional-sobre.gif); }
.footer .institucional ul.menu-rexona li.produtos a { width:71px; background-image:url(../images/botoes/institucional-produtos.gif); }
.footer .institucional ul.menu-rexona li.imprensa a { width:68px; background-image:url(../images/botoes/institucional-imprensa.gif); }
.footer .institucional ul.menu-rexona li.fale-conosco a { width:95px; background-image:url(../images/botoes/institucional-fale-conosco.gif); }
.footer .institucional ul.menu-rexona li.rexona-ades a { width:87px; background-image:url(../images/botoes/institucional-rexona-ades.gif); }
.footer .institucional ul.menu-rexona li.volei a { width:93px; background-image:url(../images/botoes/institucional-volei.png); }

.footer .mais-rexona {/*alt.c*/_display:inline;_overflow:hidden; float:left; width:360px; height:145px; margin:20px 0 0 13px; background-color:#fff; display:inline; }

.footer .mais-rexona h2 { width:137px; height:30px; display:block; background:url(../images/titulos/mais-rexona.gif) no-repeat; text-indent:-5000em; }

.footer .mais-rexona ul { float:left; margin:12px 0 0 9px; display:inline; }
.footer .mais-rexona ul li { float: left; width:301px; list-style-position:outside; height: 13px; line-height: 13px; margin-bottom: 4px; }
.footer .mais-rexona ul li a { float: left; width:206px;/*alt.c*/_width:120%; padding-left:120px; font-size:11px; color:#999; line-height: 13px; }

.footer .mais-rexona ul li a { background:url(../images/icones/mais-rexona-home.gif) no-repeat; } 

.footer .mais-rexona ul li.email a { background-position: 0 0; } 
.footer .mais-rexona ul li.twitter a { background-position: 0 -17px; }
.footer .mais-rexona ul li.twitter-women a { background-position: 0 -34px; }
.footer .mais-rexona ul li.rss a { background-position: 0 -51px; }
.footer .mais-rexona ul li.rss-women a { background-position: 0 -68px; }

.footer .video { float: left; width: 220px; padding-left: 60px; height: 165px; background: 150px 50px #BA6191; } /*url(../images/background/stars.jpg) */
body.naturals .footer .video { background-color:#91C6A1; }
body.emotion .footer .video { background-color:#BA6191; }
body.kenzo .footer .video { background-color:#8191a1; }
body.balenciaga .footer .video { background-color:#F3E2D0; }

span.sacparadeficientes { float: left; display: inline; font-size: 11px; color: #000; font-style: normal; font-weight:bold; padding:20px 0 2px; margin-left:2px; } 
span.sacparadeficientes em { color:#999; font-style:normal; }
address { float: left; display: inline; font-size: 10px; color: #999; font-style: normal; padding-top:0; margin-left:2px; }
.footer a.termos { float: left; width: 80px; display: inline; font-size: 10px; color: #999; margin-left: 10px; text-decoration: underline; }

/* Modals */
/* overlay */
.overlay { position: absolute; top: 0; left: 0; width: 100%; background: url(../images/backgrounds/overlay.gif); z-index: 100; }
.overlay .under-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }

/* modal */
.modal { position: absolute; top: 0; left: 0; width: 100%; z-index: 101; }

.modal-content { position: relative; margin: 0 auto 0; background-color: #fff; }

.modal select, .modal input { background: url(../images/background/input.gif) no-repeat; }


/* login */
.modal .login { width: 183px; height: 224px; left: 285px; padding-top: 16px; }

.modal .login h2 { width: 58px; height: 15px; text-indent: -5000em; background: url(../images/titulos/modal-login.gif); margin-left: 16px; }

.modal .login fieldset { margin: 14px 0 0 15px; }
.modal .login fieldset legend { display: none; }
.modal .login fieldset label { display: block; font-size: 12px; font-family: Arial; margin: 8px 0 0; }
.modal .login fieldset label b { font-weight: normal; color: #999; }
.modal .login fieldset input { width: 144px; height: 16px; font-size: 11px; font-family: Arial; border: 1px solid #aca899; border-bottom-color: #f1efe2; border-right-color: #f1efe2; padding: 3px 4px 0; margin: 4px 0 0; }

.modal .login fieldset label.senha { margin-top: 9px; }

.modal .login fieldset button.enviar { display: block; overflow: hidden; border: 0; width: 110px; height: 35px; background: url(../images/botoes/modal-enviar.gif) no-repeat; text-indent: -5000em; cursor: pointer; margin-top: 18px; }
.modal .login fieldset button.enviar:hover { background-position: 0 -35px; }

.modal .login a { display: block; font-size: 11px; font-family: Arial; text-decoration: underline; color: #999; margin: 2px 0 0 2px; line-height: 140%; }
.modal .login a.fechar { position: absolute; text-indent: -5000em; height: 35px; top: 10px; right: 9px; width: 25px; height: 26px; background: url(../images/botoes/modal-fechar.gif) no-repeat; margin: 0; }

/* regulamento */
.modal .regulamento { width: 560px; height: 440px; padding-top: 17px; }
.modal .regulamento a.fechar { display: block; position: absolute; text-indent: -5000em; height: 35px; top: 10px; right: 12px; width: 25px; height: 26px; background: url(../images/botoes/modal-fechar.gif) no-repeat; }

.modal .regulamento div#concursocutural-regulamento { width:500px; height:360px; padding:20px; overflow:auto; }
.modal .regulamento h2,
.modal .regulamento h3 { padding:0 0 0 15px; font-size:14px; }
.modal .regulamento strong { display:block; padding:20px 0 0 0; }
.modal .regulamento p { font-size: 12px; font-family: Arial; margin: 17px 0 0 14px; line-height: 116%; width: 480px; }

/* newsletter */
.modal .newsletter { width: 318px; height: 206px; padding-top: 17px; }

.modal .newsletter h2 { width: 103px; height: 15px; text-indent: -5000em; background: url(../images/titulos/newsletter.gif); margin-left: 13px; }
.modal .newsletter p { font-size: 12px; font-family: Arial; margin: 17px 0 0 14px; line-height: 116%; width: 255px; }

.modal .newsletter fieldset { margin: 0 0 0 15px; }
.modal .newsletter fieldset input { width: 277px; height: 17px; color: #666; font-size: 11px; font-family: Arial; border: 1px solid #aca899; border-bottom-color: #f1efe2; border-right-color: #f1efe2; padding: 2px 5px 0; margin: 4px 0 0; }
.modal .newsletter fieldset label { clear:both; display: block; font-size: 12px; font-family: Arial; margin:0; }
.modal .newsletter fieldset label b { font-weight: normal; color: #999; }

.modal .newsletter fieldset label.universo-men,
.modal .newsletter fieldset label.universo-women { clear:none; float:left; width:100px; padding:5px 0; }
.modal .newsletter fieldset label.universo-men b,
.modal .newsletter fieldset label.universo-women b { float:left; display:block; width:50px; padding:3px 0 0 3px; color:#333; }
.modal .newsletter fieldset label.universo-men input,
.modal .newsletter fieldset label.universo-women input { float:left; display:block; width:15px; padding:0; margin:0; border:none; background:transparent; }

.modal .newsletter fieldset button.enviar { float: left; display: block; overflow: hidden; border: 0; width: 110px; height: 35px; background: url(../images/botoes/modal-enviar.gif) no-repeat; text-indent: -5000em; cursor: pointer; margin-top: 25px; }
.modal .newsletter fieldset button.enviar:hover { background-position: 0 -35px; }

.modal .newsletter a.fechar { display: block; position: absolute; text-indent: -5000em; height: 35px; top: 10px; right: 12px; width: 25px; height: 26px; background: url(../images/botoes/modal-fechar.gif) no-repeat; }

/* email amigo */
.modal .post-email { width: 318px; height: 460px; padding-top: 17px; }

.modal .post-email h2 { width: 160px; height: 15px; text-indent: -5000em; background: url(../images/titulos/enviar-por-email.gif); margin-left: 13px; }
.modal .post-email p, .modal .post-email small { font-size: 12px; font-family: Arial; }
.modal .post-email p.primeiro { margin: 17px 0 0 14px; line-height: 116%; }

.modal .post-email fieldset { margin: 10px 0 0 15px; }
.modal .post-email fieldset small { float: left; 100%; color: #999; font-size: 11px; margin-top: 3px; }

.modal .post-email fieldset input { width: 277px; height: 17px; color: #666; font-size: 11px; font-family: Arial; border: 1px solid #aca899; border-bottom-color: #f1efe2; border-right-color: #f1efe2; padding: 2px 5px 0; margin: 4px 0 0; }
.modal .post-email fieldset textarea { width: 277px; height: 75px; color: #666; font-size: 11px; font-family: Arial; border: 1px solid #aca899; border-bottom-color: #f1efe2; border-right-color: #f1efe2; padding: 2px 5px 0; margin: 4px 0 0; background: url(../images/background/input.gif) no-repeat; }

.modal .post-email fieldset label { display: block; font-size: 12px; font-family: Arial; margin: 10px 0 0; }
.modal .post-email fieldset label b { font-weight: normal; color: #999; }

.modal .post-email fieldset button.enviar { float: left; display: block; overflow: hidden; border: 0; width: 110px; height: 35px; background: url(../images/botoes/modal-enviar.gif) no-repeat; text-indent: -5000em; cursor: pointer; margin-top: 26px; }
.modal .post-email fieldset button.enviar:hover { background-position: 0 -35px; }

.modal .post-email a.fechar { display: block; position: absolute; text-indent: -5000em; height: 35px; top: 10px; right: 12px; width: 25px; height: 26px; background: url(../images/botoes/modal-fechar.gif) no-repeat; }

/* cadastro */
.modal .cadastro { width: 318px; height: 580px; padding-top: 17px; left: 311px; }

.modal .cadastro h2 { width: 117px; height: 15px; text-indent: -5000em; background: url(../images/titulos/modal-cadastre-se.gif); margin-left: 14px; }
.modal .cadastro p, .modal .cadastro small { font-size: 12px; font-family: Arial; }
.modal .cadastro p.primeiro { margin: 16px 0 0 14px; }

.modal .cadastro fieldset { margin: 14px 0 0 15px; }
.modal .cadastro fieldset small { float: left; 100%; color: #999; font-size: 11px; margin-top: 3px; }

.modal .cadastro fieldset p { display: block; width: 100%; }
.modal .cadastro fieldset p.sexo { float: left; color: #999; margin: 9px 0 0; }
.modal .cadastro fieldset p.avatar { margin: 8px 0 0; }

.modal .cadastro fieldset input { width: 277px; height: 17px; font-size: 11px; font-family: Arial; border: 1px solid #aca899; border-bottom-color: #f1efe2; border-right-color: #f1efe2; padding: 2px 5px 0; margin: 4px 0 0; }
.modal .cadastro fieldset input.radio { width: 14px; height: 14px; border: 0; padding: 0; margin: 0; float: left; }

.modal .cadastro fieldset select { width: 66px; height: 21px; font-size: 11px; font-family: Arial; border: 1px solid #aca899; border-bottom-color: #f1efe2; border-right-color: #f1efe2; padding: 2px;  margin: 4px 0 0; }
.modal .cadastro fieldset select option { background-color: #fff; }

.modal .cadastro fieldset label { display: block; font-size: 12px; font-family: Arial; margin: 9px 0 0; }
.modal .cadastro fieldset label b { font-weight: normal; color: #999; }

.modal .cadastro fieldset label.senha { width: 138px; float: left; }
.modal .cadastro fieldset label.senha input { width: 126px; }
.modal .cadastro fieldset label.redigite-senha { margin-left: 13px; }

.modal .cadastro fieldset label.cidade { width: 210px; float: left; }
.modal .cadastro fieldset label.cidade input { width: 198px; }

.modal .cadastro fieldset label.estado { width: 66px; float: left; margin-left: 13px; }

.modal .cadastro fieldset label.sexo { float: left; width: 81px; margin: 4px 0 0; }
.modal .cadastro fieldset label.sexo b { float: left; margin: 1px 0 0 3px; color: #666; }

.modal .cadastro fieldset label.telefone, .cadastro fieldset label.celular { width: 138px; float: left; }
.modal .cadastro fieldset label.telefone input, .cadastro fieldset label.celular input { width: 126px; }
.modal .cadastro fieldset label.celular { margin-left: 13px; }

.modal .cadastro fieldset label.avatar { float: left; width: 55px; }
.modal .cadastro fieldset label.avatar b { float: left; margin: 2px 0 0 3px; font-size: 11px; }

.modal .cadastro fieldset div.foto { float: left; width: 100%; margin-top: 6px; }
.modal .cadastro fieldset div.foto div.preview { float: left; border: 4px solid #999; position: relative; overflow: hidden; width: 40px; height: 40px; }
.modal .cadastro fieldset div.foto div.preview img { float: left; }

.modal .cadastro fieldset div.foto div.input { float: left; display: inline; width: 224px; height: 16px; font-size: 11px; font-family: Arial; border: 1px solid #aca899; border-bottom-color: #f1efe2; border-right-color: #f1efe2; padding: 3px 4px 0; margin-left: 8px; }
.modal .cadastro fieldset div.foto div.input b { font-weight: normal; }

.modal .cadastro fieldset div.foto iframe#iupload { width:72px; height:17px; cursor:pointer; border:none; margin:0; padding:0; background:#000; float:right; display:inline; margin:5px 14px 0 0; }

.modal .cadastro fieldset div.lista-avatares { display: none; float: left; width: 288px; height: 48px; margin-top: 6px; background-color: #e4e4e4; }
.modal .cadastro fieldset div.lista-avatares a { float: left; border: 4px solid #e4e4e4; width: 40px; height: 40px; margin-right: 12px; }
.modal .cadastro fieldset div.lista-avatares a.last { margin-right: 0; }
.modal .cadastro fieldset div.lista-avatares a.selected, .modal .cadastro fieldset div.lista-avatares a:hover { border: 4px solid #999; }

.modal .cadastro fieldset label.informacoes { float: left; width: 100%; margin-top: 15px; }
.modal .cadastro fieldset label.informacoes b { float: left; margin-left: 6px; font-size: 11px; width: 270px; position: relative; top: -2px; }

.modal .cadastro fieldset button.enviar { float: left; display: block; overflow: hidden; border: 0; width: 110px; height: 35px; background: url(../images/botoes/modal-enviar.gif) no-repeat; text-indent: -5000em; cursor: pointer; margin-top: 19px; }
.modal .cadastro fieldset button.enviar:hover { background-position: 0 -35px; }

.modal .cadastro a.fechar { display: block; position: absolute; text-indent: -5000em; height: 35px; top: 10px; right: 9px; width: 25px; height: 26px; background: url(../images/botoes/modal-fechar.gif) no-repeat; }

/* iframe */
.procurar { width: 72px; height: 17px; min-height: 17px; background: #fff; padding: 0; cursor: pointer; }
.procurar .file { float: left; display:block; width:72px; height:17px; cursor:pointer; background:url(../images/botoes/procurar.gif) no-repeat; overflow:hidden; cursor: pointer; }
.procurar .file input { cursor:pointer; width:auto; height: 17px; margin:0 0 0 -55px; display: none; cursor: pointer; }

/* crop */
.modal .crop { padding-top: 17px; min-width: 303px; }
 
.modal .crop h2 { width: 117px; height: 15px; text-indent: -5000em; background: url(../images/titulos/modal-cadastre-se.gif); margin-left: 14px; }
.modal .crop p { font-size: 12px; font-family: Arial; }
.modal .crop p strong { display: block; width: 117px; height: 11px; text-indent: -5000em; background: url(../images/titulos/modal-veja-como-ficou.gif); }

.modal .crop p.selecione { margin: 14px 0 0 16px; }

.modal .crop div.foto { border: 4px solid #999; border-bottom-width: 7px; background-color: #999; }
.modal .crop div.visualizar { display: inline; float: left; width: 40px; height: 40px; border: 4px solid #999; margin: 14px 0 79px 15px; }

.modal .crop div.como-ficou { float: left; margin: 17px 0 0 10px; }
.modal .crop p.visualizar { color: #999; width: 230px; margin: 7px 0 3px; }

.modal .crop a { display: block; position: absolute; text-indent: -5000em; height: 35px; }

.modal .crop a.voltar { width: 110px; background: url(../images/botoes/modal-voltar.gif) no-repeat; bottom: 19px; left: 13px; }
.modal .crop a.ok { width: 73px; background: url(../images/botoes/modal-ok.gif) no-repeat; bottom: 19px; right: 15px; }

.modal .crop a.ok:hover, .crop a.voltar:hover { background-position: 0 -35px; }

.modal .crop a.fechar { top: 10px; right: 9px; width: 25px; height: 26px; background: url(../images/botoes/modal-fechar.gif) no-repeat; }


/* concluido */
.modal .mensagem { width: 318px; padding: 17px 0 1px; left: 311px; }

.modal .mensagem h2 { width: 100px; height: 15px; text-indent: -5000em; background: url(../images/titulos/modal-obrigado.gif); margin-left: 14px; }
.modal .mensagem p { font-size: 12px; font-family: Arial; margin: 9px 0 24px 16px; }

.modal .mensagem a { display: block; position: absolute; text-indent: -5000em; height: 35px; }
.modal .mensagem a.fechar { top: 10px; right: 9px; width: 25px; height: 26px; background: url(../images/botoes/modal-fechar.gif) no-repeat; }