body, html, h1, #menu, #sub-menu ul, img {margin:0;padding:0;border:0;}

body {font-family: "Tahoma CE", Tahoma, Arial, lucida, sans-serif; background: #D6D9DB url(../gfx/background-page.png) repeat-x; font-size: 80%; }
#container {margin: 0 auto; width: 990px; position: relative; overflow: hidden; }
#content {position: relative; margin: 0px 0px 0px 20px; background: white; padding: 20px 0px 40px 0px; width: 755px; }
#content-margin {padding-top: 190px; } /* cause of IE * totaly exhausted look * */

#content p {padding:0; line-height: 160%; margin: 10px 30px 0px 30px; }
#content ul {padding:0; margin: 10px 30px 0px 45px; line-height: 180%; list-style: none;  }
#content ul li {background: url(../gfx/list.png) no-repeat left 9px ; padding-left: 17px; }

#content img {margin: 10px 20px 0px 20px; }
#content h1, #content h4 {font-weight: normal; }

#content h1 {position: relative; color: white; background: #BE9E5C; height: 39px; clear: both; margin: 2px 20px 0px 20px; padding: 10px 0px 0px 20px; text-transform: uppercase; font-size: 180%; }
#content h3 {padding:0; margin: 25px 30px 0px 30px; font-size: 120%; clear: both; }
#content h4 {margin: 25px 30px 0px 30px; font-size: 120%; }
#kontakt #content h4 { font-size: 14px; }

#content a {color: #CD0B0B; padding: 10px 0px 10px 0px; }
#content a:hover {color: black; }

#content .breadcrumb-navigation {display: block; position: relative; list-style: none; margin: 0px 20px 0px 20px; height: 30px; background: #B2B2B2; font-family: "Arial CE", Arial, sans-serif; font-size: 85%;  }
#content .breadcrumb-navigation li {float: left; background: none; padding: 0; }
#content .breadcrumb-navigation li a {display: block; height: 24px; width: auto; text-decoration: none; color: white !important; text-align: center; padding: 6px 50px 0px 30px; }
#content .breadcrumb-navigation li a:hover {text-decoration: underline; }

#content .breadcrumb-navigation .first a {background: #797674 url(../gfx/arrow-breadcrumb-1.png) no-repeat right; }
#content .breadcrumb-navigation .second a {background: #A3A3A3 url(../gfx/arrow-breadcrumb-2.png) no-repeat right; }

#content .gallery {background: #D6D8DA; margin: 20px 20px 0px 20px; padding-bottom: 12px; }
#content .gallery img {margin: 13px 2px 0px 14px; }
#content .infobox-w296 { width: 296px; margin: 0 auto; font-size: 12px; padding: 10px 0; }
#content .infobox-w296 p { margin: 0; }
#content a { color: #000000; }
#content a.more { float: right; }
#content .no-bold { font-weight: normal; }

#fotogalerie h3 {margin: 20px 20px 0px 20px; padding: 0px 0px 10px 0; font-size: 130%; border-bottom: 1px solid #D6D8DA; }
#fotogalerie h4 {margin: -8px 0px 10px 35px; padding: 0; font-weight: bold; font-size: 120%; }
#fotogalerie .gallery {margin: 10px 20px 0px 20px; padding-bottom: 12px; }
#fotogalerie .right {margin-top: 3px; }
 
#content .sub-tab {list-style: none; margin: 10px 0px 0px 20px; padding: 0px 0px 60px 0px; background: url(../gfx/sub-menu-ul.png) no-repeat bottom left; }
#content .sub-tab li {float: left; background: none; padding: 0; margin: 0px 5px 0px 0px; text-align: center; }
#content .sub-tab li a {display: block; line-height: 100%; padding: 13px 0px 7px 0px; background: none; text-decoration: none; color: black; width: 230px; background: url(../gfx/sub-menu-ul-active.png) repeat-x; text-decoration: underline; }
#content .sub-tab li a.active {background: url(../gfx/sub-menu-li.png) repeat-x; text-decoration: none; font-weight: bold; cursor: default; }

h1.h-tosca-interier span, h1.h-royal-interier span, h1.h-decoland span, h1.h-dormio-interier span, h1.h-jn-interier span, h1.h-siko-koupelny span, h1.h-stressless span, h1.h-aksamite span, h1.h-triant span,
h1.h-fotogalerie-tosca-interier span, h1.h-fotogalerie-royal-interier span, h1.h-fotogalerie-decoland span, h1.h-fotogalerie-dormio-interier span, h1.h-fotogalerie-jn-interier span, h1.h-fotogalerie-siko-koupelny span, h1.h-fotogalerie-stressless span, h1.h-fotogalerie-aksamite span, h1.h-fotogalerie-triant span,
h1.h-kuchyne span, h1.h-sortiment span, h1.h-prodejci span, h1.h-fotogalerie span, h1.h-o-nas span, h1.h-planek-centra span, h1.h-kontakt span, h1.h-jidelny span, h1.h-nabytek span, h1.h-koupelny span, h1.h-loznice span, h1.h-sedaci-soupravy span,
h1.h-fotogalerie-kuchyne span, h1.h-fotogalerie-jidelny span, h1.h-fotogalerie-nabytek span, h1.h-fotogalerie-koupelny span, h1.h-fotogalerie-loznice span, h1.h-fotogalerie-sedaci-soupravy span   
{display: block; position: absolute; height: 49px; width: 690px; top: 0px; left: 20px; }


h1.h-sortiment span {background: url(../gfx/lines/sortiment.png) no-repeat; }
h1.h-prodejci span {background: url(../gfx/lines/prodejci.png) no-repeat; }
h1.h-fotogalerie span {background: url(../gfx/lines/fotogalerie.png) no-repeat; }
h1.h-o-nas span {background: url(../gfx/lines/o-nas.png) no-repeat; }
h1.h-planek-centra span {background: url(../gfx/lines/planek-centra.png) no-repeat; }
h1.h-kontakt span {background: url(../gfx/lines/kontakt.png) no-repeat; }

h1.h-kuchyne span {background: url(../gfx/lines/kuchyne.png) no-repeat;  }
h1.h-jidelny span {background: url(../gfx/lines/jidelny.png) no-repeat; }
h1.h-nabytek span {background: url(../gfx/lines/nabytek.png) no-repeat; }
h1.h-koupelny span {background: url(../gfx/lines/koupelny.png) no-repeat; }
h1.h-loznice span {background: url(../gfx/lines/loznice.png) no-repeat; }
h1.h-sedaci-soupravy span {background: url(../gfx/lines/sedaci-soupravy.png) no-repeat; }

h1.h-tosca-interier span {background: url(../gfx/lines/tosca-interier.png) no-repeat; }
h1.h-royal-interier span {background: url(../gfx/lines/royal-interier.png) no-repeat; }
h1.h-decoland span {background: url(../gfx/lines/decoland.png) no-repeat; }
h1.h-dormio-interier span {background: url(../gfx/lines/dormio-interier.png) no-repeat; }
h1.h-jn-interier span {background: url(../gfx/lines/jn-interier.png) no-repeat; }
h1.h-siko-koupelny span {background: url(../gfx/lines/siko-koupelny.png) no-repeat; }
h1.h-stressless span {background: url(../gfx/lines/stressless.png) no-repeat; }
h1.h-aksamite span {background: url(../gfx/lines/aksamite.png) no-repeat; }
h1.h-triant span {background: url(../gfx/lines/triant.png) no-repeat; }

h1.h-fotogalerie-kuchyne span {background: url(../gfx/lines/fotogalerie-kuchyne.png) no-repeat;  }
h1.h-fotogalerie-jidelny span {background: url(../gfx/lines/fotogalerie-jidelny.png) no-repeat; }
h1.h-fotogalerie-nabytek span {background: url(../gfx/lines/fotogalerie-nabytek.png) no-repeat; }
h1.h-fotogalerie-koupelny span {background: url(../gfx/lines/fotogalerie-koupelny.png) no-repeat; }
h1.h-fotogalerie-loznice span {background: url(../gfx/lines/fotogalerie-loznice.png) no-repeat; }
h1.h-fotogalerie-sedaci-soupravy span {background: url(../gfx/lines/fotogalerie-sedaci-soupravy.png) no-repeat; }

h1.h-fotogalerie-tosca-interier span {background: url(../gfx/lines/fotogalerie-tosca-interier.png) no-repeat; }
h1.h-fotogalerie-royal-interier span {background: url(../gfx/lines/fotogalerie-royal-interier.png) no-repeat; }
h1.h-fotogalerie-decoland span {background: url(../gfx/lines/fotogalerie-decoland.png) no-repeat; }
h1.h-fotogalerie-dormio-interier span {background: url(../gfx/lines/fotogalerie-dormio-interier.png) no-repeat; }
h1.h-fotogalerie-jn-interier span {background: url(../gfx/lines/fotogalerie-jn-interier.png) no-repeat; }
h1.h-fotogalerie-siko-koupelny span {background: url(../gfx/lines/fotogalerie-siko-koupelny.png) no-repeat; }
h1.h-fotogalerie-stressless span {background: url(../gfx/lines/fotogalerie-stressless.png) no-repeat; }
h1.h-fotogalerie-aksamite span {background: url(../gfx/lines/fotogalerie-aksamite.png) no-repeat; }
h1.h-fotogalerie-triant span {background: url(../gfx/lines/fotogalerie-triant.png) no-repeat; }

.h-proc-modo, .h-aktuality, .h-umisteni-prodejny, .h-kontaktni-informace {position: relative; }
.h-proc-modo span, .h-aktuality span, .h-modo-moderni-domov span {display: block; position: absolute; height: 20px; width: 200px; top: 15px; left: 20px; }

.h-umisteni-prodejny span, .h-kontaktni-informace span {display: block; position: absolute; height: 20px; width: 150px; top: 12px; left: 20px; }

.h-proc-modo span {background: url(../gfx/lines/proc-modo.png) no-repeat; }
.h-aktuality span {background: url(../gfx/lines/aktuality.png) no-repeat; }
.h-modo-moderni-domov span {background: url(../gfx/lines/modo-moderni-domov.png) no-repeat; }

.h-umisteni-prodejny span {background: url(../gfx/lines/umisteni-prodejny.png) no-repeat; }
.h-kontaktni-informace span {background: url(../gfx/lines/kontaktni-informace.png) no-repeat; }

p.introduction {font-size: 120%; } 

h2 {position: absolute; top: 20px; margin-left: 20px; margin-top: 0; text-align: center; font-size: 180%; background: white; }
h2 a {overflow: hidden; color: #CD0B0B; cursor: pointer; }
h2 a:hover {color: black; }
h2 a span {position: absolute; left: 0px; top: 0px; background: url(../gfx/MoDo-moderni-domov.png) no-repeat; z-index: 9; }
h2, h2 a, h2 a span {width: 185px; height: 71px; display: block; }

#menu {position: absolute; top: 20px; margin-left: 215px; list-style: none; text-transform: uppercase; width: 755px; background: #CCCED1; }
#menu li {float: left; text-align: center; }
#menu li a {position: relative; display: block; height: 29px; padding-top: 11px; }   

#m-uvodni-stranka, #m-uvodni-stranka span {width: 146px; }
#m-sortiment, #m-sortiment span {width: 104px; }
#m-prodejci, #m-prodejci span {width: 93px; }
#m-fotogalerie, #m-fotogalerie span {width: 117px; }
#m-o-nas, #m-o-nas span {width: 76px; }
#m-planek-centra, #m-planek-centra span {width: 126px; }
#m-kontakt, #m-kontakt span {width: 93px; }

#m-uvodni-stranka span, #m-sortiment span, #m-prodejci span, #m-fotogalerie span, #m-o-nas span, #m-planek-centra span, #m-kontakt span {position: absolute; left: 0px; display: block; height: 40px; z-index: 9; background: url(../gfx/menu.png); top: 0px; cursor: pointer; }  

#m-uvodni-stranka span {background-position: 0 0; }
#m-sortiment span {background-position: -146px 0; }
#m-prodejci span {background-position: -247px 0; }
#m-fotogalerie span {background-position: -343px 0; }
#m-o-nas span {background-position: -460px 0; }
#m-planek-centra span {background-position: -536px 0; }
#m-kontakt span {background-position: -662px 0; }

#m-uvodni-stranka:hover span {background-position: 0 -80px; }
#m-sortiment:hover span {background-position: -146px -80px; }
#m-prodejci:hover span {background-position: -247px -80px; }
#m-fotogalerie:hover span {background-position: -343px -80px; }
#m-o-nas:hover span {background-position: -460px -80px; }
#m-planek-centra:hover span {background-position: -536px -80px; }
#m-kontakt:hover span {background-position: -662px -80px; }

.active #m-uvodni-stranka span {background-position: 0 -40px !important; }
.active #m-sortiment span {background-position: -146px -40px !important; }
.active #m-prodejci span {background-position: -247px -40px !important; }
.active #m-fotogalerie span {background-position: -343px -40px !important; }
.active #m-o-nas span {background-position: -460px -40px !important; }
.active #m-planek-centra span {background-position: -536px -40px !important; }
.active #m-kontakt span {background-position: -662px -40px !important; }

#sub-menu {position: absolute; top: 190px; margin-left: 789px; width: 181px; background: #EEEFF0; }

#sub-menu h4 {margin: 5px 5px 0px 5px; padding: 0; width: 171px; height: 32px; }
#sub-menu h4 span {position: absolute; width: 171px; height: 32px; z-index: 9; background: url(../gfx/lines/nabizeny-sortiment.png); left: 5px; top: 5px; }

#sub-menu ul {list-style: none; text-transform: uppercase; background: #EEEFF0; font-size: 90%; margin: 5px 5px 8px 5px; }
#sub-menu ul li a {position: relative; display: block; height: 23px; width: 151px; padding: 0px 0px 0px 20px; cursor: pointer; }
#sub-menu ul .active {background: url(../gfx/arrow-submenu.gif) no-repeat left center; margin-left: -12px; padding-left: 12px; }

#sm-kuchyne span, #sm-jidelny span, #sm-nabytek span, #sm-koupelny span, #sm-loznice span, #sm-sedaci-soupravy span {top:0; left:0; position: absolute; display: block; height: 23px; width: 171px; z-index: 9; background: url(../gfx/lines/nabizeny-sortiment.png); }

#sm-kuchyne span {background-position: 0 -40px;}
#sm-jidelny span {background-position: 0 -62px;}
#sm-nabytek span {background-position: 0 -85px;}
#sm-koupelny span {background-position: 0 -108px;}
#sm-loznice span {background-position: 0 -131px;}
#sm-sedaci-soupravy span {background-position: 0 -154px;}

#sm-kuchyne:hover span {background-position: -171px -40px;}
#sm-jidelny:hover span {background-position: -171px -62px;}
#sm-nabytek:hover span {background-position: -171px -85px;}
#sm-koupelny:hover span {background-position: -171px -108px;}
#sm-loznice:hover span {background-position: -171px -131px;}
#sm-sedaci-soupravy:hover span {background-position: -171px -154px;}

#menu li a, #sub-menu ul li a {color: #45535a; }
#menu li a:hover, #sub-menu ul li a:hover {color: black; }

#footer {position: relative; font-size: 85%; color: #4E5150; }
#footer span {display: block; background: #E9EEEF url(../gfx/logo-bar-background.gif) repeat-x; width: 951px; height: 64px; margin: 20px 0px 0px 20px; }
#footer span img {margin: 13px 0px 0px 22px; }
#footer a {color: #4E5150; }
#footer a:hover {color: black;}

#copyright {margin: 20px 0 0 0; display: block; height: 47px; background: url(../gfx/footer-background.png) repeat-x; padding: 27px 0px 0px 15px; }
#giant-cz {position: absolute; top: 100px; right: 80px; }
#giant-cz img {position:absolute; left: 95px; top: 0px; }
#giant-cz a {color: #4E5150; }

.arrow {background: url(../gfx/arrow.gif) no-repeat left 51%; padding-left: 8px !important; }

#content .r-war {float: right; width: 200px; border: 1px solid #B2B2B2; background: #EBEBEB; margin: 10px 30px 10px 10px; font-size: 90%; padding-bottom: 15px; }
#content .r-war p {margin: 15px 15px 0px 15px; }
#content .r-war h3 {margin: 15px 15px 0px 15px; font-weight: normal; border-bottom: 1px solid #B2B2B2; padding-bottom: 5px;}

#content .l-war {width: 199px; border: 1px solid #B2B2B2; margin: 100px 10px 10px 30px; font-size: 90%; padding-bottom: 15px; }
#content .l-war p {margin: 15px 15px 0px 15px; }
#content .l-war h3 {margin: 15px 15px 0px 15px; font-weight: normal; border-bottom: 1px solid #B2B2B2; padding-bottom: 5px; clear: none; }

.left {text-align: left; } 
.center {text-align: center; } 
.right {text-align: right; }
 
.flr {float: right; } 
.fll {float: left; }
 
.cleaner {clear: both; }
.active * {text-decoration: none !important; cursor: default; }
 
.none, .hidden {display: none; }
.hide {position: absolute; margin-left: -20000px; }
.no-link {text-decoration: none !important; cursor: default; }
#footer .no-link {color: #4E5150 !important; }

#background {position: absolute; top: 0px; z-index: -1; width: 990px; bottom: 0px; }

#background object {position: absolute; }

#homepage #background {background: url(../gfx/animation/homepage/homepage-background.jpg) no-repeat; }

#homepage #sub-menu {top: 382px; }
#homepage #content {margin: 192px 0px 0px 20px; padding: 0; background: none; } 

#homepage #content .box {position: absolute; top: 0px; left: 373px; }
#homepage #content .box div {float: left; width: 181px; margin: 0px 0px 0px 10px; font-size: 90%; background: #EEEFF1 url(../gfx/box-grey-background.jpg) no-repeat right bottom; height: 185px; overflow: hidden; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; }

#homepage #content .box div, #homepage #content div.introduction { background: #EEEFF1 url(../gfx/box-grey-background.jpg) no-repeat right bottom; height: 188px; overflow: hidden; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; }

#homepage #content div.introduction {margin:0; width: 373px;  }
#homepage #content div.introduction p {margin: 15px 30px 0px 28px; }

#homepage #content div p {line-height: 170%; margin: 12px 15px 0px 18px; }
#homepage #content div ul, #homepage #content div ol {line-height: 150%; margin: 12px 10px 0px 35px; padding: 0px 0px 0px 0px; }

#homepage h1 {position: absolute; top: -53px; color: white; background: black; height: 32px; width: 352px; margin: 0; padding: 10px 0px 0px 20px; ; text-transform: uppercase; font-size: 130%; font-family: Agenda; }
#homepage h1 span {display: block; position: absolute; height: 42px; width: 362px; background: url(../gfx/lines/centrum-interieru-MoDo.png); left: 0px; top: 0px; z-index: 9; }

#homepage h3 {margin: 0; padding: 14px 0px 0px 22px; font-weight: normal; font-family: Georgia; background: url(../gfx/header-box-red.gif) no-repeat left top; font-size: 120%; }

#planek-centra #content img, #planek-centra #content .list {margin-top: 20px; }
#planek-centra #content .list ul {list-style: none; margin: 0; }
#planek-centra #content .list div.first {margin-left: 50px; }
#planek-centra #content .list div.first, #planek-centra #content .list div.second, #planek-centra #content .list div.third {float: left; width: 215px; }
#planek-centra #content .list div.first li, #planek-centra #content .list div.second li, #planek-centra #content .list div.third li {padding-left: 35px; background: url(../gfx/planek-colors.png) no-repeat; }

.half-right {float: right; width: 182px; margin-right: 20px; margin-top: 20px; }
.half-left {float: left; width: 550px; }

#content .half-right div {margin: 0px 0px 20px 0px; padding-bottom: 10px;  font-size: 90%; background: #EEEFF1 url(../gfx/box-grey-background.jpg) no-repeat right bottom; overflow: hidden; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;  }
#content .half-right div p {line-height: 170%; margin: 12px 15px 0px 18px; }
#content .half-right h3 {margin: 0; padding: 14px 0px 0px 22px; font-weight: normal; font-family: Georgia; background: url(../gfx/header-box-red.gif) no-repeat left top; font-size: 120%; }
#content .half-right img {margin: 20px 0px 10px 7px; }

#sortiment .box, #prodejci .box {margin-bottom: -20px; height: 110px; position: relative; }
#sortiment .box .flr, #prodejci .box .flr {margin-top: -10px;}
#prodejci .box .right {position: absolute; bottom: 10px; right: 120px; }

/* ReMozz */

.remooz-element {cursor: -moz-zoom-in; }

.remooz-box {position: absolute; top: 0; left: 0; background: #fff no-repeat center; z-index: 100; }
.remooz-loading {background-image: url(../gfx/remooz/spinner.gif); }
.remooz-body {width: 100%; height: 100%; }
.remooz-box-focus.remooz-type-image .remooz-body {cursor: -moz-zoom-out; }
.remooz-box-dragging .remooz-body {cursor: move; }

.remooz-btn-close {position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; text-decoration: none; border:0; background: url(../gfx/remooz/closebox.png) no-repeat center; visibility: hidden; cursor: pointer; }
.remooz-engine-trident4 .remooz-btn-close {background-image: url(../gfx/remooz/closebox.gif); }


.remooz-title {position: relative; left: 0; top: 5px; text-align: left; }
.remooz-title-bg {position: absolute; left: 0; top: 0;	width: 100%; height: 100%; background-color: #000; z-index: 99; -moz-border-radius: 5px; -webkit-border-radius:	5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.9); }
.remooz-title-content {position: relative; padding: 10px 10px;	color: #fff; z-index: 101; font: 9px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; }
.remooz-title-content h6 {margin: 0 !important; padding: 0 !important; } 

.remooz-engine-trident4 .remooz-title-bg {display: none; }
.remooz-engine-trident4 .remooz-title-content {background-color: #333;}

.remooz-title-content h6 {font-size: 1.2em; font-weight: bold; color: #eee; }
.remooz-title-content p {color: #eee; }

.remooz-type-image img {display: block; border: 0;	width: 100%; height: 100%; }

.remooz-bg {position: absolute; width: 33px; height: 40px;}

.remooz-bg-n {left: 0; top: -40px;	width: 100%; background: url(../gfx/remooz/remo_bg_n.png) repeat-x; }
.remooz-bg-ne {right: -33px; top: -40px; background: url(../gfx/remooz/remo_bg_ne.png) no-repeat; }
.remooz-bg-e {right: -33px; top: 0; height: 100%; background: url(../gfx/remooz/remo_bg_e.png) repeat-y; }
.remooz-bg-se {right: -33px; bottom: -40px; background: url(../gfx/remooz/remo_bg_se.png) no-repeat; }
.remooz-bg-s {left: 0;	bottom: -40px; width: 100%; background: url(../gfx/remooz/remo_bg_s.png) repeat-x; }                                                                     
.remooz-bg-sw {left: -33px; bottom: -40px; background: url(../gfx/remooz/remo_bg_sw.png) no-repeat; }
.remooz-bg-w {left: -33px;	top: 0;	height: 100%;	background: url(../gfx/remooz/remo_bg_w.png) repeat-y; }
.remooz-bg-nw {left: -33px; top: -40px;	background: url(../gfx/remooz/remo_bg_nw.png) no-repeat; }


/* kontakt item */
#content .items-box { padding: 0 30px; margin-top: 15px; }
#content .kontakt-item { float: left; width: 129px; margin-left: 15px; padding-right: 28px; margin-bottom: 15px; }
#content .kontakt-item p { margin: 0; }