@charset "utf-8";
/* CSS Document */

* {margin:0 auto; padding:0 auto;}
html, body {top:0; left:0; height:100%; font-family:Verdana, Geneva, sans-serif; color:#FFF; margin:0 auto; padding:0 auto; text-align:left; *text-align:center; letter-spacing:-0.05em; *letter-spacing:-1px; background-color:#480C02;}
img {border:none;}
a {color:#FFF; text-decoration:none;}
a:hover {text-decoration:underline;}
#container {position:relative; min-height:840px; height:100%; *height:840px; z-index:3;}
#main {position:relative; width:1000px; z-index:3; margin:0 auto; padding:0 auto; text-align:center;}
#background {width:100%; background-color:#250301; position:absolute; z-index:1; top:0; left:0;}
#popup {position:absolute; width:565px; height:500px; background:url(../images/module_bg.png); border:1px solid #6f564f; top:227px; left:330px; z-index:1; color:#FFF;}
#popup.celular, #popup.participa, #popup.results, #popup.productos {width:621px; left:295px; }
#popup.premios {width:730px; left:165px; }
#content {position: relative; width:511px; *width:551px; height:460px; text-align:left; padding:20px 20px 20px 20px; margin:0;}
#popup.premios #content {width:690px; *width:730px; *height: 500px; background:url(../images/prizes_bg.png) bottom no-repeat; }
#popup.celular #content, #popup.participa #content, #popup.results #content, #popup.productos #content {width:581px; *width:621px; *height: 500px;}
#promoTitle {position:absolute; width:540px; height:192px; top:0; right:155px; z-index:2;}
#titleLink, #logoLink {z-index:5; display:block;}
#titleLink a, #logoLink a {position:relative; top:0; left:0;}

#titleLink, #titleLink a {display:block; width:540px; height:192px;}
#titleLink a img {width:540px; height:192px;}
#titleLink {position:absolute; top:0; right:155px; z-index:5;}

#logoLink, #logoLink a {display:block; width:146px; height:64px;}
#logoLink a img {width:146px; height:64px;}
#logoLink {position:absolute; top:28px; left:58px; z-index:5;}

#cloudDiv {position:absolute; width:190px; height:300px; top:0; right:15; z-index:2;}
#footer {z-index:2; position:absolute; bottom:0px; width:100%; *margin-left: -50%; background:url(../images/bg_footer.png) repeat-x; height:54px; color:#FFF; font-size:9px; text-align:center; letter-spacing:20px;  white-space:nowrap; line-height:41px;}
.footer-child {display:inline-block; *display: inline; width:250px; vertical-align:middle; line-height:normal; letter-spacing:normal; padding-top:17px; *padding-top:7px; *padding-left:30px; *padding-right:40px; }
.facebook {margin-right:5px; width:125px; *width:100px; float:left; *padding-top:10px;}
.like {padding-top:5px; *padding-top:15px; line-height:54px; *line-height:0px; *float:left; }
.share {width:80px; text-align:left; *padding-top:12px;}

#navigation{position:absolute; width:213px; height:28px; top:203px; left:660px; z-index:3;}
#navigation a {position:relative; display:block; height:23px; float:left; margin-right:1px;}
#navigation a span {display:none;}
#navigation a.participa {width:75px; background:url(../images/nav_participa.png) 0 0 no-repeat;}
#navigation a.celular {width:94px; background:url(../images/nav_celular.png) 0 0 no-repeat;}
#navigation a.premios {width:75px; background:url(../images/nav_premios.png) 0 0 no-repeat;}
#navigation a.productos {width:136px; background:url(../images/nav_products.png) 0 0 no-repeat;}

#navigation a.active, #navigation a.active:hover {background-position:0px -46px; height:28px; top:-5px;}
#navigation a:hover {background-position: 0px -23px;}

#filters {whitespace:no-wrap; margin-top:10px; font-size:13px;}
#filters .spacer {display:inline-block; *display:inline; padding-left:5px; padding-right:5px; vertical-align:top;}
#filters a {display:inline-block; *display: inline; height:30px;  text-decoration:none;}
.arrow {background:url(../images/filter_arrow.png) bottom center no-repeat;}
.Scrollbar-Handle {position: absolute; width: 15px; height: 28px;}


.clear {clear:both;}
.orange_link {color:#f08b00; text-decoration:underline; font-size:9px; font-weight:bold; letter-spacing:0.02em;}

.margin15 {margin-bottom:15px; *padding-bottom:15px;}
.center {text-align:center;}
.left {text-align:left;}
.text13 {font-size:13px;}
.text10 {font-size:10px;}
.floatL {float:left;}
.zindex {z-index: 7;}

.title_homepage {height:49px; width:433px; background:url(../images/homepage_title.png) no-repeat top left; display:block; vertical-align:bottom; padding-bottom:5px;}
.title_premios {height:24px; width:171px; background:url(../images/title_premios.png) no-repeat top left; float:left; display:block; vertical-align:bottom; padding-bottom:5px;}
.title_participa {height:25px; width:130px; background:url(../images/title_register.png) no-repeat top left; display:block; margin:0; margin-bottom:15px;}
.title_steps {height:24px; width:135px; background:url(../images/title_comoparticipas.png) no-repeat top left; display:block; margin:0; margin-bottom:15px;}
.title_celular {height:18px; width:230px; background:url(../images/title_celular.png) no-repeat top left; display:block; margin:0; margin-bottom:15px;}
.title_productos {height:25px; width:253px; background:url(../images/title_productos.png) no-repeat top left; display:block; margin:0;}
.title_sms {height:22px; width:310px; background:url(../images/title_sms.png) no-repeat top left; display:block; margin:0; margin-bottom:15px;}
.title_thanks {height:30px; width:293px; background:url(../images/title_thanks.png) no-repeat top left; display:block; margin-bottom:30px;}

h1 span, h2 span {display:none;}

.step1, .step2, .step3 {height:165px; display:inline-block; *display:inline; font-size:10px; vertical-align:top;}
.step1, .step2 {background:url(../images/separator.png) right top no-repeat;}

#grandprizes div {position:absolute;}
#prize1 {top:15px; left:0px; z-index:1;}
#prize2 {top:47px; left:94px; z-index:2;}
#prize5 {top:3px; left:203px; z-index:5;}
#prize3 {top:54px; left:339px; z-index:3;}
#prize6 {top:0px; left:437px; z-index:6;}
#prize4 {top:54px; left:536px; z-index:4;}
.link {margin-top:8px;}
.more, .tooltip_runnerup {font-weight:bold;}
.tooltip_runnerup {font-size:12px; padding-top:25px;}
.more {font-size:13px; letter-spacing:-1px; line-height:20px;}
.warning {color:#ed4100;}

#form {text-align:left; margin-left:0px; margin-top:12px; width:315px; margin-right:40px; *margin-right:45px;}
#form tr td {text-align:right; vertical-align:top; padding-bottom:10px;}
#form .pad {padding-right:12px; vertical-align:middle;}
#form .input {width:152px; height:21px; font-size:10px; font-family:Verdana, Geneva, sans-serif; letter-spacing:-1px;}
#form input.small {width:48px; padding-bottom:0;}
#form td.small {padding-bottom:0px;}
#form .ta {height:43px; margin-left:2px;}
#form2 {width:175px; text-align:left; margin-top:12px;}
#form2 tr td {height:30px; vertical-align:middle;}
#form2 .pad{text-align:left;}
#form2 .pad p {width:92px; text-align:left; margin-left:12px;}


#main.participa #polaroids {position:absolute; top:375px; right:0px; width:155px; height:266px; z-index:6;}
#main.participa #polaroids div.relative {position:relative; width:155px; height:266px;}

#main.participa #polaroids #prize1 {position:absolute; top:0; left:0; z-index:3;}
#main.participa #polaroids #prize2 {position:absolute; top:16px; left:57px; z-index:5;}
#main.participa #polaroids #prize3 {position:absolute; top:152px; left:10px; z-index:2;}
#main.participa #polaroids #prize4 {position:absolute; top:75px; left:3px; z-index:6;}
#main.participa #polaroids #prize5 {position:absolute; top:177px; left:57px; z-index:1;}
#main.participa #polaroids #prize6 {position:absolute; top:93px; left:60px; z-index:4;}


.thanks p {margin-bottom:15px;}
.grey {color:#666;}
li.invalid {list-style-position:outside; list-style-type:none;}

ul.product{margin:0; padding:0;}
li.product {width: 155px; *width:165px; min-height: 130px; display: -moz-inline-stack; display: inline-block; margin:12px 8px 12px 8px; *margin:12px 10px 12px 10px; vertical-align: top; zoom: 1; *display: inline; _height:130px; text-align:center; position:relative;}
li.product div div.prod-img {min-height:68px; *height:68px; margin-bottom:10px; line-height:75px;}
li.product div div.prod-img img {display:block;}
div.prod-desc {position:absolute; bottom:0px;}
p.title, p.desc, p.count {font-family:Verdana, Geneva, sans-serif;}
p.count {font-size: 10px; font-style:italic;}
p.title {font-weight:bold; font-size:12px;}
p.desc {font-size:10px;}


#terms p {margin-top:5px; margin-bottom:5px;}
#terms {font-size:12px; letter-spacing:0px; line-height:16px;}
#terms h1 {line-height:1em; font-size:18px;}
#terms h3 {font-size:14px; margin-top:10px; font-weight:bold;}