html {overflow-y: scroll;}



BODY{ margin:5px auto; padding:0 0 0px 0; text-align:center; background:#b9c2ca;

font: normal 80% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: white;}



#pg{position:relative;width:900px;text-align:left;margin:0 auto 0 auto;padding:0;}



a { color: yellow; text-decoration: none; } 

a:hover { color: #ffb52b; text-decoration: underline; } 

p { margin-bottom: 1,2em; text-align: justify; }

  

h1 { font-size: 140%; font-weight: normal; margin: -5px 5px 5px 0;  line-height: 20px; 

	  border-bottom: 1px solid #a8caff; padding-bottom: 5px;/* background: transparent url(../images/menu/menu_nadpisy_modra.gif) repeat-x 0 0; */ }

h1 .strom { font-size: 80%; font-weight: bold; color: #ffe342; }

h2 { font-size: 110%; font-weight: bold; padding-bottom: 2px; margin-bottom: 11px;

  width: 200px; border-bottom: 1px solid #2F7FFF; text-align: left; color: #BFE5FD; }

.width { width: 450px; margin-bottom: 5px; font-size: 1.1em; }

h4 { font-size: 120%; font-weight: bold; margin: 0 0 0.8em 0;

     border-bottom: 1px solid #a8caff; padding-bottom: 5px; }

h5 { width: 140px; font-size: 100%; font-weight: bold; margin: -2px 0px 3px 8px; color: #ffe655;

	  border-bottom: 1px solid #7baeff; padding-bottom: 2px; }

h6 {

  font-size: 100%;

  padding-bottom: 2px;

  margin-left: 8px;

  border-bottom: 1px solid #7baeff;

  color: #ffc04a;

  font-weight: bold; margin: 20px 0px -7px 5px;

}

h6 span {

  font-size: 80%;

  font-weight: normal;

  color: #ffe3c8; }

 

 h7 { font-size: 96%; font-weight: bold; padding-bottom: 2px; margin-bottom: 11px;

    }



   

/***** ZAHLAVI *****/

#zahlavi { z-index: 0; position: relative; width: 900px; height: 100px;

  background: #f1f6ff url("../images/pozadi/bg_zahlavi.png") repeat-x 0 0; }

#zahlavi a { font-size: 88%; text-decoration: none; color: #BFD4F9; }

#zahlavi a:hover { text-decoration: underline; }

#zahlavi span { color: #A8CBE7; } 

#zahlavi .jazyk { position: absolute; right: 5px; top: 4px;	color: #fff; } 

	/***** zahlavi - LOGO *****/

#logo { position: absolute; left: 20px; top: 15px; width: 127px; height: 65px; overflow: hidden;

	background: transparent url(../images/loga/logo_dfk_a.png) no-repeat 0 0; }

#logo a { width: 100%; height: 100%; display: block; cursor: pointer; }

#logo a:hover { width: 150px; height: 80px; overflow: hidden;

	background: transparent url(../images/loga/logo_dfk_a_h.png) no-repeat 0 0; }

	/***** zahlavi - nadpis - Kabiny pro vysokozdvizne voziky *****/

#nadpis-hlavni { position: absolute; left: 190px; top: 40px; color: #fff; font-weight: bold; font-size: 1.6em; }

   /** obrazky vpravo nahore **/

#nahled-kabina { z-index: 1; position: absolute; right: 15px; top: -70px; width: 130px; height: 108px;

  background: url("../images/nahledy/kabina_nahled.gif") no-repeat 0 0; }

#nahled-pridavna-zarizeni { z-index: 1; position: absolute; right: 0px; top: -75px; width: 180px; height: 119px;

  background: url("../images/nahledy/pz_nahled.png") no-repeat 0 0; }

#nahled-3d-skener { z-index: 1; position: absolute; right: 0px; top: -75px; width: 150px; height: 114px;

  background: url("../images/nahledy/3d_skener_nahled.png") no-repeat 0 0; }



#vlajka { z-index: 1; position: absolute; right: 185px; top: 0px; width:50px; height: 50px; }



/***** Konec - ZAHLAVI *****/



 

/****** STRED *****/

/**#stred { position: relative; width: 840px; height: 640px;

  background: #004ba3 url("../images/pozadi/bg_obsah2.png") repeat-x 0 0;}

#stred-obsah { position: absolute; left: 170px; top: 0px; width: 501px; height: 640px;

	padding: 10px 20px 0 15px; background: #004ba3 url("../images/pozadi/bg_obsah.png") repeat-x 0 0; }

#stred-obsah p { text-align: justify; padding-left: 5px; }



 zmena pozadi, menu a obsahu **/

#stred, #stred2 { position: relative; width: 900px; height: 680px;

  background: #004ba3 url("../images/pozadi/bg_obsah2.png") repeat-x 0 0;}

#stred-obsah, #stred-obsah2, #stred-obsah-3d { position: absolute; left: 180px; top: 0px; width: 541px; height: 660px;

	padding: 10px 20px 0 15px; background: #004ba3 url("../images/pozadi/bg_obsah_620.png") repeat-x 0 0; }

#stred-obsah p, #stred-obsah2 p, #stred-obsah-3d p { text-align: justify; padding-left: 5px; }



#stred2 { height: 1190px; }

#stred-obsah2 { height: 1130px; background: #004ba3 url("../images/pozadi/bg_1k15px.png") repeat-x 0 0; }

#stred-obsah-3d { height: 670px; background: #004ba3 url("../images/pozadi/bg_menu_fial.png") repeat-x 0 0; }

/**zmena pozadi, menu a obsahu **/



/***** Konec - STRED *****/



/****** VLEVO *****/

/** zkouska

#vlevo, #vlevo-vp { position: absolute; left: 5px; top: 0px; width: 130px; height: 640px; padding: 10px 15px 0 15px; 

  background: #004ba3 url("../images/pozadi/bg_obsah.png") repeat-x 0 0; }

#vlevo-vp { height: 1100px; background: #004ba3 url("../images/pozadi/bg_1k15px.png") repeat-x 0 0; }

**/

#vlevo, #vlevo-3d { position: absolute; left: 5px; top: 0px; width: 130px; height: 660px; padding: 10px 15px 0 15px; 

  background: #004ba3 url("../images/pozadi/bg_obsah.png") repeat-x 0 0; }

#vlevo-3d { background: #004ba3 url("../images/pozadi/bg_menu_fial.png") repeat-x 0 0; }





/***** Menu *****/

	/* menu leve */

#menu-vlevo { position: absolute; left: 10px; top: 40px; padding-bottom: 30px; list-style: none; }

#menu-vlevo a { width: 153px; padding: 2px 0px 2px 8px; display: block; color: #F0FFFF;

	line-height: normal; font-weight: normal; text-decoration: none; }

#menu-vlevo a:hover { background: #FF4500; color: #00FF02; }

#menu-vlevo .nadpis { font-weight: bold; line-height: 19px; color: Yellow;	margin: 10px 0 5px 0px; }

	/* menu leve - odkaz pro navrat do menu */

#menu-a, #menu-a-3d { position: absolute; left: 5px; top: 12px; width: 153px; height: 24px; overflow: hidden;

	background: transparent url(../images/menu_zpet.png) no-repeat 0 0; }

#menu-a a, #menu-a-3d a { width: 100%; height: 100%; display: block; cursor: pointer; }

#menu-a a:hover, #menu-a-3d a:hover { width: 259px; height: 45px; overflow: hidden;

	background: transparent url(../images/menu_zpet2.png) no-repeat 0 0; }

#menu-a-3d { background: transparent url(../images/menu_zpet_3d.png) no-repeat 0 0; }

#menu-a-3d a:hover { background: transparent url(../images/menu_zpet_3d_2.png) no-repeat 0 0; }



	/* menu adresa v menu */

#adresa-menu { z-index: 1; position: absolute; left: 14px; top: 490px; width: 150px; padding-top: 5px;

	border-top: 1px solid #97bfff; font-size: 88%; }



	/* menu adresa v kontaktech */

#adresa-menu-kontakty { z-index: 1; position: absolute; left: 14px; top: 320px; width: 150px; padding-top: 5px;

	border-top: 1px solid #97bfff; font-size: 88%; }



	/* menu prave */

#menu-prave-bg { position: absolute; top: 0; right: 20px; width: 108px; height: 540px; background: #407ec5; padding-left:7px; padding-top:80px;}

#menu-prave-kabiny-bg { position: absolute; top: 0; right: 20px; width: 108px; height: 540px; background: #407ec5; padding-left:7px; padding-top:80px;}

/***** Konec - MENU *****/



/***** ZAPATI *****/

#zapati { position: relative; width: 900px; height: 26px; 

  background: url("../images/pozadi/zapati.png") no-repeat 0 0; }

#zapati span { position: relative; left: 255px; top: -5px; color: #fff; font-size: 88%; } 

/***** Konec - ZAPATI *****/



/***** KABINY ****/

	/** level 1 az 5 a zobrazeni nahledu danych levelu - kabiny_kov.php**/

#tabulka-kabiny, #tabulka-kabiny-ru { z-index: 1; position: relative; left: 50px; width: 400px;

	text-align: left; border-color: white; color: white;

	background: url(../images/pozadi/bg_tabulka_kabiny.png); }

#tabulka-kabiny-ru {	left: 25px; width: 460px; }



#nahled-levelu-1 { position: absolute; left: 40px; top: 115px; }

#nahled-levelu-2 { position: absolute; left: 220px; top: 115px; }



#tabulka-kabiny-uvod { z-index: 1;  position: absolute; left: 225px; bottom: 570px;

	text-align: left; border-color: white; color: white; }



#nahled-kabiny-uvod-1 { position: absolute; left: 0px; bottom: -380px; }

#nahled-kabiny-uvod-2 { position: absolute; left: 220px; top: 125px; }



#nahled-kabiny-uvod-1-tb { position: absolute; left: 65px; bottom: 380px; }

#nahled-kabiny-uvod-2-tb { position: absolute; left: 305px; bottom: 380px; }





#nahled-kabiny-uvod-kov-1 { position: absolute; left: 40px; top: 70px; }

#nahled-kabiny-uvod-kov-2 { position: absolute; left: 40px; top: 245px; }

#nahled-kabiny-uvod-kov-3 { position: absolute; left: 220px; top: 120px; }





	#nku-kov, #nku-carbon, #nku-pvc { width: 140px; height: 100px; overflow: hidden; }

	#nku-kov a, #nku-carbon a, #nku-pvc a { width: 100%; height: 100%; display: block; cursor: pointer; }

	#nku-kov a 	{ background: transparent url(../images/kabiny/nku_nahled_kov_1.gif) no-repeat 0 0; }

	#nku-carbon a 	{ background: transparent url(../images/kabiny/nku_nahled_carbon.jpg) no-repeat 0 0; }

	#nku-pvc a 	{ background: transparent url(../images/kabiny/pluh_a.png) no-repeat 0 0; }

	

	#nku-kov a:hover, #nku-carbon a:hover, #nku-pvc a:hover {

		width: 100%; height: 100%; display: block; cursor: pointer; }

	#nku-kov a:hover 	{ background-image: url(../images/kabiny/nku_nahled_kov_2.gif); }

	#nku-carbon a:hover 	{ background-image: url(../images/kabiny/nku_nahled_carbon.jpg); }

	#nku-pvc a:hover 	{ background-image: url(../images/kabiny/pv_ahover.png); }



	/* nutne pro IE7 - spolu s "hover.htc" zobrazeni obrazku pri prejeti mysi jinde nez na odkazu */

.nahledy img {display: none;}

.nahledy:hover img {display: block;}

.nahledy.hover img {display: block;}

#fotky img { border: none; padding: 2px 2px 2px 2px}

#fotky a:hover{ display: block; background: white; } 

	/* sipecky ( << << ) u vybrane polozky */

#sipka_p, #sipka_l { z-index: 2;	position: absolute; top: 200px; width: 20px; height: 150px;	overflow: hidden; }

#sipka_p { right: 148px; background: transparent url(../images/sipka_p.png) no-repeat 0 0; }

#sipka_l { left: 175px;	background: transparent url(../images/sipka_l.png) no-repeat 0 0; }

#sipka_p a, #sipka_l a, #sipka_p a:hover, #sipka_l a:hover {

	width: 100%; height: 100%;	cursor: pointer; display: block; }

#sipka_p a:hover { background: transparent url(../images/sipka_p2.png) no-repeat 0 0; }

#sipka_l a:hover { background: transparent url(../images/sipka_l2.png) no-repeat 0 0; }

	/** prave menu a typy vzv pro danou znacku **/

#menu-vpravo {	z-index: 1; position: absolute; right: 23px; top: 50px; width: 112px; font-size: 11px; line-height: 17px;

 /* background: url("../images/menu/menu_pozadi_2.gif") repeat-y 0 0; */ }

/* #menu-vpravo a { width: 108px; display: block; color: #ffe655; text-decoration: none; padding: 0 0 0px 2px; margin: 0px 0 0px -2px; } */

/* #menu-vpravo a:hover { background: #FF4500; color: Yellow; } */



/* #menu-vpravo .nadpis { color: #f7db16;	font-size: 11px;	margin: 0px; height: 34px; width: 94px; font-weight: bold;

	line-height: 25px;	padding-left: 8px; background: transparent url(../images/menu/menu_nadpisy_modra.gif) repeat-x 0 0;  } */

#menu-vpravo .nadpis { color: #f7db16;	font-size: 11px;	height: 34px; width: 104px; font-weight: bold; vertical-align: top;

	line-height: 34px;	padding-left: 8px; background: transparent url(../images/menu/menu_nadpisy_modra.gif) repeat-x 0 0;  }

#menu-vpravo .nadpis2 { color: #f7db16;	font-size: 11px;	height: 34px; width: 104px; font-weight: bold; vertical-align: top;

	line-height: 34px;	padding-left: 8px; background: transparent url(../images/menu/menu_nadpisy_cervena.gif) repeat-x 0 0;  }



#v1, #v2, #v3, #v4, #v5, #v6, #v7, #v8, #v9, #v10, #v11, #v12, #v13, #v14, #v15, #v16, #v17, #v18, #v19, #v20, #v21, #v22, #v23, #v24, #v25, #v26, #v27, #v28, #v30 {  

z-index: 1; position: absolute; right: 2px; color: #ffb72f; text-align: right; text-decoration: none; font-weight: bold; 

width: 133px; display: block; background: url("../images/menu/menu_p_odkazy_modra23.gif") repeat-y 0 0; }

#v1 { top: 84px;} 

#v2 { top: 101px; } 

#v3 { top: 118px;} 

#v4 { top: 135px; } 

#v5 { top: 152px;} 

#v6 { top: 169px; } 

#v7 { top: 186px;} 

#v8 { top: 203px; } 

#v9 { top: 220px;} 

#v10 { top: 237px;} 

#v11 { top: 254px; } 

#v12 { top: 271px; } 

#v13 { top: 288px; } 

#v14 { top: 305px; } 

#v15 { top: 322px; } 

#v16 { top: 339px; } 

#v17 { top: 356px; } 

#v18 { top: 373px; } 

#v19 { top: 390px; } 

#v20 { top: 407px; } 

#v21 { top: 424px; } 

#v22 { top: 441px; } 

#v23 { top: 458px; } 

#v24 { top: 475px; } 

#v25 { top: 492px; } 

#v26 { top: 509px; } 

#v27 { top: 526px; } 

#v28 { top: 543px; } 

#v30 { top: 577px; } 



#menu-vpravo a { display: block; width: 106px;

	color: yellow; font-weight: normal;	padding-left: 6px; }



#menu-vpravo a:hover  { color: #6495ed; text-decoration: none; 

	background: transparent url(../images/menu/menu_p_odkazy_h_modra.gif) no-repeat left top;	}



/* #menu-vpravo {  line-height: 15px;}  */

	/** umisteni loga znacek vzv (vpravo dole v menu **/

#logo-vzv { z-index: 1; position: absolute; right: 5px; bottom: 5px; width:150px; height: 100px; }

	/* 2 verze kabiny na jedne strance */

#kabina2-h5 { position: absolute; right: 210px; top: 37px; width: 140px;

  font-size: 88%; font-weight: normal; text-align: left; color: #ffe655;

  padding-bottom: 2px; margin-left: 8px; margin-bottom: 8px; border-bottom: 1px solid #4f93ff; }

#kabina2-h5 a { color: #ccddfa;	text-decoration: none; }

#kabina2-h5 a:hover { color: #ff991c; text-decoration: none; font-weight: bold; }

	/* umisteni dvojsipky pri vyberu znacky vzv */

#vh,#vhi,#vta,#vy,#vk,#vl,#vda,#vn,#vs,#vc,#vo,#vt,#vd,#vj,#vck,#vb,#vji { position: absolute; left: 135px; top: 70px; color:#FF0000; font-weight:bold }

#vhi	{ top: 90px; }

#vta	{ top: 111px; }

#vy	{ top: 132px; }

#vk	{ top: 153px; }

#vl	{ top: 174px; }

#vda	{ top: 195px; }

#vn	{ top: 216px; }

#vs	{ top: 237px; }

#vc	{ top: 258px; }

#vo	{ top: 280px; }

#vt	{ top: 300px; }

#vd	{ top: 320px; }

#vj	{ top: 341px; }

#vck	{ top: 362px; }

#vb	{ top: 383px; }

#vji	{ top: 404px; }



#pvc { position: absolute; left: 60px; top: 310px;}





/***** KONEC - KABINY *****/



/**** PRIDAVNA ZARIZENI ****/

	/* Pridavna zarizeni - textove odkazy ve vyberove tabulce */

#pz_a a { width: 100%; display: block; color: #F0FFFF; text-decoration: none; line-height: 22px; } 

#pz_a a:hover{ background: #004dae; color: white; text-decoration: none; } 

	/* Pridavna zarizeni - obrazkove odkazy ve vyberove tabulce */

#jerab, #cep, #pv, #pluh { width: 140px; height: 100px; overflow: hidden; }

#plosina { width: 170px; height: 238px;	overflow: hidden; }



#jerab a, #cep a, #pv a, #pluh a, #plosina a { width: 100%; height: 100%; display: block; cursor: pointer; }

#jerab	{ background: transparent url(../images/pz/jerabove_rameno_a_z.png) no-repeat 0 0; }

#cep		{ background: transparent url(../images/pz/nosny_cep_a_z.png) no-repeat 0 0; }

#pv a		{ background: transparent url(../images/pz/pv_a.png) no-repeat 0 0; }

#pluh a 	{ background: transparent url(../images/pz/pluh_a.png) no-repeat 0 0; }

#plosina a	{ background: transparent url(../images/pz/plosina_a.png) no-repeat 0 0; }



#jerab a:hover, #cep a:hover, #pv a:hover, #pluh a:hover, #plosina a:hover {

	width: 100%; height: 100%; display: block; cursor: pointer; }

#jerab a:hover 	{ background-image: url(../images/pz/jerabove_rameno_ahover.png); }

#cep a:hover 	{ background-image: url(../images/pz/nosny_cep_ahover.png); }

#pv a:hover 	{ background-image: url(../images/pz/pv_ahover.png); }

#pluh a:hover 	{ background-image: url(../images/pz/pluh_ahover.png); }

#plosina a:hover{ background-image: url(../images/pz/plosina_ahover.png); }

	/* Pridavna zarizeni - tabulka hodnot jednotlivych zarizeni 172 */

#tabulka, #tabulka-mp-p, #tabulka-pv { z-index: 1; position: absolute; left: 0px; top: 320px; line-height: 14px; }

#tabulka-pv 	{ top: 288px; }

#tabulka-mp-p 	{ top: 430px; }

#tabulka table, #tabulka-pv table, #tabulka-mp-p table {  

background: url(../images/pozadi/bg_pz_tabulka_hodnot.png);	text-align: center; }

	/* Pridavna zarizeni - umisteni jednotlivych obrazku pridavnych zarizeni */

#pz-jr { z-index: 2; position: absolute; left: 23px; top: 57px; width: 240px; height: 177px;

	   background: url("../images/pz/jerabove_rameno.png") no-repeat 0 0; }

#pz-jr-vykres { z-index: 2; position: absolute; left: 283px; top: 58px; width: 200px; height: 189px;

	   background: url("../images/pz/jerabove_rameno_vykres.gif") no-repeat 0 0; }

#pz-nc { z-index: 2; position: absolute; left: 20px; top: 58px; width: 240px; height: 183px;	

	   background: url("../images/pz/nosny_cep_2.png") no-repeat 0 0; }

#pz-nc-vykres { z-index: 2; position: absolute; left: 280px; top: 58px;	width: 246px; height: 176px;	

	   background: url("../images/pz/nosny_cep_vykres.png") no-repeat 0 0; }

#pz-pv { z-index: 2; position: absolute; left: 80px; top: 45px; width: 391px; height: 189px;	

	   background: url("../images/pz/pv_2.png") no-repeat 0 0; }

#pz-mp { z-index: 2; position: absolute; left: 120px; top: 38px; width: 286px; height: 390px;

	   background: url("../images/pz/plosina_2.png") no-repeat 0 0; }

#pz-pluh, #pz-pluh-vykres { z-index: 2; position: absolute; left: 95px; top: 40px; width: 341px; height: 211px;

	   background: url("../images/pz/pluh_2.png") no-repeat 0 0; }

#pz-pluh-vykres { top: 255px;	width: 350px; height: 158px;	

	   background: url("../images/pz/pluh_vykres.png") no-repeat 0 0; }

/***** Konec - PRIDAVNA ZARIZENI *****/



/***** VODNI PAPRSEK *****/

	/* nastaveni zobrazeni "ul" */

#ul-vp { padding-left:25px; color: #CCFF33; margin: 10px 0px 10px 8px; }

#ul-vp li { margin: 0px 0px 10px 0px; }

	/* odkazova fotka na uvodni strane */

#vp { z-index: 2; position: absolute; left: 40px; top: 165px; }

#vp img { border: none; padding: 2px 2px 2px 2px; }

#vp a:hover{ display: block; background: #ffb52b; }

	/* obrazkove odkazy ukazek aplikaci */

#silon, #zula, #zelezo, #mosaz, #obkladacky, #sklo, #dural, #nerez, #guma {	width: 155px; height: 105px; overflow: hidden; }

#silon a, #zula a, #zelezo a, #mosaz a, #obkladacky a, #sklo a, #dural a, #nerez a, #guma a {

	display: block;	width: 100%; height: 100%; cursor: pointer; }

#silon a	{ background: transparent url(../images/vodni_paprsek/ukazky/vp_silon_tb.png) no-repeat 0 0; }

#zula a		{ background: transparent url(../images/vodni_paprsek/ukazky/vp_zula_tb.png) no-repeat 0 0; }

#zelezo a	{ background: transparent url(../images/vodni_paprsek/ukazky/vp_zelezo_tb.png) no-repeat 0 0; }

#mosaz a	{ background: transparent url(../images/vodni_paprsek/ukazky/vp_mosaz_tb.png) no-repeat 0 0; }

#obkladacky a{ background: transparent url(../images/vodni_paprsek/ukazky/vp_obkladacky_tb.png) no-repeat 0 0; }

#sklo a		{ background: transparent url(../images/vodni_paprsek/ukazky/vp_sklo_tb.png) no-repeat 0 0; }

#dural a	{ background: transparent url(../images/vodni_paprsek/ukazky/vp_dural_tb.png) no-repeat 0 0; }

#nerez a	{ background: transparent url(../images/vodni_paprsek/ukazky/vp_nerez_tb.png) no-repeat 0 0; }

#guma a		{ background: transparent url(../images/vodni_paprsek/ukazky/vp_guma_tb.png) no-repeat 0 0; }



#silon a:hover, #zula a:hover, #zelezo a:hover, #mosaz a:hover, #obkladacky a:hover, #sklo a:hover, #dural a:hover, #nerez a:hover, #guma a:hover { display: block; width: 100%; height: 100%;	cursor: pointer; }

#silon a:hover 	{ background-image: url(../images/vodni_paprsek/ukazky/vp_silon_tb_h.png); }

#zula a:hover 	{ background-image: url(../images/vodni_paprsek/ukazky/vp_zula_tb_h.png); }

#zelezo a:hover { background-image: url(../images/vodni_paprsek/ukazky/vp_zelezo_tb_h.png); }

#mosaz a:hover 	{ background-image: url(../images/vodni_paprsek/ukazky/vp_mosaz_tb_h.png); }

#obkladacky a:hover { background-image: url(../images/vodni_paprsek/ukazky/vp_obkladacky_tb_h.png); }

#sklo a:hover 	{ background-image: url(../images/vodni_paprsek/ukazky/vp_sklo_tb_h.png); }

#dural a:hover 	{ background-image: url(../images/vodni_paprsek/ukazky/vp_dural_tb_h.png); }

#nerez a:hover 	{ background-image: url(../images/vodni_paprsek/ukazky/vp_nerez_tb_h.png); }

#guma a:hover 	{ background-image: url(../images/vodni_paprsek/ukazky/vp_guma_tb_h.png); }

/***** KONEC - VODNI PAPRSEK *****/



/***** KONTAKTY *****/

	/* kontaktni informace - umisteni oddeleni */

#kontakty { position: relative; left: 15px; top: 8px; width: 480px; font-size: 0.9em;}



	/* kde nas najdete - umisteni mapky */

#stred img.mapa {float: right;}

	/* umisteni komunikacni zemekoule */

#network { z-index: 1; position: absolute; right: 3px; top: 453px; width: 172px; height: 147px; 

  background: url("../images/nahledy/network.png") no-repeat 0 0; }

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

                                  Hotline

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

.hotline { font-size:92%; color:#737373; float:left; }

#hotline { margin:0px 0 0 0; }

#hotline textarea,

#hotline input { border:1px solid #CDCDCD; width:200px; margin:1px 0 0 0; font-size:100%; padding:3px 0 2px 5px; }

#hotline input.submit-click,

#hotline input.submit { width:auto !important; cursor:pointer; padding:1px 0 1px 0; color:#0E3384; font-weight:bold; border:1px solid #CDCDCD; }

#hotline textarea { overflow:auto; }

#hotline .f-must { font-weight:bold; }

#hotline td { padding:2px; }

.hotline .succ-no,

.hotline .succ-fill,

.hotline .succ-yes { text-align:center; font-weight:bold; margin:3px 0 3px 0; }

.hotline .succ-fill,

.hotline .succ-no { color:#BF2D38; }

.hotline .succ-yes { color:#158425; }



#kvet1, #kvet2, #kvet3, #kvet4, #pan1, #pan2, #pan3, #pan4 { position: absolute;  width: 32px; height: 32px; }

#pan1 { left: 200px; top: 75px; background: url("../images/kontakty/kytara.gif") no-repeat 0 0; }

#pan2 { right: 55px; top: 75px; background: url("../images/kontakty/motorka.gif") no-repeat 0 0; }

#kvet1 { left: 200px; top: 200px; background: url("../images/kontakty/motyl.gif") no-repeat 0 0; }

#kvet2 { right: 40px; top: 200px; background: url("../images/kontakty/camellia.gif") no-repeat 0 0; width: 45px; height: 32px; }

#pan3 { left: 185px; top: 318px; width: 48px; height: 48px; background: url("../images/kontakty/zbran.gif") no-repeat 0 0; }

#pan4 { right: 50px; top: 327px; background: url("../images/kontakty/pivo.gif") no-repeat 0 0; }

#kvet3 { left: 200px; top: 410px; background: url("../images/kontakty/kvet2.gif") no-repeat 0 0; }

#kvet4 { right: 50px; top: 410px; background: url("../images/kontakty/rtenka.gif") no-repeat 0 0; }



/***** KONEC - KONTAKTY *****/

  

/***** CERTIFIKATY *****/

#certifikaty { z-index: 1; position: absolute; right: -20px; top: 150px; }

#certifikaty-ke-stazeni { z-index: 1; position: absolute; left: 190px; top: 580px; }

#cert-menu a { font-size: 90%; display: block; color: #F0FFFF; text-decoration: none; line-height: 20px; width: 100%; } 

#cert-menu a:hover { background: #1a5fd8; color: Yellow; text-decoration: none; } 

#cert-menu .nadpis { font-weight: bold; color: #73FF74; padding: 3px 0px 0px 4px; } 

#cert-menu .text { padding: 0px 6px 8px 7px; } 

/***** KONEC - CERTIFIKATY *****/



/***** 3D SKENER *****/

#skener { z-index: 2; position: relative; left: 100px; width: 318px; height: 318px;	

	   background: url("../images/3d_skener/skener.png") no-repeat 0 0; }

/***** KONEC - 3D SKENER *****/





#foto img { border: none; padding: 2px 2px 2px 2px; }

#foto a:hover{ display: block; background: #ffb52b; }



#novinky p{ padding-left: 10px; }



/* menu ke stazeni */



#menu-ke-stazeni table { font-weight: normal; color: black; font-size: 94%; }

#menu-ke-stazeni td {  white-space: nowrap;}

#menu-ke-stazeni a { color: blue; text-decoration: none;	margin: 0 0 0 3px; } 

#menu-ke-stazeni a:hover { text-decoration: underline;  } 

#menu-ke-stazeni .nadpis1 { font-weight: bold; font-size: 170%; border-left: 0px; width: 100%; height: 30px; vertical-align: bottom; border-bottom: 1px solid #eee; padding-bottom: 2px; }

#menu-ke-stazeni .nadpis2 { font-weight: bold; font-size: 120%; border-left: 0px; }

#menu-ke-stazeni .nadpis3 { font-weight: bold; font-size: 120%; text-align: right; padding-right: 10px;}

#menu-ke-stazeni .r { text-align: right; padding-right: 10px }

#menu-ke-stazeni img {  border: none }

#menu-ke-stazeni .adresar-vys { height: 30px; width: 100%;}



/***** Konec - ke stazeni *****/





#pocitadlo

{

position: absolute; left: 105px; top: 600px; 

border: 0px;

margin: 0; padding: 5px;

}

#optimalizovano { position: relative; left: 145px; top: -52px; width: 600px; font-size: 85%; }



#tabulka-pv-en { z-index: 1; position: absolute; left: 0px; top: 0px; }

#tabulka-pv-en table { line-height: 14px;	text-align: center; font-size: 90%; background: url(../images/pozadi/bg_pz_tabulka_hodnot.png); }



#pz-ke-stazeni { position: absolute; left: 550px; top: 70px; }



#menu-vpravo-pz a { display: block; width: 72px; margin-left: 5px; }

#menu-vpravo-pz a:hover {display: block;	background: Red;} 

#menu-vpravo-pz img { border: none; padding: 2px 2px 2px 2px; }



#menu-vpravo-pz .nadpis { font-weight: bold; line-height: 20px; color: #73FF74; margin: 5px 0 0px 2px; }

#vpravo-pz {	z-index: 1; position: absolute; right: 15px; top: 35px; width: 115px; font-size: 88%; }



#novinky-akce {

  right: 20px; top: 85px;

  position: absolute;

  z-index: 1;

}



#novinky-akce a:hover {display: block; background: white;}

#novinky-akce img { border: none; padding: 2px 2px 2px 2px}



#hoist { font-size: 130%; font-weight: bold; color: #ffe342; text-align: center; }

#hoist .bila { font-size: 85%; font-weight: bold; color: #fff; text-align: center; }



#kontakt2 a {color: #6999ed; text-decoration: inherit;	margin: 0 0 0 3px; } 

#kontakt2 a:hover { text-decoration: none;  cursor: default;   } 







#vlevo-menu { position: absolute; left: 5px; top: 0px; width: 165px; height: 610px; padding: 10px 0px 0 5px; 

  background: url("../images/menu/bg_menu.gif") repeat-y 0 0;}

/* #vlevo-menu { position: absolute; left: 5px; top: 0px; width: 155px; height: 590px; padding: 10px 0px 0 5px; 

  background: url("../images/menu/menu_pozadi_modra.gif") repeat-y 0 0;} */

#vlevo-menu a:hover { text-decoration: none; } /*kvuli IE6 :( */



#menu-1, #menu-2, #menu-3, #menu-4, #menu-5, #menu-6, #menu-7 { 

float: left; width: 180px; height: auto; margin-right: 2px; font-size: 11px;  padding-bottom: 20px; 

background: transparent url(../images/menu/menu_pozadi_modra.gif) repeat-y 0 0;   }

/* #menu-4 { background: transparent url(../images/menu/menu_pozadi_sv_modra.gif) repeat-y 0 0; } */



#menu-1 a, #menu-2 a, #menu-3 a, #menu-4 a, #menu-5 a, #menu-6 a, #menu-7 a { display: block; height: auto; width: 147px; line-height: 21px;

	background: transparent url(../images/menu/menu_odkazy_modra.gif) repeat-x 0 0;

	color: #FFFFFF; font-weight: bold;	padding-left: 13px; }

/* #menu-4 a{ 	background: transparent url(../images/menu/menu_odkazy_sv_modra.gif) repeat-x 0 0; } */

#radky a { display: block; height: auto; width: 137px; line-height: 21px;

	background: transparent url(../images/menu/menu_odkazy_modra_2.gif) repeat-x 0 0;

	color: #FFFFFF; font-weight: bold;	padding-left: 13px; }



#menu-1 a:hover, #menu-2 a:hover, #menu-3 a:hover, #menu-4 a:hover, #menu-5 a:hover, #menu-6 a:hover, #menu-7 a:hover  { color: #7baded; text-decoration: none; 

	background: transparent url(../images/menu/sidebar_link_over2.gif) no-repeat left top;	}

#radky a:hover  { color: #7baded; text-decoration: none; 

	background: transparent url(../images/menu/menu_odkazy_h_seda_2.gif) no-repeat left top;	}



#menu-1 h3, #menu-2 h3, #menu-3 h3, #menu-4 h3, #menu-5 h3, #menu-6 h3, #menu-7 h3 {

color: #f7db16;	font-size: 11px;	margin: 0px; height: 32px; width: 152px;

	line-height: 32px;	padding-left: 8px; background: transparent url(../images/menu/menu_nadpisy_modra.gif) repeat-x 0 0;  }

#menu-1 h3 { background: transparent url(../images/menu/menu_nadpisy_modra.gif) repeat-x 0 0; }

#menu-2 h3 { background: transparent url(../images/menu/menu_nadpisy_zelena.gif) repeat-x 0 0; }

#menu-3 h3 { background: transparent url(../images/menu/menu_nadpisy_cervena.gif) repeat-x 0 0; }

#menu-4 h3 { background: transparent url(../images/menu/menu_nadpisy_sv_modra.gif) repeat-x 0 0; }

#menu-5 h3 { background: transparent url(../images/menu/menu_nadpisy_fialova.gif) repeat-x 0 0; }

#menu-6 h3 { background: transparent url(../images/menu/menu_nadpisy_fialova_tmava.gif) repeat-x 0 0; }



#menu-7 h3 { line-height: 15px; background: transparent url(../images/menu/menu_nadpisy_sv_modra.gif) repeat-x 0 0; }





#menu-10 {	font-size: 11px;  position: absolute; top: 220px;

	background: transparent url(../images/menu/menu_nadpisy_cervena.gif) repeat-x 0 0; }

#menu-10 a { display: block; height: 32px; width: 152px; line-height: 32px;

		color: #FFFFFF; font-weight: bold;	padding-left: 8px; }

#menu-10 a:hover  { color: #f7db16; text-decoration: none; 

	background: transparent url(../images/menu/menu_nadpisy_modra.gif) repeat-x 0 0;	}



#menu-11 {	font-size: 11px;  position: absolute; top: 450px;

	background: transparent url(../images/menu/menu_nadpisy_cervena.gif) repeat-x 0 0; }

#menu-11 a { display: block; height: 32px; width: 152px; line-height: 32px;

		color: #FFFFFF; font-weight: bold;	padding-left: 8px; }

#menu-11 a:hover  { color: #f7db16; text-decoration: none; 

	background: transparent url(../images/menu/menu_nadpisy_modra.gif) repeat-x 0 0;	}









#pvc-menu { position: absolute; right: 10px; top: 67px; font-weight: bold; line-height: 21px; font-size: 10px; }

#pvc-menu a { color: #ff7642;}

#pvc-menu a:hover { color: yellow;}





#loga { position: absolute; right: 20px; top: 50px; }

#sentry {  font-size: 100%;}

#sentry .nadpis { position: absolute; left: 12px; top: 45px; font-size: 150%; font-weight: bold; }

#sentry .text1 {  }

#sentry .obrazek { position: absolute; left: 15px; top: 170px; font-size: 150%; font-weight: bold; }



/*

#vlevo-menu { position: absolute; left: 5px; top: 0px; width: 155px; height: 590px; padding: 10px 0px 0 5px; 

  background: url("../images/pozadi/bg_obsah.png") repeat-x 0 0;}

#vlevo-menu-1 { position: absolute; left: 0px; top: 40px; width: 160px; height: 560px; padding: 0px 0px 0 0px; 

  background: url("../images/menu/bg_menu.gif") repeat-y 0 0;}

/* #vlevo-menu { position: absolute; left: 5px; top: 0px; width: 155px; height: 590px; padding: 10px 0px 0 5px; 

  background: url("../images/menu/menu_pozadi_modra.gif") repeat-y 0 0;} 



#menu-1, #menu-2, #menu-3, #menu-4, #menu-5 { float: left; width: 160px; height: auto; margin-right: 2px; font-size: 11px;  padding-bottom: 20px;  }

#menu-1 { background: transparent url(../images/menu/menu_pozadi_modra.gif) repeat-y 0 0; }

#menu-2 { background: transparent url(../images/menu/menu_pozadi_modra.gif) repeat-y 0 0; }

#menu-3 { background: transparent url(../images/menu/menu_pozadi_modra.gif) repeat-y 0 0; }

#menu-4 { background: transparent url(../images/menu/menu_pozadi_sv_modra.gif) repeat-y 0 0; }

#menu-5 { background: transparent url(../images/menu/menu_pozadi_modra.gif) repeat-y 0 0; }



#menu-1 a, #menu-2 a, #menu-3 a, #menu-4 a, #menu-5 a { display: block; height: 21px; width: 147px; line-height: 21px;

	background: transparent url(../images/menu/menu_odkazy_modra.gif) repeat-x 0 0;

	color: #FFFFFF; font-weight: bold;	padding-left: 13px; }

#menu-4 a{ 	background: transparent url(../images/menu/menu_odkazy_sv_modra.gif) repeat-x 0 0; }



#menu-1 a:hover, #menu-2 a:hover, #menu-3 a:hover, #menu-4 a:hover, #menu-5 a:hover  { color: #7baded; text-decoration: none; 

	background: transparent url(../images/menu/sidebar_link_over2.gif) no-repeat left top;	}



#menu-1 h3, #menu-2 h3, #menu-3 h3, #menu-4 h3, #menu-5 h3 {	color: #f7db16;	font-size: 11px;	margin: 0px;	padding: 0px;	height: 32px; width: 152px;

	line-height: 32px;	padding-left: 8px;	padding-bottom: 3px; margin-bottom: -3px;  background: transparent url(../images/menu/menu_nadpisy_modra.gif) repeat-x 0 0;  }

#menu-1 h3 { background: transparent url(../images/menu/menu_nadpisy_modra.gif) repeat-x 0 0; }

#menu-2 h3 { background: transparent url(../images/menu/menu_nadpisy_zelena.gif) repeat-x 0 0; }

#menu-3 h3 { background: transparent url(../images/menu/menu_nadpisy_cervena.gif) repeat-x 0 0; }

#menu-4 h3 { background: transparent url(../images/menu/menu_nadpisy_sv_modra.gif) repeat-x 0 0; }

#menu-5 h3 { background: transparent url(../images/menu/menu_nadpisy_fialova.gif) repeat-x 0 0; }



*/

#login { position: absolute; left: 150px; top: 370px;}