/* ~-~-~-~-~-~-~-~-~-~-~ didaktik-cz s.r.o. (www.didaktik-cz.cz) ~-~-~-~-~-~-~-~-~-~-~- */
/* ~-~-~-~-~-~-~-~-~-~-~ GFX via CSS by IdeFixx (www.sucharda.cz) ~-~-~-~-~-~-~-~-~-~-~ */
body {
	margin: 0 auto;
	margin-top: 50px;
	padding: 0;
	font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
	font-size: .8em;
	text-align: center;
	color: #000;
	background: #545454 url("tapeta-pozadi.png");
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3 {
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 170%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 120%;
	color: #f37021;
}
h2 { font-size: 130%; color: #585551; }
h3 { font-size: 120%; }

h1 span, h2 span { font-size: .9em; color: #f37021; text-transform: lowercase; }
h1 span { color: #585551; }

a { text-decoration: underline; color: #f37021; } :focus { outline: none; }
a:visited { color: #636; }
a:hover, a:active { text-decoration: underline; color: #000; }

p, ul, address, #drobek {
	margin: .2em 0 1.2em 0;
	padding: 0;
	line-height: 145%;
	font-size: 1em;
}
address { font-style: normal; }

hr, .hr { display: none; }

img { border: none; }

/* ~-~ design obsahu: stranka ~-~ */
#stranka {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 758px;
	padding: 6px;
	text-align: left;
	background-color: #fff;
}

/* ~-~ design obsahu: hlavicka, logo, slogan ~-~ */
#hlavicka { width: 758px; height: 104px; background: #f2f2f2 url("tapeta-hlavicka.png") bottom no-repeat; }

#logo { position: relative; top: -6px; left: 38px; }
#logo, #logo div, #logo div span, #logo a, #logo a span {
	width: 103px; height: 98px;
	overflow: hidden;
	background-image: url("logo-didaktik-cz.png");
}
#logo div, #logo a span, #logo span { position: absolute; top: 0; left: 0; background-image: url("logo-didaktik-cz.png"); }

#logo-donati, #logo-donati-en { position: relative; top: -98px; left: 471px; }
#logo-donati, #logo-donati-en, #logo-donati a span, #logo-donati-en a span { width: 229px; height: 95px; overflow: hidden; background-image: url("donati-design.png"); }
#logo-donati a span, #logo-donati-en a span { position: absolute; top: 0; left: 0; background-image: url("donati-design.png"); }
#logo-donati-en a span { background: url("donati-design.png") -229px 0; }

#accesslink, #donati-design span { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

#slogan, #donati-design { margin-top: 6px; width: 758px; height: 181px; background: #e9e9e9 url("../obrazky/slogan-motiv.jpg") no-repeat; }
#donati-design { background-image: url("donati-design.jpg"); }

/* ~-~ design obsahu: obsah ~-~ */
#obsah { margin-top: 47px; padding: 25px 25px 0 25px; background: #f2f2f2 url("tapeta-obsah.png"); }

#hlavni { float: left; width: 380px; }
#hlavni-dd { float: left; width: 480px; }
#sloupek { float: right; width: 300px; }
#sloupek-dd { float: right; width: 200px; }

#obsah img { border: 4px solid #fff; }
#obsah a:hover img { border: 4px solid #f37021; }
#obsah .vlevo { float: left; margin: 0 8px 8px 0; }
#obsah .vpravo, #obsah .logo { float: right; margin: 0 0 8px 8px; }
#obsah .logo { margin: 2px 0; border: none; }

#obsah ul { margin-top: -.5em; list-style: none; }
#obsah li { padding-top: 5px; }
#obsah li { padding-left: 10px; background: url("odrazka.png") 0 10px no-repeat; }

.blok { margin-bottom: 6px; background: #f2f2f2 url("tepeta-blok.png") 100% 0% repeat-y; }
.blok-in { padding: 4px; background: url("blok-in-odrazka.png") 100% 50% no-repeat; }
.blok-in h3, .blok-in p, .blok-in li { margin: 0 25px 5px 95px; }
.blok-in li { margin-bottom: 0; }
.blok-in h3 { font-size: 1em; }

.tecky, .foto { background: url("tecky.png") 0 0 repeat-x; margin: 10px 0 1em 0; }
.foto { padding: 1em 0; }
.foto a { float: left; margin: 0 13px 13px 0; }
.blok-in .tecky { padding-top: 5px; margin-bottom: 0; }

.blok:hover, .blok.hover { background-color: #e9e9e9; }

.kde-jsem { margin-bottom: .5em; padding: 3px 2px; text-transform: lowercase; line-height: 160%; font-size: .85em; }

.center { text-align: center; }

/*h2 span.oranz,*/ p.oranz { display: inline; margin-left: .5em; padding: 2px 5px; font-size: .9em; color: #fff; background-color: #f37021; text-transform: uppercase; }
#stavebni-a-inzenyrska-cinnost, #technicka-sprava-a-udrzba, #sprava-nemovitosti { display: inline; }

/* ~-~ design obsahu: menu ~-~ */
#menu { width: 758px; height: 35px; background-color: #e9e9e9; }

#menu.uvod { position: absolute; top: 303px; }
#menu.podstranka { position: absolute; top: 116px; }

#menu ul { margin: 0; }
#menu li { float: left; list-style-type: none; }

#uvod, #uvod a, #uvod strong, #uvod a span, #uvod a:hover span, #uvod strong span
{ height: 35px; display: block; overflow: hidden; }
#uvod { position: relative; top: 0; left: 0; }
#uvod a span, #uvod a:hover span, #uvod strong span
{ position: absolute; top: 0; left: 0; }
#uvod a span { background-position: 0 0; }
#uvod a:hover span { background-position: 0 -35px; }
#uvod strong span { background-position: 0 -70px; }
#uvod .aktiv a span { background-position: 0 -70px; }
#uvod .aktiv a:hover span { background-position: 0 -105px; }
#uvod, #uvod a, #uvod strong, #uvod a span, #uvod a:hover span, #uvod strong span
{ width: 97px; background-image: url("menu.png"); }
#uvod a span, #uvod a:hover span, #uvod strong span
{ background-image: url("menu.png"); }

#reference, #reference a, #reference strong, #reference a span, #reference a:hover span, #reference strong span
{ height: 35px; display: block; overflow: hidden; }
#reference { position: relative; top: 0; left: 0; }
#reference a span, #reference a:hover span, #reference strong span
{ position: absolute; top: 0; left: 0; }
#reference a span { background-position: -97px 0; }
#reference a:hover span { background-position: -97px -35px; }
#reference strong span { background-position: -97px -70px; }
#reference .aktiv a span { background-position: -97px -70px; }
#reference .aktiv a:hover span { background-position: -97px -105px; }
#reference, #reference a, #reference strong, #reference a span, #reference a:hover span, #reference strong span
{ width: 113px; background-image: url("menu.png"); }
#reference a span, #reference a:hover span, #reference strong span
{ background-image: url("menu.png"); }

#nabidka-sluzeb, #nabidka-sluzeb a, #nabidka-sluzeb strong, #nabidka-sluzeb a span, #nabidka-sluzeb a:hover span, #nabidka-sluzeb strong span
{ height: 35px; display: block; overflow: hidden; }
#nabidka-sluzeb { position: relative; top: 0; left: 0; }
#nabidka-sluzeb a span, #nabidka-sluzeb a:hover span, #nabidka-sluzeb strong span
{ position: absolute; top: 0; left: 0; }
#nabidka-sluzeb a span { background-position: -210px 0; }
#nabidka-sluzeb a:hover span { background-position: -210px -35px; }
#nabidka-sluzeb strong span { background-position: -210px -70px; }
#nabidka-sluzeb .aktiv a span { background-position: -210px -70px; }
#nabidka-sluzeb .aktiv a:hover span { background-position: -210px -105px; }
#nabidka-sluzeb, #nabidka-sluzeb a, #nabidka-sluzeb strong, #nabidka-sluzeb a span, #nabidka-sluzeb a:hover span, #nabidka-sluzeb strong span
{ width: 151px; background-image: url("menu.png"); }
#nabidka-sluzeb a span, #nabidka-sluzeb a:hover span, #nabidka-sluzeb strong span
{ background-image: url("menu.png"); }

#donati, #donati a, #donati strong, #donati a span, #donati a:hover span, #donati strong span
{ height: 35px; display: block; overflow: hidden; }
#donati { position: relative; top: 0; left: 0; }
#donati a span, #donati a:hover span, #donati strong span
{ position: absolute; top: 0; left: 0; }
#donati a span { background-position: -361px 0; }
#donati a:hover span { background-position: -361px -35px; }
#donati strong span { background-position: -361px -70px; }
#donati .aktiv a span { background-position: -361px -70px; }
#donati .aktiv a:hover span { background-position: -361px -105px; }
#donati, #donati a, #donati strong, #donati a span, #donati a:hover span, #donati strong span
{ width: 143px; background-image: url("menu.png"); }
#donati a span, #donati a:hover span, #donati strong span
{ background-image: url("menu.png"); }

#napiste-nam, #napiste-nam a, #napiste-nam strong, #napiste-nam a span, #napiste-nam a:hover span, #napiste-nam strong span
{ height: 35px; display: block; overflow: hidden; }
#napiste-nam { position: relative; top: 0; left: 0; }
#napiste-nam a span, #napiste-nam a:hover span, #napiste-nam strong span
{ position: absolute; top: 0; left: 0; }
#napiste-nam a span { background-position: -504px 0; }
#napiste-nam a:hover span { background-position: -504px -35px; }
#napiste-nam strong span { background-position: -504px -70px; }
#napiste-nam .aktiv a span { background-position: -504px -70px; }
#napiste-nam .aktiv a:hover span { background-position: -504px -105px; }
#napiste-nam, #napiste-nam a, #napiste-nam strong, #napiste-nam a span, #napiste-nam a:hover span, #napiste-nam strong span
{ width: 129px; background-image: url("menu.png"); }
#napiste-nam a span, #napiste-nam a:hover span, #napiste-nam strong span
{ background-image: url("menu.png"); }

#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span
{ height: 35px; display: block; overflow: hidden; }
#kontakty { position: relative; top: 0; left: 0; }
#kontakty a span, #kontakty a:hover span, #kontakty strong span
{ position: absolute; top: 0; left: 0; }
#kontakty a span { background-position: -633px 0; }
#kontakty a:hover span { background-position: -633px -35px; }
#kontakty strong span { background-position: -633px -70px; }
#kontakty .aktiv a span { background-position: -633px -70px; }
#kontakty .aktiv a:hover span { background-position: -633px -105px; }
#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span
{ width: 125px; background-image: url("menu.png"); }
#kontakty a span, #kontakty a:hover span, #kontakty strong span
{ background-image: url("menu.png"); }

/* ~-~ design obsahu: menu: en ~-~ */
#home, #home a, #home strong, #home a span, #home a:hover span, #home strong span
{ height: 35px; display: block; overflow: hidden; }
#home { position: relative; top: 0; left: 0; }
#home a span, #home a:hover span, #home strong span
{ position: absolute; top: 0; left: 0; }
#home a span { background-position: 0 0; }
#home a:hover span { background-position: 0 -35px; }
#home strong span { background-position: 0 -70px; }
#home .aktiv a span { background-position: 0 -70px; }
#home .aktiv a:hover span { background-position: 0 -105px; }
#home, #home a, #home strong, #home a span, #home a:hover span, #home strong span
{ width: 97px; background-image: url("menu-en.png"); }
#home a span, #home a:hover span, #home strong span
{ background-image: url("menu-en.png"); }

#references, #references a, #references strong, #references a span, #references a:hover span, #references strong span
{ height: 35px; display: block; overflow: hidden; }
#references { position: relative; top: 0; left: 0; }
#references a span, #references a:hover span, #references strong span
{ position: absolute; top: 0; left: 0; }
#references a span { background-position: -97px 0; }
#references a:hover span { background-position: -97px -35px; }
#references strong span { background-position: -97px -70px; }
#references .aktiv a span { background-position: -97px -70px; }
#references .aktiv a:hover span { background-position: -97px -105px; }
#references, #references a, #references strong, #references a span, #references a:hover span, #references strong span
{ width: 113px; background-image: url("menu-en.png"); }
#references a span, #references a:hover span, #references strong span
{ background-image: url("menu-en.png"); }

#services, #services a, #services strong, #services a span, #services a:hover span, #services strong span
{ height: 35px; display: block; overflow: hidden; }
#services { position: relative; top: 0; left: 0; }
#services a span, #services a:hover span, #services strong span
{ position: absolute; top: 0; left: 0; }
#services a span { background-position: -210px 0; }
#services a:hover span { background-position: -210px -35px; }
#services strong span { background-position: -210px -70px; }
#services .aktiv a span { background-position: -210px -70px; }
#services .aktiv a:hover span { background-position: -210px -105px; }
#services, #services a, #services strong, #services a span, #services a:hover span, #services strong span
{ width: 151px; background-image: url("menu-en.png"); }
#services a span, #services a:hover span, #services strong span
{ background-image: url("menu-en.png"); }

#write-us, #write-us a, #write-us strong, #write-us a span, #write-us a:hover span, #write-us strong span
{ height: 35px; display: block; overflow: hidden; }
#write-us { position: relative; top: 0; left: 0; }
#write-us a span, #write-us a:hover span, #write-us strong span
{ position: absolute; top: 0; left: 0; }
#write-us a span { background-position: -504px 0; }
#write-us a:hover span { background-position: -504px -35px; }
#write-us strong span { background-position: -504px -70px; }
#write-us .aktiv a span { background-position: -504px -70px; }
#write-us .aktiv a:hover span { background-position: -504px -105px; }
#write-us, #write-us a, #write-us strong, #write-us a span, #write-us a:hover span, #write-us strong span
{ width: 129px; background-image: url("menu-en.png"); }
#write-us a span, #write-us a:hover span, #write-us strong span
{ background-image: url("menu-en.png"); }

#contacts, #contacts a, #contacts strong, #contacts a span, #contacts a:hover span, #contacts strong span
{ height: 35px; display: block; overflow: hidden; }
#contacts { position: relative; top: 0; left: 0; }
#contacts a span, #contacts a:hover span, #contacts strong span
{ position: absolute; top: 0; left: 0; }
#contacts a span { background-position: -633px 0; }
#contacts a:hover span { background-position: -633px -35px; }
#contacts strong span { background-position: -633px -70px; }
#contacts .aktiv a span { background-position: -633px -70px; }
#contacts .aktiv a:hover span { background-position: -633px -105px; }
#contacts, #contacts a, #contacts strong, #contacts a span, #contacts a:hover span, #contacts strong span
{ width: 125px; background-image: url("menu-en.png"); }
#contacts a span, #contacts a:hover span, #contacts strong span
{ background-image: url("menu-en.png"); }

/* ~-~ design obsahu: jazyky ~-~ */
#jazyky { position: absolute; z-index: 0; top: -26px; margin-left: 658px; height: 26px; width: 100px; overflow: hidden; }

#jazyky ul { margin: 0; }
#jazyky li { display: inline; list-style-type: none; }

#cs a, #cs strong, #en a, #en strong {
	display: block;
	float: right;
	margin-left: 1px;
	padding: 4px 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .85em;
	color: #fff;
	background-color: #f37021;
}
#cs a:visited, #en a:visited { color: #fff;}
#cs a:hover, #en a:hover { color: #000;}

#cs strong, #en strong { background-color: #d5d5d5; color: #000; }

/* ~-~ design obsahu: zaver dokumentu: cistice, paticka ~-~ */
.cistic { clear: both; height: auto; min-height: 1px; }
#cistic { clear: both; height: 40px; margin: 0 -25px; background: #fff url("tapeta-cistic.png") bottom no-repeat; }

#paticka { margin: 0 auto; width: 758px; padding: 10px 0; font-size: .85em; color: #898989; }
#paticka p { margin: 0; }
#paticka a { color: #898989; }
#paticka a:visited { color: #898989; }
#paticka a:hover { color: #b1b1b1; }

#odkazy { padding-top: 5px; text-transform: lowercase; }
#odkazy a { white-space: nowrap; }

/* ~-~ formulare ~-~ */
form { margin: 0; }
form input { margin: 0; }

.mail-form { margin-bottom: 1em; padding: 5px; padding-top: 0; }
.mail-form .linka { clear: both; padding-top: 7px; }
.mail-form .linka label.typ-pole, .mail-form .linka span.typ-pole { float: left; width: 82px; margin-right: 5px; text-align: right; }
.mail-form .linka span.pole { float: left; text-align: left; }
.mail-form .tlacitko { margin-left: 88px; }