body
{
    background: #393939 url(bodybg.jpg) repeat-x;
    font-family: Tahoma,arial, sans-serif;
    font-size:12px;
    color:#666666;
    height: 100%;
    margin:0;
    padding:0;
	overflow: scroll;
}
#wrapper
{
  background: url(containerbg.jpg) center repeat-y;
}
#wrappertop
{
  background: url(containertop.jpg) top center no-repeat;
}
#wrappertbtm
{
 background: url(containerbtm.jpg) bottom center no-repeat;
}
#container
{
    width:959px;
    margin: 0 auto;
}
#content {
	width: 900px;
	height: auto;
	padding: 60px 36px 30px 31px;
}
#footer
{
    width: 923px;
    color: #a1a0a0;
    font-size: 12px;
    text-align: right;
    padding: 30px 18px 30px 18px;
}

/*      S i t e  C o n t e n t       */


.title
{
	width: 959px;
    padding: 8px 0px 0px 0px;
    font-size: 28px;
    color: #fcc943;
}
#navigation
{
	position: relative;
    width: 959px;
    height: 40px;
    z-index: 2;
}
#navigation ul li
{
	float:left;
    z-index: 2;
    padding: 6px 25px 0px 0px;
}
#navigation ul li a
{
    display: inline;
    position: relative;
    outline: none;
    height: 28px;
    color: #e3e3e3;
    z-index: 2;
    font-size: 14px;
	font-weight: bold;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}
#navigation ul li a:hover
{
	color: #fcc943;
    text-decoration: none;
}
#header_home
{
    background: url(header_home.gif) no-repeat;
	position: relative;
    width: 959px;
    height: 196px;
    z-index: 1;
    margin: 12px 0px 0px 0px;
}
#header_razredi
{
    background: url(header_razredi.gif) no-repeat;
	position: relative;
    width: 959px;
    height: 196px;
    z-index: 1;
    margin: 12px 0px 0px 0px;
}
#header_kontakt:hover
{
    background: url(header_kontakt.gif) no-repeat;
	position: relative;
    width: 959px;
    height: 196px;
    z-index: 1;
    margin: 12px 0px 0px 0px;
	
}
#header_kontakt
{
	background: url(header_kontakt.png) no-repeat;
	position: relative;
    width: 959px;
    height: 196px;
    z-index: 1;
    margin: 12px 0px 0px 0px;	
}
#header_album
{
    background: url(header_album.gif) no-repeat;
	position: relative;
    width: 959px;
    height: 196px;
    z-index: 1;
    margin: 12px 0px 0px 0px;
}
#header_video
{
	background: url(header_video.gif) no-repeat;
	position: relative;
	width: 959px;
	height: 196px;
	z-index: 1;
	margin: 12px 0px 0px 0px;
}
#header_dodatno
{
    background: url(header_dodatno.gif) no-repeat;
	position: relative;
    width: 959px;
    height: 196px;
    z-index: 1;
    margin: 12px 0px 0px 0px;
}
#content_uspomene
{
	width: 900px;
    height:auto;
    min-height:400px;
    padding:60px 36px 30px 31px;
	font-style: italic;
/*	background: yellow;*/
}
/*   E n l a r g e d    i m a g e s    */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail_logo
{
position: relative;
z-index: 0;
}
.thumbnail_logo img
{
border: 0px;
}
.thumbnail_logo:hover
{
background-color: transparent;
z-index: 50;
}

.thumbnail_logo span /*CSS for enlarged image*/
{
position: absolute;
background-color: #393939;
padding: 5px;
left: -1000px;
border: 1px;
visibility: hidden;
color: white;
text-align: center;
font-size: 12px;
text-decoration: none;
}

.thumbnail_logo span img /*CSS for enlarged image*/
{
border-width: 0;
padding: 5px;
}

.thumbnail_logo:hover span  /*CSS for enlarged image on hover*/
{
visibility: visible;
top: -50px;  /*position where enlarged image should offset vertically */
left: -100px; /*position where enlarged image should offset horizontally */
}

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail img
{
border: 0px;
float: left; 
padding: 0px 20px 8px 0px;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px;
visibility: hidden;
color: black;
text-align: center;
font-size: 12px;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -90px;
left: -145px; /*position where enlarged image should offset horizontally */
}

/*   R a z r e d i   */

.lista 
	{
	margin-top: 10px;
	margin-bottom: 15px;
	font-family:arial;
	color: black;
	font-size: 14px;
	}
	.lista thead
	{
	margin: 0 auto;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	}
	.lista thead th
	{
	text-align: center;
	}	
	.lista tr td
	{
		width: 150px;
		text-align: left;
	}
	.statistika
	{
	margin-bottom: 10px;
	font-family:arial;
	color: black;
	font-size: 14px;	
	}
	.statistika tr td
	{
		width: 150px;
		text-align: center;
	}
	.statistika_total
	{
	margin-left: 160px;
	font-family:arial;
	color: black;
	font-size: 14px;	
	}
	.statistika_total tr td
	{
		width: 150px;
		text-align: center;
	}
	

/*  K o n t a k t   I n f o  */

.kontakt
	{
	margin-top:0px;
	font-family:arial;
	font-size: 14px;
	color: black;
	}
.naslov tr th
	{
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	}
	
.sadrzaj tr:hover 
	{ 
	background-color: #FFCC66;
	}
	
.sadrzaj tr td
	{
		text-align: center;
	}
.sadrzaj tr td.ime
	{
		text-align: left;
	}
	
	
/*    I n   M e m o r i a m   */

#memoriam tr td
{
	font-size: 12px;
	font-weight: bold;
	color: black;
}
#memoriam tr td img
{
	height: 150px;
	width: 120px;
}
#memoriam tr td a
{
	font-style: normal;
}
/*        O t h e r       */

.video
{
	font-size: 14px;
	color: black;
}

.clear
{
    clear:both;
}
ul
{
    list-style:none;
}
p {
	font-size: 15px;
	color: black;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	text-indent: 30px;
}
ul,li,body,html
{
    margin:0;
    padding:0;
}
#table_icon tr td
{
	width: 150px;
	text-align: center;
}
#table_icon tr td img
{
	width:140px;
	height:100px;
}

/*     P r o s l a v a    2 0 1 6    */  

#proslava_info 
{
	width: 550px;
	height: 275px;
	background: #fcc943;
	text-align: center;
	font-size: 14px;
	color: black;
	margin-left: 10px;
	border: 1px solid black;
}

#odbor {
	position: relative;
	left: 585px;
	top: -275px;
	width: 300px;
	height: 275px;
	text-align: center;
	font-size: 14px;
	color: black;
	margin-left: 4px;
	background: #fcc943;
	border: 1px solid black;
}
#ucesnici {
	position: relative;
	left: 0px;
	top: -255px;
	font-size: 14px;
	color: Black;
	text-align: center;
}


#gosti {
	position: relative;
	top: -230px;
	height: auto;
}