h2 {margin-top:1em;}

p {text-align:justify;}
h1 {color:#8c8c8c;font-size:150%; margin-bottom:10px; line-height:160%;}
h2 {font-size:125%; margin-bottom:1em;  }

.stat {line-height:125%;}
.stat img {margin:0 5px 0 5px}

.viktor{
	line-height: 0px;
	font-size:0px;
	clear:both;
}

input {text-align:center; padding-left:5px;}

body {
	background: url('/site/img/bg/pattern_099.gif'); 
	font-family: Helvetica, Arial;
	font-size: 75%;
}

a, a:link, a:visited {color:#db4105;}


.main{
width:1050px;	margin:auto;position:relative;
z-index:1;
}

div.top {
	display:block;
	background:transparent url('/site/img/bg/top2.png') no-repeat;
	_background:none;
	background-position: 0 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/img/bg/top2.png',sizingMethod='crop'); 
	height:110px;
	position:static;
	left:0; top:0;
	margin-top:20px;
	
	width:1050px;

	
}
/*
background-position: 0 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vseprokolo.cz/img/menu/menu-off-uvod1.png',sizingMethod='crop'); 
}
*/

.stranka {
 	background:transparent url('/site/img/bg/main.png') repeat-y; 

		
	background-position: 0 0px;
	_background:none;
	background-repeat: repeat-y;
	width:1058px;
	height:auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/img/bg/main.png',sizingMethod='scale'); 
	margin:0; padding:0px;
	padding-top:20px;
	
}

.btm {
background:transparent url('/site/img/bg/btm.png') no-repeat 1px 0px;;
_background-image:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/img/bg/btm.png',sizingMethod='crop'); 
height:20px;
_position:relative; _left:1px;

margin:0; padding:0;}

p.copyr, p.copyr a {text-decoration:none; text-transform: uppercase; color:#b4cde0;  font-size:90%; }
p.copyr{ text-align:left; margin-left:47px;	}

#logo, #logo:visited {
	text-decoration: none;
	position:absolute; 
	top:10px; left:30px; width:310px; height: 100px;
	}
/***********************************************************************************************/	



.top div.topmenu{ 
	text-align: right; 
	display:block; 
	float:right; 
	position:absolute; 
	right:50px;
	top:30px;
	_top:56px; 
	
	width: 500px;  }
	
div.topmenu li {
	margin:0; 
	list-style:none;
	padding:0; 

}

.tm1{ float:right;background: url('/site/img/bg/tm1.gif') no-repeat; width:5px;}
ul.tm2 li{ background: url('/site/img/bg/tm2.gif') repeat-x;}
.tm3{float:right; background: url('/site/img/bg/tm3.gif') no-repeat; width:5px;}

.tm1, .tm3 ,.tm2 { display:block; height:28px; }
ul.tm2 {float:right;}
ul.tm2 li {float:left;}
ul.tm2 li a ,ul.tm2 li a:visited { height:10px; width:50px; line-height: 28px;padding:5px; margin:0;color:#828282; font-size: x-small; text-decoration: none;}
ul.tm2 li a:hover, ul.tm2 li.aktivni a {color:#db4105;}



.obchodni {color:#6f6f6f; clear:both;  padding-top:15px; font-size:90%;}
.obchodni a {color:#6f6f6f; text-decoration: none;}
.obchodni a:hover {text-decoration: underline;}
/***********************************************************************************************/


div.mainmenu {
	display:block;
	height:214px;
	margin-left:47px;
	_margin-left:-5px;

	position:relative;
	width:950px;
	padding:0;
	
	}

.uvod {  background:url('/site/img/top/uvod.jpg') no-repeat 0px 5px;} 



.mainmenu ul li {float:left; width:111px; margin:0; list-style:none; } 
.mainmenu ul li a ,.mainmenu ul li a:visited{
	padding-left: 20px;
	padding-top:13px; 
	padding-bottom:5px;
	display:block;
	text-decoration: none;
	color:#a8a8a8;
}
.mainmenu ul li a.aktivni ,.mainmenu ul li a.aktivni:visited{color:#e0e0e0;}
.mainmenu ul li.polozelene {width:135px;margin-right: 10px;}


.mainmenu ul li.darjeeling, 
.mainmenu ul li.keiko, 
.mainmenu ul li.matcha {float:right; width:100px; 
}
.mainmenu ul li.keiko {width:95px;}
.mainmenu ul li.darjeeling {width:120px;}

.zelene {background: url('/site/img/top/zelenecaje.jpg') no-repeat; color:white;}
.cerne {background: url('/site/img/top/cerne.jpg') no-repeat; color:black;}

.polozelenecaje {background: url('/site/img/top/polozelene.jpg') no-repeat; color:white;}

.z_darjeeling{background: url('/site/img/top/darjeeling.jpg') no-repeat; color:white;}
.z_keiko{background: url('/site/img/top/keiko.jpg') no-repeat; color:white;}
.z_matcha{background: url('/site/img/top/matcha.jpg') no-repeat; color:white;}
.z_prislusenstvi{background: url('/site/img/top/prislusenstvi.jpg') no-repeat; color:white;}
.z_keiko a.aktivni:link, .z_keiko a.aktivni:visited,
.z_matcha a.aktivni:link, .z_matcha a.aktivni:visited {color:#8c8c8c;}




/***********************************************************************************************/
.cesta{ 
	background:url('/site/img/ico/sipka-h1.gif') no-repeat;
	margin-left:47px;
	padding-left:20px;
	text-align: left;
	line-height: 20px;
	font-size: medium;
	color:#8c8c8c;
	margin-bottom:10px;
}



div.caje_top, div.caje, div.caje_btm {
	padding:0;
	width:950px;
	float:left;
	margin-left:47px;
	_margin-left:24px;
}


/********************/
	
	
.caje_top{
background: url('/site/img/bg/vnitrek-top.gif') no-repeat;
line-height: 2px; font-size: 1px;
height:8px;
}

.caje{
background: url('/site/img/bg/vnitrek.gif') repeat-y;
}

.caje_btm{background: url('/site/img/bg/vnitrek-btm.gif') no-repeat;  }

/***********************************************************************************************/
.nadsubmenu {margin-left:10px;  _margin-left:5px; float:left; }
.submenu_top,
.submenu,
.submenu_btm {
	width:198px;
	text-align: left;
	
	
}
.submenu_top,
.submenu_btm {font-size:1px; line-height:1px; height:7px;}
.submenu_top {background: url('/site/img/bg/menu-top.gif') no-repeat; }
.submenu_btm {background: url('/site/img/bg/menu-btm.gif') no-repeat; }

.submenu {background:#ececdc;position:relative; z-index:10;}
.submenu li {list-style:none; margin:0; height:auto;}
.submenu a ,.submenu a:visited {display:block; padding:8px 5px 5px 15px; height:100%;
color:#4a4a42; text-decoration: none;}
.submenu h2 {margin:0;padding: 10px 0px 10px 10px; color:#df6b3a; text-transform: uppercase; font-size: smaller;}

.submenu a.aktivni, .submenu a:hover{ background: #d4d4af; }

.prepinac_razeni { text-align: left; margin-left:10px;margin-bottom:10px; } 

.prepinac {position:relative; z-index:10;}
/*****************************************************************************************/

.detail {display:block;  float:right; width:690px; position:relative; right:22px; text-align: left;}
.detail h1 {color:#db4105; float:left; font-size:150%;font-weight: normal; }
.puvod {color:#a8a8a8; float:left; margin:6px 0 0 10px;}
.puvod strong {color:black;}

/******************/
.info {
	width:440px;
	padding:0; 
	border-top:1px solid #e2e2e2;
	margin-top:50px;
	float:left;
	position:relative;
}

.info div {margin-top:20px; text-align:justify;}
.info h2{margin-top:0;position:absolute;  top:-23px; cursor:pointer; font-size:100%; color:black;}
.info h2.popis {left:24px;}
.info h2.pribeh {left:110px;}
.info h2.aktivni{ background:#cccc9f url('/site/img/bg/zal.gif');}
.info h2 span {padding:6px 10px 12px 10px; display:block;font-size:110%}
.info h2.aktivni  span{ color:white; background: url('/site/img/bg/zal-s.gif') no-repeat 50% top; }

.info h2.aktivni  span a, .info h2.aktivni  span a:visited{ color:white; }
.info h2 span a, .info h2 span a:visited{ color:black; text-decoration:none; }



a.prepinac, a.prepinac:visited  {
	background:#8c8c8c; 
	display:block; 
	float:left; 
	margin:5px 8px 2px 0px;
	padding:6px 8px 2px 8px;
	color:white;
	text-transform: uppercase;
	text-decoration: none;	
	font-size: 90%;
}
.prepinac_razeni a.aktivni ,.prepinac_razeni a.aktivni:visited{background:#1f4226}

.hlavni_obrazek{ margin:0; padding:0;  float:none;}


.dalsiobrazky{ width:115px;
	position:absolute;
	right:0px;
	top:0px;
	}
.dalsiobrazky h2 {font-size:85%;}

.dalsiobrazky .mo { position:relative; float:left; margin:0;  width:57px; height:57px;}
.mo img {
	position:relative;
	top:2px;
	left:2px;
}
.mo a {background: url('/site/img/bg/miniramecek.gif') no-repeat;
width:54px;
height:54px;
display:block;
position:absolute;
top:0px;
left:0;
text-decoration:none;
}



.kosik {
/* 	border:1px dotted red;  */
	width:220px;
	float:right;
	margin-top:50px;
	background:#f0f0f0;
	border-top:1px solid #e2e2e2;
	position:relative;
}
.kosik h2 {
	font-size:100%;
	background:url('/site/img/bg/kosh2.gif') repeat-x; 
	padding:0; 
	margin:0;
	position:absolute; 
	top:-24px;color:white; 
	left:24px; 
	width:50px;
	}


.kosik h2 span {font-size:100%; background:url('/site/img/bg/kosh2b.gif') no-repeat 50% top; display:block;
padding:8px 10px 0px 10px;; height:32px;; width:auto;}
.kosik ul {padding-top:13px;}
.kosik ul li {list-style:none; position:relative;border-bottom:1px dotted #d7d7d7;margin-left:14px; margin-right:10px;color:#1e1e1e; font-size:90%;padding-top:4px;


}
.kosik ul li img {float:left; margin:0px 6px 6px 0px;}
/*
.kosik a.dokose, 
.kosik a.dokose:visited,
.kosik input.dokose
{margin:0;display:block; 
	float:right; 
	background:#db4105; 
	color:white; 
	padding:2px; 
	position:absolute; 
	right:0px; 
	bottom:6px; 
	text-decoration: none; border:0;padding-top:3px;}
*/

/*.kosik li.jk {padding:10px 0 10px 0; margin-left:16px;}
*/

/*
.kosik input.dokose { position:relative; bottom: 13px;   padding:1px; font-size:85%; float:left;background:#db4105; color:white; margin-left:30px; }
.kosik input.mno {position:relative; bottom:3px; padding:1px; font-size:110%; margin-left:40px; float:left; }
*/

input.dokose {background:#db4105; color:white;font-size:85%; }


.kosik li strong.cenaj {margin:1px 0 5px 0; display:inline;font-size:110%; line-height:115%;}
.jk input.mno {margin-left:1px;}

/********************************************/
/* v pravo na uvodni strance */

.pravy_sloupec {width:300px; float:right; margin-right:64px; _margin-right:27px; position:relative; z-index:10; }
.pravy_sloupec ul { width:291px;float:right;}
.pravy_sloupec ul li {text-align: left; height:68px;display:block; margin:0;}
.pravy_sloupec ul li a ,.pravy_sloupec ul li a:visited {color:#6f6f6f; text-decoration: none; font-size: 80%;padding-left:20px;}
.pravy_sloupec ul li h2 {font-size:100%;}
.pravy_sloupec ul li h2 a, .pravy_sloupec ul li h2 a:visited{color:black; font-size: 130%; display:block; padding-top:15px; _padding-top:0;}

.pravy_sloupec ul li.darjeeling {background: url('/site/img/sub/sub-darjeeling.png') no-repeat; }
.pravy_sloupec ul li.keiko {background: url('/site/img/sub/sub-keiko.png') no-repeat; }
.pravy_sloupec ul li.matcha {background: url('/site/img/sub/sub-matcha.png') no-repeat; }

.pravy_sloupec ul li.vseocaji {background: url('/site/img/sub/sub-vseocaji.png') no-repeat; }
.pravy_sloupec ul li.obchodujte{background: url('/site/img/sub/sub-obchodujte.png') no-repeat; }



/************************************/
/* formulare prihlaseni, udaje zakaznika */
label { display:block; text-align:left; display:block; margin-top:8px;
	color:#db4105; }
input,textarea {text-align: left; border:1px solid #d9dab6;}
textarea { width:400px; height:100px;margin:0; }
.reg_f, .reg_d, .reg_t , .reg_j, .reg_p{
 width:300px; float:left;text-align: left;padding-top:16px;}

.reg_f,.reg_t ,.reg_j, .forms .tlac{}

.reg_f h2, .reg_d h2, .reg_t h2 {
font-size:120%; color:#afafaf;
margin-bottom:5px;
}
.reg_d p {color:#afafaf;}

.reg_p { 
	
	margin-left:200px;
	    
	   
	   _left:200px; 
	   _position:relative; 
	   _margin:0px; 
	  _border:1px solid white; 	
	
	
}

.forms {
	width:620px; 
	text-align: left; 
	margin-bottom:16px;
	margin-left: 46px; 
	_margin-left:26px;
	float:left; display:block;
  position:relative;
  z-index:10;}

.tlac, .tlacl {background:#d9dab6; display:block; margin-top:10px; float:left; margin-right:20px; text-align:center; }
 h2 span {font-size:80%}





.orange, a.orange ,a.orange:visited, h2 {color:#db4105;}

.uvodnistranka {margin-left:47px;
	_margin-left:27px;
	width:948px;
	text-align:left; float:Left; margin-bottom:1em;
	position:relative;
	z-index:10;}

.stat{	margin-left:47px;
	_margin-left:27px;
	width:620px;
	text-align:left; float:Left; margin-bottom:1em;
	position:relative;
	z-index:10;}
	
.stat h1 { text-align:left;}
	
table.kosik{background:white; float:none; position:relative; margin:0; padding:0; width:100%; border:1px solid #dedede}

table.kosik td{background:white;padding:4px; border-left:1px dotted silver;}
table.kosik th{background:#eeeeee;padding:5px;}	
.podkosem {margin-top:12px; text-align:left;}
.podkosem h2 {margin-top:20px;}



th.penize {width:40px; }
th.cislo {width:30px;}

tr.soucet td{ background:#eeeeee;font-weight:bold;padding:4px; }
table.kosik tr.pr td {text-align: right; background:white;}


/* textove stranky */


/*

.stat {width:630px; margin-left:45px; display:block; float:left; text-align:left; padding:0; border:1px dotted red;}
.stat h1 {margin:0; padding:0;}


*/



/* VYPIS ZBOZI 3 SLOUPCE */

.vypis { }
.vypis h1 {clear:both;  float:none;}

.zbozi li {list-style:none; position:relative;border:1px dashed #ffffff; float:left; width:227px; height:120px; margin:0; margin-bottom:1.5em}

.zbozi li img {float:left; margin:0 5px 5px 0;}

.zbozi li p,
.zbozi li h2 {margin-right:10px;}









/*  na uvodni strance */
.uvodniinfo{
position: absolute;
top:70px;
left:42px;
width:310px;

text-align: justify;
font-weight: normal;
}

.uvodniinfo a {
		text-decoration: none; 
		color:white;
		display:block; 
		margin-top:10px;
}
.uvod .uvodniinfo a {
	color:black; 
	margin-top:5px;
}


.uvod .uvodniinfo a:hover, 
.cerne .uvodniinfo a:hover {color:#505050; }

.cerne .uvodniinfo a {color: black;}
.uvodniinfo a img {margin:0; padding:0; float:left;}









h1.akcni { background: url('/site/img/ico/akcni.gif') no-repeat 0px 1px; padding-left:20px; }

ul.textsub {
	margin-bottom:10px;
	width:288px;
	margin-right:2px;
	padding:0;
	
	
	
}
ul.textsub li {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	background:url("/site/img/bg/blogmenu.png") repeat-y;
	_border-bottom:1px solid #dbdbbc;
	
}
ul.textsub li a,ul.textsub li a:visited {  
	display:block;
	margin:0;padding:0;
	
	padding:5px 0 5px 20px;}
	
ul.textsub li.prvni a {
	padding-top:15px;
	background:url("/site/img/bg/blog-top.png") no-repeat top;
	}
ul.textsub li.posledni a {
	background: url("/site/img/bg/blogbtm.png") no-repeat bottom;
	padding-bottom:15px;
	

	
}
ul.textsub li.posledni{
_border-bottom:1px solid #ffffff;
}

ul.textsub li a:hover, ul.textsub li a.aktivni {background-color:#ededdd;}



h3 {font-weight:bold; margin-bottom:0.5em}


.zvoldopravu {margin-bottom:1em;}
.zvoldopravu h3{ margin-top:1em;}

.adresa {margin-bottom:1em;}

.celacena { background:#eeeeee;
font-weight:bold;
position:relative;
padding:5px 0 6px 10px;
}

.celacena span {
	font-size:120%;
	position:absolute;
	right:5px;
	}




.udaje{margin-top:1em; }



p.velko {
	position:absolute;
	top:-20px;
	right:0px;
	color:black;
	}



.mojeobjednavky {
		width:100%;
}
.mojeobjednavky td { 
	
	padding:4px;
}
.mojeobjednavky tr.suda td {
	background-color:#eeeeee;
	
}

.mojeobjednavky th {
	background-color:#cecece;
	padding:4px;
	}




.err {padding:10px; background:darkred; color:white;  }
.err p {float:none; color: white;}

.aktuality h2 { font-size: 150%; color:#aaaaaa; font-weight: bold;}


.mujnakup{position:absolute; right:58px; font-size:80%; text-decoration: none;}





/***********************************/



/* doporucene vyrobky */


.doporucene h2 { cursor:auto;}
.doporucene {width:690px;}
ul.seznam_doporucenych {
	margin:0;
	padding:0;
}
ul.seznam_doporucenych li {list-style:none;
	height:130px;
	float:left;
	margin:0;
	padding:0;
	color:#808080;
	background:#f5f6fa;
}
ul.seznam_doporucenych li img{
	float:left;
	margin:10px 10px 10px 10px;
}
ul.seznam_doporucenych li p{
	padding-left:5px;
	margin-right:0px;
	margin-top:0;
	line-height:1.05em;
	text-align:left;

	} 
ul.seznam_doporucenych li h3{padding-left:5px; margin-top:10px; text-align:left;}

ul.seznam_doporucenych li h3 a {color:#808080; text-decoration:none; text-align:left; }



ul.seznam_doporucenych li p.cena {margin-top:0.5em; color:black; bottom:23px;}
/* na uvodni strance je to jinak */

#doporucene_uvod ul li {display:block;width:313px; height:150px; _width:310px; text-align:left; }



#doporucene_uvod h3 , #doporucene_uvod p {text-align:left; width:auto;}
#doporucene_uvod h3 a ,#doporucene_uvod h3 a:visited {color:#df6b3a}
#doporucene_uvod h3 a:hover{ text-decoration: underline;}

.doporucene_uvod , #doporucene_uvod{ 
  width:950px;
position:relative;

  _width:930px;
  text-align: left;
  margin-top:2px; 
  margin-left:47px; 
  _margin-left:0px;
  padding-bottom: 1px;

  
  }









.doporucene ul.seznam_doporucenych li {width:300px; margin-left:20px;}

.doporucene ul.seznam_doporucenych li .box {margin:0;padding:0;}



#uvo2 {
 
 height:315px;
}

ul.seznam_doporucenych li { 
	background: url('/site/img/uvod/akcni-bg.png') top right no-repeat;
	width:300px;
	padding:0;margin:0;
 	margin-bottom:23px;
 	margin-right:22px;
 	position:relative;
 	font-size:90%;
 	line-height:120%;
 	
 }
#uvo2 li.n2,#uvo2 li.n5 {margin-right:0;}

ul.seznam_doporucenych  li img { margin:1px 0 0 0; padding:0;}

ul.seznam_doporucenych li h3 a{ color:#da411f; }
ul.seznam_doporucenych li h3 {  }
ul.seznam_doporucenych li .box {width:170px; position:absolute; right:20px;}
ul.seznam_doporucenych li .cena {font-size:150%; font-weight: bold;
	position:absolute;
	bottom:30px;
	left:110px;

}
/*****************/

.box_aktualit {
	height:363px;
	
	position:relative;
	width:635px;
	margin-bottom:20px;
	padding-top:1px;
	padding-bottom:1px;
	float:left;
}

.roh { 
	position:absolute; 
	width:30px; 
	height:30px;
	z-index:2;
}

.roh1{
	background:url('/site/img/uvod/roh1.png') no-repeat top left;
	top:0; left:0;
}
.roh2{
	background:url('/site/img/uvod/roh2.png') no-repeat top right;
	right:0;top:0;
}

.roh3{
	background:url('/site/img/uvod/roh3.png') no-repeat bottom right;
	right:0;bottom:0;
}
.roh4{
	background:url('/site/img/uvod/roh4.png') no-repeat bottom left;
	left:0;bottom:0;
}

.uvodni_obrazek_box {margin:12px 0 1px 14px; z-index: 3; position:relative;}

div.uvodnitext {
	margin:0px;
	position:absolute;
	z-index: 4;
	color:#606060;
	line-height: 120%;
	font-size: 95%;
	bottom:14px; left:14px;
	width:600px;
	
}

.uvodnitext strong ,.uvodnitext b {
	font-weight: bold;
}


.seotext{
	position:relative;
	width:630px;
	width:100%;
	
	min-height:70px;
	_height:70px;
	padding: 1px 0;
	float:left;
	
}

.seotext .box, .adresy_loga .box{ margin:14px 16px; color:#a0a0a0; line-height: 120%;
	font-size:85%; text-align:justify; z-index: 4; position:relative;}


.adresy_loga .box {padding:0; margin:0; text-align:right; margin-right:170px;}

.adresy_loga{
	position:relative;
	width:630px;
	min-height:70px;
	_height:70px;
	padding: 1px 0;
	float:right;
	width:294px;
	background:url('/site/img/uvod/spodni-logo.png') no-repeat top right;
	margin-top:20px;
}



.uvodni_fl{width:300px; float:right;position:relative;}
.uvodni_fl .fl{ height:250px;  }
.uvodni_fl .fl a{display:none;}
#fuvodni-strana{position:absolute; top:0; right:0; z-index:6; }
#f2 {position:absolute; top:0; right:0; z-index:6; }

.uvodni_fl .odkazy a{
	display: block;
	width:290px;
	height:47px;
	text-decoration: none;
	float:right;
	margin:10px 0 0 0;
}
.uvodni_fl .odkazy a strong,
.uvodni_fl .odkazy a span {visibility: hidden;}

.uvodni_fl .odkazy .vseocaji{ background:url('/site/img/uvod/vseocaji.png') no-repeat top left; }
.uvodni_fl .odkazy .obchodujte{ background:url('/site/img/uvod/obchodujte.png') no-repeat top left; }


.odkazy a.u_blog, .odkazy a.u_vse{
	width:145px;
	float:left;
}
.odkazy a.u_blog{
	background:url('/site/img/u_blog.png') no-repeat top left;
	margin-left:9px; _margin-left:4px;
}

.odkazy a.u_vse{
	background:url('/site/img/u_vse.png') no-repeat top left;
}



a.keiko_stitky{
	display:block;
	background: url('/site/img/bg/keiko-odkaz.gif') no-repeat top left;
	position:absolute;
	height:36px; padding-top:1px;padding:10px;
	font-size:80%; _font-size:75%; 
		_height:56px
}

.keiko_stitky strong{
	display:block; 
	margin-bottom:1px;
	color:white; font-weight: bold;
	font-size:120%;

}
a.keiko_stitky, 
a.keiko_stitky:visited {
	color:black;
	text-decoration:none;
}

.keikomapa{
	position:relative;
}


 /******/
 
 #staraobjednavka table {
 	width:100%;
 }
 #staraobjednavka table td{
 	padding:5px;
 }
  #staraobjednavka table th{
  	padding:5px;
  	text-align: center;
  	font-weight: bold;
  	color:gray;
  }