/* CSS Document */


body {
	text-align:center;
	background:#163b66 url('img/poz.jpg') repeat-x;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	color: #000000;
	margin:0;
	padding:0;
	}

/* text
-------------------------------------------------- */

h1, .h1 {font-size:130%;	color:#062956; margin:15px 0px 5px 0px;}
h2, .h2 {color:#0A2B58; 	font-size:130%;}
h3, .h3 { color:black;	font-size:120%;}
h4, .h4 { font-size:100%; }

.h1, .h2, .h3, .h4 {font-weight: bold}
.h3 {padding-bottom: 5px; padding-top: 10px;}

/* BLOCKS
-------------------------------------------------- */
address {	margin: .66em 0;}
blockquote {margin: .66em 20px;}
hr { clear:both;	}
p, .editor { text-align: justify;}


/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin-left:5px;}
dt {}
dd {}
ul, ul li {list-style:none;	margin:0;	padding:0;}


/* TABLES
-------------------------------------------------- */
table {	border-collapse: collapse;	margin-top: 10px; margin-bottom: 10px; font-size:100%;}
caption {	margin: 0 0 .66em 0;	text-align: center;	color: #D01310;}
th {	border: 1px solid gray;	padding: 5px 10px;	font-weight: bold;	text-align: left;	vertical-align: top;
	background-color:#C9E9F4;	color: black;}
td {	border: 1px solid gray;	padding: 5px 10px;	vertical-align: top;	background-color: white;}


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both;	}
legend {}
input, textarea, select {	font-size: 1em;}


/* INLINES
-------------------------------------------------- */
abbr, acronym {	border-bottom: 1px dotted;	font-variant: small-caps;	cursor: help;}
dfn {	position: relative; font-style:normal; cursor: help; top: 2px;}
cite, em, q, var {	font-style: italic;}
code, kbd, samp, pre {	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:#062956;}
a:visited {	}
a:hover { color: #D24400;}
a:hover { color: #C93D03;}

/* Img
-------------------------------------------------- */
img	{ border:none;	}


/* Bloky
-------------------------------------------------- */

#produkty p { margin: 0; padding:0px 0px 10px; }
#produkty ul, #produkty ul li { margin:0px 0px 0px 18px; list-style-type: disc;}

.text {margin: 0px 7px 0px 6px; }
.text p {text-align:justify !important; }
.editor {	text-align:justify;	}

#obal
	{
	position:relative;
	width:940px;
	margin: 0 auto;
 	text-align:left;
 	background:white;
 	border-right:1px solid gray;
 	border-left:1px solid gray;
 	}

#top
	{
	position:relative;
	height:260px;
	background: url('img/top.jpg') no-repeat left top;
	color: white;
	}

#top a
	{
	color:#FFFFFF;
	}
	
#top a:hover
	{
	color:#D1D3D4;
	}

#top #navigace
	{
	position:relative;
	width:100%;
	height:37px;
	
	}
	
#top #navigace a
	{
	color:#767674;
	}
	
#top #navigace a:hover
	{
	color:#062956;
	}

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

#top #navigace ul li a
	{
  	padding:0px 5px 0px 12px;
  	font-size:100%;
 	background: url('img/sipky.jpg') no-repeat left 3px;
 	text-decoration:none;
 	}


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



#top #stred #kosik
	{
	position:absolute;
	left:18px;
	top:58px;
	width:180px;
	margin:0 8px;
	padding:0px 0px 0px 0px;
	font-size:100%;
	line-height:1.5;
	text-align:left;
	}

#top #stred #kosik .h4
	{
	font-size:120%;
	margin:0;
	padding:0;
	
	}

#top #stred #kosik span
	{
	margin-bottom:10px;
	}


#stred #kos
	{
	position:absolute;
	text-align:left;
	width:100px;
	margin-left:6px;
	top:107px;
	left:225px;
	}

#stred #kos span
	{
	margin:0;
	padding:0;
	
	}

#stred #kos span strong
	{
	font-size:130%;
	}

#top #menu2
	{
	position:absolute;
	top:215px;
	right:0px;
	width:940px;
	height:42px;
	}
	
#top #menu2 ul
	{
	position:relative;
	float:left;
	}

#top #menu2 ul li
	{
	float:left;
	height:25px;
	margin:6px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	background: url('img/menu.jpg') no-repeat right top;
	}

#top #menu2 ul li a
	{
	padding:0px 15px 0px 15px;
	text-decoration:underline;
	}


#top #menu2 form
	{
	float:right;
	position:relative;
	width:242px;
	height:20px;
	margin:0px 0px 0px 20px;
	padding:0;
	top:6px;
	color:white;
	}

#top #menu2 form fieldset
	{
	position:absolute;
	top:5px;
	border:none;
	margin:0;
	width:230px;
	padding:0;
	}

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

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



#maj
	{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
	}
	
.maj-poz {background:#fff url('img/maj-poz.jpg') repeat-y right top;}

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

#produkty
	{
 	width:516px;
	float:right;
	margin:0px 3px 10px 5px;
	padding:0px 0px 0px 0px;
	
	}


.box1
	{
	margin:10px 7px 0px 6px;
	position:relative;
	width:240px;
	height:160px;
	float:left;
	text-align:left;
  border:1px solid #96a4b7;
  }

.box1 h2
	{
	font-size:108%;
	text-align:center;
	margin:0px 0px 3px 0px !important;
	padding:2px 0;
	background:#D9F0F8;
	border-bottom:1px solid #B7BED0;
	}

.akce h2
	{
	background:#FFC48C !important;
	}
	
.box1 h2 a
	{
  text-align:center;
  float:none;
  margin:0;
  padding:0;
  text-decoration:none;
	}

.box1 a
	{
	position:relative;
 float:left;
	display:block;
	width:100%;
	margin:0px 0px 0px 0px;
	}

.box1 a img
	{
	position:absolute;
	display:block;
	left:0px;
	top:20px;
	width:95px;
	height:95px;
	margin:0px 0px 0px 5px;
	border: none !important;
 	}
 	
.box1 a .akce
  {
  position:absolute;
  right:0;
  top:20px;
  background:url('img/akce.jpg') no-repeat right top;
  width:19px;
  height:53px;
  }
  
.box1 a .skladem
  {
  position:absolute;
  right:0;
  top:20;
  background:url('img/skladem.jpg') no-repeat right top;
  width:19px;
  height:76px;
  }
 	
.box1 .box-detail
	{
	position:absolute;
	right:0px;
	width:135px;
	height:140px;
	background: url('img/linkav.gif') no-repeat left 3px;
	}

#produkty .box1 .box-detail p
	{
	display:block;
	margin:5px 5px 5px 5px ;
	padding:0;
	height:90px;
	overflow:hidden;
  border:none;
	text-align: left;
	}
	
.box1 .box-detail a
	{
	position:absolute;
	top:103px;
	display:block;
	font-weight:bold;
	width:127px;
	margin:0px 0px 0px 1px;
	padding:2px 0px 2px 7px;
	text-decoration:none;
	background:#EBF9FC;
	border-top:1px solid #E5E9EA;
	}
	
.akce .box-detail a
	{
	background:#FFD6AE !important;
	}

.box1 .box-detail .koupit
	{
	position:absolute;
	top:18px !important;
	padding:2px 0px 1px 0px;
	left:0px;
	margin:0px;
	display:block;
	text-align:left;
	padding-left:7px;
	width:127px;
	_width:134px;
	background:#c9ebf6;
 	}
 	
.akce .box-detail .koupit
	{
	background:#FFC48C !important;
 	}

.box1 .box-detail .koupit p
	{
	border:none !important;
	text-align:center;
	margin:0 !important;
	padding:0 !important;
	height:20px !important;
	}

.box1 .box-detail .koupit p input
	{
	text-align:left;
	border:none;
	background:#C9E9F4;
	width:134px;
	margin:0;
	font-weight:bold;
	padding:2px 0px 2px 5px;
	cursor:hand !important;
	}

.box1 span
	{
	position:absolute;
  display:block;
	width:100px;
  left:5px;
	top:125px;
	text-align:center;
	padding-top:10px;
	z-index:255;
	background: url('img/dlinka.gif') no-repeat left top;
 	}
 	
.box1 span strong
	{
	font-size:130%;
	color:#231f20;
	}

.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:200px;
 	
 	}
 	


#leva h3
	{
	color:white;
	width:190px;
	margin: 0;
	padding:10px 0px 5px 0px;
	font-size:120%;
	}

#leva ul
	{
	margin:0px 0px 10px 0px;
	padding:0px 0px 20px 10px;
	position:relative;
	background: url('img/menu-poz.jpg') repeat-y left top;
	border:1px solid #949697;
	}

#leva ul li
	{
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0;
	width:180px;
	border-bottom:1px solid #51708a;
	}



#leva ul li a
	{
	font-size:100%;
	color:#939598;
	text-decoration:none;
	display:block;
	font-weight:bold;
	padding:4px 0px 4px 18px;
  background: url('img/sipka-menu.jpg') no-repeat 2px 7px;
	}
	
#leva ul li h3 a, #leva ul li h3 a:hover
{
	color: white;
	background: transparent none;
	padding-left: 10px;
}

#leva ul li h3 a
{
	padding: 0;
}





#leva ul li a:hover, #leva ul li .aktiv
	{
	position:relative;
	margin:0px -8px 0px -10px;
	padding-left:28px;
	background:#C9EBF6 url('img/sipka-menu2.jpg') no-repeat 12px 7px;
	color: #000000;
	}



#leva ul li ul
	{
  border:none;
  border-top:1px solid #51708a;
  margin:0;
  padding:0;
	}

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

	}

#leva ul li ul li a
	{
	text-decoration:none;
	color:#d1d3d4;
	display:block;
	font-weight:normal;
	padding:4px 0px 4px 20px;
  background: url('img/sipka-podmenu.jpg') no-repeat 10px 8px;
	}
	
#leva ul li ul li a strong
	{
	font-weight:normal;

	}

#leva ul li ul li a:hover, #leva ul li ul li .aktiv
	{
	padding-left:30px;
  background:#EBF9FC url('img/sipka-podmenu2.jpg') no-repeat 20px 8px;
	}
	
#leva ul li ul li ul li
	{
	position:relative;
	z-index:100;
	}

#leva ul li ul li ul li a
	{
	position:relative;
	text-decoration:underline;
	padding-left:35px;
	margin:1px -8px 0px -10px;
  color:white;
  background:none;
	}
	
#leva ul li ul li ul li a:hover
	{
 margin:1px -8px 0px -10px;
  padding-left:35px;
  text-decoration:none;
  background:#d1d3d4 ;
  }
	
#leva ul li ul li ul li a strong
	{
	font-weight:bold;
	}
	
#leva #odkazy
	{
	position:relative;
	background:none;
	}
	
#leva #odkazy .h3
	{
	color:gray !important;

	}
	
#leva #odkazy li
  {
  padding:4px 0;
  }
	
#leva #odkazy li a
	{
	background:none;
	padding:0;
	margin:2px 0;
	color:#062956;
	}
	
#leva #odkazy li p
  {
  margin-top:1px;
  }


#prava
	{
	float:right;
	position:relative;
	width:214px;
	text-align:center;
	background: url('img/prava-poz.jpg') repeat-y left top;
	border-top:1px solid #c8c9c9;
	  }


#prava .h3
	{
	width:200px;
	background:#4F5E71;
	height:auto;
	font-size:108%;
	margin:10px 0px 0px 0px;
	padding:3px 0px 3px 10px;
	background:none;
	border-bottom:1px solid #0A2B58;
	line-height:1;
	text-align:left;
	}
	
#prava .h3 a
	{
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	line-height:1;
	
	}
	
#prava h4
	{
  text-align:left;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	}
	
#prava h4 a
	{
	text-decoration:none;
	background:none !important;
	text-align:left;
	}
	
	
#prava dl
	{
	margin:0px 5px 0px 11px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #c2c2c3;
	}
	
#prava dl dd
	{
	margin:0;
	}
	
#prava dl dd p
	{
  background:none;
  text-align:left;
  margin:0;
  border:none;
	}

#prava p
	{
	font-size:100%;
	display:block;
	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;
	}


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

#prava .box
	{
	float:none;
	width:180px;
	margin:0px 10px 5px 7px;
	padding-top:15px;
	padding-left:4px;
	background:white;
	border-bottom:1px solid gray;
	}

#prava .box h4
	{
	margin:3px 0px 5px 0px;
	font-size:108%;
	}
	
#prava .box h4 a
	{
  margin:0;
	}


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

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


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

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

#prava #nej li a
	{
	display:block;
	font-weight:bold;
	text-decoration:none;
  }

#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:710px;
	min-height: 900px;
	_height: 900px;
	margin:0px -213px 0px 0px ;
  z-index:250;
  padding-left:5px;
	background:white;
	z-index:200;
  }



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


#detail a img

	{
	position: relative;
	float:left;
	border:1px solid gray;
	margin:15px 15px 0px 0px;
	z-index:200;

	}


#detail #galerie
	{
	float:left;
	height:auto;
	}
	
#detail #galerie a
	{
	float:left;
	
	}
	
#detail #galerie a img
	{
	float:left;
	margin:10px;
	margin-left: 0px;
	margin-top: 0px;
	}



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


#detail form	{ position:relative; margin:0; padding:0;  }
#detail form fieldset {margin:0; padding:0;}
	
#detail form p {  padding:3px 0px 0px 0px; _padding:0; margin:0;}



#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;

	}

#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%;
	}

#detail .tabulka2
	{
	clear:left;
	}
	
#cart {
background:white none repeat scroll 0%;
border:1px solid white;
position:relative;
width:690px;
}

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


#pata
	{
	position:relative;
	margin:10px 0px 0px 0px;
	clear:both;
	height:112px;
	background: url('img/pata-poz.gif') repeat-x left top ;
	}
	
.long
	{
  margin-right:-214px !important;
	}

#pata a
	{
	position:relative;
	text-align:center;
	top:52px;
	right:14px;
	width:79px;
	height:24px;
	float:right;
	padding:36px 0px 0px 0px;
	
	background: url('img/menu-bottom.gif') no-repeat right top ;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#pata img
	{
	position:absolute;
	top:20px;
	left:10px;
	
	}

/*Kosik---------------------------------------------------------------------------------*/



#kosik form table
	{
	width:440px;
	}

#kosik form table td
	{
	padding:2px 8px 2px 8px;
	text-align:center;
	}

#kosik form table td a
	{
  font-weight:bold;
	}

#kosik form table td option
	{
	padding:0 3px;
	}

#kosik form table td input
	{
	text-align:center;
  border:1px solid gray;
	}

.odstranit, .tlacitko
	{
	float:left;
	cursor:pointer;
	border:none;
  text-decoration:underline;
	}



.titulek
	{
	font-weight:bold;
	background:#c2c2c2;
	}
	
.altp .box1
	{
	margin:10px 7px 0px 0px;
	height:141px;
	width:227px;
	overflow: hidden;
  }
  
.altp .box1 .box-detail
{
	position:absolute;
	height: 122px;
	width:129px;
}

.altp .box1 .box-detail a
	{
	position:relative;
	top:1px;
	width:121px;
	}

.altp h3
	{
	font-size:108%;
	text-align:center;
	margin:0px 0px 3px 0px !important;
	padding:2px 0;
	background:#D9F0F8;
	border-bottom:1px solid #B7BED0;
	}
	
.altp h3 a
	{
  text-align:center;
  float:none;
  margin:0;
  padding:0;
  text-decoration:none;
	}

.altp img
	{
	float: left;
	margin: 0;
	padding: 0;
	}
	
	
/*cistic---------------------------------------------------------------------------------*/
	
#bez
	{
	background:none;
	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;
	}
	
#stranky {
clear:both;
display:block;
padding-top:10px !important;
text-align:center;
width:100%;
}

#searchsubmit
	{
	position:absolute;
	right:0px;
	top:2px;
	width:40px;
	}
	
#cart-form table
	{
  width:95%;
	}
	
#cart-form table td
	{
	text-align:center;
	vertical-align: middle;
	}
	
#cart-form table td select, #cart-form table td a
	{
	float:left;
	}
	
.center input
	{
	margin:0 4px;
	}

.center
	{
	display:block;
	width:95%;
	text-align:center !important;
	}
	
.larger
	{
	font-size:130%;
	}
	
.bila
	{
	margin-left:1px;
	background:white;
	}

.formular form td
	{
	border: 0px;
	}
	
#logo
	{
	position:absolute;
	display:block;
	width:320px;
	top:-33px;
	height:70px;
	z-index:200;
	}
	
#shop
	{
	position:absolute;
	display:block;
	width:200px;
	top:-33px;
	height:100px;
	z-index:200;
  top:45px;
	left:223px;
	background:transparent;
	border:none;
	}
	
#login
	{
	position:absolute;
	right:170px;
	top:12px;
	color:gray;
	}
	
	
	#produkty .info-lista {
background:#F8F8F8 none repeat scroll 0%;
border-bottom:1px solid #ECEEED;
border-top:1px solid #ECEEED;
display:block;
float:left;
margin:10px  0px 0px 5px;
padding:6px 0px 2px;
width:500px;
}
#produkty .info-lista p {
border:medium none !important;
display:inline;
float:left;
margin:0px 0px 0px 10px;
padding:0pt;
}
.info-lista form {
float:right;
margin:-3px 10px 0px 0px;
}
info-lista form select {
float:right;
}

#filtrace
	{
	margin:0px 10px 0px 5px;
	_margin:0px 10px 0px 10px;
	
	padding-left:10px;
	border-bottom:1px solid #ECEEED;
	}	
	
#filtrace fieldset
	{
	border:none;
	padding:7px 0px 3px 0px;
	}
	
#filtrace fieldset label input
	{
	position:relative;
	top:2px;
	_top:1px;
	}