html { padding: 0; margin: 0; }

body {padding: 0; margin: 0; color: #DDD; font-family: "SEGOE UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;  background: url(img/pozadi-alt2.png) repeat-x #303030; }

/* body {padding: 0; margin: 0; color: #fff; font-family: "SEGOE UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;  background: url(img/pozadi.png) repeat-x #30322b; } */

/* --- ZAKLADNI DEFINICE --- */

#main { width: auto; height:auto; padding: 0px 0 0px 0; }
a img { border: 0}

a {text-decoration:none; color:#DDDDDD}
a:hover {text-decoration: underline; color:#FFFFFF} 
a.notfancy:hover { text-decoration: none}

/* ---- HLAVICKA ---- */ 

#nadhlavicka {width: 960px; height: auto; margin: 0 auto; min-height: 20px;}
#nadhlavicka #titulek { width: 350px; height: 25px; padding-top: 6px; }
#nadhlavicka #hledej {width: 230px; height: 30px; float: right; background: #151613; margin-right: 10px; padding: 4px 0 0 16px;}

#nadhlavicka #hledej form input {background: #333; color: white; padding: 1px 3px;  height: 20px; width: 160px; }
#nadhlavicka #hledej form input.submit {background: #333; font-style: italic; color: white; cursor: pointer; height: 24px; width: 45px;}
 
#hlavicka {width: 960px; height: 85px; margin:0 auto; overflow: hidden;}
#hlavicka #leva {width: 350px; height: 90px; float:left}
#hlavicka #prava {width: 430px; height: 90px; float:right}

#hlavicka #leva #logo {margin: 0; text-align: left; background:url(img/logo.png) no-repeat top left; width: 390px; height: 72px; font-size: 0; }
#hlavicka #leva #logo a {display: block; width: 390px; height: 72px; }
#hlavicka #leva #logo a span {display: none;}

#hlavicka #prava #menu {width: 430px; height: 90px; padding: 14px 0 0 0px; font-family: "SEGOE UI", "Trebuchet MS", Arial, Helvetica, sans-serif;  }
#hlavicka #prava #menu ul {list-style-type: none; margin:0; padding:0; }
#hlavicka #prava #menu ul li {float:left; display:block;  background: url(img/hover.png) repeat-x; background-position: 0px 52px;  padding: 5px; }
#hlavicka #prava #menu ul li a {display:block; margin: 0 3px 0 0 ; padding: 2px 3px 2px 1px; font-size: 15px; text-decoration: none; cursor: pointer; }
#hlavicka #prava #menu ul li span {color: #6D6D6D; font-size: 11px; display: block; margin-top: 2px; }
#hlavicka #prava #menu ul li.oddel { display:block; width: 3px; height: 43px; background: url(img/oddelovac.png) top no-repeat; padding: 2px;}
#hlavicka #prava #menu ul li.aktivni { background-position: 0 -150px; }
#hlavicka #prava #menu ul li.aktivni span { color: #402F57}

/* ---- SUBHLAVICKA ---- */ 

#subhlavicka {width: 100%; height: auto; background: url(img/subhlavicka.png); border-bottom: 1px solid #5b5b59; border-top: 1px solid #444; margin-bottom: 10px;}
#subhlavicka #theme {width: 960px; height: 238px; margin: 0 auto; color: #DDD}
#subhlavicka #theme_news {width: 960px; height: 100px; margin: 0 auto; padding-top: 15px;}

#subhlavicka #theme #leva {width: 380px; height: 197px; padding: 32px 15px 10px 10px; font-size: 13px; float: left; text-align: justify; color: #BBBBBB}
#subhlavicka #theme #prava {width: 533px; height: 204px; padding: 22px 3px 10px 7px; float: right }
  #subhlavicka #theme #prava img {border: 3px solid #cccccc; }

#subhlavicka #theme #leva small {font-size: 12px}
			p.telefon_uvod {background: url(img/telefon_mini.png) center left no-repeat; display: block; height: 36px; width: 255px;  padding: 8px 0 0 40px;  color: #DDDDDD; margin-left: 50px; font-size: 16px; line-height: 13px; text-align: left;}

#subhlavicka #theme_kontakt {width: 741px; height: 110px; margin: 0 auto; color: #ccc; padding-top: 10px;}
#subhlavicka #theme_kontakt #adresa {background: url(img/adresa.png) center left no-repeat; display: block; height: 85px; width: 270px; float: left; padding: 15px 0 0 90px; font-size: 14px;}
#subhlavicka #theme_kontakt #adresa small {margin-top: 8px; display: block}
#subhlavicka #theme_kontakt #telefonmail {background: url(img/telefon.png) center left no-repeat; display: block; height: 75px; width: 290px; float: left; padding: 25px 0 0 80px; font-size: 16px; }

#subhlavicka #theme_maintain {height: 70px; margin: 0 auto; color: #CCC; width: 960px; padding: 30px 0 0 90px;}

#subhlavicka h1 {font-size: 20px; margin: 0; padding: 0; }

#subhlavicka #kategorie {height: 90px; width: 970px; margin: 0 auto; padding: 7px 6px 7px 0; color: #bbb}
#subhlavicka #kategorie h1  {font-size: 22px; margin: 5px 0 7px 28px; padding: 0px 0 1px; color: #9966ff; font-style: normal;  clear: none; text:decoration: none; }
#subhlavicka #kategorie div.left {float: left; width: 660px;}
#subhlavicka #kategorie div.right {float: right; width: 265px; padding: 0 0px;}

#subhlavicka #kategorie div.left img {vertical-align: text-bottom}
#subhlavicka #kategorie div.right img {float: left; height: 95px; position: relative; bottom: 2px;}
#subhlavicka #kategorie div.left p {margin: 0;}
#subhlavicka #kategorie div.left p.telefon { display: block; height: 18px; width: 480px;  padding: 0 0 0px 17px;  color: #ccc; margin-left: 52px; font-size: 13px}
#subhlavicka #kategorie div.left p.telefon strong {color: #EEEEEE}
#subhlavicka #kategorie div.left small {display: block; position: relative; left: 45px; }

	a.zpet_kategorie {display: block; float: left; height: 20px; width: 20px; background: url(img/sipky.png) center no-repeat; margin: 35px 15px 20px 0px; background-position: -2px -24px;}
	a.vpred_kategorie {display: block; float: right; height: 20px; width: 20px; background: url(img/sipky.png) center no-repeat; margin: 35px 5px 20px 15px; background-position: -2px -2px;}
	a.zpet_kategorie:hover {background-position: -23px -24px;}
	a.vpred_kategorie:hover {background-position: -23px -2px;}
	a.zpet_kategorie:active {background-position: -44px -24px;}
	a.vpred_kategorie:active {background-position: -44px -2px;}

	/*********** PRODEJ A PUJCOVNA MENU **************/

#prodejni_menu {height: 275px; width: 985px; margin: 0 auto; padding-left: 10px; }

#prodejni_menu div a {color: #888; text-decoration: none}

#prodejni_menu span.centrum {color: #aaa; font-weight: bold; font-size: 9px;  }
#prodejni_menu h2 { margin: 0; text-decoration: none}
#prodejni_menu h2 a {color: #fff; font-weight: normal; display: block; height: 50px; width: 130px; margin: 0; font-size: 14px; text-decoration: none}
#prodejni_menu h3 span {color: #666; padding:0; margin: 0; font-size: 12px; text-decoration: none }
#prodejni_menu a {display: block; margin: 4px 0 4px 0; text-decoration: none}
#prodejni_menu a.active {color: #ddd}
#prodejni_menu a.active:hover {padding-left: 10px; background: url(img/odrazka.gif) left no-repeat; color: #fff}

#prodejni_menu a.main:hover strong { text-decoration:underline }

#prodejni_menu span.mezera {display: block; width: 90%; height: 11px; border-bottom: 1px solid #222; margin-bottom: 2px}

#prodejni_menu #pazeni {float: left; width: 125px; height: 235px; padding: 15px 10px 10px; margin-top: 5px; margin-left: 0px;   }
#prodejni_menu #bedneni {float: left; width: 125px; height: 235px; padding: 15px 10px 10px; margin-top: 5px;  }
#prodejni_menu #cisteni {float: left; width: 185px; height: 235px; padding: 15px 5px 10px 15px; margin-top: 5px;  }
#prodejni_menu #mechanizace {float: left; width: 135px; height: 235px; padding: 15px 5px 10px 15px; margin-top: 5px;  }
#prodejni_menu #chemie {float: left; padding: 0; height: 235px; width: auto; padding: 15px 0px 10px 15px; margin-top: 5px; overflow: hidden  }
#prodejni_menu #chemie #tesneni {float:left; height: 250px; width: 165px;}
#prodejni_menu #chemie #beton {float:left; height: 250px; width: 135px;}

	#pujcovni_menu {height: 100px; width: 700px; margin: 0 auto; }
	
	#pujcovni_menu div a {color: #777; text-decoration: none}
	
	#pujcovni_menu span.centrum {color: #aaa; font-weight: bold; font-size: 9px;  }
	#pujcovni_menu h2 a {color: #fff; font-weight: normal; display: block; height: 50px; width: 130px; margin: 0; font-size: 14px}
	#pujcovni_menu h3 a {color: #666; padding:0; margin: 0; font-size: 12px; }
	#pujcovni_menu h2 { margin: 0; text-decoration: none}
	#pujcovni_menu a {display: block; margin: 4px 0 4px 0;}
	#pujcovni_menu a.active {color: #ddd}
	#pujcovni_menu a.active:hover {padding-left: 10px; background: url(img/odrazka.gif) left no-repeat; color: #fff}
	
	#pujcovni_menu a.main:hover strong { text-decoration:underline }
	
	#pujcovni_menu span.mezera {display: block; width: 90%; height: 13px; border-bottom: 1px solid #222;}
	
	#pujcovni_menu #pazeni {float: left; width: 155px; height: 70px; padding: 15px 10px 10px; margin-top: 5px; margin-left: 0px;   }
	#pujcovni_menu #bedneni {float: left; width: 155px; height: 70px; padding: 15px 10px 10px; margin-top: 5px;  }
	#pujcovni_menu #cisteni {float: left; width: 155px; height: 70px; padding: 15px 5px 10px 15px; margin-top: 5px;  }
	#pujcovni_menu #mechanizace {float: left; width: 155px; height: 70px; padding: 15px 5px 10px 15px; margin-top: 5px;  }

/*#pazeni {float: left; width: 120px; height: 240px; padding: 15px 15px 10px 15px; margin-top: 5px; margin-left: 20px;   }
#bedneni {float: left; width: 120px; height: 240px; padding: 15px 15px 10px 15px; margin-top: 5px;  }
#cisteni {float: left; width: 185px; height: 240px; padding: 15px 5px 10px 15px; margin-top: 5px;  }
#mechanizace {float: left; width: 135px; height: 240px; padding: 15px 5px 10px 15px; margin-top: 5px;  }
#chemie {float: left; padding: 0; height: 240px; width: auto; padding: 15px 5px 10px 15px; margin-top: 5px; overflow: hidden  }
	#tesneni {float:left; height: 250px; width: 165px;}
	#beton {float:left; height: 250px; width: 135px;}*/
	
	/*********** PRODEJ A PUJCOVNA MENU END **************/

/* ---- MIDDLE ---- */

#middle {width: 960px; height: auto; margin: 6px 0px 0px 0; clear:both; margin:0 auto; }
#middle #topmiddle {width: 960px; height: auto; clear: both; display: none}
#middle #mainmiddle {width: 960px; height: auto; padding: 8px 0 8px 0; clear: both}

/* ----- TOP MIDDLE A PRVKY ---- */

	div.zahlavi {background: url(img/bg.png) repeat-x; width: 100%; height: 22px; }
	div.zahlavi h4 {background: url(img/nadpisbg.png) repeat-x; padding: 3px 30px 0 12px; height: 19px; width: 50px; display: block; color: #eeeeee; font-family: "SEGOE UI", Tahoma, Geneva, sans-serif; font-weight: normal; font-size: 12px }
	div.telo {background: #232323 /* #2c2d27 */;  height: 85px; padding: 4px; color: #ddd; font-size: 12px;}
	div.telo div.polozka { border-bottom: 1px solid #333; padding: 4px 2px 4px 6px;; clear: both; line-height: 15px; margin-bottom: 3px; color: #777; height: 53px;}
	div.telo span.datum {text-align:right; padding: 2px 5px 2px 5px; margin-bottom: 5px; color: #999; clear: both; display: block; height: 10px; width: 97%  }
	div.telo span.more a { color: #666; float: left; position: relative; bottom: 3px; left: 2px;}
	div.telo span.more a:hover { color: #bbb; text-decoration: none }

#topmiddle div.left {float:right; height: 175px; width: 395px; }
#topmiddle div.right {float:left; height: 175px; width: 555px; }

#topmiddle div.left #novinky { color: #999; height: 120px;}
#topmiddle div.left #novinky div.zahlavi h4 {width: 50px;}

/* ---- MAIN MIDDLE ---- */

p {margin: 10px 0; padding-left: 0px}

#obsah {width: 590px; height: auto; font-size: 13px; padding: 10px 20px 20px; /* background:url(img/obsah.png);*/ background: #202020; min-height: 400px; float: left; color: #AAAAAA  }
#sloupec {width: 320px; height: auto; padding: 0px 0px 0px 8px; color: #717162; font-size:11px; float: right}

	#zbozi_top { color: #999; height: 180px;}
	#zbozi_top div.zahlavi h4 {width: 150px; }
	#zbozi_top div.telo {height: auto; min-height: 400px; padding: 15px; text-align: center;}
        #zbozi_top div.telo a {display: inline-block}
	#zbozi_top div.telo a img {margin: 5px; border: 1px solid black }
	#zbozi_top div.telo a:hover img {border: 1px solid red }

		form textarea, input {background: #282822; border: 1px solid #41403C; /* color: #8247EE; */ color: white; font-size: 11px; font-family: trebuchet MS , "Times New Roman", Times, serif; }
		
h1 {color: #9966ff; font-family: "SEGOE UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; margin: 9px 0 5px 0; clear: both; }
h2 {color: #9966ff; font-family: "SEGOE UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; margin: 12px 0 5px 0; clear: both; }
h3 {color: #9966ff; font-family: "SEGOE UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; margin: 10px 0 2px 0;  clear: both; }
h4, h5, h6 {color: white; font-family: "SEGOE UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; margin: 2px 0 2px 0;  clear: both; }
	
	ul {margin: 7px 0 7px 25px; padding: 0; list-style-image:url(img/odrazka.gif);}
	ul ul {margin: 0px 0 0px 25px; padding: 0;}
        ul li {margin: 2px 0;}

	span.clear {height: 0; clear: both; width: 600px; display: block; visibility: hidden;}
	
	#obsah a {background: url(img/link_sipka.png) right no-repeat; display: inline; padding-right: 10px; }
	#obsah a:hover {background: url(img/link_sipka.png) right no-repeat #666;}
	
	/*********** KONTAKT PAGE **************/

#mainkontakt {width: 930px; height: auto; padding: 15px 15px 20px 15px; /* background:url(img/obsah.png);*/ background: #202020; min-height: 400px; color: #ccc; margin-bottom: 10px; }

#mainkontakt #hlavni {clear: both; background: url(img/subhlavicka.png); padding: 5px; height: 375px;  }
#mainkontakt #telefonni_seznam {clear: both; height: auto; width: auto; padding: 0 20px; color: white; font-size: 13px; }
#mainkontakt #formular {clear: both; height: 350px; width: auto; padding: 15px 20px; color: white; font-size: 13px; }

#mainkontakt #hlavni #mapa {float: left; padding: 10px; width: 440px;  }	
#mainkontakt #hlavni #informace {float: left; width: 430px; }
#mainkontakt #hlavni #informace div.notable {padding: 3px 15px 0 14px; }
#mainkontakt #hlavni #informace div.table {display: block; height: 60px;}
#mainkontakt #hlavni #informace div.float {float: left; padding: 3px 15px 0 10px; }
#mainkontakt #hlavni #informace strong {padding-left: 3px}
#mainkontakt #hlavni #informace table {margin-top: 4px; padding:0}
#mainkontakt #hlavni #informace table td {padding-right: 10px; }
#mainkontakt #hlavni #informace h5 {margin: 15px 0 5px 0; clear: both }

#mainkontakt #hlavni #informace span.number {display: inline-block; height: 13px; width: 70px;  background: url(img/odrazka.gif) left center no-repeat; padding: 0 15px 0 10px;   }
#mainkontakt #hlavni #informace #kontaktni_formular_zalozka { height: 40px; width: 150px; display: block; background:url(img/kontaktni_formular_zalozka.png) no-repeat; padding: 9px 0 0 20px; position: relative; left: 326px; bottom: 20px; }

#mainkontakt #hlavni #informace #adresy {clear: both; height: 75px; width: auto;}
#mainkontakt #hlavni #informace #adresy h5 {margin: 5px 0;}
#mainkontakt #hlavni #informace #adresy div.fakturacni {float: left; }
#mainkontakt #hlavni #informace #adresy div.provozovna {float: left; }

#mainkontakt #hlavni #informace #kontaktni_formular_zalozka a {color: #fff; font-weight: bold}
#mainkontakt #hlavni #informace #kontaktni_formular_zalozka a:hover {text-decoration: underline}

#mainkontakt #telefonni_seznam div.left {width: 410px; height: auto; float: left; padding-right: 40px; }
#mainkontakt #telefonni_seznam div.right {width: 440px; height: auto; float: left}
#mainkontakt #telefonni_seznam h4 {width: 100%; color: #9966ff; border-bottom: 1px dotted #333; padding: 10px 0 3px 0; margin-bottom: 10px; font-size: 15px; }
#mainkontakt #telefonni_seznam div.telefony {color: #aaa; padding: 5px 10px 15px 15px; display: block}
#mainkontakt #telefonni_seznam p {margin: 0}

#mainkontakt #telefonni_seznam img {vertical-align: text-bottom;}

#mainkontakt #formular div.left {width: 450px; height: 320px; float: left; }
#mainkontakt #formular div.right {width: 370px; height: 220px; float: left; padding: 60px 0 0 0; color: #aaa}
#mainkontakt #formular #kontakt_img {position: relative; left: -46px; }
#mainkontakt #formular form {margin: 0; padding: 0;}
#mainkontakt #formular form textarea {border: 1px solid #41403C; background: white; color: white; font-family: "SEGOE UI", "trebuchet MS" , "Times New Roman", Times, serif; height: 90px; width: 290px; padding: 6px 3px; color: #000; font-size: 12px; }
#mainkontakt #formular form input {border: 1px solid #41403C; background: white; color: white; font-family: "SEGOE UI", "trebuchet MS" , "Times New Roman", Times, serif;  height: 19px; width: 290px; padding: 6px 3px; color: #000; font-size: 12px; }

#mainkontakt #formular td.odesilani p.failure {color: #F00; float: left; margin: 0; padding: 7px 0; }
#mainkontakt #formular td.odesilani a {background: url(img/odeslat.png); height: 29px; width: 130px; display: block; float: right; margin-right: 10px;}
#mainkontakt #formular td.odesilani a:hover {background: url(img/odeslat.png); background-position: 0 -30px; }
#mainkontakt #formular td.odesilani a:active {background: url(img/odeslat.png); background-position: 0 -60px; }

	div.error {position: relative; top: -8px; left: -7px; display: inline; float: right; height: 30px; font-size: 12px; }
	div.error span {position: absolute; bottom: -0.5em; left: -13px; background:url(img/chyba_form.gif); height: 22px; width: 135px; padding: 5px 15px 0 0; text-align: right; display: block}
	
	div.success {position: relative; top: -8px; left: 135px; display: inline; float: right; height: 35px; font-size: 12px;  }
	div.success span {position: absolute; bottom: -0.5em; left: -13px; background:url(img/potvrzeni_form.png); height: 32px; width: 145px; padding: 7px 8px 0 0; text-align: right; display: block; line-height: 13px}
	
	table.kontakt { width: 380px; }
	
	/************** KONTAKT END *********************/
	
	/************** SORTIMENT PAGE *********************/

#sortiment_obsah {width: 710px; height: auto; padding: 15px 25px 20px 30px;  /* background:url(img/obsah.png);*/ background: #202020; min-height: 400px; float: left; font-size: 12px; line-height: 17px;}
#sortiment_sloupec {width: 170px; height: auto; padding: 0px 4px 20px 16px;  min-height: 400px; float: left; color: #ccc }

#sortiment_sloupec #nabidka a {display: block; margin: 3px 0 3px 15px; text-decoration: none;  background: url(img/odrazka.gif) left no-repeat; color: #aaa;  padding-left: 13px; }
#sortiment_sloupec #nabidka a:hover {color: #fff}
#sortiment_sloupec #nabidka span.mezera {display: block; width: 90%; height: 13px; border-bottom: 1px solid #222;}

#sortiment_sloupec #nabidka {width: 160px; height: auto; padding: 15px 5px 15px 5px; color: #ccc; background: url(img/subhlavicka.png);  }
#sortiment_sloupec #nabidka span.nabidka_nadpis a {width: 133px; height: 34px; display: block;  color: #fff; background: url(img/zalozka_fialova.png); position: relative; left: 5px; padding: 9px 0 0 32px; font-size: 16px; font-weight: bold; font-style: italic; margin-bottom: 10px;  margin:0 0 10px;}
#sortiment_sloupec #nabidka span.nabidka_nadpis a:hover { text-decoration: underline  }
#sortiment_sloupec #nabidka span.podnadpis {padding: 5px 0 5px 10px; display: block; background: none; font-weight: bold; }

#sortiment_obsah #zahlavi_obsahu {height: 32px; width: auto;}
#sortiment_obsah #zahlavi_obsahu div.left {float: left; color: #888; font-size: 11px;}
#sortiment_obsah #zahlavi_obsahu div.left a {color: #888; }
#sortiment_obsah #zahlavi_obsahu div.left a:hover {color: #ccc;  text-decoration:none }
#sortiment_obsah #zahlavi_obsahu div.right {float: right;  color: #fff;}

#sortiment_obsah #na_pujcovne {display: block; width: 126px; height: 29px; background: url(img/na_pujcovne.png) no-repeat; padding: 10px 0 0 22px; font-size: 11px; font-weight: bold; font-style: italic; position: relative; left: 30px; }
#sortiment_obsah #priklady_pouziti {display: block; width: 661px; height: 29px; background: url(img/reference.png) no-repeat; padding: 11px 0 0 29px; margin-top: 25px; margin-bottom: 15px; font-size: 18px; font-weight: bold; font-style: italic; position: relative; left: -40px; color: white; }
	
	table.tabulka-standart {margin: 6px 0; }
	table.tabulka-standart caption {color: #9966ff; font-family: "SEGOE UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; margin: 6px 0 2px 0;  clear: both;}
	table.tabulka-standart tr td {padding: 8px 6px; background: #151515 /*#181916*/; color: white }
	table.tabulka-standart tr.tabulka-prvni-radek, table tr.tabulka-prvni-radek td {padding: 3px 6px; background: #0d0e0c; }
	table.tabulka-standart p {margin: 0; padding: 0;}

	table.tabulka-extravelka {margin: 18px 0;}
	table.tabulka-extravelka caption {color: #9966ff; font-family: "SEGOE UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; margin: 6px 0 2px 0;  clear: both;}
	table.tabulka-extravelka tr td {padding: 8px 12px; background: #181916; color: white }
	table.tabulka-extravelka tr.tabulka-prvni-radek, table tr.tabulka-prvni-radek td {background: #0d0e0c; }
	
	p.odstavec-s-obrazky, p.odstavec-s-obrazky-nolightbox {padding: 10px 15px; height: auto; width: auto; background: #181916; text-align: center }
	p.odstavec-s-obrazky img, p.odstavec-s-obrazky-nolightbox img {margin: 5px 6px; border: 1px solid #000 }
	p.odstavec-s-obrazky a:hover img, p.odstavec-s-obrazky-nolightbox a:hover img {border: 1px solid #ccc}

	p.odstavec-priloha {background: #131411; padding: 5px 10px; margin: 5px 20px; clear: both; }
	p.odstavec-priloha a {background: url(img/stahnout.png) left no-repeat; padding: 2px 25px 0; display: inline-block; height: 18px; margin: 4px 0}
	
	img.obrazek-v-textu-vlevo {float: left; margin: 5px 15px 10px 0;}
	img.obrazek-v-textu-vpravo {float: right; margin: 5px 0 10px 15px;}
	
	p.odstavec-zarovnani-blok {text-align: justify}
	p.odstavec-odsazeni {margin-left: 30px;}
	
	/************** SORTIMENT PAGE END *********************/
	
	/************** PUJCOVNA PAGE END *********************/
	
#pujcovna_obsah {width: 710px; height: auto; padding: 15px 25px 20px 30px;  /* background:url(img/obsah.png);*/ background: #202020; min-height: 220px; float: left; font-size: 12px; line-height: 17px }
#pujcovna_sloupec {width: 170px; height: auto; padding: 0px 4px 20px 16px;  min-height: 300px; float: left; color: #ccc }

#pujcovna_sloupec #nabidka a {display: block; margin: 3px 0 3px 15px; text-decoration: none;  background: url(img/odrazka.gif) left no-repeat; color: #aaa;  padding-left: 13px; }
#pujcovna_sloupec #nabidka a:hover {color: #fff}
#pujcovna_sloupec #nabidka span.mezera {display: block; width: 90%; height: 13px; border-bottom: 1px solid #222;}

#pujcovna_sloupec #nabidka {width: 160px; height: auto; padding: 15px 5px 15px 5px; color: #ccc; background: url(img/subhlavicka.png);  }
#pujcovna_sloupec #nabidka span.nabidka_nadpis a {width: 143px; height: 34px; display: block;  color: #fff; background: url(img/zalozka_fialova.png); position: relative; left: 5px; padding: 9px 0 0 22px; font-size: 16px; font-weight: bold; font-style: italic; margin-bottom: 10px;  margin:0 0 10px;}
#pujcovna_sloupec #nabidka span.nabidka_nadpis a:hover { text-decoration: underline  }
#pujcovna_sloupec #nabidka span.podnadpis a {padding: 5px 0; display: block; background: none; font-weight: bold; }

#pujcovna_obsah #zahlavi_obsahu {height: 32px; width: auto;}
#pujcovna_obsah #zahlavi_obsahu div.left {float: left; color: #888; font-size: 11px;}
#pujcovna_obsah #zahlavi_obsahu div.left a {color: #888; }
#pujcovna_obsah #zahlavi_obsahu div.left a:hover {color: #ccc;  text-decoration:none }
#pujcovna_obsah #zahlavi_obsahu div.right {float: right;  color: #fff;}

#pujcovna_obsah #na_pujcovne {display: block; width: 139px; height: 31px; background: url(img/na_pujcovne.png) no-repeat; padding: 12px 0 0 9px; font-size: 12px; font-weight: bold; font-style: italic; position: relative; left: 30px; }

	/************** PUJCOVNA PAGE END *********************/
	
	/************** ARCHIV NOVINEK *********************/

#archiv_novinek {display: block; height: 90px; width: 400px; background:url(img/archive.png) top left no-repeat; padding: 10px 0 0 105px; margin: 0 0 0 8px; color: #ccc  }
#archiv_novinek strong {font-size: 14px;  color: #9966ff; font-size: 22px; font-style: italic}

#middle #novinkymiddle div.left {float: left; width: 620px; height: auto; }
#middle #novinkymiddle div.right {float: right; width: 320px; height: auto; }

#middle #novinkymiddle div.left div.zahlavi h4 {width: 85px; }
#middle #novinkymiddle div.left div.velke_novinky {width: 590px; height: auto; /* background:url(img/obsah.png);*/ background: #202020; min-height: 550px; padding: 15px;  }

	div.polozka_big {line-height: 18px;}
	div.polozka_big div.header {width: 100%; margin: 7px 0;}
	div.polozka_big div.header span.nadpis {float: left; font-size: 15px; font-weight: bold ; color: #9966ff;  }
	div.polozka_big div.header span.datum {float: right; color: #999 }
	div.polozka_big div.content {clear: both; color: #eee; padding-bottom: 5px; border-bottom: 1px solid #333;  }
	div.polozka_big div.content div.perex {font-style: italic; padding: 10px 25px 0px; }
	div.polozka_big div.content div.long {padding: 5px 15px;}
	
#middle #novinkymiddle div.menu {clear: both; margin-top: 25px; height: 40px;}
#middle #novinkymiddle div.menu a:hover {text-decoration: underline}
	
	#predchozi {display: block; float: left; background: url(img/novejsi.png) left no-repeat; height: 35px; width: 75px; padding: 9px 0 0 11px; position: relative; right: 25px; font-weight: bold; }
	#nasledujici {display: block; float: right; background: url(img/starsi.png) left no-repeat; height: 35px; width: 68px; padding: 9px 0 0 18px; position: relative; left: 45px; font-weight: bold;  }
	
	/************** ARCHIV NOVINEK END *********************/
	
/* ---- ZNACKY DOLE ---- */

#znacky { color: #999; height: auto; padding: 10px 0 15px 0; clear: both}
#znacky div.zahlavi h4 {width: 120px; }
#znacky div.telo { height: auto; background: url(img/znacky.png); text-align: center  }
#znacky div.telo a {display:inline-block}
#znacky div.telo img {margin: 5px; }
#znacky div.telo img.mensi {height: 28px; width: auto;}
#znacky div.telo img.sortiment_konkretni {height: 22px; width: auto;}
	
		/****** SCROLLABLE *******/

#wrap {display: block; height: 55px; width: 900px; margin: 0 auto; text-align: left}

#znacky div.telo .scrollable img {  float:left; padding:2px; width:auto; height:40px; margin: 5px 14px;}

	.scrollable {position: relative; overflow: hidden; width: 800px; height: 60px; float:left }
	.scrollable .items {width: 20000em; position: absolute; }
	.items div {float: left}
	
	a.browse {	background:url(img/scrollable/arrow/hori_large.png) no-repeat; display:block; width:30px; height:30px;float:left; margin:13px 20px; cursor:pointer;font-size:1px; }
	
	a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
	a.right:hover { background-position:-30px -30px; }
	a.right:active { background-position:-60px -30px; } 
	
	a.left { margin-left: 0px; } 
	a.left:hover { background-position:-30px 0; }
	a.left:active { background-position:-60px 0; }
	
	a.up, a.down { 	background:url(img/scrollable/arrow/vert_large.png) no-repeat; float: none;margin: 10px 50px;} 
	
	a.up:hover  { background-position:-30px 0; }
	a.up:active  { background-position:-60px 0; }
	
	a.down 	{ background-position: 0 -30px; }
	a.down:hover  { background-position:-30px -30px; }
	a.down:active  	{ background-position:-60px -30px; } 
	
	a.disabled {visibility:hidden !important;} 		
	
		/****** SCROLLABLE END *******/

/* ---- PATA ---- */

#pata {width: 100%; height: 123px; clear:both; background: url(img/pata.png); border-top: 1px solid #222222  }
#paticka {margin: 0 auto; height: 80px; width: 960px; padding: 20px 0 0 0;}
#paticka a {color: #494949;}
#paticka a:hover {text-decoration: underline }
#paticka div.left {float: left; color: #464646}
#paticka div.right {float: right; color: #363636}

/* rotator in-page placement */
        div.rotator {
	position:relative;
	height:51px;
        width: 395px;
        top: -6px;
        background: url("img/under-news-bg.png") no-repeat;
}
/* rotator css */

div.rotator ul {padding: 0; margin: 0}
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
       
}
/* rotator image style */	
	div.rotator ul li img {
        height: 40px;
        width: 395px;
}
        div.rotator ul li.show {
	z-index:500;
}