@charset "utf-8";
/* CSS Document */

html{
	width:100%;
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	width:100%;
	font-family: Tahoma, "Arial CE", sans-serif;
	color: #000;
	background:url(images/background.jpg) repeat-x;
}

a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
img, a img {
	border: none;
}




#top-links {
	background: #000;
	text-align: center;
    color:#fff;
	height:25px;
}
#top-links a {
  font-size:10px;
  line-height: 20px;
  color:#fff;
}

#opacity{
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background:url(images/background-opacity.jpg) no-repeat center top;
}

#obal{

	width: 970px;
	margin:0 auto;
	position:relative;
}

 #head, #footer{
	position:relative;
	margin:0 auto;
}

#kosik {
float:right;
width:167px;
background: none ;
height:58px;
font-size: 12px;
color: #000000;
margin: 30px 0 0 0;
padding: 0 127px 0 0;
overflow: hidden;
}

#kosik h2 {
float: right;
width: 115px;
height: auto;
color: #FFF;
text-align: left;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
overflow: hidden;
}

h2.odsazeni{
	margin:0;
	padding:0;

}

div.menu-right{
	overflow:hidden;
}

#kosik p {
float: right;
width: 115px;
color: #FFF;
font-weight: normal;
text-align: left;
margin: 0;
padding: 0 0 0 0;
}

#kosik strong {
color: #FFF;
}

#kosik a {
  float: left;
  width: 34px;
  height: 35px;
  margin: -15px 0 0 0;
  padding: 0;
  overflow: hidden;
}



#menu {
width: 974px;
height: 55px;
position: absolute;
left:0px;
top: 110px;
z-index: +4;
overflow: hidden;
background:url(images/menu-background.jpg) no-repeat;
}

#menu ul {
float: left;
margin-top:15px;
margin-left:10px;
margin-right:10px;
padding: 0 0 0 0;
}

#menu ul li.main {
float: left;
width: auto;
background: url(img/separator.gif) right 5px no-repeat;
list-style: none;
margin: 0 0 0 0;
padding: 2px 25px 0 25px;
overflow: hidden;
}

#menu ul li.main h3{
float: left;
width: auto;
height: auto;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0 0 0 0;
overflow: hidden;
}

#menu ul li.main h3 a {
display: block;
background: none;
color: #fff;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-transform: capitalize;
overflow: hidden;
text-decoration: none;
}

#menu ul li.main h3 a:hover {
background: none;
color: #fff;
text-decoration: underline;
}

#menu ul li ul.sub {
background: #D4D4D4;
width: 147px;
margin-left: 1px;
*position: absolute;
*left: 0px;
display: none;
}

#menu ul li.main:hover ul.sub { 

}
#obal #menu ul li ul.sub li {
list-style: none;
width: 146px;
text-align: left;
padding: 
}
#obal #menu ul li ul.sub li a {
color: #000;
display: block;
padding: 5px; 
text-transform: uppercase;
font-weight: bold;
}
#obal #menu ul li ul.sub li a:hover {
background: #2c69a2;
color: #fff;
text-decoration: none;
}

ul li.main { position: relative; }
#menu ul li > ul.sub { position: absolute; z-index:10; visibility: hidden; }
#menu ul li.main:hover ul.sub { visibility: visible; }

.element.style {
width:200px;
}

div.head2{
	margin-top:70px;
	text-align:center;
	margin-bottom:20px;
}

#center{
	float:right;
	position:relative;
	width: 700px;
	margin-right:10px;
}

#obsah{
	margin:0 auto;
	position:relative;
	font-size:12px;
}

#left{
	float:left;
	position:relative;
	font-size:12px;
	width:250px;

}



#left a:hover{
	text-decoration:none;
}

#left div.menu-right, #left div.nejsledovanejsi{
	margin: 0px auto 30px auto;
	width:226px;
	position:relative;
	border-bottom:1px solid #ededed;
	border-right: 1px solid #ededed;
	border-left:1px solid #ededed;
}

#left div.menu-right img{
	margin:5px auto;
}

#left div.nejsledovanejsi h2{
	margin:5px;
	font-size:13px;
	font-weight:normal;
}


	

#kategorie, #administrace, #login, #hledani{
	position:relative;
	width:226px;
	margin:0 auto;
	border:1px solid #ededed;
	margin-bottom:30px;
}

#kategorie a, #administrace a{
	display:block;
	border-bottom:1px solid #ededed;
	height:34px;
	position:relative;
	width:224px;
	margin:1px;
}

#kategorie a h2.odsazeni, #administrace a h2.odsazeni{
	position:relative;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	width:212px;
}

#kategorie .menu-left a, #administrace .menu-left a{
	background:none;
	display:block;
	height:20px;
	font-size:12px;
	font-weight:normal; 
	margin:0;
	width:206px;
	border-bottom:1px solid #ededed;

}

#kategorie .menu-left h2{
	font-size:13px;
	margin: 5px 10px;

}
#left div.pluginContent ul li{
	margin-bottom:8px;
}

#left div.pluginContent ul li strong{
color:#06a1e9;	
}


#login h2, #hledani h2{
	color:#FFF;
	display:block;
	height:26px;
	margin:1px;
	padding-left: 10px;
	padding-top:8px;
	background:url(images/hlavicka-kategorie-left.jpg) no-repeat;
	font-size:13px;
	border-bottom:1px solid #ededed;

}

#left h2.odsazeni{
	margin:1px auto;
	width:216px;
	border:1px solid #ededed;
	color:#FFF;
	display:block;
	height:26px;
	padding-left: 10px;
	padding-top:8px;
	background:url(images/hlavicka-kategorie-left.jpg) no-repeat;
	font-size:13px;

}

#login p, #login form, #hledani{
	margin-left:10px;
	margin-bottom:10px;
}



#hledani form{
	margin:5px;
	position:relative;
	overflow:hidden;
	height:30px;

}

#hledani form input[type="image"]{
	 margin-top:1px;
	margin-right:5px;
	float:right;
	position:relative;
}
#hledani form input[type="text"]{
	 float:left;
	margin-top:0px;
		position:relative;
}

form .pole, .username input, .password input{
	border:1px solid #000;
}

.vstup {margin-top:5px;
}
.doporucujeme, .abcrazeni{
	margin-top:20px;
	width:689px;
}

.abcrazeni p{
	margin-left:10px;
}

.doporucujem .seznam-vyrobku{
	padding-top:0px;
	margin-top:0px;
	
}

.nadpis-title{
	height:25px;
	background:url(images/hlavicka-center.jpg);
	padding-top:8px;
	padding-left:10px;
	color:#FFF;
	width:689px;
	font-size:14px;
	margin-top:20px;
}

.nadpis-title img{
	display:none;
}

div.seznam-vyrobku{
	margin-top:10px;
	width:699px;
	overflow:hidden;
}


div.doporucujeme div.odkaz-akce{
	float:left;
	position:relative;
	margin-top:10px;
	font-size:14px;
	margin-left:10px;
	display:none;
}

div.vyrobek{
	float:left;
	position:relative;
	margin:5px;
	border:1px solid #ededed;
	width: 220px;
	min-height:300px;
	background:url(images/vyrobek-background.jpg) bottom no-repeat;
}

div.vyrobek .nadpis{
	display:none;
}

.im{
	height:130px;
	text-align:center;
	padding-top:40px;
}

div.vyrobek .popis{
	color:#FFF;
	font-size:11px;
	margin:5px;
	height:60px;
}

.im img{
	margin:0px auto;
}

.vyrobek .oddel, .akce1, .skladem, .naobjednavku, .novinka1{
	display:none;
	
}

.bezdph{
margin-left:1500px;
	color:#FFF;
	overflow:hidden;
	position:relative;
	float:left;
	width:220px;

}

.vcdph{
	float:left;
	width:220px;
	font-weight:bold;
	font-size:15px;
}

.ceny{
	margin-left:5px;
	color:#FFF;
	overflow:hidden;
	position:relative;
	float:left;
	width:220px;
}

.ceny input[type="image"]

}

.seznam-vyrobku table{
	width:95%;
	font-size:12px;
	margin:10px auto;
}

.seznam-vyrobku table tr.prvni td, .seznam-vyrobku table tr.druha td{
	padding-bottom:5px;
	padding-left:5px;
	
}

.filtr{
	position:relative;
	overflow:hidden;
	float:left;
}

.strankovani {
	position:relative;
	margin:0 auto;
}

#footer{
	width:969px;
	height:141px;
	background:url(images/footer-background.jpg) no-repeat;
	margin-top:30px;
	color:#FFF;
	font-size:12px;
	line-height:1.6;
	position:relative;
	margin-bottom:20px;
}

#footer p{
	position:relative;
	margin-top:15px;
	margin-left: 10px;

}

#footer a{
	color:#FFF;
}


#obsah div.detail{
	margin-right:15px;
	font-size:12px;
		line-height:1.6;

}

#obsah div.detail input[type="image"]{
	width:100%;
}


.tabzelena {
  background-color: #52FA00;
}

.tabcervena {
  background-color: #FF9999;
}

.tabmodra {
  background-color: #C7F0FF;
  color : #000000;
}

.tabzluta {
  background-color: #FFF93E;
  color : #000000;
}

.tabred {
  background-color: #FF0000;
  color : #000000;
}

.tabzelena {
  background-color: #00ff00;
  color : #000000;
}

.taboranzova {
  background-color: #FF6E00;
}