* {
padding: 0;
margin: 0;
/*list-style-type: none;*/
}

html {
background: #001B37 url('html.gif') 0 0 repeat-x;
}

body, 
input,
select,
textarea {
font-size: 11px;
font-family: arial, tahoma, sans-serif;
}

h1#pagename,
hr.hr,
div.menu1-anchor,
div.quicksearch-anchor,
div.top-anchor,
div.btnPrint {
display: none;
}

a,
a:link,
a:visited {
text-decoration: underline;
color: #25B5E8;
}

a:hover,
a:active {
text-decoration: none;
}

p {
text-align: justify;
margin-bottom: 1.5em;
}

address {
font-style: normal;
margin-bottom: 1.5em;
}

strong {
color: #AE0000;
}

a img {
border: 1px solid #C7C7C7;
}

a:hover img {
border-color: #607981;
}

hr {
height: 1px;
line-height: 1px;
font-size: 1px;
color: #AFAFAF;
border: 0;
border-top: 1px solid #AFAFAF;
padding: 0;
margin: 10px 0;
}

/* Table - obecne */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}

th, 
td {
padding: 5px;
vertical-align: middle;
}

th {
color: #AE0000;
background: #fff url('table-th.gif') 0 0 repeat-x;
}

tr.odd td {
background-color: #ECECEC;
}

div#page-tisk table th span.order,
div#page-vytvorit table th span.order,
div#page-personalni-receptury table th span.order {
display: none;
}

table th span.order {
padding-left: 5px;
}

table span.order a {
color: #fe4200;
text-decoration: none;
}

table span.order a:hover,
table span.order a.selected-order {
color: #008ec0;
}

/* Table - kontakty */
table.kontakt {
border: 1px solid #B7B7B7;
}

table.kontakt td {
border: 1px solid #B7B7B7;
}

/* Table - seznam vyrobku + receptury barev */
table.receptury,
table.seznam-vyrobku {
border: 1px solid #B7B7B7;
}

table.receptury tr.active {
background-color: #ECECEC;
}

table.receptury th,
table.receptury td,
table.seznam-vyrobku th,
table.seznam-vyrobku td {
border: 1px solid #B7B7B7;
}

table.seznam-vyrobku td.order-no {
width: 50px;
text-align: center;
}

table.seznam-vyrobku td.packaging {
width: 50px;
text-align: center;
}

table.seznam-vyrobku td.package-pieces {
width: 60px;
text-align: center;
}

table.seznam-vyrobku td.description {
}

table.seznam-vyrobku td.color {
width: 50px;
}

table.seznam-vyrobku td.price {
width: 75px;
white-space: nowrap;
text-align: center;
}

table.receptury-detail {
width: auto;
}

table.receptury-detail td {
text-align: center;
}

/* Layout */
div.page {
width: 976px;
margin: 0 auto;
}

div.page-box {
width: 755px;
}

/* Header */
div#header {
position: relative;
height: 229px;
background: url('header.jpg') 0 0 no-repeat;
margin-bottom: 7px;
}

div.selemix {
background-image: url('header2.jpg') !important;
}

div#page-prodejna div#header,
div.budova {
background-image: url('header3.jpg') !important;
}

div.letadlo {
background-image: url('header4.jpg') !important;
}

a#logo {
position: absolute;
top: 7px;
left: 30px;
width: 238px;
height: 67px;
outline: none;
}

a#logo span {
display: none;
}

/* Area */
div#area {
margin-bottom: 1px;
background: #fff url('box-middle.gif') 0 0 repeat-y;
}

div#area-box {
background: url('box-top.gif') 0 0 no-repeat;
}

div#container {
zoom: 1;
background: url('box-bottom.gif') left bottom no-repeat;
padding-bottom: 12px;
}

div#container:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Column */
div#column {
float: left;
width: 223px;
background: url('column-divider.gif') right 2px no-repeat;
}

div#column-box {
}

/* Content */
div#content {
float: right;
width: 532px;
}

div#page-tisk div#content,
div#page-vytvorit div#content,
div#page-personalni-receptury div#content {
float: none;
width: auto;
}

/* Pagetitle */
div#pagetitle {
height: 47px;
background: url('pagetitle.gif') 0 2px no-repeat;
}

div#page-tisk div#pagetitle,
div#page-vytvorit div#pagetitle,
div#page-personalni-receptury div#pagetitle {
background: url('pagetitle-long.gif') 2px 2px no-repeat;
}

div#pagetitle * {
font-size: 18px;
font-weight: normal;
line-height: 30px;
padding-top: 7px;
padding-left: 17px;
}

/* Navigate */
div#navigate {
text-align: right;
border-bottom: 1px solid #DFE4E6;
padding: 0 10px 10px 0;
margin: 0 12px 0 6px;
}

div#navigate span {
display: none;
}

/* Work */
div#work {
padding: 14px 8px 14px 6px;
}

.work {
/*color: #607981;*/
color: #45575d;
line-height: 1.5em;
}

.work a:hover,
.work a:active,
.work a:focus {
/*color: #11536A;*/
color: #22a6d5;
}

.work ul,
.work ol {
margin: 20px 20px 20px 40px;
}

.work ul ul,
.work ol ol {
margin-top: 10px;
margin-bottom: 10px;
}

.work li {
margin-bottom: 5px;
}

.work h2 {
color: #001B37;
/*font-size: 28px;*/
font-size: 20px;
margin-bottom: 20px;
}

.work h3 {
color: #003062;
/*font-size: 24px;*/
font-size: 18px;
margin-bottom: 15px;
}

.work h4 {
color: #003062;
/*font-size: 18px;*/
font-size: 16px;
margin-bottom: 10px;
}

.work h5 {
color: #186F9C;
/*font-size: 18px;*/
font-size: 16px;
margin-bottom: 10px;
}

.work h6 {
color: #186F9C;
/*font-size: 14px;*/
margin-bottom: 10px;
}

/* Footer */
div#footer {
color: #607981;
text-align: center;
padding-bottom: 15px;
}

div#footer a {
color: #25B5E8;
outline: none;
}

div#footer a:hover,
div#footer a:active,
div#footer a:focus {
color: #fff;
}

div#footer-menu {
background: url('footer-middle.gif') 0 0 repeat-y;
margin-bottom: 15px;
}

div#footer-menu-box {
background: url('footer-bottom.gif') left bottom no-repeat;
}

div#menu4 {
padding: 7px 0;
background: url('footer-top.gif') 0 0 no-repeat;
overflow: hidden;
zoom: 1;
}

div#menu4 ul {
text-align: center;
display: inline-block;
display: inline;
zoom: 1;
}

body:lang(cz) div#menu4 ul {
text-align: inherit;
display: table; /* set to table */ 
margin: 0 auto; /* center */
}

div#menu4 li {
float: left;
padding-right: 20px;
margin-right: 20px;
line-height: 37px;
background: url('footer-menu-separator.gif') right center no-repeat;
list-style-type: none;
}

body:lang(cz) div#menu4 li {
display: table-cell; /* set to table-cell :) */
}

div#menu4 li.m41il {
margin-right: 0;
padding-right: 0;
background-image: none;
}

div#menu4 a {
text-decoration: none;
}

div#copyright,
div#miton {
display: inline;
padding-left: 4px;
}

/* Multibox */
div.multibox {
margin-bottom: 10px;
}

div#sidebox div.multibox {
margin-bottom: 0;
}

div.multibox-header {
height: 47px;
background: url('column-multibox-header.gif') 2px 2px no-repeat;
}

div.multibox-header h2 {
font-size: 18px;
font-weight: normal;
line-height: 30px;
padding-top: 7px;
padding-left: 17px;
}

div.multibox-content {
padding: 12px;
padding-top: 0;
}

div.dodavatele div.multibox-content {
padding-top: 12px;
}

div.dodavatele div.multibox-content p {
text-align: center;
}

#eshop-btn {
position: absolute;
right: 0;
top: 236px;
z-index: 10;
}
#eshop-btn img {border: none;}
#eshop-btn img:hover {opacity:0.85; filter:alpha(opacity=85);}
/* Layer1 */
div#layer1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

div#layer1-box {
position: relative;
width: 976px;
margin: 0 auto;
}

/* Sidebox */
div#sidebox {
position: absolute;
top: 315px;
left: 756px;
width: 220px;
background: url('sidebox-middle.gif') 0 0 repeat-y;
}

div#sidebox-box {
background: url('sidebox-bottom.gif') left bottom no-repeat;
}

div#sidebox-box2 {
background: url('sidebox-top.gif') 0 0 no-repeat;
height: auto !important;
height: 55px;
min-height: 55px;
}

/* Menu1 + Menu5*/
div#menu1,
div#menu5 {
}

div#menu1 li,
div#menu5 li {
width: 100%; /* IE6 */
list-style-type: none;
}

div#menu1 a,
div#menu5 a{
display: block;
color: #001B37;
line-height: 24px;
text-decoration: none;
padding-left: 17px;
border-bottom: 1px solid #DFE4E6;
background: url('menu-level1-bullet.gif') left center no-repeat;
outline: none;
}

div#menu1 li.m11il a {
border-bottom: 0;
}

div#menu1 a:hover,
div#menu1 a:active,
div#menu1 a:focus,
div#menu1 a#m11active,
div#menu5 a:hover,
div#menu5 a:active,
div#menu5 a:focus,
div#menu5 a#m51active {
font-weight: bold;
background-position: 2px center;
}

/* Menu 5 - level 2 */
div#menu1 ul ul a,
div#menu5 ul ul a {
color: #186F9C;
padding-left: 28px;
background: url('menu-level2-bullet.gif') 16px center no-repeat; 
}

div#menu1 ul ul a:hover,
div#menu1 ul ul a:active,
div#menu1 ul ul a:focus,
div#menu1 a#m12active,
div#menu5 ul ul a:hover,
div#menu5 ul ul a:active,
div#menu5 ul ul a:focus,
div#menu5 a#m52active {
font-weight: bold;
background-position: 18px center;
}

/* Menu 5 - level 3 */
div#menu1 ul ul ul a,
div#menu5 ul ul ul a {
color: #186F9C;
padding-left: 39px;
background: url('menu-level2-bullet.gif') 28px center no-repeat; 
}

div#menu1 ul ul ul a:hover,
div#menu1 ul ul ul a:active,
div#menu1 ul ul ul a:focus,
div#menu1 a#m13active,
div#menu5 ul ul ul a:hover,
div#menu5 ul ul ul a:active,
div#menu5 ul ul ul a:focus,
div#menu5 a#m53active {
font-weight: bold;
color: #008ED7;
background-position: 30px center;
}

/* Menu 5 - level 4 */
div#menu1 ul ul ul ul a,
div#menu5 ul ul ul ul a {
color: #186F9C;
padding-left: 50px;
background: url('menu-level2-bullet.gif') 38px center no-repeat; 
}

div#menu1 ul ul ul ul a:hover,
div#menu1 ul ul ul ul a:active,
div#menu1 ul ul ul ul a:focus,
div#menu1 a#m14active,
div#menu5 ul ul ul ul a:hover,
div#menu5 ul ul ul ul a:active,
div#menu5 ul ul ul ul a:focus,
div#menu5 a#m54active {
font-weight: bold;
color: #008ED7;
background-position: 40px center;
}

/* Menu1- vyjimky */ 
div#menu1 li#m11i-prodejna,
div#menu1 li#m11i-katalog {
display: none;
}

/* Login & search */
div#login-search {
position: absolute;
top: 28px;
left: 755px;
width: 221px;
height: 201px;
background: url('login-search.jpg') 0 0 no-repeat;
}

div#login-search fieldset {
border: 0;
}

div#login-search legend {
color: #fff;
font-size: 12px;
font-weight: bold;
position: relative;
left: 0 !important; /* IE7 */
left: -6px; /* IE6 */
}

div#login-search label {
float: none;
display: block;
width: auto;
color: #446A78;
margin: 5px 0 0 0;
padding: 0;
text-align: left;
font-weight: normal;
}

form#loginForm {
position: absolute;
top: 20px;
left: 18px;
color: #fff;
margin: 0;
padding: 0;
}

form#loginForm div.fieldset-box {
padding: 0;
}

form#loginForm a {
color: #fff;
}

div#login-search span.input-text,
div#login-search span.input-password,
div#login-search div.formitem-link a {
display: block;
width: 168px;
height: 22px;
line-height: 22px;
padding: 0 8px;
background: url('login-search-input.gif') 0 0 no-repeat;
}

div#login-search div.formitem-link a {
color: #000;
font-weight: bold;
text-align: center;
text-decoration: none;
cursor: default;
}

div#login-search span.input-text input,
div#login-search span.input-password input {
width: 168px;
height: 22px;
border: 0;
background: none;
line-height: 22px;
}

form#loginForm input.submit {
color: #fff;
padding: 0;
text-decoration: underline;
background: none;
border: 0;
cursor: pointer;
}

form#loginForm div.form-line {
margin-top: 5px !important;
margin-top: 0; /* IE6 */
}

form#loginForm div.formitem-userlogout {
text-align: center;
}

form#loginForm input#userlogout {
border: 1px solid #fff;
height: 22px;
line-height: 22px;
padding: 0 5px;
font-weight: bold;
text-decoration: none;
background: url('login-search-logout.gif') 0 0 repeat-x;
}

form#searchForm {
position: absolute;
top: 147px;
left: 18px;
}

form#searchForm span.input-text {
width: 144px;
padding-right: 32px;
}

form#searchForm span.input-text input {
width: 142px;
}

form#searchForm input.submit {
position: absolute;
top: 16px;
left: 158px;
display: block;
width: 25px;
height: 20px;
border: 0;
cursor: pointer;
overflow: hidden;
padding-left: 30px;
text-indent: -9999px;
background: url('login-search-submit.gif') 0 0 no-repeat;
}

/* Header memu */
div#menu2 {
position: absolute;
top: 0;
left: 695px;
}

div#menu2 li {
float: left;
list-style-type: none;
}

div#menu2 a {
float: left;
line-height: 28px;
height: 28px;
color: #446A78;
padding-right: 30px;
margin-right: 20px;
background-repeat: no-repeat;
background-position: right center;
text-decoration: none;
text-transform: lowercase;
outline: none;
}

div#menu2 a:hover,
div#menu2 a:active,
div#menu2 a:focus {
text-decoration: underline;
}

div#menu2 li.m21il a {
margin-right: 0;
}

div#menu2 li#m21i-vytisknout a {
background-image: url('header-menu-icon-print.gif');
}

div#menu2 li#m21i-mapa-webu a {
background-image: url('header-menu-icon-sitemap.gif');
}

div#menu2 li#m21i-kontakty a {
background-image: url('header-menu-icon-contacts.gif');
}

/* Products menu */
div#menu3 {
position: absolute;
top: 194px;
left: 30px;
width: 700px;
/*background: url('products-menu.gif') left bottom no-repeat;*/
background: url('products-menu.png') left bottom no-repeat;
overflow: hidden;
zoom: 1;
}

* html div#menu3 {
background-image: url('products-menu.gif'); 
}

div#menu3 ul {
padding: 0;
margin: 0;
}

div#menu3 li {
float: left;
list-style-type: none;
}

div#menu3 a {
float: left;
/*width: 138px;*/
width: 115px;
height: 34px;
margin-right: 1px;
/*background: url('products-menu.gif') 0 0 no-repeat;*/
background: url('products-menu.png') 0 0 no-repeat;
outline: none;
}

* html div#menu3 a {
background-image: url('products-menu.gif'); 
}

div#menu3 li.m31il a {
margin-right: 0;
}

div#menu3 li.m31i1 a {
width: 114px;
}

div#menu3 li.m31i2 a {
/*background-position: -139px 0;*/
background-position: -115px 0;
}

div#menu3 li.m31i3 a {
/*background-position: -278px 0;*/
background-position: -231px 0;
}

div#menu3 li.m31i4 a {
width: 114px;
/*background-position: -417px 0;*/
background-position: -347px 0;
}

div#menu3 li.m31i5 a {
/*background-position: -556px 0;*/
background-position: -462px 0;
}

div#menu3 li.m31i6 a {
background-position: -578px 0;
}

div#menu3 li.m31il a {
margin-right: 0;
}

div#menu3 a:hover,
div#menu3 a:active,
div#menu3 a:focus,
div#menu3 a#m31active {
background-image: none;
}

div#menu3 span {
display: none;
}

/* Items catalog */
ul.items-catalog {
margin: 0 0 20px 0;
}

ul.items-catalog li {
margin-bottom: 10px;
overflow: hidden;
zoom: 1; /* IE6 - jinak do marginu vyleze pozadi z item-box-middle :) */
list-style-type: none;
}

div.item-box-middle {
background: url('item-box-middle.gif') 0 0 repeat-y;
}

div.item-box-top {
background: url('item-box-top.gif') 0 0 no-repeat;
}

div.item-box-bottom {
overflow: hidden;
zoom: 1;
padding: 12px;
background: url('item-box-bottom.gif') left bottom no-repeat;
}

ul.items-catalog h2 {
font-size: 12px;
margin-bottom: 5px;
}

a.item-image {
float: left;
margin: 0 10px 10px 0;
outline: none;
}

a.item-image img {
border: 0;
opacity: 0.8;
filter: alpha(opacity=80);
}

a.item-image:hover img,
a.item-image:active img,
a.item-image:focus img {
opacity: 1;
filter: alpha(opacity=100);
}

/* Items catalog - detail */
div.item-catalog-detail {
margin-bottom: 20px;
}

img.item-image {
float: right;
margin: 0 0 10px 10px;
}

p.item-subtitle {
font-weight: bold;
}

div.item-text {
margin: 20px 0;
}

ul.downloads {
margin-left: 0;
}

ul.downloads li {
padding-left: 40px;
line-height: 40px;
list-style-type: none;
background-repeat: no-repeat;
background-position: left center;
}

ul.downloads li.file-pdf {
background-image: url('icon-pdf.gif');
}

ul.downloads li.file-doc {
background-image: url('icon-doc.gif');
}

ul.downloads li.file-xls {
background-image: url('icon-xls.gif');
}

/* Formular - zadost o technika */
form#zadost-o-technika_1 {
}

form#zadost-o-technika_1 fieldset {
border: 0;
}

form#zadost-o-technika_1 legend {
display: none;
}

form#zadost-o-technika_1 div.formitem {
zoom: 1;
margin-bottom: 5px;
}

form#zadost-o-technika_1 div.formitem:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

form#zadost-o-technika_1 label.element {
float: left;
width: 140px;
margin-right: 10px;
text-align: right;
}

form#zadost-o-technika_1 input.text,
form#zadost-o-technika_1 textarea,
form#zadost-o-technika_1 select {
width: 146px;
border: 1px solid #ccc;
border-bottom-color: #aaa;
border-right-color: #aaa;
padding: 0 2px;
}

form#zadost-o-technika_1 textarea {
width: 250px;
height: 100px;
}

form#zadost-o-technika_1 select {
width: 250px;
}

form#zadost-o-technika_1 input.text:focus,
form#zadost-o-technika_1 textarea:focus {
border-color: #444;
background-color: #eee;
}

/* ------------------------------ Katalog ------------------------------- */
/* Zalozky - detail */
img.uk-zalozky-detail-image {
float: right;
margin: 0 0 2px 10px;
}

/* UK vyrobky related */
div.uk-vyrobky-related {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #AFAFAF;
}

div.uk-vyrobky-related ul {
margin-left: 15px;
}

/* Strankovani */
div.pager-navigation {
margin: 10px 0;
text-align: right;
}

div.pager-navigation div {
display: inline;
padding-left: 3px;
}

div.pager-navigation a.pager-current-page {
font-weight: bold;
text-decoration: none;
}

/* Formulare */
form {
margin: 0 0 20px 0;
}

fieldset {
margin: 0 0 10px 0;
border: 1px solid #568bc1;
}

legend {
color: #da1d00;
font-weight: bold;
margin: 0 10px;
}

legend span {
padding: 0 5px;
}

div.fieldset-box {
padding: 20px;
}

div.formitem,
div.form-line {
zoom: 1;
margin: 0 0 5px 0;
}

div.formitem:after,
div.form-line:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}

form label {
float: left;
width: 100px;
padding: 2px 10px 2px 0;
text-align: right;
font-weight: bold;
}

textarea,
input.text,
input.password {
padding: 2px 5px;
border: 1px solid #dfe4e6;
}

textarea:focus,
input.text:focus,
input.password:focus {
border-color: #b6babc;
}

input.submit {
cursor: pointer;
padding: 2px 5px;
}

select {
padding: 2px 0;
border: 1px solid #dfe4e6;
}

select:focus {
border-color: #b6babc;
}

/* Form - receptura - vytvorit */
form#receptureForm {
}

form#receptureForm fieldset {
float: left;
width: 59%;
}

form#receptureForm fieldset.receptura-michani {
float: right;
width: 39%;
}

form#receptureForm fieldset.receptura-ulozit {
clear: both;
float: none;
width: auto;
}

form#receptureForm div.header-pigment,
form#receptureForm div.formitem-pigment {
float: left;
width: 100px;
}

form#receptureForm div.formitem-pigment select {
width: 75px;
}

form#receptureForm div.header-vaha,
form#receptureForm div.formitem-vaha {
float: left;
}

/* Form - registrace */
form#registerForm fieldset.registrace {
display: none;
}