html, body {height:100%}

body {
 margin: 0;
 padding: 0;  
 font: 8pt arial, helvetica, sans-serif;
 text-align: center;
 color: #505367;
}

form {
 margin: 0;
 padding: 0;
}

html>body #container {height:auto;}

#container {
 width: 100%;
 min-width: 770px;
 width:expression(document.body.clientWidth > 1280? "1280px": "auto" );
 max-width: 1280px;
 height: 99.7%;
 min-height: 100%;
 text-align: left;
 background: #F6F4E8 url(bg.gif) repeat-y right top;
 position: relative;
 margin-left:auto;
 margin-right:auto;
}

#mainheader {
 position: absolute;
 left: 0;
 top: 0;
 height: 117px;
 width: 100%;
 background-color: #fff;
 z-index: 1;
}

#header {
 height: 85px;
 width: 100%;
 background: #D1DCE9 url(header1.png) no-repeat top right;
 margin: 0px 0px 6px 0px;
 border-top: 1px solid #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
 position: relative;
 z-index: 2;
 text-align: left;
 overflow: hidden;
}

#mainnav {
 width: 100%;
 height: 16px;
 background: #f5f5f5 url(mainnav.png) no-repeat top right;
 border-top: 1px solid #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
 position: relative;
 z-index: 2;
}

#left {
 float: left;
 left: 0px;
 width: 178px;
 background: #fff;
 border-right: 1px solid #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
 margin-bottom: 180px;
}

#left_admin {
 position: absolute;
 left: 0px;
 width: 178px;
 background: #fff;
 border-right: 1px solid #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
 margin-bottom: 180px;
}
    
#left_in {
 margin-top: 6px;
 padding: 3px 0 10px 0;
 width: 170px;
 background-color: #D1DCE9;
 border-top: 1px solid #e6e6e6;
 border-right: 1px solid #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
 margin-bottom: 6px;
}

#topten {
 margin-top: 6px;
 padding: 0;
 width: 170px;
 background-color: #f5f5f5;
 border-top: 1px solid #e6e6e6;
 border-right: 1px solid #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
 margin-bottom: 6px;
}

#topten_autori {
 margin-top: 6px;
 padding: 0;
 width: 170px;
 background-color: #f5f5f5;
 border-top: 1px solid #e6e6e6;
 border-right: 1px solid #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
 margin-bottom: 6px;
}

div.left_row {
 margin-top: 6px;
 padding: 0;
 width: 170px;
 background-color: #f5f5f5;
 border-top: 1px solid #e6e6e6;
 border-right: 1px solid #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
 margin-bottom: 6px;
}

.left_row a {
 display: block;
 padding: 5px 8px 5px 8px;
}

#right {
 background-image: url(right.png);
 background-repeat: no-repeat;
 background-position: top right;
 float: right;
 width: 176px;
 padding: 0;
 margin-top: 6px;
 border-top: 1px solid #e6e6e6;
}

#content {
/* background: #F6F4E8 url(content.png) no-repeat right top; */
 padding: 4px 6px 15px 6px;
 position: relative;
 margin-top: 6px;
 margin-right: 184px;
 margin-left: 179px;
 border-top: 1px solid #e6e6e6;
 text-align: justify;
 font: 9pt arial, helvetica, sans-serif;
}

/* \*/
* html #content {
 overflow: hidden;
 width: 100%;
 o\verflow: visible;
 w\idth: auto;
 hei\ght: 1px;
 word-wrap: normal;
}
/* */

#content p {margin:0 0 1em 0}
#header p, #left_in p {margin:0 0 5px 0}
#mainnav p { margin: 1px 5px 0 5px;}
#footer p { margin: 2px 5px 0 5px;}
#right p { margin: 5px 8px 5px 8px;}
#topten p { margin: 5px 8px 5px 8px;}
#topten_autori p { margin: 5px 8px 5px 8px;}
.left_row p { margin: 5px 8px 5px 8px; }

#footer {
 position: absolute;
 bottom: 0px;
 width: 100%;
 height: 24px;
 background-color: #f5f5f5;
 border-top: 1px solid #e6e6e6;
}

* html #footer {bottom:-2px}

.divider1 {
 width: 100%;
 height: 6px;
 overflow: hidden;
 background: #fff;
 position: relative;
 border-bottom: 1px solid #e6e6e6;
}

#clearfooter {height:28px;width:100%;clear:both}

.blank {
 position: absolute;
 right: 176px;
 width: 7px;
 height: 0px;
 overflow: hidden;
 border-top:  2px solid #fff;
 top: -1px;
}

body a {
 color: #6666CC;
 text-decoration: none;
}

a.black_nochange {
 color: #505367;
}

body a:hover {
 background-color: #f5f5f5;
 color: #333333;
 text-decoration: none;
}

.left_row a:hover, #content a:hover, #sidebar a:hover, #mainnav a:hover, #right a:hover, #footer a:hover, #topten a:hover, #topten_autori a:hover {background-color: #D1DCE9;}

a.nochange:hover {
 background-color: none;
 color: none;
}

#topten_autori a.black_nochange:hover {
 color: #505367;
 background-color: #f5f5f5;
 text-decoration: none;
}

#right a.nochange:hover {
 background-color: #f5f5f5;
 color: #333333;
 text-decoration: none;
}

.dira {
 position: relative;
 width: 100%;
 height: 8px;
 overflow: hidden;
 background: #fff url(cara.png);
}

.novinka {
 text-align: right;
 padding: 6px 5px 0 5px;
 font-size: 7pt;
}

#logo {
 position: absolute;
 bottom: 30px;
}

#posledni_zmena {
 border-top: 1px solid #000;
 position: absolute;
 bottom: 27px;
 right: 187px;
 font-size: 7pt;
}

div.menu {
 padding: 5px 5px 0px 16px;
 font-weight: bold;
 text-indent: -7px;
}

div.submenu {
 padding: 0px 5px 0px 22px;
 font-size: 7.5pt;
 font-weight: bold;
 text-indent: -6px;
}

span.menu-zavorka-l, span.menu-zavorka-r {
 color: #8E93B5;
}

span.submenu-zavorka-l, span.submenu-zavorka-r {
 color: #f5f5f5;
}

div.admin-menu span.submenu-zavorka-l, div.admin-menu span.submenu-zavorka-r {
 color: #8E93B5;
}


h2, h1 {
 font-variant: small-caps;
 font-size: 13pt;
}

h3 {
 font-size: 10pt;
}

.vpravo {
 text-align: right;
}

a img {
 vertical-align: bottom;
}

ul {
 padding-left: 20px;
 margin-left: 0px;
}

ol {
 padding-left: 20px;
 margin-left: 0px;
}

ul.odzacatku {
 padding-left: 20px;
 margin-left: 0px;
}

.male {
  font: 8pt arial, helvetica, sans-serif;
}

.highlight {
 color: red;
}

.admin-menu {
 border: 1px solid #e6e6e6;
 margin-bottom: 6px;
 padding: 3px 5px 10px 5px;
}