/*
** Randkowa
** 2009/06/16
*/
html { height: 100%; padding-bottom: 1px; font-size: 100%; }
body { height:100%; position: relative; padding: 0; background: #2d6bb0 url('../images/bg.jpg') no-repeat 50% 0; color: #000; font: .6875em/1.5 "Arial", "Helvetica", sans-serif; }
body.none { height:100%; position: relative; padding: 0; background: #FF6302 none no-repeat 50% 0; color: #000; font: .6875em/1.5 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 2em; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: none; }
a:hover span { cursor: pointer; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }
button { overflow: visible; border: none; background: none; white-space: nowrap; -webkit-border-fit: lines; }
button::-moz-focus-inner { padding: 0; border: 0; }

/*
 * some globally used classes
 */
.left { float: left !important; }
.right { float: right !important; }
.clr { clear:both; line-height:1px; height:1px; padding:0; margin:0; font-size:1px;}

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

/*
 * layout
 */
.wrapper { position: relative; width: 1024px; margin: 0 auto; }
.content { position: relative; height: 625px; }

/*
 * menu
 */
.menu { overflow: hidden; padding-left: 205px; }
.menu ul { overflow: hidden; float: left; padding: 0 2px 0 0; background: transparent url('../images/menu-sep.png') no-repeat 100% 0; list-style: none; }
.menu ul li { float: left; padding-left: 2px; background: transparent url('../images/menu-sep.png') no-repeat 0 0;  }
.menu ul li a { float: left; padding: 11px 15px; background: transparent url('../images/menu-hover.png') repeat-x 0 -1000px; color: #fff; font-weight: bold;  }
.menu ul li a:hover { text-decoration: none; background-position: 0 0; }

.menu form.login { overflow: hidden; padding: 7px 0 0 20px; }
.menu form.login input.text { float: left; width: 105px; padding: 5px 10px; margin-right: 5px; border: none; background: transparent url('../images/input-login.png') no-repeat 100% 0; color: #8a8a8a; }
.menu form.login input.checkbox { float: left; margin: 5px 0 0 5px; }
.menu form.login input.submit { float: left; width: 74px; height: 24px; border: none; background: transparent url('../images/button-login.png') no-repeat 0 0; cursor: pointer; }
.menu form.login label { float: left; padding: 0 5px; margin-top: 5px; color: #fff; font-size: .8181em; white-space: nowrap; }

/*
 * content
 */
p.logo { position: absolute; top: 30px; left: 50px; float: left; padding: 0; }
p.logo a { float: left; width: 222px; height: 69px; background: transparent url('../images/logo.png') no-repeat 0 0; }

/*
 * box-offer
 */
.box-offer { position: relative; top: 270px; left: 0; width: 381px; height: 210px; background: transparent url('../images/box-offer.png') no-repeat 0 0; }
.box-offer a { position: absolute; top: 165px; left: 105px; float: left; width: 200px; height: 35px; }

/*
 * box-register
 */
.box-register { position: absolute; top: 310px; left: 500px; }
.box-register a { float: left; width: 329px; height: 57px; background: transparent url('../images/button-register.png') no-repeat 0 0; }
.box-register div { float: left; width: 329px; height: 57px; background: transparent url('../images/button-register.png') no-repeat 0 0; }

/*
 * form-find
 */
form.find { z-index:100;position: absolute; top: 380px; left: 500px; overflow: hidden; width: 473px; height: 63px; padding: 50px 0 0 15px; background: transparent url('../images/box-find.png') no-repeat 0 0; }
form.find p { float: left; padding: 0 10px 0 0; }
form.find p label { display: block; padding-bottom: 7px; color: #8591ac; font-size: 1.0909em; font-weight: bold; }
form.find p select { padding: 2px 4px; border: 1px solid #1d3f6d; background: #070e24; color: #224f84; }
form.find p select#genre { width: 100px; }
form.find p select#age { width: 80px; }
form.find p select#region { width: 165px; }
form.find p input.submit { width: 92px; height: 46px; margin: 13px 0 0 -5px; border: none; background: transparent url('../images/button-search.png') no-repeat 0 0; cursor: pointer; }

/*
 * form-register
 */
form.register { padding: 45px 0; background: transparent url('../images/bg-register.jpg') no-repeat 0 0; }
form.register p { overflow: hidden; padding-bottom: 5px; }
form.register p label { float:left; padding-right:10px; width:100px; color: #fff; font-weight: bold; line-height: 24px; text-align: right; text-shadow: 1px 1px 1px #cc7e00; }
form.register p input.captcha {float:left;   width: 81px; padding: 5px; border: none; background: transparent url('../images/input-register-popup-captcha.png') no-repeat 0 0; color: #fff; }
form.register p input.text {float:left;  width: 181px; padding: 5px; border: none; background: transparent url('../images/input-register-popup.png') no-repeat 0 0; color: #fff; }
form.register p select {float:left;  width: 181px; padding: 2px 4px; border-top: 1px solid #c67901; border-left: 1px solid #cc8005; border-right: 1px solid #ff8c3b; border-bottom: 1px solid #ff8c3b; background: #dd8e03; color: #fff; }
form.register p select.short { width: 71px; margin-right: 7px; }
form.register p select.shorter { width: 57px; margin-right: 7px; }
form.register p select.shortest { width: 40px; margin-right: 7px; }
form.register p.captcha img { float: left; padding: 0 10px 0 100px; }
form.register p.captcha label { width: 83px; background: transparent url('../images/input-short-register-popup.png') no-repeat 0 0; text-align: center; text-shadow: none; }
form.register p.regulations { padding-left: 100px; }
form.register p.regulations input.checkbox { float: left; margin-right: 5px; }
form.register p.regulations label { width: auto; font-size: .8181em; line-height: normal; text-shadow: none; }
form.register p.regulations label a { color: #c4682b; }
form.register input.submit { width: 145px; height: 43px; margin: 20px 0 0 100px; border: none; background: transparent url('../images/button-register-popup.png') no-repeat 0 0; cursor: pointer; }

form.register p select.error {background: #FE4701;}
form.register p input.error {background-position:0px -24px};

.close-button-positioner { float:right;}
.close-button { width:20px; height:17px; background:url(../images/close_button.png) no-repeat top left; margin:5px 5px 0 0; cursor:pointer;}
/*
 * box-last
 */
.box-last { position: absolute; top: 465px; left: 0px; width: 487px; height: 161px; background: transparent url('../images/box-last.png') no-repeat 0 100%; }
.box-added { left: 500px; }
.box-last .box-content { padding-top: 35px; background: transparent url('../images/icon-box-popular.png') no-repeat 405px 2px; }
.box-added .box-content { background: transparent url('../images/icon-box-added.png') no-repeat 411px 27px; }
.box-last p.title { padding: 0 0 10px 15px; color: #fff; line-height: 35px; font-size: 1.0909em; font-weight: bold; }
.box-last ul { overflow: hidden; padding: 0; list-style: none; }
.box-last ul li { float: left; padding-left: 16px; }

/*
 * footer
 */
.footer { padding: 10px 0 100px 0; color: #fff; }
.footer ul { position: relative; overflow: hidden; padding: 0 0 10px 20px; list-style: none; }
.footer ul li { float: left; padding-right: 2px; background: transparent url('../images/footer-sep.png') no-repeat 100% 50%; }
.footer ul li.last { background: none; }
.footer ul li a { float: left; padding: 0 5px; color: #fff; }
.footer ul li a:hover { text-decoration: underline; }
.footer p.copyright { padding-left: 25px; }

/*
** the end
*/
.panel_platnosci {padding: 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; border: 0px !important;}
.panel_platnosci .ui-dialog-titlebar {display: none !important;}
.panel_platnosci .ui-dialog-content { padding: 0px !important; }

/*.ui-widget-overlay {background:#000000 url(../../css/images/ui-bg_flat_0_000000_40x100.png) repeat-x scroll 50% 50%;opacity:0.6;}
.ui-widget-overlay {height:100%;left:0;position:absolute;top:0;width:100%;}*/