/* ~-~-~-~-~-~-~-~-~-~-~ barvy laky z nové paky ~-~-~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~ CSS-kA" by IdeFixx (www.sucharda.cz) ~-~-~-~-~-~-~-~ */
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	color: #000;
	background: #adc7bd url("pozadi-tapeta.png");
}

/* ~-~ vseobecne ~-~ */
* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 {
	margin: 0 8px .3em 7px;
	padding: 0;
	font-size: 130%;
	font-weight: normal;
	color: #000;
}
h1 { font-size: 170%; font-weight: bold; padding-bottom: 0.1em; color: #a90d44; border-bottom: 3px solid #a90d44; }
h2 { font-size: 155%; padding: .1em .3em; color: #5f2c11; border-left: 3px solid #5f2c11; }
h3 { padding: .1em .3em; border-left: 3px solid #000; }
h4 { font-weight: bold; }
.extra { font-size: 160%; text-transform: uppercase; letter-spacing: -1px; }

a { text-decoration: underline; font-weight: normal; color: #291866; }
a:visited { color: #636; }
a:hover, a:active { text-decoration: underline; color: #a90d44; }
.link-out { padding: 0 6px 0 8px; background: url("./link-out.gif") 100% 3px no-repeat; }

p, address {
	margin: .2em .8em 1em 1.2em;
	padding: 0;
	line-height: 160%;
	font-size: 1em;
}
.p-dole { margin-bottom: .5em; }

address {	font-style: normal; }

sup { font-size: .6em; }

hr, .hr {	display: none; }

img { border: none; }

#stranka {
	margin: 0 auto;
	width: 970px;
	text-align: left;
	position: relative;
	z-index: 1;
}

/* ~-~ hlavicka, design obsahu ~-~ */
#logo { height: 159px; font-size: 1.5em; background: url("hlavicka.png") no-repeat; }
#logo-txt, #logo-txt a, #logo-txt div, #logo-txt a span, #logo-txt div span { width: 435px; height: 139px; overflow: hidden; background-image: url("logo.png"); }
#logo-txt { position: relative; top: 20px; left: 22px; }
#logo-txt a span, #logo-txt div span { position: absolute; top: 0; left: 0; background-image: url("logo.png"); }
#logo-txt span { position: absolute; top: 0; left: 0; background-image: url("logo.png"); }

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

#obal { margin-top: 64px; background: url("obal.png") repeat-y; }
#obal-in { background: url("obal-in.png") no-repeat; }
#obal-in-2 { min-height: 272px; padding-top: 2.5em; background: url("obal-in-2.png") bottom no-repeat; }

#text { float: left; width: 661px; margin: 0 10px 0 31px; }

#text ul, #text ol { margin: 0 .8em 1.2em 2.5em; line-height: 160%; }

#text ul li, .info ul li { color: #b40000; list-style-type: square; }
#text li span, .info li span { color: #000; }

.doleva { float: left; margin: .4em 1em .2em 1.2em; }
.doprava { float: right; margin: .2em .5em .2em 1em; }

.barvy { display: block; width: 74px; margin: 0 2px 2px 0; padding: 0; text-align: center; background-color: #bfc2ad; border: 2px solid #bfc2ad; }
.barvy span { font-size: .85em; }
.barvy:hover, .barvy.hover { background: #a1a48e; }

.txt-center { text-align: center !important; }
.txt-right { text-align: right; }

.cistic { clear: both; height: auto; }
.cistic span { display: none; }
.dole { padding-bottom: 1.2em; }

/* ~-~ sloupek ~-~ */
#sloupek { float: right; width: 225px; margin: 0 31px 0 9px; }

.info { margin-top: 5px; }
.info h3, .info h4 { margin: 0 0 .3em 0; padding-bottom: .1em; font-size: 1.4em; text-align: center; color: #fff; background-color: #a90d44; border-left: none; }
.info h4 { margin: 0 3px .3em 3px; color: #193b56; background-color: #C8CBB9; }
.info p { margin: 0 0 .3em 0; padding: 0 5px; line-height: 140%; font-size: 90%;  }

.foto img { border: 1px solid #f09f47; }

#obal-konec { height: 44px; background: url("obal-konec.png") no-repeat; }

/* ~-~ sloupek: rozcestnik ~-~ */
#rozcestnik h3 { margin: 5px 0 1px 0; }
#rozcestnik { margin: 0; }
#rozcestnik ul { margin: 0; line-height: 140%; }
#rozcestnik li { list-style-type: none; margin-bottom: 2px; }
#rozcestnik ul li { display: block; color: #000; }
#rozcestnik ul li a, #rozcestnik ul li strong {
	display: block;
	padding: .4em 7px 1em 17px;
	background: #d2d5c0 url("nabidka.png") -225px bottom no-repeat;
	border-left: 2px solid #81b6d7;
}
#rozcestnik ul li a:hover {
	color: #000;
	background: #d7dbbf url("nabidka.png") -450px bottom no-repeat;
	border-left: 2px solid #81b6d7 /*ededda*/;
}
#rozcestnik ul li strong {
	padding-left: 13px;
	color: #27156D;
	background: #d7dbbf url("nabidka.png") 0 bottom no-repeat;
	border-left: 6px solid #e75886;
	text-transform: none;
}

/* ~-~ fotky ~-~ */
.blok-fotek { margin: 0 10px; }
.fotka {
	display: block;
	float: left;
	margin: 0 1px 5px 1px;
	padding: 3px;
	width: 150px;
	min-height: 265px;
	height: auto;
	font-size: 90%;
	border: 1px solid #b9bab0;
	background: #c8cbb9;
}
.fotka:hover, .fotka.hover { background: #d9dcc7; }
.fotka img { text-align: center; border: none; }
.fotka p { display: block; /*text-align: center;*/ margin: .1em 0 .4em 0; }
.fotka h3 { margin: 0 !important; font-weight: bold; border-left: none; }
.fotka ul { margin: .1em 0 .1em 14px !important; line-height: 145% !important; color: #000 !important; }
.posledni { margin-right: .8em; }

/* ~-~ hlavni nabidka ~-~ */
#menu {
	position: absolute;
	z-index: 2;
	top: 159px;
	width: 970px;
	height: 64px;
	background: url("menu.png") no-repeat;
}
#menu ul { margin: 17px 0 0 31px; }
#menu li { float: left; list-style-type: none; }

#uvod, #uvod a, #uvod strong, #uvod a span, #uvod a:hover span, #uvod strong span
{ height: 47px; 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 -47px; }
#uvod strong span { background-position: 0 -94px; }
#uvod .aktiv a span { background-position: 0 -94px; }
#uvod .aktiv a:hover span { background-position: 0 -47px; }
#uvod, #uvod a, #uvod strong, #uvod a span, #uvod a:hover span, #uvod strong span
{ width: 130px; background-image: url("uvod.png"); }
#uvod a span, #uvod a:hover span, #uvod strong span
{ background-image: url("uvod.png"); }

#katalog, #katalog a, #katalog strong, #katalog a span, #katalog a:hover span, #katalog strong span
{ height: 47px; display: block; overflow: hidden; }
#katalog { position: relative; top: 0; left: 0; }
#katalog a span, #katalog a:hover span, #katalog strong span
{ position: absolute; top: 0; left: 0; }
#katalog a span { background-position: 0 0; }
#katalog a:hover span { background-position: 0 -47px; }
#katalog strong span { background-position: 0 -94px; }
#katalog .aktiv a span { background-position: 0 -94px; }
#katalog .aktiv a:hover span { background-position: 0 -47px; }
#katalog, #katalog a, #katalog strong, #katalog a span, #katalog a:hover span, #katalog strong span
{ width: 182px; background-image: url("katalog.png"); }
#katalog a span, #katalog a:hover span, #katalog strong span
{ background-image: url("katalog.png"); }
#katalog { margin-left: 82px; }

#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span
{ height: 47px; 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: 0 0; }
#kontakty a:hover span { background-position: 0 -47px; }
#kontakty strong span { background-position: 0 -94px; }
#kontakty .aktiv a span { background-position: 0 -94px; }
#kontakty .aktiv a:hover span { background-position: 0 -47px; }
#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span
{ width: 206px; background-image: url("kontakty.png"); }
#kontakty a span, #kontakty a:hover span, #kontakty strong span
{ background-image: url("kontakty.png"); }
#kontakty { margin-left: 60px; }

#jak-na-to, #jak-na-to a, #jak-na-to strong, #jak-na-to a span, #jak-na-to a:hover span, #jak-na-to strong span
{ height: 47px; display: block; overflow: hidden; }
#jak-na-to { position: relative; top: 0; left: 0; }
#jak-na-to a span, #jak-na-to a:hover span, #jak-na-to strong span
{ position: absolute; top: 0; left: 0; }
#jak-na-to a span { background-position: 0 0; }
#jak-na-to a:hover span { background-position: 0 -47px; }
#jak-na-to strong span { background-position: 0 -94px; }
#jak-na-to .aktiv a span { background-position: 0 -94px; }
#jak-na-to .aktiv a:hover span { background-position: 0 -47px; }
#jak-na-to, #jak-na-to a, #jak-na-to strong, #jak-na-to a span, #jak-na-to a:hover span, #jak-na-to strong span
{ width: 208px; background-image: url("jak-na-to.png"); }
#jak-na-to a span, #jak-na-to a:hover span, #jak-na-to strong span
{ background-image: url("jak-na-to.png"); }
#jak-na-to { margin-left: 14px; }

/* ~-~ paticka ~-~ */
#paticka { position: relative; width: 100%; height: 199px; background: url("paticka.png") bottom no-repeat; }
#paticka-in { margin: 0 auto; padding: 20px 31px 0 31px; width: 908px; height: 179px; text-align: left; }
.hlavni-blok { float: left; width: 651px; margin: 0 0 15px 13px; border-left: 3px solid #e43b76; }
.o-webu { float: right; width: 200px; margin-right: 10px; font-size: .85em; border-left: 3px solid #fe752d; }
#paticka p, #paticka address { margin: 0 0 2px 9px; }
#paticka a { color: #000; }
#paticka a:hover { color: #900; }

#odkazy { clear: both; height: 41px; overflow: hidden; margin-left: 13px !important; padding: 0 10px 0 10px; font-size: .7em; line-height: normal; border-left: 3px solid #F8D823; color: #353535; text-transform: lowercase; }
#odkazy a { color: #353535; } #odkazy a:visited { color: #353535; } #odkazy a:hover { color: #900; }

/* ~-~-~ follow this link to learn more about positioning in browsers with CSS & JS ~-~-~ */
/* ~-~-~-~-~-~-~-~- http://www.alistapart.com/d/footers/footer_dom2.html -~-~-~-~-~-~-~-~ */

.stats {}

/* ~-~ doplnky ~-~ */
#tapeta-1 { position: absolute; top: 0; width: 100%; height: 646px; background: url("pozadi-tapeta-1.png") top repeat-x; }
#tapeta-2 { height: 333px; background: url("pozadi-tapeta-2.png") 50% 0 no-repeat; }

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

#motto { position: absolute; top: 28px; left: 662px; color: #4d4d4d; height: 65px; overflow: hidden; }
#motto p { margin: 0; font-style: italic; line-height: 130%; letter-spacing: 1px; }
.m-1 { font-size: 1.4em; padding-left: 30px; }
.m-2 { font-size: 1.2em; }
.m-3 { font-size: 1em; padding-left: 60px; }

#dr-bek { margin: 1em .8em .5em 1.2em; /*position: absolute; z-index: 3; top: 230px;*/ padding: 0; font-size: 1em; }
#dr-bek span { color: #c00; }

.reklama { margin: 0; }

/* ~-~ tabulky ~-~ */
table#prehled {
	margin: 1em 8px .2em 8px; border-spacing: 1px; font-size: 1em;
}
#prehled th, #prehled td {
	padding: 0.3em .5em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #007cd6;
}
#prehled th { padding: 0.5em 1.5em 0.4em 1.5em; text-transform: uppercase; background-color: #dbe9f3; border-bottom: 2px solid #007cd6; }

#prehled .sloup { background-color: #d1d6b6; }

#prehled ul { margin: 0 0 0 .9em; line-height: 140%; }
#prehled li { color: #000 !important; list-style-type: disc !important; }

#prehled p { margin: 0 0 .5em 0; line-height: 140%; }

/*#prehled td.lichy { background: #fff; }*/
#prehled td.sudy { background: #e2eaf1; }

/* ~-~ 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: 87px; padding: .1em .5em; }