/* ~-~-~-~-~-~-~-~-~-~-~-~-~-~ kt izolace (www.ktizolace.cz) ~-~-~-~-~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~ design pomoci CSS rozhejbal IdeFixx (www.sucharda.cz) ~-~-~-~-~-~-~-~ */
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Trebuchet MS', Helvetica, 'Arial CE', Arial, sans-serif;
	font-size: .9em;
	text-align: center;
	color: #333;
	background: #fffef2 url("pozadi.png");
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3 {
	margin: 0 0 .2em 0;
	padding: 0 9px;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 120%;
	color: #333;
	text-shadow: #d9d9d9 0 2px 2px;
}
h1 { color: #ff7a41; }
h2, h3 { font-size: 1.6em; }

a { text-decoration: underline; color: #854022; }
a:visited { color: #636; }
a:hover, a:active { text-decoration: underline; color: #4a6f16; outline: none; }

p, ul, address, .dr-bek {
	margin: .2em 0 1em 0;
	padding: 0 10px;
	line-height: 145%;
	font-size: 1em;
}
p.dole { margin-bottom: .2em; }
ul { padding-left: 1em; list-style-type: square; list-style-position: inside; }
address { font-style: normal; }
.dr-bek { margin-bottom: .3em; font-size: .8em; }

sup { font-size: .8em; }

hr, .hr { display: none; }

img { border: none; }

/* ~-~ design obsahu ~-~ */
#stranka {
	position: relative;
	margin: auto; 
	width: 100%; 
	text-align: center;
}

#logo { position: relative; z-index: 3; top: 88px; height: 94px; }
#logo-txt { margin: auto; padding-left: 6px; width: 760px; text-align: left; text-indent: -1000em; }
#logo-txt a, #logo-txt strong { display: block; width: 341px; height: 89px; background-image: url("logo.png"); }

#obal {
	position: relative;
	z-index: 3;
	margin: auto;
	margin-top: 135px;
	width: 760px;
	min-height: 375px;
	text-align: left;
	overflow: auto;
}

.uklizec { clear: both; }

/* ~-~ hlavni nabidka ~-~ */
#menu {
	position: absolute;
	margin: auto;
	z-index: 3;
	top: 182px;
	width: 100%;
	height: 41px;
}
#menu ul { margin: auto; padding: 0; width: 760px; height: 41px; }
#menu li { float: left; list-style-type: none; }

#o-nas span, #cinnost span, #ref span, #tech span, #dotaz span, #kontakt span { display: none; } /* brouk v lisce (ff 2/3) - text-indent @ float */

#o-nas a, #o-nas strong, #o-nas a:hover { width: 84px; height: 41px; display: block; background-image: url("menu.png"); }
#o-nas a { background-position: 0 -82px; }
#o-nas a:hover { background-position: 0 -41px; }
#o-nas strong { background-position: 0 0; }

#cinnost a, #cinnost strong, #cinnost a:hover { width: 113px; height: 41px; display: block; background-image: url("menu.png"); }
#cinnost a { background-position: -84px -82px; }
#cinnost a:hover { background-position: -84px -41px; }
#cinnost strong { background-position: -84px 0; }

#ref a, #ref strong, #ref a:hover { width: 119px; height: 41px; display: block; background-image: url("menu.png"); }
#ref a { background-position: -197px -82px; }
#ref a:hover { background-position: -197px -41px; }
#ref strong { background-position: -197px 0; }

#tech a, #tech strong, #tech a:hover { width: 137px; height: 41px; display: block; background-image: url("menu.png"); }
#tech a { background-position: -316px -82px; }
#tech a:hover { background-position: -316px -41px; }
#tech strong { background-position: -316px 0; }

#dotaz a, #dotaz strong, #dotaz a:hover { width: 196px; height: 41px; display: block; background-image: url("menu.png"); }
#dotaz a { background-position: -453px -82px; }
#dotaz a:hover { background-position: -453px -41px; }
#dotaz strong { background-position: -453px 0; }

#kontakt a, #kontakt strong, #kontakt a:hover { width: 111px; height: 41px; display: block; background-image: url("menu.png"); }
#kontakt a { background-position: -649px -82px; }
#kontakt a:hover { background-position: -649px -41px; }
#kontakt strong { background-position: -649px 0; }

/* ~-~ paticka ~-~ */
#paticka { width: 100%; height: 190px; background: url("paticka.png") top repeat-x; }
#paticka-in { margin: auto; padding-top: 68px; width: 760px; height: 108px; background: url("paticka-in.png") center 66px no-repeat; }
#paticka-in-in { margin-left: 245px; padding-top: 25px; width: 286px; height: 60px; text-align: left; font-size: .8em; }

#paticka-in-in p { margin: 0 0 0 8px; padding: 1px 0 0 20px; }

.dum { background: url("ikonky.png") 0 5px no-repeat; }
.tel { background: url("ikonky.png") 0 -15px no-repeat; }
.mejl { background: url("ikonky.png") 1px -34px no-repeat; }
/* ikonky - http://www.famfamfam.com/ */

.stats { text-align: left; margin: 10px 0 0 435px; overflow: hidden; font-size: .8em; }

#odkazy { margin: auto; padding: 20px 0 15px 0; width: 650px; font-size: .7em; }
#odkazy a { white-space: nowrap; }

/* ~-~ doplnky ~-~ */
#tapeta-1 { position: absolute; z-index: 2; top: 0; width: 100%; height: 300px; background: url("hlavicka.png") repeat-x; }
#tapeta-2 { position: relative; width: 760px; margin: auto; height: 185px; background: url("fotky.jpg") right no-repeat; }
#tapeta-3 { position: absolute; z-index: 10; top: 7px; right: 135px; height: 178px; width: 278px; background: url("ram-velky.png") no-repeat; overflow: hidden; }
#animace { position: absolute; top: 21px; left: 362px; background: #fff; }

#animace DIV { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; height: 150px; }
#animace DIV.active { z-index: 10; opacity: 1.0; }
#animace DIV.last-active { z-index: 9; }
#animace DIV IMG { height: 150px; display: block; border: 0; margin-bottom: 10px; }

#zelena-usporam { position: absolute; z-index: 11; top: 0; right: 90px; height: 92px; width: 93px; }

.galerie { clear: both; margin-left: 8px; overflow: auto; }

.foto {	margin: 0 1em 1em 0; position: relative; width: 158px; height: 112px; float: left; }
.foto img { width: 140px; height: 93px; padding: 9px 0 0 9px; }
.foto span { width: 158px; height: 112px; display: block; position: absolute; top: 0; left: 0; background: url("ram.png") no-repeat; }

.vlevo { float: left; margin: 1px .8em .5em 8px; }
.vpravo { float: right; margin: 1px 8px .5em .8em; }
.sloup-1 { float: left; width: 250px; }
.sloup-2 { float: left; }

.reklama { float: right; margin: 6px 77px 1em .8em; }

/* ~-~ tabulky ~-~ */
table.form-2 { margin: 0 0 2em 9px; border-collapse: collapse; font-size: .8em; width: 700px; }
table.form-2 td { width: 330px; padding: 5px 10px; text-align: left; border-bottom: 1px solid #dadada; }

/* ~-~ forms ~-~ */
form { margin: 0; padding: 0; }
.mail-form { padding: 0; margin: 0 0 0 10px; font-size: .8em; }
.mail-form input, .mail-form textarea, .mail-form select, .form-2 input, .form-2 textarea, .form-2 select { font-size: 1em; font-family: 'Trebuchet MS', Helvetica, 'Arial CE', Arial, sans-serif; }
.mail-form label { margin-top: .2em; font-size: 1em; }
.mail-form .linka { padding-top: 7px; }
.mail-form .linka-dole { padding-bottom: 15px; border-bottom: 1px dotted #d7d7d7; }
.mail-form .linka label.typ-pole, .mail-form .linka span.typ-pole { margin-right: 5px; }
.mail-form .linka span.pole { display: block; }
.mail-form .posun {}
.mail-form .tlacitko, .form-2 .tlacitko { padding: .4em 1.2em; }

form.valid label.error, form.valid strong { margin-left: 5px; font-size: 1em; font-weight: bold; color: #9a0000; }
form.valid label.error { display: block; }
form.valid strong { margin-left: 0; }

@media print {
/* ~-~-~-~-~-~-~-~-~-~-~-~-~-~ kt izolace: tisk ~-~-~-~-~-~-~-~-~-~-~-~-~-~ */
body { margin: 0; padding: 0; font-family: 'Trebuchet MS', Helvetica, 'Arial CE', Arial, sans-serif; font-size: .9em; text-align: left; color: #000; background-color: #fff; }

h1, h2, h3 { margin: 0 0 .2em 0; padding: 0; font-size: 1.8em; font-weight: normal; line-height: 120%; color: #000; }
h2, h3 { font-size: 1.6em; }

a { text-decoration: underline; font-weight: normal; color: #000; }

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

ul { padding-left: 0; list-style-type: square; list-style-position: inside; }

.dr-bek, #menu, .noprint, .stats, #tapeta-1, #odkazy, #logo { display: none; }

#obal { margin: 0; }
#obal, .galerie { width: 100%; overflow: visible; }
.foto {	float: left; margin: 0 5px 5px 0; }
.uklizec { clear: both; }

#paticka-in-in p { margin: 0; padding: 0; }
}