/* CSS Document */

body {
	text-align:center;
	background:#00A1CF url('img/poz.jpg') repeat-x left top;
 	font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif;
	font-size: 0.70em;
	color: #404042;
	margin:0;
	padding:0;
	}

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

h1, h2, h3, h4 {color:#00628F; margin:0;}

h1 {
	position:relative;
	font-size:120%;
	margin:7px 0;
	padding:8px 28px; 
	border-top:1px solid #00628F; 
	border-bottom:1px solid #00628F; 
	background: url('img/h1.jpg') no-repeat left 2px;
	}
h2 {font-size:110%;}
h3 {color:black;	font-size:120%;}
h4 {font-size:100%; }


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


/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin:10px 0px 20px 0px;}
dt {}
dd {}
ul { list-style:none;}
#produkty ul, detail ul { list-style:disc;}


/* 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:#006995;	color: white;}
td {	border: 1px solid gray;	padding: 5px 10px;	vertical-align: top;	background-color: white;}


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both; border:none;	}
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; font-weight:normal; font-size:80%;}
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:#00628F; text-decoration: none;}
a:visited {	}
a:hover {text-decoration: underline; }
h2 a:hover {text-decoration: underline;}
h4 a:hover {text-decoration: underline;}


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


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


#obal
	{
	position:relative;
	width:940px;
	margin:0 auto;
	margin-top:8px;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background:white;
	margin-bottom:20px;
		padding:0px 0px 0px 0px;
	}
	
#top
	{
	position:relative;
	height:281px;
	background: url('img/top.jpg') no-repeat left top;
	}
	
#maj
	{
	float:left;
	position:relative;
	text-align:left;
	width:940px;
	background: url('img/maj.jpg') repeat-x left top;
	}
	
#obsah
	{
	float:left;
	width:701px;
	
	}	
	
.cela
	{
	width:940px !important;
	background: url('img/obsah-poz.gif') repeat-y right top !important;
	}
	
#obsah #produkty
	{
	width:440px;
	float:right;
	margin-right:10px;
	
	}
	
#obsah #detail
	{
	position:relative;
	width:690px;
	_width: 690px;
	float:right;
	z-index:150;
	margin:0px -250px 0px 0px ;
	_padding-left:10px;
	
	}
	
#obsah #produkty #item
	{
	overflow:hidden;
	}
	
#obsah #leva
	{
	position:relative;
	
	width:237px;
	float:left;
	margin:6px 0px 0px 0px;
	background:#f8f8f8;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	z-index:100;
	}
		
	
#prava
	{
	width:237px;
	float:right;
	overflow:hidden;
	border-top:1px solid gray;
	border-left:1px solid gray;
	
	background:white;
	}
	
#pata
	{
	width:100%;
	height:40px;
	clear:both;
	background:url('img/pata.jpg') no-repeat left top;
	color:white;
	text-align:center;
	}
	
/*menu ----------------------------------------------------------------*/

#menu{position:absolute; right:0px; text-align:right;	}	
#menu ul {margin:0; padding:0;}
#menu ul li	{	list-style:none; float:right;background:url('img/menu-linka.jpg') no-repeat left top;}	
#menu ul li a 
	{
	display:block;
	color:white;
	margin:0px 0px 0px 1px;
	padding:15px 15px 10px 15px;
	
	}
	
#menu ul li a:hover
	{
	text-decoration:none;
	background:url('img/hover-top.jpg') repeat-x left top;
	}
	
/*info ----------------------------------------------------------------*/
#info
	{
	position:absolute;
	right:-10px;
	top:114px;
	line-height:1.5;
	color:#026292;
	text-align:left;
	width:156px;
	_width:250px;
	height:160px;
	padding:0px 0px 0px 94px;
	background:url('img/info.jpg') no-repeat left top;
	}
	
#info #kos
	{
	position:absolute;
	width:230px;
	left:0px;
	padding:0px 0px 0px 20px;
	bottom:10px;
	height:51px;
	}
	
#info #kos strong
	{
	display:block;
	margin:11px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	color:white;
	}

/*navigace ----------------------------------------------------------------*/

#navigace {position:absolute; top:262px; left:245px; z-index:100;}
#navigace ul {margin:0; padding:0; position:relative;}
#navigace ul li {position:relative; float:left; list-style:none;}
#navigace ul li a {position:relative; color:#DDDDDD; display:block; padding:0px 2px 0px 10px; background: url('img/sipky.jpg') no-repeat left 5px; }
	
/*leva ----------------------------------------------------------------*/
#leva h3
	{
	color:#006699;
	padding:19px 0px 16px 24px;
	text-transform:uppercase;
	font-size:124%;
	font-family: Arial;
	
	}

#leva ul
	{
	position:relative;
	margin:0;
	padding:0;
	background: url('img/linka.jpg') repeat-y left top;
	}
	
#leva .ul-top
	{
	position:relative;
	height:45px;
	margin-top:-10px;
	background: url('img/leva-top2.jpg') no-repeat left top !important;
	z-index:100px;
	}
	
#leva .ul-prvni { background: url('img/leva-top.jpg') no-repeat left top; height:45px !important; margin-top:0px }
#leva .ul-prvni h3 { padding-top:20px;}
	
#leva .ul-bottom
	{
	height:21px;
	background: url('img/leva-bottom.jpg') no-repeat left top;
	}
	
#leva ul li
	{
	position:relative;
	list-style:none;
	_height:1px;
	padding:0px 6px 0px 0px;
	}
	
#leva ul li a
	{
	position:relative;
	color:white;
	display:block;
	padding:8px 0px 8px 25px;
	background: url('img/leva-linka.jpg') no-repeat right top;
	}
	
#leva ul li a:hover
	{
	background: url('img/leva-hover.jpg') repeat-y right top;
	text-decoration:none;
	}
	
	
#leva ul li ul	{
	
}

#leva ul li ul li {padding:0;}	
#leva ul li ul li a	{	padding-left:35px;	}	
#leva ul li ul li ul li a {padding-left:45px;}

/*box1 ----------------------------------------------------------------*/
	
.box1
	{
	position:relative;
	width:440px;
	height:170px;
	background:url('img/box1.png') left top no-repeat;
	}
	
.box1 .box1-aimg
	{
	position:relative;
	display:block;
	width:140px;
	height:140px;
	border:1px solid #0f6c96;
	margin:10px;
	_margin:10px 0px 0px 5px;	
	float:left;
	background:white;
	z-index:100;
	}
	
.box1 a img
	{
	float:left;
	
	
	}
	
.box1 .box-detail
	{
	float:right;
	width:270px;
	}
	
.box1 h2
	{
	color:#006699;
	font-size:120%;
	margin:8px 0px 5px 0px;
	}
	
	
.box1 p {margin-right:15px; display:block; height:70px; overflow:hidden;}

.box1 .box-detail span
	{
	position:absolute;
	top:101px;
	right:14px;
	display:block;
	width:273px;
	height:33px;
	text-align:center;
	border-top:1px solid #7aabc2;
	line-height:2.8;
	}
	
.box1 .box-detail span strong {font-size:120%; font-family:arial;}
	
.box1 .box-detail .koupit
	{
	display:block;
	text-align:center;
	font-size:120%;
	line-height:1.4;
	padding-top:10px;
	width:100px;
	height:23px;
	_height:33px;
	float:left;
	color:#006699;
	border-right:1px solid #7aabc2;
	font-weight: bold;
	}
	
/*prava ----------------------------------------------------------------*/
#prava form
	{
	height:64px;
	background:url('img/hledej.jpg') left top repeat-x;
	}
	
#prava form fieldset{	padding:13px 0px 0px 20px;	}
#prava form fieldset input {width:150px; padding:2px 0;}

#prava #aktuality {margin:0px 8px;}

#prava #nej
	{
	text-align:center;
	margin:0px 10px 0px 10px;	
	}
	
#prava #nej .box
	{
	margin:10px 0px 0px 15px;
	padding:10px 0px 20px 0px;
	width:184px;
	text-align:center;
	border-bottom:1px solid #BEE3F4;
	}

#prava h3
	{
	color:#006699;
	text-align:left;
	margin:13px 0px 5px 0px;
	padding:8px 0px 8px 10px;
	background:url('img/prava-nadpis.jpg') no-repeat left top;
	}
	
#prava h4 {
	margin-bottom: 5px;
}


/*pata ----------------------------------------------------------------*/

#pata p {top:12px; display:block; position:relative; text-align:center;}
#pata a {color:white; text-decoration:underline;}
	
/*detail ----------------------------------------------------------------*/





#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 p
	{
	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;
	_margin-top:21px;
	width:auto;
	margin-right:16px;
	}


#detail td

	{

	padding:5px 15px 5px 10px;
	_padding:4px 15px 5px 10px;
	}


#detail #kosik-img { margin:4px 0px 3px 0px; _margin:2px 0px 2px 0px; }

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

#galerie {}

#galerie img {margin:0px 0px 0px 0px;}

/*kosik ----------------------------------------------------------------*/

.formular, #cart-form {margin:0px 10px 0px 0px;}
	
#cart-form table, .formular table
	{
  width:95% !important;  
	}
	
#cart-form table td, .formular table td
	{
	vertical-align: middle;
	}
	
#cart-form table td, 
	{
	text-align:center;
	vertical-align: middle;
	}
	
#cart-form table td select, #cart-form table td a
	{
	float:left;
	}
	
#cart-form fieldset, .formular fieldset
	{
	border:1px solid #444444;
	padding:20px 0px 20px 10px;
	}
	
#cart-form fieldset .center input
	{padding: 3px;}
	
.center input
	{
	margin:0 4px;
	}

.center
	{
	display:block;
	width:95%;
	text-align:center !important;
	}
	
.larger
	{
	font-size:130%;
	}
	
#quick_form table td
	{
	border:none;
	}
	
/*odkazy ----------------------------------------------------------------*/
#leva #odkazy
	{
	background:none;
	margin-top:-10px;
	padding-bottom:24px;
	position:relative;
	
	}
	
#leva #odkazy h3
	{
	color:gray;
	position:relative;
	
	}
	
#leva #odkazy li
  {
  position:relative;
  padding:8px 0;
  margin:0px 3px 0px 10px;
  border-bottom:1px solid #666666;
  background: #F8F8F8 url('img/sipka.jpg') no-repeat 13px 17px;
  
  }
  
#leva #odkazy .ul-top { padding:0; border:none; margin:0;}
	
#leva #odkazy li a
	{
	background:none;
	padding:0px 0px 0px 25px;
	margin:2px 0;	
	color:#062956;
	position:relative;
	}
	
#leva #odkazy li a strong {display:block; color:#025887; font-size:110%; margin: 6px 0px 4px 0px;}
	
#leva #odkazy li span
  {
  color:#666666;
  }
		
/*ostatni ----------------------------------------------------------------*/

.clear {clear:both;}	
#stranky { clear:both; text-align:center; padding:15px 0;}
#stranky a { color:#444444; }
#vice {padding:3px 0px 10px 0px; text-align:right; float:left; width:100%;}

#loga {position:absolute; left:68px; top:52px;  width:150px; height:100px; }

#login {position:absolute; left:10px; top:15px; color:white;}
#login a {color:white;}




#detail .box1a {clear:both; float:left; margin:10px 0px 10px 10px; width:680px; _width:680px;}
#detail .box1a a {text-decoration:underline;}
#detail .box1a h2 { margin:0; clear:none;}
#detail .box1a a img {float:left; margin:0px 10px 0px 0px;}
#detail .box1a p {clear:none; margin:0px 20px 0px 0px;}
#detail .box1a ul {padding-left:72px;}
#detail .box1a ul li {list-style:none;}

#detail #hledeja {border-bottom:1px solid #D9D9D9; }
#detail #hledeja fieldset {text-align:center; padding-bottom:15px; border:none; }
#detail #hledeja fieldset label { font-size:11pt; margin:0px 5px 0px 0px; font-weight:bold;}
#detail #hledeja fieldset input { text-align:left; font-size:11pt; width:300px; line-height:1.5; font-weight:bold; padding-left:3px;}
#detail #hledeja fieldset button {  font-size:11pt; }
#detail #hledeja fieldset p {text-align:center; display:block; margin:5px 0 0 0; }
#detail #result {color:black; text-align:right; margin:5px 0 18px 0; font-size:110%;}
#detail .bigprice { font-weight:bold; }
	
#filtracea {position:absolute; left:130px; margin-top:-7px; _margin-top:-3px; }
#filtracea fieldset {position:relative;}
#filtracea select { width:140px; }

.alternate{position:relative;float:left;width:145px;margin-right:5px;}
.alternate h4{position:relative;height:26px;overflow:hidden;}
.alternate a img{margin:5px 0px 3px 0px !important;}

a#facebook {display:block; text-align:center; padding:6px 0 2px;}
#certifikat {text-align:center;}