body
{background: url(img/bg.png) repeat-x top center;  font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;font-size:0.7em;color:#222;line-height:150%;margin:0;padding:0;}

TABLE,TD,TH,SELECT,INPUT,OPTION,TEXTAREA,FORM,FIELDSET {font-size: 100%;font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;}
TABLE {border-collapse: separate;}
FORM {margin:0;}

p {margin: 0.5em 0 1em 0; padding: 0;} .small {font-size: 0.9em;} .big {font-size: 1.1em;}
.text-left {text-align: left;} .text-right {text-align: right;}
.inline {display: inline;} .block {display: block;}
A img {border: none;}

H1, H2, H3, H4 {color: #E93F27; margin: 1em 0 0.5em 0; padding: 0; font-family: Georgia; line-height: 150%;}
H1 {font-size: 1.6em;} H2 {font-size: 1.4em;} H3 {font-size: 1.2em;} H4 {font-size: 1.1em;}

A {color: #FF8D00; text-decoration: underline;}
A:visited {color: #FF8D00;}
A:hover {color: #CE7200; text-decoration: none;}
.comp4-cms-calendar table.wm4-listing td a {color: #2581B8; font-weight: bold;}

UL {} UL UL {margin: 1em;}
LI {list-style-position: outside;}

.right {float: right;} .left {float: left;}
.clear, BODY .wm4-cleaner {clear: both; height: auto;}

.cms4-element-pagelet-html TABLE { border-collapse: collapse;}
.cms4-element-pagelet-html TABLE TD {vertical-align: top;}
.cms4-illustrated-content {margin:1em;}
table.cms4-illustrated-content td.cms4-illustrated-content-col1 {padding-bottom: 1em;}
.cms4-illustrated-content H2 {font-size: 1.1em; font-family: verdana;}
.comp4-illustrated-content-item-image {float: left; margin-right: 1em;}
/* ****************************************************************** STRANKA */

#PAGE
{}
#PAGE .page-gfx
{width: 980px;margin: 0 auto;background: #fff;}
#PAGE .page-gfx-b
{/*background: url(img/.png) no-repeat bottom center;*/}
#PAGE .page-in
{padding: 0 0px;}

/* ***************************************************************** HLAVICKA */

#HEAD
{}
#HEAD .head-in
{position: relative; background: url(img/head.jpg) no-repeat top center; height: 249px;  z-index: 0}

#HEADHOME
{}
#HEADHOME .headhome-in
{position: relative; background: url(img/head-big-o.jpg) no-repeat top center; height: 356px;}

.head-logo {position: absolute; top: 15px; left: 20px; width: 120px; height: 92px;}
.head-logo h1 {margin: 0; padding: 0; width: 120px; height: 92px;}
.de .head-logo a {
    background:url(img/logo-de.png) no-repeat scroll left top transparent;
    display:block;
    text-decoration:none;
    width: 120px; height: 92px;
}
.it .head-logo a {
    background:url(img/logo-it.png) no-repeat scroll left top transparent;
    display:block;
    text-decoration:none;
    width: 120px; height: 92px;
    }
.head-logo a span {display: none;}


#lang {position:absolute; top: 2px; right: 30px; color: #fff;}
#lang a {color: #fff;}
.head-text {position: absolute; top: 122px; left: 30px; width: 350px; font-family: georgia;}
.head-form {position:absolute; top: 200px; left: 470px; width: 480px;}
.head-form-in {}
.head-search
{position: absolute; top: 60px; right: 0px; width: 256px; height: 35px; background: url(img/search.png) no-repeat top left;}
#HEAD .head-search {top: 130px;}

.head-search-in {padding: 7px 0 0 12px;}

.head-search .search-input
{ border: 1px solid #C3C3C3; padding: 2px; margin-left: 5px; float: left;}
.head-search .search-input:focus
{border: 1px solid #999;}
.head-search .search-button
{ float: left; margin-left: 5px;}
.head-search .search-button:hover
{background: url(img/search-button.png) 0 40px;}
/* ********************************************************************* TELO */
#MAIN
{padding: 10px 0 10px 0; position: relative;}
#MAIN .main-in
{ padding: 0px;}

/* ************************************************************* LEVY SLOUPEC */

#LEFT-COL
{width: 455px;float: left;}
.left-col-in {width: 455px; float: left;}
/* ************************************************************ PRAVY SLOUPEC */

.homepage #RIGHT-COL
{width: 515px;float: right; margin-top: 0;}
#RIGHT-COL
{width: 515px;float: right; margin-top: -80px;}

.homepage .right-col-in {float: right; padding: 0;}
.right-col-in {float: right; width: 515px;}
/* ******************************************************* PROSTREDNI SLOUPEC */

#MID-COL
{margin: 0 236px 0 216px;}
#MID-COL .mid-col-in
{float: left; width: 100%;}

/* ****************************************************************** PATICKA */

#BOTTOM {padding: 10px 0 10px 5px; font-size: 0.9em;}
#BOTTOM A
{}

.bottom-go-top
{float: right;}

.bottom-box
{background: url(img/bg1.png) no-repeat top center #E1E1E1; margin-top: 15px;}
.bottom-box-in
{padding: 12px 15px 10px 15px; background: url(img/bg2.png) no-repeat bottom center;}

.bottom-box-in .bottom-box-small
{float: left; width: 227px; margin: 0 5px;}
.bottom-box-in .bottom-box-small h4 {padding: 6px 0 5px 44px; margin-top: 0;}
.bt1 h4
{background: url(img/b-1.png) no-repeat top left;}
.bt2 h4
{background: url(img/b-2.png) no-repeat top left;}
.bt3 h4
{background: url(img/b-3.png) no-repeat top left;}
.bt4 h4
{background: url(img/b-4.png) no-repeat top left;}
h4.logon {background: url(img/b-5.png) no-repeat top left;}
.bottom-box-in .bottom-box-small p
{padding: 0 0 0 44px;  line-height: 110%; font-family: times;}

.tel {display: block; background: url(img/ico-tel.png) no-repeat top left; margin-top: 5px; padding: 2px 0 5px 24px; font-family: times;}
.mail {display: block; background: url(img/ico-mail.png) no-repeat top left; padding: 2px 0 5px 24px; font-family: times;}

/* ****************************************************************** SDILENI */


/* ************************************************************ MENU VERTICAL */

#MENU-VERTICAL
{margin-bottom: 10px;}
#MENU-VERTICAL UL
{margin: 0;
padding: 0;}

#MENU-VERTICAL UL LI
{border-bottom: 1px dotted #efefef;
padding: 0;
margin: 0;
list-style: none outside;}
#MENU-VERTICAL UL LI A
{display: block;
font-weight: bold;
background: url(img/sipka.png) no-repeat top left;
padding: 4px 1em;
position: relative;}
#MENU-VERTICAL UL LI A:hover
{}
#MENU-VERTICAL .active A
{font-weight: bold;
color: black;}

/* ********************************************************** MENU HORIZONTAL */

#HEADHOME #MENU-HORIZONTAL
{position: absolute; top: 287px; left: 12px;}
#HEAD #MENU-HORIZONTAL
{position: absolute; top: 180px; left: 12px;}

#MENU-HORIZONTAL UL
{margin: 0px;
padding: 0px;}
#MENU-HORIZONTAL UL LI
{margin: 0 1px 0 0;
list-style: none outside;
display: block;
height: 66px;
width: 84px;
float: left;
}
#MENU-HORIZONTAL UL LI.hm1
{background: url(img/hm1-de.png) no-repeat top left;}
#MENU-HORIZONTAL UL LI.hm2
{background: url(img/hm2-de.png) no-repeat top left;}
#MENU-HORIZONTAL UL LI.hm3
{background: url(img/hm3-de.png) no-repeat top left;}
#MENU-HORIZONTAL UL LI.hm4
{background: url(img/hm4-de.png) no-repeat top left;}
#MENU-HORIZONTAL UL LI.hm5
{background: url(img/hm5-de.png) no-repeat top left;}
#MENU-HORIZONTAL UL LI.hm6
{background: url(img/hm6-de.png) no-repeat top left;}

.it #MENU-HORIZONTAL UL LI.hm1
{background: url(img/hm1-it.png) no-repeat top left;}
.it #MENU-HORIZONTAL UL LI.hm2
{background: url(img/hm2-it.png) no-repeat top left;}
.it #MENU-HORIZONTAL UL LI.hm3
{background: url(img/hm3-it.png) no-repeat top left;}
.it #MENU-HORIZONTAL UL LI.hm4
{background: url(img/hm4-it.png) no-repeat top left;}
.it #MENU-HORIZONTAL UL LI.hm5
{background: url(img/hm5-it.png) no-repeat top left;}
.it #MENU-HORIZONTAL UL LI.hm6
{background: url(img/hm6-it.png) no-repeat top left;}


#MENU-HORIZONTAL UL LI A
{
display: block;
height: 66px;
width: 84px;
}
#MENU-HORIZONTAL UL LI A span
{display: none;}
#MENU-HORIZONTAL UL LI A:hover
{}
#MENU-HORIZONTAL .active a
{
background: white;
text-decoration: none;}

/* ******************************************************************* MODULY */
#search
{float: right; padding: 25px 10px 0 0;}
.search-input
{width: 167px;border: 1px solid #C3C3C3; padding: 2px;}
#search .search-input:focus
{border: 1px solid #999;}
#search .search-button
{border: 1px solid #C3C3C3; margin: 0 0 0 5px; padding: 2px 4px; background: url(img/search-button.png);}
#search .search-button:hover
{background: url(img/search-button.png) 0 40px;}

#STYLESWITCHER
{position: absolute;top: 0px;right: 10px;}
#STYLESWITCHER, #STYLESWITCHER li
{padding: 0;margin: 0;}
#STYLESWITCHER span
{border-left: 1px solid #dcdcdc;padding: 0 5px;}

#BASKET
{position: absolute;top: 50px;right: 10px; text-align: right;}
#BASKET span
{display: block;}

TABLE.calendar
{width: 100%;table-layout: fixed;}
.calendar TD
{border: 1px solid #dcdcdc;padding: 0;text-align: center;background: white;}
.calendar .day-weekend
{background: #efefef;}
.calendar .day-name TD
{font-weight: bold;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;background: none;border: none;}
.calendar .has_event
{font-weight: bold;background: #FFF7D5;}
.calendar .has_event div
{display: none;}
.calendar TD.day-today
{color: white;background: gray;}
TABLE.calendar TH
{padding: 2px;}

/* ******************************* */

.comp4-poll H2, #RIGHT-COL .comp4-poll H3
{margin: 0;font-size: 12px;}
#RIGHT-COL .comp4-poll, #LEFT-COL .comp4-poll
{margin: 0;}

/* *********************************************************** OBSAH ELEMENTY */

#RIGHT-COL H3, #LEFT-COL H3
{
}

.text-blok .inside-gfx
{padding: 6px 10px;}
.text-blok
{margin-bottom: 10px;}
.text-blok p
{margin: 0;}

/* ******************************* */

/*
.nabidka-textbg
{background: url(img/nabidka-textbg.png) no-repeat bottom right;}
.nabidka-textbg UL
{margin: 0;padding:5px 15px 5px 10px;}
.nabidka-textbg LI
{margin: 0;padding:0 0 0 12px;background: url(img/nabidka-odr.png) no-repeat 0 4px;list-style-type: none;}
*/



/* textove bloky */

#RIGHT-COL .comp4-poll H3
{background: none;}
.text-blok H3
{margin-top: 0;}

/* ******************************* */

#NEWS
{padding-bottom: 0.5em;}
#NEWS .hi
{padding: 2px 0 2px 0px;font-size: 1.2em;}
#NEWS .time
{color: gray;}

#NEWS .aktualita
{clear: both;}
#NEWS .aktualita .news-image
{float: left;}
#NEWS .aktualita .news-image img
{margin: 0.2em 1em 1em 0;}

.news
{width: 200px;}
.news .inside-gfx
{margin: 0 0 1em 0;}
.news-text
{line-height: 135%;}

/* ******************************* */

.wm4-navig-path {margin: 10px 0 0 0;}

#nase-tipy
{
background: url(img/nase-tipy.png) no-repeat top center #FBEAA2;
}

#nase-tipy .nase-tipy-in
{
background: url(img/nase-tipy2.png) no-repeat bottom center;
padding: 5px 15px 15px 15px;
}

#zupasearch
{
margin-top: 1em;
background: url(img/zupa1.png) no-repeat top center #FFC600;
}

#zupasearch .zupasearch-in
{
background: url(img/zupa2.png) no-repeat bottom center;
padding: 5px 15px 15px 15px;
}

.theme-menu-pol { margin-bottom: 5px; padding: 1px 5px 8px 5px; line-height: 125%;}
.th-active {background: url(img/th-bg.png) no-repeat top left;; color: #fff;}
.theme-menu-pol h3 {margin-top: 6px;}
.th-active h3 a{color: #fff;}

.th-5 {background: url(img/ic1w.png) no-repeat left center; padding: 0 0 0 66px;}
.th-2 {background: url(img/ic2w.png) no-repeat left center; padding: 0 0 0 66px;}
.th-3 {background: url(img/ic3w.png) no-repeat left center; padding: 0 0 0 66px;}
.th-4 {background: url(img/ic4w.png) no-repeat left center; padding: 0 0 0 66px;}
.th-6 {background: url(img/ic5w.png) no-repeat left center; padding: 0 0 0 66px;}

h1.th-5 {background: url(img/ic1w.png) no-repeat left center; padding: 12px 0 12px 66px; margin-top: 0;}
h1.th-2 {background: url(img/ic2w.png) no-repeat left center; padding: 12px 0 12px 66px; margin-top: 0;}
h1.th-3 {background: url(img/ic3w.png) no-repeat left center; padding: 12px 0 12px 66px; margin-top: 0;}
h1.th-4 {background: url(img/ic4w.png) no-repeat left center; padding: 12px 0 12px 66px; margin-top: 0;}
h1.th-6 {background: url(img/ic5w.png) no-repeat left center; padding: 12px 0 12px 66px; margin-top: 0;}

.th-active .th-5 {background: url(img/ic1.png) no-repeat left center;}
.th-active .th-2 {background: url(img/ic2.png) no-repeat left center;}
.th-active .th-3 {background: url(img/ic3.png) no-repeat left center;}
.th-active .th-4 {background: url(img/ic4.png) no-repeat left center;}
.th-active .th-6 {background: url(img/ic5.png) no-repeat left center;}

.wm4-pager
{background: #efefef;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
padding: 5px;
}

.polozka {margin-bottom: 10px;}
.polozka .polozka-img {float: left; margin-right: 1em;}

.temata-hp .left
{margin: 0 1em 0 0; }
.temata-hp h3 {margin-top: 0;}
.temata-pol {margin-bottom: 10px;}

.ill-left {float: left; margin: 0 1em 0.6em 0;}
.img-left {float: left; margin: 0 1em 0.6em 0;}

#LEFT-COL .photo {float: left; width: 455px; margin: 0 6px 6px 0; line-height: 130%; overflow: hidden;}
.photo {float: left; width: 165px; margin: 0 6px 6px 0; line-height: 130%; overflow: hidden;}
.akce .photo { height: auto; overflow: visible;}

.mmm-menu {margin: 0 0 0 0; padding: 0; list-style: none; height: 36px;}
.mmm-menu li {float: left;  width: 105px; margin-right: 6px;}
.mmm-menu li a{display: block;  height: 31px; width: 105px; text-align: center; background: url(img/mmm.png) no-repeat bottom left; color: #333; font-weight: bold; text-decoration: none;}
.mmm-menu li.active a{display: block;  width: 105px; text-align: center; background: url(img/mmm.png) no-repeat top left;}
.mmm-menu li a span {display: block; padding: 7px 0;}

.kont-pol
{}
.kont-img {float: left; margin: 0 1em 0.5em 0;}

#nase-tipy .polozka {clear: both; width: auto; height: auto; float: none; border: none;}
#nase-tipy .polozka-in {clear: both; height: auto; width: 100%; padding: 10px 0;}
#nase-tipy .polozka .polozka-img {float:left; margin-right:1em; height: auto;}

.hledej-program {}
.hledej-program select {width: 200px; float: left; margin-bottom: 6px;}
.hledej-program .hledej-program-1 { margin-right: 14px; }
.hledej-program input { margin-left: 212px;}

.homepage #zupasearch, .homepage #zupasearch .zupasearch-in
{background: none;}


/* ************************************************************************** */

#tabs
{
padding: 0;
margin: 0;
font-size: 11px;
border: none;
}

#tabs-1 {background: #FFCD00;}
#tabs .ui-tabs-selected, #tabs  .ui-state-default {background: #FFCD00;}
#tabs .tab-wh {background: #fff;}
#tabs .ui-widget-header {border: none; }
#tabs .ui-tabs-panel {border: 1px solid #AAAAAA;}

.ui-tabs .ui-tabs-nav { background: #fff;}
/* ******************* */

.wm4-none {
display:none;
}
.wm4-cleaner {
clear:both;
}
.wm4-align-left {
text-align:left;
}
.wm4-align-right {
text-align:right;
}
.wm4-align-center {
text-align:center;
}
.wm4-no-top-margin {
margin-top:0;
}
.wm4-fl {
float:left;
}
.wm4-fr {
float:right;
}
.wm4-nowrap {
white-space:nowrap;
}
.wm4-first {
margin-top:0;
}
.wm4-last {
margin-bottom:0;
}
* html ul a {
height:1px;
}

/* ********************************************************************** */

.sloup1 {float: left; width: 49%;}
.sloup2  {float: left; width: 49%; margin-left: 8px;}

#phgala {width: 455; overflow: auto;}

/* ********************************************************************* shop */

.category-prod {margin-top: 10px;}

.vypis-polozek
{clear: both;}

.polozka a
{text-decoration: none; }

.polozka
{width: 152px;float: left; margin: 0 5px 5px 5px;  border-top: 1px solid #efefef; border-right: 1px solid #efefef; line-height: 120%;}
.polozka-in
{padding: 10px; height: 185px;}
.polozka-img
{height: 110px; text-align: center; margin-bottom: 5px;}

.img-map {margin-top: 15px;}
.form-objednavka-area {width: 97%;}

.goods-desc table {border: 1px solid #fff; background: #FFE7B8;  border: 1px solid #fff;}
.goods-desc table td {padding: 2px 4px;  border: 1px solid #fff;}
ul.trasa-seznam, ul.goods-kat {margin-left: 0; padding: 0; list-style-type: none;}
ul.trasa-seznam li {display: inline; margin-right: 0.5em; }

#slideshow {
height: 160px;
width: 200px;
position:relative;
float: left;
}
#home-kategorie #slideshow {
height: 112px;
width: 134px;
position:relative;
float: left;
}

#slideshow img {
left:0;
position:absolute;
top:0;
z-index:8;
}


#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.kont-pol {clear: both;}

#HP-BANNER {
    margin-top: 10px;
}