
@media screen,projection {

	body {	
	_display: block;
	_height: 860;
	_width: 1224;
	_text-align: center;
	background-color: #fbf7f7;
	font-size: 9pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	

}
.nahled {
	position: relative;
	display: inline-block;
	_display: inline;
	width: 120;
	margin-right: 10;
}
.snahled {
	position: relative;
	display: inline-block;
	_display: inline;
	width: 400;
	top: -20;
}
.pujcovna {
	position: relative;
	display: block;
	width: 700;
	font-size: 10pt;
	top:-120;
	left:305;
}
.novinyh1 {
	font-size: 10pt;
	text-align: center;
	margin: 0;
	  text-shadow:white 2px 1px 4px;
-webkit-text-shadow: white 2px 1px 4px;
-moz-text-shadow: white 2px 1px 4px; 
}


.spujcovna {
		position: relative;
	display: inline-block;
	_display: inline;
	font-size: 11pt;
	
}
#text1 h1{
	position: relative;
	display: inline-block;
	_display: inline;
	top:-170;
	_top: -210;
	_left: 305;
}
.virtualtext {
	position: relative;
	display: inline-block;
	_display: inline;
	width: 220;
	top: -170;
	_top: -150;
	left:310;
	_left: 170;
	font-size: 12pt;
	_font-size: 11pt;

}
.virtual {
	position: relative;
	display: inline-block;
	_display: inline;
}
.napsali {
	position: relative;
	display: inline-block;
	_display: inline;
	top: -130;
	left: 85;
	_left: -50;
	margin: 0;
	padding:0;
	font-size: 11pt;
}
a.napsali {
	left:330;
}

.novinyh2 {
	display: inline-block;
	_display: inline;
	font-size: 8pt;
	 z-index:1;
	  margin: 0;
	   color:green;
}
.video {
	float: left;
	position: relative;
	margin-right: 5;
}
.prvnih2{
	color: red; font-size: 10pt; z-index:1;
}
.slza {
	color: red; font:bold 9pt; z-index:1;
}
.modryh3 {
	color: blue; font:bold 10pt;
}
.ukryto {
	position: absolute;visibility: hidden;
}
#obrazekuvod {
	position: absolute; top: 215; left:612;
}
#zpetne {
	position: absolute;
	bottom: 0;
	color: #ebebeb;
}	
#zpetne a {
		color:  #dadada;
		text-decoration: none;
}
.sluchatka {
	display: block;
	top: -35;
	width: 250;
	position: absolute;
	color: white;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#fotorozc a {
	position: absolute;
	font: 16px arial;
	font-weight: bolder;
	color:  #d47500;
	top: 200;
	left:240;
	
	
}


#sigi {
	position: absolute;
	top:725;
	left:243;
	
}

#kuchta {
	position: absolute;
	top:710;
	left:243;
	
}



#poc {
	position: absolute;
	bottom:123;
	left:852;
	font: Arial, Helvetica, sans-serif ;
	font-size: 13px;
	font-weight: bold;
	color:  #fbf7f7;
	width: 130;
	text-align: right;
}
#pocshadow {
	position: absolute;
	bottom:122;
	left:853;
	font: Arial, Helvetica, sans-serif ;
	font-size: 13px;
	font-weight: bold;
	color:  #8d8c8c;
		width: 130;
	text-align: right;
}
#pocpicture {
		position: absolute;
	bottom:123;
	_bottom:118;
	
	left:888;
}

#obalovaci {
	margin-left: auto;
	margin-right: auto;
	_margin: 0px auto;
 position: relative; 
 width:1224;
 height: 860;
 overflow: hidden;
	_text-align: left;
 }
 #prednes {
 	background-image: url(prednaska/prednes.png);
 	width: 186;
 	height: 222;
 	position: absolute;
 	top:10;
 	left: 58;
 }
 #prednes img {
 	position: absolute;
 	top: 25;
 	left: 47 ;
 }
  #prednes2 {
 	background-image: url(prednaska/prednes.png);
 	width: 186;
 	height: 222;
 	position: absolute;
 	top:125;
 	left: 58;
 	display: block;
 }
 #prednes2 img {
 	position: absolute;
 	top: 25;
 	left: 47 ;
 }
   #prednes3 {
 	background-image: url(prednaska/prednes.png);
 	width: 186;
 	height: 222;
 	position: absolute;
 	top:440;
 	left: 58;
 	display: block;
 }
 #prednes3 img {
 	position: absolute;
 	top: 25;
 	left: 47 ;
 }
 #vyber {
 	background-image: url(vyber.png);
 	width: 186;
 	height: 222;
 	position: absolute;
 	top:440; /* s prednesem nastavit top: 440; bez 140;*/
 	left: 58;
 }
 #vyber span {
 vertical-align: text-bottom;
	font-size: 14;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
 	text-align: center;
 	position: absolute;
 	top:15;
 	right:15;
 	display: block;
 	width: 125;
 	height: 70;
 	
 }
 #vyber img {
 	position: absolute;
 	width: 100;
 	height: 100;
 	bottom: 35;
 	right:30;
 	
	
 }
 #vyber a {
 	color : black;
 		
 	text-decoration: none;
 }
 
 
#tabulka input {
	
}

 #tabulka td {
	border-bottom: thin solid silver;
 	font: 12px;
 	height:15;
 }
 
 #menusub input {
 	_margin-top: 150;
 }
 

.hlavicka {
	background-color: #75b3f2;
}	
.suma {
	background-color: silver;
	border: none;
}

#kosik {
	position: relative;
	top:30;
	display: block;
	width: 750;
	height: 245;
	overflow-y:	auto;
	
	}
	
#objednatlabel a	{
	position:	absolute;
	display: block;
	width: 123;
	height: 25; 
	top:433;
	left: 710;
	margin: 0;
	padding: 0;
	z-index: 1;
}
#kontaktniudaje {
	position: relative;
	top: -100;
	width:600;
	height: 350;
	
	
}

#kontaktniudaje form {
	_position: absolute;
}

#kontaktniudaje input {
	position: absolute;
	_margin-top: 0;
	
	left: 120;
	}	
	
#kontaktrekapitulace {
	position: relative;
	top:35;
	left: 10;
}



#kontaktrekapitulace span{
 		position: absolute;
 		left: 60;
 		font: 12px;
 	color: black;
 
 	
}
#celkemrekapitulace {
	position: absolute;
	top:35;
	left:300;
	font: 12px;
 	height:15;
 	color: black;
}

.rekapitulspan {
	position: absolute;
	border-bottom: thin solid silver;
 	font: 12px;
 	height:15;
 	color: black;
 		background-color: #75b3f2;
 	
}

#celkemrekapitulace span {
		border-bottom: thin solid silver;
 		background-color: #75b3f2;
}
#kosik form{
	position:absolute;
	
	display: none;
	background-color: #e7ab08;	
	margin-top: 0;
	padding-top: 0;
	
	}
#kosik td {
		

}	
	
	
#kosik tr{
	height:15;
	vertical-align: top;
}

#kosik input{
	width: 20;
	height: 18;
	vertical-align: top;
	z-index: 1;
	
}
 #cenakoupit {
 	position: absolute;
	right: -5;
	top: 215;

 }

#price {	
	position: absolute;
	left:600;
	top: 219;
	color: #75b3f2;
	
	
}
#sklad {
	position: absolute;
	left: 625;
	bottom: 53;
	color: #e7ab08;
	width: 200;
	overflow-x: hidden;
	
}

#kupprvek {
	position: absolute;
	left: 642;
	bottom: 13;
	width:200;
	_bottom:16;
}

#nazevprvek {
	position: absolute;
	top: 5;
	color: #75b3f2;
	font: 22px;
	font-family: Verdana;
	font-weight: bold;
	z-index: 1;
	}
	
	#nazevprvek2 {
	position: absolute;
	top: 6;
	left:2;
	color: silver;
	font: 22px;
	font-family: Verdana;
	font-weight: bold;
	
	}

#popisprvek {
	position: absolute;
	top: 50;
	width: 500;
	height: 230;
	overflow: auto;
}

#obrprvek {
	position: absolute;
	top: 5;
	right:10;

	}
	
#obrprvek img {
			width: 200;
	height: 200;
}	
#kupprvek input {
		font-size: 16px;
	font-family: Tahoma;
	font-weight: bolder;
	_margin-bottom: 6;
	_margin-left: -10;	
	_margin-right: 4;


}

#search {
	position: absolute;
	top:425;
	left:240;

}

#search input {
		color: #8d8c8c; 
		font-size: 14px;
	font-family: Tahoma;
	font-weight: bolder;
	background-color: transparent;
	background-image: url('search.png');
	background-repeat: no-repeat;
	border: none;
	width: 140;
	height: 42;
	padding-left: 8;
	padding-right: 36;
	padding-bottom: 7;
	_padding-top: 10;
}
.sub {
	position: absolute;
	top:6;
	left: 95;
	border: none;
		background-color: transparent;

}
#prvek {
	position: relative;
	display: inline-block;
	_display: inline;
	width: 237;
	height: 142;
	background-image: url(prvek.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: center;
	}


#prvek input {
	position: absolute;
	bottom: 5;
	right: 5;
	border: none;
	
}	

.btn {
	background: none;
	position: relative;
	top: 8;
	_top: -140;
	color: #e7ab08;
	font:12px verdana ;
	font-style: bold;
	text-decoration: underline;
	cursor: pointer;
	width: 230;
	
}

.obrbtn {
	background: none;
	position: relative;
	top: 28;
	left:8;
	_top: -120;
	_left: 5;
	color: #e7ab08;
	font:12px verdana ;
	font-style: bold;
	width: 100;
	height: 100;
	
}

.cena {
	position: absolute;
	top: 84;
	_top:-66;
	left: 112;
	_left: 111;
	border: none;
	background-image: url('cena.png');
	background-repeat: no-repeat;
	height: 30;
	width: 118;
	color: #77A2EE;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding-left: 10;
	padding-bottom: 7;
	_padding-top: 3;
	text-align: left;
}

#prvek p {
position: absolute;
text-align: justify;
	top: 30;
	right:14;
	_top: 30;
	color: #e7ab08;
	font:10px verdana ;
	width: 110;
	height: 50;
	overflow: hidden;
	
	
}

#menu {
	
	display: block;
	width:730;
	height:180;
	position: absolute;
	top: 475;
	left:250;
	overflow: hidden;
}

#menu form {
	display: inline-block;
	_display: inline;
	margin-left: 15;
	margin-top: 35;
		
}




#menu input {
	_margin-top: 35; 
}


#contact {
	display: block;
	width: 300;
	
}

#oteviracka {
	display: block;
	width: 300;
	text-align: right;
	position: absolute;
	top:0;
	left: 420;
}
#otevirackaslavkov {
	display: block;
	width: 300;
	text-align: right;
	position: absolute;
	top:0;
	left: 120;
}


#komentar {
	font: courier;
	font-size: 15;
	color: green;
	position: absolute;
	left: 845;
	top: 153;
	display: block;
	width: 155;
	height: 165;
	overflow: hidden;
}



#fotka {
	display: block;
	width: 435;
	height: 289;
	position: absolute;
	left: 400;
	top: 150;
	overflow: hidden;
	text-align: center;
	}
#ramecekfotka {
	display: block;
	width: 442;
	height: 298;
	background-image: url(pozadifotky.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 400;
	top: 150;
	
}
#fotka img {
	position: relative;
	left:-2;
		

	}


#nahledza input {
	position: relative;
	left:-2;
	}

#rameceknahledza {
	

	position: absolute;
	left:840;
	top: 330;
	display: block;
	width: 160;
	height: 108;
	background-image: url(podkladmaly.png);
		background-repeat: no-repeat;
		
}

#nahledza {
	position: absolute;
	left:840;
	top: 330;
	display: block;
	width: 160;
	height: 99;
		overflow: hidden;
		text-align: center;
	
}
#nahledpred {
	position: absolute;
	left:240;
	top: 330;
	display: block;
	width: 160;
	height: 99;
	text-align: center;
	overflow: hidden;
}
#rameceknahledpred {
		position: absolute;
	left:240;
	top: 330;
	display: block;
	width: 160;
	height: 108;
	background-image: url(podkladmaly.png);
		background-repeat: no-repeat;
}
#nahledpred input {
	position: relative;
	left:-2;
}

#polenahled {
	overflow: auto;
	display: block;
	width: 720;
	height: 200;
	position: absolute;
	left: 270;
	top: 470;

}

#polenahled span {
	display: inline-block;
	width: 160;
	height: 108;
	background-image: url(podkladmaly.png);
		background-repeat: no-repeat;
	margin: 5;
	text-align: center;
	overflow: hidden;
}

#polenahled img {
	position: relative;
	left:2;
	
}
#polenahled input {
	position: relative;
	left:2;
	text-align: center;
}



#menusub {
	display: block;
	background-color: none;
	width: 760	;
	height: 285;
	position: absolute;
	left: 242;
	top: 136;
	text-align: center;
	overflow: scroll;
	overflow-x: hidden;
		font-size: 16px;
	font-family: Tahoma;
	font-weight: bolder;
	color: #8d8c8c;

	
}

#menusub form {
	
	display: inline-block;
	_display: inline;
	margin: 10;
	margin-top: 150;
	
}




#text1 {
	display: block;
	background-color: none;
	width: 550;
	height: 100;
	position: absolute;
	left: 250;
	top: 150;
	font-size: 10pt;
	font-family: Tahoma, Arial;
	
	color:   #7b68ee;
	
}
#text1 h2 {
	font: 11pt;
	font-weight: 700;
	margin: 0;
	color: red;
}
#text1 h1 {
	font: 12pt;
	font-weight: 700;
	margin: 0;
	color: GREEN;
}

#balloon {
	position: absolute;
	top:150;
	left: 680;
	z-index: -1;	
}

#text2 {
	font-size: 10pt;
	font-family: Tahoma, Arial;
	font-weight: bolder;
	display: block;
	background-color: none;
	width: 725;
	height: 160;
	position: absolute;
	left: 250;
	top: 335;
	overflow: hidden;
	color:  #7b68ee;
}

#textcaj {
	font-size: 10pt;
	font-family: Tahoma;
	font-weight: bolder;
	display: block;
	background-color: none;
	width: 580;
	height: 115;
	position: absolute;
	left: 250;
	top: 325;
	color: #8d8c8c;
	overflow:  scroll;
}

#rozmerie {
	display: inline-block;
	height: 900;
}

img { behavior: url(iepngfix.htc); 
	border: 0px;
	}

a {
	text-decoration: none;
	color: none;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
}
li {
	color: red;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
}
ul {
	margin: 0;
		}
.popisli {
	margin: 0;
	color: blue;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
}
#domu {
	display: block;
	width: 60;
	position: absolute;
	top:102;
	left:706;
}
#domu a {	position: relative;
	left:-9;
	top:-6;
	display: block;
	width: 58;
	height:16;
	text-align: center;
	padding-top:5;
	background: none;

}
#domu a:hover{
	position: relative;
	left:-9;
	top:-6;
	display: block;
	width: 58;
	height:16;
	text-align: center;
	padding-top:5;
	background: silver;
		
}

#kontakt {
	position: absolute;
	top:102;
		left:768	;
}
#kontakt a {
	position: relative;
	left:-9;
	top:-6;
	display: block;
	width: 67;
	height:16;
	text-align: center;
	padding-left: 2;
	padding-top:5;
	background: none;
	
}

#kontakt a:hover{
	position: relative;
	left:-9;
	top:-6;
	display: block;
	width: 67;
	height:16;
	text-align: center;
	padding-left: 2;
	padding-top:5;
	background: silver;
}
#prihlaseni {
	position: absolute;
	top:102;
	left:835;
	height: 16;
}
#prihlaseni a {
	position: relative;
	left:-6;
	top:-6;
	display: block;
	width: 72;
	height: 16;
	text-align: center;
	padding-left: 3;
	padding-top:6;
	background: none;
}

#prihlaseni a:hover{
	position: relative;
	left:-6;
	top:-6;
	display: block;
	width: 72;
	height:16;
	text-align: center;
	padding-left: 3;
	padding-top:6;
	background: silver;
}

#aktualne {
	position: absolute;
	left: 795;

	top: 126;

	width: 218;
	height: 145;
	background-attachment: fixed;
	
}

#fb{
	position: absolute;
	top: 425;
	left: 890;
	cursor: hand;
	z-index: 2;
}
#longaktual {
		position: absolute;
	left:3;

	top: 63;
}
#aktualtext {
	display: block;
	width: 200;
	height: 63;
	position: relative;
	top: -96;
	
	left: 12;
	font-size: 8pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	padding: 0;
}

#logomale {
	position: absolute;
	left: 885;
	top: 60;
	z-index: 1;
}

#uvod {
	display: block;
	width: 60;
	position: absolute;
	top:445;
	left:409;
}
#uvod a {	position: relative;
	left:-15;
	top:-6;
	display: block;
	width: 70;
	height:20;
	_height:25;
	text-align: center;
	padding-top:5;
	background: none;

}
#uvod a:hover{
	position: relative;
	left:-15;
	top:-6;
	display: block;
	width: 70;
	height:20;
	_height:25;
	text-align: center;
	padding-top:5;
	background-color: #c7d038;
		
}
#onas {
	display: block;
	width: 60;
	position: absolute;
	top:445;
	left:486;
}
#onas a {	position: relative;
	left:-15;
	top:-6;
	display: block;
	width: 70;
	height:20;
	_height:25;
	text-align: center;
	padding-top:5;
	background: none;

}
#onas a:hover{
	position: relative;
	left:-15;
	top:-6;
	display: block;
	width: 70;
	height:20;
	_height:25;
	text-align: center;
	padding-top:5;
	background-color: #c7d038;
		
}

#fotogalerie {
	display: block;
	width: 90;
	position: absolute;
	top:445;
	left:591;
}
#fotogalerie a {	
	position: relative;
	left:-40;
	top:-6;
	display: block;
	width: 120;
	height:20;
_height:25;
	text-align: center;
	padding-top:5;
	background: none;

}
#fotogalerie a:hover{
	position: relative;
	left:-40;
	top:-6;
	display: block;
	width:120;
	height:20;
_height:25;
	text-align: center;
	padding-top:5;
	background-color: #c7d038;
		
}
#odkazy {
	display: block;
	width: 60;
	position: absolute;
	top:445;
	left:705;
}
#odkazy a {	position: relative;
	left:-20;
	top:-6;
	display: block;
	width: 80;
	height:20;
	_height:25;
	text-align: center;
	padding-top:5;
	background: none;

}
#odkazy a:hover{
	position: relative;
	left:-20;
	top:-6;
	display: block;
	width: 80;
	height:20;
_height:25;
	text-align: center;
	padding-top:5;
	background-color: #c7d038;
		
}
#tshop {
	display: block;
	width: 60;
	position: absolute;
	top:445;
	left:799;
}
#tshop a {	position: relative;
	left:-20;
	top:-6;
	display: block;
	width: 80;
	height:20;
	_height:25;
	text-align: center;
	padding-top:5;
	background: none;

}
#tshop a:hover{
	position: relative;
	left:-20;
	top:-6;
	display: block;
	width: 80;
	height:20;
_height:25;
	text-align: center;
	padding-top:5;
	background-color: #c7d038;
		
}
#fleft input{
	width: 232;
	height: 147;
	position: absolute;
	left:264;
	top: 501;

}

#fleft img{
	width: 232;
	height: 147;
	position: absolute;
	left:264;
	top: 501;

}

#fmiddle input{
	width: 232;
	height: 147;
	position: absolute;
	left:503;
	top: 501
}
#fmiddle img{
	width: 232;
	height: 147;
	position: absolute;
	left:503;
	top: 501
}

#fright input{
		width: 232;
	height: 147;
	position: absolute;
	left:741;
	top: 501
}

#fright img{
		width: 232;
	height: 147;
	position: absolute;
	left:741;
	top: 501
}
#wifi {
	position: absolute;
	top:690;
	left:430;
}

#tshoplabel {
	position: absolute;
	top:433;
	left:590;
}  
#kosiklabel {
	position: absolute;
	top:433;
	left:590;
}  
#konev {
	position: absolute;
	top:690;
	left:530;
}

#mazlici {
	position: absolute;
	top:690;
	left:700;
}

}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .btn {background: none;
	position: relative;
	top: -102;
	color: #e7ab08;
	font:12px verdana ;
	font-style: bold;
	text-decoration: underline;
	cursor: pointer;
} 
	
 #text2 {top:320;}

	
	.cena {
	position: absolute;
	top: 84;
	left: 112;
	border: none;
	background-image: url('cena.png');
	background-repeat: no-repeat;
	height: 26;
	width: 118;
	color: #77A2EE;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding-left: 10;
	padding-bottom: 2;
	text-align: left;
}

#prvek p {
position: absolute;
text-align: justify;
	top: 20;
	right:14;
	color: #e7ab08;
	font:10px verdana ;
	width: 110;
	height: 50;
	overflow: hidden;
	
	
}

}
@-moz-document url-prefix() {
  .btn {
     top: -102;
  }
  #text2 {top:320;}
  #prvek p {top: 17;}
  
  
 
   #menu form{
   	 
   	position: relative;
   	bottom: -10;
   	   	
 
   }
  
}
