/* 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;
}

/* document css */
body { background-color: #000; }

h1, .content h2, hr { display: none; }
p, a { font-family: Tahoma; color: #999; font-size: 10px; text-decoration: none; } 
p strong { color: #ccc; }

/* content */
.content { width: 1110px; margin: 0 auto; padding-top: 88px; background: url(../images/vencedoras-background.jpg) left 138px no-repeat; }

.vencedora-nome { float: left; display: inline; margin: 166px 0 0 427px; width: 154px; height: 270px; background: url(../images/vencedoras-fabiola-cristina-melo.jpg) no-repeat; }
.vencedora-nome p, .vencedora-nome small { display: none; }

.grande-vencedora { float: left; display: inline; width: 313px; height: 436px; background: url(../images/vencedoras-grande-vencedora.jpg) no-repeat; }
.grande-vencedora img { display: none; }

.content h3 { float: left; display: inline; width: 836px; height: 25px; margin-left: 80px; background: url(../images/vencedoras-tambem-ganharam.jpg) no-repeat; text-indent: -500em; }

.content ul { margin: 30px 0 0 81px; height: 70px; float: left; display: inline; }
.content ul li { float: left; display: inline; width: 187px; background: 78px 26px no-repeat; }
.content ul li img { float: left; }

.content ul li p small, ul li p strong { display: block; margin-left: 7px; float: left; width: 110px; }

.content ul li.pack-01 { background-image: url(../images/packs-1.jpg); }
.content ul li.pack-02 { background-image: url(../images/packs-2.jpg); }
.content ul li.pack-03 { background-image: url(../images/packs-3.jpg); }
.content ul li.pack-04 { background-image: url(../images/packs-4.jpg); width: 197px; }

.content ul li.pack-04 p small, .content ul li.pack-04 p strong { width: 120px; }

p.primeiro-concurso { float: left; display: inline; width: 140px; margin: 38px 0 0 38px; }
p.primeiro-concurso a { font-weight: bold; }

/* footer */
.footer { clear: both; width: 976px; height: 72px; margin: 0 auto; padding: 57px 0 30px; }

.footer a, .footer p { font-family: arial, sans-serif, helvetica; font-size: 11px; }

.footer a.unilever, div.rexona a { display: block; width: 72px; height: 72px; text-indent: -5000em; float: left; }
.footer address { display: none; }

a.unilever { background: url(../images/unilever.gif); margin-right: 20px; }

div.rexona { float: right; width: 149px; }
div.rexona a.rexona-teens { background: url(../images/rexona-teens.gif); }
div.rexona a.rexona { background: url(../images/rexona.gif); float: right; }

div.dance { float: left; }
div.dance p a { text-decoration:underline; }

p.dance { display: block; width: 252px; height: 10px; text-indent: -5000em; background: url(../images/txt-rexona-teens-dance.gif) no-repeat; margin: 14px 0 6px; }
p.unilever { padding-top: 6px; }

/* modal */
.locker, .modal-body { position: absolute; top: -30px; left: 0; width: 100%; }

.locker { filter: alpha(opacity=82); opacity: 0.82; background: #000; z-index: 103; }
.modal-body { z-index: 104; }

/* modal content */
div.modal-content { position: relative; width: 337px; margin: -240px auto 0; top: 50%; background: #0f0f0f; }

div.modal-content a.fechar { display: block; text-indent: -5000em; width: 59px;  height: 42px; background: url(../images/btn-fechar.gif); position: absolute; top: 5px; right: 13px; }
div.modal-content div.hr { height: 1px; border-top: 1px solid #000; background: #1b1b1b; width: 291px; margin: 4px 0 12px 4px; }

/* modal regulamento */
div.modal-regulamento { position: relative; width: 476px; margin: -240px auto 0; top: 50%; background: #0f0f0f; }

.regulamento { position:relative; width:476px; height:455px; background:url("../images/bg-modal.jpg") repeat-x; }
.regulamento h2 { position:relative; width:138px; height:28px; top:15px; left:35px; background:url("../images/text-regulamento.gif") no-repeat; text-indent:-5000em; }
.regulamento a { position:absolute; width:11px; height:11px; right:40px; top:22px; display:block; background:url("../images/btn-fechar-regulamento.gif") no-repeat; text-indent:-5000em; }

/* .regulamento #regulamento-content { position:relative; width:404px; height:352px; top:27px; margin:0 auto; padding:16px; overflow:auto; background:url("../images/bg-content.jpg") repeat-x; } */
.regulamento .regulamento-bg { position:relative; width: 404px; height:384px; top: 27px; margin:0 auto; background:url("../images/bg-content.jpg") repeat-x; }
.regulamento .regulamento-bg #regulamento-content { position: absolute; top:20px; left: 20px; width: 350px; clip: rect(0px, 500px, 346px, 0px); overflow: hidden; }

.regulamento #regulamento-content h3 { font-family:Arial; font-size:10px; color:#353535 }
.regulamento #regulamento-content p { margin-bottom:14px; font-family:Arial; font-size:10px; color:#353535 }

/* modal termos */
div.modal-termos-uso { position: relative; width: 476px; margin: -240px auto 0; top: 50%; background: #0f0f0f; }

.termos-uso { position:relative; width:476px; height:455px; background:url("../images/bg-modal.jpg") repeat-x; }
.termos-uso h2 { position:relative; width:157px; height:22px; top:15px; left:35px; background:url("../images/text-termos-uso.gif") no-repeat; text-indent:-5000em; }
.termos-uso a { position:absolute; width:11px; height:11px; right:40px; top:22px; display:block; background:url("../images/btn-fechar-termos-uso.gif") no-repeat; text-indent:-5000em; }

/* .termos-uso #termos-uso-content { position:relative; width:404px; height:352px; top:27px; margin:0 auto; padding:16px; overflow:auto; background:url("../images/bg-content.jpg") repeat-x; } */
.termos-uso .termos-uso-bg { position:relative; width: 404px; height:384px; top: 27px; margin:0 auto; background:url("../images/bg-content.jpg") repeat-x; }
.termos-uso .termos-uso-bg #termos-uso-content { position: absolute; top:20px; left: 20px; width: 350px; clip: rect(0px, 500px, 346px, 0px); overflow: hidden; }

.termos-uso #termos-uso-content h3 { font-family:Arial; font-size:10px; color:#353535 }
.termos-uso #termos-uso-content p { margin-bottom:14px; font-family:Arial; font-size:10px; color:#353535 }

/* scroller */
#track { position: absolute; top: 25px; right: 10px; width: 16px; height: 336px; }
#handle { position: absolute; top: 10px; right: 0; width: 11px; height: 40px; background-color:#5d5d5d; }
#button-up { position: absolute; top: 15px; right: 10px; width: 12px; height: 6px; background:url("../images/btn-up.gif") no-repeat; cursor:pointer; }
#button-down { position: absolute; top: 365px; right: 10px; width: 12px; height: 6px; background:url("../images/btn-down.gif") no-repeat; cursor:pointer; }