body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background-color: #078294; /*url("../img/pozadi-wrapper.png") repeat-x; */ 
  min-width: 960px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
  text-align: center;
	font-family: arial;
	font-size: 10pt;
	color: black;
	
}

h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
}
p {
  margin:.4em 0 .8em 0;
  padding:0;
}

hr {
  width: 100%;
  height: 1px;
  border: 1px #C3D1D3 solid;
  margin-bottom: 10px;
}

tr, td {
	_font-size: 10pt;
}

#hlavicka {
  background: #E9FDFE url(../img/pozadi-hlavicka.gif) top left repeat-x;
  height: 220px;
}

#telo {
  background-color: #E9FDFE;
  color: black;
  min-height: 100px;
}

#paticka {
  clear:both;
  background-color: #078294;
  color: white;
  padding-top: 5px;
  line-height: 2em; 
}

#paticka a {
  color: white;
}

.obal {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 965px;
}

#titulek-tisk {
  display: none;
}

#logo a:active, #logo a:hover, #logo a:focus {
  padding: 0;
  border: 0;
  color: inherit !important;
  background-color: inherit !important;
}

#motivy {
  height: 170px;
  width: 100%;
}

#logo {
  height: 170px;
  width: 187px;
  float: left;
}

#motiv {
  width: 475px;
  float: left;
}

#vlajky {
  position: relative;
  right: 0;
  top: 0;
  width: 298px;
  text-align: right;
  height: 23px;
}

#zakladniinfo {
  float: left;
  width: 298px;
  height: 170px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.bila, #zakladniinfo a {
  color: white;
} 

#zakladniinfo h1 {
  color: white;
  font-style: italic;
  font-size: 20pt;
  margin: 0;
  padding: .4em 0 0 .2em;
}

#zakladniinfo p {
  padding: .1em 0 0 .3em;
  font-style: italic;
  font-size: 90%;
}

#hornimenu {
  clear: both;
  height: 38px;
  width: 100%;
  margin-top :8px;
  position: relative;
}

#hornimenu div.interniodkazy {
  height: 38px;
}

.interniodkazy a {
  display: block;
  float: left;
  height: 22px;
  _height:38px;
  padding: 10px 7px 0 7px;
  background-color: inherit;
  color: white;
  /*font-weight: bold;*/
  margin-right: 6px;
}

.interniodkazy a:hover {
  height: 28px;
  _height:38px;
  /*padding: 8px 4px 0 4px;*/
  background-color: #FFF !important;
  color: red !important;
  /*font-weight: bold;*/
  /*border: 3px solid red;*/
  text-decoration :none;
}
.interniodkazy a.aktivni {
  height: 28px;
  /*padding: 8px 4px 0 4px;*/
  background-color: #FFF !important;
  color: red !important;
  font-weight: bold;
  /*border: 3px solid red;*/
  text-decoration :none;
}

.interniodkazy div.oddelovac {
  float: left;
  padding: 10px 6px 0 0;
  color: silver;
}

#hledej {
  position: absolute;
  height: 32px;
  right: 0;
  top: 0px;
  padding-top: 5px;
}

#hledej input {
  padding: 5px;
  _padding: 1px;
  border: 1px solid #5F5F5E;
  font-size: 80%;
}

#hledej input.hsubmit {
  background: url(../img/tlacitko-hledat.gif) left 1px no-repeat;
  width: 75px;
  height: 25px;
  border: 0;
  padding-top: 4px;
  margin: 0;
  color: white;
  border: none;
  font-weight: bold;
  font-size: 80%;
}

.sedy-text {
  color: #5F5F5E;
}

#plocha {
  float: left;
  width: 766px;
  _width: 768px;
  margin: 5px 0 5px 10px;
  padding: 0;
}

#obsah {
  float: left;
  width: 531px;
  margin: 2px;
  padding: 2px;
}

.cistic {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}


/* menu vlevo **/
#menu {
  width: 187px;
  float: left;
  margin-bottom: 20px;
} 

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 90%;
}

#menu ul, #menu li {
  margin: 0;
  padding: 0;
}

#menu ul ul {
  padding: 0 5px;
  font-size: 100%;
}

#menu ul ul ul {
  padding: 0;
}

#menu li h2 {
  background: url("../img/ul-hlavni.gif") top left no-repeat;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-top: 6px;
  padding-left: 15px;
  height: 30px;
  margin-top: 5px;
  color: #FFF;
}
#menu li h3 {
  font-size: 100%;
  font-weight: normal;
  background-color: #F4F4F4;
  margin: 0;
  padding: 4px 4px 4px 17px;
  background: url("../img/li-odrazka-nevybrana.gif") no-repeat top left;
}
#menu li li.vybrane h3 {
  background: url("../img/li-odrazka-vybrana.gif") no-repeat top left;
}
#menu li h4 {
  font-size: 100%;
  font-weight: normal;
  background-color: #F4F4F4;
  margin: 0;
  padding: 4px 4px 4px 27px;
  background: url("../img/li-odrazka-nevybrana-uroven2.gif") no-repeat top left;
}

#menu li li {
  border-top: 1px #C3D1D3 solid;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 95%;
}

#menu li li.vybrane h3 {
  color: red;
  /*background-color: #F4F4F4;*/
  font-weight: bold;
}

#menu li li.vybrane h3 li.vybrane h4 {
  background: url("../img/li-odrazka-vybrana-uroven2.gif") no-repeat top left;
}

#menu li li.vybrane li {
  color: black;
  /*background-color: #F4F4F4;*/
  font-weight: bold;
}

#menu li li.vybrane li.vybrane h4 {
  color: red;
    font-weight: bold;
  /*background-color: #F4F4F4;*/
}

#menu li.bezhornilinky {
  border-top: 0;
}

#menu li.sespodnilinkou {
  border-bottom: 1px #C3D1D3 solid;
}

#menu li.sespodnimodsazenim {
  padding-bottom: 10px;
}

#menu a {
  color: black;
  text-decoration: none;
}

#menu li.vybrane h3 a, #menu li.vybrane li.vybrane h4 a {
  color: red;
}

#menu li h2 a {
  color: white;
}
#menu h2 a:hover {
  background: white;
  color: black;
  padding: 2px;
}
#menu h3 a:hover, #menu h4 a:hover {
  background: #04C9E6;
  color: black !important;
  font-weight: bold;
  padding: 2px;
}

/* menu vlevo - konec **/

/* uvodni starana */
.uvodni-strana-box {
  width: 481px;
  _width: 533px;
  margin-top: 10px;
  padding: 12px 25px;
  background: url(../img/pozadi-h1-uvodni.png) 2px 2px no-repeat;
  border: 1px #54B7C5 solid;
}

.uvodni-strana-box h1 {
  margin:0 0 30px 0;
  color: white;
  font-size: 150%;
  font-weight: normal;
}

.uvodni-strana-box h3, .blokpravemenu h3, #obsah-panel h3 {
  margin: 0 0 6px 0;
  font-size: 100%;
  font-weight: bold;
  color: #078294;
  text-transform: uppercase;
}

.uvodni-strana-box p {
  margin: 0 0 10px 0;
  /*font-size: 90%;*/
}


.uvodni-strana-box a:hover {
  /*background-color: #FFFF80 !important;
  color: red !important;
  font-weight: bold;
  padding: 2px;
  border: 2px red solid;*/
}

.uvodni-strana-box img {
  float: left;
  border: 2px #C3D1D3 solid;
}

.tabulka-skoleni {
  width: 480px;
  border: none;
  margin: 0 0 10px 0;
}

.tabulka-skoleni td {
  padding: 3px;
}
.uvodni-strana-box .tabulka-skoleni td{
  font-size: 90%;
}

.tabulka-skoleni th {
  padding: 3px;
  font-size: 90%;
  font-weight: bold;
}

.tabulka-skoleni td.datum {
  width: 65px;
  padding-left:0;
  font-weight: bold;
}

.tabulka-skoleni td.nazev {
}

.tabulka-skoleni td.cas {
  width: 75px;
  padding-right:0;
  font-weight: bold;
  text-align: right;
}

.probiha-akce {
  min-height:60px;
  margin-top: 10px;
  border-bottom: 1px #C3D1D3 solid;
  margin-bottom: 10px;
}

.probiha-akce-text {
  width: 340px;
  float: left;
  margin-left:20px;
}

/* uvodni strana - konec */

/* menu vpravo **/

#pravemenu {
  float: left;
  margin-left: 7px;
  margin-left: 4px;
  width: 220px;
  _overflow: hidden;
  margin-top: 30px;
}

.blokpravemenu {
  width: 200px;
  _width: 220px;
  min-height: 75px;
  margin-bottom: 10px;
  padding: 20px 10px 10px 10px;
  font-size: 90%;
  border: 1px #54B7C5 solid;
}

.blokpravemenupozadi1 {
  background: url(../img/pozadioddeleni1.jpg) right bottom no-repeat;
}

.blokpravemenupozadi2 {
  background: url(../img/pozadioddeleni2.jpg) right bottom no-repeat;
}

.blokpravemenupozadi3 {
  background: url(../img/pozadioddeleni3.jpg) right bottom no-repeat;
}

.blokpravemenupozadi4 {
  background: url(../img/pozadioddeleni4.jpg) right bottom no-repeat;
}

.blokpravemenupozadi5 {
  background: url(../img/pozadioddeleni5.jpg) right bottom no-repeat;
}


.blokpravemenu a:hover.odkaz-na-oddeleni {
  /*background-color: #FFFF80 !important;
  color: red !important;
  font-weight: bold;
  padding: 2px;
  border: 2px solid red;*/
}

.blokpravemenu a.provozni-hodiny{
  display: block;
  width: 146px;
  height: 30px;
  margin: 10px 0 0 0;
  padding-top: 6px;
  padding-left: 10px;
  font-size: 90%;
  color: white;
  font-weight: bold;
  text-decoration: none;
  background: url(../img/pujcovni-hodiny.jpg) no-repeat;
}

.blokpravemenu a:hover.provozni-hodiny{
  border:none;
  /*padding: 6px 0 0 10px;*/
  color: black;
  /*background: url(../img/pujcovni-hodiny-aktiv.jpg) no-repeat;*/
  background-color: inherit !important;
}

/* menu vpravo - konec **/

#drobeckovanavigace {
  margin-bottom: 8px;
  font-size: 85%;
}
#drobeckovanavigace a{
  color: #000;
  padding: 2px;
}
#drobeckovanavigace a:hover{
  text-decoration: none;
  background: #04CAE7;
}

#nadpis-strany {
  width: 766px;
  height: 36px;
  _height: 48px;
  margin-bottom: 20px;
  padding-top: 12px;
  background: url(../img/pozadi-h1-dlouhe.png) left top no-repeat;
}

#nadpis-strany h1 {
  margin: 0 0 0 25px;
  color: white;
  font-size: 150%;
  font-weight: normal;
}

#obsah-panel {
  width: 726px;
  min-height: 500px;
  padding: 5px 20px;
  font-size: 90%;
  line-height: 1.4em;
}

#obsah-panel img {
  border: 5px #9BDFE8 solid;
}

#obsah-panel h2 {
  font-size: 120%;
  color: #1AA6BB;
  margin-bottom: 10px;
}


#obsah-panel a, .uvodni-strana-box a , .blokpravemenu a, #oddeleni-telo a {
  font-weight: bold;
  color: #078294;
  padding: 2px;
}
#obsah-panel a:hover, .uvodni-strana-box a:hover, #oddeleni-telo a:hover, .blokpravemenu a:hover {
  background-color: #04C9E6 !important;
  color: black !important;
  /*font-weight: bold;
  padding: 2px;
  border: 2px solid red;*/
}

#obsah-panel li.clanky-seznam{
  margin-bottom: 10px;
}

#obsah-panel div.blok-akce {
  min-height: 60px;
  padding-bottom: 15px;
  border-bottom: 1px #C3D1D3 solid;
  margin-bottom:15px;
  

}
#obsah-panel li, #oddeleni-telo li {
  margin-left: 20px;
  padding-bottom: 5px;
  list-style-type: square;
}

.blok-akce img.akce-nahled {
  float: left;
  _margin-top: 15px;
  border: 2px solid #C3D1D3 !important;
  margin-bottom:10px;
}
.akce-detailni-popis {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #AAA;
}

.blok-akce div.text-vpravo {
  width: 580px;
  _width:570px;
  _margin-top: 15px;
  float: left;
  margin-left:20px;
}

/* STRANKOVANI */
.strankovani {
  padding: 10px;
}
.strankovani img{
  border: 0px !important;
}
.strankovani a{
  color: #000 !important;
  font-weight: normal !important;
}
.strankovani .left {
  float: left;
  width: 350px;
  color: #000;
}
.strankovani .right {
  float: right;
  color: #000;
}
.strankovani a.cislo {
  text-decoration: none;
  padding: 3px;
}
.strankovani a.tucne {
  /*font-size: 18px;*/
  font-weight: bold;
  background: #03CBE9;
  color: #000;
}


/* panel oddeleni */

#oddeleni-panel {
  padding: 0;
  border: 0;
  width: 766px;
  min-height: 650px;
}

#oddeleni-horni-lista {
  position: relative;
  padding: 0 20px 0 20px;
  border: 0;
  width: 726px;
  _width: 766px;
  height: 32px;
  background: url(../img/oddel-horni-lista.jpg) repeat-x;
  overflow: hidden;
}

#oddeleni-horni-lista div.neaktivni-zalozka {
  margin: 0 4px 0 0;
  padding: 0 0 0 8px;
  float: left;
  height: 32px;
  background: url(../img/oddel-zalozka-neaktivni1.jpg) no-repeat;
}

#oddeleni-horni-lista div.neaktivni-zalozka-nazev {
  /*min-width: 70px;
  _width: 100px;*/
  float: left;
  height: 100%;
  margin: 0;
  padding: 9px 8px 0 0;
  text-align: center;
  background: url(../img/oddel-zalozka-neaktivni2.jpg) right top no-repeat;
}

#oddeleni-horni-lista div.neaktivni-zalozka a{
  font-size: 100%;
  font-weight: normal;
  color: white;
  text-decoration: underline;
}

#oddeleni-horni-lista div.neaktivni-zalozka a:hover {
  color:#03444C;
  font-weight: normal;
  background-color: white !important;
}

#oddeleni-horni-lista div.aktivni-zalozka {
  margin: 0 4px 0 0;
  padding: 0 0 0 8px;
  float: left;
  height: 100%;
  background: url(../img/oddel-zalozka-aktivni1.jpg) no-repeat;
}

#oddeleni-horni-lista div.zalozka-nazev {
  /*min-width: 70px;
  _width: 100px;*/
  float: left;
  height: 100%;
  margin: 0;
  padding: 9px 8px 0 0;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #17A9BF;
  background: url(../img/oddel-zalozka-aktivni2.jpg) right top no-repeat;
}

#oddeleni-telo {
  min-height:300px;
  position: relative;
  padding: 20px;
  font-size: 100%;
  font-weight: normal;
  border: 1px #48B1C0 solid;
  border-top: none;
  line-height: 1.4em;
}

#oddeleni-telo h2,h3 {
  font-size: 110%;
  color: #1AA6BB;
  margin-bottom: 10px;
}

#oddeleni-telo h2 {
  text-transform: uppercase;
}
.oddeleni-motiv {
  position: absolute;
  top:25px;
  right:6px;
}

.oddeleni-blok {
  width: 535px;
  line-height: 110%;
  padding-bottom: 20px;
  margin-top: 10px;
  border-bottom: 1px #C3D1D3 solid;
}

.oddeleni-blok div.foto-personal{
  width: 104px;
  height: 124px;
  border-right: 2px #D3E5E7 solid;
  border-bottom: 2px #D3E5E7 solid;
  margin-right: 35px;
  float: left;
}

.oddeleni-blok div.text-personal{
  float:left;
  line-height: 20px;
}

.oddeleni-blok ul.zamestnanci{
  margin:0;
  padding:0;
  line-height:100%;
}

.oddeleni-blok ul.zamestanci li{
  margin:0;
  padding:0;
}

.oddeleni-blok div.foto-personal img{
  width: 96px;
  height: 116px;
  border: 4px solid white;
}

#oddeleni-blok a:hover {
  background-color: #FFFF80 !important;
  color: red !important;
  font-weight: bold;
  padding: 2px;
  border: 2px solid red;
}

.oddeleni-blok table {
  border: none;
}

.oddeleni-blok td {
  width: 80px;
  height: 18px;
}

.oddeleni-blok th {
  width: 80px;
  height: 18px;
  font-weight: bold;
}

.oddeleni-galerie {
  width: 710px;
  line-height: 18px;
  padding-bottom: 20px;
  margin-top: 10px;
  border-bottom: 1px #C3D1D3 solid;
  border-bottom:none;
}

.oddeleni-galerie a{
  display: block;
  width: 164px;
  height: 125px;
  border-right: 2px #D3E5E7 solid;
  border-bottom: 2px #D3E5E7 solid;
  border-top: none;
  margin-right: 10px;
  margin-top: 10px;
  float: left;
}
.oddeleni-galerie img{
  width: 154px;
  height: 115px;
  border: 5px #C2F3FA solid;
}

.banner {
  text-align: center;
  padding: 3px 0px;
}
.banner img {
  border: 0px;
}
.perex {
  font-size: 85%;
  line-height: 1.6em;
}
/** google mapa */
#googlemap {
  border: 1px solid #999999;
  height: 350px;
  margin: 5px 0pt 20px;
  width: 635px;
}
#googlemap strong {
  color: #F3008C;
}
div.gmnoprint {
  color: #EEE;
}