body {
	font-family: 'KelsonSansRegular';
	font-size: 12px;
	color: #111;
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	height: auto;
}
h1,h2,h3,h4 {

	color: #000;
	padding:4px;
}
h1 {	
	padding:0px;
	font-size: 18px;
	text-transform: uppercase;
}
h2 {
	font-size: 16px;
	text-transform: uppercase;
}
h3 {
	font-size: 14px;
	text-transform: uppercase;
}
h4 {
	font-size: 12px;
	text-transform: uppercase;
	text-align:right;
		background: #e7ff66;
		display: table-cell;
padding: 4px;
width: 100px;
max-width: 100%;
}
h5 {
	margin-left: 8px;
}
a { 
	color:#000;
	text-decoration: none;
}
.clear{	/* the clearfix class */
    clear:both;
}
#wrap {
	position: relative;
	margin: 0px auto;
	width: 1140px;
	height: auto;
}
	#container {
		display:block;
		/*background: url('../img/body.jpg') no-repeat top;*/
		width: 1140px;
		height: auto;
		margin: 0 auto;
	}
	#content {
		width: 1140px;
		height: auto;
		margin: 0 auto;
		/*background: rgba(255,255,255,0.75);
		padding: 15px 0 0 0;*/
	}
	#content_left {
		color: #3c3c3b;
		width: 100px;
		height: auto;
		margin: 0 auto;
		float: left;
		border-left: 2px solid #c1c1c1;
	}
	#content_left p{
		font-size: 12px;
		padding: 6px 2px 0px 0px;
		font-weight: bold;
	}
	#content_left h1{
		background: #e7ff66;
		width: 100px;
		margin: 0px;
		height: 25px;
		text-align: right;
	}
	#content_center {
		width: 668px;
		height: auto;
		margin: 0 auto;
		float: left;
		color: #000;
		line-height: 15px;
	}
	#content_wrap {
		width: 1038px;
		height: auto;
		margin: 0 auto;
		float: left;
		color: #3c3c3b;
	}
	#hall {
		width: 628px;
		height: auto;
		height: auto;
		margin: 0px 0px 0px -54px;
		color: #3c3c3b;
		float: left;
	}
	#content_center ul {
		margin: 70px 0px 0px 0px;
		padding: 10px 0px 100px 0px;
		background: rgba(255,255,255, 0.8);
	}
    #content_center ul li:before{
		content:"-";
		position:relative;
		/*margin-left: -10px;  optional, for multiline li element */
		left: -5px;
	}
	#content_right{
		color: #706f6f;
		font-size: 10px;
		width: 370px;
		height: auto;
		margin: 14px auto;
		float: left;
	}
	#content_right h1{
		font-size: 12px;
		margin: 0 auto;
		float: left;
		color: #858585;
	}
	#content_right p {
		width: 370px;
		height: auto;
		margin: 6px 0px 0px 0px;
		padding: 0px;
		float: left;
		background: rgba(255,255,255,0.8);
		line-height: 13px;
	}

	#friends_top {
		width: 370px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}
	#hall_top {
		width: 636px;
		height: auto;
		margin: 0 0 0 0;
		padding: 0px;
	}
	#hall_header h1 {
		font-size: 12px;
		margin: 0 auto;
		float: left;
		color: #858585;
	}
	a {
		text-decoration: none;
	}

/*  Header  */

	header{
        display: block;
        width: 1140px;
        height: 370px;
		margin: 0 auto;
		background: url('../img/logo.jpg') no-repeat;
    }
	#logo_top{
		display:table-cell;
		width: 1140px;
		height: 200px;
		text-align: center;
		vertical-align: middle;
		
    }
	#logo_top h1{
		
	}
	#logo_top a{
		color: #3aa835;
		font-size: 26px;
		letter-spacing: 1px;
		font-weight: 200;
	}
	#logo_down{
		width: 1140px;
		height: 170px;	
    }
	ul {
		list-style-type: none;
	}
	div.clear_both {
		margin: 0;
		padding: 0;
		font-size: 0;
		height: 0;
		line-height: 0;
		clear: both;
	}
	#navlist li {
		font-family: 'Robotoregular';
		font-size: 16px;
		display: inline;
		list-style-type: none;
		padding-right: 40px;
		height: auto;
		margin: 0 auto;
		
	}
/*  Twitter  */
	#twitter-box{
		width: 306px;
		height: 100%;
		margin: 0;
		border: 1px solid #858585;
	}
	#twitter-head a{
		color: #fff;
	}
	#twitter-head a:hover{
		text-decoration: underline;
		color: #fff;
	}
	#twitter-head h1{
		font-size: 12px;
		text-align: left;
		float: left;
		padding: 8px;
		margin: 0;
	}
	#twitter-head h2{

		text-align: right;
		float: right;
		margin: 0px ;
		padding: 5px 5px 0 0;
	}
	#twitter-head{
		height: 32px;
		background: #858585;
		border-bottom: 2px solid #e7ff66;
	}
/*  Instagram  */
	#instagram-box{
		float:left;
		width: 204px;
		height: 204px;
		margin: 0 0 4px 0;
	}
	#instagram {
		margin:0;
		padding:0;
		overflow:hidden;
		z-index:7;
	}
/*  Facebook  */

	#plakat {   
		position: relative;   
		width: 204px;   
		height: 204px;  
		float: left;
		margin: 4px 0 0 0;   
		display: block;
	}
	#plakat img {
	/*max-width: 100%;
    height: auto;*/
	
	max-height: 100%;
	width:auto;
	}
	#galerija{
		display: block;
		background: #d8d8d8;
		width: 204px;
		height: 204px;
		overflow:hidden;
	}

	#youtube-video{
		width: 204px;
		height: 100px;
		overflow: hidden;
		float:none;
		padding: 0px;
	}

/*  Blog  */
	#blog-box{
		display: block;
		background: #fff;
		width: 306px;
		height: 618px;
		float:left;
		border: 1px solid #858585;
		overflow: hidden;
	}
	#blog-box h1{
		background: #858585;
		border-bottom: 4px solid #e7ff66;
		font-size: 12px;
		color: #fff;
		text-align: left;
		padding: 8px;
		margin: 0;
	}
	#blog-box p {
		margin: 0;
		padding: 0px 8px 0 8px;
		line-height: 16px;
	}
	#footer {
        display: block;
        width: 1140px;
		margin: 0 auto;
		float:left;
		
	}
	#footer p {
		font-size: 9px;
		letter-spacing: 1px;
		text-align: right;
		vertical-align: top;
	}
	#el1 {
		width: 308px;
		margin: 0;
		padding: 0;
		float: left;	
	}
	#el2 {
		width: 204px;
		margin: 0 4px 0 0;
		height: auto;
		padding: 0;
		float: left;
		
	}
	#el22 {
		width: 204px;
		margin: 0 4px 4px 0;
		padding: 0;
		float: left;
		
	}
	#el23 {
		width: 100px;
		margin: 0 4px 4px 0;
		padding: 0;
		float: left;
		
	}
	#el24 {
		width: 204px;
		margin: 0 0 4px 0;
		padding: 0;
		float: left;
	}
	#el25 {
		display:block;
		width: 100px;
		height: 308px;
		margin: 4px 4px 0 0;
		padding: 0;
		float: left;
	}
	#el26 {
		width: 100px;
		display:block;
		height: 308px;
		margin: 4px 0 0 0;
		padding: 0;
		float: left;
	}
	#root1 {
		width: 308px;
		margin: 0 4px 0 0;
		padding: 0;
		float: left;
	}
	#root2 {
		width: 516px;
		margin: 0 4px 0px 0px;
		padding: 0;
		float: left;
	}
	#root3 {
		width: 308px;
		margin: 0;
		padding: 0;
		float: right;
	}
	#super1 {
		width: 308px;
		padding: 0;
		float: left;
	}
	#super2 {
		width: 516px;
		margin: 0 0 4px 0;
		padding: 0;
		float: left;
	}
	#super3 {
		width: 308px;
		margin: 0;
		padding: 0;
		float: left;
	}
	#lk1 {
		width: 204px;
		margin: 0 4px 4px 0;
		float: left;
		
	}
	#lk1 p {
		padding-left: 4px;
		line-height: 1.4;
	}
	#lk2 {
		width: 732px;
		margin: 0px;
		padding: 0;
		float: left;
		
	}
	#lk3 {
		width: 1040px;
		padding: 0;
		float: left;
	}
	#podaci {
		width: 202px;
		height: 160px;
		margin-bottom: 4px;
		background: rgba(255,255,255,0.8);padding:1%;
	}
	#fotors {
		width: 732px;
		height: auto;
		margin-bottom: 4px;
		
	}
	#tekst-info {
		width: 732px;
		margin-bottom: 18px;
		background: #fff;
		line-height: 1.4em;
	}
	#tekst-info p {
		padding: 0 4px 0 4px;
	}
	#foto {
		width:204px;
		height: 306px;
	}
	#opis {width: 27%;float:left;line-height:1.4em;margin:70px 0px 0px 40px;background: rgba(255,255,255,0.8);padding:1%;}