body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.8em;
	color: ##6d6d6d;
    background-color: #FFFFFF;
	line-height: 1.2em;
	letter-spacing: 0.01em;
	margin: 0px;
	padding: 0px;
}
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
.cistic {
    clear: both;
}
a {
    color: #6d6d6d;
    text-decoration: underline;
}
a:hover {
    color: #6d6d6d;
    text-decoration: none;
}
.vpravo {
    float: right;
}
.vpravo a {
    color: red;
}
p, table, ul {
    margin-bottom: 10px;
}
#HlavickaStred {
    width: 948px;
    margin: 0px auto;
}
#Logo {
    width: 350px;
    height: 100px;
	position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 10%;
    float: left;
    margin: 0px;
}
#Logo span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/pozadi-logo.png) no-repeat;
	width: 350px;
    height: 100px;
	visibility: visible;
	cursor: pointer;
    _cursor: hand;
}
#Promo {
    width: 948px;
    height: 437px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}
#slider {
    width: 948px;;
    height: 437px;
    position: relative;
}
#PozadiObsah {
    width: 100%;
    background: url(../images/pozadi-obsah.png) repeat-x;
}
#Obsah {
    width: 876px; /*948*/
    margin: 0px auto;
    padding: 0px 36px 0px 36px;
    position: relative;
}
    #Obsah #Objednavka {
        width: 876px; /* 876 */
        padding: 50px 0px 0px 0px;
    }
    #Obsah #Objednavka hr {
        width: 876px; /* 876 */
        height: 5px;
        background: #b5cc93;
    }
    #Obsah #Objednavka #Soucet {
        width: 263px;
        height: 75px;
        background: url(../images/kosik-full.png) no-repeat;
        position: absolute;
        top: -55px;
        left: 338px;
        color: #6b952c;
    }
    #Obsah #Objednavka h4 {
        font-size: 1.3em;
        color: #666;
        position: absolute;
        top: -35px;
        right: 210px;
    }
    #Obsah #Objednavka #Soucet a {
        display: block;
        width: 203px; /* 263 */
        height: 45px; /* 75 */
        color: #6b952c;
        text-decoration: none;
        font-size: 1.4em;
        line-height: 1.1em;
        font-weight: bold;
        padding: 30px 0px 0px 60px;
        text-align: center;
    }
#Obsah #Levy {
    width: 650px; /*678*/
    float: left;
    padding: 0px 28px 20px 0px;
    color: #000000;
}
#Obsah #Levy ul, #Obsah #Levy ol {
    margin-left: 20px;
}
#Obsah #Pravy {
    width: 198px;
    float: left;
}
#Vizualizace {
    width: 100%;
    height: 176px;
    background: url(../images/pozadi-vizualizace.png) top center no-repeat;
}
#Paticka {
    width: 100%;
    background: url(../images/pozadi-paticka.png) bottom center no-repeat;
}
#PatickaStred {
    width: 948px;
    padding: 30px 0px 0px 0px;
    text-align: center;
    color: #6d6d6d;
    font-weight: bold;
    margin: 0px auto;
}
#PatickaStred a, #PatickaStred .green {
    color: #87ab4d;
    text-decoration: none;
}
ul#Menu {
	width: 598px;
	height: 100px;
	margin: 0px;
	padding: 0px;
    list-style: none;
    float: left;
}
ul#Menu li {
	display: inline;
	float: left;
}
#Menu a {
	color: #225266;
	text-align: center;
}
#Menu a:hover {
	color: #64A2BD;
}
#Menu a, #Menu a span {
	display: block;
	height: 100px;
	width: 190px;
	position: relative;
}
#Menu a span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/pozadi-menu.png) 0px 0px;
	cursor: pointer;
    _cursor: hand;
}
#Menu a:hover span, #Menu .aktivni a span {
	background: url(../images/pozadi-menu.png) 0px 100px;
}
#Menu a.druhy, #Menu a.druhy span {
	width: 77px;
}
#Menu a.druhy span {
	background: url(../images/pozadi-menu.png) -190px 0px;
}
#Menu a.druhy:hover span, #Menu .aktivni a.druhy span {
	background: url(../images/pozadi-menu.png) -190px 100px;
}
#Menu a.treti, #Menu a.treti span {
	width: 151px;
}
#Menu a.treti span {
	background: url(../images/pozadi-menu.png) -267px 0px;
}
#Menu a.treti:hover span, #Menu .aktivni a.treti span {
	background: url(../images/pozadi-menu.png) -267px 100px;
}
#Menu a.ctvrty, #Menu a.ctvrty span {
	width: 88px;
}
#Menu a.ctvrty span {
	background: url(../images/pozadi-menu.png) -418px 0px;
}
#Menu a.ctvrty:hover span, #Menu .aktivni a.ctvrty span {
	background: url(../images/pozadi-menu.png) -418px 100px;
}
#Menu a.paty, #Menu a.paty span {
	width: 92px;
}
#Menu a.paty span {
	background: url(../images/pozadi-menu.png) -506px 0px;
}
#Menu a.paty:hover span, #Menu .aktivni a.paty span {
	background: url(../images/pozadi-menu.png) -506px 100px;
}

ul#MenuBanner {
	width: 876px;
	height: 260px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
    list-style: none;
    float: left;
}
ul#MenuBanner li {
	display: inline;
	float: left;
}
#MenuBanner a {
	color: #225266;
	text-align: center;
}
#MenuBanner a:hover {
	color: #64A2BD;
}
#MenuBanner a, #MenuBanner a span {
	display: block;
	height: 260px;
	width: 216px;
	position: relative;
}
#MenuBanner a span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/pozadi-menu-banner-new.png) 0px 0px;
	cursor: pointer;
    _cursor: hand;
}
#MenuBanner a:hover span, #MenuBanner .aktivni a span {
	background: url(../images/pozadi-menu-banner-new.png) 0px 260px;
}
#MenuBanner a.druhy, #MenuBanner a.druhy span {
	width: 217px;
}
#MenuBanner a.druhy span {
	background: url(../images/pozadi-menu-banner-new.png) -216px 0px;
}
#MenuBanner a.druhy:hover span, #MenuBanner .aktivni a.druhy span {
	background: url(../images/pozadi-menu-banner-new.png) -216px 260px;
}
#MenuBanner a.treti, #MenuBanner a.treti span {
	width: 224px;
}
#MenuBanner a.treti span {
	background: url(../images/pozadi-menu-banner-new.png) -433px 0px;
}
#MenuBanner a.treti:hover span, #MenuBanner .aktivni a.treti span {
	background: url(../images/pozadi-menu-banner-new.png) -433px 260px;
}
#MenuBanner a.ctvrty, #MenuBanner a.ctvrty span {
	width: 219px;
}
#MenuBanner a.ctvrty span {
	background: url(../images/pozadi-menu-banner-new.png) -657px 0px;
}
#MenuBanner a.ctvrty:hover span, #MenuBanner .aktivni a.ctvrty span {
	background: url(../images/pozadi-menu-banner-new.png) -657px 260px;
}
#BannerNavrh {
    width: 198px;
    height: 300px;
	position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 10%;
    margin: 0px 0px 10px 0px;
}
#BannerNavrh span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/banner-navrhovat.png) no-repeat;
	width: 198px;
    height: 300px;
	visibility: visible;
	cursor: pointer;
    _cursor: hand;
}
#BannerKosik {
    width: 198px;
    height: 85px;
	position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 10%;
    margin: 0px 0px 10px 0px;
}
#BannerKosik span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/banner-kosik.png) no-repeat;
	width: 198px;
    height: 85px;
	visibility: visible;
	cursor: pointer;
    _cursor: hand;
}
#BannerNapoveda {
    width: 198px;
    height: 85px;
	position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 10%;
    margin: 0px 0px 10px 0px;
}
#BannerNapoveda span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/banner-napoveda.png) no-repeat;
	width: 198px;
    height: 85px;
	visibility: visible;
	cursor: pointer;
    _cursor: hand;
}
#Vpsystem {
    width: 297px;
    height: 30px;
    position: relative;
	overflow: hidden;
	left: 0px;
	bottom: 0px;
	font-size: 0.4em;
	margin: 30px auto;
	padding: 0px 0px 0px 0px;
}
#Vpsystem span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/pozadi-logo-vpsystem.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 297px;
	height: 30px;
	visibility: visible;
	cursor: pointer;
    _cursor: hand;
}