body {

	background: #323232;

	min-width:980px;

	margin:0px;

	position:relative;

}

a{ text-decoration:none; cursor:pointer;}

a:visited { color:#900;}

p{margin:0px;}

iframe{border:none;}
 

.clear {float:none; clear:both;}

.content {padding:5px;}

.avatar {margin-right:10px; margin-bottom:10px;}

.photo{ width:160px; height:auto;  border:0px;}

.photo_item{padding:0px; margin:8px;  position:relative; text-align:center; border:solid 3px #999; height:110px;   overflow:hidden;}

.photo_item:hover{border:solid 3px #fff !important; padding:0px !important;box-shadow: 1px 1px 10px #999;

    -moz-box-shadow: 1px 1px 10px #999; -webkit-box-shadow: 1px 1px 10px #999; background:#eee;}

.gallery{float:none; clear:both;}

.description{ overflow:hidden;}

.margin-bottom{margin-bottom:10px !important;}

.float-left{float:left;}

.border-bottom {border-bottom:solid 1px #ddd;}

.list_elem{

	margin-bottom:5px; padding:5px;

	border-bottom:dotted 1px #ccc;

}

.social_btn{

	width:24px; height:24px; 

	cursor:pointer;

	float:right;

	margin-left:10px;

}
.instagram{ background:url(images/instagram.jpg) top no-repeat;}

.facebook{ background:url(images/facebook.jpg) top no-repeat;}

.twitter{ background:url(images/twitter.jpg) top no-repeat;}

.youtube{ background:url(images/youtube.jpg) top no-repeat;}

.flickr{ background:url(images/flickr.jpg) top no-repeat; width:69px;}


.big{

	font-family:Arial;

	font-size:72px; 

	color:#000;

	font-weight:normal;

	margin:0px;

}

.header-text{

	font-family:Arial;

	font-size:28px;

	font-weight:bold;

	color:#000;

	margin:0px;

	padding-top:10px;

}

.title{

	font-family:Arial;

	margin:0px;

	margin-bottom:10px;

	font-weight:normal;

	color:#333;

	font-size:24px;

}

.title h1 {

	font-size:36px;

	color:#333;

	font-weight:normal;

	margin:0px;

	margin-bottom:15px;

}

.title a{color:#ed1b24;}

.title a:hover{color:#666;}

.naslov, .naslov h1{

	font-family:Arial;

	float:none;

	font-size:36px;

	color:#333;

	margin-top:0px;

}

.naslov, .naslov h1{font-weight:normal;}

.naslov a {color:#333}

.title_2{

	font-family:Arial;

	font-size:18px; font-weight:normal; 

	text-transform:uppercase;

	margin:0px; margin-bottom:10px; 

	padding:5px; padding-left:10px; 

	background:#ed1b24; 

	color:#fff;

}

.text, .text p{

	font-family:Arial;

	font-size:14px; 

	color:#333;

	text-shadow:none;

} 

.text a {

	font-family:Arial;

	color:#ed1b24;

}

.text a:hover{color:#666;}

.text p{margin-bottom:9px;}

.info_text, .info_text p{

        font-family:Arial;

	font-size:12px; 

	color:#666;

        text-shadow:none;

}

.info_text a{color:#333;}

.text h3 {font-size:20px; font-weight:normal; margin:0px; margin-bottom:10px; padding:5px; padding-left:10px; padding-right:10px; color:#fff; background:#ed1b24; text-align:left;}

.text a h3 {background:none; font-size:20px; font-weight:normal; padding:0px; margin:0px; margin-bottom:10px; color:#ed1b24;}

.text a h3:hover{color:#666;}

.black, .black a {

	color:#333;

	text-shadow:none;

	font-weight:normal;

}

#wrapper{

	position:relative;

	min-height:100%;

	width:100%;

	background:#ffffff;

}

#header{height:200px; width:100%; background:#ed1b24;}

.inner_header{ background:#ed1b24;}

#content_wrapper{

	padding-top:10px;

	z-index:10;

	background:url(images/wrapper_bg.jpg) top center no-repeat #ffffff;  

	min-height:100%; 

	display:block;

	width:1000px;

	height:100%;

}

#content{padding:90px; padding-top:10px; padding-bottom:30px; min-height:350px;}

#main_content{  }	

#footer{

	bottom:0px;

	padding:10px;

	padding-bottom:20px;

	min-height:30px;

	width:980px;

	color:#fff;

	background:#ED1B24;

}

.footer, .footer a{

	font-family:Arial;

	font-size:14px;

	color:#fff;

	text-shadow:none;

}

a.footer{

color:#ddd;}

}

.footer h2{ margin:0px; padding:0px; font-size:14px;}

.footer p{margin:0px;}



.story {padding-bottom:10px; margin-bottom:10px; float:none;}

.story p img{margin-right:10px;}

.project {margin:5px; padding:5px; float:left; cursor:pointer; width:180px; height:215px !important; position:relative; overflow:hidden;}

.project #pimg{height:135px; width:180px; overflow:hidden; margin-bottom:10px;}

.project .ptitle {width:200px;text-align:left; padding:0px; display:none; position:absolute;}

.project .ptitle *{}



.main-event{float:left; width:200px; padding:10px; background:#ddd; min-height:280px;}

.main-event .text * {}



.bullet{background:url(images/right-arrow.html) top center no-repeat; width:12px; height:12px; float:left; margin:3px;}

.site_map{ min-width:150px; width:220px; height:42px; margin:5px; padding:5px; border-bottom:solid 1px #ddd; float:left; font-size:10px !imporatnt; cursor:pointer;}

.site_map:hover{border-bottom:solid 3px #ed174c; padding-bottom:3px; color:#eee;}

.hover{cursor:pointer;}

.hover:hover{background:#eee !important;}



#main_menu{position:relative; background:#fff; border-bottom:solid 1px #ddd; height:27px;}

ul.horisontal{ margin:0px; padding:0px; list-style:none; height:27px; }

ul.horisontal li {float:left; position:relative;  display:inline-block; padding:1px 0px; } 

ul.horisontal li .menu {text-align:center; float:left; width:auto; margin-right:4px; }

ul.horisontal li .menu:hover{ }

ul.horisontal li .menu.active {border-bottom:solid 1px #d00; }

ul.submenu_1  { box-shadow:2px 2px 4px #ccc; border:solid 1px #ddd; border-top:none; position:absolute; top:28px; background:#fff; z-index:200; margin-bottom:10px;  margin:0px; padding:0px; list-style:none; display:none;left:0px; width:200px;}

ul.submenu_1 li {float:left; background:#fff;  text-align:left; float:left;  display:inline-block; padding:0px; }

ul.submenu_1 li .menu {text-align:left; border:none !important;  width:180px; float:none; padding:5px; margin:0px; margin-left:5px; margin-right:5px; }

ul.submenu_1 li .menu:hover{background:#ED1B24; color:#fff;}

ul.submenu_1 li .active {border:none; background:#ED1B24; color:#fff;}

ul.submenu_2 { height:30px; margin-bottom:10px;  margin:0px; border-top:solid 1px #ce3131; padding:0px; list-style:none; display:none; position:static; left:0px; width:auto;}

ul.submenu_2 li {float:left;   display:block; float:left;  display:inline-block; padding:0px;}

.menu{color:#333; font-family:Arial; font-size:13px; padding:5px; display:inline-block; cursor: pointer; float:left; width:auto; }

.active { }

.pagination { 

	width:15px; 

	height:15px; 

	padding:5px; 

	text-align: 

	center; font-family:Arial; 

	font-size:14px; 

	color:#ED1B24;  

	background:none; 

	text-shadow:none;

	margin:2px; 

	float:left;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

} 

.pagination:hover{background:#333; color:#fff;}

.active_pagination{ color:#fff !important; background:#ED1B24; !important; border:none !important; font-weight:bold;}

.hidden {display:none;}

ul.vertical{ margin:0px; padding:0px; list-style:none; width:100%;}

ul.vertical li {float:none;  display:block; margin:0px; text-align:left;} 

ul.vertical li .menu{color:#ed174c !important;  padding:3px !important; float:none !important; width:auto; }

ul.vertical li .menu:hover{color:#00546d !important;}

ul.vertical li ul.submenu_1 {margin-bottom:10px; margin-left:20px; height:auto;}

ul.vertical li ul.submenu_1 li {float:none;  text-align:left;  display:block; padding:0px;}

ul.vertical li ul.submenu_1 li .menu{color:#333 !important;font-weight:normal;}

ul.vertical li ul.submenu_1 li .menu:hover{color:#333;}

ul.vertical li ul.submenu_1 li .active{font-weight:bold !important;}

ul.vertical li ul.submenu_2 {margin-bottom:10px; margin-left:30px; height:auto; border:none;}

ul.vertical li ul.submenu_2 li {float:none;  text-align:left;  display:block; padding:0px;}

ul.vertical li ul.submenu_2 li .menu{color:#333 !important;font-weight:normal;}

ul.vertical li ul.submenu_2 li .menu:hover{color:#333;}

ul.vertical li ul.submenu_2 li .active{font-weight:bold !important;}

ul.footer{ margin:0px; padding:0px; list-style:none; width:100%;}

ul.footer li {float:none;  display:block; margin:0px; text-align:right;} 

ul.footer li .menu{color:#ddd !important;  padding:2px; float:none !important; width:auto; }

ul.footer li .menu:hover{color:#fff !important;}

ul.header{ margin:0px; padding:0px; list-style:none; width:auto; float:right;}

ul.header li {float:left; margin:3px; display:inline-block; padding:0px;} 

ul.header li .menu {text-align:center; color:#333 !important; float:left; width:auto; padding:5px; padding-left:10px !important; padding-right:10px !important; }

ul.header li .menu:hover{color:#222;}

.read_more{background:url(images/read-more.html) center right no-repeat; min-width:24px; height:12px; float:right; margin:3px; padding-right:20px; }