/* ~-~-~-~-~-~-~-~-~-~-~-~-~-~ kt izolace (www.ktizolace.cz) ~-~-~-~-~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~ design pomoci CSS rozhejbal IdeFixx (www.sucharda.cz) ~-~-~-~-~-~-~-~ */
/*@import "reset.css";*/

html, body { height: 100%; }

body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Myriad Web', Myriad, 'Myriad Pro', '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: #D86F33; }
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%; 
	min-height: 100%;
	text-align: center;
}

body>#stranka { height: auto; }

#logo { position: relative; z-index: 3; top: 23px; 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: 70px;
	width: 760px; /* min. viewport 800x600px :) */
	min-height: 375px;
	padding-bottom: 124px; /* brouk v lisce (ff 2/3, safari 3) - nelze oznacit text | viz r. 127 */
	text-align: left;
	overflow: auto;
}

.uklizec { clear: both; }

/* ~-~ hlavni nabidka ~-~ */
#menu {
	position: absolute;
	margin: auto;
	z-index: 3;
	top: 117px;
	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%; position: absolute; z-index: 1; bottom: 0; height: 190px; background: url("paticka.png") bottom repeat-x; }
#paticka-in { margin: auto; margin-top: 66px; width: 760px; height: 108px; background: url("paticka-in.png") 50% 0 no-repeat; }
#paticka-in-in { margin-left: 245px; padding-top: 25px; width: 286px; height: 60px; text-align: left; font-size: .9em; }
/* ani "z-index: 99" lisce (ff 2/3, safari 3) nepomuze :( */

#paticka-in-in p { margin: 0 0 0 8px; padding: 1px 0 0 20px; /*letter-spacing: -1px; (safari 3)*/ }

.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 450px; overflow: hidden; font-size: .7em; }

/* ~-~ doplnky ~-~ */
#tapeta-1 { position: absolute; z-index: 2; top: 0; width: 100%; height: 214px; background: url("hlavicka.png") repeat-x; }
#tapeta-2 { width: 760px; margin: auto; height: 142px; background: url("fotky.png") right no-repeat; }
#tapeta-3 { height: 248px; background: url("tapeta-pozadi-3b.png") 50% 0 no-repeat; }

.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; }
/* inspirace - http://www.webdesignerwall.com/tutorials/css-decorative-gallery/ */

.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 { margin: 0 0 2em 9px; border-collapse: collapse; font-size: .8em; width: 92%; }
table td { padding: 5px 0; text-align: left; border-bottom: 1px solid #dadada; }