* {margin: 0; padding: 0;} /* Fonts */ body {font-family: Verdana, Arial, helvetica, sans-serif;} code, kbd, pre {font-family: Consolas, "Courier New", Courier, monospace;} /* Basics */ body {color: #606062; font-size: 75%; text-align: center; behavior: url("../css/csshover.htc"); margin: 0;} h2 {font-size: 120%; margin: 10px 0 10px 10px;} h3 {font-size: 110%; margin: 10px 0 5px 10px;} h4 {font-size: 95%; margin: 10px 0 0 0;} ul, ol, dl {margin: 0 0 0 2.2em;} li {line-height: 1.4em;} img, fieldset {border: 0;} input, select, textarea, table {font-size: 100%; font-family: Verdana, Arial, Sans-serif; vertical-align: middle;} a {color: #555; text-decoration: none;} a:hover {color: #c00405;} label {font-weight: bold;} fieldset p br {display: none;} fieldset label {float: left; width: 150px; text-align: left;} fieldset li label {float: none; width: auto; text-align: left;} .cleaner {clear: both; float: none;} .center {text-align: center;} /* Core layout */ #page {width: 910px; margin: 0 auto; text-align: left; position: relative; padding-top: 127px;} /* logo */ #logo {width: 220px; height: 60px; font-size: 125%; overflow: hidden; left: 0; top: 57px; position: absolute;} #logo span {width: 220px; height: 60px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/design/logo.png) no-repeat 0 0; display: block;} #logo a {cursor: pointer; text-decoration: none;} /* jazyk - select */ #language {position: absolute; top: 20px; right: 10px; color: #999;} #language A, #language A:visited {color: #999;} #language A:hover {color: #bf2d37;} /* jazyk - site */ #jazyk FORM {margin: 0 10px; border: solid 1px #eee; padding: 20px;} #jazyk SELECT {width: 200px;} /* vyhledavani */ #search {width: 202px; _width: 220px; height: 38px; background: #d4d2d2; padding: 6px 9px 9px 9px; font-size: 90%; margin: 0;} #search DIV {margin: 0 !important;} #search label {color: #fff; margin-bottom: 5px; display: block;} #search #retezec {width: 124px; padding: 3px; _height: 19px; border: 0; color: #999;} #search input.submit {background: #fff; color: #c00405; font-weight: bold; border: 0; margin: 0 0 0 5px; padding: 2px; width: 68px;} /* menu */ #menu {width: 680px; position: absolute; top: 57px; left: 230px; z-index: 9; background: #96a275;} #menu h3 {display: none;} #menu ul, #menu li, #menu a {display: block; margin: 0; padding: 0;} #menu ul {width: 180px; background: #96a275; border: #6f7756 solid; border-width: 0 1px 0 1px; list-style-type: none;} #menu li {border-bottom: 1px #6f7756 solid; position: relative; z-index: 9; text-align: left;} #menu li.folder ul {position: absolute; top: 5px;} #menu li.folder>ul {right: 170px;} #menu a {width: 100%; height: 100%; color: #fff; text-decoration: none; padding: 3px 10px;} #menu li>a {width: auto;} #menu a:hover {color: #fff; background: #6f7756;} #menu li.folder a:hover {background: #6f7756;} #menu li.folder:hover {z-index: 10;} #menu ul ul li.folder {background: url(../images/menu_arrow1.gif) 95% 50% no-repeat;} #menu ul ul li.folder>a:hover {background: url(../images/menu_arrow1h.gif) 95% 50% no-repeat #6f7756;} #menu ul ul, #menu li:hover ul ul, #menu li:hover li:hover ul ul, #menu li:hover li:hover li:hover ul ul {display: none;} #menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul, #menu li:hover li:hover li:hover li:hover ul {display: block;} /* menu - prvni uroven */ #menu ul#level1 {width: 100%; background: transparent; border: 0; display: block; margin: 0; padding: 0;} #menu ul#level1 li.top {display: inline; float: left; border: 0; text-align: center; background: url(../images/menu_line.gif) 0 65% no-repeat;} #menu ul#level1 li.first {background: transparent;} #menu ul#level1 li.top ul {position: absolute; left: 0; top: 60px;} #menu ul#level1 li.top ul ul {left: 180px; _left: 178px; top: 0;} #menu ul#level1 a.toplink {font-weight: bold; width: auto; float: left; color: #fff; font-size: 120%; margin: 0; padding: 28px 15px 15px 15px; text-decoration: none; } #menu ul#level1 li.first a {border: 0;} #menu ul#level1 a.toplink:hover {color: #6f7756; background: none;} /* sloupec */ #sidebar {margin: 0; width: 220px; float: left;} html>body #sidebar {width: 220px;} #sidebar .box DIV {margin-top: 10px;} #sidebar .box IMG {display: block;} #sidebar .inner {margin: 0;} #sidebar h3 {margin: 5px 0 0 0; padding: 25px 0 25px 80px; color: #767676; font-size: 140%; text-align: left;} #sidebar h3 a {color: #767676;} #sidebar h4 {font-size: 90%; margin: 0;} #sidebar .content {padding: 0 20px;} #sidebar .datm {text-align: right;} #sidebar p, #sidebar .news-list {margin: 0;} #newsletter-form label {display: none;} #partners, #newsletter {text-align: center;} #partners div {display: inline;} #partners p {display: inline; padding: 0 10px;} /* strana */ #page {} #content {padding: 0; width: 680px; float: right;} #content .content {margin: 0;} #content h2 {margin: 0; padding: 15px 10px 25px 10px; font-size: 140%; text-align: left;} #content h2 a, #content h2 {color: #606062; clear: both;} #content p {margin: 0 10px 10px 10px; line-height: 1.3em;} #content hr {color: #ddd; background: #ddd; border: 0; height: 1px; margin: 1px 0; padding: 0;} /* aktuality ve clanku */ #content .news-list {margin: 3em 0;} #content .datum {margin: 0; font-weight: bold;} #content .nazev {margin: 0 0 2px 0;} #content .news {float: left;} #content .news img {border: 1px #19106d solid; margin-right: 6px;} #content .text {margin: 2px 0 10px 0;} /* aktuality */ .news-list {margin: 1.5em 0;} /* aktuality ve sloupci */ #news .datum {font-weight: bold;} #news .nazev {margin: 0 0 2px 0;} #news .text {margin: 2px 0 10px 0;} /* anketa */ #questionnaire ul {text-align: left; margin: 1em 0 0 0; padding: 0;} #questionnaire li {margin: 0; list-style-type: none; text-align: left;} #questionnaire p {margin: 1em 0; text-align: center;} #questionnaire label {font-weight: normal;} /* drobeckova navigace */ h2#breadcrumbs {font-size: 100%;} #breadcrumbs a {display: block; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; background: url(../images/design/breadcrumbs-arrow.gif) 98% 50% no-repeat !important;} #breadcrumbs span {display: none;} /* paticka */ #footer {width: 910px; padding: 20px 0 0 0; margin: 0 auto; text-align: center; font-size: 90%; color: #aaa;} #footer p {margin: 5px 0 5px 0; text-align: right;} #footer a, #footer a:visited {color: #aaa;} #footer a:hover {color: #bf2d37;} /* reklama */ #advertising {position: absolute; left: 780px; top: 18px;} /* hlasky*/ .confirm {margin: 10px 0 0 0; color: #87db01; font-weight: bold;} .error {color: #c20400; font-weight: bold; margin: 10px 0 0 0;} .note {font-style: italic; margin: 10px 0 0 0;} /* tabulky */ table {margin: 10px 0; font-size: 100%;} .top {vertical-align: top;} .table1 {font-size: 85%; background: #ecebf3; border: 1px #b7ff3b solid; border-collapse: collapse;} .table1 td {border: 1px #b7ff3b solid; padding: 3px;} .table2 {width: 100%; background: #fafafa; border: 1px #96a275 solid; border-collapse: collapse;} .table2 th {color: #fff; background: #96a275; padding: 3px 5px;} .table2 td {border: 1px #96a275 solid; padding: 3px 5px;} .table3 {border: 1px #b7ff3b solid; border-collapse: collapse;} .table3 td {border: 1px #b7ff3b solid; padding: 3px 5px;} /* slovnik */ .definition {color: #bd3939; cursor: help; border-bottom: 1px #19106d dashed; text-decoration: none;} #dictionary h3 {font-size: 115%; background: #ecebf3; border-bottom: 1px #19106d solid; padding: 1px 5px 0 5px;} #dictionary .notions p {width: 50px; height: 12px; font-size: 125%; position: relative; overflow: hidden; margin: 5px;} #dictionary .notions span {width: 50px; height: 12px; background: url(../images/top.gif) no-repeat; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; display: block;} #dictionary .notions a {color: #bd3942; cursor: pointer; text-decoration: none;} dl {margin: 0; padding: 0;} dt {padding: 5px 0 0 5px;} dd {margin-left: 120px;} /* vyhledavani */ h3.found {color: #000; background: url(../images/menu-arrow.gif) 0 4px no-repeat; font-size: 100%; margin: 10px 0 0 0; padding: 0 0 0 8px;} h3.found a {color: #c00405;} h3.found a:hover {text-decoration: none;} #found .found_goods {padding-top: 10px; font-weight: bold;} #found .list {display: block;} #found .cara {margin: 10px 0 0 0;} #found .all {display: block; clear: both;} /* souvisejici clanky */ #related {margin: 50px 0 10px 0;} /* anotace */ div.annotation {background: #ecebf3; border: 1px #19106d solid; margin: 20px 0; padding: 8px;} div.annotation h3 {margin: 0 0 5px 0;} div.annotation p {margin: 0;} h5.annotation {color: #19106d; font-size: 95%; margin: 15px 0 -15px 0;} /* fotogalerie */ #photogallery {height: 350px; position: relative;} html>body #photogallery {min-height: 350px; height: auto;} #photogallery ul {margin: 0; padding: 0;} #photogallery li {float: left; margin: 0 4px 1px 0; list-style-type: none;} /* diskuze */ #discussion {border: 1px #cfcfcf solid; padding: 20px 5px 5px 5px; margin: 20px 0; position: relative;} #discussion h3 {color: #000; background: #efefef; border: 1px #cfcfcf solid; padding: 2px 3px; margin: 0; position: absolute; top: -10px; font-weight: normal;} #discussion .udaje {padding: 2px; background: #efefef; border: 1px #cfcfcf solid;} #discussion .text {margin-bottom: 10px;} /* strankovani */ #strankovani {margin-top: 20px; clear: both;} #strankovani P {margin: 0 0 5px 0;} #strankovani A, #strankovani STRONG {display: block; float: left; margin: 1px 1px 0 0; padding: 2px 4px; background: #eee; color: #555; text-decoration: none;} #strankovani A:hover, #strankovani STRONG {background: #c00405; color: #fff;} /* titulni strana */ #page_tit, #page_tit A, #page_tit A:visited, #page_tit IMG {margin: 0; padding: 0; border: 0;} #page_tit #first {width: 650px; margin-bottom: 10px;} #page_tit #second_left, #page_tit #second_middle {width: 220px; margin: 0 10px 10px 0; float: left;} #page_tit #second_right {width: 220px; margin: 0 0 10px 0; float: left;} #newsbox {width: 450px; height: 220px; overflow: hidden; float: left; margin-bottom: 10px;} #newsbox #newsbox_in {width: 450px; height: 220px; overflow: hidden; background: #96a274; color: #fff; position: absolute;} #newsbox #newsbox_in DIV {margin:0; position: absolute; overflow: visible;} #newsbox H2 {margin: 10px 10px 5px 10px; padding: 0; font-size: 130%; color: #fff; position: static;} #newsbox H2 A, #newsbox H2 A:visited {color: #fff; text-decoration: none;} #newsbox H2 A:hover {color: #6f7756;} #newsbox P {margin: 0 10px 20px 10px; text-align: justify;} #newsbox A, #newsbox A:visited {color: #fff; font-weight: bold;} #newsbox A:hover {color: #c30400;} #page_tit #third_right {width: 220px; float: right; margin-bottom: 10px;} #page_tit #fourth_left, #page_tit #fourth_middle {width: 220px; float: left; margin: 0 10px 10px 0; _margin-right: 8px;} #page_tit #fourth_right {width: 220px; float: left; margin: 0 0 10px 0; } /* linie */ #linie {width: 220px; border-bottom: solid 1px #d3d3d3;} #linie P {color: #555; font-weight: bold; padding: 5px 0 5px 22px; cursor: pointer;} #linie P.hidden {background: url(../images/menu_plus.png) no-repeat 0 6px;} #linie P.visible {background: url(../images/menu_minus.png) no-repeat 0 6px;} #linie UL {list-style: none; margin: 0; padding-bottom: 5px;} #linie A {color: #555; text-decoration: none; padding-left: 22px; display: block; _height: 14px; line-height: 14px;} #linie A:hover {color: #c00405; text-decoration: underline;} #linie STRONG {color: #333;} /* link novinky nad katalogem */ #lnk_novinky .bulb {background-image: url(../images/menu_bulb.png);} #lnk_novinky .bulb A {color: #555 !important; display: block;} #lnk_novinky .inner DIV {padding-bottom: 6px;} #lnk_novinky P {color: #555; font-weight: bold; background: url(../images/menu_plus.png) no-repeat 0 6px; border-top: solid 1px #d3d3d3; padding: 5px 0 5px 22px; cursor: pointer;} #lnk_novinky P A {padding-left: 0 !important;} /* katalog - menu */ #katalog {border-bottom: solid 1px #d3d3d3;} #katalog .bulb {background-image: url(../images/menu_bulb.png);} #katalog .bulb A {color: #555 !important;} #katalog .inner DIV {padding-bottom: 6px;} #katalog A, #katalog A:visited {color: #555; text-decoration: none; padding-left: 22px; display: block;} #katalog A:hover {color: #c00405; text-decoration: underline;} #katalog P, #katalog P.hidden {color: #555; font-weight: bold; background: url(../images/menu_plus.png) no-repeat 0 6px; border-top: solid 1px #d3d3d3; padding: 5px 0 5px 22px; cursor: pointer;} #katalog P.hidden2 {background: url(../images/menu_plus2.png) no-repeat 0 6px #ececec;} #katalog P.visible {background: url(../images/menu_minus.png) no-repeat 0 6px;} #katalog P.visible2 {background: url(../images/menu_minus2.png) no-repeat 0 6px #ececec;} #katalog P A {padding-left: 0 !important; text-decoration: none !important;} #katalog P.selected, #katalog P.selected2 {background: url(../images/menu_down.png) no-repeat 0 1px; padding: 0 0 0 22px; border: 0; font-weight: normal;} #katalog P.selected3 {background-image: none; padding: 0 0 0 22px; color: #000; border: 0; font-weight: normal;} #katalog P.selected3 A {color: #c00405 !important;} #katalog .active {background: #ececec;} /* katalog - obsah */ #item_links {position: relative;} #item_links A {display: inline; line-height: 2.4em; padding: 0.6em 27px; margin: 0 4px 0 0; background: #e4e6d8; color: #878f66; font-weight: bold; text-decoration: none; font-size: 110%;} #item_links A.popis {} #item_links A.dealer {color: #fff; background: #a8b081;} #item_links A.rotation {color: #fff; background: #797E4F;} #item_links A.video {color: #fff; background: #4f5239;} #item_links A.eshop {color: #fff; background: #8a906c;} #item_links A.tisk {color: #a8ad8f; background: #fff; position: absolute; right: 0; line-height: 1.4em;} #item_box {background: #e4e6d8; padding: 20px; margin-bottom: 30px; position: relative; text-align: justify; color: #a8ad8f; _width: 680px;} #item_box.box_dealer {background: #a8b081; color: #e4e6d8;} #item_box .info {font-weight: bold; font-size: 120%; display: block; margin: 0 0 8px 0} #item_box.box_video, .box_video {background: #4f5239 !important; color: #fff;} #item_box.box_rotation, .box_rotation {background: #797E4F !important; color: #fff;} #item_box H2 {color: #848c65; font-size: 120%; padding: 0; margin: 0 0 20px 0;} #item_box IMG {margin: 0 10px 10px 0;} #item_img {width: 160px; position: absolute; right: 20px; top: 20px; text-align: right;} #item_img IMG {margin-left: 5px;} .list DIV, .list_news DIV {text-align: center; width: 220px; float: left; margin: 0 5px 0 0; height: 160px; _height: 180px;} .list DIV A, .list DIV A:visited, .list_news DIV A, .list_news DIV A:visited {text-decoration: none; color: #555; width: 95%; display: block;} .list DIV A:hover, .list_news DIV A:hover {color: #c00405; text-decoration: underline;} .list DIV IMG, .list DIV IMG:hover {display: block; padding: 0; margin: 0 auto 10px auto;} .videolist DIV {height: 186px;} /* novinky a projekty */ .list.novinky {display: inline;} .projekty {clear: both;} .list.novinky DIV, .list.projekty DIV {width: 165px; margin-bottom: 0; height: 105px;} .list.novinky DIV IMG, .list.projekty DIV IMG, .list_news DIV IMG {margin: 0 auto 10px auto; display: block;} .list.novinky DIV A, .list.projekty DIV A {width: 160px; display: block; margin: 0 auto;} .list_news DIV A {width: 220px; display: block; margin: 0 auto;} /* vypis zbozi - male obrazky */ .sortiment {width: 160px !important; height: 130px !important; font-size: 90%;} .sortiment IMG {margin: 0 auto;} /* recepty */ #recepty UL {height: 230px; width: 215px; _width: 213px; border-right: solid 1px #c0bcb8; float: left; text-align: left; list-style: none; margin: 0 0 0 10px;} #recepty UL LI A, #recepty UL LI A:visited {color: #555; font-size: 90%; font-weight: bold; text-decoration: none; background: url(../images/arrow_yellow.gif) no-repeat 0 1px; padding-left: 20px;} #recepty UL LI A:hover {color: #c00405; font-weight: bold; text-decoration: none; background: url(../images/arrow_red.gif) no-repeat 0 1px !important; padding-left: 20px;} #recepty .left {background: url(../images/vajicko.jpg) no-repeat 100% 0;} #recepty .center {background: url(../images/maso.jpg) no-repeat 100% 0;} #recepty .center A, #recepty .center A:visited {background-image: url(../images/arrow_orange.gif);} #recepty .right {background: url(../images/brokolice.jpg) no-repeat 100% 0;} #recepty .right A, #recepty .right A:visited {background-image: url(../images/arrow_green.gif);} #recepty_list UL {list-style: none; margin: 0 0 0 10px;} #recepty_list LI {float: left; width: 330px; margin: 0 0 10px 0;} #recepty_list IMG {float: left; margin-right: 15px;} #recepty_list A, #recepty_list A:visited {float: left; font-size: 90%; color: #555; display: block; text-decoration: none;} #recepty_list A:hover {color: #c00405; text-decoration: underline;} #recepty_detail IMG {margin: 0 20px 20px 10px; float: left;} #recepty_detail PRE {margin-left: 360px; min-height: 240px; font-size: 110%;} #recepty_detail P {line-height: 1.8em;} #recepty_detail A {text-decoration: underline; cursor: pointer; margin-right: 5px;} /* Manual */ .manual {background: url(../images/design/manual-ico.png) no-repeat; display:block; height:22px; line-height: 22px; margin-top:20px; margin-bottom:5px;} .manual a {padding-left:40px; color:#fff; font-weight: bold; font-size: 11px;} .manual a:hover {color:#6f7756 !important;}