body {font-family: Arial; color: #3A3D3F;}
.news {background: #F0DFC2; float: left; width: 200px; padding: 15px 15px 15px 15px ; margin: 10px 10px 10px 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: 130%; background: url("Grafika/tlapka-news.jpg") no-repeat; padding-left: 45px; padding-top: 6px; padding-bottom: 0px; height: 32px;}

.news a {border: 0px solid black; color: #000;}
.news a:hover {color: #D85500;}

h1 { padding: 25px 0px 10px 15px; margin: 0px; font-size: 24px;}
.right {padding: 15px 0 15px 15px; float: left; width: 545px; line-height: 160%;}
.right h2 {margin-bottom: 0px;  font-size: 130%; background: url("Grafika/tlapka.jpg") no-repeat; padding-left: 45px; padding-top: 6px; padding-bottom: 0px; height: 32px;}
.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;}

#middle {padding: 15px; margin: 0 auto; max-width: 770px; width: 800px; line-height: 160%;}
#middle p {font-size: 90%; margin-top: 3px;  padding: 0px 15px 0px 15px; text-align: justify;}
#middle h2 {margin-left: 15px; margin-bottom: 0px;  font-size: 130%; background: url("Grafika/tlapka.jpg") no-repeat; padding-left: 45px; padding-top: 6px; padding-bottom: 0px; height: 32px;}
#middle h3 {margin-left: 15px; margin-bottom: 0px;  font-size: 110%;  padding-top: 0px; padding-bottom: 0px; height: 32px;}
#middle ul {font-size: 90%; margin: 0px; padding-left:15px; margin-top: 3px; list-style-position: inside; }
#middle li {vertical-align: top; list-style-type: none; list-style-image: url("Grafika/tlapkalist.jpg"); vertical-align: middle;}



#middle a {border: 0px solid black; color: #000;}
#middle a:hover {color: #D85500;}
#middle img {border: 1px solid black; color: #000;}

#menu {position: relative;  padding: 0px; width: 800px; margin: 0 auto; z-index: 3; visibility: show;}
#menu ul {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: 95px; height: 75px;}
.sluzby {display: block; float: left;  background: url("Grafika/sluzby.jpg") no-repeat; width: 110px; height: 75px;}
.inzerce { display: block; float: left;  background: url("Grafika/inzerce.jpg") no-repeat; width: 91px; 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: 118px; height: 75px;}
.foto {display: block; float: left;  background: url("Grafika/foto.jpg") no-repeat; width: 100px; height: 75px;}
.onas {display: block; float: left;  background: url("Grafika/onas.jpg") no-repeat; width: 90px; height: 75px;}

.uvod1 {display: block; float: left; background: url("Grafika/uvod1.jpg") no-repeat; width: 95px; height: 75px;}
.sluzby1 {display: block; float: left;  background: url("Grafika/sluzby1.jpg") no-repeat; width: 110px; height: 75px;}
.inzerce1 {display: block; float: left;  background: url("Grafika/inzerce1.jpg") no-repeat; width: 91px; 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: 118px; height: 75px;}
.foto1 {display: block; float: left;  background: url("Grafika/foto1.jpg") no-repeat; width: 100px; height: 75px;}
.onas1 {display: block; float: left;  background: url("Grafika/onas1.jpg") no-repeat; width: 90px; height: 75px;}


#top {width: 800px;  margin: 0 auto; background: url("Grafika/bg.jpg"); min-height: 247px; height: 246px; position: relative; }
#main {width: 800px; margin: 0 auto;}
#bottom {line-height: 150%; color: #FCC1A9; font-size: 80%; padding: 15px; width: 770px; max-width: 770px;  margin: 0 auto; background: url("Grafika/bg-bottom.jpg"); }
#bottom a {color: #FCC1A9;}
#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;}
.pes1 { background: url("Grafika/pes1.gif") no-repeat; width: 237px; height: 283px; position: absolute; bottom: 0px; right: 0px;}
.pes2 { background: url("Grafika/pes2.gif") no-repeat; width: 47px; height: 27px;  position: absolute; bottom: 0px; right: 237px;}



.logo {display: block; width: 350px; height: 150px; position: absolute; top: 35px; left: 17px; border: 0px solid black; background: url("Grafika/logo.gif") no-repeat;}
.bully {display: none;}
.slogan {position: absolute; top: 180px; left: 120px; font-weight: 900; font-size: 20px; color: #FAAD8E;}

.fotoleft {float: left; margin-right: 15px; margin-top: 5px;margin-bottom: 10px;}
.fotoright {float: right; margin-right: 0px; margin-left: 25px; margin-top: 10px; margin-bottom: 10px;}
.obrwidth {width: 230px; height: 170px; margin-right: 5px;  margin-bottom: 5px;}
.obrwidth1 {width: 300px; height: 225px; margin-right: 5px;  margin-bottom: 5px;}
.obrheight {width: 180px; height: 240px; margin-right: 5px;  margin-bottom: 5px;}
.obrheight1 {width: 170px; height: 225px; margin-right: 5px;  margin-bottom: 5px;}

.fotoleft-small {width: 300px; height: 200px; float: left; margin-right: 0px; margin-right: 25px; margin-top: 10px; margin-bottom: 10px;}
.fotoright-small {width: 375px; height: 250px; float: right; margin-right: 0px; margin-left: 25px; margin-top: 10px; margin-bottom: 10px;}


.obr200 {float: right; margin-right: 0px; margin-left: 15px; margin-top: 10px; margin-bottom: 10px; width: 200px; height: 135px;}
.hidden {display: none; }

.diskuze {width: 100%; font-size: 80%;}
.suda {background: #F3F3F3; padding: 0px 15px 0px 10px; border-bottom: 1px solid #CCCCCC;}
.suda1 {background: #F3F3F3; padding: 0px 15px 0px 10px; border-bottom: 1px solid #CCCCCC; text-align: center;}
.licha {background: #FFFFFF; padding: 0px 15px 0px 10px; border-bottom: 1px solid #CCCCCC;}
.licha1 {background: #FFFFFF; padding: 0px 15px 0px 10px; border-bottom: 1px solid #CCCCCC; text-align: center;}
.diskuze th {text-align: left;}
.diskuze td {}
.diskuze a {color: red;}
.diskuze a:hover {color: orange;}

.ic {width: 16px;background: #A0A0A0; padding: 0px 0px 0px 0px; border-bottom: 1px solid #CCCCCC;}
.for {width: 60%;background: #A0A0A0; padding: 0px 15px 0px 10px; border-bottom: 1px solid #CCCCCC;}
.prispevky {width: 10%;background: #A0A0A0; padding: 0px 15px 0px 10px; border-bottom: 1px solid #CCCCCC;}
.last {width: 40%;background: #A0A0A0; padding: 0px 15px 0px 10px; border-bottom: 1px solid #CCCCCC;}
.tema {margin-bottom: 3px; font-size: 90%;}
.addform { background: #F3F3F3; padding: 10px; border: 1px solid #CCCCCC; width: 70%;}
.addform label{display: block; font-weight: bold; font-size: 80%;}
.addform textarea {width: 350px; height: 120px;}
.addforminput {width: 350px;}
.info {font-size: 90%; font-style: italic;}
.info strong {font-size:130%;}
.headtitle {font-size: 130%; font-weight: bold; text-decoration: none;}
.chyba {color: red; font-size: 80%; font-weight: bold;}
.reshead {font-size: 90%; font-weight: bold; background: #F3F3F3; padding: 0px 15px 0px 10px; border: 1px solid #CCCCCC; margin-top: 15px; margin-left: 15px; margin-right: 20px; }
.restext {font-size: 80%;  background: #FFFFFF; padding: 0px 15px 0px 10px;  margin-bottom: 20px;margin-left: 15px; margin-right: 20px; margin-top: 5px;}
.italic {font-style: italic;}
.vlozit {background: #F3F3F3; border: 1px solid #CCCCCC;}
.vlozit1 {background: #A0A0A0; border: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-bottom: 1px;padding: 1px; padding-left: 12px;}
.icon {vertical-align: middle; border: 0px solid black;}

.inz {margin-top: 10px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; }
.book1, .book2, .book3, .book4, .book5 {float: left; width: 40%; padding-left: 46px; padding-top: 7px; margin-bottom: 15px;}
.book1 a, .book2 a, .book3 a, .book4 a, .book5 a {display: block; font-weight: bold;}
.book1 p, .book2 p, .book3 p, .book4 p, .book5 p {display: block; font-size: 80%; padding-left: 0px; margin-left: -15px; line-height: 100%; padding-bottom: 10px;}

.book1 {background: url("Grafika/tlapka.jpg") no-repeat;}
.book2 {background: url("Grafika/tlapka.jpg") no-repeat;}
.book3 {background: url("Grafika/tlapka.jpg") no-repeat;}
.book4 {background: url("Grafika/tlapka.jpg") no-repeat;}
.book5 {background: url("Grafika/tlapka.jpg") no-repeat;}

.posun {padding-top: 5px;}
#stranax {margin-left: 15px; }
#stranax a {background-color: #AF4E2B; text-decoration: none; border: 1px solid black; font-size: 90%; padding: 3px; font-weight: bold; margin-right: 2px;}
#stranax a:hover {color: #fff;}

#stranax span {border: 1px solid black; font-size: 90%; padding: 3px; font-weight: bold; margin-right: 2px;}

.fotoitem a {background-color: #AF4E2B; text-align: center; border: 1px solid black; margin-left: 20px; margin-bottom: 20px;  display: block; width: 230px; height: 170px; float: left;}

.obrwidth2 {width: 230px; height: 170px; max-height: 168px; }
.obrheight2 {width: 126px; height: 170px; max-height: 168px; }

.cena {margin-bottom: 28px;}

.formadopce {background-color: #BEBEBE; border: 1px solid black; padding: 10px; margin-left: 15px;}
.formadopce textarea {width: 600px; height: 200px;}

.cze {position: absolute; right: 0px; top: 20px; width: 54px; height: 21px;  background-repeat: no-repeat; background-image: url("Grafika/cze.jpg");}
.eng {position: absolute; right: 0px; top: 48px; width: 54px; height: 21px;  background-repeat: no-repeat; background-image: url("Grafika/eng.jpg");}
.cze1 {position: absolute; right: 0px; top: 20px; width: 54px; height: 21px;  background-repeat: no-repeat; background-image: url("Grafika/cze1.jpg");}
.eng1 {position: absolute; right: 0px; top: 48px; width: 54px; height: 21px;  background-repeat: no-repeat; background-image: url("Grafika/eng1.jpg");}