* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; }
body { background: #FFF; color: #666; font: 72%/120% Arial, Helvetica, "Lucida Sans Unicode", sans-serif; text-align: center; }

a { text-decoration: none; }
a:link, a:visited { color: #0099FF; }
a:hover, a:active, a:focus { color: #006DB6; }

#container { position: absolute; top: 20%; left: 50%; width: 618px; height: 175px; margin: -87px 0 0 -309px; }

#frame { width: 618px; height: 155px; border: 1px solid #D2E1F4; text-align: left; padding: 10px; }
#frame #intro { width: 310px; margin-right: 8px; float: left; text-align: center; }

#frame #intro img { margin: 10px 0; }
#frame #intro p { font-size: 120%; color: #000; }

#frame #box_login { width: 278px; height: 135px; background: #F9F1F4; border: 1px solid #D2E1F4; padding: 10px; float: left; }
#frame #box_login h1 { font-size: 120%; color: #68635D; }
#frame #box_login h2 { font-size: 130%; color: #000; margin-top: 15px; }
#frame #box_login p { margin-top: 10px; }


input[type='text'] { width: 255px; height: 21px; border: 1px solid #B3B2AD; color: #666; padding: 4px 0 0 4px; background: #FFF url('/img/ps_input_text_bg.gif') repeat-x top left; margin: 10px 0 0 0; }
input.text { width: 255px; height: 21px; border: 1px solid #B3B2AD; color: #666; padding: 4px 0 0 4px; background: #FFF url('/img/ps_input_text_bg.gif') repeat-x top left; margin: 10px 0 0 0; }
input[type='password'] { width: 255px; height: 21px; border: 1px solid #B3B2AD; color: #666; padding: 4px 0 0 4px; background: #FFF url('/img/ps_input_text_bg.gif') repeat-x top left; margin: 10px 0 0 0; }
input.password { width: 255px; height: 21px; border: 1px solid #B3B2AD; color: #666; padding: 4px 0 0 4px; background: #FFF url('/img/ps_input_text_bg.gif') repeat-x top left; margin: 10px 0 0 0; }
input[type='checkbox'] { margin-top: 10px; background: none; }
input.checkbox { margin-top: 10px; background: none; }

select { border: 1px solid #B3B2AD; color: #666; }
select.select_genero { width: 259px; margin: 10px 0 0 0; }
select.select_dia { width: 57px; margin: 0; }
select.select_mes { width: 115px; margin: 0 10px; }
select.select_ano { width: 62px; margin: 0; }


a.button { background: transparent url('/img/ps_button_a_bg.gif') no-repeat scroll top right; display: block; float: left; font: bold 14px Arial, sans-serif; height: 27px; margin-right: 6px; margin-top: 10px; padding-right: 12px; text-decoration: none; }
a.button:hover { background-position: bottom right; outline: none; }
a.button:link, a.button:visited, a.button:hover, a.button:active, a.button:focus { color: #FFF; }
a.button span { background: transparent url('/img/ps_button_span_bg.gif') no-repeat; display: block; line-height: 14px; padding: 7px 0 6px 12px; }
a.button:hover span { background-position: bottom left; }

ul.acesso { list-style: none; margin-top: 5px; float: left; }
.acesso li { background: url('/img/ps_li_seta_preta.gif') no-repeat center left; margin: 0 0 0 25px; padding: 0 0 0 10px; }

.erro { font-weight: bold; color: #F00; font-size: 105%; padding-top: 15px; }

.boldBlack { font-weight: bold; color: #000; }

/*##############################################
## FOOTER CONTAINER
##############################################*/
#footer { width: 640px; height: 45px; background-color: #f7f1e3; color: #666; font-size: 85%; line-height: 100%; text-align: left; margin: 0 auto; }

/*##############################################
## BRANDS LIST
##############################################*/
#footer ul#brands { list-style: none; margin: 0 10px 0 0; padding: 0; width: 524px; height: 45px; background: #f7f1e3; float: left; }
#footer #brands li { float: left; height: 45px; margin: 0; padding: 0; color: #9d9990; text-indent: -9999px; }
#footer #brands li a { background: transparent url('http://www.selecoes.com.br/images/footer_brands_bg.jpg') no-repeat; text-decoration: none; display: block; height: 45px; }

/*##############################################
## BRANDS LIST - SELEÇÕES
##############################################*/
#footer #brands li#selecoes { width: 90px; }
#footer #brands li#selecoes a { width: 90px; background-position: -97px 0px; }
#footer #brands li#selecoes a:hover { background-position: -97px -45px; }

/*##############################################
## BRANDS LIST - CELEB
##############################################*/
#footer #brands li#celeb { width: 80px; }
#footer #brands li#celeb a { width: 80px; background-position: -187px 0px; }
#footer #brands li#celeb a:hover { background-position: -187px -45px; }

/*##############################################
## BRANDS LIST - PERFIQ
##############################################*/
#footer #brands li#perfiq { width: 82px; }
#footer #brands li#perfiq a { width: 82px; background-position: -267px 0px; }
#footer #brands li#perfiq a:hover { background-position: -267px -45px; }

/*##############################################
## BRANDS LIST - CONCORRA FÁCIL
##############################################*/
#footer #brands li#cfacil { width: 97px; }
#footer #brands li#cfacil a { width: 97px; background-position: -349px 0px; }
#footer #brands li#cfacil a:hover { background-position: -349px -45px; }

/*##############################################
## BRANDS LIST - ALL RECIPES BRASIL
##############################################*/
#footer #brands li#allrecipes { width: 97px; }
#footer #brands li#allrecipes a { width: 97px; background-position: top left; }
#footer #brands li#allrecipes a:hover { background-position: bottom left; }

/*##############################################
## BRANDS LIST - READER'S DIGEST
##############################################*/
#footer #brands li#rd { width: 78px; }
#footer #brands li#rd a { width: 78px; background-position: -446px 0px; }
#footer #brands li#rd a:hover { background-position: -446px -45px; }

/*##############################################
## COPYRIGHT + PRIVACY POLICY
##############################################*/
#footer p { margin: 0; padding: 10px 0 0 0; clear: both; background-color: #FFF; }