body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #424343;

	padding:0px;

	margin:0px;

	background-color:#FFFFFF;

	background-image: url(../obrazy/obr_36.jpg);

}



p, ul, ol, li {

	margin:0px;

	padding:0px;

	line-height:150%;

}

h1, h2, h3, h4 {

	margin:0px;

	padding:0px;

	font-size:100%;

}

a {

	text-decoration:none;

}

a:hover {

	text-decoration:underline;

}

img {

	border-width:0px;

}

form {

	margin:0px;

}

p.anchor {

	display: none;

}

.nodisplay {

	display:none;

}



.cleaner {

	clear:both;

	height:1px;

	font-size:1px;

	border:none;

	margin:0; padding:0;

	background:transparent;

}

#stranka_pozadi {

	width: 100%;

	height: 100%;

	background-image: url(../obrazy/obr_01.jpg);

	background-repeat: repeat-x;

}

#stranka_obal {

	position: relative;

	width: 814px;

	height: auto;

	margin: auto;

}

/* -------------------------   zahlavi, hlavicka ------------------------------------- */

#zahlavi h1 {



}



#zahlavi span {

	display:none;

}



#hlavicka {

	float:left;

   width:814px;

	height:199px;

}

#logo {

	float:left;

   width:290px;

	height:199px;

	background-image: url(../obrazy/obr_03.jpg);

}



#logo .logo_block {

	display:block;

	width:290px;

	height:150px;

}



#logo .lang_top {

	position:absolute;

	top:160px;

	left:30px;

}



#hlavicka_grafika {

	float:left;

   width:524px;

	height:199px;

	background-image: url(../obrazy/obr_04.jpg);

}



/* ----------------------------------- top menu --------------------------- */

#zahlavi_menu {

	float:left;

	width:100%;    /* šířka stránky - padding,  pokud nepoužiju padding tak lze nastavit na 100% */

	height:47px;  /* uprav výšku a číslo obrázku */

	/* padding-left: 5px; */ /* použiju pokud potřebuju posunout menu položky od kraje */

	background-image: url(../obrazy/obr_06.jpg);

	position:relative;

	z-index:2;

}

#zahlavi_menu li { 

	list-style-type:none;

	float:left;

}



/* pokud by jsi chtěl hotovou nastylovanou variantu, tak jdi do peří jan */



#zahlavi_menu li a, #zahlavi_menu li.active span {

	display:block;

	color:#FFFFFF;

	font-size:90%;

	text-align:center;

	text-decoration:none;

	width:86px;

	height:27px; /* 47 - 8 */

	padding:20px 0px 0px 0px;

	font-weight:bold;

	line-height:110%;

}

#zahlavi_menu li a:hover { 

	text-decoration:underline;

}



#zahlavi_menu li.active, #zahlavi_menu li a.active, #zahlavi_menu li a:active, #zahlavi_menu li.active span { 

	color:#FFFFFF;

}



#zahlavi_menu .pol0 {

	width:89px;

	background-image: url(../obrazy/menu_03.jpg);

}

#zahlavi_menu .pol1 {

   width:154px;

	/* background-image: url(../obrazy/menu_04.jpg); */

}

#zahlavi_menu .pol2 {

   width:100px;

	/* background-image: url(../obrazy/menu_05.jpg); */

}

#zahlavi_menu .pol3 {

   width:148px;

	/* background-image: url(../obrazy/menu_06.jpg); */

}

#zahlavi_menu .pol4 {

   width:112px;

	/* background-image: url(../obrazy/menu_07.jpg); */

}

#zahlavi_menu .pol5 {

   width:211px;

	/* background-image: url(../obrazy/menu_08.jpg); */

}

#zahlavi_menu .pol6 {

   width:106px;

	/* background-image: url(../obrazy/menu_09.jpg); */

}



#zahlavi_menu li.active .pol0 {

   width:89px;

	background-image: url(../obrazy/menua_03.jpg);

}

#zahlavi_menu li.active .pol1 {

   width:154px;

	background-image: url(../obrazy/menua_04.jpg);

}

#zahlavi_menu li.active .pol2 {

   width:100px;

	background-image: url(../obrazy/menua_05.jpg);

}

#zahlavi_menu li.active .pol3 {

   width:148px;

	background-image: url(../obrazy/menua_06.jpg);

}

#zahlavi_menu li.active .pol4 {

   width:112px;

	background-image: url(../obrazy/menua_07.jpg);

}

#zahlavi_menu li.active .pol5 {

   width:211px;

	background-image: url(../obrazy/menua_08.jpg);

}

#zahlavi_menu li.active .pol6 {

   width:106px;

	background-image: url(../obrazy/menua_09.jpg);

}





/* ------------------------- hlavicka submenu ------------------------------------- */

#zahlavi_menu li ul { 

	display:none;

}

#zahlavi_menu li ul li { 

	display:block;

	float:none;

   width:144px; /* 144px */

	height:47px; /* 47 */

	background-image: url(../obrazy/menu_06.jpg);

}

#zahlavi_menu li ul a, #zahlavi_menu ul li ul li.active span {  

	display:block;

   width:144px; /* 144px */

	height:30px; /* 47 */

	padding:17px 0px 0px 0px;

	font-weight:bold;

	background-image: url(../obrazy/menu_06.jpg);

	

}

#zahlavi_menu li ul .pol1 { /* individualni styly pokud by bylo potřeba */

   width:144px;

}

#zahlavi_menu li ul li .delsi, #zahlavi_menu li.active ul li.active .delsi {

   width:138px; /* 144 */

	height:42px; /* 47 */

	padding:5px 3px 0px 3px;

	background-image: url(../obrazy/menu_06.jpg);

}

#zahlavi_menu li { 

	behavior:url('css/hover.htc'); 

}



#zahlavi_menu ul li:hover ul, #zahlavi_menu li.hover ul { 

	display:block; 

	position:absolute;

}



/* -------------------------   obsah ------------------------------------- */

#obsah {

	clear:left;

	float:left;

	background-image: url(../obrazy/obr_32.jpg);

	width: 100%; 

	height: auto;

	padding-top:5px;

}

#obsah_grafika_bottom {

	width: 100%;

	height: auto;

	min-height:600px;

	background:url(./../obrazy/obr_33.jpg);

	background-position:bottom;

	background-repeat:no-repeat;

}

/* -------------------------   leve menu ------------------------------------- */

#leve_menu {

	clear:left;

	width:207px; /* 207 */

	padding-top:50px;

	float:left;

	background-image: url(../obrazy/obr_07.jpg);

	background-repeat:no-repeat;

}

#leve_menu li {

	list-style-type:none;

}

#leve_menu a {

	display:block;

   width:174px; /*207px*/

	height:22px;

	padding:5px 3px 0px 30px;

	color:#FFFFFF;

	font-weight:bold;

	background-image: url(../obrazy/obr_23.jpg);

}

#leve_menu a:hover {

	text-decoration:underline;

	background-image: url(../obrazy/obr_14.jpg);

}



#leve_menu .pod {

   width:172px; /*207px*/

	height:20px;

	padding:3px 3px 0px 32px;

	color:#6F6F6F;

	font-weight:normal;

	background-image: url(../obrazy/obr_21.jpg);

}



#leve_menu a.pod:hover  {

	background-image: url(../obrazy/obr_16.jpg);

}

/* -------------------------   stred ------------------------------------- */

.uvodni #stred {

	width:546px; /* 538px */

	padding:0px 0px 10px 16px;

	float:left;

}



.uvodni #stred .info_akce {

	float:left;

	width:546px; /* 546px */

	height:36px;

	margin-left:0px;

	padding:10px 0px 20px 0px;

	background-image: url(../obrazy/obr_21.jpg);

	background-position:0px 10px;

	background-repeat:no-repeat;

	position:relative;

	left:-10px;

	z-index:0;

}

.uvodni #stred .info_akce p {

	margin:0px;

	color:#FFFFFF;

	padding:8px 0px 0px 110px;

}



.uvodni #stred .infobox {

	float:left;

	width:249px; /* 249px */

	height:auto;

	margin-right:4px;

	margin-bottom:10px;

	margin-left:18px;

	_margin-left:9px;

}

.uvodni #stred .i_uzsi {

	margin-right:0px;

	margin-left:20px;

}

.uvodni #stred .infobox h2 a {

	display:block;

	width:214px; /* 249px */

	height:21px; /* 28 */

	padding:7px 10px 0px 25px;

	font-size:100%;

	color:#FFFFFF;

	font-weight:bold;

}

.uvodni #stred .infobox h2 {

	margin:0px;

	font-size:100%;

	display:block;

	width:247px; /* 247px */

	height:29px; /* 29 */

	background-image: url(../obrazy/obr_09.jpg);

	background-repeat:no-repeat;

}



.uvodni #stred .grafika {

	width:247px; /* 247px */

	height:234px; /* 234px */

	display:block;

	background-repeat:no-repeat;

}

.uvodni #stred .gr1 {
	background-image: url(../obrazy/obr_14.jpg);
	width:232px;
	padding-left:15px;
	padding-top:13px;
	height:221px;

}

.uvodni #stred .gr2 {

	background-image: url(../obrazy/obr_15.jpg);

}

.uvodni #stred .gr3 {

	background-image: url(../obrazy/obr_28.jpg);

}

.uvodni #stred .gr4 {

	background-image: url(../obrazy/obr_29.jpg);

}



.uvodni #stred .infobox ul {

	padding-top:10px;

}



.uvodni #stred .infobox ul li {

	list-style-type:none;

	float:left;

}



.uvodni #stred .infobox ul li {

	background-image: url(../obrazy/odrazka.jpg);

	background-repeat:no-repeat;

	background-position:3px 7px;

	padding:0px 0px 0px 18px;

	margin:3px 5px;

	float:none;

}

.uvodni #stred .infobox li a {

	color:#FF0000;

	font-weight:bold;

}



.uvodni #stred h3 {

	font-size:120%;

	margin:5px 0px 5px 20px;

	color:#FF0000;

}

.uvodni #stred form {

	margin:0px 0px 0px 20px;

}



.t_right {

	text-align:right;

	margin-right:3px;

	=margin-right:6px;

}



/* dalsi styly v styly2_obsah*/





/* -------------------------   prave menu   ------------------------------------- */



#prave_menu {

	width:244px;

	float:right;

}

#prave_menu .zahlavi {

	display:block;

	width:244px;  /* 244 */

	height:90px; /* 105 */

	padding:15px 0px 0px 0px;

	margin:0px;

	background-image: url(../obrazy/obr_13.jpg);

}

#prave_menu .zahlavi p {

	margin:0px 5px 0px 10px;

	color:#FFFFFF;

}

#prave_menu .zahlavi .tel_cislo {

	font-size:180%;

}

#spedice_pobocky {

	background-color:#FFFFFF;

	margin:8px 10px 5px 17px;

}

#spedice_pobocky span {

	color:#FF0000;

	display:block;

	padding-left:10px;

	padding-top:5px;

	font-size:90%;

}



#prave_menu .novinka1 {

	background-color:#FFFFFF;

	margin:5px 10px 5px 17px;

	padding:3px 0px 3px 0px;

}



#prave_menu .novinka2 {

	margin:5px 10px 5px 17px;

	padding:3px 0px 3px 0px;

}



#prave_menu h3 {

	color:#FFFFFF;

	width:184px;

	height:20px;

	margin:5px 0px 0px 0px;

	padding:9px 0px 0px 60px;

	background-image: url(../obrazy/obr_19.jpg);

	background-repeat:no-repeat;

	font-size:100%;

}



#prave_menu h4 {

	color:#C00505;

	margin:5px 5px 0px 5px;

	font-size:100%;

}

#prave_menu p {

	font-size:80%;

	margin:5px 5px 5px 5px;

}

#prave_menu a {

	color:#B70816;

}



/* -------------------------   patka  ------------------------------------- */





#cesta {

	width:933px; /* 814px */

	height:20px; /* 23px */

	padding:3px 0px 0px 40px;

	background-image: url(../obrazy/obr_06.jpg);

	font-size:90%;

	color:#585757;

}



#cesta a {

	color:#B80916;

}



#patka {

	width:814px;

	clear:both;

	height:32px;

	background-image: url(../obrazy/obr_34.jpg);

	float:left;

	font-size:90%;

	color:#FFFFFF;

}

#patka a {

	color:#FFFFFF;

}

.patka_leva {

	float:left;

	padding:3px 3px 0px 65px;

	width:400px;

}

.patka_prava {

	float:right;

	padding:3px 15px 0px 3px;

	width:250px;

	text-align:right;

}

