body {
margin:0;
padding:0;
font:0.7em Arial,Verdana,sans-serif;
line-height:1.6em;
background:#FFF;
color:#828282;
}

a:link, a:visited { color:#A8002F; }
a:hover, a:active { color:#000; text-decoration:none; }

img {
border-color: #C0C0C0;
border-width: 1px;
}

a:hover img {
border-color: #A80033;
}
 
p {
margin:0 0 10px 0;
padding:0;
text-align:justify;
}

p.button-more a {
font-weight: bold;
text-decoration: none;
background: url('homepage-more.gif') left center no-repeat;
padding-left: 8px;
}

p.button-more a:hover {
background-position: 1px center;
}

p.button-back {
float: right;
}

ul {
margin:5px 0 10px 0;
padding:0;
}
ul li {
margin:0;
padding:0 0 0 15px;
list-style:none;
background:url("li.gif") 0 6px no-repeat;
}
ul li ul li {
background:url("lili.gif") 0 5px no-repeat;
}
ol li {
margin:0;
padding:0 0 0 5px;
list-style-type:decimal;
}

h1, h2 {
margin:15px 0 10px 0;
font-size:140%;
line-height:110%;
color:#7A0000;
}

h3 {
margin:15px 0 10px 0;
font-size:150%;
/*color:#ABA488;*/
color: #009CE2;
}
h4 {
margin:15px 0 7px 0;
font-size:120%;
color:#7A0000;
}
h5 {
margin:15px 0 5px 0;
font-size:100%;
color:#ABA488;
}
h6 {
margin:10px 0 5px 0;
font-size:90%;
}

table {
font-size:100%;
border-color:#007272;
}
th, td {
border-color:#007272;
}

sup, sub {
font-size:80%;
line-height:100%;
}

form {
margin:0;
padding:0;
}
fieldset {
margin:10px 0 0 0;
padding:5px 0;
border:1px solid #204C8D;
}
legend {
font-weight:bold;
color:#204C8D;
}
input, textarea, select {
padding:1px 3px;
font:100% Arial,Verdana,sans-serif;
border:1px solid #AFB7CA;
background:#FFF;
}
.inputtext, select, textarea {
background:#FFF url("inputtext.gif") 0 0 no-repeat;
}
.inputradio {
position:relative;
top:2px;
border:0;
background:none;
}
.btn-button {
position:relative;
left:5px;
height:22px;
line-height:22px;
background:#6796DA;
}
.formsubmit {
border:none;
background:none;
color:#FFF;
font-weight:bold;
}

hr {
margin:5px 0;
padding:0;
border:none;
border-top:1px solid #8C8C8C;
height: 1px;
}

hr.clear {
clear: both;
}

body:lang(cz) {
margin:20px 0;
}

hr.hr, #pagename, .hidden, .anchors, .top-anchor, .menu1-anchor {
display:none;
}

/**/
.page {
width:100%;
margin: 0 0 40px 0;
padding-top: 40px;
background: url("theme.jpg") center top no-repeat;
}

body:lang(cz) .page {
background-position: center -18px;
}

.page-box {
width:752px;
margin:0 auto;
}
#header {
height:197px;
}
#logo {
z-index:5;
position:relative;
left:31px;
}
#logo a {
position: absolute;
z-index: 2;
}
#logo img {
border:0;
}
#area {
width:100%;
min-height:458px;
height:458px;
/*background:url("slogan.gif") 31px 196px no-repeat;*/
background:url("slogan.gif") 31px 190px no-repeat;

}
div[id] #area {
height:auto;
}
#container {
float:right;
width:574px;
}
#content {
float: right;
width:428px;
padding:18px 0 0 0;
padding-top: 35px; /* added */
}
#page-homepage #content {
width:552px;
padding-top: 0px; /* added */
}

#navigate {
width:220px;
font-size: 90%;
position: relative;
z-index: 5; /* 4 je malo */
}
 
#pagetitle h1, #pagetitle h2 {
clear: both;
margin:0;
padding: 19px 0 19px 0;
font-size:110%;
color:#A8002F;
}

div.hotel-a-restaurant div#pagetitle {
background: url('pagetitle-rona-hvezdy.gif') left center no-repeat;
padding: 25px 0 25px 50px;
}

#column {
float: left;
width: 143px;
}
#page-homepage #column {
clear:both;
float: none;
width:552px;
}

#footer {
clear:both;
float:left;
width:100%;
margin-top: 20px;
padding:30px 0 0 0;
background:url("footer.gif") 0 0 no-repeat;
text-align:center;
}
#footer a {
color:#828282;
}
#footer a:hover, #footer a:active {
color:#A8002F;
text-decoration:none;
}
#footer address {
font-style:normal;
}

/**/
#layer1 {
position: absolute;
left: 0;
top: 0;
z-index: 4;
width:100%;
}
#layer1-box {
width:752px;
margin:0 auto;
}

#menulang {
clear:both;
float:left;
}
#menulang ul {
float:left;
position:relative;
left:600px;
top:20px;
margin:0;
padding:0;
}
#menulang li {
float:left;
/*width:17px;*/
margin:0;
padding:0 0 0 20px;
list-style:none;
}

#menulang li a {
z-index: 4;
position: relative;
text-decoration: none;
text-transform: lowercase;
}

#menulang li a:hover {
text-decoration: underline;
}

#menu1 ul {
clear:both;
float:left;
position: relative;
left:31px;
top:211px;
margin:0;
margin-top: 12px;
padding:0;
z-index:4;
}
#menu1 li {
clear:both;
float:left;
width:146px;
height:35px;
margin:0;
padding:0;
list-style:none;
}
.m11i1 {
background: url("m111.gif") 0 0 no-repeat;
}
.m11i2 {
background: url("m121.gif") 0 0 no-repeat;
}
.m11i3 {
background: url("m131.gif") 0 0 no-repeat;
}
.m11i4 {
background: url("m141.gif") 0 0 no-repeat;
}
.m11i5 {
background: url("m151.gif") 0 0 no-repeat;
}
#menu1 a {
display: block;
float:left;
width:146px;
height:35px;
color:#FFF;
font-weight:bold;
font-size: 110%;
text-decoration: none;
outline: none;
}
.m11i1 a {
background: url("m110.gif") 0 0 no-repeat;
}
.m11i2 a {
background: url("m120.gif") 0 0 no-repeat;
}
.m11i3 a {
background: url("m130.gif") 0 0 no-repeat;
}
.m11i4 a {
background: url("m140.gif") 0 0 no-repeat;
}
.m11i5 a {
background: url("m150.gif") 0 0 no-repeat;
}
#menu1 a:hover,
#menu1 a:active,
#menu1 a#m11active  {
background:none;
}
#menu1 span {
display: block;
padding:13px 0 0 15px;
}
#menu1 li#m11i-napiste-nam {
width:14px;
height:14px;
}
#menu1 #m11i-napiste-nam a {
position:relative;
top:-359px;
left:-31px;
width:14px;
height:14px;
background:url("send0.gif") 0 0 no-repeat;
font-size:1px;
overflow: hidden;
}
#menu1 #m11i-napiste-nam a:hover, #menu1 #m11i-napiste-nam a:active {
background:url("send1.gif") 0 0 no-repeat;
}
#menu1 #m11i-napiste-nam span {
visibility: hidden;
padding:0;
}

.btnPrint {
clear:both;
float:left;
position:relative;
top:-179px;
background:url("print1.gif") 0 0 no-repeat;
z-index: 4;
}
.btnPrint a {
display:block;
width:14px;
height:14px;
background:url("print0.gif") 0 0 no-repeat;
text-decoration: none;
}
.btnPrint a:hover, .btnPrint a:active {
background:none;
}
.btnPrint span {
visibility: hidden;
}

#flash {
clear:both;
position:absolute;
top:37px;
z-index:3;
width:100%;
text-align:center;
}
div[id] #flash {
left:0;
}
#flash-box {
width:752px;
margin:0 auto;
text-align:center;
}

/**/
div.columnmenu div.block-header h5 {
display:none;
}

/* Menu2 */
#menu2 {
position: relative;
z-index: 5;
width: 145px;
}

div#menu2 ul {
margin: 1px 0 0 0;
padding: 3px 0 0 0;
background-repeat: no-repeat;
background-position: 0 0;
}

body:lang(cz) div#menu2 ul {
margin-top: -19px;
}

div#menu2 li {
margin: 0;
padding: 0;
}

div#menu2 a {
display: block;
height: 35px;
line-height: 35px;
padding-left: 15px;
text-decoration: none;
background-repeat: no-repeat;
background-position: 0 0;
}

div#menu2 a:hover,
div#menu2 a:focus,
div#menu2 a:active,
div#menu2 a#m21active {
outline: none;
}

/* Menu2 - 2. uroven */
div#column div#menu2 ul ul {
margin: 0;
padding: 0;
background: none;
}

div#column body:lang(cz) div#menu2 ul ul {
margin-top: 0;
}

div#column div#menu2 li li {
}

div#column div#menu2 li li a {
padding-left: 27px;
height: 24px;
line-height: 24px;
background: url('menu2-level2-bullet.gif') 17px center no-repeat;
}

div#column div#menu2 li li a:hover,
div#column div#menu2 li li a:focus,
div#column div#menu2 li li a:active {
background-position: 18px center;
}

/* Category specific menu styles */
/* Menu2 - o spolecnosti */
div.o-spolecnosti div#menu2 ul {
background-image: url('menu2-ospolecnosti-top.gif');
}

div.o-spolecnosti div#menu2 a {
background-image: url('menu2-ospolecnosti-item.gif');
}

div.o-spolecnosti div#menu2 li.m21il a {
background-image: url('menu2-ospolecnosti-last.gif');
}

/* Menu2 - produkty */
div.produkty div#menu2 ul {
background-image: url('menu2-produkty-top.gif');
}

div.produkty div#menu2 a {
background-image: url('menu2-produkty-item.gif');
}

div.produkty div#menu2 li.m21il a {
background-image: url('menu2-produkty-last.gif');
}

div.produkty div#menu2 ul ul {
margin-top: -2px !important;
background: url('menu2-produkty-submenu-top.gif') 0 0 no-repeat !important;
}

/* Menu2 - akce a veletrhy */
div.akce-a-veletrhy div#menu2 ul {
background-image: url('menu2-akce-top.gif');
}

div.akce-a-veletrhy div#menu2 a {
background-image: url('menu2-akce-item.gif');
}

div.akce-a-veletrhy div#menu2 li.m21il a {
background-image: url('menu2-akce-last.gif');
}

/* Menu2 - kontakty */
div.kontakty div#menu2 ul {
background-image: url('menu2-kontakt-top.gif');
}

div.kontakty div#menu2 a {
background-image: url('menu2-kontakt-item.gif');
}

div.kontakty div#menu2 li.m21il a {
background-image: url('menu2-kontakt-last.gif');
}

/* Old version */
/*
#menu2 ul {
margin:0;
padding:0;
}
#menu2 li {
margin:0;
padding:0;
list-style:none;
background:url("m2i.gif") 0 0 no-repeat;;
}
#menu2 li.m21i1 {
background:none;
}
#menu2 a {
display: block;
width: 100%;
height:35px;
text-decoration: none;
color:#8412A2;
}
#menu2 a:hover, #menu2 a:active {
text-decoration: underline;
color:#000;
}
#menu2 span {
display: block;
padding: 18px 0 0 15px;
}

#menu2 ul li ul li {
background: none;
}

#menu2 ul li ul li a {
background: url('menu-level3-bullet.gif') 25px 8px no-repeat;
text-indent: 35px;
height: 20px;
line-height: 20px;
}

#menu2 ul li ul li a span {
padding: 0;
}
*/
/* Homepage */
div#page-homepage div#pagetitle {
display: none;
}

div#page-homepage div#predstavujeme-hot-news {
width: 240px; /* 270px - padding */
float: left;
overflow: hidden;
zoom: 1;
margin-top: 5px;
background: url('homepage-vertical-line.gif') right 50px no-repeat;
padding-right: 30px;
}

div#page-homepage div#predstavujeme-hot-news h4 {
margin-bottom: 30px;
}

div#page-homepage div#predstavujeme-hot-news h4.horizontal-ruler {
background: url('homepage-horizontal-line.gif') 0 0 repeat-x;
padding-top: 20px;
margin-top: 0;
}

div#page-homepage div#predstavujeme-hot-news ul {
margin: 0;
padding: 0;
overflow: hidden;
zoom: 1;
}

div#page-homepage div#predstavujeme-hot-news ul li {
width: 230px;
margin: 0;
padding: 0 10px 10px 0;
}

div#page-homepage div#predstavujeme-hot-news ul li.line {
background: url('homepage-vertical-line.gif') top right repeat-y;
margin: 0 0px 0 0;
padding: 0 10px 0 0;
}

div#page-homepage div#predstavujeme-hot-news ul li img {
margin: 0 5px 5px 0;
}

div#page-homepage div#predstavujeme-hot-news ul li h2 {
margin-top: 0;
}

div#page-homepage div#predstavujeme-hot-news ul li p {
text-align: justify;
}

div#page-homepage div#work-homepage p.more {
text-align: right;
margin-top: 10px;
}

div#page-homepage div#work-homepage p.more a {
font-weight: bold;
text-decoration: none;
background: url('homepage-more.gif') left center no-repeat;
padding-left: 8px;
}

div#page-homepage p.more a:hover {
background-position: 1px center;
}

div#page-homepage div#o-nas {
float: left;
display: inline;
width: 220px;
padding-left: 30px;
margin-top: 40px;
}

div#page-homepage div#o-nas h5 {
color: #828282;
}

div#page-homepage div#o-nas img {
border: 1px solid #C4C4C2;
padding: 2px;
margin: 0 0 0 0;
}

/* Uzivatelem vkladany obsah */
div#work blockquote {
margin: 10px 0;
}

div#work ul,
div#work ol {
padding: 0;
margin: 0; 
margin-left: 40px;
margin-bottom: 20px;
}

div#work ul li,
div#work ol li {
margin: 0;
padding: 0;
margin-bottom: 5px;
list-style-type: disc;
}

div#work ol li {
list-style-type: decimal;
}

/* Tabulka pro obrazky, aby sedely s hlavickou - prase, ale jinak to asi nepude rozumne :) */
table.image-fit-header {
table-layout: fixed;
border-collapse: collapse;
border-spacing: none;
}

table.image-fit-header td.ifh {
width: 140px;
}

table.image-fit-header td.ifh-last {
width: 135px;
}

/* Tabulka pro obrazky, ktere jsou ve veletrzich - vice vedle sebe */ 
table.veletrhy-imgs {
table-layout: fixed;
border-collapse: collapse;
border-spacing: none;
}

table.veletrhy-imgs td {
padding: 2px;
}

table.veletrhy-imgs td img {
margin: 0;
}

/* Table - partneri */
table.partners {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: none;
}

table.partners td {
background: url('homepage-horizontal-line.gif') left bottom repeat-x;
padding: 0 5px;
}

table.partners td.logo {
width: 110px;
text-align: center;
}

/* Katalog - vypis kolekci */
div.items-catalog-columns {
position: relative;
/*overflow: hidden;*/
zoom: 1;
margin: 40px 0;
}

div#work ul.items-catalog-list {
margin: 0;
padding: 0;
}

div#work ul.items-catalog-list li {
margin-left: 15px;
}

div#work ul.items-catalog-list-left {
float: left;
display: inline;
}

div#work ul.items-catalog-list-right {
float: right;
display: inline;
}

div#work ul.items-catalog-list a {
outline: none;
}

div#work ul.items-catalog-list a * {
display: none;
}

div#work ul.items-catalog-list a span {
display: inline;
}

#categoryInfoTable {
width: 160px;
height: 180px;
border: 1px solid #ccc;
margin: 0 auto;
font-weight: bold;
font-size: 14px;
}

#categoryTitleTd {
height: 30px;
background: #eee;
color: #000;
text-align: center;
}

#categoryPictureTd {
height: 150px;
padding: 5px;
background: url('glass.gif') center center no-repeat;
text-align: center;
}

#podkategoriePicture span {
display: block;
margin-bottom: 5px;

}

/* Katalog - druhy, kolekce, sortiment, detail */
div#work ul.items-catalog {
padding: 0;
margin: 0;
}

div#work ul.items-catalog li {
float: left;
width: 106px;
height: 106px;
padding: 0;
margin: 0 19px 19px 0;
list-style-type: none;
/*background: url('items-catalog-li-separator.gif') right top repeat-y;*/
}

/*div#work ul.items-catalog li.items-catalog-third {
padding-right: 0;
margin-right: 0;
background: none;
}*/

div#work ul.items-catalog li h3 {
font-size: 12px;
height: 20px;
overflow: hidden;
}

div#work ul.items-catalog li h3 a {
color: #A80033;
text-decoration: none;
}

div#work ul.items-catalog li h3 a:hover {
color: #000;
}

div#work ul.items-catalog li a.items-catalog-image {
width: 104px;
height: 104px;
line-height: 104px;
border: 1px solid #C0C0C0;
font-size: 0;
line-height: 0;
outline: none;
text-align: center;
display: table-cell;
vertical-align: middle;
_display: block;
}

div#work ul.items-catalog li a.items-catalog-image:hover {
border-color: #A80033;
}

div#work ul.items-catalog li a.items-catalog-image:active,
div#work ul.items-catalog li a.items-catalog-image:focus {
border-color: #A80033;
}

div#work ul.items-catalog li a.items-catalog-image img {
border: 0;
vertical-align: middle;
}

div.item-desc {
display: none;
} 

/*
div#work ul.items-catalog li blockquote a.items-catalog-more {
background: url('items-catalog-more.gif') left 5px no-repeat;
padding-left: 8px;
text-decoration: none;
text-transform: lowercase;
font-weight: bold;
color: #A80033;
}*/

/* Katalog - detail kolekce */
div.items-catalog-detail {
float: left;
width: 209px;
height: 209px;
line-height: 209px;
margin-bottom: 19px;
margin-right: 19px;
overflow: hidden;
border: 1px solid #cdcdcd;
padding: 10px;
text-align: center;
vertical-align: middle;
display: table-cell;
}

div.items-catalog-detail img {
vertical-align: middle;
}

/* Katalog - detail sortimentu */
div#work div.items-catalog-sortiment-detail {
margin-bottom: 20px;
position: relative;
text-align: center;
zoom: 1; /* fix the center vs absolute bug */
}

div#work div.items-catalog-sortiment-detail-box {
}

div#work div.items-catalog-sortiment-detail a.items-catalog-image {
font-size: 0;
line-height: 0;
outline: none;
}

div#work div.items-catalog-sortiment-detail a.items-catalog-image img {
border: 0;
}

div#work div.items-catalog-sortiment-detail a.items-catalog-image:hover img {
opacity: 0.9;
filter: alpha(opacity=90);
}

div#work div.items-catalog-sortiment-detail ul {
margin: 15px 0 0 0;
}

div#work div.items-catalog-sortiment-detail ul li {
font-weight: bold;
list-style-type: none;
}

div#work div.items-catalog-sortiment-detail blockquote {
padding: 5px;
margin: 20px;
border: 1px solid #eee;
text-align: left;
}

ul.items-catalog-params {
color: #828282;
position: absolute;
top: 10px;
left: 10px;
text-align: left;
}

/* Katalog - pager */
div#work ul.pager {
margin: 20px 0;
text-align: center;
}

div#work ul.pager li {
display: inline;
padding: 0 5px;
font-weight: bold;
}

/* Pager navigation */
div.pager-navigation {
margin: 10px 0;
text-align: right;
}

div.pager-navigation div {
display: inline;
padding-left: 2px;
}

/* FAQ */
div#work ul#faq {
padding: 0;
margin: 0;
}

div#work ul#faq li {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #cdcdcd;
list-style-type: none;
}

/* FAQ Form */
form#faq_1 {
}

form#faq_1 fieldset {
border: 0;
}

form#faq_1 legend {
display: none;
}

form#faq_1 input#jmeno_1,
form#faq_1 input#telefon_1,
form#faq_1 input#email_1 {
width: 150px;
}

form#faq_1 input#send_1 {
cursor: pointer;
}

form#faq_1 textarea {
width: 360px;
height: 100px;
}

form#faq_1 dl {
zoom: 1;
overflow: hidden;
position: relative;
}

form#faq_1 dt {
float: left;
width: 50px;
}

form#faq_1 br {
display: none;
}

form#faq_1 span.required,
form#faq_1 span.quick-form-required-note-asterisk {
color: red;
padding-right: 2px;
}

form#faq_1 span.error {
position: absolute;
color: red;
left: 190px;
}

/* Novinky, veletrhy, udalosti a ostatni podobne veci */
/* Akce a veletrhy */
div#work ul#akce-veletrhy-predstavujeme {
margin: 0;
padding: 0;
}

div#work ul#akce-veletrhy-predstavujeme li {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #C4C4C2;
}

div#work ul#akce-veletrhy-predstavujeme li img {
}

div#work ul#akce-veletrhy-predstavujeme li h2 {
margin-top: 0;
}

div#work ul#akce-veletrhy-predstavujeme li p {
text-align: justify;
}

/* Novinky, udalosti, veletrhy - vypis + detail */
div#work ul.news-events {
padding: 0;
margin: 0;
}

div#work ul.news-events li {
padding: 0;
margin: 0;
padding-bottom: 10px;
margin-bottom: 10px;
background: url('homepage-horizontal-line.gif') left bottom repeat-x;
list-style-type: none;
overflow: hidden;
zoom: 1;
}

ul.news-events p.button-more {
text-align: right;
}

a.news-events-image {
float: right;
margin: 0 0 10px 20px;
}

a.veletrhy-image img {
border: 0;
}

/* Table - press downloads */
table.press-downloads {
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
margin-bottom: 20px;
}

table.press-downloads td {
border: 1px solid #ccc;
padding: 5px;
}

/* Distributori - vypis zemi do sloupcu */
div#distributori {
overflow: hidden;
zoom: 1;
}

div#distributori ul {
float: left;
width: 140px;
background: url('homepage-vertical-line.gif') 0 0 repeat-y;
margin: 0;
padding: 0;
padding-bottom: 10px;
margin-bottom: 25px;
}

div#distributori ul.no-line {
background: none;
}

div#distributori ul li {
/*text-indent: 22px;*/
padding: 0 0 0 22px;
margin: 0;
list-style-type: none;
}

/* Distributori - detail země */
div.distributori-container {
zoom: 1;
overflow: hidden;
}

div.distributori-column1 {
float: left;
width: 49%;
}

div.distributori-column2 {
float: right;
width: 49%;
}

div.distributori-container div.distributori-column2 {
padding-top: 43px;
}

/* Edit link */
div.editlink {
clear: both;
padding-top: 10px;
font-weight: bold;
}

/* PDF ke stazeni */
a.file-pdf {
padding: 10px 0 10px 25px;
background: url('jpg.gif') left center no-repeat;
}
