body {
	font-family: Trebuchet MS, Arial, "Geneva CE", lucida, sans-serif; font-size: 85%; color: #000;
	margin: 0; padding: 0;
	height:100%; border:0;
	text-align: center;
	background: url("../images/background-all.jpg") top center no-repeat #1C82C4;
}

/* základní rozvržení dokumentu */

#main_center_null {
	position:absolute;
	top:0; left:0;
	min-width:823px; min-height:549px;
	width:100%;	height:100%;
	width:expression(document.body.clientWidth < 823? "823px": "100%" ); /* for IE */
	height:expression(document.body.clientHeight < 545? "545px": "100%" ); /* for IE */
}

#div-horizontal {
	position:absolute;
	top:50%; left:50%;
    text-align:left;
	margin:auto;
}

#main_center {
    position:absolute;
	top:-280px;
	left:-411px;
	width: 823px; height: 545px;
    border: 2px solid #FFF;
	background: url("../images/background-content.jpg") center no-repeat #2E509B;
}

/* pro obchodníky */

body.obchodnici {
	font-family: Trebuchet MS, Arial, "Geneva CE", lucida, sans-serif; font-size: 85%; color: #000;
	margin: 0; padding: 0;
	height:100%; border:0;
	text-align: center;
	background: #1B87C8;
    background-image: none;
}

#main_center_null_obchodnici {
	position:absolute;
	top:0; left:0;
	min-width:823px; min-height:549px;
	width:100%;	height:100%;
	width:expression(document.body.clientWidth < 823? "823px": "100%" ); /* for IE */
	height:expression(document.body.clientHeight < 545? "545px": "100%" ); /* for IE */
}

#main_center_obchodnici {
    position:absolute;
	top:-390px;
	left:-411px;
	width: 823px; height: 5100px;
    margin: 0 0 30px 0; padding: 0 0 30px 0;
    border: 2px solid #FFF;
	background: #2E509B;
    background-image: none;
}

/* konec obchodníci */

#header-logo {
	width: 200px; height: 80px;
	padding: 0; margin: 0;
	background: transparent;
	float: left;
}

#header {
	width: 623px; height: 80px;
	padding: 0; margin: 0;
	background: url("../images/header.png") center no-repeat transparent;
	float: left;
}

#header-flash {
	width: 823px; height: 90px;
	padding: 0; margin: 0;
	background: transparent;
	float: left;
}


#content_all {
	width: 823px; height: auto;
	padding: 0;	margin: 0;
	background: url("../images/content-all-back.png") left center no-repeat #fff;
	float: left;
}

#menu {
	display: inline;
	width: 102px; height: 329px;
	padding: 0;	margin: 69px 0 0 40px;
	background: url("../images/menu-back.jpg") left center no-repeat;
	float: left;
}

ul.menu {
	padding: 0; margin: 0;
}

ul.menu LI {
	padding: 0; margin: 0;
	list-style-type: none;
}

a.menu-s {
	display: block;
	width: 102px; height: auto;
	margin: 8px 0 0 0; padding: 0;
	font-size: 1.1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 115%;
}
a:hover.menu-s {color: #E62329; text-decoration: none; font-weight: bold;}

a.menu-s2 {
	display: block;
	width: 102px; height: auto;
	margin: 7px 0 0 0; padding: 0;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 115%;
}
a:hover.menu-s2 {color: #E62329; text-decoration: none; font-weight: bold;}

a.menu-st {
	display: block;
	width: 102px; height: auto;
	margin: 7px 0 0 0; padding: 0;
	font-size: 1.1em; color: #fff; text-decoration: none; font-weight: bold; text-align: center; line-height: 115%;
}
a:hover.menu-st {color: #E62329; text-decoration: none; font-weight: bold;}


a.menu-1 {
	display: block;
	width: 102px; min-height: 17px;
	margin: 3px 0; padding: 0;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 105%;
}
a:hover.menu-1 {color: #E62329; text-decoration: none; font-weight: bold;}

a.menu-2 {
	display: block;
	width: 102px; min-height: 17px;
	margin: 1px 0; padding: 0;
	font-size: 1.1em; color: #fff; text-decoration: none; font-weight: bold; text-align: center; line-height: 105%;
}
a:hover.menu-2 {color: #E62329; text-decoration: none; font-weight: bold;}

a.menu-2-1 {
	display: block;
	width: 102px; height: auto;
	margin: 0 0 5px 0; padding: 0;
	font-size: 1.1em; color: #fff; text-decoration: none; font-weight: bold; text-align: center; line-height: 120%;
}
a:hover.menu-2-1 {color: #E62329; text-decoration: none; font-weight: bold;	margin: 0 0 5px 0; padding: 0;}

a.menu-o {
    display: block;
    width: 102px;
    font-size: 1.1em; font-weight: normal; font-style: normal; color: #fff; text-decoration: none; line-height: 160%; text-align: center;
	margin: 10px 0 5px 0; padding: 0;
	background: url("../images/nadpis-back.png") center no-repeat;
}
a:hover.menu-o {color: #E62329; text-decoration: none; font-weight: bold;}

#menu-u {
	display: inline;
	width: 102px; height: auto;
	padding: 0;	margin: 169px 0 0 40px;
	float: left;
}

a.menu-t {
	display: block;
	width: 102px; height: auto;
	margin: 0 0 5px 0; padding: 0 0 1px 0;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 170%;
	background: url("../images/tlacitko.png") center no-repeat;
}
a:hover.menu-t {color: #E62329; text-decoration: none; font-weight: normal;}

a.menu-t2 {
	display: block;
	width: 102px; height: auto;
	margin: 0 0 5px 0; padding: 0 0 1px 0;
	font-size: 0.9em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 180%;
	background: url("../images/tlacitko.png") center no-repeat;
}
a:hover.menu-t2 {color: #E62329; text-decoration: none; font-weight: normal;}

a.menu-t-c {
	display: block;
	width: 85px; height: 24px;
	margin: 0; padding: 0 0 0 17px;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 220%;
	background: url("../images/tlacitko-cesky.png") center no-repeat;
}
a:hover.menu-t-c {color: #E62329; text-decoration: none; font-weight: normal;}

a.menu-t-sk {
	display: block;
	width: 85px; height: 24px;
	margin: 0; padding: 0 0 0 17px;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 220%;
	background: url("../images/tlacitko-sk.png") center no-repeat;
}
a:hover.menu-t-sk {color: #E62329; text-decoration: none; font-weight: normal;}

a.menu-t-eng {
	display: block;
	width: 85px; height: 24px;
	margin: 0; padding: 0 0 0 17px;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 220%;
	background: url("../images/tlacitko-eng.png") center no-repeat;
}
a:hover.menu-t-eng {color: #E62329; text-decoration: none; font-weight: normal;}

a.menu-t-de {
	display: block;
	width: 82px; height: auto;
	margin: 0 0 5px 0; padding: 0 0 1px 15px;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 170%;
	background: url("../images/tlacitko-de.png") center no-repeat;
}
a:hover.menu-t-de {color: #E62329; text-decoration: none; font-weight: normal;}

a.menu-t-pl {
	display: block;
	width: 85px; height: 24px;
	margin: 0; padding: 0 0 0 17px;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 220%;
	background: url("../images/tlacitko-pl.png") center no-repeat;
}
a:hover.menu-t-pl {color: #E62329; text-decoration: none; font-weight: normal;}

a.menu-t-ro {
	display: block;
	width: 85px; height: 24px;
	margin: 0; padding: 0 0 0 17px;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 220%;
	background: url("../images/tlacitko-ro.png") center no-repeat;
}
a:hover.menu-t-ro {color: #E62329; text-decoration: none; font-weight: normal;}
a.menu-t-ua { color: #fff; font-size: 1em; font-weight: normal; line-height: 220%; text-decoration: none; background: url(../images/tlacitko-ua.png) no-repeat center; text-align: center; display: block; margin: 0; padding: 0 0 0 17px; width: 85px; height: 24px }
a:hover.menu-t-ua { color: #e62329; font-weight: normal; text-decoration: none }
ul.menu-index {
	padding: 0; margin: 0;
}

ul.menu-index LI {
	padding: 0; margin: 0;
    list-style-type: none;
    _float: left;
}

ul.menu-vyrobky-null {
	padding: 0; margin: 0;
}

ul.menu-vyrobky-null LI {
	padding: 0; margin: 0;
    list-style-type: none;
}

ul.menu-vyrobky {
	position: absolute; top: 0px; left: 90px; visibility: hidden;
	width: 255px; height: 21px;
	margin: 0; padding: 0;
	z-index: 10;
}

ul.menu-vyrobky LI {
    display: block;
    width: 255px;
	padding: 0; margin: 0;
	list-style-type: none;
}

a.menu-vyrobky-1 {
	display: block;
	width: 220px; height: 24px;
	margin: 0; padding: 1px 0 0 23px;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: left; line-height: 220%;
	background: url("../images/menu-vyrobky-back.png") center no-repeat;
}
a:hover.menu-vyrobky-1 {color: #E62329; text-decoration: none; font-weight: normal;}

ul.menu-vyrobky-null li:hover ul a:hover, ul.menu-vyrobky-null li.hover ul a:hover {
	z-index: 30;
}

ul.menu-vyrobky-null li:hover ul, ul.menu-vyrobky-null li.hover ul {visibility: visible;}
ul.menu-vyrobky-null li {behavior: url(hover.htc); margin: 0; padding: 0;}

ul.menu-index li {
	position: relative;
	width: 102px;
	margin: 0; padding: 0;
}

ul.menu-index li:hover ul a, ul.menu-index li.hover ul a {
	display: block;
	width: 160px;
	padding: 0 0 0 25px; margin: 0;
}

ul.menu-index li:hover ul a:hover, ul.menu-index li.hover ul a:hover {
	z-index: 30;
}

ul.menu-index li:hover ul, ul.menu-index li.hover ul {visibility: visible;}
ul.menu-index li {behavior: url(hover.htc); margin: 0; padding: 0;}


ul.menu-index-vlajky {
	padding: 0; margin: 0;
}

ul.menu-index-vlajky LI {
	padding: 0; margin: 0;
    list-style-type: none;
    _float: left;
}

ul.menu-vlajky {
	position: absolute; top: 20px; left: -30px; visibility: hidden;
	width: 102px; height: 33px;
	margin: 0 0 0 0; padding: 0;
	z-index: 10;
}

ul.menu-vlajky LI {
	padding: 4px 0; margin: 0;
	list-style-type: none;
}

ul.menu-index-vlajky li {
	position: relative;
	width: 102px;
	margin: 0; padding: 0;
}

ul.menu-index-vlajky li:hover ul a, ul.menu-index-vlajky li.hover ul a {
	display: block;
	width: 160px;
	padding: 0 0 0 5px; margin: 0;
}

ul.menu-index-vlajky li:hover ul a:hover, ul.menu-index-vlajky li.hover ul a:hover {
	z-index: 30;
}

ul.menu-index-vlajky li:hover ul, ul.menu-index-vlajky li.hover ul {visibility: visible;}
ul.menu-index-vlajky li {behavior: url(hover.htc); margin: 0; padding: 0;}

.menu-logo-novinky {
	width: 102px; height: auto;
	padding: 0;	margin: 5px 0 0 0;
    text-align: center;
}

#content-flash {
   display: inline;
	width: 590px; height: 330px;
	padding: 0;	margin: 58px 0 0 33px;
   float: left;
}

.content-certifikaty {
    display: inline;
	width: auto; height: auto;
	padding: 0;	margin: 0;
    float: left;
}

#certifikaty {
   display: inline;
	width: 470px; height: 300px;
	padding: 0;	margin: 15px 0 0 60px;
   float: left;
}

#certifikaty IMG {
   display: inline;
	padding: 0;	margin: 0;
   float: left;
}

#vyrobek, #content-null {
   display: inline;
	width: 590px; height: 330px;
	padding: 0;	margin: 68px 0 0 33px;
   float: left;
}


#vyrobek-r {
   display: inline;
	width: 590px; height: 330px;
	padding: 0;	margin: 58px 0 0 33px;
   float: left;
}

#obchodnici-null {
    display: inline;
	width: 590px; height: auto;
	padding: 0;	margin: 68px 0 0 42px;
    float: left;
}

#obchodnici-top {
	display: inline;
	width: 590px; height: 32px;
	padding: 0;	margin: 0;
	background: url("../images/obchodnici-top.jpg") center no-repeat;
	float: left;
}

#obchodnici-content {
	display: inline;
	width: 590px; height: auto;
	padding: 0;	margin: 0;
	background: url("../images/obchodnici-content.jpg") center repeat-y;
	float: left;
}

#obchodnici-bottom {
	display: inline;
	width: 590px; height: 32px;
	padding: 0;	margin: 0;
	background: url("../images/obchodnici-bottom.jpg") center no-repeat;
	float: left;
}

.obchodnici-content2 {
    display: inline;
	width: auto; height: auto;
	padding: 0px 15px;	margin: 0;
    float: left;
}

.content {
    display: inline;
	width: auto; height: auto;
	padding: 15px 25px;	margin: 0;
    float: left;
}

.content-k {
    display: inline;
	width: auto; height: auto;
	padding: 25px 25px;	margin: 0;
    float: left;
}

.vyrobek-1, .vyrobek-2, .vyrobek-v {
    display: inline;
	width: auto; height: auto;
	padding: 0;	margin: 0;
    float: left;
}

.vyrobek-v-1 {
    display: inline;
	width: 200px; height: 210px;
	padding: 0;	margin: 0;
    float: left;
}

.vyrobky-m-1 {
    display: inline;
	width: 310px; height: 120px;
	padding: 0;	margin: 0;
    float: left;
}

.vyrobky-m {
    display: inline;
	width: 300px; height: auto;
	padding: 0;	margin: 0;
    float: left;
}

.vyrobky-m-2 {
    display: inline;
	width: 400px; height: auto;
	padding: 0;	margin: 0;
    float: left;
}

.vyrobky-m-3 {
    display: inline;
	width: 305px; height: auto;
	padding: 0;	margin: 0;
    float: left;
}

.vyrobky-m-4 {
    display: inline;
	width: 332px; height: auto;
	padding: 0;	margin: 0;
    float: left;
}

.vyrobky-m-5 {
    display: inline;
	width: 425px; height: auto;
	padding: 0;	margin: 0;
    float: left;
}

.vyrobky-m-6 {
    display: inline;
	width: 334px; height: auto;
	padding: 0;	margin: 0;
    float: left;
}

.vyrobky-m-7 {
    display: inline;
	width: 420px; height: auto;
	padding: 0;	margin: 0;
    float: left;
}

P.vyrobek-text-01 {
    display: inline; width: 195px; height: 135px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #340E70;
	margin: 15px 0 0 10px; padding: 0;
    float: left; clear: right;
}

P.vyrobek-text-02 {
    display: inline; width: 200px; height: 125px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #340E70;
	margin: 15px 0 0 10px; padding: 0;
    float: left; clear: right;
}

P.vyrobek-text-03 {
    display: inline; width: 195px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #340E70;
	margin: 15px 0 0 5px; padding: 0;
    float: left;
}

P.vyrobek-text-04 {
    display: inline; width: 195px; height: 135px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #340E70;
	margin: 15px 0 0 5px; padding: 0;
    float: left;
}

P.vyrobek-text-05 {
    display: inline; width: 175px; height: 135px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #fff;
	margin: 15px 0 0 0; padding: 0;
    float: left;
}

P.vyrobek-text-06 {
    display: inline; width: 200px; height: 65px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #fff;
	margin: 65px 0 0 10px; padding: 0;
    float: left; clear: right;
}

P.vyrobek-text-07 {
    display: inline; width: 170px; height: 115px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #fff;
	margin: 15px 0 0 0; padding: 0;
    float: left;
}

P.vyrobek-text-08 {
    display: inline; width: 200px; height: 75px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #fff;
	margin: 65px 0 0 10px; padding: 0;
    float: left; clear: right;
}

P.vyrobek-text-09 {
    display: inline; width: 200px; height: 75px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #340E70;
	margin: 65px 0 0 10px; padding: 0;
    float: left; clear: right;
}

P.vyrobek-text-10 {
    display: inline; width: 235px; height: 135px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 105%; color: #fff;
	margin: 15px 0 0 5px; padding: 0;
    float: left;
}

P.vyrobek-text-11 {
    display: inline; width: 165px; height: 135px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #340E70;
	margin: 15px 0 0 10px; padding: 0;
    float: left; clear: right;
}

P.vyrobek-text-12 {
    display: inline; width: 235px; height: 60px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #fff;
	margin: 50px 0 0 10px; padding: 0;
    float: left; clear: right;
}

P.vyrobek-text-13 {
    display: inline; width: 170px; height: 85px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #000;
	margin: 45px 0 0 5px; padding: 0;
    float: left;
}

P.vyrobek-text-14 {
    display: inline; width: 195px; height: 195px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #340E70;
	margin: 15px 0 0 10px; padding: 0;
    float: left;
}

P.vyrobek-text-15 {
    display: inline; width: 200px; height: 60px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 115%; color: #000;
	margin: 50px 0 0 10px; padding: 0;
    float: left; clear: right;
}

P.vyrobek-text-16 {
    display: inline; width: 220px; height: 135px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 110%; color: #340E70;
	margin: 15px 0 0 10px; padding: 0;
    float: left; clear: right;
}

P.vyrobek-text-17 {
    display: inline; width: 245px; height: 135px;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 100%; color: #fff;
	margin: 15px 0 0 0; padding: 0;
    float: left;
}

#menu-dole {
	display: inline;
	width: 600px; height: auto;
	padding: 0;	margin: 15px 0 0 172px;
	float: left;
}

#menu-dole LI {
	padding: 0; margin: 0 0 0 8px;
	list-style-type: none;
    float: left;
}

a.menu-dole-1 {
	display: inline;
	width: 90px; height: auto;
	margin: 0; padding: 0;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 180%;
	background: url("../images/tlacitko.png") center no-repeat;
    float: left;
}
a:hover.menu-dole-1 {color: #E62329; text-decoration: none; font-weight: bold;}

a.menu-dole-2 {
	display: inline;
	width: 90px; height: auto;
	margin: 0 0 0 50px; padding: 0;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 170%;
	background: url("../images/tlacitko.png") center no-repeat;
    float: left;
}
a:hover.menu-dole-2 {color: #E62329; text-decoration: none; font-weight: bold;}

#menu-dole-d {
	display: inline;
	width: auto; height: auto;
	padding: 0;	margin: 15px 0 0 30px;
	float: left;
}

#menu-dole-d LI {
	padding: 0; margin: 0 0 0 5px;
	list-style-type: none;
    float: left;
}

a.menu-dole-1-p {
	display: inline;
	width: 90px; height: auto;
	margin: 0 0 0 10px; padding: 2px 0;
	font-size: 1em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 120%;
    float: left;
}
a:hover.menu-dole-1-p {color: #E62329; text-decoration: none; font-weight: bold;}

#navrcholu {display: none;}

/* pozadí pro výrobky */

#back-uvod {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../images/uvod-back.jpg") center no-repeat;
    float: left;
}

#back-vyrobky {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../vyrobky/produkty/vyrobky-back.jpg") center no-repeat;
    float: left;
}

#vyrobky-loga {
    display: inline;
	width: 590px; height: 330px;
	padding: 0;	margin: 68px 0 0 42px;
    float: left;
}

.vyrobky-loga-1  { display: inline; margin: 51px 0 0 0; padding: 0; width: 560px; height: 90px; float: left }

.vyrobky-loga-2  { display: inline; margin: 40px 0 0 0; padding: 0; width: 570px; height: 90px; float: left }

.vyrobky-loga-odkaz {
    display: inline;
	width: 140px; height: 90px;
	padding: 0;	margin: 0;
    float: left;
}

a.vyrobky-mitia {
    display: inline;
	width: 140px; height: 90px;
	padding: 0;	margin: 0;
	background: url("../vyrobky/produkty/mitia-3.jpg") left center no-repeat;
    float: left;
}
a:hover.vyrobky-mitia {background: url("../vyrobky/produkty/mitia-3.jpg") right center no-repeat;}

a.vyrobky-tania {
    display: inline;
	width: 140px; height: 90px;
	padding: 0;	margin: 0;
	background: url("../vyrobky/produkty/tania-3.jpg") left center no-repeat;
    float: left;
}
a:hover.vyrobky-tania {background: url("../vyrobky/produkty/tania-3.jpg") right center no-repeat;}

a.vyrobky-wansou {
    display: inline;
	width: 140px; height: 90px;
	padding: 0;	margin: 0;
	background: url("../vyrobky/produkty/wansou-3.jpg") left center no-repeat;
    float: left;
}
a:hover.vyrobky-wansou {background: url("../vyrobky/produkty/wansou-3.jpg") right center no-repeat;}

a.vyrobky-devil {
    display: inline;
	width: 140px; height: 90px;
	padding: 0;	margin: 0;
	background: url("../vyrobky/produkty/devil-3.jpg") left center no-repeat;
    float: left;
}
a:hover.vyrobky-devil {background: url("../vyrobky/produkty/devil-3.jpg") right center no-repeat;}

a.vyrobky-masiv {
    display: inline;
	width: 140px; height: 90px;
	padding: 0;	margin: 0;
	background: url("../vyrobky/produkty/masiv-3.jpg") left center no-repeat;
    float: left;
}
a:hover.vyrobky-masiv {background: url("../vyrobky/produkty/masiv-3.jpg") right center no-repeat;}

a.vyrobky-tomik {
    display: inline;
	width: 140px; height: 90px;
	padding: 0;	margin: 0;
	background: url("../vyrobky/produkty/tomik-3.jpg") left center no-repeat;
    float: left;
}
a:hover.vyrobky-tomik {background: url("../vyrobky/produkty/tomik-3.jpg") right center no-repeat;}
a.vyrobky-techi { background: url(../vyrobky/produkty/techi-3.jpg) no-repeat left center; display: inline; margin: 0; padding: 0; width: 140px; height: 90px; float: left }
a:hover.vyrobky-techi { background: url(../vyrobky/produkty/techi-3.jpg) no-repeat right center }
a.vyrobky-air {
    display: inline;
	width: 140px; height: 90px;
	padding: 0;	margin: 0;
	background: url("../vyrobky/produkty/air-3.jpg") left center no-repeat;
    float: left;
}
a:hover.vyrobky-air {background: url("../vyrobky/produkty/air-3.jpg") right center no-repeat;}

#back-uvod-devil {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../images/uvod-back-devil.jpg") center no-repeat;
    float: left;
}

#back-pece-o-telo {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../pece-o-telo/produkty/pece-o-telo-back.jpg") center no-repeat;
    float: left;
}

#back-tekuta-mydla {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../tekuta-mydla/produkty/tekuta-mydla-back.jpg") center no-repeat;
    float: left;
}

#back-sprchove-gely-men {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../sprchove-gely-pro-muze/produkty/sprchove-gely-men-back.jpg") center no-repeat;
    float: left;
}

#back-peny-na-holeni {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../peny-na-holeni/produkty/peny-na-holeni-back.jpg") center no-repeat;
    float: left;
}

#back-vody-po-holeni {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../vody-po-holeni/produkty/vody-po-holeni-back.jpg") center no-repeat;
    float: left;
}

#back-balsamy {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../balsamy-po-holeni/produkty/balsamy-back.jpg") center no-repeat;
    float: left;
}

#back-deodoranty {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../deodoranty/produkty/deodoranty-back.jpg") center no-repeat;
    float: left;
}

#back-kosmetika-pro-muze {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../kosmetika-pro-muze/produkty/kosmetika-pro-muze-back.jpg") center no-repeat;
    float: left;
}

#back-telova-a-vlasova-kosmetika {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../telova-a-vlasova-kosmetika/produkty/telova-a-vlasova-kosmetika-back.jpg") center no-repeat;
    float: left;
}

#back-sprchove-gely {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../sprchove-gely/produkty/sprchove-gely-back.jpg") center no-repeat;
    float: left;
}

#back-peny-do-koupele {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../peny-do-koupele/produkty/peny-do-koupele-back.jpg") center no-repeat;
    float: left;
}

#back-telova-mleka {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../telova-mleka/produkty/telova-mleka-back.jpg") center no-repeat;
    float: left;
}

#back-pripravky-na-holeni {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../pripravky-na-holeni/produkty/pripravky-na-holeni-back.jpg") center no-repeat;
    float: left;
}

#back-pece-o-vlasy {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../pece-o-vlasy/produkty/pece-o-vlasy-back.jpg") center no-repeat;
    float: left;
}

#back-kremy {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../kremy/produkty/kremy-back.jpg") center no-repeat;
    float: left;
}

#back-sampony {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../sampony/produkty/sampony-back.jpg") center no-repeat;
    float: left;
}

#back-praci-a-cistici-prostredky {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../praci-a-cistici-prostredky/produkty/praci-a-cistici-prostredky-back.jpg") center no-repeat;
    float: left;
}

#back-cistici-prostredky {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../cistici-prostredky/produkty/cistici-prostredky-back.jpg") center no-repeat;
    float: left;
}

#back-universalni-prostredky {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../cistici-prostredky/produkty/universalni-prostredky-back.jpg") center no-repeat;
    float: left;
}

#back-prostredky-na-okna {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../prostredky-na-okna/produkty/prostredky-na-okna-back.jpg") center no-repeat;
    float: left;
}

#back-osvezovace-vzduchu {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../osvezovace-vzduchu/produkty/osvezovace-vzduchu-back.jpg") center no-repeat;
    float: left;
}

#back-happy-spray {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../osvezovace-vzduchu/produkty/happy-spray-back.jpg") center no-repeat;
    float: left;
}

#back-spray-300ml {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../osvezovace-vzduchu/produkty/spray-300ml-back.jpg") center no-repeat;
    float: left;
}

#back-prostredky-na-wc {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../prostredky-na-wc/produkty/prostredky-na-wc-back.jpg") center no-repeat;
    float: left;
}

#back-wc-cistice {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../wc-cistice/produkty/wc-cistice-back.jpg") center no-repeat;
    float: left;
}

#back-wc-gely {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../wc-gely/produkty/wc-gely-back.jpg") center no-repeat;
    float: left;
}

#back-wc-tekute-bloky {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../wc-tekute-bloky/produkty/wc-tekute-bloky-back.jpg") center no-repeat;
    float: left;
}

#back-wc-tuhe-bloky {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../wc-tuhe-bloky/produkty/wc-tuhe-bloky-back.jpg") center no-repeat;
    float: left;
}

#back-avivazni-prostredky {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../avivazni-prostredky/produkty/avivazni-prostredky-back.jpg") center no-repeat;
    float: left;
}

#back-avivazni-prostredky-1000 {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../avivazni-prostredky/produkty/avivazni-prostredky-1000-back.jpg") center no-repeat;
    float: left;
}

#back-avivazni-prostredky-2000 {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../avivazni-prostredky/produkty/avivazni-prostredky-2000-back.jpg") center no-repeat;
    float: left;
}

#back-praci-prostredky {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../praci-prostredky/produkty/praci-prostredky-back.jpg") center no-repeat;
    float: left;
}

#back-prostredky-na-nadobi {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../prostredky-na-nadobi/produkty/prostredky-na-nadobi-back.jpg") center no-repeat;
    float: left;
}

#back-wansou {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../wansou/produkty/wansou-back.jpg") center no-repeat;
    float: left;
}

#back-tomik {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../tomik/produkty/tomik-back.jpg") center no-repeat;
    float: left;
}

#back-o-nas {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../images/o-nas-back.jpg") center no-repeat;
    float: left;
}

#back-novinky {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../images/novinky-back.jpg") center no-repeat;
    float: left;
}

#back-dcerinne-spolecnosti {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
	background: url("../images/dcerinne-spolecnosti-back.jpg") center no-repeat;
    float: left;
}
#back-cistici-krem { background: url(../tomik/cistici-krem/produkty/cistici-krem-back.jpg) no-repeat center; display: inline; margin: 0; padding: 0; width: 823px; height: 545px; float: left }
#back-shampony { background: url(../mitia/shampony/produkty/shampony-back.jpg) no-repeat center; display: inline; margin: 0; padding: 0; width: 823px; height: 545px; float: left }
#back-obchodnici {
    display: inline;
	width: 823px; height: 545px;
	padding: 0;	margin: 0;
    float: left;
}
#back-techi { background: url(../techi/produkty/techi-back.jpg) no-repeat center; display: inline; margin: 0; padding: 0; width: 823px; height: 545px; float: left }
/* konec základního rozvržení */
.formular_tabulka_null {
	display: inline;
	margin: 0; padding: 0;
	float: left;
}

.formular_tabulka_r {
	width: 550px;
	margin: 0x;
	font-size: 0.9em; font-weight: normal; text-align: right; color: #000;
}

.formular_tabulka_o {
	width: 555px;
	margin: 0; padding: 0;
	font-size: 0.9em; font-weight: normal; text-align: center; color: #000;
}

.barva-h {
	margin: 0; padding: 3px 5px;
	background: #CCF1FD;
	font-weight: normal; color: #000;
}

.formular {
	width: 200px;
	margin: 0; padding: 0;
	background: #EEF7FE;
	border: 1px solid #005F95;
	font-weight: bold; font-size: 10px;	padding: 3px;
}

.formular-o {
	width: 22px;
	margin: 0; padding: 0;
	background: #EEF7FE;
	border: 1px solid #005F95;
	font-weight: bold; font-size: 10px;	padding: 3px;
}


.formular-c {
	width: 45px;
	margin: 0; padding: 0;
	background: #EEF7FE;
	border: 1px solid #005F95;
	font-weight: bold; font-size: 10px;	padding: 3px;
}

.formular-heslo {
	width: 100px;
	margin: 0; padding: 0;
	background: #EEF7FE;
	border: 1px solid #005F95;
	font-weight: bold; font-size: 10px;	padding: 3px;
}

FORM {margin: 0; padding: 0;}

FIELDSET {width: 555px; background: transparent; border: 1px solid #2C4B9B; margin: 5px 0 0 0;}
LEGEND {background: #2C4B9B; border: 1px solid #fff; padding: 4px 10px; font-size: 0.9em; color: #fff;}

.button {
	width: 140px;
	margin: 3px 0 0 0; padding: 3px 4px;
	font-size: 10px; color: #FFF; font-weight: normal;
	background: #006EB6;
	border: none;
}	

/* formuláře konec */

/* obecné */

DIV.float_left {float: left;}

.schovat { display: none; }

IMG {border: 0px;}

.center {margin: 0 auto 0 auto; text-align: center;}

H1 {
   display: block;
   width: 102px;
	font-size: 0.95em; font-weight: bold; font-style: normal; color: #fff; text-decoration: none; line-height: 120%; text-align: center;
	margin: 12px 0 5px 0; padding: 0 0 12px 0;
	background: url("../images/carka.png") bottom center no-repeat;
}

H2, H2.nadpis2, H2.nadpis3  {
   display: block;
   width: 102px;
	font-size: 0.95em; font-weight: normal; font-style: normal; color: #fff; text-decoration: none; line-height: 170%; text-align: center;
	margin: 8px 0 5px 0; padding: 0;
	background: url("../images/nadpis-back.png") center no-repeat;
}
H2.nadpis2  {background: url("../images/nadpis-back-2.png") center no-repeat; margin: 12px 0 5px 0;}
H2.nadpis3  {background: url("../images/nadpis-back-2.png") center no-repeat; margin: 12px 0 5px 0;}

H2.nadpis-m {
   display: block;
   width: 102px;
	font-size: 0.8em; font-weight: normal; font-style: normal; color: #fff; text-decoration: none; line-height: 270%; text-align: center;
	margin: 12px 0 5px 0; padding: 0;
	background: url("../images/nadpis-back-2.png") center no-repeat;
}

H2.nadpis-m2 {
   display: block;
   width: 102px;
	font-size: 0.7em; font-weight: normal; font-style: normal; color: #fff; text-decoration: none; line-height: 270%; text-align: center;
	margin: 12px 0 5px 0; padding: 0;
	background: url("../images/nadpis-back-2.png") center no-repeat;
}

H3 {
    display: inline; width: 160px;
	font-size: 1.1em; font-weight: normal; text-align: left; line-height: 125%; color: #340E70; font-weight: bold;
	margin: 0; padding:  0;
}

H4 {
	display: block;
	width: 470px;
	font-size: 0.9em; font-weight: bold; text-align: left; line-height: 150%; color: #000;
	margin: 7px 0 5px 5px; padding: 0;
}

P {
	font-size: 0.85em; font-weight: normal; text-align: left; line-height: 115%; color: #000;
	margin: 5px 0 6px 0;
}

P.text_onas {
	font-size: 0.85em; font-weight: normal; text-align: left; line-height: 125%; color: #000;
	margin: 3px 0 4px 0;
}

P.kontakt-cz, P.kontakt-pl, P.kontakt-hu, P.kontakt-ro, P.kontakt-ru, P.kontakt-sk {
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 135%; color: #000;
	margin: 5px 0 10px 0; padding: 2px 0 0 28px;
}

P.kontakt-cz {background: url("../images/cz.png") top left no-repeat;}
P.kontakt-pl {background: url("../images/pl.png") top left no-repeat;}
P.kontakt-hu {background: url("../images/hu.png") top left no-repeat;}
P.kontakt-sk {background: url("../images/sk.png") top left no-repeat;}
P.kontakt-ro {background: url("../images/ro.png") top left no-repeat;}
P.kontakt-ru {background: url("../images/rus.png") top left no-repeat;}

.cervena {color: #EC0000; font-weight: bold; font-size: 1.05em;}

A {color: #F36F21;	text-decoration: underline;}
A:hover {color: #231F20; text-decoration: underline;}

A.odkaz-sedy {color: #333;	text-decoration: underline;}
A:hover.odkaz-sedy {color: #F36F21; text-decoration: underline;}

A.odkaz-sedy-2 {color: #939598;	text-decoration: underline;}
A:hover.odkaz-sedy-2 {color: #B6B8BA; text-decoration: underline;}

A.odkaz-bily {color: #fff;	text-decoration: none;}
A:hover.odkaz-bily {color: #fff; text-decoration: underline;}

hr.cistic {clear: both; height: 1px; border: none; margin: -1em 0 0 0; visibility: hidden; width: 100%;}
 
DT {
	font-weight: bold; margin: 0 0 5px 0; font-size: 1.1em;
}

DL {
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 150%; color: #000;
	margin: 1em 0 0 0;
}

DD {
	margin: 0; padding: 0;
}

UL.text {
	padding: 0; margin: 5px 0 10px 15px;
}

OL {
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 180%; color: #000;
	margin: 0px 5px 10px 25px;
}

LI {
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 150%; color: #646568;
	margin: 0 0 0 5px;
}

FORM, INPUT {margin: 0; padding: 0;}
STRONG {font-weight: bold; font-size: 1.1em;}

.picture_r {
	margin: 0 0 15px 20px;
	border: 3px solid #CEE4FB;
	float: right;
	clear: right;
}

.picture_l {
	margin: 0px 20px 15px 5px;
	border: 3px solid #CEE4FB;
	float: left;
}	

.picture_v {
	margin: 0px 20px 15px 5px;
	border: 3px solid #CEE4FB;
}