body { color: black; font-size: 100%; background-color: #006699; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1; text-align: center; height: 100%; margin: 0; padding: 0; }
html { color: black; background-color: #006699; text-align: center; height: 100%; margin: 0; padding: 0; }
#cont { background-image: url(../image/stred.jpg); background-repeat: repeat-y; background-position: 0 200px; text-align: left; position: relative; width: 995px; height: 100%; margin: 0 auto; padding: 0; border-right: 1px solid #fff; border-left: 1px solid #fffbf0; outline-color: #fffdf0; display: block; }
body>#cont { position: relative; width: 995px; height: auto; min-height: 100%; }
#hlav { background-image: url(../image/hlav.jpg); width: 100%; height: 198px; float: left; margin: 0; padding: 0; }
#mmenu { font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 170px; right: 50px; width: 100%; float: right; margin: 0; padding: 0; }
#telo { text-align: justify; position: relative; top: 69px; width: 750px; height: auto; float: right; margin: 0; padding: 0; }
#text           { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; position: relative; top: -50px; left: -18px; width: 715px; height: auto; float: inherit; margin-right: 10px; margin-left: 0; }
#pmenu { font-size: 14px; line-height: 26px; text-decoration: none; text-align: left; top: 195px; width: 228px; height: auto; float: left; margin: 0 0 0 3px; padding: 0; list-style-type: none; }
#hr { font-size: 12px; position: relative; bottom: 0; left: 0; width: 100%; height: 20px; overflow: hidden; clear: both; }
#peta { color: #fffbf0; background-image: url(../image/petka.jpg); position: absolute; left: 0; bottom: 0; width: 100%; height: 93px; overflow: hidden; clear: both; margin-bottom: 0; padding-bottom: 0; }
#peta h1 { color: #2a1f00; font-size: 14px; font-weight: bold; line-height: 3px; text-align: center; margin: 0.67em 0; }
#peta h2 { color: #fff; font-size: 10px; font-style: italic; line-height: 1px; text-align: center; margin: 0.67em 0; }
#peta h3 { color: #f6fff5; font-size: 12px; font-weight: bold; line-height: 1px; text-align: right; margin: 0.67em 20px 0.67em 0; padding-right: 12px; }
#sk            { position: absolute; top: 1px; left: 800px; width: 25px; height: 14px ; }
#cz        { position: absolute; top: 1px; left: 830px; width: 25px; height: 14px ; }
#ang       { position: absolute; top: 1px; left: 860px; width: 25px; height: 14px ; }
#nem       { position: absolute; top: 1px; left: 890px; width: 25px; height: 14px ; }
#mad       { position: absolute; top: 1px; left: 920px; width: 25px; height: 14px ; }
#rus       { position: absolute; top: 1px; left: 950px; width: 25px; height: 14px ; }
#layer1    { visibility: visible; position: absolute; top: 48px; left: 20px; width: 197px; height: 24px }
#layer4      { background-image: url(../../ezv.sk/baner/EZVP.gif); position: absolute; top: 30px; left: 40px; width: 100px; height: 70px }
#bantext      { background-image: url(../baner/text.gif); background-repeat: no-repeat; background-position: left 0; position: absolute; top: 3px; left: 5px; width: 270px; height: 30px     }
/*zacina prave menu*/
#pmenu ul { background-image: none; text-decoration: none; margin: 0; padding: 0; width: 100%; float: right; list-style-type: none; display: block; }
#pmenu li a { line-height: 26px; background-position: 0 0; voice-family: "\"}\""; voice-family: inherit; text-decoration: none; margin: 0; padding: 0; }
#pmenu li a:link, #pmenu li a:visited { color: #fff; font-size: 15px; font-weight: bold; position: static; left: 5px; width: 205px; height: auto; float: left; margin: 0 0 0 5px; padding: 2px 0 2px 2px; border-top: 1px outset #fff; border-bottom: 3px outset #42b4e6; list-style-type: none; display: block; }
#pmenu li a:hover, #pmenu li #current { color: #005883; background-color: white; background-image: url(../baner/tlacitko.gif); background-repeat: no-repeat; background-position: right 0; margin: 0 0 0 5px; padding: 2px 0 2px 2px; border-left: 1px solid #fff; }
/*konci prave menu*/

/*zacina male menu*/
#pro6 ul { padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; font-size:12px; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; top: 160px; right: 20px; float: right; margin: 0; }
#pro6 li { float: left; display:table-cell; margin:0; padding:0; }
#pro6 li a { display:block; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(../image/pro_six_0a.gif) no-repeat; float: left; }
#pro6 li a b {display:block; padding:0 25px 5px 15px; background:url(../image/pro_six_0b.gif) no-repeat right top;}
#pro6 li.current a {color:#fff; background:url(../image/pro_six_2a.gif) no-repeat;}
#pro6 li.current a b {background:url(../image/pro_six_2b.gif) no-repeat right top;}
#pro6 li a:hover {color:#fff; background: url(../image/pro_six_1a.gif) no-repeat;}
#pro6 li a:hover b {background:url(../image/pro_six_1b.gif) no-repeat right top;}
#pro6 li.current a:hover {color:#fff; background: url(../image/pro_six_2a.gif) no-repeat; cursor:default;}
#pro6 li.current a:hover b {background:url(../image/pro_six_2b.gif) no-repeat right top;}
/*konci male menu*/

/*formatovanie v hlavnych stranhach*/
#tolm                     { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; position: relative; top: 103px; top: -110px; left: -10px; width: 720px; height: auto ; float: left; margin-top: 80px; margin-left: 20px; padding-right: 12px; }
.tolmp { text-align: justify; text-indent: 2em; margin-right: 1em; margin-bottom: 1em; }
.tolmli { color: #900; font-weight: bold; line-height: 2em; text-decoration: none; text-align: left; display: block; }
#tolm h1 { color: #900; font-weight: bold; line-height: 1; text-align: center; margin: 0 0 0.15em; }
#tolm h2 { color: #ffb600; font-weight: bold; line-height: 1; margin: 0 0 0.15em; }
#tolm h3  { color: #221f1d; text-align:justify; font-weight: bold; font-style: normal; line-height: 1; margin: 0 0 0.15em ; }
#tolm h4  { font-weight: normal; line-height: 1; text-align:justify; margin: 0 0 0.15em  }
#tolm h5    { color: #800000; font-weight: normal; line-height: 1; margin: 0 0 0.15em }
#tolm h6 { color: #000; font-weight: normal; line-height: 1; margin: 0 0 0.15em  }
#tolm a       { color: #00738a; font-size: 110%; font-weight: bold; font-style: italic; text-decoration: none; }
/*koniec formatovania v hlavných stránkach*/
#text h1     { color: #900; font-size: 150%; font-weight: bold; text-align: center; margin: 0.67em 0 }
#text h2      { color: #005883; font-size: 130%; font-weight: bold; margin: 0.67em 0 }
#text h3  { color: #002a64; font-size: 120%; font-weight: bold; margin: 0.67em 0 }
#text h4  { font-size: 100%; font-weight: normal;text-align:justify; margin: 0.67em 0 }
#text h5    { color: #800000; font-size: 90%; font-weight: normal; line-height: 1px; margin: 0.67em 0 }
#text h6 { color: #000; font-size: 80%; font-weight: normal; margin: 0.67em 0 }
#text a           { color: #00b; font-size: 14px; font-weight: bold; text-decoration: underline }
#img
  { margin: 1px; border: double 3px #f8f5f5; height: 200px; width: 200px; text-align: center; float: left; }
#img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }
#img a:hover img
  {
  border: 1px solid #0000ff;
  }
#gallerycontainer{ position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{ position: relative; top: 25px; border: solid 1px white; margin: 0 5px 5px 0; }

.thumbnail:hover{ background-color: transparent; }

.thumbnail:hover img{
border: 1px solid blue;
}