body,td,div,table,p,input {font:normal 12px 'Trebuchet MS','Arial'; line-height: 14px;}
body {background: url(ballback.jpg); margin:0; padding:0; text-align:center; color: #444; }

a { color: #080; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

#ana {background: url(backk.png); width: 772px; margin: 0 auto;}
#logo { background: url(ustarka.jpg); width:760px; margin: 0px 6px; }
#logo img { float: left; }
#logo p { float: right; margin-top: 120px; height: 17px; margin-right: 5px; }
#icerik { clear:both; margin: 20px; min-height: 350px; text-align: justify;}
#alt { background: url(ustarka.jpg); width: 760px; margin: 10px 6px 0px 6px; border-top: 1px solid #777;}
#alt p { margin: 10px; font-weight:bold; }
#alt a { color: #444; }
#alt a:hover { color: #000; }

#icerik h2 { line-height: 30px; display: block; margin:0; border-bottom: 1px solid; }

#vista_toolbar {
width:760px; 
font:normal 12px 'Trebuchet MS','Arial';
margin:0 6px;
padding:0;
border-bottom:1px solid #777;
display: block;
}

#vista_toolbar ul {
background-image:url(menuback.jpg);
background-repeat:repeat-x;
float:left;
line-height:40px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#fff; /* need because it will use default link color */
float:left;
padding:0 7px 0 7px; /* left 3 px because of left.png image */ 
text-decoration:none;
font-weight:bold;
background: url(s_left.jpg) no-repeat left center;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
background:url(s_right.jpg) no-repeat right center;
}

#vista_toolbar a.indir {
background: url(i_left.jpg) no-repeat left center;
}

#vista_toolbar a.indir span {
background:url(i_right.jpg) no-repeat right center;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(t_left.jpg) no-repeat left center;
}

#vista_toolbar a:hover span {
background:url(t_right.jpg) no-repeat right center;
}

#vista_toolbar a.right {
float:right;
}

	#mainContainer{
		margin:0 auto;
		text-align:left;
		padding:3px;
		width:100%;
	}
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:250px;
	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:280px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:4px solid #317082;	/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:5px solid #317082;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}

.gzl { display: none; visibility: hidden; }

#site { float: left; padding-top: 137px; width: 305px; background-image: url(logo.jpg); background-repeat: no-repeat; overflow: hidden; height: 137px; voice-family: "\"}\""; voice-family:inherit; height: 0; font-size:1px;}