/* Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Basic
----------------------------------------------- */
body {background: #fff; font: 16px/1em arial, verdana; color: #373737;}
a, a:visited {text-decoration: underline; color: #373737;}
a:hover {text-decoration: none; color: #a50000;}
a img {border: 0;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
p {margin: 0 10px 10px;}
h1 {font-size: 1.0em; font-weight: bold;}
h2 {font-size: 1.1em; font-weight: bold; margin: 10px;}
h3 {font-size: 1.0em; font-weight: bold;}
h4 {font-size: 1.0em; font-weight: bold;}
.red {color: #ff0000;}
.black {color: #000;}
.kontakt2 .green {color: green;}



/* Layout
----------------------------------------------- */
#container {text-align: left; width: 1032px; margin: 0 auto;}
#content-lay {float: right; width: 710px; padding: 0 40px 0 0; font-size: 0.75em;}
#header {height: 260px; padding-left: 10px;}
#header img {float: right;}
#header .logo {float: left; position: relative; top: 5px; left: 15px; margin: 5px 0 5px 15px;}
#header a, #header a:visited {text-decoration: none; font-size: 1.0em; color: #ababab; position: relative; top: 1px;}

#navigation {float: left; width: 240px; background: url("/images/sidebar.jpg") no-repeat #fff; margin: 15px 0 0 25px; }
#navigation-vyrobci {float: left; width: 240px; margin: 15px 0 0 25px;}
#navigation a, #navigation a:visited {text-decoration: none; font-size: 1.0em; color: #373737;}
#navigation-vyrobci a, #navigation-vyrobci a:visited {text-decoration: none; font-size: 1.0em; color: #373737;}

.hp-partner {margin: 60px 0 0 0; position: relative; left: 30px;}
.hp-partner2 {margin: 60px 0 0 0; position: relative; left: 30px;}
.cernytrh {margin: 60px 0 0 0px;}

#footer {margin-bottom: 10px; padding: 40px 0 10px 0; height: 25px; float: left; width: 100%; text-align: center; font-size: 0.75em; color: #373737;}
#footer a, #footer a:visited {color: #373737;}
#footer a:hover {color: #a50000;}



/* Forms
----------------------------------------------- */
fieldset {border: 1px solid #aaa; width: 400px; padding: 10px; margin: 0 0 25px 0;}
legend {padding: 0 3px; text-align: center; font-weight: bold; margin-bottom: 0.1em;} 
.input-cell {width: 400px; text-align: left;}
.input-textarea {width: 400px; text-align: left;}
.input-text {width: 80px; float: left; text-align: right; position: relative; top: 5px; font-size: 0.85em; font-weight: bold; padding: 0 7px 0 0;}
.input-input {width: 290px; float: left; text-align: left;}
.input-input-anti {width: 190px; float: left; text-align: left;}
.input-input-image {width: 290px; float: left; text-align: right;}
.input-input input {height: 20px; border: 1px solid #aaa; background: #efefef; padding: 3px 3px 0 3px; width: 270px;}
.input-input textarea {height: 150px; width: 370px; border: 1px solid #aaa; background: #efefef; padding: 3px 3px 0 3px}
.input-input input.obligatory {background: #fcffad; margin: 5px 0;}
.input-input input.normal {background: #fff; margin: 5px 0;}
.input-input input:focus {border: 1px solid #000;}
.input-input input.input-image {width: 140px; height: 31px;}
.select-objednavka {border: 1px solid #dedede; width: 175px;}
.select-konfigurator {border: 1px solid #dedede; width: 200px; margin: 0 10px 6px 0;}
.input-checkbox {position: relative; top: 3px; margin-right: 10px;}
.input-tridit {border: 1px solid #373737; background: #fff; color: #373737;}

.div-cell {width: 450px; text-align: left; height: 25px;}
.div-text {width: 100px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 0 7px 0 0;}
.div-input {width: 290px; float: left; text-align: left;}

.yellow-box {background: url(/images/yellow-box.jpg) no-repeat #fffede; border: 1px solid #efeb80; min-height: 105px; width: 300px; padding: 4px; float: left; margin: 0 15px 0 15px;}
.red-box {background: url(/images/red-box.jpg) no-repeat #ffe3e3; border: 1px solid #eeafaf; width: 300px; padding: 4px; float: left; margin: 0 5px 15px 0;}
.blue-box {background: url(/images/blue-box.jpg) no-repeat; border: 1px solid #c2e0e6; width: 300px; padding: 4px; float: left; margin: 0 5px 15px 0;}
.orange-box {background: url(/images/orange-box.jpg) no-repeat #fff3c8; border: 1px solid #f5dd88; width: 300px; padding: 4px; float: left; margin: 0 5px 15px 0;}

input.required {border: 1px solid #00a8e6;}
input.validation-failed {border: 1px solid #ff3300;	color : #ff3300;}
input.validation-passed {border: 1px solid #00cc00;	color : #000;}
.validation-advice {margin: 5px 0; padding: 5px; background: #ff3300;	color : #fff;	font-weight: bold; display: block;}



/* Strankovani
----------------------------------------------- */
ul#pagination {margin: 0 0 15px; clear: both; padding: 20px 0 20px 30px;}
#pagination li {color: #373737; display: block; float: left; border: 0; padding: 4px 6px; margin-right: 2px;}
#pagination .previous, #pagination .next {font-weight: bold;}
#pagination .active {background: #373737; color: #fff; font-weight: bold;}
#pagination .active:hover {border: 0;}

#pagination a, #pagination a:visited {text-decoration: none; color: #373737;}
#pagination a:hover {color: red;}
#pagination li:hover {border: 0;}

#pagination .dotty {text-decoration: none; border: 0;}
#pagination .dotty:hover {text-decoration: none; border: 0;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 500px; font-size: 0.875em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(/images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 0;}
.alert-good {border: 1px solid green; width: 500px; font-size: 0.875em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(/images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 0;}



/* Top menu
----------------------------------------------- */
#top-buttons {float: right; height: 192px; padding-right: 15px;}

#top-tonery {float: left;}
#top-tonery a {height: 192px; width: 245px; display: block; text-decoration: none; background: url(/images/tonery.jpg) no-repeat left 0px;}
#top-tonery a:hover {background-position: left -192px; text-decoration: none;}
#top-tonery .active-top {background-position: left -192px;}

#top-tiskarny {float: left;}
#top-tiskarny a {height: 192px; width: 245px; display: block; text-decoration: none; background: url(/images/tiskarny.jpg) no-repeat left 0px;}
#top-tiskarny a:hover {background-position: left -192px; text-decoration: none;}
#top-tiskarny .active-top {background-position: left -192px;}

#top-mysi {float: left;}
#top-mysi a {height: 192px; width: 245px; display: block; text-decoration: none; background: url(/images/mysi.jpg) no-repeat left 0px;}
#top-mysi a:hover {background-position: left -192px; text-decoration: none;}
#top-mysi .active-top {background-position: left -192px;}



/* Row menu
----------------------------------------------- */
#row-menu {height: 42px; float: left; width: 100%; margin: 0px 0 0 0;}
#row-menu ul {float: left; clear: both;}
#row-menu li {display: block; float: left;}
#row-menu li a, #row-menu li a:visited {color: #fff; font-weight: bold; display: block; padding: 13px 15px 0 15px;}
#row-menu li.active-row-menu a, #row-menu li.active-row-menu a:visited {background: url(/images/row-menu-hover.jpg); height: 29px; display: block; padding-top: 13px; float: left;}
#row-menu #row-menu-left {width: 26px; height: 42px; background: url(/images/row-menu-left.jpg) 0 1px no-repeat; float: left;}
#row-menu #row-menu-content {width: 92%; height: 42px; background: url(/images/row-menu-content.jpg) 0 1px repeat-x; float: left;}
#row-menu #row-menu-right {width: 26px; height: 42px; background: url(/images/row-menu-right.jpg) 0 1px no-repeat; float: left;}

.search-box {position: relative; top: 12px; float: right;}
.search-box .search-input {border: 1px solid #dedede; position: relative; top: -1px; width: 110px;}
.search-box .search-image {position: relative; top: 2px; border: 0;}



/* Lista
----------------------------------------------- */
#lista {margin: 0 0 8px 15px; width: 700px; height: 20px; padding-bottom: 8px;}
#lista .vypis-seznamu input {position: relative; top: 2px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x;}
#lista form {position: relative; top: 10px;}
#lista form select {font-size: 0.875em; width: 130px; padding: 1px; height: 20px; border: 1px solid #dedede; margin: 0 10px 6px 0;}
#lista .tlacitko {color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x;}
.pre-tlacitko2 {float: left; display: block;}
.tlacitko2 {color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x; float: left; margin: 0 10px 5px 10px; position: relative; top: -2px;}



/* Trideni
----------------------------------------------- */
#trideni-vyrobcu {padding: 0 0 8px 0; margin: 0 0 20px 15px; width: 700px; border-bottom: 1px dashed #ddd;}



/* Sidebar menu
----------------------------------------------- */
#zbozi  {padding: 7px 0 0 17px; width: 230px;}
#zbozi a {display: block; height: 17px;}
#zbozi a:hover {color: #a50000;}
#zbozi #trida {font-size: 1.0em; margin: 5px 0 5px 20px; float: left;}
#zbozi #trida li {height: 15px; margin: 0; padding: 0;}
#zbozi li a.oznaceno {font-weight: bold; color: #fffc22;}

#zbozi li li {margin-left: 15px;}

#sidebar-top-kategorie {height: 38px; width: 228px; display: block; background: url(../images/sidebar-top-kategorie.jpg) no-repeat left 0px;}
#sidebar-content {background: url(/images/sidebar-content.jpg) repeat-y; font-size: 0.75em; padding: 0 20px 0 12px; width: 228px}
#sidebar-content a, #sidebar-content a:visited {color: #fff;}
#sidebar-footer {background: url(/images/sidebar-footer.jpg) no-repeat; height: 33px; float: left; width: 228px;}



/* Kosik
----------------------------------------------- */
#kosik {width: 700px; margin-bottom: 20px;}
#kosik-top {background: url(/images/kosik-top.png) no-repeat; width: 700px; height: 15px;}
#kosik-content {background: url(/images/kosik-content.png) repeat-y; width: 700px;}
#kosik-bottom {background: url(/images/kosik-bottom.png) no-repeat; width: 700px; height: 15px;}
#kosik-header {float: left; width: 385px; text-align: left; padding: 15px 0 15px 15px;}
#kosik-header a, #kosik-header a:visited {text-decoration: none; margin: 0 15px 0 0;}
#kosik-log {float: right; width: 285px; text-align: right; padding: 15px 15px 15px 0;}
#kosik-log a, #kosik-log a:visited {text-decoration: none; margin: 0 15px 0 0;}
#kosik-header .cart-view {background: url(/images/cart-view.png) 0 -6px no-repeat; padding-left: 22px;}
#kosik-header .cart-delete {background: url(/images/cart-delete.png) 0 -6px no-repeat; padding-left: 28px;}
#kosik-log .key {background: url(/images/key.png) 0 -1px no-repeat; padding-left: 22px;}
#kosik-log .user {background: url(/images/user.png) 0 -2px no-repeat; padding-left: 17px; margin: 0 15px 0 0;}
#kosik-log .lock {background: url(/images/lock.png) 0 -4px no-repeat; padding-left: 17px;}

.adresabox {margin: 10px 10px 20px 10px; float: left;}
.adresabox .adresa-left {float: left; width: 50px; font-weight: bold; padding: 2px 5px 2px 0;}
.adresabox .adresa-right {float: left; width: 200px; padding: 2px 0;}

.kosik-zbozi {width: 320px; font-weight: bold; padding: 2px 10px 2px 20px;}
.kosik-ks {width: 40px; text-align: center; font-weight: bold;}
.kosik-cena {width: 75px; text-align: left; font-weight: bold; padding-left: 10px;}
.kosik-celkem {width: 110px; text-align: left; font-weight: bold;}
.kosik-dph {width: 110px; text-align: left; font-weight: bold;}
.kosik-partnumber {padding-left: 20px;}
.kosik-partnumber span {font-weight: bold;}
.kosik-name {padding-left: 20px; width: 270px;}
.kosik-kusy {text-align: left; padding-left: 3px; width: 50px; text-align: center;}
.kosik-kusy input {width: 30px; border: 1px solid #000; margin-left: 8px; text-align: center;}
.kosik-vypis {text-align: right; padding-right: 20px;}
.kosik-linka {border-bottom: 1px dashed #7d7c7c; margin: 5px 20px; width: 655px;}
.kosik-linka-vyska {height: 1px;}
.kosik-cena-vypis {vertical-align: top; text-align: right; padding: 10px 20px 7px 0; font-weight: bold;}
.kosik-doruceni-nadpis {text-align: right; padding: 5px 10px 3px 10px;}
.kosik-doruceni-vypis {text-align: left; padding: 5px 10px 3px 10px;}
.kosik-celkem-vypis-left {text-align: right; padding: 10px 10px 7px 10px; font-weight: bold;}
.kosik-celkem-vypis-left textarea {border: 1px solid #cbcbcb; width: 350px; height: 70px; background: url(/images/textarea-back.jpg) no-repeat #fff; margin-right: 15px;}
.kosik-celkem-vypis-left div {font-weight: normal; margin: 0 15px 5px 0; font-style: italic;}
.kosik-celkem-vypis-right {text-align: left; padding: 10px 10px 7px 10px; font-weight: bold;}
.kosik-button {text-align: right; padding: 10px 30px 7px 10px;}
.kosik-doruceni-select {text-align: left; padding: 5px 10px 10px 10px;}
.kosik-button-objednat {text-align: left; padding: 10px 160px 7px 20px; font-weight: bold;}

#kos {position: relative; top: 0px; left: -51px; float: right; font-size: 0.69em; font-weight: bold; color: #fff;}
#kos .kos-center {float: left; padding: 1px 0 0 0; background: url(/images/kosik-center.jpg) repeat-x; height: 19px;}
#kos .kos-left {float: left; background: url(/images/kosik-left.jpg) no-repeat; height: 20px; width: 23px;}
#kos .kos-right {float: left; background: url(/images/kosik-right.jpg) no-repeat; height: 20px; width: 23px;}
#kos .kos-center span {margin-right: 20px;}
#kos a, #kos a:visited {color: #fff; text-decoration: underline; position: relative; top: -1px;}
#kos a:hover {text-decoration: none;}
#kos .last {margin-right: 4px;}

#chain {position: absolute; left: 50%; top: 530px; margin: 0 0 0 -220px;}
#chain select {border: 1px solid #dedede; width: 200px; margin: 0 10px 6px 0;}
#chain input {color: #fff; font-weight: bold; position: relative; top: -1px; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko-objednat.jpg) repeat-x;}

.lista-kosik {margin: 0 0 20px 10px; width: 665px;}
.kosik-button-objednat .tlacitko-objednat {color: #fff; font-weight: bold; position: relative; top: -1px; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko-objednat.jpg) repeat-x;}
.kosik-button-objednat .tlacitko-prepocitat {color: #fff; position: relative; top: -1px; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko-prepocitat.jpg) repeat-x;}
.kosik-button-objednat .tlacitko {position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x;}

#informace {margin: 90px 0 0 20px;}
#informace span {color: red; width: 20px; font-weight: bold; display: block; float: left;}

.zmenit-dopravu a, .zmenit-dopravu a:visited {margin-right: 5px; color: green;}



/* Popis vyrobku
----------------------------------------------- */
#popis-vyrobku {padding-left: 14px;}
#popis-vyrobku h1 {font-size: 1.2em; color: #a50000;}
#popis-vyrobku img {border: 1px solid #dedede; margin: 0 10px 10px 0;}
#popis-vyrobku td td {padding-left: 15px;}
#popis-vyrobku .popis-obrazek {float: left; width: 210px;}
#popis-vyrobku .popis-obrazek input {border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x; height: 29px; padding: 0 3px 2px 3px; font-weight: bold; color: #fff; float: left; cursor: pointer;}
#popis-vyrobku .popis-obrazek .pocet {background: none; width: 50px; margin-right: 5px; text-align: center; color: #000; height: 20px; padding-top: 5px; cursor: text;}
.pocet2 {background: none; width: 30px; margin-right: 5px; text-align: center; color: #000; cursor: text; float: left; border: 1px solid #ccc; position: relative; top: -1px;}
#popis-vyrobku .popis-text {float: left; width: 450px;}
.popis-text h1 {padding: 0; margin: 0;}
.popis-text h2 {padding: 0; margin: 0; font-size: 0.875em; font-weight: bold;}
.popis-text h3 {color: green; font-size: 1.31em; font-weight: bold; padding: 5px 0;}
.popis-text h3.h3-bez-dph {color: #888;}
.popis-text h4 {color: red; font-size: 1.125em; font-weight: bold;}
#vypis-seznamu {float: right; position: relative; top: -15px;}
.tab_title span {display: block; margin-top: 10px; font-weight: bold;}
.zaruka {font-size: 0.875em; font-weight: bold; margin-top: 4px; float: left;}



/* Nahledy
----------------------------------------------- */
.nahledy {width: 188px; height: 210px; border: 1px solid #ccc; float: left; margin: 15px 0 0 15px; text-align: center; background: #eee; padding: 6px 6px 0 6px;}
.nahledy:hover {background: #fcfcfc; cursor: pointer; border: 1px solid #eee;}
.nahledy h3 {font-weight: bold; height: 43px;}
.nahledy .obrazek {height: 110px;}
.nahledy .obrazek img {border: 1px solid #ddd;}
.nahledy .bottom {padding-top: 7px;}
.nahledy .inner {float: left; width: 58px; text-align: left;}
.nahledy .tlacitko {position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x;}
.nahledy .cena {float: right; font-weight: bold; font-size: 1.2em;}
.nahledy .cena span {font-size: 0.75em; width: 120px; display: block; float: left; text-align: right; padding-right: 5px;}
.nahledy .cena span.cena-bez-dph {color: #888;}
.nahledy .cena span.zboozi-skladem {color: #0045a2;}
.nahledy .cena span.zboozi-skladem-no {color: red;}
.nahledy .cena span.zboozi-skladem-last {color: #ff7200;}
.zboozi-skladem-last {color: #ff7200;}

.nahledy-galerie {float: left; padding-bottom: 40px; background: #cfffcd; padding: 10px; width: 700px; color: #000;}
.nahledy-galerie .obrazek-galerie {float: left; width: 225px;}
.nahledy-galerie .obrazek-galerie img {border: 1px solid #000;}
.nahledy-galerie .text-galerie {float: left; width: 450px;}
.nahledy-galerie .text-galerie a {color: #a50000; text-decoration: none;}
.nahledy-galerie .text-galerie a:hover {color: #a50000; text-decoration: none; font-weight: bold;}

.nahledy-galerie .text-galerie h2 {margin: 0; padding: 0 0 10px 0; font-size: 1.125em;}
.nahledy-galerie .text-galerie span {width: 220px; display: block; float: left;}
.nahledy-galerie .text-galerie span a {color: #000;}
.nahledy-galerie .text-galerie span a:hover {color: #000;}
.nahledy-galerie .text-galerie div {height: 10px;}

.nahledy-loga {float: left; margin: 0 0 17px 17px;}
.nahledy-loga img {border: 1px solid #000;}



/* Lightbox
----------------------------------------------- */
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100;	text-align: center;	line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute;	top: 40%;	left: 0%;	height: 25%; width: 100%;	text-align: center;	line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0;	height: 100%;	width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%;	height: 100%;	background: transparent url(/images/blank.gif) no-repeat; display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/scripts/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(/scripts/next.gif) right 15% no-repeat;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;}
#imageData {padding: 0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 21px; height: 19px; float: right;  padding-bottom: 0.7em;}	
#overlay {position: absolute;	top: 0;	left: 0; z-index: 90; width: 100%; height: 500px;	background-color: #000;}



/* Konfiguríˇtor
----------------------------------------------- */
.konfigurator-form {width: 95px; float: left;}
.konfigurator-form form, .konfigurator-form img {float: left; padding-top: 4px;}
.konfigurator-form span {float: left; margin-left: 19px; position: relative; top: 4px;}
#lista-konfigurator {float: left; padding: 0 0 8px 0; margin: 0 0 8px 15px; width: 212px;}
#lista-konfigurator select {border: 1px solid #dedede; width: 200px; margin: 0 10px 6px 0;}
.konfigurator-help {float: left; border: 1px solid #e2d64d; background: #fff9b1; width: 300px; height: 35px; padding: 4px;}
.konfigurator-lista {padding: 0 0 8px 0; margin: 0 0 8px 15px; width: 700px; border-bottom: 1px dashed #ddd;}

.tiskarna {margin-left: 15px; width: 750px; height: 30px;}
.tiskarna .tlacitko {position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x; float: left;}
.tiskarna .partnumber {width: 80px; text-align: center; float: left; padding: 4px 10px 0 0; color: #373737;}
.tiskarna .image {width: 25px; text-align: center; float: left; position: relative; top: 9px; left: -5px; color: #373737;}
.tiskarna .cena {width: 80px; text-align: center; float: left; padding: 4px 10px 0 0; color: #373737; font-weight: bold; color: green;}
.tiskarna .name {width: 420px; float: left; padding: 4px 0 0 0;}



/* Informace
----------------------------------------------- */
.informace-div {width: 620px; float: left; padding-bottom: 17px; margin-left: 17px;}
.informace-img {width: 140px; float: left;}
.informace-img img {border: 5px solid #ddd;}
.informace-img img:hover {border: 5px solid #b2b2b2;}
.informace-text {width: 450px; float: left;}
.informace-text h2 {margin: 0; padding: 0;}

.article-text {width: 650px; margin-left: 17px;}
.article-text p {margin-left: 0;}
.article-text h2 {margin-left: 0;}
.article-text h3 {margin-bottom: 6px; color: #a50000;}
.article-text h4 {margin-bottom: 5px;}
.article-text ul {list-style: square; margin-left: 17px;}
.article-text ul li {margin-bottom: 5px;}

.article-text table {margin: 15px 0; background: #fff; border-spacing: 2px;}
.article-text table th {background: #ddd; padding: 4px; font-weight: bold;}
.article-text table td {background: #ddd; padding: 4px;}



/* Kontakt
----------------------------------------------- */
.kontakt {float: left; width: 200px; padding: 20px; padding-left: 0;}
.kontakt span {font-weight: bold; color: #000;}

.kontakt2 {float: left; width: 300px; padding: 20px; padding-left: 0;}
.kontakt2 span {font-weight: bold; color: #000;}

.hl {clear: both; padding: 7px; border: 1px solid #92bb62; width: 470px; background: #c7dfaa;}

.mapa {width: 500px; clear: both; position: relative; top: 20px; height: 150px;}
.mapa div {float: left; margin: 0 10px 0 10px;}
.mapa div a {border: 0px;}
.mapa div img {border: 1px solid #aaa;}
.mapa div.sipka {float: left; border: 0px; margin: 0; padding: 0; position: relative; top: 30px;}
.mapa div.sipka img {border: 0px;}
.mhd {width: 500px; clear: both;}
.mhd dl dt {font-weight: bold; margin: 5px 0 0 7px;}
.mhd dl dd {font-weight: normal; margin: 3px 0 0 25px;}



/* Table
----------------------------------------------- */
.table {border: 1px solid #ccc; border-collapse: collapse; width: 100%; clear: both; margin: 15px 0 0 15px;}
.table td, .table th {border-bottom: 1px solid #ccc; font-size: 0.875em; padding: 5px 6px;}
.table th {text-align: left; padding: 10px 6px 8px 6px; font-weight: bold;}
.table thead, .thead {background: #464646; color: #d7d7d7;}
.table .nadpis-zaznamu {width: 20%;}
.table .nadpis-center {text-align: center;}
.table th.nadpis-zaznamu a, .table .nadpis-zaznamu a:visited {color: #d7d7d7;}
.table th.nadpis-zaznamu a:hover {color: #fff;}
.table th.nadpis-center a, .table th.nadpis-center a:visited {color: #d7d7d7;}
.table th.nadpis-center a:hover {color: #fff;}



/* Reklamy
----------------------------------------------- */
#reklama-top {float: right; padding: 18px 40px 0 0; height: 209px;}
#reklama-top a, #reklama-top a:visited {display: block; width: 728px; height: 103px;}



/* Glass button
----------------------------------------------- */
#glass {width: 350px; float: right; margin: 30px 0 5px 0; font-size: 1.0em;}
#glass a, #glass a:visited {text-decoration: none;}
#glass div {width: 85px; float: right; text-align: center;}
#glass div.glass-left {float: left;}
#glass div a.oznaceno {font-weight: bold; color: #a50000;}

#glass1 {width: 270px; float: right; margin: 30px 0 5px 0; font-size: 1.0em;}
#glass1 a, #glass a:visited {text-decoration: none;}
#glass1 div {width: 85px; float: right; text-align: center;}
#glass1 div.glass-left {float: left;}
#glass1 div a.oznaceno {font-weight: bold; color: #a50000;}

.small-banner {float: left; margin: 25px 0 0 20px;}
.small-banner1 {float: left; margin: 35px 0 0 20px;}



/* Login
----------------------------------------------- */
.formular {margin-left: 20px;}
.formular .tlacitko {margin: 5px 40px 0 0; float: right; font-weight: bold; position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x;}
.formular em {padding: 5px 0 15px 0; color: red; display: block;}



/* Registrace
----------------------------------------------- */
#registrace fieldset {width: 640px;}
#registrace .registrace-left {float: left;}
#registrace .registrace-help {float: left; border: 1px solid #e2d64d; background: #fff9b1; width: 200px; padding: 4px; margin: 5px 0 15px 0;}
#registrace .input-input-doruceni a {width: 290px; float: left; text-align: left; color: red; padding: 10px 0;}
#registrace .tlacitko {margin: 5px 40px 0 0; float: right; font-weight: bold; position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x;}



/* 404 page
----------------------------------------------- */
#page-404 {width: 630px; height: 450px; margin: 50px auto; font-size: 3.0em; line-height: 1.3em; font-weight: bold;}
#page-404 #left {float: left; width: 200px; border-right: 10px solid #000; text-align: right; color: #000; padding-right: 30px;}
#page-404 #right {float: left; width: 350px; padding-left: 30px;}
#page-404 #right a {text-decoration: none;}
#page-404 #right img {margin: 5px 0 0 0px;}



/* Mapa stranek
----------------------------------------------- */
ul#mapa-stranek {list-style: disc;}
ul#mapa-stranek li {margin: 2px 0 2px 30px;}
ul#mapa-stranek ul {list-style: circle;}
ul#mapa-stranek ul li {margin: 2px 0 2px 20px;}

ul#mapa-stranek li.without {list-style: none;}



/* Nabidka
----------------------------------------------- */
.nabidka-h2 {float: left;}
.nabidka-select {float: left; position: relative; top: 8px;}

#red li span:hover {color: #000; font-weight: bold;}
#red li a:hover {color: #000; font-weight: bold;}

.promo {border: 1px solid #f2cd00; background: #fff0a0;}
.promo:hover {border: 1px solid #f3da50; background: #fff7c8;}
.promo .akce {position: relative; top: 2px; border: 1px solid #ea7900; background: #ea7900; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}
.promo-popis {margin: 4px 0 6px 0;}
.promo-popis .akce {position: relative; top: 2px; border: 1px solid #ea7900; background: #ea7900; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}

.promo-novinka {border: 1px solid #d20000; background: #ebc4c4;}
.promo-novinka:hover {border: 1px solid #df5d5d; background: #f5dada;}
.promo-novinka .akce {position: relative; top: 2px; border: 1px solid #ff0000; background: #ff0000; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}
.promo-novinka-popis {margin: 4px 0 6px 0;}
.promo-novinka-popis .akce {position: relative; top: 2px; border: 1px solid #ff0000; background: #ff0000; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}

.promo-doprodej {border: 1px solid #92c4d9; background: #bedae6;}
.promo-doprodej:hover {border: 1px solid #bedae6; background: #e3f1f7;}
.promo-doprodej .akce {position: relative; top: 2px; border: 1px solid #008ecb; background: #008ecb; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}
.promo-doprodej-popis {margin: 4px 0 6px 0;}
.promo-doprodej-popis .akce {position: relative; top: 2px; border: 1px solid #008ecb; background: #008ecb; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}

.promo-darek {border: 1px solid #62a734; background: #8ccf5f;}
.promo-darek:hover {border: 1px solid #80bd57; background: #abe088;}
.promo-darek .akce {position: relative; top: 2px; border: 1px solid #459113; background: url(/images/darek.gif) 2px 1px no-repeat #459113; padding: 0 4px 0 25px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}
.promo-darek-popis {margin: 4px 0 6px 0;}
.promo-darek-popis .akce {position: relative; top: 2px; border: 1px solid #459113; background: #459113; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}

.promo-cesta {border: 1px solid #4b8743; background: #c4e1c0;}
.promo-cesta:hover {border: 1px solid #7aae73; background: #e2f1e0;}
.promo-cesta .akce {padding: 1px 55px 5px 2px; position: relative; top: 0; left: 4px; margin: 0 0 0 1px; font-size: 0.688em; font-weight: bold; color: #fff; display: cursor; background: url(/images/lorry.gif) no-repeat;} /*border: 1px solid #ab0000; background: #ab0000;*/
.promo-cesta-popis {margin: 4px 0 6px 0;}
.promo-cesta-popis .akce {padding: 1px 55px 5px 2px; position: relative; top: 0; left: 4px; margin: 0 0 0 1px; font-size: 0.688em; font-weight: bold; color: #fff; display: cursor; background: url(/images/lorry.gif) no-repeat;}

.vysvetlivky-hr {margin: 10px 0 20px 0;}
.vysvetlivky-strong {float: left; padding-top: 2px;}
.vysvetlivky-novinka {background: #ff0000; padding: 2px 4px; color: #fff; font-weight: bold; margin: 0 8px 0 10px; float: left;}
.vysvetlivky-doprodej {background: #008ecb; padding: 2px 4px; color: #fff; font-weight: bold; margin-right: 8px; float: left;}
.vysvetlivky-cesta {background: url(/images/lorry.gif) 0 2px no-repeat; padding: 2px 4px; color: #fff; font-weight: bold; margin-right: 8px; width: 43px; float: left; display: block;}
.vysvetlivky-darek {background: url(/images/darek.gif) 2px 3px no-repeat #459113; padding: 2px 4px 2px 25px; color: #fff; font-weight: bold; margin-right: 8px; float: left;}
.vysvetlivky-top {background: #ea7900; padding: 2px 4px; color: #fff; font-weight: bold; margin-right: 8px; float: left;}



#akce {clear: both; background: #f9f399; border: 1px solid #ebdf1f; padding: 10px; width: 165px; position: relative; top: 15px;}
#akce h2 {font-weight: bold; margin: 0; padding: 0 0 5px 0; color: red;}

.corner {position: relative; top: -3px;}
a.select-style, a.select-style:visited {color: #186102; font-weight: bold;}



/* Kontaktní­ formular
----------------------------------------------- */
#kontaktni-formular {width: 500px; float: left; margin-top: 17px;}
#kontaktni-formular .input-cell {width: 440px; text-align: left; font-size: 1.0em;}
#kontaktni-formular .input-text {width: 110px; float: left; text-align: right; position: relative; top: 2px; font-weight: bold; padding: 0 7px 0 0; font-size: 1.0em;}

#kontaktni-formular .input-input {width: 300px; float: left; text-align: left; padding: 0 0 5px 0; }
#kontaktni-formular .input-input-anti {width: 300px; float: left; text-align: left; padding: 0 0 5px 0; }
#kontaktni-formular .input-textarea {width: 480px; float: left; text-align: left; padding: 0 0 5px 0;}

#kontaktni-formular .input-input input {border: 1px solid #949494; background: #f2faff; padding: 2px 3px 1px 3px; width: 300px;}
#kontaktni-formular .input-input-anti input {border: 1px solid #949494; background: #f2faff; padding: 2px 3px 1px 3px; width: 150px; position: relative; top: -3px;}
#kontaktni-formular .input-textarea textarea {border: 1px solid #949494; background: #f2faff; padding: 2px 3px 1px 3px; width: 300px;}
#kontaktni-formular .input-input textarea {height: 200px;}

#kontaktni-formular .input-button .input-input input {padding: 0 0 3px 0; width: 110px; float: right; font-weight: bold; position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x; font-size: 0.875em;}



/* Popiskove tabulky z edlinku
----------------------------------------------- */
.specTable {width: 550px;}
.headerRow {font-weight: bold; padding-bottom: 7px; font-size: 1.25em;}

.attribute_list {width: 400px; background: #fff; margin: 10px 0 20px 0;}
.attribute_list tr.odd {background: #c8c8c8;}
.attribute_list tr.even {background: #ececec;}
.attribute_list td {padding: 3px 6px 3px 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.attribute_list td.attribute {font-weight: bold;}



/* Radkovy vypis
----------------------------------------------- */
.vypis-radkovy {clear: both; margin-bottom: 0px; padding: 6px 6px 5px 6px; border: 0; background: none; float: left; width: 710px;}

.vypis-0, .vypis-0:hover {background: #d0e8fe; border: 0;}
.vypis-1, .vypis-1:hover {background: #fffec8; border: 0;}

.vypis-2, .vypis-2:hover {background: #609ed8; border: 0;}
.vypis-2 strong {color: #fff;}


.vypis-radkovy span {position: relative;}
.vypis-radkovy a {float: left; display: block; margin-right: 10px; text-decoration: none;}
.vypis-radkovy div {float: left; width: 370px; display: block;}
.vypis-radkovy .form1 {float: right; display: block;}
.vypis-radkovy .vypis-radkovy-name {float: left; width: 350px;}
.vypis-radkovy .vypis-radkovy-name2 {float: left; width: 290px;}
.vypis-radkovy .form2 {float: right; display: block;}
.vypis-radkovy .tlacitko {color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko.jpg) repeat-x;}
.vypis-radkovy .promo-div {float: right; width: 70px;}

.vypis-radkovy .vypis-radkovy-ceny {width: 157px; float: right;}

.vypis-radkovy .vypis-radkovy-cena {font-weight: bold; float: right; font-size: 0.875em; width: 155px; text-align: right; color: #797979; height: 22px;}
.vypis-radkovy .vypis-radkovy-cena2 {font-weight: bold; float: right; font-size: 1.25em; width: 155px; text-align: right; color: #106100;}
.vypis-radkovy .vypis-radkovy-sklad {font-weight: bold; float: right; font-size: 1.0em; width: 155px; text-align: right; color: #0045a2;}
.vypis-radkovy .vypis-radkovy-sklad-no {font-weight: bold; float: right; font-size: 1.0em; width: 155px; text-align: right; color: red;}

.vypis-radkovy .vypis-radkovy-pn {float: right; font-size: 0.875em; width: 155px; text-align: right; color: #000;}

.vypis-radkovy .promo-div2 {float: right; width: 60px;}
.vypis-radkovy .vypis-radkovy-name2 {float: left; width: 220px;}
.vypis-radkovy .vypis-radkovy-ceny2 {width: 174px; float: right;}
.vypis-radkovy .vypis-radkovy-cena2 {float: right; font-size: 0.875em;}
.vypis-radkovy .vypis-radkovy-cena10 {width: 480px; float: right; font-size: 0.875em;}
.vypis-radkovy .vypis-radkovy-cena3 {font-weight: bold; float: right; width: 80px; text-align: right; color: #797979; text-align: center;}
.vypis-radkovy .vypis-radkovy-cena4 {font-weight: bold; float: right; width: 80px; text-align: right; color: #106100; text-align: center;}
.vypis-radkovy .vypis-radkovy-cena5 {width: 117px; float: right; text-align: center;}
.vypis-radkovy .vypis-radkovy-ceny5 {width: 130px; float: right; font-size: 0.875em; text-align: center;}

.vypis-radkovy .vypis-pocet {width: 40px; border: 1px solid #b2b2b2; text-align: center;}






#pokrocile .fieldset-adv {border: 1px solid #aaa; width: 500px; padding: 10px; margin: 0 0 25px 0;}
#pokrocile .input-cell-adv {width: 500px; text-align: left;}
#pokrocile .input-text-adv {width: 140px; float: left; text-align: right; position: relative; top: 5px; font-size: 1.0em; padding: 0 7px 0 0;}
#pokrocile .text-top-adv {padding-top: 3px; font-weight: bold;}
#pokrocile .input-select {position: relative; top: 5px;}

#pokrocile .input-checkbox {width: 290px; float: left; text-align: left;}
#pokrocile .input-checkbox input {position: relative; top: 2px;}

#pokrocile .input-cell-adv .input-submit {margin-top: 10px; float: left;}

#row-menu #row-menu-content .advancesearch {float: right; width: 110px;}
#row-menu #row-menu-content .advancesearch a {color: #fff; font-size: 0.69em; padding-top: 14px; margin-left: 10px; float: right; font-weight: bold;}

#search-kategorie li {margin-left: 20px;}

.sleva td {color: green;}
.sleva td span {color: red;}
.sleva-right {text-align: right;}

.logo-a {margin: 50px 0 0 0; float: left;}
.h2-novinky {font-weight: bold; color: #4a5891; font-size: 1.25em;}
.promonews {float: left;}
.promonews ul {margin-left: 35px;}
.promonews ul li {list-style: disc;}

.titulka {width: 440px; float: left;}
.titulka-promo {width: 250px; float: right; background: url("../img/box.jpg") no-repeat; margin-bottom: 25px;}
.titulka-promo h2 {font-size: 1.25em;}
.titulka-promo a, .titulka-promo a:visited {display: block; margin-left: 10px;}