body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	padding:0px;
	margin:0px;
	background-color:#DCDBE3; /* barva pozadí stránky, pokud mám v pozadí přechod tak si picknu spodní barvu  */
}
/* obecné nastavení kvůli chybám prohlížečů */
p, ul, ol, li {
	margin:0px;
	padding:0px;
	line-height:130%;
}
h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
}
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: 980px; /* 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:260px;
}
#logo {
	float:left;
	display:block;
   width:215px;  /* šířka levé části hlavičky s logem */
	height:100%;
	background-image: url(../obrazy/profil_01.jpg);
}

#logo.sponzoring {
	background-image: url(../obrazy/sponzor_01.jpg);
}
#logo.monitoring {
	background-image: url(../obrazy/monitor_01.jpg);
}
#logo.sluzby {
	background-image: url(../obrazy/sluzby_01.jpg);
}
#logo.kontakty {
	background-image: url(../obrazy/kontakty_01.jpg);
}
#logo.fotogalerie {
	background-image: url(../obrazy/fotogalerie_01.jpg);
}

#hlavicka_grafika {
	float:left;
	background-repeat:no-repeat;
	width:333px;  /* celkova sirka - sirka loga */
	height:100%;
	background-image: url(../obrazy/profil_02.jpg);
}
#hlavicka_grafika.sponzoring {
	background-image: url(../obrazy/sponzor_02.jpg);
}
#hlavicka_grafika.monitoring {
	background-image: url(../obrazy/monitor_02.jpg);
}
#hlavicka_grafika.sluzby {
	background-image: url(../obrazy/sluzby_02.jpg);
}
#hlavicka_grafika.kontakty {
	background-image: url(../obrazy/kontakty_02.jpg);
}
#hlavicka_grafika.fotogalerie {
	background-image: url(../obrazy/fotogalerie_02.jpg);
}

#hlavicka_grafika_prava {
	float:right;
	background-repeat:no-repeat;
	width:432px;  /* celkova sirka - sirka loga */
	height:100%;
	background-image: url(../obrazy/profil_03.jpg);
	position:relative;
}
#hlavicka_grafika_prava a {
	font-size:90%;
	position:absolute;
	top:28px;
	left:227px;
	color:#FF0000;
	text-decoration:underline;
	display:block;
	width:180px;
	text-align:right;
}
#hlavicka_grafika_prava.sponzoring {
	background-image: url(../obrazy/sponzor_03.jpg);
}
#hlavicka_grafika_prava.monitoring {
	background-image: url(../obrazy/monitor_03.jpg);
}
#hlavicka_grafika_prava.sluzby {
	background-image: url(../obrazy/sluzby_03.jpg);
}
#hlavicka_grafika_prava.kontakty {
	background-image: url(../obrazy/kontakty_03.jpg);
}
#hlavicka_grafika_prava.fotogalerie {
	background-image: url(../obrazy/fotogalerie_03.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:245px;
	height:200px;  /* dávám nižší pokud mám pod jazykem jazykové mutace */
	position:absolute;
	top:42px;
	left:105px;
}

#logo .lang_top {
	position:absolute;
	top:82px;
	left:27px;
	width:70px;
	height:140px;
}
#logo .lang_top span {
	display:block; 
	width:70px;
	height:30px;
}
#logo .lang_top a {
	display:block;
	width:80px;
	height:33px;
}
#logo .lang_top a span, #logo .lang_top span span {
	display:none;
}

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

#obsah {
	width:100%; 
	height:340px;
	clear:both;
}


/* ----------------------------------- leve menu --------------------------- */
#leve_menu {
	width:215px; 
	height:340px;
	background:url(../obrazy/profil_04.jpg) no-repeat;
	float:left;
}
#leve_menu.sponzoring {
	background-image: url(../obrazy/sponzor_04.jpg);
}
#leve_menu.monitoring {
	background-image: url(../obrazy/monitor_04.jpg);
}
#leve_menu.sluzby {
	background-image: url(../obrazy/sluzby_04.jpg);
}
#leve_menu.kontakty {
	background-image: url(../obrazy/kontakty_04.jpg);
}
#leve_menu.fotogalerie {
	background-image: url(../obrazy/fotogalerie_04.jpg);
}

#leve_menu ul li {
	list-style-type:none;
}
#leve_menu ul li a, #leve_menu ul li.active span {
	display:block;
	width:90px;
	height:30px;
	float:left;
	padding-left:30px;
	font-size:100%;
	font-weight:bold;
	color:#FF0000;
	background-repeat:no-repeat;
	position:absolute;
}
#leve_menu ul li.active { 

}
/* vzniklo protoze neslo nastylovat li s padding left, posouvalo i podpolozky a opravi IE nebral */
#leve_menu ul li.active span { 
	background-image: url(../obrazy/menu_active.png);
	position:absolute;
}

#leve_menu ul li .pol0, #leve_menu ul li.active span.pol0 {
	left:355px;
	top:330px;
}
#leve_menu ul li .pol1 {
	left:310px;
	top:365px;
}
#leve_menu ul li .pol2 {
	left:265px;
	top:400px;
}
#leve_menu ul li .pol3 {
	left:222px;
	top:434px;
}
#leve_menu ul li .pol4 {
	left:200px;
	top:474px;
}
#leve_menu ul li .pol5 {
	left:190px;
	top:512px;
}
#leve_menu ul li .pol6 {
	left:195px;
	top:550px;
}

/* ----------------------------------- dalsi info pod leve menu --------------------------- */



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

#stred {
	float:left;
	width:595px; /* 765px */
	height:288px; /*340px*/
	background:url(../obrazy/profil_05.jpg) no-repeat;
	padding:22px 30px 30px 140px;
}
#stred.sponzoring {
	background-image: url(../obrazy/sponzor_05.jpg);
}
#stred.monitoring {
	background-image: url(../obrazy/monitor_05.jpg);
}
#stred.sluzby {
	background-image: url(../obrazy/sluzby_05.jpg);
}
#stred.kontakty {
	background-image: url(../obrazy/kontakty_05.jpg);
}
#stred.fotogalerie {
	background-image: url(../obrazy/fotogalerie_05.jpg);
}

#stred_text {
	width:445px;
	float:right;
	overflow:auto;
	height:288px;
	padding-right:5px;
}

#stred p {
	margin:7px 0px 8px 0px;
	text-align:justify;
	font-size:95%;
	line-height:150%;
}
#stred ul {
	margin:10px 5px 10px 20px;
}
#stred li {
	margin:5px 5px 5px 5px;
	list-style-type: square;
}
#stred a {
	text-decoration:underline;
	/* color:#E80813; */
}

#stred h2 {
	font-size:130%;
	margin:10px 0px 8px 0px;
	color:#FF0000;
	text-align:right;
}
#stred table {
	border-collapse:collapse;
	margin:10px 0px 10px 1px;
}
#stred td {
	border:1px solid #666666;
	padding:3px;
}
#stred h3 {
	font-size:110%;
	margin:10px 0px 5px 0px;
	color:#333333;
	text-align:right;
}
#stred h3 a {
	color:#333333;
}
#stred h4 {
	font-size:100%;
	margin:10px 0px 5px 0px;
	color:#D46B08;
}

/* ----------------------------------- patka pod --------------------------- */
#patka_pod {
	width:980px;
	clear:both;
	height:23px;
	font-size:100%;
	color:#999999;
}
#patka_pod a {
	color:#999999; /* většinou dělám stejně jako barva výše */
}
#patka_pod p {
	font-size:90%;
}
#patka_pod .patka_leva {
	float:left;
	padding:0px 3px 0px 20px;
	width:68%;
	text-align:left;
}
#patka_pod .patka_prava {
	float:right;
	padding:0px 20px 0px 3px;
	width:25%;
	text-align:right;
}

/* ----------------------------------- levy blok --------------------------- */
#spolehnete_se { position: absolute; left: 89px; top: 276px; width: 168px; }

#heslo1 { position: absolute; left: 89px; top: 319px; width: 168px; }
#heslo2 { position: absolute; left: 89px; top: 354px; width: 168px; }
#heslo3 { position: absolute; left: 89px; top: 390px; width: 168px; }

.cervena {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}

.bila {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

#rychly_kontakt { position: absolute; left: 22px; top: 420px; width: 168px; height: 159px; }
#tradice { position: absolute; left: 20px; top: 417px; width: 168px; height: 159px; visibility: hidden; }
#spolehlivost { position: absolute; left: 20px; top: 417px; width: 168px; height: 159px; visibility: hidden; }
#kompetentnost { position: absolute; left: 20px; top: 417px; width: 168px; height: 159px; visibility: hidden; }

.rychly_kontakt_nadpis {
	margin-bottom: 10px;
	font-weight: bold;
	color: #666666;
}

.rychly_kontakt_podnadpis {
	color: #666666;	
}

.rychly_kontakt {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	margin-left: 10px;
}
#leve_menu p {
	line-height:130%;
}

.hesla {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	margin-left: 10px;
	text-indent: -7px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.hesla1 {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	margin-left: 10px;
	text-indent: -7px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#kryti_textu {
	position:absolute; 
	left:498px; 
	top:282px; 
	width:62px; 
	height:35px; 
	z-index:4;
}
/* ----------------------------------- kontakty --------------------------- */
#obsah_kontakty { 
	width: 325px; 
	float:right;
}
#obsah_kontakty p {
	text-align: left;
}
#obsah_kontakty p.doprava {
	text-align: right;
}
#obsah_kontakty img.foto {
	clear: left;
	float: left;
}


#obsah_levy { position: absolute; left: 333px; top: 355px; width: 274px; height: 211px; z-index: 2; }
#stred #obsah_levy p {
	letter-spacing: 0px;
	margin: 0px 5px 0px 0px;
	text-align: right;
}
#rozdelovnik {
	position: absolute;
	left: 603px;
	top: 358px;
	width: 12px;
	height: 216px;
	z-index: 2;
	background-image: url(../obrazy/scroll_ln.gif);
}

/* ----------------------------------- monitoring  --------------------------- */
#stred p.zvyraz2 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top:10px;
}

#stred form table {
	margin-left:130px;
	font-size:90%;
	margin-top:10px;
}
#stred form table td {
	border:0px;
}
#stred form input {
	border: 1px solid #A4B2CA;
	height:15px;
	margin-bottom:2px;
	font-size:90%;
}
#stred form input.submit {
	height:19px;
	margin-top:3px;
	font-size:90%;
	background-color:#D0D6E0;
}

/* ----------------------------------- sponzoring  --------------------------- */

#rozdelovnik1 { position: relative; float: left; height: 300px;
                 width: 12px; float: left; z-index: 2;
	             background-image: url(obrazy/scroll_ln.gif); }

#obsah p.doprava {
	text-align: right;
}

#obsah p.zvyraz {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
/* ----------------------------------- fotogalerie  --------------------------- */


#fotogalerie {
	width:345px;
	float:right;
}

.clanky #stred #fotogalerie td {
	border:0px;
	padding:1px;
}

#fotogalerie .doleva {
	text-align: left;
	margin-left: 30px;
}


.clanky #stred #fotogalerie a.obr {
	border:2px solid #E88798;
	margin:0px 0px 10px 5px;
	display:block;
	width:160px;
	height:120px;
	text-align:center;
	float:left;
	background-color:#FFFFFF;
}

.clanky #stred #fotogalerie a img {
	float:left;
	margin-left:0px;
}

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

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

#stred #rozdelovnik_fotogalerie {
	position: absolute;
	left: 568px;
	top: 338px;
	width: 12px;
	height: 239px;
	z-index: 2;
	background-image: url(../obrazy/scroll_ln.gif);
}

#menu7 { position: absolute; left: 383px; top: 402px; width: 90px; 	height: 25px; text-align:left;}
#menu8 { position: absolute; left: 344px; top: 466px; width: 79px; 	height: 25px; text-indent: 5px; }
#stred .submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	margin-left: 10px;
	text-indent: -7px;
	text-decoration:none;
}
#foto1 { position: absolute; left: 459px; top: 395px; width: 79px; height: 25px; text-indent: 5px; }
#foto2 { position: absolute; left: 417px; top: 452px; width: 79px; 	height: 25px; text-indent: 5px; }
.foto_odkaz {border: 0px;}