/********************************* Classes for XHTML default Tag *********************************/
html { background:#000 url(../images/main_bg.gif) repeat-y 50% 0; }
body { margin:0; padding:0; font: .80em/1.3em arial, tahoma, sans-serif, serif; color:#808080; }
h1, h2, h3, h4, h5, h6 { font-family: arial, sans-serif, tahoma, serif; font-weight:bold; }
h1,h2,h3 { color:#c9425a; text-transform:uppercase; font-size:.9em; letter-spacing:0.1em; }
form, img, a, li, ul { margin:0; padding:0; border:0; list-style:none; }
a { color:#3194f8; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
p { line-height:1.25em; }
input, textarea { font-family: arial, sans-serif, tahoma, serif; }

/************************ Classes for differentiation of uniq ID ************************/
#wrapper { width:987px; margin:0 auto; }

#header { background: url(../images/header.jpg) no-repeat 50% 0; height:143px; position:relative; }
#logo { float:right; width:260px; height:102px; display:block; }
.date { margin:4px 0 0 154px; float:left; display:inline; font-size:.8em; }
.lang { float:right; right:38px; bottom:13px; position:absolute; }

#menu { width:118px; }
#menu li { border-bottom:1px solid #c9425a; height:17px; }
#menu li.first { border-top:1px solid #c9425a; }
#menu li.odd { background:#0b0204; }
#menu li.even { background:#29070e; }
#menu a { color:#f90; text-decoration:none; padding-left:5px; line-height:16px; display:block; }
#menu a:hover { text-decoration:underline; }
#menu a.aco, #menu a.active  { color:#fff; background:#29070e; }

#main { width:100%; }
#content { float:left; width:662px; display:inline; margin-left:18px; margin-top:-42px; position:relative; z-index:2; }
#left_panel { float:left; width:147px; background: url(../images/left_panel_round.gif) no-repeat 0 0; }
#left_panel .content { width:125px; margin-left:8px; }
#right_panel { float:right; width:143px; }
#right_panel .content { text-align:center; padding:0 0 0 0; }

#left_panel .head1 { width:133px; height:25px; margin-top:1px; text-align:left; }
#left_panel .head2 { padding:5px 0 4px 0; text-align:center; }
#right_panel .head1 { text-align:center; }

#copyright { font-size:.8em; color:#333; padding:10px 0 15px 0; text-align:center; }

/********************* classes for differentiation of popup ********************/
html#popup { background:#000; }
#popup body { margin:8px; }
#popup #main { background:none; }
#popup_header { background: url(../images/popup_header_line.gif) repeat-x 0 0; height:89px; position:relative; }
#popup_header #popup_logo { float:right; width:232px; height:89px; display:block; text-indent:-999em; background: url(../images/logo_popup.gif) no-repeat 0 0; }
#popup .lang { float:left; left:0; bottom:15px; position:absolute; }
#popup .box { width:58%; padding:20px 6px 3px 6px; border:1px solid #b53b50; margin:25px auto; background:#0b0204; }
#popup .terms { width:79%; margin:0 auto; }
#popup .box1 { padding:20px 7px 3px 7px; border:1px solid #b53b50; margin:12px auto; background:#0b0204; }
#popup .box p, #popup .box1 p { margin:14px 0; }

/********************* classes for differentiation of box and heading ********************/
.banner { margin:17px 0 5px 0; text-align:center; }
.banner img, .thumb { border:1px solid #cc4158; }

#gata { text-align:center; margin-top:5px; }
#gata p { margin-top:2px; }

.bem { margin:0; position:relative; z-index:2; padding-bottom:5px; }
.bem p { margin-top:2px; }
.head { border-top:1px solid #501a24; padding:0px 0 4px 0; margin:6px 0 0 0; text-align:right; }
.head img { vertical-align:top; }
.mhead { padding:1px 0 10px 0; }
.hr_line { background: url(../images/hr_line.gif) repeat-x 0 50%; padding:10px 0; }

.list, #m_detail { width:100%; }
#nossas { margin-left:1px; }
#nossas li { margin-bottom:5px; }
.list li { float:left; width:100px; margin:0 5px 10px 5px; display:inline; text-align:center; }
.list li img { display:block; margin:0 auto 1px auto; width:90px; }
.list li p { margin:0; line-height:1.1em; }
.list li p span, #gata span { font-size:.8em; color:#666; display:block; }

#m_detail .col1 { float:left; width:190px; text-align:right; }
#m_detail .col1 img { margin-top:-6px; }
#m_detail .col2 { float:right; width:462px; }
#m_detail .cap { padding:8px 0 13px 0; clear:both; }
#m_detail .total { float:right; width:190px; text-align:center; }
#m_detail .m_info { line-height:1.55em; }
#m_detail .m2 { float:right; margin-right:9px; display:inline; }

#os_num { border:1px solid #501a24; text-align:center; }
#os_num .col1 { border-right:1px solid #501a24; float:left; width:48%; padding:2px; }
#os_num .col2 { float:left; width:49%; padding:2px; }
#os_num p { clear:both; padding:3px; border-top:1px solid #501a24; }
#os_num .gray { line-height:1.2em; display:block; margin-bottom:3px; color:#999; }
#os_num .hlight { font-weight:bold; color:#f3ab01; }

.info { background: url(../images/info_box_bg.gif) repeat-y 0 0; }
.info .top { background: url(../images/info_box_top.gif) no-repeat 0 0; }
.info .bottom { background: url(../images/info_box_bottom.gif) no-repeat 0 100%; padding:1px 15px 20px 15px; }

.newsletter { border-top:1px solid #501a24; border-bottom:1px solid #310f15; padding:6px 12px 12px 12px; margin:6px 0; }
.newsletter p { margin:5px 0; line-height:1.3em; }
.newsletter .text { width:72px; border:2px solid #95928c; border-bottom-color:#e9e7e3; border-right-color:#e9e7e3; background:#c0c0c0; padding:0; }
.newsletter .but { border:0; padding:0; margin:0; background: url(../images/ok_but.gif) no-repeat 0 0; width:16px; height:16px; cursor:pointer; margin-left:1px; }

.arrow_menu li { background: url(../images/arrow.gif) no-repeat 1px 6px; }
.arrow_menu a { line-height:20px; padding:3px 3px 0 11px; color:#f90; }

.gray_link { margin-top:4px; }
.gray_link li { padding:2px 0; }
.gray_link a, a.gray_link { color:#808080; }

#p_space p { padding:9px 0 8px 0; }

#faq p { margin-bottom:18px; }
#faq .que { color:#c0c0c0; }
#faq .ans { color:#666; }

.tabual { border:1px solid #501a24; }
.tabual tr td { border-bottom:1px solid #501a24; border-right:1px solid #501a24; padding:1px; vertical-align:top; }
.tabual .head1 { text-align:center; font-weight:bold; color:#39f; padding:7px 0; }
.tabual .head2 td { border-right:1px solid #501a24; text-align:center; color:#f93; line-height:18px; }
.tabual .head2 td.nl { border-right:0; }
.tabual .spacer td { padding:7px 10px; }
.tabual .spacer li { padding:1px 0 2px; }
.tabual .spacer li input { margin-right:2px; }
.tabual .button td { text-align:center; height:33px; }
.tabual .mid td, .tabual tr td.mid { vertical-align:middle; }
.tabual .btm td, .tabual tr td.btm { vertical-align:middle; }
.tabual .pad td, .tabual td.pad { padding:2px; }
.tabual .yellow { color:#f93; line-height:18px; }

.tabual_gray { border:1px solid #444; color:#444; }
.tabual_gray tr td { border-bottom:1px solid #444; border-right:1px solid #444; }
.tabual_gray .head1 { color:#444; }
.tabual_gray .head2 td { border-right:1px solid #444; color:#444; }
.tabual_gray .button td { text-align:center; height:40px; }
.tabual_gray .spacer li img { margin-right:2px; }

.famosas { width:200px; margin:7px 0 0 300px; }

#email_box { border:1px solid #b53b50; padding:3px 10px; width:308px; margin:0 auto; }
#email_box .row { clear:both; }
#email_box label { display:block; width:123px; float:left; padding-right:14px; line-height:28px; height:28px; text-align:right; font-weight:bold; color:#39f; }
#email_box .text { display:block; float:left; width:125px; margin-top:3px; padding:1px; }
#email_box .button { float:left; width:126px; text-align:center; }
#email_box .button input { padding:1px 5px; }

#login #email_box { width:268px; }
#login #email_box label { width:88px; }
#login .box { padding:3px 10px; }

#fale { width:428px; margin:0 auto; }
#fale .box { padding:0; border-bottom:0; }
#fale .row { border-bottom:1px solid #c9425a; line-height:18px; padding:4px; clear:both; text-align:right; }
#fale label { float:left; }
#fale .text { border:2px solid #a6a498; border-right-color:#f5f4eb; border-bottom-color:#f5f4eb; background:#c0c0c0; font-size:.85em; padding:1px; width:233px; }
#fale textarea.text { width:255px; margin-top:1px; }
#fale .button { padding:6px; }

.baseinfo { background: url(../images/baseinfo.gif) no-repeat 0 100%; width:532px; height:51px; padding:7px 10px; margin:0 auto 18px auto; }
.baseinfo .l1 li { float:left; width:20%; text-align:center; }
.baseinfo .l2 li { float:left; width:33%; text-align:center; margin-top:10px; }
.baseinfo li span { color:#c9425a; }

.basebotao_col { width:552px; margin:0 auto 18px auto; }
.basebotao { background: url(../images/basebotao2.gif) no-repeat 0 0; width:220px; height:34px; padding:4px 10px; margin-left:20px; float:left; display:inline; text-align:center; line-height:1.4em; }
.basebotao a.l1, .basebotao1 a.l1 { color:#c9425a; }
.basebotao a.l2, .basebotao1 a.l2 { color:#f3ab01; font-weight:bold;}

.basebotao1_col { width:494px; margin:0 auto 18px auto; }
.basebotao1 { background: url(../images/basebotao1.gif) no-repeat 0 0; width:138px; height:34px; padding:4px; float:left; display:inline; text-align:center; line-height:1.4em; }
.basebotao2 { background: url(../images/basebotao1_1.gif) no-repeat 0 0; width:148px; height:34px; padding:4px; margin-left:13px; float:left; display:inline; text-align:center; line-height:1.4em; }
.basebotao3 { background: url(../images/basebotao1_2.gif) no-repeat 0 0; width:158px; height:34px; padding:4px; margin-left:13px; float:left; display:inline; text-align:center; line-height:1.4em; }

.basebotao2_col .basebotao { margin:0 auto 18px auto; float:none; display:block; }

.redbox { background: url(../images/box_bg.gif) repeat-y 0 0; width:454px; margin:0 auto 18px auto; }
.redbox .top { background: url(../images/box_top.gif) no-repeat 0 0; }
.redbox .btm { background: url(../images/box_btm.gif) no-repeat 0 100%; padding:10px 12px; }
.model_list td { padding:2px; color:#65212d; }
.model_list td.devider { background: url(../images/red_line.gif) repeat-y 50% 0; }
.model_list td.line { background: url(../images/red_line.gif) repeat-x 0 50%; }
.model_list a { color:#505050; }

a.white, .white { color:#fff; }
a.gray { color:#808080; text-decoration:underline; }
a.gray:hover { text-decoration:none; }

.hlight { color:#f90; }
.gray { color:#ccc; }
.dgray { color:#606060; }
.blue { color:#39f; }
.purple { color:#c9425a; }
.border { border:1px solid #501a24; }
.box { padding:10px; border:1px solid #b53b50; }

.nav { padding-bottom:8px; margin-top:10px; text-align:center; clear:both; }

/********************* classes for differentiation of padding, border & color ********************/
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.line_height { line-height:2em; }
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.pad { padding:5px; }
.pad1 { padding:10px; }
.pad2 { padding:20px; }
.pt { padding-top:5px; }
.pt1 { padding-top:10px; }
.pb { padding-bottom:5px; }
.pb1 { padding-bottom:10px; }
.pl { padding-left:5px; }
.pl1 { padding-left:10px; }
.pr { padding-right:5px; }
.pr1 { padding-right:10px; }
.mrg { margin:5px; }
.mt { margin-top:5px; }
.mt1 { margin-top:10px; }
.mt2 { margin-top:20px; }
.mb { margin-bottom:5px; }
.mb1 { margin-bottom:10px; }
.mb2 { margin-bottom:20px; }
.ml { margin-left:5px; }
.ml1 { margin-left:10px; }
.mr { margin-right:5px; }
.mr1 { margin-right:10px; }
.relative { position:relative; }
.absolute { position:absolute; }
.white_text { color:#ffffff; }
.small_text { font-size:.85em; }
.mid_align { vertical-align:middle; }
.width_full { width:100%; }

.w100 { width:100px; }
.w150 { width:150px; }
.w170 { width:170px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w33t { width:33%; }
