* { margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }

body { padding: 0; font: normal 75%/1 Arial; color: #000; background: #e0f4f2 url('/img/bg.jpg') repeat-x top left;}

/* links --------------------------------------------------------------- */
a {color:#757575;text-decoration: underline;}
a:link {color:#9d9d9d;}
a:hover {color:#000;text-decoration: none;}

/* H1 - H5 --------------------------------------------------------------------- */
h1 {width: 301px;height: 48px;padding: 0;margin: 33px 0 0 58px; position: absolute; text-align: center;}
h1 span {position: absolute; width: 100%; height: 100%; cursor: pointer; background: url('/img/logo.png'); background-repeat:no-repeat; position: absolute; top: 0; left: 0;}

.content {width: 980px;margin-left: 48px;display: block;}
.clear { clear:left; display: block; height:0;line-height:0;font-size:0; width: 100%;}

#head {background: url('/img/head.jpg') no-repeat;width: 1030px;height: 430px;position: relative;left: 0;}
	#head .postovne {position: absolute; top: 15px; right: 0}
#box, #boxloged {position: relative;top: 110px;left: 51px;height: 200px;margin: 0;background: url('/img/loginbox.png') top right;font-size: 14px;color: #00aa13; font-weight: bold;}
#boxloged {background-image: url('/img/logedbox.png')}
#login {position: absolute; right: 22px; width: 175px; top: 15px; text-align: center;}
	#login input {border: 0; height: 26px; margin-top: 7px; width: 165px; font-size: 18px; vertical-align: top;}
	#login input.login {margin-top: 15px;}
	#login input.password {width: 130px;margin-bottom: 6px;}
	#login input.submit {width: 32px;height: 26px;margin-left: 6px}
	#login input.check {width: auto;height: auto;vertical-align: middle;margin: 0;padding: 0;_margin-left: -6px}
	#login form {font-size: 10px;color: #9d9d9d; font-weight: normal}
	#login label {display: inline; text-decoration: underline;cursor: pointer;margin-right: 5px}
	#login .banner {width: 210px;height: 63px;position: absolute;right: -16px;top: 122px;}

.loged a {color: #00c716; font-size: 14px}
.loged, .loged p * {color: #999999; font-size: 12px; text-align: center}
	.loged a {font-weight: bold;}
	.loged span {font-size: 20px; font-weight: bold; color: #23a0da; width: 122px; _height: 37px; height: 27px; padding-top: 10px; text-align: center; margin: auto; margin-top: 5px; margin-bottom: 5px; display: block; background: url('/img/loged-span.png') no-repeat center}
	.loged a.more {color: white; font-size: 12px; text-align: center; display: block; width: 121px; _height: 25px; height: 20px; padding-top: 5px; background: url('/img/loged-more.png') no-repeat center; margin: auto}
	.loged p {display: block; margin-top: 10px}
		.loged p strong {color: red}

#page {position: relative; margin-top: -115px;background:white; padding-bottom: 15px; background: #fff url('/img/page-bottom.png') left bottom no-repeat;margin-bottom: 5px}
	#page ul#menu {width: 980px;height: 52px;background: url('/img/menu.png'); padding: 0;margin: 0 0 15px 0;list-style: none;font-size: 16px;font-weight: bold}
		#page ul#menu li {_display: inline;float: left;text-transform: uppercase;margin-top: 8px; background: url('/img/menu-li.png') right no-repeat}
		#page ul#menu li.last {background: none}
		#page ul#menu li a {height: 25px;display: block;padding: 11px 15px 0 15px;color: white;text-decoration: none;}
		#page ul#menu li a:hover {text-decoration: underline;}
	#page .contacts {width: 50px;height: 52px;right: 0; top: 0;display: block;position: absolute;}
	#page .facebook {width: 55px;height: 52px;right: 50px; top: 0;display: block;position: absolute;}

/* LEVY A PRAVY SLOUPEC */
.left {padding-bottom: 10px; float: left; margin: 0 15px;width: 735px}
.right {float: left; width: 200px; margin: 0}
	.right .news, .right .history {width: 198px; height: 410px; background: url('/img/box.png'); margin-bottom: 10px}
		.right .news a.top, .right .history span {_height: 38px;height: 25px; display: block; float: left;font-size: 13px;text-align: center; text-decoration: none; font-weight: bold; padding-top: 13px;margin-bottom: 18px}
		.right .news a.auctions, .right .history span {width: 128px; color: #23a0da}
		.right .news a.new {width: 70px; color: #9f9f9f}
		.right .news div, .right .history .bidhistory div {clear: left;height: 30px;width:188px;margin: 6px 6px;position: relative; padding-top: 10px;}
		.right .news div.dark, .right .history .bidhistory div.dark {background: #eff7f8}
			.right .news div a, .right .history .bidhistory div a {color: #008fd0;text-decoration: none}
				.right .news div a:hover, .right .history .bidhistory div a:hover {color: black}
			.right .news div p {width: 150px;display: block;padding-top: 7px}
			.right .news div p.calendar {padding: 0;height: 27px;width: 27px;float: right;color: #6a6a6a;text-align:center; font-size: 10px;background: url('/img/calendar.png');line-height: 13px}
				.right .news div p.calendar strong {display: block; font-size: 12px}
		.right .news p.more, .right .history p.more {text-align: right; margin-right: 13px; font-size: 10px; font-weight: bold}
			.right .news p.more a, .right .history p.more a {color: #c2c2c2;}
			.right .news p.more a:hover, .right .history p.more a:hover {color: #6c6c6c;}
	
	.right .history {background: url('/img/history.png');}
		.right .history span {width: 120px}
		.right .history .bidhistory div {_height: 27px;height: 20px;padding-top: 7px;font-weight: normal;}
		.right .history .bidhistory div span {color: #1987c8; _width: 40px; width: 41px; padding: 0 0 0 10px;font-weight: normal;font-size: 11px;height: auto; text-align: left; margin: 0}
		.right .history .bidhistory div span.user {color: #3b3b3b}
		.right .history .bidhistory div span.time {color: #3b3b3b; font-size: 10px;}

/* BOXY */
.box {height: 244px; background: url('/img/auction.png') center no-repeat;text-align: center;width:171px; float:left; margin: 0 16px 16px 0}
.box.last {margin-right: 0}
	.box h2 {text-align: center; padding: 10px 0 5px 0;font-size: 13px}
		.box h2 a {color: #424242; text-decoration: none;}
		.box h2 a:hover {text-decoration: underline;}
	.box p {text-align: center;background-repeat: no-repeat; font-weight: bold}
	.box p.time {font-size: 19px;padding-bottom: 8px}
	.box p.price {font-size: 19px;background-color: #cce6f1;font-size: 15px; color: #23a0da; padding: 3px; font-weight: bold; display: inline}
	.box p.user {padding: 8px 0 3px 0;}
	.box a.bid {width: 121px; _height: 29px; height: 22px; background: url('/img/bid.png'); color: white; font-size: 15px; text-align: center; font-weight: bold; text-decoration: none;padding-top: 7px;display:block; margin: auto}
	.box.big {_width: 358px; width: 342px; padding: 0 8px; background: url('/img/auction-big.png') no-repeat;text-align: left}
		.box.big h2 {font-size: 17px;padding: 15px 0 15px 0;}
		.box.big img {float: left;}
		.box.big .data {float: left; width: 176px; margin-left: 10px;padding-top: 15px}
			.box.big p {margin: 10px 0 0 10px;padding: 0}
			.box.big p.time {background-image: url('/img/clocks-big.png'); font-size: 26px; color: #424242; height: 27px}
			.box.big p.price {background-color: transparent;background-image: url('/img/kc.png'); font-size: 10px; color: #858585; font-weight: normal;display: block;}
				.box.big p.price strong {font-size: 26px; color: #23a0da; display: block;}
			.box.big p.user {padding: 16px 0 17px 0;}
			.box.big .data a {display: block; _height: 31px; height: 25px; background: url('/img/bid-big.png'); color: white; font-size: 16px; text-align: center; font-weight: bold; text-decoration: none;padding-top: 6px}
.box.wide {_width: 950px;_height: 76px;width: 918px;min-height: 54px; height: auto; clear: left; margin: 0 0 0 15px; background: url('/img/auction-wide.png') top left no-repeat; padding: 11px 16px}
	.box.wide * {text-align: left;}
	.box.wide td.img {width:80px;text-align:center}
	.box.wide td.text {color: black;font-size: 11px;padding-left:35px; _width: 360px; width: 325px}
		.box.wide td.text h2 {color: black;font-size: 14px;font-weight: bold;padding-top: 0px;text-align: left}
	.box.wide td.stats {_width: 330px;width: 295px; padding-left: 35px;}
	.box.wide span, .box.wide p {display: block; float: left;padding: 2px 0 0 25px;}
	.box.wide p.price {background: url('/img/kc-small.png') no-repeat; height: 24px; font-size: 16px; color: #23a0da; font-weight: bold; padding-top: 0}
		.box.wide p.price span {background: #cce6f1; color: #23a0da;width: auto; padding: 5px}
	.box.wide span.time {background: url('/img/clocks.png') no-repeat; height: 24px; font-size: 16px; color: #424242; font-weight: bold; _width: 95px;width: 105px;padding-top: 5px}
	.box.wide p.user {float: none; font-weight: bold; padding: 0 0 8px 0;display: block; text-align: center; font-size: 13px}
.box-bottom {width: 950px; height: 4px; margin: 0 0 15px 15px; background: url('/img/auction-wide-bottom.png'); clear: left}

.boxs {margin-left:46px; width:980px; height: 55px; margin-bottom: 8px;}
.boxik {height: 55px; background: #fff; width: 94px; float: left; margin: 2.008px;}

.wide-more {clear: left; text-align: right; font-size: 11px; font-weight: bold; margin-right: 15px}
	.wide-more a {color: #989898}

/* DETAIL */
.detail {_width: 733px;width: 703px;height: auto; background: url('/img/detail.png') no-repeat;position: relative;padding: 15px;font-size: 11px}
	.detail p {display: block;clear: left;}
		.detail p.top {padding: 0 0 15px 0}
			.detail p.top a {color: #fd920d;text-decoration: underline;}
			.detail p.top a:hover {color: black;}
			.detail p.top span {color: #b1b1b1;float: right}
		.detail p.dsc {font-size: 12px;line-height: 16px;padding-top: 20px;text-align: justify}
	.detail .picts {width: 330px;float: left;text-align: center}
		.detail .picts img {border: 1px solid #e7e7e7;margin: 5px 3px 0 3px}
		.detail .picts img.big {margin: 0}
		.detail .picts strong {font-size: 15px;padding-top: 35px;display: block}
	.detail .info {float: left; margin-left: 55px; width: 270px;text-align: center}
		.detail .info h2 {font-size: 20px; padding: 10px 0 5px 0}
		.detail .info p.dsc {font-size: 12px;line-height: 16px;text-align: justify;padding-bottom: 25px}
		.detail .info span.time {font-size: 31px;font-weight: bold; padding-left: 50px;color: #424242; background: url('/img/clocks-detail.png') no-repeat;}
		.detail .info p.price {_width: 230px;width: 180px;text-align: left;font-size: 31px;font-weight: bold; padding-left: 50px;color: #23a0da; background: url('/img/kc-detail.png') no-repeat;margin: 10px 0 0 48px}
			.detail .info p.price span {padding: 5px;display: inline-block;background: #d4e9f3}
		.detail .info span.user {font-size: 30px;font-weight: bold;display: block;padding: 20px 0}
		.detail .info p.note {color: #878787;font-size: 13px;padding: 20px 0}
		.detail .info a {display: block; _height: 31px; height: 25px; width: 176px; background: url('/img/bid-big.png'); color: white; font-size: 16px; margin: auto; font-weight: bold; text-decoration: none;padding-top: 6px}
		.detail .info table {font-size: 13px;text-align: left}
			.detail .info td {padding: 3px;text-align: right}
			.detail .info td.text {width: 175px;text-align: left}
			.detail .info tr.border td {border-top: 1px solid #878787}
.detail-bottom {height: 4px; width: 733px; background: url('/img/detail-bottom.png')}

/* TEXT */
.left .text {display: block; padding: 10px; color: #555555; font-size: 12px}
	.left .text a {color: #555555}
	.left .text h2 {font-size: 19px; color: #068cca; margin-bottom: 20px}
	.left .text p {padding: 5px 0; line-height: 20px}
	.left .text .buy {display: block; padding: 15px 0}
		.left .text .credits {text-align: center}
		.left .text .credits div {margin: 20px;width: 185px; height: 152px; background: url(/img/button.jpg) no-repeat; display: inline-block; text-align: center}
		.left .text .credits h3, .left .text .credits strong.header {font-size: 17px; padding: 13px 0 10px 0; color: #068cca; padding-bottom: -5px;}
		.left .text .credits strong {font-size: 15px; color: #676767; display: block; padding-bottom: 1px}
		.left .text .credits span {font-size: 18px; color: #00cb0e; display: block; padding: 0 0 5px 0; font-weight: bold; line-height: 16px}
			.left .text .credits span img {vertical-align: middle; margin-right: 5px; margin-top: -4px; text-align: center;}
		.left .text .bonus { color: #3ca5d5 !important; font-size: 14px !important; }
    .left .text .total { color: #068cca !important; font-size: 19px !important; }	
		.left .text .credits a {font-size: 14px; color: white; font-weight: bold; width: 159px; _height: 28px; height: 23px; display: block; margin: auto; text-decoration: none; padding-top: 5px}
		.left .text .credits div.vip {width: 390px; height: 111px; background-image: url('/img/buy-credits-vip.png') }
			.left .text .credits div.vip p {float: left; display: inline-block; line-height: 14px; font-size: 11px; width: 160px; padding: 10px 0 0 0;}
			.left .text .credits div.vip p.first {padding-top: 55px; width: 180px; line-height: 12px; margin: 0 15px 0 20px}
				.left .text .credits div.vip strong {color: #980056;}
				.left .text .credits div.vip strong.header {color: #068cca;}
				.left .text .credits div.vip a {width: 159px; margin-top: 5px; margin-left: -8px;}
	.left .register {padding: 10px 0}
		.left .register label {width: 100px; display: inline-block; text-align: right; vertical-align: middle}
		.left .register input {width: 278px; _height: 32px; height: 26px; background: url(/img/input-text.png) no-repeat; border: 0; vertical-align: middle; font-size: 14px; padding: 6px 5px 0 5px}
		.left .register span {background-repeat: no-repeat; background-color: #f7f7f7; padding: 4px 0 0 45px; display: inline-block; _height: 28px; height: 24px; vertical-align: middle; _width: 320px; width: 275px}
			.left .register span.bad {background-image: url(/img/check-bad.png);}
			.left .register span.ok {background-image: url(/img/check-ok.png);}
		.left .register button {cursor: pointer; font-size: 14px; color: white; font-weight: bold; text-align: center; height: 31px; width: 176px; vertical-align: middle; background: url(/img/submit-form.png) no-repeat; margin-left: 202px; border: 0}

/* PATICKA */
#footer {_width: 965px; width: 965px; background: url('/img/footer.png') no-repeat; padding: 13px 0 10px 15px;color: #535353; position: relative}
	#footer img {margin-right: 76px; vertical-align: middle}
	#footer a {color: #535353}
		#footer a.margin {margin: 0 14px}
	#footer p {display: block;margin-top:20px; color: #989898}
		#footer p a {color: #989898; right: 10px; position: absolute}
	


	/* Naše úpravy
- zaměnit "../" -> "/"
- zaměnit "#bidhistory" -> ".bidhistory"
 */
 
#login label {display: inline; text-decoration: underline;cursor: pointer;margin-right: 3px; font-size: 10px;color: #9d9d9d; font-weight: normal}
#login a.for {display: inline; text-decoration: underline;cursor: pointer;margin-right: 0px; font-size: 10px;color: #9d9d9d; font-weight: normal}
#login label.loginlabelUser{position:absolute;top:28px; left:0px; text-decoration:none;font-size:16px; width:170px; height:24px; padding-top:5px;}
#login label.loginlabelPass{position:absolute;top:62px; left:0px; text-decoration:none;font-size:16px; width:170px; height:24px; padding-top:5px;}

.box.wide p.price {background-image: none;}
.box.big p.price {background-image: none; padding-right:15px;}
.box.big .data a {background: url('/img/bid.png'); padding-top: 6px; height:24px;}



span.bid {width: 121px; _height: 29px; height: 22px; background: url('/img/bid.png'); color: white; font-size: 15px; text-align: center; font-weight: bold; text-decoration: none;padding-top: 7px;display:block; margin: auto;}
.wide span.bid {width:121px; padding-top:7px; padding-left:0px; padding-right:0px; text-align:center;}

span.purplebid{background: url('/img/bid-purp.png');}
span.goldbid{background: url('/img/bid-gold.png');}
span.redbid{background: url('/img/bid-red.png');}
span.graybid{background: url('/img/bid-gray.png');}

a.bluebid {background: url('/img/bid-blue.png'); width: 121px; _height: 29px; height: 22px; color: white; font-size: 15px; text-align: center; font-weight: bold; text-decoration: none;padding-top: 7px;display:block; margin: auto}
.wide a.bluebid {background: url('/img/bid-blue.png'); width: 121px; _height: 29px; height: 22px; color: white; font-size: 15px; text-align: center; font-weight: bold; text-decoration: none;padding-top: 7px;display:block; margin: auto}
.box.big .data a.bluebid {background: url('/img/bid-blue.png'); padding-top: 6px; height:24px;}

.oizBackground{z-index:100;background-color:Red;}

.left .register span 
{
    background-repeat: no-repeat; 
    background-color: #f7f7f7; 
    padding: 7px 0 4px 45px; 
    padding-bottom:6px;
    padding-right:10px;
    margin-top:1px;
    display: inline-block; _height: 28px; height: 16px; vertical-align: middle; _width: 320px; width: 275px}

.left .text a.muzobutton {color:white;}

.left .wide{margin-left:0px;}
.left .wide h2{margin-bottom:0px;}
#container{margin-left:auto;margin-right:auto; width:1031px;}



#mypopup {
    
    padding: 0;
    width: 100%;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    top: 25%;
    z-index:5;
    display: none;
}

#innerPopup
{
    width:250px;
    border:solid 1px red;
    margin: auto auto auto auto;
    padding: 10px 10px 10px 10px;
    background-color:White;
}

 
#mypopup em {
    background: url(bubble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;

}

#popDet{display:none; position:absolute;
left:0px;
top:0px;
width:280px;
height:80px;
background-color:White;
border: solid 1px grey;
z-index:100;
padding:5px;
}

.resPriceImg{Display:none;margin-left:-48px;}
.detail .info span.time {padding-right: 40px;}

.detail .info span.user {font-size: 24px;}

.aParams{font-size:larger; margin-top:3px;}

.titlespacer{position: relative;height:110px;clear:both;}


.pager{background-color:#CFE8F4;width:100%;height:15px; text-align:center; padding-top:2px;}

h1 span {background-repeat:no-repeat; }

.left .text .credits {text-align: center}
.left .text .credits div {float:left;}
.left .text .credits div.last {float:none;}

.left .text .credits div.vip {float:none; }

.right .history .bidhistory div span {_width: 40px; width: 45px;}


#latenVal{width:30px;display:inline-block;}
.detail .info p.dsc {text-align: center;}

/* /Naše úpravy */	

/* TheSin upravy*/

.left .register a.registerbutton{width: 159px;  height: 21px; background: url('/img/buy-credits-btn.png'); color: white; font-size: 15px; text-align: center; font-weight: bold; text-decoration: none;padding-top: 7px;display:block; margin: auto;}

.box p.price {background-color: transparent;}
.box.wide p.price span {background: transparent; }
.detail .info p.price span {background: transparent;}
.box.wide.wideFinished {width: 690px;}
.wideWinnerFin {margin-left:150px; font-weight:bold;margin-bottom:3px;}
.wideWinner {font-weight:bold;margin-bottom:3px;}
.detail .info p.price {background-image: none;}
.detail .info a.fcb {margin:0px 0px -32px -55px;width: 30px;  height: 30px; background-image: none;}

.left .register span.chbvop {width: 240px; background:none; text-align:left;}
.left .register span.chbvop label {width: 250px; text-align:left;  }
.left .register span.chbvop input {width: 18px; height: 18px; margin: 0px 3px 0px -40px;}


.userform td, .userform th {padding:5px ;}

.right .news a.top, .right .history span {font-size: 15px; }
.right .news a.auctions, .right .history span {color: #08698F}



#usetrite 
{
    width:297px; height:69px; text-align:right; 
    background-image: url('/img/usetreno_bg.jpg'); background-repeat:no-repeat;
        position: absolute; top: 16px; right: 221px; padding-top:9px; 
    color:#066BAF; font-size:8pt; line-height:19px; font-weight:bolder;
}
#usetrite b {color:#FA9D21;}

/*#FA9D21*/

.bad{}