@import url(common.css);

#products { overflow: hidden; height: 323px; padding-top: 21px; padding-left: 200px; border-bottom: 1px solid #ababab; background: url(../images/audrey.jpg) no-repeat left bottom; }
#products h2 { font-size: 30px; letter-spacing: 1.4px; margin-bottom: 12px; }
#products .menu { float: left; width: 120px }
#products .menu a { margin-bottom: 9px; font-weight: bold; line-height: 1.2; letter-spacing: .8px; }
#products .panes { float: right; overflow: hidden; width: 470px; height: 270px; margin-right: 30px; }
#products .product-pane { margin-bottom: 100px; white-space: nowrap; }
#products .product-pane img, #products .product-pane p { display: inline-block; vertical-align: bottom; }
#products .product-pane img { max-width: 313px; width: 313px; }
#products .product-pane p { width: 130px; margin-left: 25px; line-height: 1.4; white-space: normal }

#barra { background: #005aab url(../images/empresa_grad_missao.jpg); color: #fff; font-size: 14px; font-weight: bold; text-align: center; height: 45px }

#promo { margin-bottom: 30px; padding: 30px 30px 20px; border-bottom: 1px solid #ababab; background: #25a8e0 url(../images/grad_promo.jpg) repeat-x; color: #fff; }
#promo h2 { margin-bottom: 5px; font-size: 33px; color: #fff; letter-spacing: 1px; }
#promo h2 strong { color: #e6d718; letter-spacing: 2px; } 
#promo h3 { color: #fff; }
#promo p { float: left; width: 235px; margin-top: 30px; line-height: 1.5; letter-spacing: .2px }
#promo #prizes, #promo #how-it-works { float: right; list-style: none }
#promo #prizes { overflow: hidden; width: 490px; height: 150px; margin-top: -15px; margin-bottom: 10px; padding: 10px; background-color: #005aab; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#promo #prizes li { display: inline; float: left; width: 120px; margin-right: 10px; padding-top: 120px; font-size: 10.5px; line-height: 1; }
#promo #prizes li strong { color: #e6d718; font-size: 16px; font-weight: normal; }
#promo #prizes #notebook { width: 120px; padding-left: 20px; background: url(../images/prizes_note.png) no-repeat left 20px }
#promo #prizes #playstation { width: 110px; margin-right: 20px; background: url(../images/prizes_game.png) no-repeat left 10px }
#promo #prizes #nokian95 { width: 85px; margin-right: 45px; background: url(../images/prizes_phone.png) no-repeat 5px 8px }
#promo #prizes #ipod { width: 75px; margin-right: 0; background: url(../images/prizes_ipod.png) no-repeat 5px 10px }
#promo #how-it-works { width: 510px; font-size: 11px; text-align: center; line-height: 1.2; }
#promo #how-it-works li { display: inline; float: left; margin-left: 40px; background-color: #fff; color: #073f89; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#promo #how-it-works li:first-child, #promo #how-it-works li.first { margin: 0; }
#promo #how-it-works #step1, #promo #how-it-works #step3 { width: 76px; padding: 60px 10px 5px; }
#promo #how-it-works #step2, #promo #how-it-works #step4 { width: 76px; padding: 46px 11px 5px; }
#promo #how-it-works #step1 { background: url(../images/promo_step1.png) no-repeat; }
#promo #how-it-works #step2 { padding: 52px 11px 7px; line-height: 1; background: url(../images/promo_step2.png) no-repeat; }
#promo #how-it-works #step3 { background: url(../images/promo_step3.png) no-repeat; }
#promo #how-it-works #step4 { background: url(../images/promo_step4.png) no-repeat; }
div.links, #schedule-renewal { float: left; }
div.links { width: 200px; padding-top: 20px; }
div.links h2, #schedule-renewal h2 { clear: both; margin-bottom: 10px; }
div.links.first { width: 210px; margin-left: 30px; }
div.links.first .menu { margin-bottom: 10px }
div.links.last .menu a { margin-bottom: 10px; font-weight: bold }
.links #quotations { overflow: hidden; }
.links #quotations a { width: 70px; }
.links #quotations .empresa, .links #quotations .residencia, .links #quotations .previdencia { float: left; }
.links #quotations .residencia, .links #quotations .previdencia { margin-left: 10px; }
.links #quotations .residencia { margin-top: -39px; }
.links #quotations .previdencia { margin-top: -20px; line-height: 1.1 }
#schedule-renewal { width: 240px; margin: 20px 40px; padding: 10px 25px; background-color: #c6cfd4; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#schedule-renewal p { line-height: 1.5; margin-bottom : 15px; }
#schedule-renewal input, #schedule-renewal select { width: 190px; margin-bottom: 15px; margin-left: 5px; }
#schedule-renewal label { font-size: 12px }
#schedule-renewal select { width: 100%; margin-left: 0; }
#schedule-renewal #tel { margin-left: 22px; }