body, h1, h2, h3, ul, p { margin: 0; padding: 0; }

/* -----[ Layout ]----------------------------------------------------------- */

body { background: #f3f3eb url(/images/layout/body.png) repeat-y 50% 0; }

#wrap1, #wrap2 { width: 100%; }

#wrap1 { background: url(/images/layout/header.png) repeat-x 0 0; }
#wrap2 { background: url(/images/layout/footer.png) repeat-x 0 100%; }

#wrap-in { width: 750px; margin: 0 auto; }



#header, #mainarea, #footer, #wrap-in { position: relative; }

#header { background: url(/images/layout/header.jpg) no-repeat; height: 75px; }
#mainarea { background: #fff url(/images/layout/main.jpg) no-repeat 0 100%; min-height: 400px; padding-bottom: 100px; }

#footer { height: 100px; }



#header { font-size: 95%; }
#header h1 { margin-left: 25px; font-size: 30px; line-height: 75px; }
#header ul { position: absolute; top: 10px; right: 10px; }
#header p { position: absolute; bottom: 10px; right: 15px; font-weight: bold; }

#content { width: 520px; margin-left: 215px; padding: 1em 0; }
#content.col1 { width: 720px; margin-left: 15px; }

#kontakty { position: absolute; top: 0; right: 0; line-height: 24px; width: 65px; padding-left: 15px; background: url(/images/kontakty.png) no-repeat left bottom; }
#kontakty a { color: #000; font-size: 95%; font-weight: bold; text-decoration: none; }
#kontakty a:hover { color: #666; }


.left, .right { margin: 0.5em 0; }
.left { float: left; margin-right: 1em; }
.right { float: right; margin-left: 1em; }

.years dt { float: left; width: 40px; font-weight: bold; background: #fff; border-bottom: 1px solid #ccc; text-align: center; }
.years dd { margin-left: 20px; border-left: 1px solid #ccc; padding-left: 30px; padding-bottom: 0.5em; }

.clear { clear: both; }

/* -----[ Sidebar ]---------------------------------------------------------- */

#sidebar { position: absolute; top: 0; font-size: 95%; }
#sidebar p { text-align: center; }

#sidebar div.panel { margin: 15px; border: 1px solid #999; background: #fff; }
#sidebar div.panel h3, #sidebar div.panel div { padding: 0.5em 1em; }

#sidebar div.panel p { margin: 0.25em 0; text-align: right; }
#sidebar div.panel h3 { font-size: 100%; font-weight: bold; background: #282; color: #fff; letter-spacing: normal; }

ul.basket { line-height: 1.75em; }
ul.basket li { position: relative; }
ul.basket li span { font-weight: bold; position: absolute; right: 0; }

/* -----[ Dynamic Menu ]----------------------------------------------------- */

#menu { margin: 15px; }

#menu, #menu ul { border: 1px solid #999; background: #fff; }
#menu, #menu ul, #menu li { width: 180px; }

#menu li { position: relative; vertical-align: bottom; }
#menu ul { position: absolute; display: none; top: -1px; left: 180px; }

#menu li:hover { background: #f0fff0; }
#menu ul ul, #menu li:hover ul ul { display: none; }
#menu li:hover ul, #menu li:hover li:hover ul { display: block; }

#menu { z-index: 1; }
#menu ul { z-index: 2; }
#menu ul ul { z-index: 3; }

#menu a, #menu span {
 display: block; padding: 0.25em 0.5em;
 color: #000; text-decoration: none;
}

#menu ul.active { display: block !important; position: relative; top: 0; left: 5px; z-index: 1; }
#menu li.active { background: #d9f5d9 !important; }
#menu a.active, #menu span.active { font-style: normal; font-weight: bold; }

/* -----[ Text ]------------------------------------------------------------- */

body, table { font: 12px Verdana, Arial, sans-serif; color: #321; }
input, textarea { font: 13px Verdana; }

h1, h2, h3 { font-weight: normal; letter-spacing: -1px; }
h2 { font-size: 200%; color: #bb6f02; text-align: center; }
h3 { font-size: 150%; }
h4 { font-size: 105%; }

a:link, a:visited, a:active { color: #539237; }
a.file { color: #f00 !important; text-transform: uppercase; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

#header, #footer, #header a, #footer a { color: #fff; text-decoration: none; }
#header a:hover, #footer a:hover { color: #ddd; }
#footer a { font-style: italic; }

#footer p { line-height: 40px; margin: 0 20px; }
#footer #zakjan img { margin-top: 8px; }

/* -----[ Text Content ]----------------------------------------------------- */

#content { text-align: justify; }
#content p, #content table, #content ul, #content dl { margin: 1em 0; line-height: 1.75em; }
#content img { display: block; border: none; margin: 1em auto; }

.slogan   { font-weight: bold; }
p.slogan  { font-size: 14px; text-align: center; }
ul.slogan { font-size: 16px; margin-bottom: 20px !important; }


/* -----[ Table Content ]---------------------------------------------------- */

table { border-collapse: collapse; border-top: 1px solid #999; width: 100%; }
th, td { text-align: left; vertical-align: top; }

table th, table td { border-bottom: 1px solid #999; padding: 0.1em 0.5em; }
table.big th, table.big td { padding: 0.5em 1em; }

table.small { border: none; font-size: 95%; }
table.small th, table.small td { border: none; padding: 0 0.5em; }
table.small.bh th { border-bottom: 1px solid #999; }

/* -----[ Shop ]------------------------------------------------------------- */

.shop a { background: url(/images/shop.png) no-repeat 50% 50%; padding: 8px; }
.shop a span { display: none; }

.shop input { width: 40px; text-align: right; }

/* -----[ Forms ]------------------------------------------------------------ */

form { display: inline; }

input, textarea { border: 1px solid #000; padding: 0 3px; margin: 0 3px; }
input:focus, textarea:focus, input.button:hover { background: #f0fff0; }
input { width: 200px; }
input.button { width: auto; }
textarea { width: 400px; height: 5em; }

label span { display: block; width: 100px; float: left; }

/* -----[ Icons ]------------------------------------------------------------ */

.flag    { background: no-repeat 0 50%; padding-left: 20px; }
.flag.cz { background-image: url(/images/flags/cz.png); }
.flag.en { background-image: url(/images/flags/en.png); }
.flag.de { background-image: url(/images/flags/de.png); }

.file     { background: no-repeat 0 50%; padding-left: 20px; text-transform: uppercase; }
.file.pdf { background-image: url(/images/files/pdf.png); }

/* -----[ Misc. ]------------------------------------------------------------ */

img { border: none; }
li { list-style: none; }
#content li { list-style: inside disc; }
#menu li { cursor: pointer; }
acronym { background: url(/images/dotted.png) repeat-x 0 100%; border: none; cursor: help; }

.center { text-align: center; }

/* -----[ Sloupcová sazba ]-------------------------------------------------- */

.cols { clear: both; float: left; }

.cols    p   { margin: 0.25em 0 !important; }

.cols    div { float: left; margin-right: 15px; text-align: left; }
.cols.c2 div { width: 243px; }
.cols.c3 div { width: 158px; }
.cols.c4 div { width: 125px; text-align: center; margin-right: 5px; }

.cols.c3 .s2 { width: 332px; }