body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	background-image: url(../obrazy/obr_02.jpg);
	background-repeat:repeat-x;
}
#body_obal {
	background-image: url(../obrazy/motorka.jpg);
	background-repeat:no-repeat;
	background-position:center 560px;
}

/* obecné nastavení kvůli chybám prohlížečů */
p, ul, ol, li {
	margin:0px;
	padding:0px;
	line-height:150%;
}
h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
	color:#333333;
}
a:hover {
	text-decoration:underline;
}
img {
	border-width:0px;
}

form {
	margin:0px;
	padding:0px;
}

.nodisplay {
	display:none;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

h2 {
	/* display: none; */
}
p.anchor {
	display: none;
}

/* určuje celkovou pozici stránky - většinou centrujeme */
#stranka_obal {
	position: relative;
	width: 996px; /* celková šířka stránky, vzskytuje se ještě občas u #zahlavi_menu */
	height: auto;
	margin: auto;
}
/* ----------------------------------- záhlaví --------------------------- */
/* obaluje hlavicku a hornu menu */
#zahlavi { 
}
#hlavicka {
	float:left;
   width:100%;
	height:152px; /* výška bez horního menu */
}
#logo {
	float:left;
	display:block;
   width:134px;  /* šířka levé části hlavičky s logem */
	height:100%;
	background-image: url(../obrazy/obr_04.jpg);
}
#hlavicka_grafika {
	float:left;
	background-repeat:no-repeat;
	width:614px;  /* celkova sirka - sirka loga */
	height:100%;
	background-image: url(../obrazy/obr_05.jpg);
}
#hlavicka_grafika_prava {
	float:right;
	background-repeat:no-repeat;
	width:248px;  /* celkova sirka - sirka loga */
	height:100%;
	background-image: url(../obrazy/obr_06.jpg);
}

#zahlavi h1 { /* nahradit za span, je otázkou co vypínat raději */
	display:none; /* vypnuté pro testování, zapni u běžného návrhu */
}
#zahlavi span {
	display:none;  /* vypnuté pro testování, zapni u běžného návrhu */
}

/* kvůli proklikávacímu logu zpět, ktere prekryje jen castecne */
#logo .logo_block {
	display:block;
	width:130px;
	height:150px;  /* dávám nižší pokud mám pod jazykem jazykové mutace */
}

/* ----------------------------------- top menu --------------------------- */
#zahlavi_menu {
	float:left;
   width:100%;    /* šířka stránky - padding,  pokud nepoužiju padding tak lze nastavit na 100% */
	height:33px;  /* 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_09.jpg); /* dávám celý obrázek do pozadí pokud nejde udělat "čistě" */
}
#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:100%;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	width:auto;
	margin:auto;
	margin-top:8px;
	height:18px; /* 33 - 8 */
	padding:0px 25px 0px 15px;
	/* border-right: 1px solid #FFFFFF; */
	background-image:url(../obrazy/obr_10.jpg);
	background-position:right -7px;
	background-repeat:no-repeat;
	float:left;
}

#zahlavi_menu li .pol5 { 
	background:none;
}

#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:#CCCCCC;
}


/* ----------------------------------- top menu konec --------------------------- */

#obsah {
	width: 100%; 
	height: auto;
	padding-top:0px;
	min-height:600px;
	clear:both;
}
/* pomocí tohoto udělám grafiku v horní části obsahu stránky */
#obsah_grafika {
	width: 100%; 
	height: auto;
	min-height:100px;
	/* background:url(../obrazy/obr_48.jpg); */
}
/* pomocí tohoto udělám grafiku ve spodní části obsahu stránky */
#obsah_grafika_bottom {
	width: 100%;
	height: auto;
	min-height:600px;
	/* background:url(../obrazy/obr_30.jpg); */
	background-position: bottom;
	background-repeat:no-repeat;
}

/* ----------------------------------- leve menu --------------------------- */
#leve_menu {
	clear:left;
	width:157px;  /* 157 - kolik padding od okraje */
	float:left;
	padding:0px 0px 0px 0px; /* levy okraj například kvůli stínování */
}

#leve_menu .zahlavi_menu_left {
	width:100%;
	height:8px;
	font-size:1px;
	background-color:#9C9B9B;
}

#leve_menu ul li {
	list-style-type:none;
}
#leve_menu ul li a, #leve_menu ul li.active {
	display:block;
   width:137px; /* 157 - 10 - 0 */
	padding:5px 0px 0px 20px;
	height:25px; /* 30 - 7*/
	font-size:90%;
	font-weight:normal;
	background-image: url(../obrazy/obr_28.jpg);
	background-repeat:no-repeat;
	color:#000000;
	background-color:#727070;
	margin:0px;
}
#leve_menu .delsi {  /* styl použitý u položek s delším textem, nepoužívá se moc a když ano bacha na no-repeat výše */
	height:38px;
	padding:5px 0px 0px 20px;
}
#leve_menu ul li.active { 
	height:auto;
	background-color:#C51E1E;
	padding:0px 0px 0px 0px;
	/* border-bottom:1px solid #FF0000; */
}
/* vzniklo protoze neslo nastylovat li s padding left, posouvalo i podpolozky a opravi IE nebral */
#leve_menu ul li.active span, #leve_menu ul li.active a { 
	display:block;
	margin:0px;
    width:137px;
	height:auto;
	padding:7px 0px 7px 20px;
	color:#FFFFFF;
	background-color:#C51E1E;
	background-image: url(../obrazy/obr_31.jpg);
}

/* ------------------------- rozbalene submenu  ------------------------------------- */

#leve_menu ul li ul li, #leve_menu ul li.active ul li {
	list-style-type:none;
}

#leve_menu ul li.active ul li a, #leve_menu ul li ul li a, #leve_menu ul li.active ul li.active span {  
	display:block;
	margin:0px;
   width:137px; /* 157 - 10 - 0 */
	padding:7px 0px 0px 20px;
	height:23px; /* 30 - 7*/
	font-size:90%;
	font-weight:normal;
	background-color:#E6E5E5;
	background-image: url(../obrazy/obr_40.jpg);
	background-repeat:no-repeat;
	color:#C51E1E;
}
#leve_menu ul li.active ul li.active {
	padding:0px 0px 0px 0px;
	height:auto;
}
#leve_menu ul li.active ul li.active a, #leve_menu ul li.active ul li.active span { 
	font-weight:bold;
}
#leve_menu ul li ul li.active span { 
	display:inline;
	background-image:none;
	background-color:#FFFFFF;
	padding:0px;
	width:auto;
	height:auto;
}

/* ------------------------- rozbalene submenu další úroveň  ------------------------------------- */
#leve_menu ul li.active ul li.active ul li a, #leve_menu ul li ul li ul li a, #leve_menu ul li.active ul li.active ul li span {  
	font-weight:normal;
	font-size:100%;
	background-image: url(../obrazy/submenu_40.jpg);
}

#leve_menu ul li.active ul li.active ul li.active span  { 
	color:#010103;
	background-image: url(../obrazy/obr_42.jpg);
	background-color:#FFFFFF;
	font-size:100%;
}


/* ------------------------- hledání  ------------------------------------- */

#hledani_form {
	padding:3px 0px 10px 0px;
	background-color:#FFFFFF;
}
#hledani_form fieldset {
	margin:0px;
	padding:0px;
	border-width:0px;
}
#hledani_form p {
	font-weight:bold;
	color:#727070;
	margin-bottom:3px;
}

#hledani_form input {
	font-size:90%;
	border:1px solid #FF0000;
}

#hledani_form input.button {
	font-size:90%;
	border:0px solid #FF0000;
	background-image: url(../obrazy/obr_24.jpg);
	width:38px;
	height:17px;
	margin-left:2px;
}




/* ----------------------------------- obsah --------------------------- */

#stred {
	width:637px; /* 653 - 16 obsah - leve menu - prave menu - paddingy */
	float:left;
	min-height:600px;
	height:100%;
	padding:0px 8px 10px 8px;
}
#stred p {
	margin:8px 0px 5px 0px;
	/* text-align:justify; */
}
#stred ul {
	margin:10px 5px 25px 10px;
}
#stred li {
	margin:0px 35px 0px 5px;
	list-style-type: square;
}
#stred a {
	text-decoration:underline;
	/* color:#E80813; */
}

#stred h2 {
	font-size:130%;
	margin:0px 0px 5px 0px;
	color:#C51E1E;
}
#stred h3 {
	font-size:110%;
	margin:10px 0px 5px 0px;
	color:#D46B08;
}
#stred h4 {
	font-size:100%;
	margin:10px 0px 5px 0px;
	color:#D46B08;
}


/* ----------------------------------- prave menu --------------------------- */
#prave_menu {
	width:186px;
	margin-top:5px;
	float:right;
	background-color:#E2E0E0;
}

#prave_menu h3 {
	width:176px;
	display:block;
	height:21px;
	background-image: url(../obrazy/obr_22.jpg);
	padding:6px 0px 0px 10px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:100%;
}

#prave_menu div.obsah {
	padding:7px;
	font-size:90%;
	color:#141720;
}
#prave_menu div.obsah p {
	color:#141720;
	margin:4px 0px 3px 0px;
	line-height:150%;
}


#novinky {
	width:100%;
	margin-bottom:3px;
}

#novinky_grafika_uvod {
	width:100%;
	background-repeat:no-repeat;
	min-height:50px;
}
#novinky h3 {
	font-size:120%;
	padding:6px 3px 6px 3px;
	background-color:#A6A5A5;
	color:#FFFFFF;
}
#novinky h3 a {
	color:#FFFFFF;	
	text-decoration:none;
}

#novinky p.nadpis {
	background-color:#FFFFFF;
	margin:5px 0px 5px 7px;
	color:#C51E1E;
	font-size:100%;
	text-align:left;
	display:inline;
	width:226px;
	float:left;
}
#novinky p {
	margin:5px 10px 5px 7px;
	font-size:90%;
	text-align:left;
}

#novinky a {
	text-decoration:none;
}
#novinky a:hover{
	text-decoration:underline;
}
#novinky div.obr {
	float:left;
	width:120px;
	border:1px solid #A0A0A0;
	margin-right:10px;
	margin-bottom:30px;
}
#novinky div.obsah_novinky {
	float:left;
	width:500px;;
}
#novinky p.datum {
	margin:8px 10px 5px 0px;
	text-align:right;
	font-size:80%;
	display:inline;
	width:65px;
	float:right;
}
#novinky .detail {
	text-align:right;
}
#novinky a .obrazek {
	float:left;
	margin:0px 0px 0px 0px;
}
.detail #stred a .obrazek {
	float:right;
	margin:0px 0px 10px 10px;
}

/* ----------------------------------- patka pod --------------------------- */

#patka_pod_obal {
	background-image: url(../obrazy/obr_09.jpg);
}

#patka_pod {
	position: relative;
	height: auto;
	margin: auto;
	width:996px;
	clear:both;
	height:23px;
	font-size:90%;
	color:#FFFFFF;
}
#patka_pod a {
	color:#FFFFFF;; /* většinou dělám stejně jako barva výše */
}
#patka_pod p {
	font-size:90%;
}
#patka_pod .patka_leva {
	float:left;
	padding:4px 3px 0px 15px;
	width:70%;
	text-align:left;
}
#patka_pod .patka_prava {
	float:right;
	padding:4px 13px 0px 3px;
	width:26%;
	text-align:right;
}

/* ----------------------------------- cesta = drobečková nápověda --------------------------- */
#cesta {
	height:20px;
	width:786px; /*996*/
	margin:auto;
	font-size:90%;
	padding:4px 200px 8px 10px;
	text-align:right;
}

#cesta a {
	color:#727070;
}

#stred .t_doleva {
	text-align:left;
}

/* ----------------------------------- přílohy --------------------------- */
.priloha {
	width:120px;
	margin-top:10px;
	text-align:center;
}

.priloha p {
	text-align:center;
	font-size:90%;
}

#blok_prihlasitse {
	width:228px; /*248*/
	height:70px;
	margin-top:45px;
	color:#7E0107;
	text-align:right;
	float:right;
}
#blok_prihlasitse fieldset {
	margin:0px;
	padding:0px;
	border-width:0px;
}
#blok_prihlasitse .zahlavi_prihlasitse {
	font-weight:bold;
	font-size:95%;
	padding-bottom:7px;
	color:#C51E1E;
}
#blok_prihlasitse input {
	width:90px;
	height:13px;
	border:1px solid #FF0000;
	font-size:90%;
	float:left;
	margin:0px 3px 0px 2px;
}
#blok_prihlasitse .prihlasit input {
	width:auto;
	height:auto;
	border:0px solid #FF0000;
	font-size:90%;
	margin:0px 0px 0px 2px;
	width:27px;
	height:15px;
}
#blok_prihlasitse p {
	font-size:95%;
	margin:1px 0px 0px 0px;
}
#blok_prihlasitse p a {
	color:#575354;
}

.bile_pozadi {
	padding:3px;
	background-color:#FFFFFF;
}


/* fotogalerie -------------------------------------  */

.clanky #stred #fotogalerie {
	margin-top:30px;
}

.clanky #stred #fotogalerie a.obr {
	border:1px solid #666666;
	margin:0px 10px 20px 5px;
	display:block;
	width:120px;
	height:90px;
	text-align:center;
	float:left;
	background-color:#CCCCCC;
}

.clanky #stred .obr {
	border:1px solid #666666;
}

.clanky #stred .obr_dalsi {
	text-align:center;
	margin:0px;
}

.clanky #stred #fotogalerie a.prvni {
	margin-left:50px;
	_margin-left:25px;
	clear:left;
}


.tmotosport {
	margin-left:50px;
}