﻿/* GERAL
*****************************************************************************************/
body { background: #FCDB69 url(../Images/bg_main.jpg) no-repeat center top; padding: 0; margin: 0; font-family: Arial, Helvetica, Tahoma, "Lucida Grande"; color: #464C30; font-size: 78%; }



/*CONFIGURA TAGS
*****************************************************************************************/
/*gerais*/
div, span, a, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, form, label, table, tr, th, td { position: relative; }
img { border: 0; }
hr { display: none; height: 1px; font-size: 1px; }
ul { list-style: none; margin: 0; padding: 0; }
address { font-style: normal; }


/*tipografia*/
h1, h2, h3, h4, h5, h6 { color: #666; font-weight:normal; margin: 0; font-style: italic; }
h2 { font-size: 2.5em; margin: 0 0 5px 0; padding: 0; color: #fff; }
h3 { font-size: 2em; margin-bottom: 0.6em; }
h4 { font-size: 1.4em; margin-bottom: 0.6em; }
p { line-height: 1.4em; margin: 0 0 1.7em 0; }   
a { text-decoration: none; color: #206518; outline: none; }
a:hover { cursor:pointer; }

/*listas*/
ul.bullets li { padding: 0 0 5px 15px; background: url(../Images/bullet.gif) no-repeat 0 5px; }

/*forms*/
.inputxt { -moz-border-radius: 3px 3px 3px 3px; background: #fefefe; border: 1px solid #bbb; color: #333; font-family:Arial, Helvetica, Tahoma, "Lucida Grande",sans-serif; font-size: 14px; outline: medium none; padding: 7px; vertical-align: middle; }

.form li { float: left; width: 645px; margin-bottom: 10px; }
.form li label { display: block; font-size: 14px; }
.form li label span { color: #F00; }
.form li .inputxt { width: 590px; }
.form li label.check_label { display: inline; font-size: 11px; }
.setenta, .trinta { float: left; }
.form li.setenta { width: 400px; }
.form li.setenta .inputxt { width: 370px ; }
.form li.trinta { width: 220px; }
.form li.trinta .inputxt { width: 185px ; }
.form li.vinte { width: 160px ; }
.form li.vinte .inputxt { width: 130px ; }
.form li.cinquenta { width: 240px ; }
.form li.cinquenta .inputxt { width: 210px; }
.form li.submit { margin-top: 35px; }
.form span.ob { top: -22px; left: 10px; color: #f00; }
.alerta, .confirma { position: absolute; left: 184px; top: -30px; color: #f00; }
.confirma { color: #23877D; }


/*HEADER*/
/*****************************************************************************************/
.header { width: 940px; height: 166px; margin: 0 auto; }
.header h1.logo { margin: 0; position: absolute; left: 0; top: 8px; width: 211px; height: 112px; }
h1.logo a { display: block; height: 112px; width: 211px; background: url(../Images/logo_clubedasorte.jpg) no-repeat; text-indent: -90000px; overflow: hidden; }

.num_sorte_wrap { position: absolute; right: 0; top: 44px; width: 454px; height: 45px; }
.num_sorte_wrap label { float: left; width: 147px; height: 36px; text-indent: -9000px; background: url(../Images/txt_label_numsorte.gif) no-repeat; margin-right: 7px; }
.num_sorte_wrap .inputxt { float: left; border: 1px solid #FF9609; padding: 9px; color: #A3721F; width: 227px; margin-right: 7px;}
.num_sorte_wrap .submitnum {  }
.num_sorte_wrap .loader { display:none; position: absolute; right: 20px; top: 15px; z-index: 100; }


ul.mainnav { position: absolute; left: 0; top: 130px; width: 940px; height: 36px; }
ul.mainnav li { float: left; height: 36px; }
ul.mainnav li a { display: block; float: left; height: 36px; color: #FDF7D5; font-style: italic; font-weight: bold; padding: 0 20px; font-size: 1.1em; }
ul.mainnav li.atual a, ul.mainnav li a:hover { background: url(../Images/navmain_bullets.gif) no-repeat center; }


/*CONTENT*/
/*****************************************************************************************/
.middle { width: 940px; margin: 0 auto; }

.page_title { height: 64px; padding-top: 5px; }
.page_title p { margin: 0; color: #fff; font-weight: bolder; font-style: italic; top: -4px; }
.trevopage { position: absolute; z-index: 100; left: 0; top: 69px; width: 15px; height: 158px; background: url(../Images/page_bg.jpg) no-repeat; }

.content_wrap, .content_wrap_sidebar { padding: 0 30px 1px 30px; background-color: #fff; border-top: 30px solid #fff; width: 880px; }
.content_wrap_sidebar { background: #fff url(../Images/sidebar_bg.gif) repeat-y 710px 30px; }

.contentside { float: left; width: 647px; display: inline; }



/*MODAL*/
/*****************************************************************************************/
.modal { width: 750px; border: 5px solid #000; background: #fff url(../Images/modal_bg.jpg) no-repeat center 67px; position: absolute; z-index: 200; left: 50%; margin-left: -380px; }
.modal_header { height: 66px; background: #fff url(../Images/modal_header_bg.jpg) no-repeat; }
.modal_header h2 { padding: 13px 0 0 25px; }
.modal_header .bt_fechar { position: absolute; display: block; width: 28px; height: 28px; left: 707px; top: 20px; background: url(../Images/bt_fecharmodal.jpg) no-repeat; overflow: hidden; text-indent: -9000px; }
.modal_content { padding: 30px; }

.modal2 { width: 350px; border: 5px solid #000; background: #fff url(../Images/modal2_bg.jpg) no-repeat center 57px; position: absolute; z-index: 200; left: 50%; margin-left: -380px; }
.modal2 .modal_header { height: 56px; background: #fff url(../Images/modal2_header_bg.jpg) no-repeat; }
.modal2 .modal_header h2 { padding: 13px 0 0 15px; font-size: 1.9em; }
.modal2 .modal_header .bt_fechar { position: absolute; display: block; width: 28px; height: 28px; left: 307px; top: 15px; background: url(../Images/bt_fecharmodal.jpg) no-repeat; overflow: hidden; text-indent: -9000px; }
.modal2 .modal_content { padding: 15px; width: 320px; }
.modal2 .modal_content .form { width: 320px; }
.modal2 .modal_content .form li { width: 310px; }




/*SIDEBAR*/
/*****************************************************************************************/
.sidebar { float: right; width: 204px; }
.sidebar h4 { height: 54px; line-height: 54px; margin: 0; color: #fff; text-indent: 15px; background: url(../Images/sidebar_top.jpg) no-repeat; }

.sidebar ul { padding-left: 4px; }
.sidebar ul li { background: url(../Images/sidebar_itens_bg.gif) repeat-x; border-bottom: 1px solid #D6C68F; }
.sidebar ul li a { display: block; left: -4px; padding: 17px 0 18px 0; background: url(../Images/sidebar_itens_hover.gif) no-repeat -4px 0; font-size: 1em; font-style: italic; font-weight: bold; }
.sidebar ul li a:hover { background: url(../Images/sidebar_itens_hover.gif) no-repeat 0 0; }
.sidebar ul li a span { display: block; padding: 0 0 0 27px; background: url(../Images/bullet_item.gif) no-repeat 12px 4px; }

.sidebar ul li.sidebar_content { padding: 15px 0 0 15px; border: none; }
.sidebar ul li.sidebar_content a { left: auto; padding: 0; background: none; font-size: 11px; font-style: normal; font-weight: normal; }
.sidebar ul li.sidebar_content p { margin: 0; }
.sidebar ul li.sidebar_content a:hover { background: none; }
.sidebar ul li.sidebar_content h4 { height: auto; background: none; color: #464D30; text-indent: 0; line-height: normal; margin-bottom: 15px; }
.sidebar ul li.sidebar_content .fone_icon { padding: 0 0 10px 20px; background: url(../Images/ico_fone.gif) no-repeat; }
.sidebar ul li.sidebar_content .mail_icon { padding: 0 0 20px 0; }




/*FOOTER*/
/*****************************************************************************************/
.footer_bg { height: 268px; background: url(../Images/footer_bg2.gif) no-repeat center 52px; }
.footer { width: 940px; margin: 0 auto; height: 208px; background: #fff url(../Images/footer_bg.jpg) repeat-x; }
.footer .newsletter_wrap { position: absolute; right: 0; top: 46px; width: 230px; }
.footer .newsletter_wrap label { color: #AE7D0D; font-style: italic; font-weight: bold; font-size: 1.1em; }
.footer .newsletter_wrap .inputxt { width: 173px; }
.footer .newsletter_wrap .submitnews { top: 9px; }

.footnav { position: absolute; left: 30px; top: 135px; }
.footnav li { float: left; margin-right: 13px; border-right: 1px solid #ccc; }
.footnav li a { display: block; padding-right: 13px; font-size: 0.8em; font-style: italic;  }
.footnav li a:hover { text-decoration: underline; }

.footer .logo_cbtur { position: absolute; right: 42px; bottom: 19px; }
.copyright { font-size: 0.9em; width: 615px; left: 30px; top: 170px; }



/*EFEITOS*/
/*****************************************************************************************/
.clear { position: relative; clear: both; height: 1px; font-size: 1px; }
.center { text-align: center; }
.floatleft { float: left; }
.nounderline { text-decoration: none; }
.nodisplay { display: none; }
.small { font-size: 0.9em; }
.big { font-size: 1.4em; }
.branco { color: #fff; }
.azul { color: #2BAA9C; }
.azulesc { color: #1C6861; }
.marrom { color: #B37400; }

/*validacao*/
.msgerro { line-height: 1.4em; margin-bottom: 8px; color: #C02E0A; } 



select.styled { width: 245px; height: 18px; position:absolute }
.cmf-skinned-select { -moz-border-radius:3px 3px 3px 3px; background:url("../Images/sdd.jpg") no-repeat scroll right center transparent; border:1px solid #BBBBBB; display:block; padding:7px; }
.cmf-skinned-select:hover { background: url("../Images/sdd_.jpg") no-repeat scroll right center transparent; }
.cmf-skinned-text { font-size: 14px; padding:6px 7px 5px 7px; }

.modal { display: none; position: absolute; top:40px; left: 50%; margin-left: -380px; }
.modal2 { display: none; position: absolute; top: 20px; left: 50%; margin-left: -175px; }
#modal-iframe { width: 760px; height:400px; z-index:150; top:100px; left: 50%; margin-left: -380px; position:absolute; display:none; }
.jqmOverlay { background-color: #000; }
* iframe.jqm { position:absolute; top:0; left:0; z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
* html .modal { position: absolute; /* top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); */ }
