/* CSS RESET */
*{ margin:0; padding:0; font-family:  tahoma, arial, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

h1 { font-size: 120%; font-weight: bold; padding: 10px 0 10px 0; }
h2 { padding: 5px 0 5px 0; }

:focus { outline: 0; }

p { padding: 0px 0px 0 0; }

a { text-decoration: none; color: #564f46; }
a:hover { color: #E5D5B1; }

.h1-visible { height: 37px; width: 250px; }
h1[class].h1-visible { height: 20px; }

html, body { height: 100%; }
body { text-align: center; font-size: 69%; color: #564f46; line-height: 1.3em; background: transparent url('../img/background.png') repeat left top; }
#container {  background: transparent url('../img/bg_content.gif') repeat-y left top; /*height: 100%; min-height: 100%;*/ width: 828px; margin: 0 auto 0 auto; position: relative; }
body>#container {
  height: auto;
}

#header { height: 213px; position: relative; background: transparent url('../img/header.gif') no-repeat 0 0; }
.logo { position: absolute; top: 89px; left: 56px; display: block; width: 180px; height: 70px; }

#image { background: transparent url('../img/image1.jpg') no-repeat left top; height: 197px; width: 770px; position: absolute; top: 0; left: 29px; }
#content-wrap { margin: 0; height: 550px; position: relative; text-align: left; }

#content { padding: 250px 70px 0 80px; }



#content-left { float: left; width: 250px; }
#content-right { float: left; width: 420px; margin-top: 40px; display: block; }


.uvod #content-left { float: none; width: auto; }
.uvod #content-right { float: none; width: auto; display: none; }

.keks #content-right { margin-top: 0px; }

#hlavne-menu { position: absolute; top: 28px; right: 5px; }
#hlavne-menu li { float: left; margin-right: 20px; }
#hlavne-menu a { font-size: 10px; }
#hlavne-menu a:hover { color: #000000; }
#hlavne-menu .menu-nolink { font-size: 10px; color: #000000; }

#sub-menu { position: absolute; top: 185px; left: 69px; }
#sub-menu li { float: left; margin-right: 25px; }
#sub-menu a { font-size: 14px; height: 20px; }
#sub-menu a:hover, #sub-menu li.a a { background-position: 0 -20px; }
#sub-menu .menu-nolink { font-size: 14px; }

#rec-menu { position: absolute; top: 180px; left: 572px; }
#rec-menu select { font-size: 11px; color: #4e4539; border: 1px solid #938677; width: 150px; height: 18px; }
#rec-menu option { font-weight: normal; color: #4e4539; padding: 1px 0 1px 3px; }

#footer { background: transparent url('../img/background.png') repeat left top; position: relative; width: 100%; height: 20px; color: #753f05; }

#footer-text { background: #938677; font-size: 10px; color: #e5d5b1; padding: 3px 0 0px 0; height: 21px; }
#footer a { color: #e5d5b1; }

.imgtext-table { margin-left: 10px; }

.filelinks a { font-weight: bold; color: #564F46; }
.filelinks span { display: inline; }

/* CSS settings */
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.clear-n { clear: left; height: 1px; }
.hidden { display: none; }
#accesskeys { display:none; }