item    html, body, ul, p, h1, h2, h3, h4, h5, h6 {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    body {
    font-size: 62.5%; /* Nastaví 1em na 10px pro všechny prohlížeče */
    text-align: center;
    color: #333; /* vždy nastavit barvu písma, lepší než černá je tmavě šedá */
    font-family: sans-serif;
    background: #6a6a6a;
    }
    #content {
    height:2150px;
    width: 1024px;
    background: white; 
    text-align: justify;
    padding: 0px;
    margin: 0 auto;
    position: relative;
    }
    #main {
    width: 647px; 
    float: left; 
	position: relative;
    left: 159px; 
    background-color: #F0F8FF;
    }

    #side {
    width: 150px; margin-left:0px;
    float: left;
     position: absolute;
    left: 0px; top:140px;
    
    }
    #main #nabidky {
    width: 100%;
    clear: both;
    }
    #main #nabidky h2 {
    display: none;
    }
	#main .zelene {height:29px; line-height:29px; background:#A0B1AB;  font-size:130%; font-weight:bold; color:white;  }
	#main .zelene span {background:url(../img/arrow.gif) 7px 50% no-repeat; padding:0 10px 0 30px; }

	#main h2.akce {height:22px; padding-top:18px; padding-left:30px; margin-bottom:15px; background:url(../img/akce.gif) 0 0 no-repeat; font-size:130%; color:white; font-weight:bold;}
	#main .boxik {width:310px; float:left; margin:20px 0; }
	#main .boxik h2 {height:29px; line-height:29px; font-size:130%; font-weight:bold;  margin-left:5px;  margin-right:5px; color:white;}
	#main .boxik h2 span {background:url(../img/arrow.gif) 7px 50% no-repeat; padding:0 10px 0 30px;} 
	#main .boxik strong {color:#858585; display:block;}
	#main .boxik img {float:left; margin-right:5px;}
	#main .boxik span.minicena {display:block; width:65px; position:absolute; right:0; bottom:5px; text-align:right;  color:#E3671E; font-weight:bold;}
	#main .boxik p {clear:both; color:#607A3F; border-bottom:1px dashed #CCCCCC; position:relative; height:40px; margin-left:15px;  margin-right:15px;}
	#main .boxik a { color:#607A3F; text-decoration:none;}
	#main .boxik a:hover {text-decoration:underline;}

    #main .boxik .t1,#main .boxik .t2,#main .boxik .t3,#main .boxik .t4,#main .boxik .t5 {clear:both; border-bottom:1px dashed #CCCCCC; position:relative; height:22px; margin-left:15px;  margin-right:15px;}
	#main .boxik .t1 a {display:block; padding-left:18px;
	 background:url(../img/menu.gif) 0 50% no-repeat;
	 line-height:22px; height:22px;
	 font-size: 120%; font-weight:bold;
	 text-decoration:none;
	 }
 	#main .boxik .t1 a:hover {
	 background:url(../img/menu-active.gif) 0 50% no-repeat;
	}

	#main .boxik .t2 a {display:block; padding-left:25px;
	 background:url(../img/menu-small.gif) 10px 50% no-repeat; color:#6A6A6A;
	 line-height:22px; height:22px;
	 font-size: 120%; font-weight:bold;
	 text-decoration:none;
	 }
	#main .boxik .t3 a {display:block; padding-left:40px;
	 background:url(../img/menu-small.gif) 25px 50% no-repeat; color:#6A6A6A;
	 line-height:22px; height:22px;
	 font-size: 120%; font-weight:bold;
	 text-decoration:none;
	 }
	#main .boxik .t4 a {display:block; padding-left:55px;
	 background:url(../img/menu-small.gif) 40px 50% no-repeat; color:#6A6A6A;
	 line-height:22px; height:22px;
	 font-size: 120%; font-weight:bold;
	 text-decoration:none;
	}
	#main .boxik .t5 a {display:block; padding-left:70px;
	 background:url(../img/menu-small.gif) 55px 50% no-repeat; color:#6A6A6A;
	 line-height:22px; height:22px;
	 font-size: 120%; font-weight:bold;
	 text-decoration:none;
	}	
	#main .boxik .t2 a:hover {
	 text-decoration: underline;		
	 background:url(../img/menu-small-active.gif) 10px 50% no-repeat;
	 }	 
	#main .boxik .t3 a:hover {
	 text-decoration: underline;
	 background:url(../img/menu-small-active.gif) 25px 50% no-repeat;
	 }
	#main .boxik .t4 a:hover {
	 text-decoration: underline;
	 background:url(../img/menu-small-active.gif) 40px 50% no-repeat;
	 }
	 #main .boxik .t5 a:hover {
	 text-decoration: underline;
	 background:url(../img/menu-small-active.gif) 55px 50% no-repeat;
	 }	
	
	#main .boxik div.text {clear:both; color:#607A3F; border-bottom:1px dashed #CCCCCC; position:relative; margin-left:15px;  margin-right:15px;} 
	
	#main .boxik div.text {
		margin-top: 15px;
	}
	 
	#main .boxik div.text p {
		margin-left: 0;
		margin-right: 0;
		position: relative;
		border: none;
		height: auto;
		width: auto;
	}
	#main .boxik div.text strong {
		display: inline;
		color:#607A3F;
	}
	#main .boxik div.text h3 {
		color: #FF7B00;
		font-weight: bold;
		font-size: 130%;
	}
	 
	div.text {
		margin-top: 15px;
	}
	 
	div.text p {
		margin-left: 0;
		margin-right: 0;
		position: relative;
		border: none;
		height: auto;
		width: auto;
	}
	div.text strong {
		display: inline;
		color:#607A3F;
	}
	div.text h3 {
		color: #FF7B00;
		font-weight: bold;
		font-size: 130%;
	}	
	#main .intro h1 {
		font-size: 180%; 
		color: #758B5A;
	}
	#main .intro h2 {
		font-size: 160%;
		color: #758B5A;
	}
	/*Search*/
	#main #search {
		font-size: 110%;
	}
	#main #search h4 {
		font-size: 110%;
		font-weight: bold;
		margin-top: 14px;
	}
	#main #search p.strankovani {
		text-align: center;
		font-weight: bold;
	}
	#main #search p.strankovani a {	
		font-size: 80%;
		font-weight: normal;
	}
	#main #search .s_title {
		margin-top: 28px;
		margin-bottom:5px;
		font-weight: bold;
	}
	#main #search .s_title  img{
		margin-right: 14px;
			}
	#main #search a span {
		text-decoration: underline;
	}
	#main #search a:hover span {
		text-decoration: none;
	}
	#main #search span {
		background-color: #cccccc;
	}
	
	/*Kosik, Cash*/
	#main #cash h4 {
	 background:#EBF5DD;
	 padding:5px 10px;
    font-weight:bold; margin: 10px 0; font-size:120%;
	 width: 96%;	
	}
	#main #cash span.star {
		color: Red;
	}	
 	#main #cash a.objednej {display:block; width:93px; height:30px; background:url(../img/do-kosiku.gif) 0 -30px no-repeat; float:right; margin-right:0px; font-weight:bold; color:#000000; font-size:11px; line-height:30px; padding-left:10px; text-decoration: none;}
	#main #cash a:hover.objednej {background:url(../img/do-kosiku.gif) 0 0 no-repeat;}
 	#main #cash a.objednej2 {display:block; width:93px; height:30px; background:url(../img/do-kosiku.gif) 0 -30px no-repeat; margin-left:0px; margin-top: 12px; font-weight:bold; color:#000000; font-size:11px; line-height:30px; padding-left:10px; text-decoration: none;}
	#main #cash a:hover.objednej2 {background:url(../img/do-kosiku.gif) 0 0 no-repeat;}
	#main #cash p {
		font-size: 100%;		
	}
	objednej2 {display:block; width:93px; height:30px; background:url(../img/do-kosiku.gif) 0 -30px no-repeat; margin-left:0px; margin-top: 12px; font-weight:bold; color:#000000; font-size:11px; line-height:30px; padding-left:10px; text-decoration: none;}
	#main #cash input {
		width: auto;
	}
	#main #cash div.error {
		padding-top: 6px;
		padding-bottom: 6px;
		color: Red;
		font-weight: bold;
	}
	#main #cash div.message {
		padding-top: 6px;
		padding-bottom: 6px;
		color: Green;
		font-weight: bold;
	}
	#main #cash table a.ks {
		position: absolute;
		top: 5px;
		right: 6px;
		display: block;
		width: 5px;
		height: 10px;
		font-size: 2px;
		background-image: url(../img/left_menu_large_ico.gif);
	}
	#main #cash div.l_col {
		margin-top: 8px;
		width: 50%;
		float: left;		
	}
	#main #cash div.l_col strong {
		color: Gray;
	}
	#main #cash div.r_col {
		margin-top: 8px;
		width: 50%;
		float: left;
	}
	
	/*Vypis*/
	

	#main .vyber {background:#F0FFD9; padding:10px; width:627px; height:170px; position:relative;}
	#main .vyber form {width:200px; float:left; }
	#main .vyber form label, .vyber select, .vyber input {width:auto; text-align:left; display:inline;}
	#main .vyber form.select {float:none; clear:both; width:100%;}
	#main .vyber form.select legend {font-size:110%; font-weight:bold; margin:0; padding:0;}
	#main .vyber form.select label {margin-left:5px;}
	#main .vyber form.select p {float:left; width:120px;}
	#main .vyber p {font-size:100%;}
	
	
  #main .zelena {background:#A0B1AB; height:29px; padding:0px; width:647px; position:relative;}
	#main div.rounded{background:#FFFF99; height:50px;}
  #main .zelena h2 {font-size:130%; font-weight:bold;text-align:left;float:left;padding:5px 10px;color:#FD801C;}	
	#main .zelena form {width:auto;  padding-top:3px;float:left; margin-left:330px; }
	#main .zelena form label, .zelena select, .zelena input {width:auto; text-align:right; display:inline;}
	#main .zelena form.select {float:none; clear:both; width:100%;}
	#main .zelena form.select legend {font-size:110%; font-weight:bold; margin:0; padding:0;}
	#main .zelena form.select label {margin-left:5px;}
	#main .zelena form.select p {float:left; width:120px;}
	#main .zelena p {font-size:100%;float:right; text-align:right; margin-left:20px;}
	
	/*Detail */
	#main #detail h2  {background:#EBF5DD; padding:5px 10px; font-size:130%; font-weight:bold;}
	#main #detail h3 {clear:both; font-weight:bold; margin:0; font-size:120%; padding-top:15px;}
	#main #detail p.ikony {clear:both;}
	#main #detail div.ikony a  {width:93px; height:30px; background:url(../img/do-kosiku.gif) 0 -30px no-repeat; color:#f3f3f3;; line-height:30px; padding-left:10px; float:left; margin:0 50px; }
	#main #detail div.ikony a:hover {background:url(../img/do-kosiku.gif) 0 0 no-repeat; }
	#main #detail img {float:left; margin-right:10px;padding-top:0px;}
	#main #detail .item, #main #detail .item .polozky {height:auto !important; padding-bottom:5px;}
	
	
	#popiskat {
    padding: 5px 5px 5px 5px;
    margin-bottom:9px;
       }
     #popiskat2 li {float:left; margin-left:30px;}  
  #vypis {clear:both;}  
  
       	#levsloup{
    width:320px; float:left;
       }
       #prasloup{
    width:315px;float:right;
       }
	
    #main .item {
    padding: 5px 5px 5px 5px;
    position: relative;
    background: white;
    width: 305px;
    border:1px solid;
    margin:3px;    
    float:left;
    overflow: hidden;
    }
    
    #main .item1 {
    padding: 5px 5px 30px 5px;
    position: relative;
    background: white;
    width: 305px;
    float:left;
    overflow: hidden;
    background: #F0F8FF;
    }
	#main #vypis .item h3 {background:#EBF5DD; padding:5px 10px;}
	
    #main .item h3 {
    font-size: 120%; color:#FD801C;
    text-transform: uppercase;
    text-align: left; font-weight:bold;
    }
	#main .item h3 a {color:#476521;}
	#main .item h3 a:hover {text-decoration:underline;}
    #main .item a.img {
    float: left; display:block; height:100%; position:relative;
	margin:0; padding:0; margin-right:10px;
	text-align:center; 
    }
    #main .item a {
    color: black;
    text-decoration: none;
    }
    #main .item p {
    color: black;
    font-size: 120%;
    text-indent: 0;
    font-style: normal;
    line-height: 1.1;
    }
	#main .item .polozky {height:140px; overflow:visible; margin-top:10px; color:#A8A8A8;}
	#main .item .polozky p {color:#A8A8A8; line-height:150%; font-size:130%;}
	#main .item p.popis {clear:left; background:#EAEAEA; padding:8px; height: 34px; overflow: hidden;}
	#main .item .beznacena {text-decoration:line-through; color:#6A6A6A; font-weight:bold; }
	#main .item .nasecena {color:#E3671E; font-weight:bold; font-size:110%; }
	#main .item .sleva, #main .item .dostupnost {color:#536F30; font-weight:bold;}
	
	#main .item a.dokosiku {display:block; width:93px; height:30px; background:url(../img/do-kosiku.gif) 0 -30px no-repeat; float:right; margin-right:10px; font-weight:bold; color:#FFFFFF; font-size:110%; line-height:30px; padding-left:10px;position:relative;top: 30px}
	#main .item a:hover.dokosiku {background:url(../img/do-kosiku.gif) 0 0px no-repeat;}
	
	
	
    #main h2 {
    clear: both;
    }
    #header {
 background:url(../img/head_lista.jpg)  repeat-y;
 height: 120px;
 width: 1024px;
position:relative;
 }
 
 #header img {border:0px;
 height: 85px;
 width: 373px;
 position:relative;
 margin:0px 285px;
 top:20px;
 }
    
    
    #header a strong {
    display: none;
    }
    
    #menujump {
    position: absolute;
	top:-20000px;
    width: 0;
    height: 0; padding:0; margin:0;
    overflow: hidden;
    }
	
	#side h2 {margin-top:70px; height:27px; line-height:26px; color:#FFFFFF; font-size:130%; font-weight:bold;background:#A0B1AB 0 0 repeat-x; }
	#side h2 span {background:url(../img/arrow.gif) 7px 50% no-repeat; padding:0 10px 0 30px; text-align:center; }
	#menu {position:absolute; top:0px; left:0px; }
  #menu ul li {float:left;}
	#menu ul li a {display:block; float:left;  margin:0 6px;
	font-size:120%; font-weight:bold;
	color:#ffffff;}
	#menu ul li a:hover {color:#ffffff; text-decoration:underline;}
	#menu p {float:left; color:#ffffff;margin-left:600px; margin-top:-12px;font-weight:bold;}
		#menu2 {position:absolute; top:100px; left:0px;color:#ffffff;font-weight:bold;margin:0 6px; }
	#menu2 a, #menu a:hover { color:#ffffff;}
	 #menu-zbozi {width:150px; position:relative;
	 
	 }
	 #menu-zbozi a#zobrazitvyrobce {
	 position:absolute; top:-6px; right:2px;
	 width:150px; height:19px; padding-top:27px; padding-left:39px;
	 font-weight:bold; font-size:110%;
	 background:url(../img/zobrazit-vyrobce.gif) 0 0 no-repeat;	color:#939393;
	 text-decoration:none;
	 font-family:Arial, Helvetica, sans-serif;
	 }
	 #menu-zbozi a:hover#zobrazitvyrobce {text-decoration:underline; cursor: pointer; }
	 #menu-zbozi a:hover {text-decoration:underline; }
	 #menu-zbozi ul {margin:20px 0;}
	 #menu-zbozi ul ul {margin:0;}
	 #menu-zbozi ul li {display:block;}
	 #menu-zbozi ul li a { font-size:130%;font-weight:bold;display:block;width:auto;background:#f4f4f4;background-position:10px 3px;padding:5px;padding-bottom:6px;padding-left:38px;color:#3d3d3d;text-decoration:none;margin-left:0px;margin-top:1px;}


	 
	 #menu-zbozi ul li a:hover {background:url(../img/menu-active.gif) 0 50% no-repeat;font-weight:bold;}
	 #menu-zbozi ul li li a { font-size:100%;font-weight:bold;display:block;width:auto;background:#F0F8FF;background-position:10px 3px;padding:5px;padding-bottom:6px;padding-left:45px;color:#3d3d3d;text-decoration:none;margin-left:0px;margin-top:1px;}

	 #menu-zbozi ul li li a:hover {
	 background:url(../img/menu-small-active.gif) 10px 50% no-repeat; color:#6A6A6A;
	 }
	 #menu-zbozi ul li li li a {
	 padding:0 10px 0 40px; 
	 background:url(../img/menu-small.gif) 25px 50% no-repeat;   color:#6A6A6A; font-size: 100%;
	 }
	 #menu-zbozi ul li li li a:hover {
	 padding:0 10px 0 40px; 
	 background:url(../img/menu-small-active.gif) 25px 50% no-repeat;   color:#6A6A6A;
	 }

	
	
    #side form.vyhledavac {clear:both; width:150px; height:30px; margin:0; padding:0;
	
	 position:relative; }
    #side form.vyhledavac input {width:60px; position:absolute;top:75px;  right:45px;  }
    #side form fieldset {
    padding: 0 25px;
    margin: 0;
    }
    #side form label{
    display: none;
    }
    #side legend strong {
    display: none;
    }
    #side legend {
	font-size:130%; font-weight:bold;
	color:#858585;
    padding-top: 18px;
    }
    #side form.vyhledavac input.text {
	width:120px; height:15px;  left:17px; top:27px;
    }
    #side form.vyhledavac select {
	width:120px; height:21px;  left:17px; top:54px; position:absolute;
    }
    #side form br {
    display: none;
    }
	.box {width:280px; margin-top:20px;
	background:url(../img/bg_box.jpg) 0 0 repeat-x; border:1px solid #C3C3C3;}
	.box ul {margin:10px 5px 10px 10px; }
	.box ul li {height:18px; line-height:18px; color:#758B5A; padding-left:10px; background:url(../img/tecka.gif) 0 45% no-repeat; font-size:120%;}


    form, fieldset, legend {
    margin: 0;
    padding: 0;
    
    }
    form {
    font-size: 110%;
    width: 100%;
    margin: 0 auto;
    }
    fieldset {
    margin: 0.5em 0;
    border: 0px;
    }
    fieldset legend {
    font-size: 150%;
    font-weight: bold;
    color: #333; /* jinak IE dává modrou, takže vždy nastavit */
    }
    fieldset fieldset legend {
    font-size: 130%;
    }
    form label {
    text-align: right;
    display: block;
    }
    form input, form select, form select option {
    width: 100%;
    padding: 0;
    margin: 0;
    }

    form label input {
    width: 2em;
    }
    #other {background:#F4F4F4;
    position:absolute; top:120px; right:0px; z-index:3;
	width:177px; height:157px; padding:0 20px;
	text-align:left;
    }
    #other2 {background:#F4F4F4;
    position:absolute; top:402px; right:0; z-index:3;
	width:177px;  padding:0 20px;
	text-align:left;
    }
    #other2 h3{font-weight:bold; background:#A0B1AB;width:217px;margin-left:-20px;text-align:center;
    }
    .akcnizbozi {background:white;margin-top:30px;}
    .akcnizbozi h4{font-weight:bold; background:#A0B1AB;width:217px;margin-left:-20px;text-align:center;}
    .akcnizbozileft {background:white;text-align:center;}
    .akcnizbozileft h4{font-weight:bold; background:#A0B1AB;width:150px;text-align:center;}

    
  #other img { margin-left:-20px;
    }  
	#other h2, #other p {font-size:110%; font-weight:bold; color:#476521;}
    #other h2.kosik {float:left; width:177px; padding-left:25px; margin-top:10px; height:40px;    	background:url(../img/kosik.gif) 0 0 no-repeat; }
	#other p.kosik { margin-top:10px; height:40px; width:auto; font-size:110%; float:none; color:black; font-weight:normal;}
	#other form {position:absolute; top:157px;
	margin:0; padding:0 30px 0 40px; margin-left:-20px;
	width:145px; height:123px; overflow:hidden;
	margin-bottom:10px;
	background:url(../img/login-box.gif) 0 0 no-repeat; border:1px solid #C3C3C3;
	clear:both;
	}
	#other form fieldset {margin:0; padding:0;}
	#other form legend {display:none;}
	#other form br {clear:both; }
	#other form label {width:auto; color: #858585; text-align:left; float:none; margin:0; padding-top:9px; }
	#other form input {width:100px; text-align:left; float:left; margin:0; padding:0;}
	#other form input#heslo {width:100px;}
	#other form input.submit {width:auto; margin-left:5px; position:relative; top:0px;}
	#other form a {text-decoration: none;}
	#other form a:hover {text-decoration: underline;}
	#other form {}
	#other p { float:left; }
	#other strong {color: #FD8217;}
    
       #footer {
     color:#476521; position:absolute; top:2110px;left:0px; width:1024px;text-align:center;
    }
    #footer2 {
  padding-bottom:40px; padding-top:15px;
    clear: both; color:#476521;
    text-align: center; font-weight:bold;
    }
   #footerlista {
    background:url(../img/head_lista.jpg);
  position:absolute; top:2150px;left:0px;
  width:1024px;

        } 
   
   
   #footerlista2 {
    background:url(../img/head_lista.jpg)  repeat-y;
   padding-top:5px;
    clear: both; color:#476521;
    text-align: center; font-weight:bold;
    } 
	#footer a {color:#476521;}
    #footer li {display: inline;}
    #lista {
    }
    #footer p {
    font-size: 110%;
        }
    #footer #menu4 {
    padding: 1.5em 0 0.5em 0;
    font-weight: bold;    
    }
    #footer #menu4 a {
    padding: 0 1em;
    font-size: 120%;
    border-right: 1px solid #6d461d;
    }
    #footer #menu4 .last a {
    border-right: none;
    }
    #menu3 {
    position: absolute;
    top: 110px;
    left: 55px;
    }
    #menu3 a {
    color: white;
    font-size: 110%;
    text-decoration: none;
    padding: 0 10px;
    border-right: 1px solid white;
    }
    #menu3 a:hover {
    text-decoration: underline;
    }
    #menu3 .last a {
    border-right: none;
    }
    /* vždy nastavit obecný h1 až aspoň h4 */
    h1, h2, h3, h4, h5, h6 { /* sdružovat společná nastavení */
    font-weight: normal;
    }
    h1 {
    font-size: 200%;
	margin-bottom:15px;
    text-transform: uppercase; /*Velká písmena dělat stylem, ne textem! */
    }
    h2 {
    font-size: 180%;
    }
    h3 {
    font-size: 160%;
    }
    h4 {
    font-size: 150%;
    }
    /* tagy nastavovat vždy uvnitř elementu, kterého se týkají */
    #main p{
    font-size: 120%; 
    margin: 0.5em 0;
    line-height: 1.3em;
	color:black;
    }

	#main strong {color:#FF7B00;}
	#main p.bila {width:148px; float:left; padding:0 5px;} 
	#main p.cerna {width:148px; float:left; padding:0 5px;} 
	#main p.telekomunikace {width:148px; float:left; padding:0 5px;} 
	#main p.prislusenstvi {width:148px; float:left; padding:0 5px;}  
	#main p.bila a, #main p.cerna a, #main p.telekomunikace a, #main p.prislusenstvi a {color:#7E7E7E; text-decoration:none;}
	#main p.bila a:hover, #main p.cerna a:hover, #main p.telekomunikace a:hover, #main p.prislusenstvi a:hover {text-decoration:underline;}
	#main p.bila strong {display:block; padding-left:35px; padding-top:18px; background:url(../img/pracka.gif) 0 0 no-repeat;}
	#main p.cerna strong {display:block; padding-left:35px; padding-top:18px; background:url(../img/televize.gif) 0 0 no-repeat;}
	#main p.telekomunikace strong {display:block; padding-left:35px; padding-top:18px; background:url(../img/mobil.gif) 0 0 no-repeat;}
	#main p.prislusenstvi strong {display:block; padding-left:35px; padding-top:18px; background:url(../img/prislusenstvi.gif) 0 0 no-repeat;}
	#main p.krpopisek {position:absolute; top:50px; }
    #main .vyber p.podkategorie {margin-top:15px;  }

	#main p.ciselniky {float:right; margin-top:-22px; margin-right:10px; font-size:110%;}
	#main p.ciselniky a {color:white; margin:0 1px;}
    #main ul, #main ol {
    margin: 0.5em 0;
    }
    #main ul li, #main ol li{
    padding-left: 5px;
    background: url(bluedot.gif) no-repeat left center;
    margin-left: 5px;
    font-size: 120%; text-align: left;
    }
    #main ul strong, #main ol strong{
    color: #ff7c00;
    }
    
    
    
    #kate ul, #kate li {
   
    padding: 0px;
    padding-left: 0px;
    margin: 0px;
    margin-top:-20px;
    list-style:none;
    
    }
    #kate ul li {
     background:#f4f400;
    float: left;
    width:100px;
 
    padding-left: 0px;
    margin-left: 10px;
    margin-top: 5px;
    }
           
    #kate a {
       display:block;
       padding:0px 10px;
    }
    
    #kate a:link,
    #kate a:visited,
    #kate a:hover,
    #kate a:active {
    color: black;
    text-decoration: none;
    
    }
    
   
    #main #map1 {
    float: right;
    margin-left: -20px;
    }
    
    #main table {
    border:1px black;
    margin: 4px 0px 10px 0px;
    width: 100%;
    font-size: 11px;
    background: #f3f3f3;
    float:left;
    border-collapse: separate;
    
    }
    #main table.detail {
    margin: 4px 0px 10px 0px;
    width: 30%;
    font-size: 11px;
    background: #f3f3f3;
    float:left;
    border-collapse: separate;
    
    }
    #main table th {
    text-align: left;
    color: #00b6df;
    }
    #main table th, #main table td {
    vertical-align: middle;
        padding: 4px;
    }
    #main table thead th {
    text-align: center;
    }
    #main table a {
    color: #ff7b00;
    }
    a { 
    text-decoration: underline; /* odkazy by měly být vždy potržené, ne nutně u blokových menu a podobně */
    color: navy; /* vždy musí mít nějakou základní barvu, kontrastní s pozadím main, nejlépe modrou */
    }
    a:hover {
    text-decoration: none; 
    }
    a img {
    border: none; /* vždy nechat, kvůli IE nesmyslu s okrajem obrázků v odkazech */
    }
	.cistic {clear:both; height:0; font-size:0;}
	.cistic hr {display:none;}
	
	.visible {display:block;}
    .hidden {display:none;}

	/*Posouvani textu*/
	.intro{padding:5px; width:98%;  }
	.intro_prod{
	  position:absolute;
	  top:0px;
	  width:98%;
	  padding:5px;
	}
	.intro b{font-weight: bold;}
	.popis {margin-top:280px; border: 1px #f3f3f3 ;background-color: #F0F8FF; padding:5px 5px 5px 8px; color:#476521;}
	#detail {position:absolute; top:60px; width:100%;}
	.drobeckyDetail {position:absolute; top:30px; width:100%;}






.navi ul,.navi li {padding: 0px;    padding-left: 0px;    margin: 0px;    list-style:none;}

    .navi ul li {    float: left;     height: 22px; text-align:center;    padding-top: 2px;    padding-left:28px;    padding-right:15px;    margin-left: 0px;
    margin-top: 2px;    border-top:1px solid;    border-bottom:1px solid;    }
           
    .navi ul li a {       display:block;  padding:0px 10px;    }
    
    .navi ul li a:link,
    .navi a:visited,
    .navi a:hover,
    .navi a:active {
    color: black;
    text-decoration: none;
    
    }
.popis_navigace {
 padding:25px 0 0 20px;
 width:150px;
 height:87px;
 }
    
.uvodni_navigace {
 background:url(../img/bila_technika_poz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
 }
.uvodni_navigace h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 110px;
margin-left: 30px;
}
.uvodni_navigace1 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 110px;
margin-left: 30px;
}
.uvodni_navigace2 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 95px;
margin-left: 30px;
}
.uvodni_navigace3 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 95px;
margin-left: 30px;
}
.uvodni_navigace4 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 78px;
margin-left: 30px;
}
.uvodni_navigace5 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 78px;
margin-left: 30px;
}

.tramvaje h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 73px;
margin-left: 24px;
width:250px;
}

.obr img{

position: absolute;
border:0px;
margin-top:-58px;
margin-left:261px;

}
.obr1 img{
position: absolute;
border:0px;
margin-top:20px;
margin-left:10px;
}
.vicezde{
 padding-left:13px;
 font-size:x-small;
 width:100px;
 margin-top:8px;
 color:#226367;
}
.vicezde a{color:#226367;}

.obrservis img{

position: absolute;
border:0px;
margin-top:-176px;
margin-left:256px;

}
.obrporad img{

position: absolute;
border:0px;
margin-top:-169px;
margin-left:260px;

}
.obrnahrd img{

position: absolute;
border:0px;
margin-top:-170px;
margin-left:255px;

}
.obrdopr img{

position: absolute;
border:0px;
margin-top:-172px;
margin-left:258px;

}
.obrsplatky img{

position: absolute;
border:0px;
margin-top:-172px;
margin-left:256px;

}
.obrtram a img{

position: absolute;
border:0px;
margin-top:-171px;
margin-left:244px;

}
.obrtram a:link,
.obrtram a:visited,
.obrtram a:hover,
.obrtram a:active {
    color: black;
    text-decoration: none;
    
    }


.obr1 a img{
border:0px;
}



.uvodni_navigace1 {
 background:url(../img/servis_poz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
 }
.uvodni_navigace2 {
 background:url(../img/poradenstvi_poz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
 }
.uvodni_navigace3 {
 background:url(../img/nahradnidily_poz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
 }
.uvodni_navigace4 {
 background:url(../img/dopravapoz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
margin-top: 10px;
border-bottom: 1px solid #999999;
 }
.uvodni_navigace5 {
 background:url(../img/hcpoz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
margin-top: 10px;
border-bottom: 1px solid #999999;
 }
    
 #head {
 background:url(../img/head_lista.jpg)  repeat-y;
 height: 120px;
 width: 1024px;
position:relative;
 }
 
 #head img {border:0px;
 height: 85px;
 width: 373px;
 position:relative;
 margin:17px 285px;
 }
 
 .shopy  { text-align:center; float:left; width:100%; position: relative; left: 10%;
 }
 .shopy img {

 float:left;
 border:0px;
 }
 .shopy p { float:left;  border:0px; }
 .tramvaje {
 background:url(../img/poztram.gif) no-repeat;
 width:512px;
 float:left;
position:relative;
margin-top: 100px;
border-top: 1px solid #999999;
 }
 .tramvajepopis {
 width:475px;
 float:left;
 position:relative;
 margin-top: 100px;
 padding: 10px;
 margin-bottom: 40px;
 border-top: 1px solid #999999;
 }
.tramvajepopis p {text-align:justify;}

.footer {
text-align:center;
width:1024px;
}
.footer a:link,
.footer a:visited,
    .footer a:hover,
    .footer a:active {
    color: black;
    text-decoration: underline;
    
    }

.patka {
clear:both;
border-top:1px solid;
border-bottom:1px solid;
width:1024px;
text-align:center;
}

.left {
float:left;
width: 185px;
height:1000px;
margin-top:2px;
padding-top:15px;

background:#a0b1ab repeat-x top; 
}
.obsah {
float:right;
width: 799px;
padding:20px;
background:#f0f0f1 repeat-x top; 
margin-top:2px;
height:975px;

}

.left ul,.left li {padding: 0px;    padding-left: 0px;    margin: 0px;    list-style:none;}

    .left ul li {   height: 35px; text-align:center;    
    padding-top: 12px;    padding-left:8px;    padding-right:5px;    margin-left: 0px;
    margin-top: 2px;    border-top:1px solid;    border-bottom:1px solid;    }
           
    .left ul li a {       display:block;  padding:0px 10px;    }
    
    .left ul li a:link,
    .left a:visited,
    .left a:hover,
    .left a:active {
    color: black;
    text-decoration: none;
    
    }
    
.kontakt { padding:10px;}