@media screen {
    * {margin: 0;padding: 0;font-family: sans-serif; font-size: 100%; font-style: normal; z-index:10;}
	#joalis{ font-size:80%; color:#002A61; background:url(../imgs/katalog/bg-main.gif) repeat-x; }
	a {color:#439EC8;}
	a:hover{ text-decoration:none;}
	a img{border:none; }
	img{z-index:0;}
    h1, h2, h3, h4 {color:#6FB96B}
	#login h4{ font-size:100%; font-weight:normal; margin-bottom:4px; font-weight:bold;}
	#login { position:absolute; left:532px; top:58px; width:250px; }
	#login input{ width:85px; height:12px; font-size:10px;}
	#login-inside .submit{ width:15px; height:15px; background-image:url(../imgs/katalog/submit-login.gif); border:none; background-repeat:no-repeat; position:relative;  top:-1px;}
	#login-inside input{ width:85px; height:12px; font-size:10px;}
    #login .submit{ width:15px; height:15px; background-image:url(../imgs/katalog/submit-login.gif); border:none; background-repeat:no-repeat; position:relative;  top:-1px;}
	#login p{ font-size:85%; margin-top:4px;}
	#main{ width:808px; position:absolute; top:160px; left:80px;}
    #eu_intro{font-size:80%;}
    #header-right{position:absolute; top:0px; left:565px; background:url(../imgs/katalog/bg-header.gif) repeat-y; height:48px;padding-right:10px; width:320px; }
	
	.line{line-height:1px; display:block; clear:both;}
    #header-right a{color:#002A61;}
	#header-right img{ position:relative; top:6px; left:-2px;}
	#header-right p{float:left; padding-top:13px; padding-left:10px;}
    
    #header-float{height:48px; width:100%;  position:absolute; z-index:0;}
    #header-float .min-width{ width:1038px; height:1px;font-size:1px;margin-top:-1px }
    #header-float .url{ float:right; width:128px; height:24px; background:url(../imgs/katalog/bg-header-www.gif) no-repeat; margin-top:1px; position:relative; top:-210px; margin-right:14px; }
    #header-float .url a{ color:#002A61;display:block; padding:4px; padding-left:15px; text-decoration:none; }
    #top-menu{line-height:1.5em;height:48px; width:100%; border-bottom:4px solid #6FB96B; background:url(../imgs/katalog/bg-top-menu.gif) repeat-y #8CDCFF;}
	#top-menu li{ list-style:none; float:left; width:176px; overflow:hidden;  background:url(../imgs/katalog/bg-top-menu-butt.gif) no-repeat right; height:48px; }
	#jsem { list-style:none; width:288px; background:#6FB96B; padding-top:4px; z-index:10; visibility:hidden; position:absolute;}
    #jsem li{ height:20px; padding:2px 6px; border-bottom:1px solid white;}
    #jsem li.mouseOver{ background-color:#C6E8C5;}
    #jsem li.mouseOver a{color:#002A61;}
    #jsem a{ color:white; text-decoration:none;}
    
    
	#top-menu li a{margin-right:1px;color:#DBF4FF; text-decoration:none; font-weight:bold; display:block; padding-top:6px; padding-left:6px; height:42px; position:relative;}
	

	#top-menu li.small{width:144px;}
	#top-menu li span{color:white;margin-right:1px; display:block; padding-top:6px; padding-left:6px; height:42px;}
	#top-menu li span b{ color:#DBF4FF; font-weight:normal;}
	#top-menu li a.first{ background:url(../imgs/katalog/bg-top-menu-butt-1-a.gif);}
	#top-menu li a.mouseOver2{ background:url(../imgs/katalog/bg-top-menu-butt-2-a.gif);}
	#top-menu li a.mouseOver3{ background:url(../imgs/katalog/bg-top-menu-butt-3-a.gif);}
	#top-menu li a img{ position:absolute; right:10px; top:35px;}
	
    #search{ float:left; height:25px; width:21.7%; background-color:#E0F1FB; font-size:85%; font-weight:bold;}
	#search form{ margin-top:5px; margin-left:5px;}
	#search input{ width:82px; height:12px; font-size:10px; } 
	#search .submit{ width:15px; height:15px; background-image:url(../imgs/katalog/submit-search.gif); border:none; background-repeat:no-repeat; position:relative;  top:-2px;}
	#navigation{ float:left;height:25px; width:78.3%; background:url(../imgs/katalog/bg-navigation.gif) #E0F1FB no-repeat;}
	#navigation h4{ margin-top:5px; margin-left:5px; font-weight:normal;font-size:85%;}
	.cl{ clear:both; font-size:1px; line-height:1px;}

    #centra{ background: #E0F1FB; margin-left:2px; margin-top:1px; _position:relative; _top:-4px;}
    
    #centra select{ width:170px; margin:2px 0;}
    #centra p{ margin:5px 0;}
    #centra img{ position:relative; top:2px;}
    select{ font-size:90%;}
    .line-v{ background:url(../imgs/katalog/dotted-v.gif) repeat-x bottom; width:100%; height:1px; line-height:1px;}
	#col-a{width:21.7%; float:left; padding-top:30px; overflow:hidden;}
	
	#col-a ul{ list-style:none; background:url(../imgs/katalog/bg-menu-left.gif) repeat-x ; margin-top:2px; margin-bottom:40px; }
	
    #col-a ul li{ background:url(../imgs/katalog/arrow-b-w.gif) no-repeat 150px 7px; padding-right:28px; }
	#col-a ul li.mouseOver{ background:#AFD8AD url(../imgs/katalog/bg-m1.gif)  no-repeat;}
	#col-a ul li.a{ background:#AFD8AD url(../imgs/katalog/bg-m1-a.gif) no-repeat ; }
    #col-a ul li a{ color:#002A61; text-decoration:none; font-weight:bold; display:block; padding:8px 0px 6px 8px; line-height:16px;_height:16px;}

	#col-a ul.lvl2{ background:url(../imgs/katalog/bg-m2-ul.gif) repeat-x; margin-top:0px; margin-bottom:0px; }
		#col-a ul.lvl2 li{ background:url(../imgs/katalog/arrow-w-g.gif) no-repeat 10px 6px;  }
		#col-a ul.lvl2 li.a{ background:url(../imgs/katalog/arrow-w-b.gif) no-repeat 10px 6px;}
		#col-a ul.lvl2 a.a{color:#002A61;}
		#col-a ul.lvl2 li a{ color:#15933C;  padding:6px 0px 2px 30px; }
		#col-a ul.lvl2 li a:hover{color:#002A61;}
		
		

	#col-a ul.lvl3 {background:none; margin-top:0px;margin-bottom:0px; } 	
	#col-a ul.lvl3 li{ background:none; }
		
		#col-a ul.lvl3 li a:hover{color:#002A61;}
		#col-a ul.lvl3 li.a{ background:url(../imgs/katalog/arrow-s.gif) no-repeat 34px 8px;}
		#col-a ul.lvl3 li.a a{color:#002A61;}
        #col-a ul.lvl3 li a{font-weight:normal;  color:#15933C; padding:2px 0px 2px 40px; background:none;}
    
    #col-a li.nostyle{ padding:0px; margin:0px; background:none; _height:0px; }
    

    #col-b{width:53.4%; float:left; padding-bottom:30px; overflow:hidden;}
		#col-b .inbox{padding:14px;}
		#col-b h2{ font-size:200%; font-weight:bolder; margin:5px 0px; }
		#col-b .content{ padding-top:25px; padding-bottom:10px; }
		#col-b h3{ padding:6px 0; font-size:150%; }
		#col-b h4{ font-size:120%; color:#002A61; font-weight:600;}
		#col-b .news p{ padding-bottom:8px;}
		
	#col-c{width:24.9%; float:left; background:url(../imgs/katalog/dotted.gif) repeat-y; overflow:hidden;}
		#col-c .inbox{ padding:14px;}
		#col-c h4{ color:#76C2EC; font-size:130%; padding-bottom:10px;}
	
	#toolbar img{ position:relative; top:6px;}
	#toolbar{ float:right; font-size:90%; position:relative; top:-5px;}
	
	#footer{ font-size:85%;}
		#powered{width:21.7%; float:left; padding-top:8px}
		#powered h4{ color:#002A61;}
		#powered img{ float:left; margin-right:4px; position:relative; top:-4px;}
		#copyright{width:78.3%;float:left; background:url(../imgs/katalog/dotted.gif) repeat-y; padding-top:8px}
		#copyright p{ padding-left:14px;}
		#regiony{ width:100%; background:url(../imgs/katalog/bg-regiony.gif) repeat-x; height:27px;}
		#regiony a.a{background-color:#002A61; color:white; text-decoration:none;}
		#regiony a, #regiony span{display:block; padding:5px; height:15px; font-size:110%; float:left; background:url(../imgs/katalog/dotted.gif) repeat-y right; margin:1px 0;}
		#regiony span{font-weight:bold;}
	#registrace table{ text-align:left;}
	#registrace th{ width:160px;}
	#registrace input{ height:14px; font-size:10px; width:150px;}	
	#registrace input.r{background-color:#E0F1FB;}
	
	#registrace input.submit{ background-color:#E0F1FB; height:18px;}
	.submit-objednat{ background-color:#E0F1FB; font-size:80%;height:18px;}
    .bg-green{background:url(../imgs/katalog/bg-green.gif) no-repeat; min-height:400px; _height:400px;}
    .bg-green-prod{background:url(../imgs/katalog/bg-green.gif) no-repeat -1px 50px;; }
    .bg-detox{background:url(../imgs/katalog/bg-detox.gif) no-repeat 0px 0px;}
    .bg-detoxlist{background:url(../imgs/katalog/bg-green.gif) no-repeat -1px 150px;}
	
	#navigation h4{ color:#15933C;}
	
	#navigation span a { font-weight:normal; color:#15933C; text-decoration:none;}
   #detox a.no-style{ text-decoration:none; color:#002A61; font-weight:bold;}
   #detox a:hover {text-decoration:underline;}
   #detox select{ width:170px; margin-left:10px; margin-bottom:10px;}
   #detox h3{ margin-top:12px;}
  #detox a{position:relative; top:-2px;}
  #detox .popis{padding-left:6px; padding-bottom:6px; padding-top:10px;}
   .pl{ padding-left:14px;}
   .center{position:relative;top:-15px;}
    #detox .info{ padding-top:30px; }
    .center .bg a{position:absolute; top:0px; left:0px;}
    .center{ min-height:300px; _height:300px;}
    #detox .bg { width:144px; height:160px; float:left; padding-top:11px; position:absolute; left:175px; top:197px;}
    .detox-list {width:160px; margin:0px 15px 10px 10px; float:left; }
    .detox-list img{ position:relative; top:2px; margin-right:4px;}
    .detox-list a{ text-decoration:none; color:#002A61; font-weight:bold; background:url(../imgs/katalog/arrow-w-bb.gif) no-repeat; padding-left:18px; display:block;}
    #navigation-tools{position:absolute; bottom:60px; left:23%;}
    #navigation-tools img{ position:relative; top:4px;}
    #basic-info{ float:left; width:220px;margin-left:6px; padding-top:14px; font-weight:bold; height:120px;}
    #basic-info p{ padding:1px 0;}
    
    
    #mapa h2{ padding-bottom:8px;}
	#mapa ul{ height:auto;}
    #mapa li a{font-size:130%; text-decoration:none; color:#002A61; font-weight:bold;}
    #mapa li a:hover{ text-decoration:underline;}
    #mapa li{padding:0px; padding-left:20px; list-style:none;  padding-top:5px;}
    #mapa .lvl2 li {padding-bottom:2px;}
    #mapa .lvl2 li a{ font-size:100%; }
    #mapa .lvl3 li {padding-bottom:0px; }
    #mapa .lvl3 li a{ font-size:100%; font-weight:normal;}
    #mapa .popis{ color:#002A61; padding-top:0px; padding-left:20px;}
    #mapa li.nostyle{padding-top:0px;}
    #mapa { overflow:visible;}
    .fr{ float:right}
    .fl{ float:left}
     .content .fl{margin-right:12px; padding-top:6px; padding-bottom:6px}
     .content .fr{margin-left:12px; padding-top:6px; padding-bottom:6px}
     .content ul, .content ol{padding-left:20px;}
     .content ul li, .content ol li{ padding:2px 0px;}
     .content table {border:0px; width:100%;margin-top:10px;}
     .content table td{ padding:3px; border:0px; background-color:#E0F1FB; border:1px solid white; }
     .content table th, .content table thead td{ background-color:#67CBF8; font-weight:bold;}
	
    
    .katalog-list .bg{ float:left;}
     .katalog-list .bg0{background-position:17px 21px; background-repeat:no-repeat;width:148px;} 
     .katalog-list .bg1{background-position:1px 21px;background-repeat:no-repeat;width:134px;}
     .katalog-list .bg2{background-position:0px 21px;background-repeat:no-repeat;width:149px;}
    .katalog-list .bg0 h4{ padding-left:35px;}
    .katalog-list .bg1 h4{padding-left:15px;}
    .katalog-list .bg2 h4{padding-left:15px;}
    .katalog-list h4 a{ text-decoration:none;  color:#6FB96B; }
    .katalog-list h4 a:hover{ text-decoration:underline;  }
    .katalog-list h4 b{font-size:80%}
    .katalog-list h4 span.small{font-size:80%}
    .katalog-list h3 {padding-left:20px;}
    .katalog-list p {padding-left:20px; font-weight:bold;}
    .katalog-list img{ position:relative; top:2px;}
    .katalog-list option{ padding-right:15px;}
    .bg-catalog{background:url(../imgs/katalog/bg-catalog.gif) repeat-y 0px 2px; height:196px; }
    #detail_zbozi{ position:absolute; left:270px; top:280px; width:400px; height:400px; overflow:hidden;}
	
    .katalog-list .submit{ width:15px; height:15px; background-image:url(../imgs/katalog/submit-login.gif); border:none; background-repeat:no-repeat; position:relative;  top:2px; cursor:pointer;}    
        .detail table{float:right; text-align:left; margin-right:50px; margin-top:25px;_margin-right:19px; _margin-top:25px;}
    .detail .bg{ width:144px; height:160px; float:left; padding-top:0px; position:absolute;}
    
    .bg-detail{ background:url(../imgs/katalog/bg-detail.gif) no-repeat 0px 0px;}
    .detail table{ width:200px; margin-right:85px; _margin-right:40px;}
    .detail table th{width:100px;} 
    .detail table td{width:100px; padding:3px 0px; color:#6FB96B}
    .detail table td b, .detail table td s{color:#6FB96B;}
    .detail input{ text-align:right; font-size:80%;}
    .detail .buy{color:#439EC8; background:none; font-size:100%; border:none; padding:none; margin:none; text-align:left; border-bottom:1px solid #76C2EC; cursor:pointer; line-height:16px; height:17px;}
    
    .buy-kusu{ width:50px;}
    .detail .buy-iko{ background:url(../imgs/katalog/iko-insert.gif) no-repeat 0px 0px; border:none; width:18px; height:18px;cursor:pointer;}
    .detail h5{ margin-top:40px;} 
    .detail{ min-height:300px; _height:300px;}
    .product{ width:205px;_width:190px;}
    .product a{ font-weight:normal;}
    .product h3{ margin-left:20px; margin-bottom:5px;}
    .product p{ margin-bottom:20px}
    .filter input{ position:relative; top:3px; }
    .filter{ font-size:95%; position:relative; top:-12px;}
    
    #objednavka input{font-size:80%;height:18px;}
    #objednavka textarea{font-size:80%;}
    #objednavka .souhrn input{border:none;}
    #objednavka .souhrn textarea{border:none;}
    #objednavka .submit,.poznamka .submit{ background-color:#E0F1FB; height:18px;}
    .poznamka .submit{font-size:80%;}
    #registrace table td{ padding:3px; border:0px; background-color:white; border:1px solid white; }
    #registrace table  th, .registrace table thead td{ background-color:white; font-weight:bold;}
    #objednavky table td a{text-decoration:none; display:block}
    #objednavky table td a{text-decoration:underline; display:block}
    #objednavky thead a{color:white; text-decoration:none; }
    .view-col .fl{width:200px; padding:2px;}
    .view-col h4{padding-top:3px; }
    .view-col .descr{width:130px; }
    .state table td{padding:0px; margin:0px;}
    .velikost{padding-bottom:4px; display:block;}
    .velikost a{position:relative; top:3px;}
    .bold{font-weight:bold; text-decoration:none;}
    
    table.no-bg{background-color:white;}
    table.no-bg th{background-color:white;}
    table.no-bg td{background-color:white;}
    .mail { padding:20px;}
    .mail h1{ color:white; font-size:160%}

	.tar	{ text-align: right; }
}

@media print {
    #header,#col-a,#col-c{ display:none;}
}