body {font-family: arial;}
.news {padding: 15px 15px 0px 15px ; margin: 0px 10px 0px 0px;}
.news strong {color: #BB000B;}
.news p {line-height: 150%; font-size: 80%; margin-top: 3px; margin-bottom: 15px; padding: 0px;}
.news h2 {margin-top: 0px; margin-bottom: 0px; font-size: 100%;  padding-top: 6px; padding-bottom: 0px; }
h1 { padding: 25px 0px 0px 15px; margin: 0px; font-size: 110%;}
.right {padding: 0px 0 15px 15px; float: left; width: 545px; line-height: 160%;}
.right h2 {margin-bottom: 0px;  font-size: 100%; padding-top: 6px; padding-bottom: 0px;}
.right p {font-size: 90%; margin-top: 3px; margin-bottom: 3px; text-align: justify;}
.right ul {font-size: 90%; margin: 0px; padding-left:0px; margin-top: 3px; list-style-position: inside; }
.right li {vertical-align: top; list-style-type: none; list-style-image: url("Grafika/tlapkalist.jpg"); vertical-align: middle;}

#main {margin-bottom: 0px;}

#middle {padding: 15px; padding-left: 0px; margin: 0 auto;  line-height: 160%;}
#middle p { margin-top: 3px; padding: 0px 15px 0px 15px; text-align: justify;}
#middle h2 {margin-left: 15px; margin-bottom: 0px;  font-size: 100%; padding-top: 6px; padding-bottom: 0px; }
#middle h3 {margin-left: 15px; margin-bottom: 0px;  font-size: 100%;  padding-top: 0px; padding-bottom: 0px; height: 32px;}

#middle a {border: 0px solid black; color: #000;}
#middle img {border: 1px solid black; color: #000;}

#menu {display: none;  padding: 0px; width: 800px; margin: 0 auto; z-index: 3; visibility: show;}
#menu ul {display: none;  border: 1px solid #fff; margin: 30px 0px 0px 0px; padding: 0px;}
#menu li { display: inline; list-style-type: none; }
.item {display: none;}
.uvod {display: block; float: left; background: url("Grafika/uvod.jpg") no-repeat; width: 74px; height: 75px;}
.sluzby {display: block; float: left;  background: url("Grafika/sluzby.jpg") no-repeat; width: 80px; height: 75px;}
.eshop {display: block; float: left;  background: url("Grafika/eshop.jpg") no-repeat; width: 85px; height: 75px;}
.forum {display: block; float: left;  background: url("Grafika/forum.jpg") no-repeat; width: 81px; height: 75px;}
.reference {display: block; float: left;  background: url("Grafika/reference.jpg") no-repeat; width: 108px; height: 75px;}
.foto {display: block; float: left;  background: url("Grafika/foto.jpg") no-repeat; width: 68px; height: 75px;}
.onas { display: block; float: left;  background: url("Grafika/onas.jpg") no-repeat; width: 71px; height: 75px;}

.uvod1 {display: block; float: left; background: url("Grafika/uvod1.jpg") no-repeat; width: 74px; height: 75px;}
.sluzby1 {display: block; float: left;  background: url("Grafika/sluzby1.jpg") no-repeat; width: 80px; height: 75px;}
.eshop1 {display: block; float: left;  background: url("Grafika/eshop1.jpg") no-repeat; width: 85px; height: 75px;}
.forum1 {display: block; float: left;  background: url("Grafika/forum1.jpg") no-repeat; width: 81px; height: 75px;}
.reference1 {display: block; float: left;  background: url("Grafika/reference1.jpg") no-repeat; width: 108px; height: 75px;}
.foto1 {display: block; float: left;  background: url("Grafika/foto1.jpg") no-repeat; width: 68px; height: 75px;}
.onas1 {display: block; float: left;  background: url("Grafika/onas1.jpg") no-repeat; width: 71px; height: 75px;}


#top {  position: relative; padding: 15px; padding-bottom: 0px;}
#top a {text-decoration: none;}
#main { margin: 0 auto;}
#bottom {line-height: 150%; color: #000; font-size: 80%; padding: 15px;  margin: 0 auto; }
#bottom a {color: #000;}
#bottom a:hover {color: red;}

.botleft {width: 50%; float: left; }
.botright {width: 50%; float: left; text-align: right;}

.clear {clear: both; border: 0px solid black; height: 1px; margin: 0px; font-size: 1px;}



.logo {border: 0px solid black; }
.bully {font-weight: 900; font-size: 20px; color: #000;}
.slogan {font-weight: 900; font-size: 14px; color: #000;}

.fotoleft {float: left; margin-right: 15px; margin-top: 0px;margin-bottom: 10px;}
.fotoright {float: right; margin-right: 0px; margin-left: 25px; margin-top: 0px; margin-bottom: 10px;}
.obrwidth {width: 230px; height: 170px; margin-right: 5px;  margin-bottom: 5px;}
.obrheight {width: 170px; height: 230px; margin-right: 5px;  margin-bottom: 5px;}
.obr200 {float: right; margin-right: 0px; margin-left: 15px; margin-top: 10px; margin-bottom: 10px; width: 200px; height: 135px;}
.hidden {display: none; }
