body { text-align: center; color: #55565A; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size: 80%; background: url(img/back.jpg) repeat-x; position: relative; }
#main { margin: 0 auto; width: 778px; text-align: left; background: url(img/back-in.jpg) repeat-y top center; }
html>body { font-size: 85%; *font-size: 80%; } body:last-child, * html body { font-size: 80%; }

/* ---GENERAL--- */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a img, :link img, :visited img, fieldset { border: none; }

.none { display: none; }
.clear { overflow: hidden; clear: both; }

#header { height: 182px; position: relative; font-size: 1.5em; }
#header span { background: url(img/header.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; }

#header_en { height: 182px; position: relative; font-size: 1.5em; }
#header_en span { background: url(img/header_en.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; }

#header_de { height: 182px; position: relative; font-size: 1.5em; }
#header_de span { background: url(img/header_de.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; }

#logo { display: block; padding-left: 24px; position: absolute; top: 34px; z-index: 1; }
#logo img { border: 0; }

a, a:link, a:visited, a:active { color: #1D4B83; text-decoration: underline; }
a:hover { color: #1D4B83; text-decoration: none; }

#menu { padding-left: 230px; position: absolute; top: 143px; }
#menu ul {  list-style: none; height: 24px; }
#menu ul li { float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 24px; }
#menu ul li#tab { padding: 7px; color: #ff0; }
#menu ul ul { width: 180px; list-style: none; display: none; position: absolute; top: 28px; left: 0; }
#menu ul ul:after /*From IE 7 lack of compliance*/ { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
#menu ul ul li { width: 180px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited, #menu ul li a:active { color: #fff; text-decoration: none; }
#menu ul li a:hover { color: #fff; text-decoration: underline; background: #7193D2; }
/* Root Menu */
#menu ul a { padding: 7px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/  font-weight: normal; }
/* 2nd Menu Hover Persistence */
#menu ul li li a { background-color: #2B4381; width: 150px; _width: 170px; }
/* Do Not Move - Must Come Before display:block for Gecko */
#menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li.iehover ul ul, #menu ul li.iehover ul ul ul { display: none; }
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul, #menu ul li.iehover ul, #menu ul ul li.iehover ul, #menu ul ul ul li.iehover ul { display: block; height: 24px; }


#right-col { float: right; width: 554px; }
#right-col h2 { margin: 20px; font-size: 1.7em; color: #1D4B83; font-weight: normal; }
#right-col h3 { margin: 20px 20px 5px 20px; font-size: 1.3em; color: #1D4B83; }
#right-col p { margin: 0 20px 15px 20px; line-height: 1.4em; }

#right-col ul { margin: 0 20px 15px 20px; }
#right-col li { margin: 0 20px 5px 20px; list-style: disc; }

#right-col .okna { margin: 15px 20px; overflow: hidden; clear: both; }
#right-col .okno { float: left; width: 165px; background: #F3F3F3; margin-right: 6px; }
#right-col .okno_last { float: left; width: 165px; background: #F3F3F3; margin-right: 0 }
#right-col .okno h3, #right-col .okno_last h3 { margin: 0; padding: 3px 0; background: #D4D5D7; text-align: center; }
#right-col .okno p, #right-col .okno_last p { margin: 0; padding: 10px; }
.floatRightClear { float: right; clear: right; border: 0; }

#right-col .foto { margin: 15px 70px;  }
#right-col .foto img { border: 1px solid #E3E3E3; }

.form { font-size: 100%; margin: 0 20px; width: 514px; }
.form td { background-color: #F7F7F7; padding: 5px; }
.input, .select { width: 210px; }
.izba { width: 30px; }
.textarea { width: 300px; height: 100px; }
.chyby { color: #F00; border: 1px solid #F00; margin: 0 20px; width: 514px; }
#content .chyby h3 { color: #F00; font-size: 1.5em; font-weight: normal; margin: 0; padding: 10px; }

.good { color: #21A71E; border: 1px solid #21A71E; margin: 0 20px; width: 514px; }
#content .good h3 { color: #21A71E; font-size: 1.5em; font-weight: normal; margin: 0; padding: 10px; }

#left-col { float: left; width: 224px; }
#left-col p { margin: 10px 10px 10px 15px; }
#left-col p.right { text-align: right; }

#left-col .earth { width: 220px; height: 178px; background: url(img/earth.jpg) no-repeat; margin-left: 4px; }
#left-col .jazyky { width: 220px; height: 35px; background: url(img/jazyky.jpg) no-repeat; margin-left: 4px; }
#left-col .jazyky ul { padding-left: 45px; }
#left-col .jazyky li { float: left; padding-left: 10px; }

#left-col h3 { background: url(img/left-item.jpg) no-repeat; margin: 10px 0 0 4px; width: 180px !important; width /**/:220px; height: 36px; line-height: 36px; vertical-align: middle; font-size: 1.2em; padding-left: 40px; }

#jazyky { position: absolute; top: 22px; margin: 0 0 0 775px; z-index: 11; color: #2F8758; font-size: 85%; }
#jazyky a, #jazyky a:link, #jazyky a:visited, #jazyky a:active { color: #77777A; }
#jazyky a:hover { color: #77777A; text-decoration: none; }
#jazyky span { padding: 0 5px; color: #77777A; }


#footer_back { margin: 0 auto; background: url(img/footer.jpg) repeat-x; height: 66px; width: 100%; z-index: 10; }
#footer-top { background: url(img/footer-top.jpg) no-repeat; width: 778px; height: 26px; z-index: 30; margin: 0 auto; }

#footer { font-size: 85%; color: #fff; text-align: center; }
#footer img { vertical-align: middle; }
#footer p { padding-top: 10px; }
#footer a, #footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }