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_panel2.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_bgr3.jpg) no-repeat center bottom white; padding: 20px 0 186px 0;}
#obsah p{padding: 0px 50px 20px 50px;}
.mainbox{background: #ECEDED; color: #231F20; padding: 15px 0 15px 20px;}
#obsah .mainbox p{margin: 0;padding: 0 0 0 50px;}


.link{ background: #647B83;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: 0px 0 10px 50px;}
p.slogan{ margin: 0; padding: 0;}

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

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

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

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