* {margin:0; padding:0; border: none;}
body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #5c656b;
	background-color:#e6ecec;
text-align:center;
}

.eling {
width:955px;
background-color:#FFFFFF;
text-align:left;
margin:0 auto;
padding: 20px 0;
}

a {text-decoration:underline; color:#5c656b;}
a:hover {text-decoration:underline; color:#00BBEA;}



h1 {width: 670px;font-size: 15px;font-weight:bold;padding: 0 0 5px 30px; background: url(../images/ico_nadpis.gif) no-repeat 0 0;text-transform:uppercase;line-height: 19px;}
h1 strong {color: #00BBEA;}
h1 a { text-decoration:none; color: #5c656b;}
h1 a:hover { text-decoration: underline; color: #00BBEA;}

h2 {font-size: 11px;color: #00BBEA;font-weight:bold; margin: 12px 0 -6px; line-height: 14px;}
h2.prod { font-size: 15px; text-transform:uppercase; color: #5c656b; font-weight:bold; margin: 13px 0 0px; padding:0;}
h2 a { text-decoration:none;}

h3 {font-size: 11px;color: #00BBEA;font-weight:normal; line-height: 16px;}
h3 strong {font-weight:bold;}
h3 span {border-bottom: 2px solid #00BBEA;}
h3 a {text-decoration:none; color: #00BBEA;}
h3 a:hover {text-decoration:none; color: #00BBEA;}


p {padding: 6px 0;}
ul {padding-left:28px;}
ol {padding-left:28px;}




#header{width:917px; height:60px; margin:0 18px 0 20px; background: url(../images/bgr_head.gif);}

#header .logo {float: left; display:block; width:200px; height:60px;}
#header .logo img{display:block;}
#header .icon {float: right; display:block; /*width:96px;*/ height:60px;}
#header .icon span.home {display:block;float:left;width:32px;height:60px;background:url(../images/menu_home.gif) no-repeat 0 0;}
#header .icon span.lng {display:block;float:left;width:32px;height:60px;background:url(../images/menu_lng.gif) no-repeat 0px 0;}
#header .icon .home a {display:block;width:32px;height:60px;background:url(../images/menu_home.gif) no-repeat -32px 0;text-decoration:none;color:#FFFFFF;}
#header .icon .lng a {display:block;width:32px;height:60px;background:url(../images/menu_lng.gif) no-repeat -32px 0;text-decoration:none;color:#FFFFFF;text-align:center;}
#header .icon a:hover , #header .icon a.sel {background-position: 0px 0;text-decoration: underline;color:#FFFFFF;}
#header .icon .home a b {display:none;}
#header .icon .lng a b {display:block; padding: 25px 3px 0 0; text-align:center; text-transform:uppercase;}

#header .search {display:block;}
#header .search form {text-align:right; padding:20px 170px 0 0;}
#header .search input {width: 170px;font-size:11px;color: #000000;border: 1px solid #5C656B;background-color:#F6F6F6;margin-right:20px;padding: 1px 2px;vertical-align:middle;}
#header .search a { background: url(../images/ico_search.gif) no-repeat 0 0;padding-left: 20px;line-height: 14px;height: 14px;color: #5c656b;text-decoration:underline;text-transform:uppercase;vertical-align:middle;}
#header .search a:hover {color: #00BBEA;text-decoration:underline;}



#main{ clear:both;width:915px; margin:0 20px 0px; padding: 20px 0 0; background-color:#FFFFFF;}

#menu {display:block;float:left;width: 200px; padding-bottom: 20px;}
#menu ul {margin:0;padding:0;}
#menu li {list-style:none;display:block;width: 200px;height:31px;background:url(../images/menu.gif) no-repeat 0 0;}
#menu a {display:block;padding: 0 0 0 10px;height: 31px;line-height: 30px;color:#FFFFFF;background:url(../images/menu.gif) no-repeat 0 -31px;text-decoration:none;}
#menu a:hover,#menu a.sel {background:url(../images/menu.gif) no-repeat 0 0px;text-decoration:underline;}

#menu h2 {
font-size:15px;
font-weight:bold;
text-decoration:underline;
color:#00BBEA;
padding:13px 0 8px 15px;
line-height: 18px;
background:url(../images/ico_submenu.gif) no-repeat 0 13px;
}

#menu .submenu li {list-style:none;display:block;width: 200px;height: auto;background: none; padding: 6px 0; border-bottom: 1px dashed #999999;}
#menu .submenu li a{ display:block; padding:0 0 0 15px; height:auto; line-height:normal; text-transform:uppercase; font-size: 11px; font-weight:bold; background: url(../images/ico_subitem.gif) no-repeat 0 0; color: #5c656b; text-decoration:none;}
#menu .submenu li a.sel{background: url(../images/ico_subitem.gif) no-repeat 0 -60px; text-decoration:none; color: #00BBEA;}
#menu .submenu li a:hover{background: url(../images/ico_subitem.gif) no-repeat 0 -60px; text-decoration:underline; color: #00BBEA;}



#foot {clear:both;margin: 0px 20px;height: 75px;background: #FFFFFF url(../images/bgr_foot.gif) repeat-x left bottom;}
#foot span {display:block;border-top: 2px solid #00BBEA;line-height: 30px;padding-left: 10px;color: #5c656b;}
#foot a {color: #5c656b;text-decoration:none;}
#foot a:hover,#foot a.sel {color: #00BBEA;text-decoration:underline;}

.cleaner {clear:both; height:1px; line-height:1px;}


.content {float: left; width:715px;
position:relative; top:0; left:0;
background:url(../images/bgr_main.gif) no-repeat 0 154px}

.content2 {float: left; width:715px;
background:url(../images/bgr_main.gif) no-repeat 0 0px}

.motiv {
width: 715px; height:154px; background:url(../images/motiv.jpg);
}

.obsah {
padding: 10px 0 0 0;
margin: 0 0 0 15px;
}




a.archiv{padding:3px 0 3px 23px; font-weight:bold; background: url(../images/ico_file2.gif) no-repeat 0 0; color: #5c656b; text-decoration:underline;}
a.archiv:hover{color: #00BBEA; text-decoration:underline;}
a.vice{ padding:0 0 0 15px; background: url(../images/ico_subitem.gif) no-repeat 0 0; color: #5c656b; text-decoration:underline;}
a.vice:hover{background: url(../images/ico_subitem.gif) no-repeat 0 -60px; text-decoration:underline; color: #00BBEA;}



/*light box*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; width: 100%; }
#keyboardMsg{ float: right; color:#666666; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/images/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
	}
/*konec light box*/



.novinka {margin: 8px 0;}

.novinka .obr { float: left; width: 115px;}
.novinka .obr img{ display:block; border: 1px solid #5c656b;}

.novinka .text {float: left; width: 585px;}
.novinka p {width: auto;}



.skupina {float:left; width:165px; height:120px; padding-right: 10px;}
.skupina a {text-transform:uppercase; text-decoration:none; color:#5c656b; font-weight:bold;}
.skupina a:hover {text-decoration:underline; color:#00BBEA;}

.skupina img{ display:block; border: 2px solid #5c656b; margin: 10px 0 4px; }

.prodimg {border: 1px solid #5c656b;}
.prodimg2 {border: 1px solid #5c656b; margin-left: 15px;}

a.podskup{ text-transform:uppercase; font-weight:bold; padding:0 0 0 15px; background: url(../images/ico_subitem.gif) no-repeat 0 0; color: #5c656b; text-decoration:none;}
a.podskup:hover{background: url(../images/ico_subitem.gif) no-repeat 0 -60px; text-decoration:underline; color: #00BBEA;}

img.podskupimg {vertical-align:middle; border: 2px solid #5c656b; margin:0 10px 0 0;}

a.produkt{ text-transform:uppercase; font-weight:bold; color: #5c656b; text-decoration:none; vertical-align:middle;}
a.produkt:hover{text-decoration:underline; color: #00BBEA;}

a.produkt img{ margin:0 20px 0 0; border: 2px solid #5c656b; vertical-align:middle;}

table.dokumenty {border-collapse:collapse; width: 459px;}
.dokumenty td {border-top: 1px solid #00BBEA;
border-bottom: 1px solid #00BBEA;
border-left: 1px solid #00BBEA;
border-right: none;
padding: 2px 5px; text-align:left; color: #5c656b; font-size:11px; font-weight:bold;}
.dokumenty td a{ color: #00BBEA; text-decoration:none;}
.dokumenty td a:hover{ color: #00BBEA; text-decoration: underline;}
.dokumenty td.download {border-top: 1px solid #00BBEA;
border-bottom: 1px solid #00BBEA;
border-right: 1px solid #00BBEA;
border-left: none;
padding-left: 15px; text-align:right;}


p.skup {float:left; width: 330px; margin-right: 10px;}


.kontaktmapa {position:absolute;left:-200px; top:170px;width: 200px;}
.kontaktmapa img { display:block;}
.kontaktmapa a {padding: 0 3px; margin:0; background: #666666; color:#FFFFFF; text-decoration:none;}
.kontaktmapa a:hover {color:#FFFFFF;text-decoration:underline;}

.kontaktcr { float:left; width: 200px; height: 260px; border-right:dashed 1px #666666; margin-right:20px;}
.kontaktsk { float:left; width: 200px; height: 260px; border-right:dashed 1px #666666; margin-right:20px;}