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

/* ~-~ vseobecne ~-~ */
h1, h2, h3, h4 {
	margin: 0 0 .8em 0;
	padding: 0 0 .3em 0;
	font-size: 140%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 120%;
	color: #000;
	background: url("nadpis-2.png") bottom repeat-x;
}
/*h1:first-letter,*/ h2:first-letter { font-size: 140%; }
h1 span { font-size: 140%; color: #903; }
h2 { font-size: 130%; background-image: url("nadpis-1.png"); }
h3, h4 { margin-bottom: .3em; padding: 0; font-size: 120%; background: none; }

a { font-weight: bold; text-decoration: underline; color: #903; }
a:visited { color: #606; }
a:hover, a:active { text-decoration: underline; color: #000; }

p, ul, address, #drobek {
	margin: .2em 0 1em 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: 782px;
	text-align: left;
}

/* ~-~ design obsahu: hlavicka, logo, slogan ~-~ */
#hlavicka { width: 770px; padding-left: 12px; height: 159px; background: #bac0cc url("hlavicka-motiv.jpg") no-repeat; }

#logo { position: relative; top: 4px; left: 25px; }
#logo, #logo div, #logo div span, #logo a, #logo a span {
	width: 153px; height: 117px;
	overflow: hidden;
	background-image: url("logo-rfspin.jpg");
}
#logo div, #logo a span, #logo span { position: absolute; top: 0; left: 0; background-image: url("logo-rfspin.jpg"); }

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

/* ~-~ design obsahu: obsah ~-~ */
#obal { background: #fff url("obsah-tapeta.jpg") repeat-y; position: relative; }
#obsah { padding: 31px 35px 0 35px; background: url("obsah-vrch.jpg") no-repeat; }
#tapeta-graf { position: absolute; z-index: 0; top: 1px; left: 8px; height: 366px; width: 377px; background: url("graf.jpg") no-repeat; }
#tapeta-roh { position: absolute; z-index: 0; bottom: 0; right: 0; height: 79px; width: 79px; background: url("roh.jpg") no-repeat; }

#hlavni, #sloupek, #detail { position: relative; z-index: 1; }
#hlavni { float: right; width: 500px; min-height: 370px; }
#sloupek { float: left; width: 180px; padding-top: 4px; }
#detail { padding: 0 5px; min-height: 370px; }

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

.vlevo { float: left; margin: 0 15px 5px 0; }
.vlevo strong {}
.vpravo { float: right; margin: 0 0 5px 15px; }

.kde-jsem { margin-bottom: 1em; padding: 0 .2em; height: 19px; line-height: 19px; font-size: .8em; color: #666; text-transform: lowercase; }
.kde-jsem a { color: #666; }
.kde-jsem a:hover { color: #903; }
.kde-jsem img { float: left; margin-right: 5px; }

.ne { margin-top: -.2em; }

#detail h2 { margin-bottom: 0; }
#detail h3 { padding-bottom: .3em; font-size: 130%; background: url("nadpis-2.png") bottom repeat-x; }
#detail h3:first-letter { font-size: 140%; }
#detail h4 { margin-bottom: 0; border-bottom: 1px solid #666; }
#detail h4:first-letter { font-size: 130%; }
#detail .nahled { width: 350px; }
#detail .nahled img { margin-bottom: 5px; }
#detail .vpravo { text-align: right; margin: 5px; margin-right: 0; }
#detail .vlevo { margin-bottom: 15px; }
#detail .info { width: 360px; }
#detail .panel { margin-bottom: .8em; padding: .5em; background-color: #dee9ee; border-bottom: 1px solid #c7dae2; }
#detail .panel p { margin: .2em 0; }
#detail .panel strong { display: -moz-inline-box; display: inline-block; width: 13em; }
#detail .sloup-a { float: left; width: 340px; }
#detail .sloup-b { float: right; width: 340px; }
#detail .sloup-a img, #detail .sloup-b img { margin-bottom: 5px; }

#detail .smer-char .graf { position: relative; float: left; }
#detail .smer-char .graf h5 { margin: 0; padding: 0; position: absolute; top: 5px; left: 0; }
#detail .smer-char h5 span { margin-top: -10px; padding: 3px 5px; font: bold 14px/13px Helvetica, Sans-Serif; letter-spacing: -1px; /*color: white; text-shadow: #333 1px 1px 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4);*/ }

.flash-in { width: 285px; }
#mapa { position: absolute; top: 21px; right: -417px; width: 409px; height: 350px; }
#mapa p { width: 100%; height: 18px; margin: 0; padding: 0; text-align: center; background-color: #e6cfd7; }
#flash-in { margin-bottom: -3px; }

.polozka { margin-bottom: .5em; background: url("tecky.png") bottom repeat-x; }
.polozka h3 { margin-bottom: .3em; }
.polozka .vlevo { width: 70px; margin: 0; }
.polozka .info { float: right; width: 425px; }
.polozka p { margin: 0 0 .3em 0; }
.polozka:after, #detail .info:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.blok { margin-bottom: 6px; }
.blok h4, .blok p, .blok li { margin: 0 0 5px 25px; }
.blok h4 { margin: 0; padding: 1px 0 0 25px; color: #903; background: url("odrazka-1.png") 0 0 no-repeat; }
.blok li { margin-bottom: 0; }
.blok a { color: #000; }
.blok a:hover { color: #903; }

.tecky { background: url("tecky.png") bottom repeat-x; }
.stred { text-align: center; }

/* ~-~ design obsahu: menu ~-~ */
#menu { position: absolute; top: 131px; left: 63px; width: 654px; height: 28px; background-color: #e2c0cc; }

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

/* ~-~ design obsahu: jazyky ~-~ */
#jazyky { position: absolute; z-index: 0; top: 0; margin-left: 556px; height: 22px; width: 102px; }

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

#cs, #cs a, #cs strong, #cs a span, #cs a:hover span, #cs strong span
{ height: 22px; width: 51px; display: block; overflow: hidden; background-image: url("lang-menu.png"); }
#cs { position: relative; top: 0; left: 0; }
#cs a span, #cs a:hover span, #cs strong span
{ position: absolute; top: 0; left: 0; background-image: url("lang-menu.png"); }
#cs a span { background-position: 0 0; }
#cs a:hover span { background-position: 0 -22px; }
#cs strong span { background-position: 0 -22px; }

#en, #en a, #en strong, #en a span, #en a:hover span, #en strong span
{ height: 22px; width: 51px; display: block; overflow: hidden; background-image: url("lang-menu.png"); }
#en { position: relative; top: 0; left: 0; }
#en a span, #en a:hover span, #en strong span
{ position: absolute; top: 0; left: 0; background-image: url("lang-menu.png"); }
#en a span { background-position: -51px 0; }
#en a:hover span { background-position: -51px -22px; }
#en strong span { background-position: -51px -22px; }

/* ~-~ design obsahu: zaver dokumentu: cistice, paticka ~-~ */
.cistic { clear: both; height: auto; min-height: 1px; }
#cistic { clear: both; height: 24px; margin: 0 -35px; background: url("obsah-dole.jpg") bottom no-repeat; }

#paticka { padding: 2px 0 5px 0; font-size: .85em; color: #000; }
#paticka p { display: inline; }
#paticka a { color: #000; }
#paticka a:hover { color: #000; }

#skryj-mne { display: none; }

#meridla {}

#tapeta { position: absolute; top: 0; width: 100%; height: 330px; background: url("horni-tapeta.jpg") 50% 0 no-repeat; }

/* ~-~ tabulky ~-~ */
table.prehled {	margin: 0 0 .8em 0; padding: .5em 0; width: 100%; border-spacing: 0; }
table.prehled caption  { display: none; }
table.prehled thead { padding: .5em; background-color: #dee9ee; }
table.prehled th { padding: 1em .5em; text-align: left; }
table.prehled td { padding: .5em; text-align: left; vertical-align: middle; border-bottom: 1px solid #c7dae2; }
table.prehled td.c-1 {}

/* ~-~ 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; }