@charset "utf-8";
/* CSS Document */
 
/*---------------------------------------------------------------------------- 
GENERAL
-----------------------------------------------------------------------------*/
body { background:#000000 url(../images/bg.jpg) center top no-repeat scroll; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:1.3em; color:#433127; }
body.premiu { background:url(../images/marele_premiu.jpg) center top no-repeat #000; }
body.landing { background-image:url(../images/landing.jpg); }
a { text-decoration:none; color:#eda435; }
a:hover { text-decoration:underline; }
h1 { line-height:normal; font-size:24px; margin:0; color:#000000; letter-spacing:-0.5px; }
h1 small { font-size:20px; font-style:italic; }
h2 { margin:0; line-height:normal; font-size:20px; }
p { margin:0; }
input, select, textarea { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; background:#e6d7c1; border:1px solid #996950; }
hr { height:1px; margin:15px 0; clear:both; font-size:0px; line-height:0px; clear:both; background:#FFF; }
a.buton { background:url(../images/buton.png) left top no-repeat; color:#392418; padding:18px 15px 20px; display:inline-block; font-weight:bold; line-height:20px; width:170px; font-size:16px; height:20px; text-align:center; }
* html a.buton { padding-bottom:0px; cursor:pointer; }
/*---------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
#landing { margin:0 auto; width:488px; height:290px; overflow:hidden; padding:286px 213px 100px 259px; }
#landing .content { padding:50px 30px; text-align:center; }
#landing .content h2 { margin-bottom:50px; }
#landing .content a { font-size:36px; color:#392418; margin:0 30px; text-transform:uppercase; }
#under18 { font-size:18px; font-weight:bold; }
#wrapper { margin:0 auto; width:886px; padding:0 26px 0 48px; position:relative; background:#000000 url(../images/bg.jpg) center top no-repeat scroll; }
#wrapperpremiu { margin:0 auto; width:886px; padding:0 26px 0 48px; position:relative; background:#000000 url(../images/marele_premiu.jpg) center top no-repeat scroll; }
#header { height:100px; padding:100px 0 0 0; }
#main { float:left; width:624px; }
#rightarea { float:left; width:204px; margin-left:58px; padding-top:90px; }
#footer { font-family:"Times New Roman", Times, serif; font-size:17px; font-style:italic; color:#fff; padding:20px 0 20px 8px; }
/*---------------------------------------------------------------------------- 
PROMOTION
-----------------------------------------------------------------------------*/
body.promotion { background:url(/style/images/promotie.jpg) center top no-repeat #000; }
body.promotion #wrapper { background:url(/style/images/promotie.jpg) center top no-repeat; }
body.promotion #main { padding-top:185px; position:relative;}
body.promotion #text { padding:25px 25px; background:url(/style/images/promo_bg.png); color:#fff; font-size:12px; margin:0;}
body.promotion #text a{color:#e7b205;}
body.promotion #text p{margin-bottom:15px;}
#text #promomenu p{margin-bottom:5px;}
body.promotion img.promo{position: absolute; right:0; float:right; top:120px;}
#formpromotion { float:left; width:325px; border-right:1px solid #eee; padding-right:20px; }
#formpromotion fieldset { margin-bottom:10px; }
#formpromotion label { width:85px; float:left; font-size:12px; font-weight:bold; }
#formpromotion input, #formpromotion select { background:#e7b205; border:1px solid #e7b205; }
#formpromotion .submit { font-size:14px; font-weight:bold; padding:3px 7px; }
#formpromotion .submit:hover{background:#fff; border:1px solid #fff;}
body.promotion #rightarea { width:218px; margin-left:44px; padding-top:152px; }
#rightarea img.concurs{margin: 0 -14px -20px -29px}
body.promotion #main #text h2{font-size:18px;}
#promomenu{width:208px; float:right; border-left:1px solid #eee; margin-left:-1px; padding-left:20px; padding-bottom:40px; margin-bottom:15px;}
#promomenu h3{font-size:16px;}
body.promotion #text a.buton{ background:#e7b205; display:inline-block; font-size:14px; color:#000; width:auto; padding:3px 5px; margin-top:5px;}
body.promotion #text a.buton:hover{background:#fff;}
/*---------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#main a.buton { text-decoration:none; }
#loginform h3 { margin-bottom:5px; }
#loginform a { color:#000; }
#loginform { width:254px; float:right; padding:24px 13px; text-align:right; position:absolute; right:26px; top:0; color:#000000; }
#loginform label { font-size:14px; color:#000000; padding:2px 0; display:block; font-weight:bold; }
#loginform input { background:#e6d7c1; border:1px solid #996950; width:150px; padding:1px; margin:0 0 6px 5px; font-size:14px; float:right; }
#loginform input.send { background:none; width:auto; margin-right:-9px; padding:0; border:0; }
#check-phone { position:relative; }
a.logo { width:260px; height:90px; display:block; position:absolute; z-index:1000; left:0; top:0; }
#header h1 { margin:0 0 0 0; }
#header a { color:#392418; text-decoration:underline; }
/*---------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/
.mainvideo { margin:81px 0 173px 39px; }
#video { width:522px; height:222px; background:#f2ddbc; }
#main p { margin:0 0 5px 0; }
#main .lead { margin-top:30px; padding-top:0; }
#main a { color:#433127; text-decoration:underline; }
#main a:hover { text-decoration:none; }
#text { background:url(/style/images/text_bg.jpg) left top repeat-y; margin-top:15px; }
#main #texttop { padding:25px 25px; font-size:14px; }
#text ul { list-style-type:disc; padding:0 0 0 20px; margin: 5px 0 15px; }
#text ol { padding:0 0 0 20px; margin: 5px 0 15px; }
#main #texttop p { font-size:14px; margin-bottom:15px; }
#main h2 { font-size:20px; margin-bottom:5px; }
#main h3 { font-size:16px; margin-bottom:5px; }
#main .lead h2 { margin-bottom:0px; }
.textBlack { margin:894px 0 0 0; color:#fff; background:#191919; padding:20px; }
#main .textBlack a { color:#fff; }
#texttop .sharing { margin:5px 0 15px; padding:0; list-style-type:none; }
#texttop .sharing li { float:left; margin-right:15px; }

#counter{line-height:22px;font-size:16px; text-align:right; padding-bottom:10px;}
/*.names{float:right; text-align:right; padding-right:5px; }
.values{font-weight:bold; text-align:right; float:right;}*/
/*---------------------------------------------------------------------------- 
RIGHTAREA
-----------------------------------------------------------------------------*/
.lead{ padding-top:48px; }
.lead_black{margin-top:28px;}
.lead p, .lead_black p { color:#fff; padding:0 8px; }
.lead_black p{font-size:12px; background:url(/style/images/promo.jpg) left top no-repeat; padding-top:80px; position:relative;}
.lead_black p img{position:absolute; top:0; right:-11px;}
#main .lead h2, .lead h2, .lead_black h2 { color:#fff; font-size:16px; padding:0 8px 5px; }
.lead h2 a { text-decoration:none; color:#fff; }
.lead h2 a:hover { text-decoration:underline; }
.lead h2 img { margin:0 -8px; }
.lead_black{background:#181818; color:#fff;}
.lead_black h2{background:#0d0d0d; padding:5px 8px;}
.lead_black h2 a{color:#fff; padding:0;}
.lead_black a{display:block; padding: 5px 8px;}
.lead_black p a{display:inline; padding:0;}
#main .lead h2.galben, .lead .galben, .lead .galben a, .lead h2.galben a { color:#e7b205; }
/*---------------------------------------------------------------------------- 
FORM
-----------------------------------------------------------------------------*/
#alert { overflow: hidden; width: 100%; text-align: center; position: absolute; top: 0; left: 0; background-color: #3d3d3d; height: 0; color: #fff; font: 20px/40px arial, sans-serif; opacity: 0.9; z-index:1000; }
#loader { text-align: center; width: 100%; height: 100%; position:absolute; z-index:1000; left:0; top:0; }
#loader .img { position:relative; top: 50%; z-index:1000; }
#ajaxform { }
#ajaxform form fieldset { position:relative; }
#ajaxform #error_email, #ajaxform #error_phone, #loginform #error_phone { position:absolute; top:2px; right:-10px; }
#loginform #error_phone { right:-23px; }
#ajaxform .colL { float:left; width:277px; margin-right:20px; }
#ajaxform .colR { float:left; width:277px; }
#ajaxform fieldset, #changepassword fieldset { margin:8px 0; }
#ajaxform label { width:auto; }
#ajaxform fieldset label, #password label { float:left; width:90px; }
#ajaxform fieldset input { width:165px; }
#ajaxform fieldset input.code { width:auto; }
#ajaxform select { margin:0 5px 0 0; float:left; }
#ajaxform .rad { position:relative; float:left; height:18px; margin-right:20px; }
#ajaxform input.radio, #ajaxform input.checkbox { width:auto; }
#ajaxform input.submit { float:right; border:none; background:none; }
#ajaxform form { }
#ajaxform p { margin:0 0 5px; }
#ajaxform img { vertical-align:middle; }
#password input.submit, #changepassword input.submit { border:none; background:none; margin-top:10px; }
#changepassword label { width:150px; float:left; }
#formregisterajaxerrors { color:#433127; }
#formregisterajaxerrors ul { padding:0 0 0 20px; }
#formregisterajaxcontainer { background:#fff; }
#formloginerrors { color:#2F4707 }
#formloginerrors ul { padding:0 0 10px 20px; }
.avatarlist div { float:left; margin:5px 5px 0 0; text-align:center; }
#ajaxform .avatarlist input { margin:3px 0 5px; }
#registergruplink img { margin:10px -10px -12px; float:left; }
/*---------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer a { margin-left:20px; }
.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover { color: #999; }
span.ui-checkbox, span.ui-radio { display: block; float: left; width: 18px; height: 18px; background: url(/style/images/radio.gif) 0 -40px no-repeat; margin-right:3px; }
span.ui-helper-hidden { display: none; }
span.ui-radio-state-hover, span.ui-checkbox-state-hover { background-position: 0 -114px; }
span.ui-checkbox-state-checked { background-position: 0 -1px; }
span.ui-checkbox-state-checked-hover { background-position: 0 -75px; }
span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked { background-position: 0 -161px; }
span.ui-radio-state-checked-hover { background-position: 0 -200px; }
.ui-helper-hidden-accessible { position: absolute; left: -999em; }
