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_40.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: 770px;

	height: auto;

	margin: auto;

}

/* -------------------------   zahlavi, hlavicka ------------------------------------- */

#zahlavi h1 {



}



#zahlavi span {

	display:none;

}



#hlavicka {

	float:left;

   width:770px;

	height:199px;

}

#logo {

	float:left;

   width:289px;

	height:199px;

	background-image: url(../obrazy/obr_03.jpg);

}



#logo .logo_block {

	display:block;

	width:289px;

	height:150px;

}



#logo .lang_top {

	position:absolute;

	top:160px;

	left:50px;

}



#hlavicka_grafika {

	float:left;

   width:481px;

	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/pozadi_menu.jpg);

}

#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:86px;

	background-image: url(../obrazy/obr_06.jpg);

}

#zahlavi_menu .pol1 {

   width:144px;

	/* background-image: url(../obrazy/obr_07.jpg); */

}

#zahlavi_menu .pol2 {

   width:67px;

	/* background-image: url(../obrazy/obr_08.jpg); */

}

#zahlavi_menu .pol3 {

   width:95px;

	/* background-image: url(../obrazy/obr_09.jpg); */

}

#zahlavi_menu .pol4 {

   width:93px;

	/* background-image: url(../obrazy/obr_10.jpg); */

}

#zahlavi_menu .pol5 {

   width:111px;

	/* background-image: url(../obrazy/obr_11.jpg); */

}

#zahlavi_menu .pol6 {

   width:174px;

	/* background-image: url(../obrazy/obr_12.jpg); */

}

#zahlavi_menu .pol7 {

   width:96px;

	/* background-image: url(../obrazy/obr_13.jpg); */

}



#zahlavi_menu li.active .pol0 {

   width:86px;

	background-image: url(../obrazy/obra_06.jpg);

}

#zahlavi_menu li.active .pol1 {

   width:144px;

	background-image: url(../obrazy/obra_07.jpg);

}

#zahlavi_menu li.active .pol2 {

   width:67px;

	background-image: url(../obrazy/obra_08.jpg);

}

#zahlavi_menu li.active .pol3 {

   width:95px;

	background-image: url(../obrazy/obra_09.jpg);

}

#zahlavi_menu li.active .pol4 {

   width:93px;

	background-image: url(../obrazy/obra_10.jpg);

}

#zahlavi_menu li.active .pol5 {

   width:111px;

	background-image: url(../obrazy/obra_11.jpg);

}

#zahlavi_menu li.active .pol6 {

   width:174px;

   background-image: url(../obrazy/obra_18.jpg);

}

#zahlavi_menu li.active .pol7 {

   width:96px;

	background-image: url(../obrazy/obra_13.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/obr_07.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/obr_07.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/obr_07.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_36.jpg);

	width: 100%;

	height: auto;

	padding-top:5px;

}



/* -------------------------   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:506px; /* 538px */

	padding:0px 0px 10px 16px;

	float:left;

}

.uvodni #stred .infobox {

	float:left;

	width:249px; /* 249px */

	height:auto;

	margin-right:4px;

	margin-bottom:10px;

}

.uvodni #stred .i_uzsi {

	margin-right:0px;

}

.uvodni #stred .infobox h2 a {

	display:block;

	width:224px; /* 249px */

	height:21px; /* 28 */

	padding:7px 10px 0px 15px;

	font-size:100%;

	color:#FFFFFF;

	font-weight:bold;

}

.uvodni #stred .infobox h2 {

	margin:0px;

	font-size:100%;

	display:block;

	width:249px; /* 249px */

	height:28px; /* 28 */

	background-image: url(../obrazy/obr_16.jpg);

	background-repeat:no-repeat;

}



.uvodni #stred .infobox h2.hl2 {

	background-image: url(../obrazy/obr_18.jpg);

}

.uvodni #stred .infobox h2.hl3 {

	background-image: url(../obrazy/obr_30.jpg);

}

.uvodni #stred .infobox h2.hl4 {

	background-image: url(../obrazy/obr_31.jpg);

	color:#C00505;

}



.uvodni #stred .infobox h2.hl4 a {

	color:#C00505;

}



.uvodni #stred .grafika {

	width:249px; /* 249px */

	height:191px; /* 191px */

	display:block;

	background-repeat:no-repeat;

}

.uvodni #stred .gr1 {

	background-image: url(../obrazy/obr_21.jpg);

}

.uvodni #stred .gr2 {

	background-color:#D6E6F6;

	margin-left:1px;

	width:247px;

}

.uvodni #stred .infobox ul li {

	list-style-type:none;

	float:left;

}

.uvodni #stred .gr3 {

	width:249px; /* 249px */

	height:191px; /* 191px */

	background-image: url(../obrazy/obr_32.jpg);

}

.uvodni #stred .gr4 {

	background-image: url(../obrazy/obr_33.jpg);

}

.uvodni #stred .infobox .info_sluzby {

	width:121px;

	height:47px;

	display:block;

	background-image: url(../obrazy/obr_24.jpg);

}

.uvodni #stred .infobox .info_sluzby a {

	width:121px;

	height:47px;

	display:block;

}

.uvodni #stred .infobox .ziskat_kontakt {

	width:128px;

	height:47px;

	display:block;

	background-image: url(../obrazy/obr_25.jpg);

}

.uvodni #stred .infobox .ziskat_kontakt a {

	width:128px;

	height:47px;

	display:block;

}

.uvodni #stred .infobox .gr4 li {

	background-image: url(../obrazy/odrazka.jpg);

	background-repeat:no-repeat;

	background-position:left;

	padding:0px 0px 0px 10px;

	margin:3px 5px;

	float:none;

}

.uvodni #stred .infobox .gr4 li a {

	color:#184471;

	font-weight:bold;

}



.uvodni #stred h3 {

	font-size:120%;

	margin:5px 0px 5px 0px;

}



.t_right {

	text-align:right;

}



/* 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:5px 0px 0px 0px;

	margin:0px;

	background-image: url(../obrazy/obr_20.jpg);

}

#prave_menu .zahlavi p {

	margin:0px 5px 0px 10px;

	color:#FFFFFF;

}

#prave_menu .zahlavi .tel_cislo {

	font-size:90%;

}

#foto_operatora {

	width:189px; /* 173px */

	height:195px; /* 180px */

	background-image: url(../obrazy/foto/operator.jpg);

	position:relative;

	border:solid 1px #FF0000;

	top:-5px;

	left:32px;

}



#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_34.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; /* 770px */

	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:770px;

	clear:both;

	height:31px;

	background-image: url(../obrazy/obr_38.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;

}

#zahlavi {
	position: relative;
}

#divTopLeft {
    /*background: url("./../obrazy/banner.png") no-repeat scroll left top transparent;*/
}

#divTopLeft {
    height: 485px;
    width: 119px;
}


