* { 
  margin: 0; 
  padding: 0; 
}

body { 
  background: url(img/layout/back.gif) repeat; 
  font-family: "Trebuchet MS", sans-serif; 
  font-size: 1em; 
  color: #000; 
}

.hidden {display: none;}
.flat {margin: 0; padding: 0;}
.stred {text-align: center}
.lavo {text-align: left}
.relativne {position: relative}
.hore {vertical-align: top}
.zelena {color: #5D8B17; font-weight: bold;}
.cervena {color: #D03D3B; font-weight: bold;}
.clear {
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 0.01em;
  font-size: 0.01em;
}

img { border: none; } 

h1 {  
  margin: 0;
  font-size: 1.3em;  
  font-weight: normal;  
  color: #448EDB;
}

h2 {  
  font-size: 1em;  
  color: #666;
}

a {
  color: #448EDB;
}

a:hover {
  color: #000;
}

a:visited {
  color: #444;
}

/*------------------------------------------ main_divs*/
#top { 
  margin: 30px auto 0 auto; 
  padding: 0; 
  width: 864px;
  height: 12px;
  font-size: 0.1em;
  line-height: 0.1em;
  background: url(img/layout/top.gif) center no-repeat; 
}

#bottom { 
  margin: 0 auto 30px auto; 
  padding: 0; 
  width: 864px;
  height: 11px;
  font-size: 0.1em;
  line-height: 0.1em;
  background: url(img/layout/bottom.gif) center no-repeat; 
}

#main_div { 
  margin: 0 auto; 
  padding: 0; 
  width: 864px;
  background: url(img/layout/main.gif) center repeat-y; 
}

/*------------------------------------------ header*/

#hlavicka {  
  padding: 0;  
  margin: 0 auto;  
  width: 864px;  
  height: 271px;  
  border: none;  
  background: url(img/layout/banner.jpg) center no-repeat;  
  position: relative; 
}

.polska {  
  background: url(img/layout/banner_pl.jpg) center no-repeat !important;
}

#hlavicka a.pl, #hlavicka a.sk {  
  display: block;  
  width: 20px;  
  height: 14px;  
  padding: 0;  
  margin: 0;  
  border: 0;  
  position: absolute;  
  top: 23px;
  border: 1px solid #ddd;
}

#hlavicka a.pl, #hlavicka a.sk {  
  display: block;  
  width: 20px;  
  height: 14px;  
  padding: 0;  
  margin: 0;  
  border: 0;  
  position: absolute;  
  top: 23px;
  border: 1px solid #ddd;
}

#hlavicka a.sk {
  right: 62px;
}

#hlavicka a.pl {
  right: 33px;
}

#hlavicka a span {  
  display: none;
}

#hlavicka a:hover {  
  border: 1px solid #0A4C90;
}

#banner {
    margin: 0;    
    padding: 0;
    width: 816px;    
    height: 181px;
    position: absolute;
    top: 74px;
    left: 24px;
}

/*------------------------------------------      */
#vnutro {
  margin: 6px 24px;
}

/*------------------------------------------ menu*/
#menu { 
  padding: 0; 
  margin: 0; 
  width: 176px; 
  float: left; 
  list-style-type: none; 
} 

#menu li { 
  margin: 0 0 5px 0; 
  padding: 0; 
} 

#menu li.ciara { 
  margin: 11px 0; 
  padding: 0; 
  border-bottom: 2px solid #448EDB;
  font-size: 0.1em;
  line-height: 0.1em;
} 

#menu li a { 
  text-decoration: none; 
  color: #448EDB; 
  font-size: 1em; 
  display: block; 
  padding: 0.6em 0.2em 0.6em 0.8em; 
  background: url(img/menu/buton.gif) left no-repeat; 
} 

#menu li a.akcie {  
  color: #DD392F !important;   
  background: url(img/menu/akcia.gif) left no-repeat !important; 
} 

#menu li.mapodmenu {  
  margin-bottom: 0;
} 

#menu li.mapodmenu a {  
  background: url(img/menu/podmenu-top.gif) left no-repeat !important;
  padding-top: 0.5em;
  padding-bottom: 0;
} 

#menu li a:hover { }  

#menu li.prazdna { height: 1.4em; } 

#menu li.podmenu ul { 
  padding: 0.5em 0;
  margin: 0;
  width: 176px; 
  list-style-type: none; 
  background: #E9EFF5;
}

#menu li.podmenu ul li { 
  margin: 0;
  font-size: 0.8em;
  font-weight: bold;
} 

#menu li.podmenu ul li a { 
  color: #444;
  padding: 0 0 0 1em;
} 

#menu li.podmenu ul li.podmenu ul li a { 
  padding-left: 1em; 
  font-weight: normal; 
  color: #448EDB; 
  font-size: 1.2em;
} 

#menu li.podmenu ul li.podmenu { 
  padding-left: 1em;
} 

#menu li.podmenu ul li.podmenu ul { 
  border-bottom: 2px solid #448EDB; 
  margin-bottom: 0.5em;
  width: 150px;
} 

#menu li.podmenu ul li a { 
  background: #E9EFF5; 
}

#menu li.podmenu ul li a:hover { background: #DFE8F0; }

#menu ul li.mapodmenu a {  
  background: none !important;
  border-left: 10px solid #448EDB;
  padding-top: 0 !important;
  padding-left: 0.2em !important;
} 

/*------------------------------------------ menu_end*/
/*------------------------------------------ header_end*/

/*------------------------------------------ content*/
#content {  
  margin: 0 0 0 188px;  
  padding: 0;
  font-size: 0.9em;
}

#content p.text {
  font-size: 0.85em;  
  text-align: justify;  
  margin: 1em;
}
  
#content p.text img {  float: left;  margin: 0 1em 0 0;  border: 0;}

#content div.left { float: left; margin: 0; padding: 0; width: 220px; border-right: 2px solid #728FC9; text-align: center; } 

#content div.left p { margin: 7px; padding: 1em 0 0 0; text-align: justify; font-size: 0.85em; } 

#content div.left p.viac { margin: 7px; padding: 0 0 1em 0; border-bottom: 1px solid #000; text-align: right; }

#content div.left p.viac a { margin: 0; padding: 0; display: block; width: 46px; height: 14px; background: url(../img/viac.gif) top left no-repeat; }

div.mapa {
    font-size: 105%;
}

div.mapa ul {
    margin: 1em 0 1em 2em;
    font-size: 95%;
}

div.mapa ul li {
    margin: 0.5em 0 0.5em 0;
}

ul.kontakt {
 color: #000;
 margin: 1em 0.1em;
 padding: 0;
 font-size: 0.85em;
 text-align: left;
 list-style-type: none;
 }
 
ul.kontakt li {
 background: url(img/odrazka.gif) center left no-repeat;
 padding-left: 22px;
 list-style-type: none;
 margin: 1em 0;
 }
 
p.kontakt {
 margin: 1em 0;
 }
 
 
p.indent {
text-indent: 10%;
text-align: justify;
margin-top: 15px;
}

.box {
  padding: 0 1.5em;
  margin: 0;
  background: url(./img/layout/box-body.gif) right repeat-y;
  position: relative;
}

.boxtop {
  height: 17px;
  background: url(./img/layout/box-top.gif) right no-repeat;
}

.boxbottom{
  height: 18px;
  width: 628px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(./img/layout/box-bottom.gif) right no-repeat;
}

.boxbottomkontakt {
  height: 18px;
  background: url(./img/layout/box-bottom.gif) right no-repeat;
}

/*------------------------------------------ nahlady linkov*/
ul.screenshoty {        list-style-type: none;    margin: 0;    padding: 0;    float: left;}ul.screenshoty li {        list-style-type: none;    margin: 0.5em 0;    padding: 0;}ul.screenshoty li a {        display: block;    width: 572px;    padding: 0;    position: relative;       color: #fff;    font-size: 0.7em;    text-decoration: none;    background-position: top left;    background-repeat: no-repeat;}ul.screenshoty li a span {     display: block;    background: #325191;    position: absolute;    top: 0;    padding: 0.2em 1em;    text-align: center;    opacity:.60;    filter: alpha(opacity=60);    -moz-opacity: 0.60; }p.screenshot {     margin: 0.5em 0;    text-align: left;   }a.screenshot {       display: block;    position: relative;    float: left;    margin: 0;    padding: 0;    color: #fff;    font-size: 0.8em;    text-decoration: none;}a.screenshot span {     visibility: hidden;    display: block;    position: absolute;    top: 0;    left: 0;    background: #325191;    padding: 0.2em 1em;  }a.screenshot:hover span {     visibility: visible;    opacity:.70;    filter: alpha(opacity=70);    -moz-opacity: 0.70; }h3.vzorky {    font-size: 1em;    font-weight: normal;    color: #A8B7CE;    margin: 0 0 1em 0;}h3.vzorky strong {    color: #11347A}

div.vzorka {    width: 150px;    height: 170px;    background: #F0F6FD;    margin: 0 15px 15px 0;    float: left;}

div.vzorka img {    margin: 15px 15px 0 15px;       border: 1px solid #325396;}

div.vzorka span {    display: block;    margin: 0 15px 0 15px;    font-size: 0.8em;}

a.vzorka {   display: block; width: 150px;    height: 170px;    background: #F0F6FD;    margin: 0 15px 15px 0;    float: left; text-decoration: none}

a.vzorka img {    margin: 15px 15px 0 15px;       border: 1px solid #325396;}

a.vzorka span {    display: block;    margin: 0 15px 0 15px;    font-size: 0.8em;}

div.vzorka-klucka {    width: 230px;    height: 260px;    background: #F0F6FD;    margin: 0 15px 15px 0;    float: left;}

div.vzorka-klucka img {    margin: 15px 15px 0 15px;       border: 1px solid #325396;}

div.vzorka-klucka span {    display: block;    margin: 0 15px 0 15px;    font-size: 0.8em;}

a.znacka {    width: 160px;    height: 160px;    background: #F0F6FD;    margin: 0 15px 15px 0;    float: left;    text-decoration: none;}a.znacka img {    margin: 15px 15px 0 15px;       border: 1px solid #325396;}a.znacka span {    display: block;    margin: 0 20px 0 20px;    font-size: 0.8em;    color: #000;}

a.folder {    
  width: 160px;    
  height: 160px;    
  background: #F0F6FD url(images/folder.jpg) 50% 20px no-repeat;    
  margin: 0 15px 15px 0;    
  float: left;    
  text-decoration: none;
}

a.folder span {    
  display: block;    
  margin: 90px 20px 0 20px;    
  font-size: 0.8em;    
  color: #000;
}

a.doc {    
  width: 160px;    
  height: 160px;    
  background: #F0F6FD url(img/doc.gif) 50% 20px no-repeat;    
  margin: 0 15px 15px 0;    
  float: left;    
  text-decoration: none;
}

a.doc span {    
  display: block;    
  margin: 90px 20px 0 20px;    
  font-size: 0.8em;    
  color: #000;
  text-align: center;
}

a.pdf {    
  width: 160px;    
  height: 160px;    
  background: #F0F6FD url(img/pdf.gif) 50% 20px no-repeat;    
  margin: 0 15px 15px 0;    
  float: left;    
  text-decoration: none;
}

a.pdf span {    
  display: block;    
  margin: 90px 20px 0 20px;    
  font-size: 0.8em;    
  color: #000;
  text-align: center;
}

a.znacka1 {    width: 160px;    height: 210px;    background: #F0F6FD;    margin: 0 15px 15px 0;    float: left;    text-decoration: none;}

a.znacka1 img {    margin: 15px 15px 0 15px;       border: 1px solid #325396;}

a.znacka1 span {    display: block;    margin: 0 20px 0 20px;    font-size: 0.8em;    color: #000;}

.znacka_velk {
    display: block;
    width: 160px;    
    height: 180px;    
    background: #F0F6FD;    
    margin: 0 15px 15px 0;    
    float: left;    
    text-decoration: none;
}

.znacka_velk img {
    margin: 15px 15px 0 15px;       
    border: 1px solid #325396;
}

.znacka_velk span {
    display: block;    
    margin: 0 20px 0 20px;    
    font-size: 0.8em;    
    color: #000;
}

/*------------------------------------------ content_end*/

/*------------------------------------------ footer*/
#footer { 
  margin: 0 auto; 
  padding: 1em 1.8em 1.2em 1.8em;  
  position: relative; 
  font-size: 0.7em; 
  list-style-type: none;
  clear: both; 
}

#footer li { 
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
  display: block; 
  float: right; 
}

#footer li a { 
  color: #458EDB; 
  text-decoration: none; 
  padding: 0.1em 0.5em; 
}

#footer li a:hover { 
  text-decoration: underline; 
}

#footer li.copy { 
  margin: 0; 
  position: absolute; 
  float: none; 
  left: 1.8em; 
}

#footer li.copy a { 
  color: #458EDB; 
  text-decoration: none;
}

/*------------------------------------------ footer_end*/

div.classen table {
    border-collapse: collapse;
    font-size: 0.9em;
}

div.classen table caption {
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    padding: 0.5em 0 0.6em 0;
}

div.classen table td {
    font-size: 1em;
    padding: 0.1em 0.3em;
}

div.classen ul {
    font-size: 0.9em;
    list-style-type: none;
    margin: 1em 0 1em 0;
}