body {
	margin: 0px;
	padding: 0px;
	font-family: "Verdana CE", "Helvetica CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #E2E2E2;
	text-align: center;
}

input {
	border: 1px solid #9A9C9C;
}

img   {
	border: 0px;
}
.clanek img   {
	border: 0px;
	margin: 0px 4px;
}

h1 a, a:hover {
	color: #c00;
	text-decoration: underline;
}
h1 a:hover, a {
	color: #c00;
	text-decoration: none;
}
	
#page {
	position: relative;
	text-align: left;
	width: 751px;
	margin: auto;
	font-size: 80%;
}
#head1 {
	width: 187px;
	height: 140px;
	background-image: url("/grafika/head1.gif");
}
#head12 {
	width: 13px;
	height: 140px;
	background-image: url("/grafika/head12.gif");
}
#head2 {
	width: 550px;
	height: 140px;
	background-image: url("/grafika/head2.gif");
}
#menu {
	position: relative;
	top: 52px;
}
#left {
	position: absolute;
	width: 158px;
	top: 140px;
	left: 15px;
	padding: 5px;
	background: #C8D6DD;
	border-left: 1px dotted #9A9C9C;
	border-bottom: 1px dotted #9A9C9C;
	border-right: 1px dotted #9A9C9C;
}
#content {
	position: absolute;
	width: 560px;
	top: 140px;
	left: 188px;
	text-align: justify;
	background: #F2F2F2;
	border-left: 1px dotted #9A9C9C;
	border-bottom: 1px dotted #9A9C9C;
	border-right: 1px dotted #9A9C9C;
}
#content h1 {
	font-size: 120%;
	color: #c00;
	padding-top: 20px;
}
#content h1 a,.inside a:hover,.clanek a:hover {
	color: #c00;
	text-decoration: underline;
}
#content h1 a:hover,.inside a,.clanek a {
	color: #c00;
	text-decoration: none;
}
.inside {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;	
}
.h2{
	font-size: 100%;
	font-weight: bold;
	color: #00508c;
}
.h3 #content h3{
	font-size: 100%;
	color: #00508c;
}
.clanek h2 {
	font-size: 100%;
	font-weight: bold;
	color: black;
}
.clanek h3 {
	font-size: 100%;
	font-weight: normal;
	color: black;
}
.h2 a:hover, .h3 a:hover {
	color: #00508c;
	text-decoration: underline;
}
.h2 a, .h3 a {
	color: #00508c;
	text-decoration: none;
}
.info {
	text-align: right;
	color: #9A9C9C;
	font-size: 0.90em;
}
.info img {
	position: relative;
	top: 3px;
}
.info a {
	text-decoration: none;
	color: #9A9C9C;
}
.info a:hover {
	text-decoration: underline;
	color: #9A9C9C;
}
.date {
	position: relative;
	top: -4px;
	left: 10px;
}
.left_nadpis {
	border-top: 1px solid #AAB7BD;
	border-bottom: 1px solid #AAB7BD;
	font-weight: bold;
	margin-top: 23px;
}
.left_date {
	color: #c00;
	border-bottom: 1px solid #AAB7BD;
	font-weight: bold;
}
.left_text {
	border-bottom: 1px solid #AAB7BD;
	text-align: right;
}
.left_text a,.left_nadpis a {
	color: black;
	text-decoration: none;
}
.left_text a:hover,.left_nadpis a:hover {
	color: black;
	text-decoration: underline;
}
#left input {
	border: 1px dotted #9A9C9C;
}
.poslat {
	font-family: webdings;
}
.prispevek {
	margin: 0.5em 0em;
	border: 1px dotted #9A9C9C;
	font-size: 0.90em;
}
.prispevek div {
	font-weight: bold;
	padding:0.25em;
}

.prispevek img {
	vertical-align: middle;
}

.prispevek p {
	padding:0.5em;
	margin: 0em 0em 0em;
}
.sedy
{
	background-color: #E2E2E2;
}
.w99
{
	width: 99%;
}
.w125 {
	width:125px;
}
.w390 {
	width:390px;
}
.mimg {
	vertical-align: middle;
}
.fll {
	float:left;
}
.flr {
	float:right;
}
.clr {
	clear:both;
}
.dg	{
	background-color:#D0D0D8;
}
#navrcholu {
	float:left;
}
#footer2 { height: 30px; background: #C9D6DE url('/grafika/ferda.gif') bottom right no-repeat; border-top: 1px dotted #989C9D; color: #717C80; font-size: 89%; font-weight: bold; padding: 10px 60px 0 0; text-align: right; }

/* Homepage top box */
.halfbox {
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	width:260px;
	font-size: 100%;
	text-align:left;
}
.halfbox h2{
	font-weight: bold;
	#color: #00508c;
	font-size: 1em;
	margin-bottom:0px;
}
.halfbox a {
	color: black;
	text-decoration: none;
	}

.halfbox a:hover,.halfbox a.red:hover {
	color: #c00;
	text-decoration: underline;
	}
.halfbox ul {
margin-top: 5px;
margin-left: 0px;
padding-left:16px;
padding-bottom: 0px;
}
.halfbox li {
list-style-image: url('/grafika/externi-link.gif');
margin-left: 0px
}

.halfbox ul.links li {
list-style-image: url('/grafika/jagg-logo.gif');
margin-left: 0px
}

.halfbox a.red {
	color: #c00;
	text-decoration: none;
	}
/* Youtube page */
.box1	{
	padding-top: 10px;
}

.box1 h2 {
	font-size: 1em;
	margin-bottom:0px;
}
.box1 img {
	margin-right:10px;
}
.box1 a {
	text-decoration: underline;
	color: #00508c;
}	 


/* Fotogalerie */
.h { display: none; }
#fotogalerie a { color: #657A8B; text-decoration: underline; }
#fotogalerie a:hover { color: black; }
#fotogalerie { width: 695px; _width: 737px; _w\idth/**/: 695px; background-color: #F2F2F2; margin-left: 13px; border-left: 1px dotted #9A9C9C; border-right: 1px dotted #9A9C9C; padding: 10px 20px; }

.tit { font-weight: bold; font-size: 93%; width: 150px; border-bottom: 1px solid #C9C9C9; margin-bottom: 20px; }
.perex { background-color: #D7E1E3; width: 100%; height: 272px; color: #657A8B; line-height: 100%; margin-bottom: 5px; }
.perex img { margin-right: 10px; }
.text { width: auto; height: 225px; margin-left: 10px; padding-left: 30px; }
.title { background: url('/grafika/bublina.gif') left top no-repeat; padding: 8px 0 0 25px; margin: 10px 0 0 -23px; height: 30px; }

.title a { font-weight: bold; }
.pages { border-top: 5px solid #F2F2F2; padding: 10px 0; text-align: center; font-size: 89%; }
#gallery { margin: 0 -18px;}
.ph { width: 160px; height: 140px; float: left; margin: 9px; background: #D7E1E3 url('/grafika/bublina.gif') bottom left no-repeat; }
.ph a { margin-left: 30px; font-weight: bold; font-size: 89%; }
.ph .in { height: 120px; text-align: center; }
.ph .in a { margin-left: 0px;}

.photo { width: 360px; height: 360px; background-color: #D7E1E3; float: left; }
.view { float: left; width: 330px; }
.view img { float: left; margin: 0 0 5px 5px; }
.name {  width: 160px; height: 50px; color: #899AA4; padding: 10px; float: left; font-size: 76%; border-right: 1px solid #C1CAD1; }
.name h4 { background: url('/grafika/bublina.gif') top left no-repeat; font-size: 100%; color: black !important; padding-left: 25px; margin: 0px; }
.nav { width: 170px; font-size: 76%; padding-top: 5px; line-height: 200%; float: left;}
.nav a { text-decoration: none !important; display: block; margin: 5px 10px; float: left; padding-top: 15px; width: 50px; }
.nav .prev { background: url('/grafika/galerie-previous.gif') 30px 0px no-repeat; }
.nav .next { background: url('/grafika/galerie-next.gif') 0px 0px no-repeat;}
.nav2 {text-align:center; font-size: 76%;}
.numbers {  background-color: #EBECF0; padding: 2px 10px; font-size: 76%; color: #687387; height: 20px; }
.numbers a { color: #687387; }
#footer { width: 675px; _width: 737px; _w\idth/**/: 675px; margin-left: 13px; height: 30px; background: #C9D6DE url('/grafika/ferda.gif') bottom right no-repeat; border: 1px dotted #989C9D; color: #717C80; font-size: 89%; font-weight: bold; padding: 10px 60px 0 0; text-align: right; }
@media print {
#horni_navigace,#navrcholu,#left {display:none;}
#content {left:50px; top:0px;}
}

