/* CSS Document */

body {
	text-align:center;
	background:#404042 url('img/poz.jpg') repeat-x;
	font-family: Arial, Helvetica, sans-serif; 				font-size: 0.71em; color: #2A2A2A;
	color: #000000;
	}
	
	
/* HEADLINES
-------------------------------------------------- */
h1 {font-size:120%; 	color:#222;	position:relative;}
h2 {color:#222;  font-size:105%;	margin:0px 0px 7px 0px;}
#produkty h2 { width:225px;   }
h3 {}
#produkty h3 {color:#79140A; margin:0; padding:0;}
h4 {  color:black; background:#ECEEED;}
/* BLOCKS
-------------------------------------------------- */
address {	margin: .66em 0;}
blockquote {margin: .66em 20px;}
hr {	}
p { text-align: justify	}

/* LISTS
-------------------------------------------------- */
dl {}
dt {}
dd {}
ul {}
ul li, ol ul li {	}
ol {	}
ol li, ul ol li {	}

/* TABLES
-------------------------------------------------- */
table {	border-collapse: collapse;	margin: .99em 1px;}
caption {	margin: 0 0 .66em 0;	text-align: center;	color: #D01310;}
th {	border: 1px solid #D7D7D7;	padding: 5px 10px;	font-weight: bold; vertical-align: top;
	background-color: #D01310;	color: white;}
td {	border: 1px solid #D7D7D7;	padding: 5px 10px;	vertical-align: top;	background-color: white;}
table.construct {	border-collapse: collapse;	border: none;	margin: .66em 0;	background: transparent none;}
table.construct caption {	text-align: left;}
table.construct th, table.construct td {border: none;	padding: 0 10px .66em 0;	font-weight: normal;
	background: transparent none; 	color: #323232; }
/* FORMS
-------------------------------------------------- */
fieldset {	clear: both;	}
legend {}
input, textarea, select {	font-size: 1em;}
table.construct label {	vertical-align: middle;}
/* INLINES
-------------------------------------------------- */
abbr, acronym {	border-bottom: 1px dotted;	font-variant: small-caps;	cursor: help;}
dfn {	border-bottom: 1px dotted;cursor: help;}
cite, em, q, var {	font-style: italic;}
code, kbd, samp, pre, .monospace {	font-family: "Lucida Consode", "Andale Mono", monospace;}
sub {	font-size: smaller;	text-decoration: none !important;	vertical-align: sub;}
sup {	font-size: smaller;	text-decoration: none !important;	vertical-align: super;}
del {	text-decoration: line-through;}
ins {	text-decoration: underline;}
strong {	font-weight: bold;}
/* ANCHORS
-------------------------------------------------- */
a {	color:#222;}
a:hover, a:active {	color: #444;text-decoration: underline}
h1 a, h3 a, table.construct th a {}
h1 a:hover, h3 a:hover, table.construct th a:hover { text-decoration: none;}


a
	{
	text-decoration:none;
	}

table
 {
  border-collapse: collapse;
  font-size: 100%;
	}

ul, li
	{
	list-style:none;
	margin:0;
	padding:0;
	}

img {border:none;}

hr {clear:both; width:0px;}



h3
	{
	color:white;
	font-size:100%;
	padding:7px 0px 0px 15px;
	margin:0px;
	display:block;
	width:162px;
	height:18px;
	text-align:left;
	background:url('img/or.jpg') no-repeat left top;
	}

#obal
	{
	position:relative;
	top:5px;
	width:940px;
	margin:auto;
	background:#fff url('img/top.jpg') no-repeat 3px 33px;
	text-align:left;
	border:1px solid black;
	}

#top
	{
	position:relative;
	height:282px;
	}


#top #navigace
	{
	position:relative;
	width:100%;
	height:30px;
	background: #e2e4e5;
	}

#top #navigace ul li
	{
	float:left;
	margin-top:9px;
	}

#top #navigace ul li a
	{
  color:#767674;
  padding:0px 5px 0px 12px;
 	background: url('img/nav.gif') no-repeat left 3px;
	}
ul.login	{	float:right; 	}
ul.login li { }
ul.login li a {  background:none !important; border-left:1px solid gray;}

#top #menuh
	{
	position:relative;
	width:100%;
	height:38px;
	background: url('img/menuh.jpg') repeat-x left top;
	}

#top #menuh ul li
	{
	float:right;
	margin-top:13px;
	}

#top #menuh ul li a
	{
	color:#fff;
	border-left:1px solid #fff;
	padding:0px 8px 0px 8px;
	}

#top #info
	{
	position:absolute;
	top:37px;
	width:218px;
	height:252px;
	background: url('img/info.jpg') no-repeat left top;
	}

#top #info p
	{
	position:absolute;
	left:30px;
	top:202px;
	font-weight:bold;
	font-size:160%;
	color:#7A1209;
	}

#top #info p a
	{
	color:white;
	}



#top #stred
	{
  position:absolute;
	top:61px;
	left:218px;
	width:511px;
	height:177px;
	background: url('img/top-stred.jpg') no-repeat left top;
	}

#top #top-prava
	{
	position:absolute;
	top:68px;
	right:0px;
	width:940px;
	height:172px;
	background: url('img/top-prava.jpg') no-repeat left top;
	}

#top #top-prava #kosik
	{
	position:absolute;
	left:4px;
	top:65px;
	width:180px;
	margin:0 8px;
	padding:30px 0px 0px 0px;
	color:black;
	font-size:100%;
	line-height:1.5;
	text-align:left;
	}

#top #top-prava #kosik h4
	{
	font-size:120%;
	margin:0;
	padding:0;
	background:none;
	}

#top #top-prava #kosik span
	{
	margin-bottom:10px;
	color:#fff;
	}

#top #top-prava #kosik a
	{
  color:#fff;
	}


#top #menu2
	{
	position:absolute;
	top:240px;
	right:0px;
	width:910px;
	height:42px;
	padding-right:30px;
	background: url('img/menu2.jpg') repeat-x left top;
	}

#top #menu2 ul li
	{
	float:right;
	height:30px;
	margin:6px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background: url('img/menu2-carka.gif') no-repeat left top;
	}

#top #menu2 ul li a
	{
	color:#fff;
	font-weight:bold;
	padding:0px 15px 0px 15px;
	text-decoration:underline;
	}
	
#top #menu2 ul li span a
	{
	color:#ffff99;
	font-size:130%;
	text-decoration: none;
	}

#top #menu2 form
	{
	position:absolute;
	width:200px;
	left:10px;
	top:3px;
	}
	
#top #menu2 form button
	{
	position:relative;
  top:1px;
	width:40px;
	}

#top #menu2 form fieldset
	{
	border:none;
	}

#top #menu2 form fieldset label
	{
	font-weight:bold;
	color: #656567;
	}

#top #menu2 form fieldset input
	{
	margin-top:3px;
	}



#maj
	{
	margin:0;
	background: url('img/pravy-okraj.jpg') repeat-y right top;
	}

#obsah
	{
	float:left;
	width:727px;
	position:relative;
	}

#produkty
	{
	color:black;
 	width:495px;
 	min-height:600px;
 	_height:600px;
	float:right;
	padding:0px 5px 10px 5px;
	background: url('img/linka-top.gif') no-repeat 1px top;
	}

#produkty p
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
 	display: block;
	}
	
#produkty ul
	{
	margin:10px;
	}
	
#produkty ul li
	{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-left:20px;
	}


#produkty h4
	{
  font-size:110%;
 	position:relative;
  }

#produkty .info-lista
	{
	padding:6px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	float:left;
	width:100%;
	display:block;
	background:#F8F8F8;
	border-top:1px solid #ECEEED;
	border-bottom:1px solid #ECEEED;
	}

#produkty .akce-h2 {height:auto !important; background:#222222; color:white; width:auto; padding:6px 10px; margin:0; }	

#produkty .info-lista p
	{
	display:inline;
	border:none !important;
	margin: 0px 0px 0px 10px;
	padding:0;
	float:left;
	}
.info-lista form
	{
	margin:-3px 10px 0px 0px;
	float:right;
  }
	
info-lista form select
	{
	float:right;
	}
.box
	{
	margin:10px 0px 10px 0px;
	position:relative;
	width:144px;
	float:left;
	text-align:center;
	background:white;
	}
	
.box a
	{
	background:none !important;
	height:140px;
	}
	
.box h4 a
	{
	background:none !important;
	height:auto;
	}

.box p
	{
	display:block;
	padding-bottom:3px;
	height:55px;
	overflow:hidden;
	}
.box1 h2 
	{
	margin:0px 0px 7px 8px;
	}
.box1
	{
	margin:10px 2px 0px 0px;
	position:relative;
	text-align:left;
	width:244px;
	height:220px;
	float:left;
	text-align:left;
  border-right:1px solid gray;
  }

.box1 .akce
	{
	position:absolute;
	right:25px;
	top:30px;
	}


.box1 a
	{
	position:relative;
	float:left;
	clear:left;
	display:block;
	margin:0px 10px 0px 0px;
	}

.box1 a img
	{
	width:140px;

	margin:5px 0px 0px 5px;
 	}

#produkty .box1 p
	{
	position:absolute;
	top:165px;
	left:0px;
	clear:both;
	overflow:hidden;
	display:block;
	margin:5px 3px 5px 3px ;
	padding-bottom:3px;
	height:50px;
 border:none;
	text-align: justify;
	}

.box1 .koupit
	{
	position:absolute;
	top:73px;
	right:15px;
	}
	
	
.box1 .koupit img
	{
	width:auto;
	}

.box1 .koupit p
	{
	border:none !important;
	text-align:center;
	}

.box1 .koupit p input
	{
	text-align:center;
	margin:0px 0px 6px 0px;
	}

.box1 span
	{
	position:absolute;
	display:block;
	width:80px;
	height:40px;
	right:10px;
	top:134px;
	text-align:right;
 	}
 	
.box1 span del
 	{
	 
	 display:block;
	 }

.box1 span strong
	{
	font-size:130%;
	color:#222;
	}

.box2
	{
	margin:10px 0px 10px 0px;
	position:relative;
	text-align:left;
	width:220px;
 height:130px;
	float:left;
	text-align:left;
	background:white;
	}

.box2 a img
	{
	margin-right:5px;
	float:left;
		width:162px;
	height:162px;
	border:1px solid #A8B484;
	}

.box2 p
	{
	padding-bottom:3px;
	}

#leva
	{
	float:left;
	position:relative;
 	width:218px;
 	background: url('img/menu-top.jpg') no-repeat left top;
	}

#leva ul
	{
	margin:8px 0px 0px 8px;
	border:1px solid #939393;
	position:relative;
	}

#leva ul li
	{
	position:relative;
	margin:0px 0px 0px 10px;
	width:190px;
	border-bottom:1px solid #CECECE;
	}

#leva ul li p
	{
	margin: 5px 0px 10px 0px;
	}

#leva ul li h3
	{
	color:#222;
	width:187px;
	padding:10px 0px 5px 0px;
	font-size:120%;
	}

#leva ul li a
	{
	color:#666668;
	text-decoration:none;
	display:block;
	font-weight:bold;
	padding:6px 0px 6px 12px;
  background: url('img/menu.gif') no-repeat 2px 9px;
	}
	
#leva ul li a strong
	{
  color:#222;
	}

#leva ul li a:hover , #leva ul li .mactive
	{
  background-color:#E6E6E6;
	color:black;
  }
#leva ul li ul
	{
	border:none;
  border-top:1px solid #CECECE;
  margin:0;
	}

#leva ul li ul li
	{
	margin:0px 0px -1px 0px;

	}

#leva ul li ul li a
	{
	text-decoration:none;
	display:block;
	padding:6px 0px 6px 20px;
  background: url('img/sipecky.jpg') no-repeat 10px 9px;
	}

#leva .ul li ul li a:hover
	{
  background: url('img/podmenu1.gif') no-repeat right top;
	}
	
#leva ul li ul li ul li a { background:none; font-weight:normal;}	

#leva .podmenu .podmenu1 li a
	{
	padding-left:55px;
  background: url('img/menu3.gif') no-repeat right top;
  color:white;
	}
	
	
#leva ul li ul li ul li a { padding:6px 0px 6px 25px; background:none; font-weight:normal;}	

#prava
	{
	float:right;
	position:relative;
	width:211px;
	text-align:center;
 	  }


#prava h3
	{
	width:175px;
	background:#222;
	height:auto;
	font-size:110%;
	margin:10px 0px 8px 22px;
	padding:3px 0px 3px 10px;
	}
	
#prava h3 a
	{
	color:white;
	}
	
#prava h4
	{
  text-align:left;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	font-size: 100%;
	}
	
#prava h4 a
	{
	color:#222;
	text-align:left;
	}
	
#prava a
	{
	color:#222222;
	}
	
#prava dl
	{
	margin:0px 5px 0px 26px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #c2c2c3;
	}
	
#prava dl dd
	{
	margin:0;
	}
	
#prava dl dd p
	{
  background:none;
  color:#666666;
  text-align:left;
  margin:0;
  border:none;
	}

#prava p
	{
	font-size:100%;
	display:block;
  color:white;
	padding:5px 0px 0px 0px;
	text-align:center;
	background:#949494;
	border-bottom:1px solid white;
	}

#prava p a
	{
	display:block;
  padding-top:5px;
  text-decoration:underline;
	font-weight:bold;
	color:black;
	}


#prava p strong
	{
	margin:4px 0px 0px 0px;
	}

#prava .box
	{
	float:none;
	width:180px;
 	margin:0px 10px 0px 22px;
	padding:0px 0px 5px 4px;
	background:none;
	border-bottom: 6px solid #222;
	}

#prava .box h4
	{
	margin:3px 0px 5px 0px;
	font-size:105%;
	color:#222;
	
	}

#prava .box a
	{
	display:block;
	margin:auto;
	margin-left:7px;
	background:white;
	}

#prava .box p
	{
	font-size:100%;
	color:black;
	background:none;
	
	height:auto;
	border:none;
	padding:0;
	margin:5px 0px 0px 0px;
	text-align:justify;
	}
	
#prava .box span
	{
	position: relative;
	display:block;
	margin:10px 0px 0px 0px;
	}
	
#prava .box span del
	{
	margin-top: 3px;
	float:left;
	}
	
#prava .box span strong
	{
	float:right;
	color: #222;
	font-size:130%;
	}


#prava #nej
	{
	text-align:left;
	}

#prava #nej li
	{
	position: relative;
	background:#fff url('img/seznam.gif') no-repeat 4px 8px;
	border-bottom:1px solid #CCCCCC;
	margin:0px 5px 0px 22px;
	padding:4px 0px 4px 18px;
  }

#prava #nej li a
	{
	display:block;
	color:black;
  }

#vrch
	{
	display:block;
	width:100%;
	height:27px;
	position:absolute;
	top:6px;
	text-align:right;
  background:url('img/vrch.jpg') no-repeat 3px top;
	}



#vrch ul
	{
	padding:0px 15px 0px 0px;
	}

#vrch ul li
	{
	display:block;
	float:right;
  }

#vrch ul li a
	{
	display:block;
	position:relative;
	margin:8px 10px 0px 0px;
  color:white;
	}

#detail
	{
	border:1px solid white;
	position:relative;
	width:706px;
	min-height: 850px;
	_height: 850px;
	margin:0px -213px 0px 0px ;
  z-index:250;
  padding-left:5px;
	background:white;
  }

#detail h2
	{
	clear:left;
	margin:5px 0px 5px 0px;
	}

#detail a img
	{
	position: relative;
	float:left;
	border:2px solid gray;
	margin:15px 15px 0px 0px;
	z-index:200;
	}
	
#detail #foto
	{
	width:auto;
	float:left;
	}
#detail #galerie
	{
	clear:both;
	margin:0px 0px 0px 0px;
	}
	
#detail #galerie a img
	{
	border:1px solid gray;
	margin:5px 3px 0px 0px;
	}

#detail p
	{
	float:left;
	border:none;
	clear:both;
	margin:0;
	}

#detail form
	{ position:relative;  }

#detail form fieldset
	{
	margin-top:10px;
 	position:relative;
	}

#detail form fieldset input
	{
 	text-align:center;
	position:relative;
 	}
#detail table
	{
	margin-top:16px;
	width:auto;
	}

#detail td
	{
	padding:4px 10px 4px 10px;
	border:1px solid gray;
	}
	
#detail .alternate
	{
	position:relative;
  float:left;
  width:145px;
  height:160px;
  margin:0px 20px 20px 0px;
	}
	
#detail .alternate h4
	{
	width:100%;
	margin:0;
	text-align:center;
	}
	
#detail .alternate a img
	{
	margin:0;
	}
	
#detail .alternate strong
	{
	clear:both;
	float:left;
	text-align:center;
	display:block;
	width:100%;
	}

#cartsubmit
	{
	margin-top:0px;
	cursor:pointer;
	border:none;
	width:70px;
	height:18px;
	background: url('img/koupit.gif') no-repeat left top ;
	}


#pata
	{
	width:100%;
	height:30px;
	border-top:6px solid #222;
	background: url('img/pata.jpg') no-repeat left top ;
	}

#pata a
	{
	position:relative;
	text-align:center;
	top:0px;
	right:214px;
	width:79px;
	height:24px;
	float:right;
	padding:6px 0px 0px 0px;
	color:#535456;
	background: url('img/menu-pata.gif') no-repeat left top ;
	}

/*Kosik---------------------------------------------------------------------------------*/
#cart
	{
	border:1px solid white;
	position:relative;
  width:690px;
  background:white;
  }
  
#cart #cart-form fieldset
	{
	}
	
#cart #cart-form table
	{
	text-align:center;
	width:100%;
	margin:15px 0px 15px 0px;
	}
	
#cart #cart-form table select
	{
	float:left;
	}
#cart #cart-form table a
	{
	float:left;
	text-decoration:underline;
	}
#stranky
	{
	padding-top: 10px !important;
	clear:both;
	display:block;
	text-align:center;
	width:100%;
	}
	
#stranky a
	{
	text-decoration: underline;
	}
	
/*cistic---------------------------------------------------------------------------------*/
	
.bez
	{
	background:none !important;
	border:none;
	}
	
.clearer
	{
	width:100%;
	height:1px;
	position:relative;
	margin:7px 0px 0px 0px;
	left:-2px;
	background: url('img/clearer.jpg') no-repeat left top;
	clear:both;
	float:left;
	}
	
.descript { padding:0px 15px 0px 0px !important;}
.clearboth
	{
  clear:both; width:100%
	}
	
.center
	{
	text-align:center;
	float:none !important;
	}
	
.alert_form
	{
	color:red;
	}
	

#filtrace
	{
	margin:0px 0px 0px 0px;
	_margin:0px 10px 0px 5px;
	
	padding-left:10px;
	border-bottom:1px solid #ECEEED;
	}	
	
#filtrace fieldset
	{
	border:none;
	padding:0px 0px 5px 0px;
	}
	
#filtrace fieldset label input
	{
	position:relative;
	top:2px;
	_top:1px;
	}
	
	
#menu-stred
	{
	float:left;
	width:100%;
	display:block;
	margin:0px 0px 5px 0px;
	padding:8px 0px 8px 0px;
	margin:0 !important;
	}
	
#menu-stred li
	{
	float:left;
	width:180px;
	display:block;
	padding:0px 10px 4px 0px;
	margin:0 !important;	
	}
	
#menu-stred li a
	{	
	color:#323232;
	background:transparent url('img/menu.gif') no-repeat scroll 2px 3px;
	padding:0px 0px 0px 9px;
	text-decoration:underline;
	}
	
#menu-stred-blok {background:#eee;margin-bottom:3px; padding:5px 0px 0px 8px;}