@charset "utf-8";
/* This CSS file was created by Michal Pelikán ( michal@scarysek.com ). Whole CSS and linked images
   are copyrighted work and you have no right to use those files in any kind of other project, unless
   the author and owner gave you the permission. */
 
body {
	margin: 0; padding: 0; background-color: #e6e6e6; font-family: Verdana, Geneva, sans-serif; font-size: 12px;
}

#pack {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

#header {
	margin: 0 auto;
	padding: 0;
	width: 720px; /* nefunkcni v IE 5.5 (nutne +40px), opakuje se jeste v #content a #menu */
	height: 100px;
	background: #FFF url('gfx/pagebg_white-gray.gif') repeat-y;
}

#menuline-packer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 150px;
	background-color: #F00;
}

#menu {
	margin: 0 auto;
	padding: 0;
	width: 720px;
	height: 100%;
	background: #52656b url('gfx/pagebg_gray-red.gif') repeat-y;
}

#navi li a {width: 218px; height: 20px; display: block;}
#content {
	margin: 0 auto;
	padding: 0;
	width: 720px;
	background: #FFF url('gfx/pagebg_white-gray.gif') repeat-y;
}

#header, #menu, #content {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

#logo {
	margin: 0;
	padding: 0;
	margin-top: 22px;
	margin-left: 31px;
	border: none;
}

h1 {
	margin: 0;
	padding: 0;
	margin-left: 315px; /* přepracovat do podoby návrhu, pravděpodobně bude nutný další div */
	display: inline;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; /* očividně nevhodné písmo, najít lepší a otestovat */
	font-size: 10pt;
	font-style: oblique;
}

/* ZACETEK MENU  ZACETEK MENU  ZACETEK MENU  ZACETEK MENU  ZACETEK MENU  ZACETEK MENU */

#navi {
	margin: 0;
	padding: 0;
	-margin-right: -8px;
	width: 225px;
	height: 150px;
	display: inline;
	float: left;
}
#navi li {
	margin: 0;
	paddign: 0;
	padding-left: 10px;
	=position: relative;
	=right: 16px;
	width:	100%;
	=width: 218px;
	height: 20px;
	/* border: 1px solid blue; */
	list-style-type: none;
	font-family: "Lucida Console";
	font-size: 9pt;
	color: white;
	margin-top: 10px;
	padding-top: 5px;
}

#navi li:hover {
	background-color: gray;
}

#navi li a {
	color: #FFF;
	text-decoration: none;
}

#navi li a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* KONEC MENU  KONEC MENU  KONEC MENU  KONEC MENU  KONEC MENU  KONEC MENU */

#banner {
	text-align: right;
	margin: 0;
	padding: 0;
	-margin-left: -8px;
	display: inline;
	float: right;
	margin-right: 15px; /* možná předělat na display: inline; a prohodit v html na prvni misto #menu */
	width: 477px;
	height: 150px;
	background: gray url('gfx/banner-foto-zatepleni.jpg') no-repeat; /* pak dořešit obrázkem a divem přes něj... jo, zjisti si to */
}
 /* textová část */
 
 #text {
	 margin: 0;
	 padding: 0;
	 margin-left: 228px;
	 width: 477px;
 }
 
 /* obsah */
 
 h2 {
	 margin: 0;
	 padding: 0;
	 position: relative;
	 top: 11px;
	 font-size: 20px;
	 color: #52656b;
 }
 
 h3 {
	 color:#333;
 }
p.perex {
	color: gray;
	/* color: #09F; */
	/*	color: #ff712c; */
	font-style: italic;
	margin-top: 2em;
}

/* tiraz */

#tiraz {
	margin: 5px auto;
	padding: 5px;
	width: 680px;
	background: gray;
	color: white;
	font-size: 10px;
	text-align: right;
}

#tirmenu {
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: inline;
	float: left;
}

#tirmenu li {
	margin: 0;
	padding: 0;
	display: inline;
}

#tirmenu li a {
	text-decoration: none;
	color: white;
}

#tirmenu li a:hover {
	color: white;
	text-decoration: underline;
}

#copyr {
	display: inline;
}

#pata {
	margin: 0 auto;
	padding: 0;
	width: 754px;
	height: 29px;
	background: #e6e6e6 url('gfx/bottom.gif') no-repeat;
	position: relative;
	bottom: 5px;
	=bottom: 0px;
}

#hCard-Martin-Bubak {
	margin: 0;
	padding: 0;
	display: inline;
	clear: both;
}

#hCard {
	/* width: 300px; */
	border: 3px dotted #CCC;
	padding: 1em;
}

#submenu {
	float: left;
	margin-top: 1em;
}

#obalgalerie {
	margin: 0;
	padding: 0;
	margin-top: 2em;
	display: block;
}

#obalgalerie .fotka {
	width: 100px;
	height: 80px;
	margin-left: 1px;
	border: 1px solid gray;
}

#nazevfotky {
	height: 60px;
	margin-top: -71px;
	padding-left: 110px;
	border: 0px solid black;
}

input.mail {
	width: 300px;
}

textarea {
	width: 374px;
}

#mySlideShow {
width: 477px !important;
height: 150px !important;
}

#fotosou img {
	width: 150px;
	height: 110px;
	border: 1px solid gray;
}

.bezpuntiku {
	list-style-type: none;
}

img {
	-ms-interpolation-mode: bicubic;
}

#nahodnefotobox {
	margin: 0;
	margin-top: 2em;
	padding: 0;
	padding-bottom: 2em;
	text-align: center;
	background: #e8e8e8;
	border: 1px solid gray;
}
.tel	{
	font-weight:bold;
	font-size:larger;
}