html,body { height:100%; margin:0; padding:0 }
body{font-family:Arial;font-size:0.8em;background:#676767; color: black; line-height: 135%; text-align: center;  }
.cistic{clear:both; display: block; height: 0px; width: 100%;}
.cistic span{display: none;}
a{color:black; text-decoration: none;}
a:hover{color:#B3B5B8; text-decoration: underline;}
img{border:0;}
p,ul,form{margin:0;padding:0;}
hr{margin:0;padding:0;}
h1,h2,h3 ,h4{margin:0;padding:0;}
h1 {	font-size: 130%;}
h2 {	font-size: 120%; padding: 5px 0 10px 0; color:#3a3a3a; }
h3 {	font-size: 100%;color:#3a3a3a;}
p{padding: 5px 0 5px 0;}
table{	border:0; margin:0; padding: 0; width: 100%;}
form{border:0; margin:0; padding: 0; }

#root{width: 800px ;text-align: left;  padding: 0px 0 0 0; margin-left: auto; margin-right: auto; text-align: left;}
#panel{height: 105px; background: url(../img/top_panel1.jpg) no-repeat; margin: 0 0 3px 0;}

#menu{padding: 45px 0 0 330px;}
#menu ul{list-style: none;}
#menu ul li{float: left; padding: 23px 20px 0 0; height: 25px; }
#menu a{ font-size: 110%; font-family: arial;}
#menu a:hover{color:black;}
.odd{	background: url(../img/odd.jpg) no-repeat right bottom; margin-right:10px; }

h1.hlavni{height: 55px; padding: 30px 0 0 50px; color:#002F62;}
h1.hlavni span{font-weight: normal;}
.reg{vertical-align: super; font-size: 70%;}

#obsah {/*background:url(../img/body_bgr2.jpg) no-repeat center bottom  #E0E6F0; padding: 0 0 250px 0;*/ background:white;padding: 0 0 30px 0;}
#obsah p{padding: 0px 50px 20px 50px;}
.link{background: #235B87; color:white; font-weight: bold; padding: 30px 0 30px 50px; text-align: center; font-size: 140%; margin: 0 0 0px 0;}
.link a{ color:white; font-weight: bold;}
.link a:hover{ color:white; }

#kategorie{background: white;line-height: 210%;}
#kategorie a{display: block; width: 730px; height: 140px; margin: 0 0 3px 0; color:white; font-weight: bold; font-size: 180%; text-decoration: none;
padding: 70px 0 0 70px;}
#kategorie a:hover{}

.kat1{background: url(../img/kat_1.jpg) no-repeat right top #002f62;} 
.kat2{background: url(../img/kat_2.jpg) no-repeat right top #214879;}
.kat3{background: url(../img/kat_3.jpg) no-repeat right top #4e6894;}
.kat4{background: url(../img/kat_4.jpg) no-repeat right top #7b96b8;}
.kat5{background: url(../img/kat_5.jpg) no-repeat right top #A3B5CD;}
.kat6{background: url(../img/kat_6.jpg) no-repeat right top #a7bdc8;}
.kat7{background: url(../img/kat_7.jpg) no-repeat right top #DAE3E8;}

.nadpis {margin: 0; padding: 10px 0 10px 50px;}
p.slogan{font-weight: bold; color:#002F62; margin: 0; padding: 0;}

.right{text-align: right;}
.katbox1{text-align: center; }
.katbox1 img{ margin:0px; border:0;}
.katbox2{ }
.katbox2 img{ margin:0px;border:0;}

.katbox3{ text-align: center;}
.katbox3 img{ border:0;}
.katbox4{ padding:0px 110px 0px 50px;background: url(../img/mn_left.gif) no-repeat left bottom;}
.katbox4 img{ margin:20px 0px 0px 20px;border:0;}
.katbox5{ text-align: center;}
.katbox5 img{  border:0;;}
.katbox6{ padding:0px 110px 0px 50px;background: url(../img/km_left.gif) no-repeat left bottom;}
.katbox6 img{ margin:20px 0px 0px 20px;border:0;}
.katbox7{ padding:0px;text-align: center; margin: 20px 30px 0 30px;}
.katbox8{background: url(../img/ss_04.png) no-repeat 20px 0px; margin: 20px 30px 0 30px; padding: 0px 20px 0 0; text-align: right;}
.katbox9{background: url(../img/ss_07.png) no-repeat 260px 0px; margin: 20px 30px 0 30px; padding: 0px 0px 0 20px; text-align: left;}
.katbox7 img{ padding:0 0 10px 0 ;}
.katbox10 img{ padding:0 0 10px 0 ;}
.katbox10{ padding:0px;text-align: center; margin: 20px 30px 0 30px;}
.katbox11 img{ padding:0 0 10px 0 ;}
.katbox11{ padding:0px;text-align: center; margin: 20px 30px 0 30px;}
.katbox12{background: url(../img/ss_16.png) no-repeat 320px 0px; margin: 20px 30px 0 30px; padding: 0px 0px 0 50px; text-align: left;}

.katbox13{text-align: center; }
.katbox13 img{padding:10px 10px 0 10px; }

/*
#produkty{padding: 30px 0 0 20px;}
.produkt {width: 150px; float: left; padding: 0 20px 50px 20px;}
.produkt a{width: 150px; display: block; padding: 210px 0 0 0; text-align: center; background: top center no-repeat;}
.produkt span{color:#F5821F; margin: 0; padding: 0; font-weight: bold; }
*/
#produkty{padding: 30px 0 0 20px;}
.produkt {width: 180px; float: left; padding: 0 7px 50px 7px;}
.produkt a{width: 150px; display: block; padding: 222px 0 0 0; text-align: center; background: top center no-repeat;}
.produkt span{color:#003B6A; margin: 0; padding: 10px; font-weight: bold;  xbackground: #003B6A;}

#produkty2{padding: 30px 0 0 20px;}
#produkty2 .produkt {width: 180px; float: left; padding: 0 7px 50px 7px;}
#produkty2 .produkt a{width: 178px; display: block; padding: 225px 0 0 0; text-align: center; background: top center no-repeat;}
#produkty2 .produkt span{color:#003B6A; margin: 0; padding: 10px; font-weight: bold;  xbackground: #003B6A;}

#download{padding: 0 0 50px 0;}
#download a{color:#002F62; text-decoration: underline;}