@media screen,projection{
html, body {height:100%}
body{text-align:center; line-height:1.4em; margin:0; padding:0; background: url(../img/bg-prkno.jpg) repeat center top; font-family:"trebuchet MS", Arial; font-size:80%  }

#main{background: url(../img/bg-site.jpg) no-repeat center top;min-height:860px; /*height:100%; /*position:relative*/}
#content-main-box{padding-bottom:1.5em; min-height:670px}

/* logo */
#logo a{position:absolute; top:0; left:332px; display:block; width:215px; height:119px; background: url(../img/logo.jpg) no-repeat 0 -119px}
#logo a img{display:none}


/* login */


#logged #logo a{background: url(../img/logo.jpg) no-repeat 0 0}
#logged #main{background: url(../img/bg-site-login.jpg) no-repeat center top;}
#login-registrace{position:absolute; top:95px; left:675px; width:148px; height:156px; z-index:200}
#login-registrace a{color:white; font-weight:bold;}
#login-registrace a{font-size:90%}
#login-registrace #login-user{position:relative; top:28px; left:53px}
#login-registrace label{width:50px; display:block; float:left; color:white; font-weight:bold }
#login-registrace label, #login-registrace input{font-size:85%; margin-bottom:1px}
#login-registrace input{float:left; padding:1px;}
#login-registrace input.flr{float:right;margin-right:8px}
#registrace-text{line-height:1.3em; font-size:90%; position:relative; top:2px; color:#c69c6c; font-weight:bold}
#registrace-text a{font-size:100%}/* CSS Document */

#login-registrace #jmenologin, #login-registrace #heslologin{width:85px}


/* headers */
h1,h2,h3,h4{font-size:165%; font-weight:bold; margin:0 0 .5em; padding-bottom:.5em;}
	h2, h3, h4{font-size:155%; padding:0 0 .3em 0; font-weight:normal; margin:1em 0 .5em;}
	h3{font-size:145%;}
	h4{font-size:125%;}

/* tags */
p{margin:.5em 0;}
ul{margin:1em 0 1em 30px; padding:0;}
li{padding:0 0 0 20px; margin:.7em 0;}

.perex{padding:10px 20px; font-style: italic;}
.poznamka{font-style: italic; margin:1.5em 0;}

.form-area{padding-top:1em;}
.form-area p{padding:10px 24px;}
.form-area h4{padding:5px 24px;}
.form-area table{width:100%;}
.form-area table{width:100%;}
.form-area table td{vertical-align: top; padding-top:.7em; padding-bottom:.7em;}
.form-area .th{width:150px;}
.form-area .widthinput{width:274px; display:block;}
.form-area #od, .form-area #do{width:8em; display:in-line;}
.form-area .scroll{overflow-y: scroll; height:200px;}
.form-area p.legenda{margin-bottom:1em;}
.form-area .upozorneni{font-style: italic;}
form h3{min-height:17px; padding:15px  24px 18px; margin:0;}
.submit-area{height:48px; text-align:center; padding-top: 16px; margin:0;}

/* main */
#main{top:0; left:0; text-align:left; margin:0 auto;}
#head .head-box{height:97px; width:936px; text-align:left; margin:0 auto; position:relative;}	
	#head-lang{position:absolute; top:10px; left:500px;}
	#head-contact{position:absolute; top:10px; right:0px; width:100px; padding:0 0 0 47px;}	
	#head-contact p{margin:0;}
	#head-search{position:absolute; top:55px; right:0px; padding:0; text-align:right;}
		#head-search fieldset{padding:0; margin:0;}
		#head-search legend{display:none;}
		#button-search{position:relative; top:5px; left:5px;}

#crumbs{padding:10px;}
	#crumbs .crumbs-box{width:936px; margin:0 auto;}
	#crumbs p{margin:0; padding:0 10px;}
#cont{padding:0; margin:0;}
	#cont .matrj{}

#main-top{width:936px;text-align:left; margin:0 auto; background: url(../img/bg-site.jpg) no-repeat center top}
#logged #main-top{width:936px;text-align:left; margin:0 auto; background: url(../img/bg-site-login.jpg) no-repeat center top}

#content-main{width:936px;text-align:left; margin:0 auto;}
#content-main-box{padding-bottom:1.5em; }
#content,#sidebar,#sidebar2{ }
#sidebar{float:left; width:247px;}

/* detail */
#detail{width:635px; min-height:433px; margin:0; padding:0;background:white; /* position:relative; */  position:absolute; top:133px; left:145px; z-index:300}
	#detail.registrace{top:33px;}
	#detail-box{padding:32px }
	#detail-text{width:205px; float:left; margin-left:10px}
	#detail-box h1{margin:0 0 .5em; padding:0; color:#e41f1e; font-size:200%; line-height:1.1em;}
	#detail-box p{color:#adadad; font-size:120%; line-height:1.5em; }
	#detail-box p strong{color:#535353}
	#detail-photo{float:right; margin-right:20px}

	#detail.kosik .pocet{width:1em}
	#detail.kosik {font-size:85%; padding:0 0 15px 0}
	#detail.kosik h1{color:#a67c52; background:#f1eee7; font-size:120%; padding:5px 10px; margin-top:-15px; text-transform: uppercase}
	#detail.kosik table{width:100%}
	#detail.kosik th{border-bottom:1px solid black}
	#detail.kosik .celek td{color:#a67c52; font-weight:bold; font-size:120%}
	#detail.kosik .suma td{background:#f1eee7}
	#detail.kosik {min-height:365px;}
	#detail.kosik p{color:#412211; font-size:100%}
	#detail.kosik #detail-box{padding-left:20px; padding-right:20px}
	#kosik-text{padding:0 60px 0 0; height:66px; color:#a67c52; font-size:90%}
	#kosik-text a{color:#a67c52;}
	#detail-box.text a:visited, 
	#detail-box a:visited,
	#detail.kosik a:visited{color:#0B0905}
	#detail-box #basket:hover,
	#detail-box.text a:hover,
	#detail-box a:hover,
	#detail.kosik a:hover{color:#BE1A1B}
	

	#remotebox{position:relative}
	#detail-box #close{position:absolute; top:15px; right:15px}
	#detail-box #basket{border:none; text-decoration:none; font-size:130%;color:#adadad; width:136px; display:block; text-align:center; position:absolute; top:335px; left:10px}
	#detail-box #basket span{text-decoration:underline; display:block; margin-bottom:15px}
	#detail-box #basket{border:none; text-decoration:none; font-size:130%;color:#adadad; width:136px; display:block; text-align:center; position:absolute; top:335px; left:10px; z-index:600;}
	#detail-box #basket span{text-decoration:underline; display:block; margin-bottom:15px; z-index:600;}

	#login-registrace #login-in{height:66px; width:155px; color:white; font-size:90%}
	#login-registrace #login-in strong{position:relative; top:10px;}
	#login-registrace #login-in a{color:#c69c6c}
	#login-registrace #login-in a:hover,
	#login-registrace a:hover{color:#FFEE9F}
	#login-setting{margin-top:7px; }
	#kosik-odkaz{position:absolute; left:100px; bottom:34px}

	#nextright{position:absolute; right:10px; top:180px}
	#prevleft{position:absolute; left:10px; top:180px}

	#registrovat{position:absolute; bottom:17px; left:40px}
	#registrovat a{display:block; margin-top:10px; color:#969696}

	#registrace-user{color:#c58b4d; font-weight:bold; font-size:90%}
	#registrace-user a{color:white}

/* vlajecky */

.vlajky{list-style: none; margin:0; padding:0; position:relative;}
.vlajky li{margin:0; padding:0}

#content{position:relative; width:700px}


#polozka-1 a span,
#polozka-2 a span,
#polozka-3 a span,
#polozka-4 a span,
#polozka-5 a span,
#polozka-6 a span,
#polozka-7 a span{cursor:pointer}


#polozka-1{position:absolute; top:-53px; left:207px;}
#polozka-1{position:absolute; top:-38px; left:227px;}
#polozka-2{position:absolute; top:4px; left:402px;}
#polozka-3{position:absolute; top:-46px; left:543px;}
#polozka-4{position:absolute; top:303px; left:132px;}
#polozka-5{position:absolute; top:285px; left:342px;}
#polozka-6{position:absolute; top:305px; left:427px;}
#polozka-7{position:absolute; top:290px; left:666px;}

#polozka-1 a, #polozka-1 a span{width:100px; height:135px; display:block; position:relative}
#polozka-1 a span{position:absolute; top:0; left:0; background: url(../img/polozka-1.jpg) no-repeat 0 0}
#logged #polozka-1 a span{position:absolute; top:0; left:0; background: url(../img/polozka-1.jpg) no-repeat 0 -135px}
#polozka-2 a, #polozka-2 a span{width:81px; height:100px; display:block; position:relative}
#polozka-2 a span{position:absolute; top:0; left:0; background: url(../img/polozka-2.jpg) no-repeat 0 0}
#logged #polozka-2 a span{position:absolute; top:0; left:0; background: url(../img/polozka-2.jpg) no-repeat 0 -100px}
#polozka-3 a, #polozka-3 a span{width:96px; height:101px; display:block; position:relative}
#polozka-3 a span{position:absolute; top:0; left:0; background: url(../img/polozka-3.jpg) no-repeat 0 0}
#logged #polozka-3 a span{position:absolute; top:0; left:0; background: url(../img/polozka-3.jpg) no-repeat 0 -101px}
#polozka-4 a, #polozka-4 a span{width:149px; height:124px; display:block; position:relative}
#polozka-4 a span{position:absolute; top:0; left:0; background: url(../img/polozka-4.jpg) no-repeat 0 0}
#polozka-5 a, #polozka-5 a span{width:76px; height:82px; display:block; position:relative}
#polozka-5 a span{position:absolute; top:0; left:0; background: url(../img/polozka-5.jpg) no-repeat 0 0}
#logged #polozka-5 a span{position:absolute; top:0; left:0; background: url(../img/polozka-5.jpg) no-repeat 0 -82px}
#polozka-6 a, #polozka-6 a span{width:100px; height:135px; display:block; position:relative}
#polozka-6 a span{position:absolute; top:0; left:0; background: url(../img/polozka-6.jpg) no-repeat 0 0}
#polozka-7 a, #polozka-7 a span{width:81px; height:79px; display:block; position:relative}
#polozka-7 a span{position:absolute; top:0; left:0; background: url(../img/polozka-7.jpg) no-repeat 0 0}


#backlink{position:absolute; top:-90px; left:670px}
#backlink, 
#backlink span{display:block; width:163px; height:67px; position:relative}
#backlink span{background: url(../img/zpet-do-sklipku.jpg) no-repeat 0 0; position:absolute; left:0; top:0} 



#gramofon{position:absolute; top:-85px; left:860px}
#gramofon{display:block; width:87px; height:103px;}



/*
#gramofon span{background: url(../img/gramofon-zvuk.jpg) no-repeat 0 0; position:absolute; left:0; top:0}
*/

#foot{padding-bottom:1em; }
	#foot{}
	#foot .foot-box{width:936px; margin:0 auto;text-align:center; font-size:90%}	
	#foot p a.first{padding:0 40px 0 0}
	#foot p a.last{padding:0 0 0 40px}
	#foot p a{color:#995e22; padding:0 40px; }
	#foot p{margin:.5em 0 0; color:#995e22}
	#foot p.author a{color:white; padding:0 10px;}

	#foot p.author a.first{padding:0 10px 0 0}
	#foot p.author a.last{padding:0 0 0 10px}

/* nav horizont version */
#nav{}
	#nav .nav-box{width:936px; text-align:left; margin:0 auto; font-size:110%;}
	#nav .cl{}
	#nav ul{list-style-type:none; margin:0; padding:0;}
	#nav li{float:left; margin:0; padding:0;}
	#nav .first a{display:block; padding:10px 20px;}
	#nav a{display:block; padding:10px 10px; text-transform:uppercase; text-decoration:none; font-weight:bold;}
	#nav .active,#nav a:hover{}
	#nav a.active,#nav a.active:hover{}

#subnav{position:relative; top:0;}
	#subnav .subnav-box{}
	#subnav .cl{}
	#subnav ul{list-style-type:none; margin:0; padding:0;}
	#subnav li{float:left;}
	#subnav a, #subnav strong{display:block; padding:5px 10px;}
	#subnav strong{}
	#subnav a:hover{}
	#subnav a.active,#subnav a.active:hover{}

/* nav vertical version */
#cont #nav{float:left; width:34%;}
	#cont #nav li{float:none;}
	#cont #nav li li{margin-left:10px;}
	#cont #nav a{}



/* INFO, WARNING */	
	/* warning */
	.info-warn{width:100%;}
		.info-warn div{clear:left; padding:10px 15px 10px 20px; margin:1em 0 1.5em; background:#9F0000}
	  .info-warn ul{padding:0; margin:0 0 0 10px; font-size:85%; color:white}
	
	.warning{width:100%;}
		.warning div{clear:left; padding:15px 15px 15px 80px; margin:1em 0 1.5em;}
	  .warning ul{padding:0; margin:0 0 0 40px;}
			
	/* info */
	.info{width:100%;}
		.info div{clear:left; padding:15px 15px 15px 80px; margin:1em 0 1.5em;}
	  .info ul{padding:0; margin:0 0 0 40px;}	
	
/* list*/
.list{width:100%; margin-bottom:10px; border:none;}
	.list td{font-size:90%; border:none}
	.list form,.list form div{display:inline;}
.list{}
	.list td{}

/* tabs */
table{font-size:100%; width:100%; border-collapse:collapse;}
th,td{padding:6px 10px;}
th{padding:8px 10px}
form table{width:auto;}
form table,form th,form td{border:none; background:none;}

/* forms */
form{margin:0;}
form p{margin:0;}
input,textarea,select,submit{font:100% Arial,Verdana,lucida,sans-serif;}
textarea {width:99%}
fieldset,.hledej{padding:10px 20px; margin-bottom:10px;}
legend{padding:5px 10px; margin-top:10px;}

#search fieldset,#search legend{padding:0; margin:0;}

.tr{display: table-row;}
.td1,
.td2{display: table-cell; padding-bottom:4px}
.td1{width:200px}
.td2{width:360px}
.td2 input{width:350px}
fieldset{border:none}
legend{color:#a06835; margin:0; padding:0; font-weight:bold}
label{color:#351405}
.need{color:#d10020}
#detail-box.text{font-size:130%; padding:32px 10px 0;}
#detail-box.text a{color:#351405}

.poznm .td1, .poznm .td2{padding:20px 0; font-size:80%; color:#351405}

/* searching text */
.search{font-weight:bold;}



/* other */
.tretina{display:block; width:32%; float:left}
.vis{visibility:hidden;}
.hid{display:none;}
.sml,#foot,.photo a.text-foto{font-size:90%;}
.big{font-size:120%;}
a img{border:none;}
.c{text-align:center;}
.l{text-align:left;}
.r{text-align:right;}
.just{text-align:justify;}
img.fl, .flimg{margin:0 1em .3em 0; float:left;}
img.flr, .flrimg{margin:0 0 .3em 1em; float:right;}
.fl{float:left;}
.flr{float:right;}
.cl{clear:both; display:block}
.cll{clear:left;}
.clr{clear:right;}
div.cl{font-size:1px; height:1px; padding:0; margin:0; overflow:hidden;}


	.score{margin:0; padding:0; font-size:90%}
.hodnoceni{font-size:90%; margin:0; padding:0; width:100%; position:absolute;bottom:0;}

.testbig{float:left; position:relative; text-align:center; width:208px; height:205px; padding:0; margin:0 10px 10px 0; overflow:hidden;}
.testbig div{display:table-cell; vertical-align:middle; width:205px; height:135px;}
.three{margin:0 0 10px 0;}

.filtr{padding:6px 10px 0;}

.list{width:100%; margin-bottom:10px; border:none;}
	.list td{font-size:90%; border:none}
	.list form,.list form div{display:inline;}
  .list td a img{position:relative; top:2px}
  .list td a.activelist{font-weight:bold; text-decoration:none}
.list{}
	.list td{}

.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.right{text-align:right}
.pnmn{padding:0;margin:0}

}