* {
 margin: 0;
 padding: 0;
 }

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

.hidden {display: none;}
.flat {margin: 0; padding: 0;}
.stred {text-align: center}

.vpravo {text-align: right}
.vlavo {text-align: left}
.hore-odsad {padding-top: 0.5em}
.relativne {position: relative}
.hore {vertical-align: top}
.vyraz {color: #009900}
.seda {color: #8DC146}
.clear {clear: left}

img {
 border: none;
 }
 
input {
    cursor: pointer;
    _cursor: hand;
}

.form-a {
    text-decoration:underline;
    cursor: pointer;
    _cursor: hand;
}
 
.horna td {
    font-size: 10px;
}
 
/*------------------------------------------ main_div*/
#main_div {
 margin: 0 auto;
 padding: 0;
 width: 950px;
 border: 0px solid #536D02;
 background: url(img/layout/back.gif) top left repeat-y;
 position: relative;
}

/*------------------------------------------ header*/
#hlavicka {
  font-size: 1.8em;
  font-weight: normal;
  padding: 0;
  text-align: center;
  width: 950px;
  height: 158px;
  margin: 0 auto;
  color: #000;
  background: url(img/layout/hlavicka.jpg) top left repeat-y;
  position: relative;
}

#hlavicka div.vnutro {
    width: 900px;
    border: 0px solid black;
    height: 78px;
    margin: 0;
    position: absolute;
    left: 24px;
    top: 50px;
}

#cas {
    position: absolute;
    top: 15px;
    left: 8px;
}

#hlavicka div.datum {
    position: absolute;
    top: 15px;
    right: 8px;
    text-align: right;
    font-weight: bold;
}

#hlavicka div.datum span {
    display: block;
    font-size: 0.5em;
    font-weight: normal;
}

#hlavicka div.skryty-title {
    display: none;
}

#pod-hlavicka {
  padding: 0;
  text-align: center;
  position: relative;
  width: 950px;  
  height: 36px;
  margin: 0 auto;
  border: 0px solid black;
  background: url(img/layout/menu.jpg) top left no-repeat;
}

/*------------------------------------------ menu */
.menu {
    list-style-type: none;
    margin: 0;
    border: 0px solid green;
    padding: 0 0 0 24px;
    _margin-left: -25px; 
}

.menu li {
    font-size: 0.7em;
    margin: 0 0 0 7px;
    padding: 0;
    float: left;
    list-style-type: none;
}

.menu li a {
    display: block;
    width: 105px;
    height: 36px;
    color: #fff;
    text-decoration: none;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.menu li a span {
    display: block;
    width: 105px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 0;
}

.menu li a:hover span {
    top: -1px;
}

.menu li.uvod, .menu li a.uvod span {
    background: url(img/menu/uvod.jpg) top left no-repeat;
}

.menu li.aktualne, .menu li a.aktualne span {
    background: url(img/menu/aktualne.jpg) top left no-repeat;
}

.menu li.knizne, .menu li a.knizne span {
    background: url(img/menu/knizne-publikacie.jpg) top left no-repeat;
}

.menu li.predplatne, .menu li a.predplatne span {
    background: url(img/menu/predplatne.jpg) top left no-repeat;
}

.menu li.inzercia, .menu li a.inzercia span {
    background: url(img/menu/inzercia.jpg) top left no-repeat;
}

.menu li.archiv, .menu li a.archiv span {
    background: url(img/menu/archiv.jpg) top left no-repeat;
}

.menu li.odkazy, .menu li a.odkazy span {
    background: url(img/menu/odkazy.jpg) top left no-repeat;
}

.menu li.kontakt, .menu li a.kontakt span {
    background: url(img/menu/kontakt.jpg) top left no-repeat;
}
/*------------------------------------------ header_end*/

/*------------------------------------------ stred */
#stred {
    width: 910px;
    padding: 15px 0 0 0;
    margin: 0 auto;
    border: 0px solid red;
    background: url(img/layout/stred.gif) top left repeat-x;
}

/*------------------------------------------ vpravo */
div.vpravo {
    width: 148px;
    float: right;
    margin: 5px 0;
    border: 0;
}

div.vpravo div.panel {
    width: 148px;
    margin: 0;
    border: 0;
    background: url(img/panel/vpravo-telo.gif) bottom left no-repeat;
}

div.vpravo div.panel-vrch {
    width: 148px;
    margin: 0;
    border: 0;
    background: url(img/panel/vpravo-vrch.gif) top left no-repeat;
}

div.vpravo div.panel-telo {
    width: 122px;
    margin: 0 13px;
    border: 0px solid red;
}

div.vpravo h3 {
    font-family: Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    margin: 0;
    padding: 11px 0;
    border: 0;
    color: #fff;
    background: url(img/panel/vpravo-nadpis.gif) bottom right no-repeat;
}

div.vpravo p {
    margin: 5px 0;
    border: 0px solid red;
}

div.vpravo p img {
    margin: 5px 0 0 0;
}

/*------------------------------------------ vpravo */
div.vlavo {
    width: 207px;
    float: left;
    margin: 5px 0;
    border: 0px solid blue;
}

div.vlavo div.panel {
    width: 207px;
    margin: 0 0 5px 0;
    border: 0px solid black;
    background: url(img/panel/vlavo-telo.gif) bottom left no-repeat;
}

div.vlavo div.panel-vrch {
    margin: 0;
    border: 0;
    background: url(img/panel/vlavo-vrch.gif) top left no-repeat;
}

div.vlavo div.panel-telo {
    margin: 0 13px;
    border: 0px solid red;
}

div.vlavo h3 {
    font-family: Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 11px 0;
    border: 0;
    color: #fff;
    background: url(img/panel/vlavo-nadpis.gif) bottom left no-repeat;
}

div.vlavo p {
    font-size: 0.9em;
    color: #fff;
    text-align: justify;
    padding: 10px 0 15px 0;
    border: 0px solid red;
}

div.vlavo p.novinka {
    border-bottom: 1px solid #4F8BBF;
}

div.vlavo a, div.vpravo a {
    color: #AECAE2;
}
/*------------------------------------------ content*/
#content {
    margin: 0 152px 0 210px;
    padding: 5px 0 0 0;
    border: 0px solid black;
    font-size: 0.9em;
}

#content p { 
    text-align: justify;
    margin: 0 0 1em 0;
    border: 0px solid #ddd;
}

#content p.stred { 
    text-align: center;
    border: 0;
}

#content p.vpravo { 
    text-align: right;
    border: 0;
}

#content p.odsadeny { 
    margin-top: 2em;
}

#content a {
    color: #0000aa;
}

#content a:visited {
    color: #bb0000;
}

#content div.vnutro {
    margin: 0 8px 0 8px;
    padding: 0;
    border: 0px solid black;
    _float: left;
    _margin: 0 12px 0 4px;
    width: 532px; 
}

h1 {
    font-family: Impact, sans-serif;
    font-size: 4em;
    font-weight: normal;
    color: #0558A4;
    background: url(img/layout/nadpis.gif) 100% 82% no-repeat;
    _background: url(img/layout/nadpis.gif) 100% 81% no-repeat;
}

h1 span {
    background: #fff;
    border-right: 10px solid #fff;
}

h2 {
    font-family: Impact, sans-serif;
    font-size: 4em;
    font-weight: normal;
    color: #0558A4;
    background: url(img/layout/nadpis.gif) 100% 82% no-repeat;
    _background: url(img/layout/nadpis.gif) 100% 81% no-repeat;
}

h2 span {
    background: #fff;
    border-right: 10px solid #fff;
}

div.clanok {
    border: 0px solid red;
    padding: 0.5em 0 15px 0;
}

h3 {
    font-size: 1.3em;
    color: #000;
    font-weight: bold;
    margin: 1em 0 1em 0;
}

#content img.obrazok-vlavo {
    margin: 0 8px 0 0;
    padding: 0;
    border: 2px solid #eaeaea;
    float: left;
}

#content img.obrazok-vpravo {
    margin: 0 0 0 8px;
    padding: 0;
    border: 2px solid #eaeaea;
    float: right;
}

#content a.viac {
    font-weight: bold;
    color: #000;
}

#content div.archiv {
    margin: 0 10px 10px 0;
    padding: 0;
    border: 2px solid #eaeaea;
    float: left;
    width: 119px;
    text-align: center;
    background: #CD141C url(img/cervene.gif) top left repeat-x;
}

#content div.archiv img {
    margin: 1em 0 0 0;
    padding: 0;
    border: 2px solid #eee;
}

#content div.archiv span {
    display: block;
    margin: 1em;
    padding: 0;
    font-size: 1.1em;
}

#content div.archiv a, #content div.archiv a:visited {
    color: #fff;
}

#content div.archiv a:visited {
    text-decoration: none;
}

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

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

table.formular {
    border: 0;
    margin: 1em 0;
    border-collapse: collapse;
}

table.formular td {
    border: 0;
    padding: 0.3em 0 0 0.5em;
}

td.nazov {
    color: #BE131B;
    text-align: right;
}

td.formvalue {
    padding: 0.1em 0.1em;
    text-align: left;
}

td.formvalue input {
    padding: 0.1em 0.1em;
}

table.formular td.buton {
    padding-top: 1.5em;
}

td.buton input {
    padding: 0.2em 0.4em;
}

#content a.tlacidlo {
    background: #CC141C;
    border: 1px solid #800D12;
    padding: 0.3em 1em;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
}
/*------------------------------------------ content_end*/

/*------------------------------------------ footer*/
div.okraj {
    clear: both;
    height: 1em;
}

#footer {
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 85px;
    background: url(img/layout/footer.jpg) top center no-repeat;
    color: #888;
    font-size: 1em;
    clear: both;
}

#footer div.vnutro {
    margin: 0 auto;
    padding: 0;
    width: 896px;
    height: 40px;
    border: 0px solid black;
    position: relative;
}

#footer div.pocitadlo {
    margin: 0;
    padding: 0;
    width: 95px;
    height: 25px;
    border: 0px solid black;
    position: absolute;
    right: 0;
    top: 10px;
}

#footer ul {
    font-size: 0.8em;
    margin: -0.4em 0 0 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    right: 100px;
    top: 50%;
}

#footer ul li {
    display: inline;
    list-style-type: none;
    border-right: 1px solid #999;
    padding-right: 0.6em;
    margin-right: 0.4em;
}

#footer a {
    color: #777;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer a.sel {
    text-decoration: none;
    font-weight: bold;
}

#footer a.menu-copy, #footer a.menu-copy:hover {
    font-size: 0.8em;
    color: #888;
    margin: -0.4em 0 0 0;
    border: 0;
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
}
/*------------------------------------------ footer_end*/