* {margin: 0px; padding: 0px}
a {color: #ff7500;}
a:hover {text-decoration: none;}
p {margin-bottom: 2px; margin-top: 2px;}			
img {border: 0px; display: block;}

.bold {font-weight: bold;}
.clear {clear: both;}

body {background: url('bg.gif') repeat-x #E8E8E8; color: #333; font-family: Tahoma, Arial, Verdana; font-size: 75%; line-height: 1.5; }

#hlava {width: 880px; margin: 0px auto; padding: 0px; height: 133px; position: relative;}
#hlava #dotazy {position: absolute; right: 10px; top: 8px; color: #ccc; line-height: 1.3;}
#hlava #dotazy .td1 {padding-right: 10px; font-weight: bold;}
#hlava #dotazy a {color: #ccc;}

#hlava #menu {width: 670px}
#hlava #menu {position: absolute; left: 210px; top: 70px; }
#hlava #menu table {border-collapse: collapse; height: 63px; width: 100%; border: 0px;}
#hlava #menu td {background: url('bg-menu.gif') no-repeat right; padding: 0px;}
#hlava #menu a {display: block; background: url('bg-menu-a.gif') no-repeat 0px 4px; padding: 0px 10px 0px 12px;
			font-weight: bold; text-transform: uppercase; color: #222; font-size: 11px;} 

#obsah {width: 880px; margin: 0px auto; padding: 0px;}
#panel {height: 239px; background: #4D4D4D; position: relative;}
#kolaz {background: url('bg-kolaz.gif') repeat-y #878787; width: 671px; position: absolute; right: 0px; top: 0px; height: 239px;}
#kolaz .txt {float: right; width: 280px; margin: 15px 25px 0px 0px;}
#kolaz .obr {margin: 15px 0px 0px 15px;}
#kolaz h2 {font-size: 240%; font-weight: normal; line-height: 1.1; color: #000; margin-bottom: 10px; margin-top: 20px;}
#kolaz h3 {font-size: 160%; font-weight: normal; line-height: 1.1; color: #fff; margin-bottom: 3px;
				padding-left: 12px; background: url('bg-h3.gif') no-repeat 0px 7px;}


#igaraze {padding: 10px; width: 200px;}
#igaraze a {display: block; color: #fff; padding: 3px 2px 3px 10px; background: url('sipka.gif') no-repeat 0px 8px;}


#panel2 {}
#panel2 table{border-collapse: collapse; width: 100%; border: 0px; }
#panel2 tr {vertical-align: top;}
#panel2 .col1 {width: 209px; background-color: #777; color: #fff;}
#panel2 .col1 h4 {color: #EE7C1C; background: url('bg-novinky.gif') no-repeat 15px 15px #ddd; font-weight: bold; padding: 5px 5px 5px 32px; font-size: 140%;}
#panel2 .col2 {width: 671px; border-left: 1px solid #EBEBEB;background-color: #dddddd;}
#panel2 .uvod {padding: 20px; background-color: #F7F7F7; border-bottom: 1px solid #EBEBEB;}
.img_right {float: right; padding-left:  10px; margin-left:  20px; border-left: 3px solid #EBEBEB;}

#iprodukty .cl1, #iprodukty .cl2, #iprodukty .cl3, #iprodukty .cl4 {width: 25%; padding: 10px 0px 10px 5px;}

#iprodukty .cl1 {border-right: 1px solid #EBEBEB;}
#iprodukty .cl2 {border-right: 1px solid #EBEBEB;}
#iprodukty .cl3 {border-right: 1px solid #EBEBEB;}

#iprodukty p {margin-bottom: 5px; margin-top: 5px;}

.vice {font-weight: bold; background: url('sipka2.gif') no-repeat right 5px; padding-right: 6px;}
.novinky {margin: 5px 15px 5px 15px;}

#pata {width: 850px; margin: 0px auto; padding: 0px; margin-top: 10px; padding-bottom: 10px; color: #999;}
#pata a {color: #999;}

#pages #obsah {background-color: #fff;}
#tabo {border-collapse: collapse; width: 100%; border: 0px; }
#tabo .c1 {width: 209px;background-color: #777; color: #fff;}
#tabo .c1 a {color: #fff;}
#tabo .c2 {width: 671px; border-left: 1px solid #EBEBEB; background-color: #ddd;}
#tabo tr {vertical-align: top;}


#menu2 {background-color: #4D4D4D; padding: 20px;}
#menu2 a {display: block; color: #fff; padding: 3px 2px 3px 10px; background: url('sipka.gif') no-repeat 0px 8px;}

#vnoreni {background: url('bg-kolaz.gif') repeat-y #878787; padding: 6px; color: #000;}
#vnoreni a {color: #000;}

#uroven a {background: url('uroven.gif') no-repeat 0px 10px; color: #ccc; margin-bottom: 10px;}

#pages #obsah .c1 h4 {color: #EE7C1C; background: url('bg-novinky.gif') no-repeat 15px 15px #ddd; font-weight: bold; padding: 5px 5px 5px 32px; font-size: 120%;}


ul {margin-left: 30px; margin-top: 7px; margin-bottom: 7px;}
li {padding-bottom: 2px;padding-top: 2px;}


#pages #txtblok {margin: 15px 5px 15px 5px;}

#pages #txtblok h1 {font-size: 250%; font-weight: normal; color:  #000;}
#pages #txtblok h2 {font-size: 200%; font-weight: normal; color:  #000;}
#pages #txtblok h3 {font-size: 150%; font-weight: normal; color:  #000; margin-top: 5px;}
#pages #txtblok h4 {font-size: 120%; font-weight: bold; color:  #000;}
#pages #txtblok h5 {font-size: 100%; font-weight: bold; color:  #000;}
#pages #txtblok p {margin-bottom: 10px; margin-top: 10px;}			
/*
#pages #iprodukty .cl1, #pages #iprodukty .cl2, #pages #iprodukty .cl3 {width: 33%; padding: 0px 10px 10px 0px;}
#pages #iprodukty .cl2, #pages #iprodukty .cl3 {width: 33%; padding: 0px 10px 10px 22px;}
*/
#pages #txtblok hr {clear: both; color: #ddd;}

.galerie img {float: left; width: 200px; height: 150px; margin: 0px 3px 3px 0px; border: 0px;}
.zvyrazni {color: #ff9e3e;}

#bezuvodu img {display: inline;}

.zvyr {font-size: 17px; font-weight: bold; line-height: 1.2; margin-bottom: 5px; color: #ff7500;}

#pages #iprodukty h2 {font-size: 125%; font-weight: bold; margin:0px; padding: 0px; margin-bottom:  8px;}
#iprodukty h2 {margin:0px; padding: 0px; font-weight: bold; font-size: 125%; margin-bottom:  8px; color: #000; line-height: 1.2;}
#pages #iprodukty .cl1, #pages  #iprodukty .cl2, #pages  #iprodukty .cl3, #pages  #iprodukty .cl4 {width: 25%; padding: 10px 0px 10px 0px;}
#pages #iprodukty table {width: 661px;}
#iprodukty {}