/* ===== konstanty ===== */

/*
	bila			#ffffff
		pozadi, invertovany text
	tmovomodra_01	#0b76bc
		vrchni graficky pruh, pozadi navigacni listy, pozadi nadpisu, barva odrazky v seznamu
	tmavomodra_02	#0866af
		text
	tmavomodra_03	#0d67a1
		pozadi aktivniho odkazu v menu
	modra_01		#5ab1dd
		oddeleni grafickeho pruhu od navigacni listy
	modra_02		#5294c8
		text spodni listy
	modra_03		#b5d8ee
		ukazatel aktualni podsekce v podmenu
	svetlemodra_01	#e0f0ff
		spodni lista, ramecek zvyrazneneho odstavce
	svetlemodra_02	#f4f9ff
		podsviceni zvyrazneneho odstavce
	bezova_01		#f4a600
		pozadi nadpisu podmenu, nadpis odstavce
	bezova_02		#ffda8b
		zvyrazneni aktualni sekce
	bezova_03		#e28000
		aktivni odkaz
	zluta			#ffe373
		cast horniho sloganu
*/

/* ===== zakladni definice ============================================================================================ */

html,
body,
div,
span,
img,
p,
a,
h1,
h2,
h3,
h4,
ul,
li {
	padding: 0px;
	border: 0px;
	margin: 0px;
	}

td, body {
	background: #ffffff;
	font-family: "Tahoma CE", "Tahoma", "Helvetika", "Arial", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0866af;
	text-align: center;
	}

h1 {
	padding: 5px 20px;
	background: #0b76bc;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #f4a600;
	}

a,
span {
	font-size: 11px;
	font-weight: normal;
	color: #0b76bc;
	text-decoration: none;
	}

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

.bold {
	font-weight: bold;
	}

.italic {
	font-style: italic;
	}

.underline {
	text-decoration: underline;
	}

#stranka {
	position: relative;
	text-align: left;
	width: 760px;
	margin: auto;
	}

.reset {
	display: block;
	overflow: hidden;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0.1px; /* mozilla hack */
	}

#topList {
	display: none;
	}

strong {
	font-weight: bold;
	}

/* ===== vrchni graficka lista s logem a rukama ======================================================================= */

#hlavicka {
/*	position: relative;*/
/*	width: 760px;*/
	height: 105px;
	background: url(../pics/modra.prechod.png) top left repeat-x;
	}

#hlavicka #ruce {
	float: right;
	clear: none;
	}

#hlavicka #logo {
	float: left;
	clear: none;
	}

#hlavicka #slogan {
	clear: left;
	width: 310px;
	margin-left: 95px;
	font-size: 11px;
	color: #ffffff;
	}

/* ===== navigacni lista ============================================================================================== */

#menu {
/*	position: relative;*/
/*	width: 760px;*/
	}

#menu a,
#menu #menuLeft,
#menu #menuRight,
#menu .menuOddelovac,
#menu #menuVycpavka,
#menu #menuVycpavkaEn,
#menu .menuFlag {
/*	display: block;*/
	float: left; /* nutne */
	padding: 8px 12px 6px 12px;
	border-top: 3px solid #5ab1dd;
	font-weight: bold;
	text-decoration: none;
	background: #0b76bc;
	color: #ffffff;
/*	height: 15px;*/
	}

#menu #menuLeft,
#menu #menuRight { /* leva a prava odrazka - na 20 pixelu */
	width: 20px;
	padding: 8px 0px 6px 0px;
	}

#menu #menuVycpavka { /* tohle je prazdna bunka na dotazeni listy doprava, sirka je definovana natvrdo pomoci width: - ??? jak tohle vyresit lepe? */
	width: 104; /* !!! nastavit rucne */ /* 104px s referencemi, 187px bey referenci  */
	padding: 8px 0px 6px 0px;
	}
#menu #menuVycpavkaEn { /* tohle je prazdna bunka na dotazeni listy doprava, sirka je definovana natvrdo pomoci width: - ??? jak tohle vyresit lepe? */
	width: 657px; /* !!! nastavit rucne */
	padding: 8px 0px 6px 0px;
	}
#flag {
	margin-left: 5px;
/*	height: 11px;*/
	}

#menu .menuFlag {
	padding: 6px 12px 6px 12px;
	}
#menu .menuFlagEn {
	padding: 6px 12px 6px 12px;
	}

#menu #menuAktualni {
	border-top: 3px solid #ffe373;
	color: #ffe373;
	}

#menu .menuOddelovac {
	padding: 0px;
	font-weight: normal;
	width: 1px;
	background: #ffffff;
}

#menu a:hover {
	background: #0d67a1;
	}

/* ===== pozicni lista ================================================================================================ */

#pozice {
/*	position: relative;*/
/*	width: 720px; _width: 760px;*/
	padding: 0px 20px;
	margin: 8px 0px;
	}

#pozice a,
#pozice span {
	font-size: 10px;
	font-weight: bold;
	}

#pozice a {
	text-decoration: underline;
	}

/* ===== zapati ======================================================================================================= */

#zapati {
/*	position: relative;*/
	clear: both; /* pro Mozillu */
	width: 720px; _width: 760px;
	padding: 10px 20px;
	background: #e0f0ff;
	white-space: nowrap;
	}

.zarovnaniPrave {
	float: right;
	clear: none;
	}

/* ===== podmenu nalevo =============================================================================================== */

#submenu {
/*	position: relative;*/
	float: left; /* nutne */
	width: 190px;
	height: 400px; /* minimalni odsunuti spodni listy - vyresit lepe!!! */
	margin-right: 10px;
	white-space: nowrap;
	}

#submenu h1 {
	width: 150px; _width: 190px;
	}

#submenu h1.svetly {
	background: #f4a600;
	}

#submenu .submenuSkupina {
	margin: 20px 0px;
	}

#submenu a,
#submenu span#submenuAktualni {
	float: left;
	clear: left;
	padding-left: 7px;
	border-left: 3px solid #ffffff;
	margin: 2px 0px 2px 20px;
	}

#submenu span#submenuAktualni {
	font-weight: bold;
	border-left: 3px solid #b5d8ee;
	}

/* ===== telo stranky ================================================================================================= */

#telo {
	width: 560px; /* pro Mozillu */
	float: right;
	margin-bottom: 20px;
	}

#telo h1 {
	width: 430px; _width: 470px;
	}

#telo .teloNormal,
#telo .teloZvyraznene {
	padding: 0px 19px 15px 16px;
	border: 1px solid #ffffff;
	border-left: 4px solid #ffffff;
	margin: 15px 0px 0px 0px;
	}

#telo .teloZvyraznene {
	border: 1px solid #e0f0ff;
	border-left: 4px solid #e0f0ff;
	background: #f4f9ff;
	}

#telo h2 {
	margin: 14px 0px 2px 0px;
	}

#telo p {
	text-align: justify;
	margin-bottom: 3px;
	}

.odsazeni {
	margin-top: 10px;
	}

.odsazeniDouble {
	padding-top: 20px; /* tohle je misto margin-top: */
	}

.studie {
	margin-top: 15px; /* offset padding-bottom:15px; ktery je na zvyraznenem tele */
	}

p a {
	text-decoration: underline;
	color: #0866af;
	}

/* --- odrazkovy seznam --- */

.seznam .seznamPolozka,
.seznam_velky .seznamPolozka,
.seznam .seznamPolozkaHlubsi {
/*	float: left;
	clear: left;
	width: 500px; _width: 520px; /* proc IE zalamuje text v techto DIVech??? - float */
	padding-left: 20px;
	margin-bottom: 2px;
	text-align: justify;
	background: url(../pics/odrazka.png) top left no-repeat;
	background-position: 5px 5px;
	}

.seznam .seznamPolozkaHlubsi {
	padding-left: 40px;
	margin-bottom: 2px;
	background: url(../pics/odrazka.png) top left no-repeat;
	background-position: 25px 5px;
	}

/* --- boxy --- */

.boxLeft,
.boxRight,
.boxLeft_eng,
.boxRight_eng,
.boxLeft_eng_kratky,
.boxRight_eng_kratky {
	float: left;
	clear: left;
	width: 270px; _width: 275px;
	height: 200px;
	border: 1px solid #e0f0ff;
	border-left: 4px solid #e0f0ff;
	margin-top: 15px;
	}

.boxRight,
.boxRight_eng,
.boxRight_eng_kratky {
	float: right;
	clear: right;
	}

#teloBoxy p,
#teloBoxy h4,
#teloBoxy h3 {
	padding: 5px 19px 5px 16px;
	}

#teloBoxy h3 {
	font-size: 11px;
	font-weight: bold;
	color: #0b76bc;
	background: #f4f9ff;
	border-bottom: 1px solid #e0f0ff;
	}

/*
.boxLeft a,
.boxRight a
*/

.vice {
	float: right;
	font-size: 9px;
	font-weight: bold;
	padding-left: 5px;
	border-left: 3px solid #b5d8ee;
	margin: 6px 19px 5px 11px;
	}

/* --- specialni pripady --- stranka Kontakty */

img.content {
	float: right;
	margin-left: 10px;
	border: 1px solid #e0f0ff;
	}

.kratky {
	width: 230px;
	font-style: italic;
	margin-top: 10px;
	text-align: left;
	}

.odkazMapa {
	float: right;
	clear:right;
	margin-left: 10px;
	margin-top: 10px;
	text-decoration: underline;
	}

.kontaktySlogan {
	margin-top: 0px;
	float: right;
	clear: right;
	font-weight: bold;
	}

.kontaktyOdkaz {
	margin-top: 10px;
	float: left;
	clear: both;
	}

/* ===== index ======================================================================================================== */

/* --- vrchni graficky pruh --- */

#vrsek {
	width: 760px;
	height: 152px;
	background: url(../pics/vrsek.crop.png) top left no-repeat;
	}

/* --- telo indexu --- */

#pravyBlok h1,
#levyBlok h1 {
	margin-bottom: 10px;
	}

#levyBlok,
#pravyBlok {
	margin: 15px 0px 10px 0px;
	}

h1.svetly {
	background: #f4a600;
	}

h2 {
	font-size: 13px;
	margin-bottom: 0px;
	}

/* --- telo indexu levy blok --- */

#levyBlok {
	float: left;
	width: 480px;
	margin-right: 10px;
	}

#kontejnerSeznam {
	padding: 0px 20px 0px 20px;
	}

.kontejnerPolozka {
	float: left;
	clear: left;
	width: 440px;
	margin-bottom: 5px;
	}

.kontejnerText {
	width: 380px;
	float: right;
	}

.cislo {
	width: 40px;
	_width: 50px;
	float: left;
	color: #b5d8ee;
	font-size: 35px;
	padding-right: 7px;
	border-right: 3px solid #b5d8ee;
	}

a.cislo:hover {
	text-decoration: none;
	}

#novinky {
	margin-top: 10px;
	}

.novinka {
	text-align: justify;
	margin-bottom: 15px;
	padding: 0px 20px 0px 17px;
	border-left: 3px solid #b5d8ee;
	}

/* --- telo indexu pravy blok --- */

#pravyBlok {
	float: right;
	width: 270px;
	}

#pravyBlok h1 {
	width: 170px; _width: 210px;
	}

#pravyBlok h2 {
	margin-left: 20px;
	margin-bottom: 2px;
	}

#pravyBlok p {
	text-align: justify;
	margin-bottom: 15px;
	padding: 0px 20px 0px 17px;
	border-left: 3px solid #b5d8ee;
	}

#pravyBlok .seznam {
	margin-left: 20px;
	}

/* xxxxxxxxxx */

.odsazeniIndex {
	margin-top: 20px;
	}

.boxIndex {
	border: 1px solid #b5d8ee;
	border-left: 4px solid #b5d8ee;
	background: #f4f9ff;
	margin-bottom: 15px;
	margin-top: 20px;
	}

.boxIndexTxt {
	margin: 10px 16px 10px 19px;
	text-align: justify;
	}

.boxIndexNadpis {
	margin: 10px 16px 10px 19px;
	font-size: 12px;
	font-weight: bold;
	color: #f4a600;
	}

.boxIndex .seznamPolozka a {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 20px;
	}

.boxIndex .seznamPolozka {
	margin-bottom: 5px;
	}

/* xxxxxxxxxx */

#cnetSlogan {
	padding: 10px 20px;
	padding-bottom: 20px;
	}

.firmaSlogan {
	color: #0d67a1;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
	}

#jeProduktem {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	}

#logoComstar {
	float: right;
	}

.viceIndex {
/*	float: right;*/
	font-size: 9px;
	font-weight: bold;
	padding-left: 5px;
	border-left: 3px solid #b5d8ee;
	margin-left: 10px;
/*	margin: 6px 19px 5px 11px;*/
	}

/* ===== okno s terminem ======================================================================= */

#oknoTermin {
	text-align: left ;
	margin: 10px;
	}

#oknoTermin h2,
#oknoTermin .seznam,
#oknoTermin p {
	margin:  0px 20px;
	}

#oknoTermin h2 {
	margin: 10px 20px;
	}

#oknoTermin p {
	margin-bottom: 3px;
	text-align: justify;
	}

.pes {
	padding-top: 20px;
	text-align: center; /* nefunkcni */
	}

#oknoTermin .seznamPolozka {
	text-align: left;
	}

/* ===== historie vyvoje ======================================================================= */

.historieDatum {
	font-size: 12px;
	font-weight: bold;
	color: #f4a600;
	}

.historiePolozka {
	float: right;
	clear: both;
	width: 450px;
	}

.historieKontejner,
.historieKontejnerRok {
	margin-bottom: 20px;
	float: left;
	width: 520px;
	}

.historieKontejnerRok {
	padding-bottom: 10px;
	border-bottom: 2px solid #b5d8ee;
	}

/*
#teloNormalPomocny {
	width: 520px;
	}
*/

/* ===== sluzby ======================================================================= */

img.norm {
	border: 1px solid #e0f0ff;
	}

.tab {
	margin-top: 20px;
	}

.tab_radek {
/*	vertical-align: center;*/
	border-bottom: 1px solid #e0f0ff;
	}

.tab_radek_spodek {
/*	vertical-align: center;*/
	border-bottom: 2px solid #b5d8ee;
	}

.tab_polozka_prvni,
.tab_bunka_prvni,
.tab_polozka,
.tab_bunka,
.tab_bunka_pozn {
/*	display: block;*/
	float: left; /* nutne */
	padding: 3px;
	border-left: 2px solid #ffffff;
	}

.tab_polozka,
.tab_polozka_prvni {
	padding-left: 10px;
	}

.tab_polozka_prvni {
	text-align: center;
	}

.tab_polozka_prvni,
.tab_bunka_prvni {
	font-weight: bold;
	background: #0b76bc;
	color: #ffffff;
	}

.tab_polozka,
.tab_polozka_prvni {
	width: 180px;_width: 195px;
	}

.tab_bunka,
.tab_bunka_pozn,
.tab_bunka_prvni {
	width: 72px;_width: 80px;
	text-align: center;
	}

.tab_bunka_pozn {
	text-align: left;
	}

/* ===== english ======================================================================= */

.boxLeft_eng,
.boxRight_eng {
	height: 330px;
	}

.boxLeft_eng_kratky,
.boxRight_eng_kratky {
	height: 275px;
	}

.eng_red {
	color: red;
	font-size: 9px;
	}

p.eng {
	text-align: justify;
	margin: 15px 0px;
	padding: 0px 20px 0px 17px;
	border-left: 3px solid #b5d8ee;
	}

.seznam_velky {
	margin-top: 10px;
	}

.seznam_velky .seznamPolozka {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	}

h1.svetly_odsazeni {
	background: #f4a600;
	margin-top: 20px;
	}

.red {
	color: red;
	}

.notop {
	font-size: 12px;
	font-weight: bold;
	color: #f4a600;
	}

#kontejnerSeznam {
	}



/* formular */

form {
	padding: 10px;
	border: 1px solid #b5d8ee;
	}

.formularPolozka {
	width: 75px;
	float: left;
	margin-top: 4px;
	}

.formularPole {
	float: left;
	border: 1px solid #0b76bc;
	}

.formularCheckSkupina {
	float: left;
	border: 1px solid #0b76bc;
	padding: 2px;
	padding-right: 10px;
	}

textarea {
	float: left;
	border: 1px solid #0b76bc;
	}

.tlacitko {
	margin-top: 10px;
	}

.formularSeskupeni {
	margin-top: 5px;
	}

.formularHlaseni {
	color: red;
	font-weight: bold;}



/* studie japek - tab */

.tabStudieNadpis {
	font-size: 12px;
	font-weight: bold;
	color: #f4a600;

	width: 500px;_width: 520px;
	float: left;

	padding: 3px 0px 3px 20px;

	}

.tabStudieLevy {
	
	width: 80px;_width: 110px;
	float: left;

	padding: 3px 10px 3px 20px;

	}

.tabStudiePravy {
	text-align: justify;

	width: 400px;_width: 430px;
	float: left;

	padding: 3px 20px 3px 10px;

	}

.tabStudiePolozka {
	float: left;
	border-bottom: 2px solid #b5d8ee;
	margin-bottom: 10px;
	}

/* reference */

.refLogo {
	border: 1px solid #e0f0ff;
	margin-bottom: 5px;
	}

.refPolozka {
	float: left;
	border-bottom: 2px solid #b5d8ee;
	padding-bottom: 5px;
	margin-bottom: 15px;
	}

.refLevy {
	width: 210px;
	float: left;

	}

.refPravy {
	width: 305px;
	float: left;

	}

#telo h2.ref {
	margin: 0px 0px 2px 0px;

	}

/* ===== EOF ===== */