@charset "utf-8";
/* CSS Document */
body {
margin: 0px auto;
padding: 0px;
text-align: left;
font-family: Tahoma, Geneva, sans-serif;
font-size:12px;
color: #333;
font-weight:normal;
background: url(../img/bgr.jpg) repeat-x #00000c;
}
a img {
	text-decoration:none;
	border:0px;
}
a {color:#cc6600; text-decoration:none}
a:hover { text-decoration: underline}
a:visited {}
a:visited:hover {}

hr { 
	width: 100%;
	display: block;
	height: 1px;
	padding-left:5px;
	border-top: 1px solid #e1f6c4;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	}

h1{font-size:28px; }
h2{font-size:18px;}
h3{font-size:12px;}

h1,h2,h3,h4{ color: #0099ff;padding:0; margin:3px 0 3px 0; font-weight: lighter;}
h1 { font-size:19px}
.clear{clear:both;}
.left{ float:left;}
.right{ float:right;}
.red{ color:#ff0000;}
p{ line-height:140%}

#body{
	background-image: url(../img/main-bgr.jpg);
	background-repeat:no-repeat;
	background-position:center top
}


#main{
width:955px;
margin:auto;

}
#head{
	background:url(../img/head.png) no-repeat;
	height:84px
}
#logo{
	padding-top: 10px;
	padding-left: 15px;
}
/* menu  */
#menu {
	margin:0px;
	height:64px;
	background:url(../img/bgr-menu.png) no-repeat;
	width:955px;
	position: relative;
}
.menu { position:relative; top: 10px; left:10px }
.menu ul li a{
	display:block;
	padding: 0px 6px 0px 6px;
	background: #0eace7;
	text-decoration:none;
	text-align:center;
	color:#fff;
	width:80px;height:32px; line-height:32px;
	margin: 4px;
	font-size:14px;
}

.menu ul {padding:0px; margin:0px;list-style-type: none;}
.menu ul li {float:left; position:relative; }

.menu ul li ul {display: none;}
.menu ul li:hover a {display:block; background:url(../img/active.png) no-repeat  ; widows:80px; height: 50px; background-position: center bottom}
.menu  .active {display:block; background:url(../img/active.png) no-repeat  ; widows:80px; height: 50px; background-position: center bottom}
.menu ul li:hover ul {display:block; position:absolute; top:70px; left:0;  }

#search{
	background-color: #dedede;
	width: 210px;
	position: absolute;
	top: 13px;
	right: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	height: 30px;
}
#search .text-field{
	background-color: #DEDEDE;
	width: 170px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#search .ok {background:url(/img/search.gif) no-repeat; width: 30px; height: 28px; border:0px; cursor:pointer;}
/* menu konec */

#menu-produkt {
	float:left;
	width: 250px;
	border:1px solid #ccc;
	background:#fff;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.menu-produkt {	
	margin:2px}
.menu-produkt h2{
	font-size: 14px;
	font-weight: bold;
	margin-left: 3px;
}	
#menu-produkt a {
	color:#FFF;
	background:#0eace7;
	display:block;
	padding:10px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
}

#menu-produkt a.m1{
	background-color:#0eace7;
	background-repeat: no-repeat;
	background-position: 270px 15px;
}
#menu-produkt a.minus{	
	background-image: url(../img/submenu-open.png);	
}
#menu-produkt a.plus{	
	background-image: url(../img/submenu-vetev.png);	
}

#menu-produkt a.m2 {
	background-color: #0280d6;
	background-repeat: no-repeat;
	background-position: 260px 7px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#menu-produkt a.m3 {
	background-color: #0268AC;
	background-repeat: no-repeat;
	background-position: 250px 4px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-left: 20px;
}
#menu-produkt a.aktiv {
	font-weight: bold;
	color: #FFB03C;

}
#menu-produkt a:hover {
	background-color:#0280d6;
}


#content {
	background-color: #FFF;
	background-image: url(../img/bgr-content.png);
	background-repeat:repeat-x;
	padding: 0 0  10px 0;
	margin-bottom:20px
}
#reklama {
	height:335px;
	width:938px;
	background-color: #CCC;
	background-image: url(../img/bg-reklama.png);
	position: relative;
	background-repeat: repeat-x;
	padding-left: 17px;

}
#index-blok {

	width:925px;
	margin:10px ;


}

#footer {
	height:40px;
	width:935px;
	margin:10px ;
	border:1px solid #dedede;
}

#footer a {	color: #cc6600}
#footer p{
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}
.footer {
	height:14px;
	width:910px;
	margin:3px ;
	padding:10px;
	background:#dedede;
}
#obsah-left {
	width:620px;
	float:left;
	margin:0;
	padding:0 10px 0 5px;
	border-right: 1px solid #ccc
	}
#obsah-left h2 {
font-size:12px;
	}	
#obsah-right{
	width:280px;
	float:right;
	margin:0;
	padding:0;
	}	
	/*Clanky pluto*/

.clanek_th, #novinka{
padding:3px;
margin-bottom:3px;
}
.clanek_th img, #novinka img{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.foto{border:1px solid #ccc;}
.text-field, textarea {
	border: #ccc 1px solid;
	background: #fff;
	margin: auto;
	padding: 1px

}
.submit{
	cursor:pointer;
	background-image: url(../img/odeslat.jpg);
	height: 30px;
	width: 81px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-right: 16px;
}

	/*produkt*/
#obsah-produkt, #obsah-produkty {
	float:right;
	float:right;
	width: 630px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#obsah-produkty .strankovani{
	float:right;
	padding-top: 18px;
	padding-bottom: 10px;
}
#obsah-produkt h1, #obsah-produkty h1 {
	padding-top: 10px;
	padding-bottom: 10px;
}
#obsah-produkty h1:first-letter{text-transform: uppercase;}

#obsah-produkty td.b1{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #DFDFDF;
	border-bottom-color: #DFDFDF;
	border-left-color: #DFDFDF;
	padding: 10px;
}
#obsah-produkty td.b1 img{
	text-align: center;
}
#obsah-produkty td.b2{
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #DFDFDF;
	border-bottom-color: #DFDFDF;
	border-left-color: #DFDFDF;
	background-color: #F2F2F2;
	padding: 10px;
}
.nalepka{
	position: relative;
	height: 1px;
}
.nalepka .img_novinka, .nalepka .img_akce{
	position: absolute;
	top: 0px;
	right: 0px;
}
#obsah-produkty h2{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: bold;
}
#obsah-produkty .cena{
	text-align:right;
	font-size: 14px;
	color: #016BB1;
	font-weight: bold;
}

.blue {
	color:#0099ff
}
#drobecek {
	padding-bottom:10px

}
.table{
}
.table td {
	margin:10px;
	border-bottom: 1px solid #ccc
}
.stahuj{
	background: url(../img/stahuj-katalog.jpg) no-repeat;
	width:330px;
	padding-top: 10px;
	padding-right: 10;
	padding-bottom: 10px;
	padding-left: 36px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
}
#doprovod{
	width:605px;
	margin: 5px 0 0 0;
	border:1px solid #dedede;
}


.doprovod {
	width:580px;
	margin:3px ;
	padding:10px;
	background:#dedede;
}