* {
 margin: 0;
 padding: 0;
 }

body {
 background: #fff;
 font-family: Arial, sans-serif;
 font-size: 0.9em;
 color: #000;
 margin: 0;
 padding: 0;
}

.hidden {display: none;}
.clear {clear: left}
.zelena {color: #739542}

img {
 border: none;
 }
 
input {
    cursor: pointer;
    _cursor: hand;
}
 
/*------------------------------------------ main_div*/
#main_div {
 margin: 1em auto;
 padding: 0;
 width: 760px;
 border: 0px solid black;
}

.loga {
  margin: 1em 0;
  text-align: left;
}

.loga a{
  text-decoration: none;
}

.loga img {
  margin: 0 20px 0 0;
}

.spodne-loga, .spodne-loga-rad {
  padding: 1em 0;
  text-align: center;
}

.spodne-loga-rad {
  padding: 1em 0;
  margin: 0 -10px;
}

.spodne-loga img {
  border: 2px solid #fff;
  vertical-align: middle;
}

.spodne-loga-rad img {
  border: 1px solid #fff;
  vertical-align: middle;
}
/*------------------------------------------ header*/
#header {
  font-size: 1em;
  font-weight: normal;
  padding: 0;
  text-align: center;
  position: relative;
  width: 760px;
  height: 64px;
  margin: 0 0 5px 0;
  border: 0px solid red;
}

#header h1 {
  position: absolute;
  top: 0;
  left: 0;
}

#header div.obrazok_sk {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_sk.jpg) top left no-repeat;
}

#header div.obrazok_cz {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_cz.jpg) top left no-repeat;
}

#header div.obrazok_de {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_de.jpg) top left no-repeat;
}

#header div.obrazok_en {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_en.jpg) top left no-repeat;
}

#header div.obrazok_es {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_es.jpg) top left no-repeat;
}

#header div.obrazok_fr {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_fr.jpg) top left no-repeat;
}

#header div.obrazok_hu {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_hu.jpg) top left no-repeat;
}

#header div.obrazok_nl {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_nl.jpg) top left no-repeat;
}

#header div.obrazok_pl {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_pl.jpg) top left no-repeat;
}

#header div.obrazok_ru {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 64px;
  margin: 0;
  background: #fff url(img/layout-leto/header_ru.jpg) top left no-repeat;
}

/*------------------------------------------ flags*/
.flags {
    margin: 0;
    border: 0;
    position: absolute;
    right: 24px;
    top: 25px;
    width: 300px; 
}

.flags a {
    padding: 0;
    margin: 0 0 0 5px;
    display: block;
    width: 20px;
    height: 13px;
    _height: 2px;
    float: right;
    border: 0px solid lime;
}

.flags a.dlhsie {
    width: 21px;
}

.flags a:hover {
    background: #fff;
    opacity:.5;
    filter: alpha(opacity=50);
}
/*------------------------------------------ header_end*/

/*------------------------------------------ left column */
.left-col {
    float: left;
    border: 0px solid red;
    padding: 0;
}

.left-col ul { 
    padding: 0;
    margin: 0;
    width: 148px;
    list-style-type: none;
}
    
.left-col ul li {
    margin: 1px 0 0 0;
    background: url(img/layout-leto/menu.gif) center left no-repeat;
    height: 28px;
    overflow: hidden;
}

.left-col ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 4px 0 4px 10px;
    background: url(img/layout-leto/menu.gif) center left no-repeat;
}

.left-col ul li a:hover, .left-col ul li a:hover:visited {
    color: #fff;
    background: url(img/layout-leto/menu-hover.gif) center left no-repeat;
}

.left-col ul li a:visited {
    color: #fff;
    background: url(img/layout-leto/menu-visited.gif) center left no-repeat;
}

/*------------------------------------------ right column */
.right-col {
    float: right;
    border: 0px solid red;
    padding: 0;
}

.right-col ul { 
    padding: 0;
    margin: 0;
    width: 148px;
    list-style-type: none;
}
    
.right-col ul li {
    margin: 1px 0 0 0;
    background: url(img/layout-leto/menu.gif) center left no-repeat;
    height: 28px;
    overflow: hidden;
}

.right-col ul li a {
    text-align: right;
    text-decoration: none;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 4px 10px 4px 0;
    background: url(img/layout-leto/menu.gif) center left no-repeat;
}

.right-col ul li a:hover, .right-col ul li a:hover:visited {
    color: #fff;
    background: url(img/layout-leto/menu-hover.gif) center left no-repeat;
}

.right-col ul li a:visited {
    color: #fff;
    background: url(img/layout-leto/menu-visited.gif) center left no-repeat;
}

.baner {
    width: 140px;
    height: 100px;
    margin: 10px 0 10px 4px;
    text-align: center;
}
/*------------------------------------------ content*/
#content {
  margin: 0 148px 0 148px;
  padding: 0;
  border-top: 1px solid white;
  _border: 1px solid white;
  font-size: 0.9em;
  background: url(img/layout-leto/content-bottom.jpg) bottom center no-repeat;
  position: relative;
  _position: auto;
  text-align: center;
}

#srdce {
  /*margin: -165px 0 0 -225px;
  _margin-top: -55px;*/
  margin: 0 auto;
  padding: 10px 0 0 0;
  _margin-top: 10px;
  border: 0px solid red;
  width: 450px;
  height: 330px;
  /*position: absolute;
  top: 50%;
  left: 50%;*/
  text-align: center;
}

#content div.vrch {
  padding: 0;
  border: 0px solid red;
  background: url(img/layout-leto/content-top.jpg) top center no-repeat;
  margin: 0;
  width: 464px;
  _width: 456px;
  height: 330px;
  text-align: center;
}

#content div.spoj { 
  clear: both;
  border: 1px solid transparent;
}

#content a {
 color: #006200;
}

#content div.vrch-text {
  background: url(img/layout-leto/content-top-text.jpg) top center no-repeat;
  margin: 0;
  width: 464px;
  _width: 456px;
}

#content div.okraj {
  margin: 0;
  padding: 15px 20px;
}

#content p {
  margin: 1em 0;
  padding: 0;
  line-height: 150%;
  text-align: justify;
}

h2, h3 {
    color: #2B5300;
    text-align: left;
    margin: 0 0 0.5em 0;
}
h2 {
    font-size: 1.7em;
}

ul.odrazky {
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}

ul.odrazky li {
    list-style-type: none;
    margin: 0 0 0 0.8em;
    padding: 0.3em 0 0.3em 1.8em;
    background: url(img/odrazka.gif) 0 60% no-repeat;
    text-align: justify;    
}

.vpravo {
    float: right;
    margin: 1em 0 0 15px;
}

.bezramu {
    border: 0;
}

.stred {
    text-align: center;
}

.imgtl {
    float: left;
    margin: 0 10px 10px 0;
}

.imgtl, .imgbl, .imgtr, .imgbr {
    display: block;
}
.imgtl {
    background: #E0E9BB url(img/layout-leto/border-tl.gif) top left no-repeat;
}
.imgbl {
    background: url(img/layout-leto/border-bl.gif) bottom left no-repeat;
}
.imgtr {
    background: url(img/layout-leto/border-tr.gif) top right no-repeat;
}
.imgbr {
    background: url(img/layout-leto/border-br.gif) bottom right no-repeat;
}

.imgbl img {
    margin: 3px;
    _margin-top: 1px;
    vertical-align: middle;
}
/*------------------------------------------ content_end*/

/*------------------------------------------ footer*/
#footer {
 margin: 0 auto;
 padding: 0;
 width: 1000px;
 height: 51px;
 background: url(img/layout-leto/footer.jpg) top center repeat-x;
 position: relative;
 color: #fff;
 text-align: right;
 font-size: 0.9em;
 clear: both;
 }

#footer div {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.85em;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -1em;
}

#footer a, #footer a:hover {
 margin-left: 0.5em;
 color: #fff;
 text-decoration: none;
 }
#footer a:hover {
 color: #fff;
 text-decoration: underline;
 }
#footer a.sel {
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 }

#footer a.menu-copy, #footer a.menu-copy:hover {
 color: #ddd;
 font-size: 0.7em;
 margin: 0;
 border: 0;
 display: block;
 position: absolute;
 right: 25px;
 top: 15px;
 }
/*------------------------------------------ footer_end*/