body { text-align: center; margin: 0; padding: 0; color: #0E5177; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size: 80%; background: #0E5177 url(img/back.png) repeat-x top center; }
#main { margin: 0 auto 0 auto; width: 760px; text-align: left; background: #fff; background: #fff url(img/back-in.png) repeat-y; }
#header { height: 213px; position: relative; font-size: 1.9em; margin: 0; padding: 0; background: #fff; }
#header span { background: url(img/logo.png) no-repeat center; position: absolute; width: 100%; height: 100%; }

/*#logo { display: block; padding-left: 84px; margin: 0; position: absolute; top: 10px; z-index: 1; }*/

#logo { display: block; padding-left: 0; margin: 0; position: absolute; top: 0; z-index: 1; }
#logo img { border: 0; }
#navig { font-size: 85%; padding-bottom: 20px; }
.up { position: absolute; top: -10000px; padding: 0; margin: 0; }
a, a:link, a:visited, a:active { color: #FF4500; text-decoration: underline; }
a:hover { color: #FF7B48; text-decoration: none; }

#nav a { color: #fff; text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav li li a { display: block; color: #fff; width: 140px; background-color: #236D96; padding: 3px;}
#nav li li a:hover { padding: 3px; }
#menu { background: #3C96C7 url(img/menu.png) no-repeat left top; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 auto 0 auto; color: #fff; text-align: center; } 
#menu ul { margin: 0; padding-left: 80px; list-style-type: none; font-weight: bold; text-align: center; }
#menu li { float: left; position: relative; padding-right: 80px; }
#menu li ul { display: none; position: absolute; top: 30px; left: 0; padding: 0 }
#menu li>ul { top: auto; left: auto; }
#menu li li { display: block; float: none; background-color: transparent; border: 0; text-align: left; padding-left: 0; }
#menu li:hover ul, #menu li.over ul { display: block; }
#menu li a:hover, #menu strong { color: #ff0; }

#top-content { background: #fff url(img/top-content.png) no-repeat bottom left; margin: 0; padding: 0; height: 20px; }

#left-col { float: left; padding: 0; margin: 0; width: 222px; }
#left-col h3 { font-size: 1.5em; padding: 0; margin: 10px 0 0 21px; height: 31px; background: #0E5177 url(img/table.png) no-repeat; line-height: 31px; vertical-align: middle; color: #fff; text-align: center; }
#left-col h3 a, #left-col h3 a:link, #left-col h3 a:visited, #left-col h3 a:active { color: #fff; text-decoration: underline; }
#left-col h3 a:hover { color: #fff; text-decoration: none; }
#left-col ul { margin: 0 17px 0 37px; padding: 5px 0 5px 0; list-style-type: none; background: #fff; }
#left-col li { padding: 2px 0 2px 10px; }

#left-menu { margin: 0 0 0 32px; padding: 0; }
#left-menu-top, #left-menu-bottom  { margin: 0 0 0 21px; padding: 0; background: url(img/left-menu-top.png) no-repeat; height: 16px; }
#left-menu-bottom { background: url(img/left-menu-bottom.png) no-repeat; }

ul#primary-nav, ul#primary-nav ul { margin: 0; padding: 0; width: 180px; /* Width of Menu Items */ background: #0E5177; /* IE6 Bug */ }
ul#primary-nav li { position: relative; list-style: none; height: 32px; line-height: 32px; vertical-align: middle; background: #0E5177; padding: 0 0 0 10px; font-weight: bold; }
ul#primary-nav li a { display: block; text-decoration: none; color: #fff; padding: 0; }
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */
ul#primary-nav ul { position: absolute; display: none; left: 180px; /* Set 1px less than menu width */ top: 0; }
ul#primary-nav li ul li a { padding: 0; } /* Sub Menu Styles */
ul#primary-nav li:hover ul ul, ul#primary-nav li:hover ul ul ul, ul#primary-nav li.over ul ul, ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#primary-nav li:hover ul, ul#primary-nav li li:hover ul, ul#primary-nav li li li:hover ul, ul#primary-nav li.over ul, ul#primary-nav li li.over ul, ul#primary-nav li li li.over ul { display: block; } /* The magic */
ul#primary-nav li a:hover { color: #ff0; text-decoration: underline; }
ul#primary-nav li.menuparent { height: 32px; line-height: 32px; vertical-align: middle; }
ul#primary-nav li.menuparent:hover, ul#primary-nav li.over { }

#right-col { margin: 0; float: right; width: 538px; padding: 0; background: #fff; }
#content { margin: 0 21px 10px 21px; padding: 0; }
#content h3 { margin: 0; padding: 0; font-size: 1.5em; clear: both; }
#content img.floatLeftClear { float: left; clear: left; margin: 0 20px 10px 0; padding: 0; border: 1px solid #D7E7F2; }
#content img.floatRightClearK { float: right; clear: right; margin: 0 0 10px 20px; padding: 0; border: 1px solid #D7E7F2; }
#content p.auto { float: left; margin: 0 17px 30px 0; padding: 0; border: 0; text-align: center; font-weight: bold; }
#content p.auto a img, #content p.auto a:link img, #content p.auto a:visited img, #content p.auto a:active img { border: 1px solid #D7E7F2; text-decoration: none; }
#content p.auto a:hover img { border: 1px solid #28577C; text-decoration: none; }
#content span { font-weight: bold; font-size: 1.5em; }

.nadpis { font-size: 1.8em; margin: 0 0 25px 0; padding: 0; color: #FF4500; }
.orange { font-size: 1.1em; margin: 20px 0 5px 0; padding: 0; color: #FF4500; }

.navijaky { border: 1px solid #D7E7F2; background: #EFF6FA; padding: 10px; margin: 10px 0 0 0; }
.okno, .okno2 { float: none; margin: 20px; padding: 0; width: 355px; background: #3C96C7 url(img/podklad.png) no-repeat; height: 256px; }

.okno h2, .okno2 h2 { font-size: 1.6em; margin: 0; padding: 0; text-align: center; height: 32px; line-height: 32px; vertical-align: middle; }
.okno h2 a, .okno h2 a:link, .okno h2 a:visited, .okno2 h2 a, .okno2 h2 a:link, .okno2 h2 a:visited { color: #fff; text-decoration: none; }
.okno h2 a:hover, .okno2 h2 a:hover { color: #fff; text-decoration: underline; }
.okno p, .okno2 p { text-align: center; margin: 17px 0 0 0; padding: 0; }
.okno p img, .okno2 p img { border: solid 2px #fff; }

.podklad { float: left; margin: 0 8px 0 0; padding: 0; width: 200px; background: #3C96C7 url(img/podklad2.png) no-repeat; height: 144px; }
.podklad h3 { font-size: 1.4em; margin: 0; padding: 0; text-align: center; height: 21px; line-height: 21px; vertical-align: middle; color: #fff; }
.podklad p { text-align: center; margin: 3px 0 0 0; padding: 0; }
.podklad p img { border: solid 2px #fff; }

#content .podklad2 { float: left; margin: 0 30px 20px 0; padding: 0; width: 200px; background: #3C96C7 url(img/podklad2.png) no-repeat; height: 144px; }
#content .podklad2 h3 { font-size: 1.2em; margin: 0; padding: 0; text-align: center; height: 21px; line-height: 21px; vertical-align: middle; color: #fff; }
#content .podklad2 h3 a, .podklad2 h3 a:link, .podklad2 h3 a:visited, .podklad2 h3 a:active { color: #fff; text-decoration: none; }
#content .podklad2 h3 a:hover { color: #fff; text-decoration: underline; }
#content .podklad2 p { text-align: center; margin: 3px 0 0 0; padding: 0; }
#content .podklad2 p img { border: solid 2px #fff; }

.cena { font-size: 1.3em; margin: 0 0 15px 0; padding: 0; color: #FF4500; }
.cena img { vertical-align: middle; border: 1px solid #0E5177; }
#content .cena span { color: #0E5177; font-size: 85%; }

#drob { font-size: 85%; float: left; margin: 0; padding: 0; height: 25px; line-height: 25px; vertical-align: middle; }
#drob strong { color: #B03100; }

.table, .table2 { border: 1px solid #0E5177; padding: 1px; font-size: 100%; text-align: center; font-weight: bold; margin: 0; padding: 0; }
.table2 { text-align: left; font-weight: normal; clear: both; margin: 10px 0 50px 0; }
.table th { padding: 2px; background: #0E5177; color: #fff; font-size: 95%; }
.table td { padding: 5px; background: #EFF6FA; width: 70px; }
.table2 td, .table2 th { padding: 3px; background: #EFF6FA; width: 270px;}
tbody tr.odd th, tbody tr.odd td { border-color: #fff; background: #F9FCFD; }
tbody tr:hover td { background: #fff; border-color: #fff; }
tr:hover td, tr:hover td a, tr:hover th a { color: #FF4500; }

.formular { border: solid 1px #479FCD; padding: 2px; font-size: 100%; margin: 0; width: 490px; }
.formular td { padding: 5px; background: #F7FBFC; text-align: left; width: 150px; }
.input { width: 210px; }
.textarea-kon { width: 300px; height: 100px; }
#content h3.green, .green { color: #21A71E; }

.bazar { border: solid 1px #479FCD; padding: 2px; font-size: 100%; margin: 0; width: 490px; }
.bazar td { padding: 5px; background: #F7FBFC; text-align: center; }
.bazar th { padding: 5px; background: #0E5177; text-align: center; color: #fff; }

.vypredaj { border: solid 1px #479FCD; padding: 2px; font-size: 100%; margin: 0; width: 490px; }
.vypredaj td { padding: 5px; background: #F7FBFC; }

.woman { background: #FF4500 url(img/back-kon.png) no-repeat; height: 153px; clear:both; width: 492px; margin: 20px 0 20px 0; padding: 0; }
.woman p { margin: 0; padding: 25px 0 0 10px; }
.woman img.floatRightClear { float: right; clear: right; margin: 13px 13px 0px 10px; border: 0; }
.woman span { font-size: 200%; color: #fff; padding: 10px; margin: 0; }
.woman span em { font-size: 150%; color: #ff0; padding: 15px;  }

.form { font-size: 100%; margin-top: 10px; padding: 0; width: 470px; border: 1px solid #6DA2D1; }
.form td { background-color: #F4F9FB; padding: 5px; }
.input, .select { width: 250px; }
.textarea { width: 250px; height: 100px; }
.chyby { color: #F00; border: 1px solid #F00; padding: 0; margin: 0; }
.chyby p { padding: 10px; margin: 0; }
#content h3.green, .green { color: #21A71E; }

.clear { clear:both; }

#footer { color: #fff; font-size: 95%; clear: both; background: #3C96C7 url(img/footer.png) no-repeat; margin: 0 auto 0 auto; padding: 0; width: 760px; text-align: center; height: 51px; }
#footer img, #footer iframe { border: 0; vertical-align: middle; }
#footer p { padding: 8px 0 0 0; margin: 0; }
#footer a, #footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }