/* CSS Document */

/* ===================================== AKCE ====================================== */

#flekart {
	position: absolute; 
	top: 3px; 
	right: 2px; 
	border: none 0; 
	z-index: 5;
}
#vraceni, #banner01, #banner02, #banner03 {
	position: absolute; 
	top: 113px; 
	right: 0; 
	border: none;
}
#banner01 {
	top: 70px; 
}
#banner02 {
	top: 300px; 
}
#banner03 {
	top: 508px;
}

/* ===================================== BASIC STYLE ====================================== */

*, html, body {
	margin: 0;
	padding: 0;
}
body{
	background:url(../img/bg.jpg) repeat-x #D7E9F5 fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#074A77;
}
/*img, div, td, li { behavior: url(../js/iepngfix.htc) }*/


/* ===================================== FIXED STYLE ====================================== */

#fixed_TL {
	position: fixed;
	top:0px;
	right: 0px;
	background: url(../img/bgTop.png) repeat-x ;
	width: 100%;
	height: 44px;
	min-height: 44px;
	z-index: 3;
}
#leftTop1 {
	position:fixed;
	left: 0;
	top: 0;
	z-index:5;
	background:url(../img/logo.png) no-repeat top left;
	width: 306px;
	height: 344px;
}
#leftTop2 {
	position:fixed;
	left: 569px;
	top: 0;
	z-index:4;
	background:url(../img/top1.png) no-repeat top left;
	width: 455px;
	height: 74px;
}
#leftTop3 {
	position:fixed;
	left: 306px;
	top: 0px;
	z-index:4;
	background:url(../img/top2.png) no-repeat top left;
	width: 265px;
	height: 141px;
}
#fixed_BR {
	position: fixed;
	bottom:59px;
	left: 300px;
	background: url(../img/footer_pruh2.gif) repeat-x bottom;
	width: 50%;
	height: 44px;
	min-height: 44px;
	z-index:3;
}
#rightBot {
	background:url(../img/footer2.gif) no-repeat right bottom;
	position:fixed;
	right: -1px;
	bottom: 59px;
	z-index:5;
	width: 699px;
	height: 114px;
}
#left{
	background:url(../img/left.jpg) no-repeat bottom #004D97 ;
	position:fixed;
	left: 0px;
	bottom: 59px;
	z-index:2;
	width: 300px;
	height: 100%;
	border-right:10px solid #fff;
}
#bubliny{
	z-index:10;
	position:fixed;
	top:0;
	left:30px;
}
#home_kosile{
/*	position:relative;
	top:-15px;*/
	margin-left: 15px;
	margin-top:-25px;
	_margin-top:17px;
}
#logoHenkel{
	z-index:8;
	position:fixed;
	bottom:94px;
	right:10px;
}
#bar{
	bottom:0;
}
#zehlicka {
	z-index:10;
	position:fixed;
	bottom: 90px;
	display: block;
}


/* ===================================== MENU STYLE ====================================== */

#menu{
	position:fixed;
	z-index:6;
	top:180px;
	left:158px;
	list-style:none;
	width:160px;
}
#menu li{
	padding:0;
	margin:0;
	list-style-image:none;
	background:url(../img/menu_line.png) bottom  no-repeat;
	padding-right:20px;
}
#menu li.menuFirst{
	background:url(../img/menu_line2.jpg) bottom 43px no-repeat;
}
#menu li a{
	color:#FFFFFF;
	display:block;
	width:126px;
	height:30px;
	margin-left:10px;
}
#menu li a span{
	display:none;
}
#menu li a img{
	display:none;
}
#menu1{
	background:url(../img/menu/home.png) no-repeat 0 0;
}
#menu2{
	background:url(../img/menu/novinky.png) no-repeat 0 top;
}
#menu3{
	background:url(../img/menu/produkty.png) no-repeat 0 top;
}
#menu4{
	background:url(../img/menu/akce.png) no-repeat 0 top;	
}
#menu5{
	background:url(../img/menu/soutez.png) no-repeat 0 top;	
}
#menu6{
	background:url(../img/menu/pece.png) no-repeat 0 top;
}
#menu7{
	background:url(../img/menu/skvrny.png) no-repeat 0 top;
}
#menu8{
	background:url(../img/menu/faq.png) no-repeat 0 top;	
}
#menu9{
	background:url(../img/menu/historie.png) no-repeat 0 top;	
}
#menu10{
	background:url(../img/menu/kontakt.png) no-repeat 0 top;	
}
#menu11{
	background:url(../img/menu/zehleni.png) no-repeat 0 top;	
}
.menu_hover, #menu li a:hover{
	background-position:-123px;
	cursor:hand;
}
#kontakt li #menu10, #index li #menu1, #historie li #menu9, #faq li #menu8, #skvrny li #menu7, #prasky li #menu3, #gely li #menu3, #pece li #menu6, #novinky li #menu2, #soutez li #menu5, #home li #menu1, #akce li #menu4, #zehleni li #menu11 {
	background-position:-123px;
	border-right:solid 6px #FF0000;
}
/* ==================================== SUBMENU STYLE ====================================== */

#submenu{
	float:right;
	/*position:relative;
	top:80px;
	left:500px;*/
	width:500px;
	margin:80px 20px 0 450px;
	background:url(../img/submenu_line.png) no-repeat right 25px;
}
#submenu li{
	display:block;
	background:url(../img/sub_bullet.png) no-repeat left 3px;
	float:right;
	list-style:none;
	padding:0 10px 0 30px;
	margin:0;

}
#submenu li a{
	display:block;
	height:28px;
}
#submenu li.noStyle{
	background:none;
}
#submenu li a span{
	display:none;
}
#submenu li a img{
	display:none;
}
#subp1{
	background:url(../img/submenu/prasky.gif) no-repeat center 0;
	width:100px;
}
#subp2{
	background:url(../img/submenu/gely.gif) no-repeat center 0;
	width:80px;
}
#submenu li a:hover, #gely #subp2, #prasky #subp1, .vyber #submenu4, .latky #submenu3, .prat #submenu2, .symboly #submenu8, .tipy #submenu7, .davkovani #submenu6, .trideni #submenu5{
	cursor:hand;
	background-position:center -26px;
}
#submenu2{
	background:url(../img/submenu/jak_prat.gif) no-repeat center 0;
	width:54px;
}
#submenu3{
	background:url(../img/submenu/pece.gif) no-repeat center 0;
	width:78px;
}
#submenu4{
	background:url(../img/submenu/prostredek.gif) no-repeat center 0;
	width:158px;
}
#submenu5{
	background:url(../img/submenu/trideni.gif) no-repeat center 0;
	width:84px;
}
#submenu6{
	background:url(../img/submenu/davkovani.gif) no-repeat center 0;
	width:75px;
}
#submenu7{
	background:url(../img/submenu/tipy.gif) no-repeat center 0;
	width:64px;
}
#submenu8{
	background:url(../img/submenu/symboly.gif) no-repeat center 0;
	width:115px;
}
/* ===================================== CONTENT STYLE ====================================== */

#main {

	margin:0 15px 0 325px;
	padding-bottom:120px;
	padding-top:150px;
}
h1{
	margin:15px 0 15px 0;
	width:210px;
	height:30px;
	text-indent:-3000px;
	background-repeat:no-repeat;
}
h2{
	font-size:120%;
	margin:10px 0 10px 0;
}
h3{
	margin:10px 0 10px 0;
}
strong{
	color:#074A74;
	font-weight:900;
}
a{
	color:#034484;
	font-weight:bold;
}
a:hover{
	color:#1E81C2;
	font-weight:bold;
	cursor:hand;
	cursor:pointer;
}

li{
	background:url(../img/bullet.gif) no-repeat left -3px;
	margin-left:30px;
	padding-left:25px;
	list-style:none;
	margin-bottom:3px;
}
.subli {
	background: none;
}
#akcePoster {
	position: relative;
	margin: 0 0 0 310px; 
	padding: 20px 0 130px 0; 
}
#akcePoster p {
	position: absolute;
	left: 275px;
	top: 470px;
}
#kontakt #main{
	width:400px;
}
p{
	margin:10px 0 10px 0;
}

#odsek {
	padding-left:25px;
	}
.padded{
	margin-left:70px;
}
.padded_long{
	margin-left:275px;
}
.clear{
	clear:both;
}
.clear_left{
clear:left;
}
#main img{
	float:right;
	padding:7px;
}
#main .left img{
	float:left;
	padding:0;
	margin:0;
	margin-left:7px;
}

.symboly img{
	float:left;!important
}
.symboly p{
	
}

ol ul{
	margin-left:20px;
}
#gely p, #gely h2, #gely em {
	margin-left:130px;
	display:block;
}
#show01, #show02, #show03, #show04, #show05, #show06, #show07, #show08, #show09, #show10, #show11 {
	display:none;
	margin:5px 0 5px 0;	
}
.click li {
	background:url(../img/bullet_click.gif) no-repeat;
}
.click li ul li {
	background:url(../img/bullet.gif) no-repeat -4px left;
}
.click ul{
	margin:7px 0;
}
.click li a{
	cursor:hand;
}
.more{
	background:url(../img/more_button.gif) no-repeat 50% 50%;
	display:block;
	height:16px;
	width:44px;
	margin:10px 0;
}
.more span{
	display:none;

}
.download{
	background: url(../img/pece/download_button.png) no-repeat left 50%;
	display:block;
	height:16px;
	width:70px;
	margin:7px 0;
}
.download span{
	display:none;
}
.left{
 float:left !important;
}
#histTableHead td {
	border: #074A77 solid 1px; 
	padding: 5px 10px;
}
.histTableBody td {
	padding: 5px 10px 5px 0;
	text-align: center;
	border: #074A77 solid 1px; 
}
#pece.symboly #main p{
padding-left:150px;
}
#video{
	margin-left:24px;
}


#prIntensive, #prAlp, #prColor {
	 position: relative;
	 left: -45px;
	 float: left; 
	 width: 125px; 
	 height: 193px; 
	 padding: 7px 7px 7px 7px;
	 margin-left: 20px;
}
#prIntensive {
	position: absolute;
	left: 405px;
	width: 160px;
}
.gely #prIntensive {
	left: 415px;
}
#prAlp, #prColor {
	 left: 0;
	 padding-left: 145px; 
}
#prIntensiveBox p  { padding-left: 22px;}
#prIntensiveBox em { padding-left: 170px;}
.prasky #prIntensiveBox h2 { padding-left: 297px;}
.prasky #prIntensive { background: url(../img/prostredky/prasek02.png) no-repeat 0 0; }
.prasky #prAlp       { background: url(../img/prostredky/prasek01.png) no-repeat 81px 0; }
.prasky #prColor     { background: url(../img/prostredky/prasek03.png) no-repeat 81px 0; }
.gely   #prIntensive { background: url(../img/prostredky/gel03.png) no-repeat 10px 0; }
.gely   #prAlp       { background: url(../img/prostredky/gel01.png) no-repeat 101px 0; }
.gely   #prColor     { background: url(../img/prostredky/gel02.png) no-repeat 101px 0; }
.gely   #prIntensiveBox p  { margin-left: 275px;}
.gely   #prIntensiveBox em { padding-left: 166px;}
.gely   #prIntensiveBox h2 { padding-left: 167px;}

#somat_schody {
	position:absolute; 
	top:200px; 
	width:300px; 
	height:300px; 
	margin-left:150px; 
	text-decoration:none; 
	border:none; 
	display:none;
}
#somat_schody #close {
	 position:absolute; 
	 display:block; 
	 z-index:500; 
	 background-color:transparent; 
	 text-decoration:none; 
	 top:10px; 
	 right:10px; 
	 width:20px; 
	 height:20px;
}

/* ===================================== CONTENT STYLE ====================================== */
form {
	color: #666;
}
textarea {
	width: 300px;
	height: 50px;
	border: #666 solid 1px;
	font-size: 11px;
	color: #666;
}
/* input {
	width: 185px;
	height: 15px;
	border: #666 solid 1px;
	margin: 0 0 3px 115px;
	font-size: 10px;
	color: #666;
}

#radio  .radio {
	width: 15px;
	margin: 0 0 3px 0;
	position: relative;
	top: 2px;
}
label {
	position:absolute;
	float: left;
}
*/
.clear
{
  clear: both;
}
.odeslat {
	width: 76px;
	height: 18px;
	border: none 0;
	background-color: #265684;
	color: #fff;
	font-size: 9px;
	margin: 20px 0 20px 0;
}
.note {
	font-size: 9px;
	margin: 0;
	padding: 0 0 4px 0;
}

/* =============================== FLASH ================================= */

#trideniPradla, #symbolyNaPradle, #jakNaSkvrny, #typyNaPrani, #davkovani, #jakPrat, #peceOLatky, #vyberPracihoProstredku {
	float:right;
	width:218px;
	height:340px;
}
/* =============================== NADPISY ================================= */

#skvrny h1{
	background-image:url(../img/nadpisy/nadpisy_r8_c2.png);
}
#zehleni h1{
	background-image:url(../img/nadpisy/nadpisy_r16_c2.png);
}
#faq h1{
	background-image:url(../img/nadpisy/nadpisy_r7_c2.png);
}
#historie h1{
	background-image:url(../img/nadpisy/nadpisy_r6_c2.png);
}
#kontakt h1{
	background-image:url(../img/nadpisy/nadpisy_r5_c2.png);
}
#pece h1{
	background-image:url(../img/nadpisy/nadpisy_r15_c2.png);
}
#pece.davkovani h1{
	background-image:url(../img/nadpisy/nadpisy_r10_c2.png);
}
#pece.prat h1{
	background-image:url(../img/nadpisy/nadpisy_r13_c2.png);
}
#pece.latky h1{
	background-image:url(../img/nadpisy/nadpisy_r12_c2.png);
}
#pece.symboly h1{
	background-image:url(../img/nadpisy/nadpisy_r14_c2.png);
}
#pece.trideni h1{
	background-image:url(../img/nadpisy/nadpisy_r11_c2.png);
}
#pece.tipy h1{
	background-image:url(../img/nadpisy/nadpisy_r9_c2.png);
}

#akce h1 {
	
	}
	
#soutez h1 {
	
	}