/* CSS Document */

*{ padding: 0; margin: 0; font-size: 11px; border: 0px; }
body { text-align: center; background-color: white; font-family: Arial; }
h3 { font-weight: bold; font-size: 11px; text-align: left; }
h3 a { font-weight: bold; font-size: 11px; text-decoration: underline; color: black; }
a { color: black; }
a:hover { color: red; }
.clear { clear: both; }

/*Cela stranka*/
.page { width: 890px; margin-right: auto; margin-left: auto; }

/*vrchni lista*/
.toplista { height: 20px; padding-right: 30px; text-align: right; }
.toplista p { padding-top: 7px; }
.toplista a { color: black; text-decoration: none; }
.toplista a.home { background: transparent url(../img/home.gif) no-repeat scroll left center;
                   margin-right: 20px; padding-left: 20px; padding-top: 1px; }
.toplista a.fav { background: transparent url(../img/favorite.gif) no-repeat scroll left center;
                  padding-left: 20px; padding-top: 1px; }

/*Hlavicka*/
.head { width: 866px; height: 283px; background: url(../img/head.gif) no-repeat; position: relative; }
.nadpis { position: absolute; left: 37px; top: 255px; font-weight: bold; font-size: 14px; }
.logo { text-align: right;padding-top: 26px;}
embed { float: right; }
.kontakty { position: absolute; left: 36px; top: 130px; }
.kontakty a { color: black; text-decoration: none; font-weight: bold; font-size: 14px; }

a.kontaktyMapa{ display: block; width: 200px; height:80px; background: transparent; position: absolute; top: 160px; left: 30px; }

/*Navigace*/
.menu { position: absolute; right: 5px; top: 8px; }
.menu ul { list-style: none; }
.menu li { float: left; padding-right: 10px; }
.menu li.active a { color: rgb(176,16,0); text-decoration: underline; }
.menu li.active a:hover { text-decoration: underline; }
.menu a { color: black; text-decoration: none; font-size: 10px; }
.menu a:hover { text-decoration: underline; color: red; }

/*Cast pro text pod hlavickou*/
.text {width:866px; background-color: #e7e7e7; }
.pataDole{ width: 866px; height: 17px; background: url(../img/pata2.gif) no-repeat; clear: both; }

/*Levy textovy sloupec*/
.left { width: 400px; padding-left: 12px; float: left; }
.left table { font-size: 11px; }
.left ul { margin-left: 10px; padding-top: 10px; padding-bottom: 7px; list-style: none; }
.left ul li { padding: 0px; padding-right: 30px; background: url(../img/minifajka.gif) no-repeat; font-size: 11px; text-align: left; padding-left: 18px; }
.left a { color: black; }
.left a:hover { color: red; }

/*Pravy textovy sloupec*/
.right { width: 400px; padding-right: 25px; float: right; }
.right table { font-size: 11px; margin-bottom: 7px; }
.title { vertical-align: bottom; }

#nad { vertical-align: bottom; }
.clanek { text-align: left; }

/*Tlacitkove menu*/
.tlacitka { margin-top: 2px; clear: both; }
.tlacitka table { border-collapse: collapse; }


.tlacitka {
  overflow:hidden;
}

.tlacitka li {  
  float:left;
  position:relative;
  list-style:none;
}

.tlacitka a {
  width:100%;
  height:100%;
  display:block;
}

.tlacitka span {
  display:none;
}

.tlacitka .item1 {
  width:290px;
  height:129px;
  background:url('/img/btn1.gif') no-repeat 0px 0px;
}

.tlacitka .item1 a:hover {
  background:url('/img/btn1o.gif') no-repeat 0px 0px;
}

.tlacitka .item2 {
  width:286px;
  height:129px;
  background:url('/img/btn2.gif') no-repeat 0px 0px;
}

.tlacitka .item2 a:hover {
  background:url('/img/btn2o.gif') no-repeat 0px 0px;
}

.tlacitka .item3 {
  width:314px;
  height:129px;
  background:url('/img/btn3.gif') no-repeat 0px 0px;
}

.tlacitka .item3 a:hover {
  background:url('/img/btn3o.gif') no-repeat 0px 0px;
}

.tlacitka .item4 {
  width:290px;
  height:151px;
  background:url('/img/btn4.gif') no-repeat 0px 0px;
}

.tlacitka .item4 a:hover {
  background:url('/img/btn4o.gif') no-repeat 0px 0px;
}

.tlacitka .item5 {
  width:286px;
  height:151px;
  background:url('/img/btn5.gif') no-repeat 0px 0px;
}

.tlacitka .item5 a:hover {
  background:url('/img/btn5o.gif') no-repeat 0px 0px;
}

.tlacitka .item6 {
  width:314px;
  height:151px;
  background:url('/img/btn6.gif') no-repeat 0px 0px;
}

.tlacitka .item6 a:hover {
  background:url('/img/btn6o.gif') no-repeat 0px 0px;
}