html{
   height: 100%;
   width:  100%;
}

body{
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  font-family: arial;
  font-size: 9pt;
  color: #000000;
  background-color: #5678B8;
  background-image: url('/images/body.jpg');
  background-repeat: repeat-x;
  background-position:  top center;
}

td{
   font-size: 9pt;
}

img{
   border: 0;
}

a{
   color: #182272;
}


a:hover{
   color: #FF2B2B;
   text-decoration: underline;
}

a:visited{
   color: brown;
}


#main{
 width: 990px;
 text-align: center;
 margin: auto;
 background-color: white;
}

#top{
  width: 100%;
  height: 50px;
  background: url('/images/topbg.gif') center top repeat-x;
  font-size: 18pt;
  font-weight: bold;
  color: white;
  text-align: left;
  font-family: arial;
}

#top a:visited, #mapa a:visited{
   color: white;
}


.topBox{
   width: 310px;
   height: 185px;
   float: left;
}

.mr{
 margin-right: 30px;
}

#uvod_omeste, #start_omeste{
   background: url('/images/top/uvod_01.jpg') bottom center no-repeat;
}

#uvod_sprava, #start_sprava{
   background: url('/images/top/uvod_03.jpg') bottom center no-repeat;
}

#uvod_turistika, #start_turistika{
   background: url('/images/top/uvod_05.jpg') bottom center no-repeat;
}

#o-meste_omeste, #city_omeste{
   background: url('/images/top/mesto_01.jpg') bottom center no-repeat;
}
#verejna-sprava_omeste, #public-service_omeste{
   background: url('/images/top/sprava_01.jpg') bottom center no-repeat;
}
#turistika_omeste, #tourism_omeste{
   background: url('/images/top/turistika_01.jpg') bottom center no-repeat;
}

#o-meste_sprava, #city_sprava{
   background: url('/images/top/mesto_03.jpg') bottom center no-repeat;
}
#verejna-sprava_sprava, #public-service_sprava{
   background: url('/images/top/sprava_03.jpg') bottom center no-repeat;
}
#turistika_sprava, #tourism_sprava{
   background: url('/images/top/turistika_03.jpg') bottom center no-repeat;
}

#o-meste_turistika, #city_turistika{
   background: url('/images/top/mesto_05.jpg') bottom center no-repeat;
}
#verejna-sprava_turistika, #public-service_turistika{
   background: url('/images/top/sprava_05.jpg') bottom center no-repeat;
}
#turistika_turistika, #tourism_turistika{
   background: url('/images/top/turistika_05.jpg') bottom center no-repeat;
}

.topFlash{
   height: 155px;
   width: 100%;
}

.topTitle{
 height: 25px;
 width: 100%;
 text-align: center;
 font-size: 14pt;
 font-weight: bold;
 padding-top: 7px;
}


#omesteBottom{
   height: 4px;
   width: 100%;
   background: url('/images/omeste_bottom.png') center center no-repeat;
}

#spravaBottom{
   height: 4px;
   width: 100%;
   background: url('/images/sprava_bottom.png') center center no-repeat;
}

#turistikaBottom{
   height: 4px;
   width: 100%;
   background: url('/images/turistika_bottom.png') center center no-repeat;
}

#znak{
   position: absolute;
   width: 48px;
   height: 61px;
   left: 50%;
   margin-left: -485px;
   top: 10px;
   background: url('/images/znak.png') center center no-repeat;
}

#intranet{
   position: absolute;
   width: 48px;
   height: 61px;
   left: 50%;
   margin-left: 360px;
   top: 10px;
}


#czech{
   position: absolute;
   width: 48px;
   height: 61px;
   left: 50%;
   margin-left: 400px;
   top: 14px;
}

#english{
   position: absolute;
   width: 48px;
   height: 61px;
   left: 50%;
   margin-left: 440px;
   top: 14px;
}


#omeste a, #omeste a:visited, .omeste a{
   color: #FF0000 !important;
   text-decoration: none !important;
}

#sprava a, #sprava a:visited, .sprava a{
   color: #000000;
   text-decoration: none;
}

#turistika a, #turistika a:visited, .turistika a{
   color: #2F4DB5;
   text-decoration: none;
}

#omeste a:hover, #sprava a:hover, #turistika a:hover, .omeste a:hover, .sprava a:hover, .turistika a:hover{
   text-decoration: underline !important;
}

#searchBar{
   background: url('/images/searchbarbg.png') center center repeat-x;
   width: 100%;
   height: 36px;
   margin-top: 10px;
   text-align: left;
}

#content{
   width: 100%;
   margin-top: 10px;
   background: url('/images/content_bg.png') center center repeat-y;
}

.searchInput{
   border: 1px solid #95959a;
   color: #95959a;
   height: 16px;
   margin-top: 7px;
   margin-left: 10px;
   text-align: center;
}

.searchButton{
   height: 20px;
   border: 1px solid #95959a;
   background-color: #FFFFFF;
}

#leftCol{
   width: 182px;
   float: left;
}

#middleCol{
   width: 182px;
   float: left;
}

#middleCol{
   width: 627px;
   float: left;
}


#rightCol{
   width: 181px;
   float: left;
}

.colHeaderBlue span, .colHeaderRed span{
   font-size: 10pt;
   font-weight: bold;
   color: white;
   display: block;
   padding: 3px 0px 0px 10px;
}

.colHeaderBlue a{
   color: white;
   text-decoration: none;
}

.colHeaderBlue a:hover{
   color: yellow;
   text-decoration: underline;
}


.colHeaderRed a{
   color: white;
   text-decoration: none;
}

.colHeaderRed a:hover{
   color: black;
}

.colHeaderBlue{
   width: 100%;
   height: 23px;
   background: url('/images/colheader_blue.png') center center repeat-x;
   text-align: left;
}

.colHeaderRed{
   width: 100%;
   height: 23px;
   background: url('/images/colheader_red.png') center center repeat-x;
   text-align: left;
}

#leftMenu{
   width: 100%;
   background: url('/images/leftmenu_bg.png') left center repeat-y;
   text-align: left;

}

#leftMenu ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#leftMenu ul li {
   border-bottom: 2px solid #CED0D3;
   padding-top: 2px;
   padding-bottom: 3px;
}

#leftMenu ul li a{
   display: block;
   width: 160px;
   padding-top: 4px;
   padding-left: 10px;
   text-decoration: none;
   color: black;
}

#leftMenu ul li a:hover{
   color: red;
   text-decoration: underline;
}

#leftInfo{
   width: 100%;
   background: url('/images/leftcol_bg.png') center top repeat-x;
   text-align: left;
   color: white;
   height: 630px;
}

#rightMenu{
   width: 100%;
   background: url('/images/rightcol_bg_yellow.png') center top repeat-y;
   text-align: left;
}

#rightMenu ul{
   margin: 0;
   padding: 10px;
   padding-bottom: 2px;
   list-style-type: none;
}

#rightMenu ul li {
   margin-bottom: 8px;
   background: url('/images/obalka.png') left top no-repeat;
   padding-left: 20px;
}

#rightMenu ul li a{
   text-decoration: none;
   color: black;
}

#rightMenu ul li a:hover{
   color: red;
   text-decoration: underline;
}

#mapa{
   width: 100%;
   height: 133px;
   background: url('/images/mapa.png') right top no-repeat;
   display: block;
   overflow: hidden;
   border-bottom: 2px solid white;
}

.ma1{
   margin: 15px 0px 0px 60px;
   height: 30px;
   width: 110px;
   color: white;
   text-align: right;
}

.ma2, .ma3{
   display: block;
   color: white;
   margin-top: 65px;
   text-decoration: none;
}

.ma2{
   margin-left: 10px;
   float: left;
}

.ma3{
   margin-right: 10px;
   float: right;
}

#mapa a:hover{
   text-decoration: underline;
   color: yellow;
}

#rightInfo{
  background: url('/images/rightcol_bg_blue.png') center top repeat-x;
  padding-top: 5px;
  text-align: left;
  color: white;
  line-height: 150%;
  height: 650px;
}

#rightInfo a{
   color: white;
   text-decoration: none;
   padding-left: 10px;
   font-size: 8pt;
}

#rightInfo a:hover{
   color: yellow;
   text-decoration: underline;
}


.rHr{
   background-color: white;
   height: 2px;
   overflow: hidden;
   margin: 5px 0px;
}

#rightInfo td, #leftInfo td{
   padding: 0;
}

#data{
   padding: 0 15px;
   text-align: left;
   margin-bottom: 15px;
}


h1{
   font-size: 12pt;
   font-weight: bold;
   margin: 0 0 15px 0px;
}

h3{
   margin: 0;
   margin-bottom: 5px;
   padding: 0;
}

.textUvod{
   width: 580px;
   height: 140px;
   background: url('/images/ram_clanek.png') left top no-repeat;
   padding-left: 10px;
   padding-top: 10px;
   overflow: hidden;
   margin-bottom: 15px;
}

.blue{
   color: #182272;
}

.textInfo{
   margin-bottom: 5px;
}

.textText{
   height: 80px;
   overflow: hidden;
   text-align: justify;
}

.textUvod img{
  margin-right: 10px;
  margin-top: 3px;
  float: left;
}

.textVice{
   float: right;
   display: block;
   margin-top: 5px;
   color: gray;
}

.submenu3, .submenu4{
   background-color: #D5D7D9;
}


.menu li a, .submenu2 li a, .submenu3 li a, .submenu4 li a{
  display: block;
}

.submenu2, .submenu3, submenu4{
  width: 100%;
}

.submenu2 li, .submenu3 li, .submenu4 li{

}

.submenu2 li a{
}

.submenu3 li a{
 padding-left: 20px !important;
 width: 155px !important;
}

.submenu4 li a{
 padding-left: 40px !important;
 width: 135px !important;
}

.textClanku{
   line-height: 150%;
}

h3 a{
   text-decoration: none;
}

.imgNahled{
   float: left;
   padding: 8px;
   margin: 5px;
   border: 1px solid gray;
   height: 110px;
   width: 150px;
   text-align:center;
   background-color: white;
}

.imgNahled a img{
   border: 0;
}

#pagesA a{
  text-decoration: none;
  color: gray;
}

#pagesA a:hover{
   color: red;
}


#pagesA{
   margin-bottom: 10px;

}

#aktivniStranka, #aktivniStranka a{
   color: black !important;
   font-size: 10pt;
   font-weight: bold;
}

.subcat{
   display: block;
   margin: 0 0 5px 15px;
}

.imgNahledMini{
   padding: 4px;
   margin: 2px;
   border: 1px solid gray;
   width: 100px;
   height: 66px;
   text-align:center;
   background-color: white;
}

#bottom{
   background: url('/images/content_bg.png') center center repeat-y;
   height: 30px;
}

#bottomCenter{
   background: url('/images/searchbarbg.png') center center repeat-x;
   width: 627px;
   margin: auto;
   height: 30px;
   margin-left: 182px;
   overflow: hidden;
}

#bottomCenter span{
   display: block;
   margin-top: 10px;
   font-size: 8pt;
   margin: 10px 10px 0px 10px;
}