body { 
	padding: 0px; 
	margin: 0px; 
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	color: black; 
	background-color: #C1CBD9;
}

p {margin-top: 5px; margin-bottom: 15px;}

/** 
	Ješte jednou se setkám s takhle prasáckým CSS a budu šílet !!!! 
	Tomáš Bílek
**/

/* Jak nekdo muže žít bez:*/

.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.alignJustify {text-align: justify;}
.noBorder {border: none;}
table.tabulkaRef tr td.width150 {width:150px; }
table tr td.width350 {width:350px; }
table tr td.width180 {width:170px; }
table tr td.width330 {width:320px; }
.clearAll {float: none; clear: both; width: 100%;}
table.tabulkaRef {
	width: 510px;
}



td { vertical-align: top; } /* Probuh proc ??*/
a { color: #345787; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }

.cls{ clear: both; padding: 0px;margin: 0px;}

#hlavni{ 
		margin: 0px auto 0px auto; 
		width: 717px; 
		background: url(../images/pozadi.gif) center top repeat-y; 
}
#top-frame {
	height: 56px;
	width: 717px;
	
	background-image: url(../images/top-gradiant.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}

#top-grafika{ height: 158px; width: 717px; background: url(../images/top-grafika.jpg) no-repeat #002968; border-top: 2px solid white; border-bottom: 2px solid white; text-align: left; }

#stred-frame{ background: url(../images/gradiant-obsah.jpg) top repeat-x transparent; margin: 0px; padding: 0px 17px 26px 17px; }
#stred-frame #left-frame{ background: url(../images/gradiant-menu.jpg) top repeat-x #CBD8EA; width: 160px; overflow: hidden; float: left; }

/*-menu -----------------*/
#stred-frame #left-frame .menu-kontakt{ padding: 10px; text-align: left; line-height: 135%;}
#stred-frame #left-frame .menu-kontakt h3{ font-size: 12px; margin-bottom:0px; margin-top:0px;}

#stred-frame #left-frame .menu{ padding: 17px; text-align: left; }
#stred-frame #left-frame .menu A{ padding-left: 18px; background: url(../images/odrazka-off.gif) center left no-repeat; line-height: 20px; display: block; color: #001A43; text-decoration: none; font-weight: bold; }
#stred-frame #left-frame .menu A:hover{ padding-left: 18px; background: url(../images/odrazka-on.gif) center left no-repeat; line-height: 20px; display: block; color: #345787; text-decoration: none; font-weight: bold; }
#stred-frame #left-frame .menu A.active{ padding-left: 18px; background: url(../images/odrazka-on.gif) center left no-repeat; line-height: 20px; display: block; color: #345787; text-decoration: none; font-weight: bold; }

/*- pravý rám obsah ------*/
#stred-frame #right-frame{ width: 506px; float: left; padding-left:15px;}
#stred-frame #right-frame h1{ line-height: 36px; padding: 10px 0px 0px 0px; margin: 0px; font-size: 16px; color: #345787; text-align: right; }

#stred-frame #right-frame h2{ line-height: 36px; padding: 0px 0px 0px 0px; margin: 0px; font-size: 16px; color: #345787; text-align: left; }

#stred-frame #right-frame h1 span{ padding: 0px 0px 0px 20px; background: url(../images/sipka.gif) no-repeat center left; display: inline-block; }

/*- fotogalerie ----------*/
#fotogalerie{
	/*border:1px solid #345787;*/
	border: none;
	float: left;
	padding: 0px;
	margin: 0px;
}
#fotogalerie .obrazek{
	float: left;
	padding: 2px 2px 0px 2px !important;
	padding: 2px 2px 2px 2px;
	border:1px solid #345787;

}

.imgBorder{
	border:1px solid #345787;
	float: right;
	padding: 2px;
}

#bottom-frame{ background-color: #001A43; color: #B0BFD4; line-height: 33px; font-size: 13px; font-weight: bold; padding-right: 17px; }
#bottom-frame a { color: #B0BFD4; }


.floatleft { float: left; margin-right: 10px; }
.floatright { float: right; margin-left: 10px; }
.floatcenter { text-align: center; }

.cerny-odkaz { color: #000000; }