* {margin:0; padding:0;}
body {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../grafiki/tlo_tin.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font: normal 11px Tahoma, Arial, sans-serif;
	color: #4b2e0e;
}
a:link {
	color: #725839;
	text-decoration: none;
	border: none;
}
a:visited {
	color: #725839;
	text-decoration: none;
	border: none;
}
a:hover, a:focus {
	color: #725839;
	text-decoration: underline;
	border: none;
	outline: 0;
}
a:active {
	color: #725839;
	text-decoration: none;
	border: none;
	}

p, img {
	margin: 0;
	padding: 0;
	border: none;
}



#cont{
	background-image: url(../grafiki/tlo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
	height: 768px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-bottom: 1px solid #4b2e0e;
}
#main {
	margin: 0px auto;
	padding: 0px;
	height: 768px;
	width: 1000px;
	text-align: center;
	overflow: hidden;
}


.logo {
	left: 10px;
	top: 0px;
	position: relative;
	float: left;
}



.mainmenu {
	position: relative;
	top: 0px;
	right: 0px;
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 83px;
	display: inline;
	height: 83px;
}
.mainmenu li {
	float: left;
	margin-right: 15px;
}
.activ {
	font-weight: bold;
}


p.mainpage {
	clear: both;
	background-image: url(../grafiki/tlo_p_mainpage.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 52px;
	width: 463px;
	margin-left: 67px;
	line-height: 50px;
	padding-left: 20px;
	text-align: left;
}






#nav {
	margin: 0 0 0 67px;
	padding: 0;
	height: 570px;
	list-style: none;
	overflow: hidden;
	width: 463px;
	position: relative;
	float: left;
	}

#nav li {
	margin: 0; 
	padding: 0;
     list-style: none;
	
	}

#nav a {
	display: block;
	padding: 110px 0 0 0;
	overflow: hidden;
	height: 0px; 
	}
	
#nav a:hover {
	background-position: 0 -110px;
	}	
#fs a  {
	width: 463px;
	background: url(../grafiki/fs.jpg) no-repeat left top;
	}
#fd a  {
	width: 463px;
	background: url(../grafiki/fd.jpg) no-repeat left top;
	}
#fo a  {
	width: 463px;
	background: url(../grafiki/fo.jpg) no-repeat left top;
	}
#fr a  {
	width: 463px;
	background: url(../grafiki/fr.jpg) no-repeat left top;
	}
#snm a  {
	width: 463px;
	background: url(../grafiki/snm.jpg) no-repeat left top;
	}
	
.fotomainpage {
	clear: right;/*	position: absolute;*/
	margin-top: -52px;
	margin-right: 66px
}
.fo {
	text-align: center;
	margin-top: 40px;
	color: #ccc; 
}





/*.foto{
	float: right;
}*/
.opis, .opisbig, .opisempty {
	color: #fff;
	text-align: left;
	width: 766px;
	line-height: 20px;
	height: 20px;
	opacity: 0.5;
	position: relative;
	top: -22px;
	margin: 0px auto;
	font-size: 13px;
	padding: 0px 20px;
	background-image: url(../grafiki/tlo_opis.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.opis {
	line-height: 20px;
	height: 20px;
	margin: 130px auto 0px;
	text-align: center;
	opacity: 0.65;
}
.opisbig {
	line-height: 16px;
	height: 150px;
	margin-top: -130px;
	opacity: 0.6;
	}
.opisempty {
	height: 150px;
	opacity: 0;
}

#navfoto {
	height: 110px;
	width: 866px;
	background-image: url(../grafiki/tlo_menufoto.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: -22px 0px 0px 67px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
	}

#navfoto li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#navfoto a {
	float: left;
	padding: 110px 0 0 0;
	overflow: hidden;
	height: 0px;
	}
	
#navfoto a:hover {
	background-position: 0 -110px;
	}

#navfoto a:active, #navfoto a.selected, #navfoto a.selected:hover {
	background-position: 0 -220px;
	}
#fsre a  {
	width: 165px;
	background: url(../grafiki/fsre.jpg) no-repeat left top; 
	}
#fspl a  {
	width: 165px;
	background: url(../grafiki/fspl.jpg) no-repeat left top;
	}
#fspl2 a  {
	width: 165px;
	background: url(../grafiki/fspl2.jpg) no-repeat left top;
	}
#fsst a  {
	width: 165px;
	background: url(../grafiki/fsst.jpg) no-repeat left top;
	}
#fdd a  {
	width: 215px;
	background: url(../grafiki/fdd.jpg) no-repeat left top;
	}
#foo a  {
width: 215px;
background: url(../grafiki/foo.jpg) no-repeat left top;
}
#frr a  {
width: 215px;
background: url(../grafiki/frr.jpg) no-repeat left top;
}
#snmm a  {
width: 215px;
background: url(../grafiki/snmm.jpg) no-repeat left top;
}
	
	
	
	
	
	
	
	
#navfoto ul {
	width: 370px;
	float: left;
	vertical-align: baseline;
	line-height: 110px;
	font-size: 10px;
}
#navfoto ul.big {
	font-size: 17px;
	width: 650px;
}
#navfoto ul li
{
	display: inline;
	padding: 0;
	margin: 0;
	
}

#navfoto ul li a
{
text-decoration: none;
width: auto;
background: none;
height: 110px;
padding: 0 1px 0 0;
}
#navfoto ul li a:hover, #navfoto ul li a:focus
{
	background-color: #000;
	color: #fff;
	opacity: 0.3;
	outline: 0;
}






#navfoto li#fsre.triple {
	width: 535px;
	height:111px;
	display: block;
	float: left;}
#navfoto li#fsre.triple ul {
	line-height: 37px;
	height: 37px;
}
#navfoto li#fsre.triple ul li{
height: 37px;}
#navfoto li#fsre.triple ul li a{
height: 37px;
}



.active {
	font-size: 230%;
	line-height: 101px;

}
.active1 {
	font-size: 110%;
	line-height: 109px;

}
.active2 {
	font-size: 130%;
	line-height: 108px;
}
.active3 {
	font-size: 150%;
	line-height: 107px;
}
.active4 {
	font-size: 170%;
	line-height: 106px;
}
.active5 {
	font-size: 190%;
	line-height: 104px;
}
ul.big .active {
	font-size: 230%;
	line-height: 96px;}
ul.big .active1 {
	font-size: 110%;
	line-height: 109px;}
ul.big .active2 {
	font-size: 130%;
	line-height: 107px;}
ul.big .active3 {
	font-size: 150%;
	line-height: 105px;
}
ul.big .active4 {
	font-size: 170%;
	line-height: 102px;}
ul.big .active5 {
	font-size: 190%;
	line-height: 100px;}
	
	
.triple .active {
	font-size: 230%;
	line-height: 28px;}
.triple .active1 {
	font-size: 110%;
	line-height: 36px;}
.triple .active2 {
	font-size: 130%;
	line-height: 35px;}
.triple .active3 {
	font-size: 150%;
	line-height: 34px;}
.triple .active4 {
	font-size: 170%;
	line-height: 33px;}
.triple .active5 {
	font-size: 190%;
	line-height: 30px;}

#navkon {
	text-align: center;
	width: 866px;
	height: 350px;
	position: relative;
	top: -489px;
	margin: 0px auto -480px;	
}
.navkonl, .navkon2, .navkonlblink, .navkon2blink {
	height: 483px;
	width: 25px;
	float: left;
	line-height: 1000px;
	opacity: 0.5;
	font-size: 36px;
	color: #fff;
	overflow: hidden;
}
.navkon2, .navkon2blink {
	float: right;
}

a.navkon1blink:link, a.navkon2blink:link, a.navkonl:link, a.navkon2:link {
	background-image: url(../grafiki/nav_l.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 1000px;
}
a.navkonl:link, a.navkon2:link {
	background-image: url(../grafiki/nav_e_hover.gif);
}
a.navkon2blink:link {
	background-image: url(../grafiki/nav_r.gif);
}
a.navkonlblink:visited {
	line-height: 1000px;
	background-image: url(../grafiki/nav_l.gif);
}
a.navkon2blink:visited {
	line-height: 1000px;
	background-image: url(../grafiki/nav_r.gif);
}
a.navkonl:visited, a.navkon2:visited {
	background-image: url(../grafiki/nav_e_hover.gif);
}
#navkon a:hover {
	background-image: url(../grafiki/nav_l_hover.gif);
	text-decoration: none;
	cursor: pointer;
}
#navkon a.navkon2:hover, #navkon a.navkon2blink:hover {
	background-image: url(../grafiki/nav_r_hover.gif);
	text-decoration: none;
}
#navkon a:active {
	background-image: url(../grafiki/nav_l_hover.gif);
	text-decoration: none;
}