/* ------------------------------           GLOBAL        ---------------------------------------------------------  */

* {margin:0; padding:0;}

body {margin: 0; padding: 0; font-family: "trebuchet ms", helvetica, sans-serif; font-size: 14px; background: #fff; }

img {border: 0; margin: 0; }

p, ul, ol, dl, fieldset {margin:20px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:90%; }
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

th p, td p {margin: 0; padding: 2px;}

dt {font-weight:bold;}
dd {margin-left:30px;}


a {text-decoration:none; color: #a52b2a;}

input.input { padding: 2px; border:1px solid #AFAFAF; margin: 5px; }
input.capcha {width: 50px;}

textarea {margin-top: 10px; width:400px; padding:2px;  border:1px solid #AFAFAF; height:100px; display:block; }

textarea:focus { border:1px solid #5F5F5F; padding: 2px; }

input:focus {	border:1px solid #5F5F5F; padding: 2px;}

textarea{overflow:auto;}

.caption {background:url(../images/side_title.jpg) no-repeat; height: 55px;}
.caption  h4 {color: #fff; padding: 8px 0 0 20px;  font-size: 14px;}

.caption_links {background:url(../images/links.jpg) no-repeat; height: 50px;}
.caption_links  h4 {color: #fff; padding: 9px 0 0 20px;  font-size: 13px;}

/* ------------------------------           UNIVERZAL        ---------------------------------------------------------  */

.strong_w {font-weight: bold; color: #fff; padding-right: 15px;}

.clear {clear: both;}

.noscreen {display: none;}


.smaller {font-size: 85%; color: gray;}
.smaller a { color: gray; text-decoration: none;}
.smaller a:hover {text-decoration: none; color: red;}



/* ------------------------------           CONTENT        ---------------------------------------------------------  */

#wrap {background:url(../images/bgd2.jpg) repeat-x;}

#head {height: 300px; margin: 0 auto; width: 940px;}


	#head_main {clear: both;}

		.lang {margin-top: 20px; margin-bottom: 0; list-style:none; float: right;}
		.lang li {display: inline; padding: 5px;}
		.lang li a {color: #fff; font-weight: bold; font-size: 12px;}
		.lang li a:hover {color: silver; }

		#nav {padding-top: 12px !important;}

		#nav a:active, #nav a:focus{ outline:none;}

		.slide {float: right; width: 390px; height: 240px;  position: relative; margin-top: 15px; background: #fff; display: block !important; overflow: hidden;}
		.slide #easySlide {margin:10px 15px;}
		#matf_logo { float: left; background:url(../images/matf.gif) no-repeat; width: 140px; height: 164px; margin-top: 50px;}

		#matf_logo_text {float: left; margin-top: 60px; margin-left: 20px;}
		#matf_logo_text h1 {margin: 10px 10px 20px 10px; font-size: 36px; color: #a52b2a;}
		#matf_logo_text h1.cir { font-size: 32px;}
		#matf_logo_text h2 {margin: 20px 10px 0 10px; font-size: 21px; color: #a52b2a;}

#main { clear: both; margin: 0 auto; width: 950px; }

	#content  {background:url(../images/content_bgd.jpg) no-repeat; width: 540px; height: 100%; float: left;  }
	#content #content a:hover {text-decoration: underline;}

	#content #hght {float: left; height: 320px; width: 1px;  }

		h3.fp { background: #a52b2a; padding: 5px 5px 5px 10px; font-size: 15px !important; text-align: left;}
		h3.fp a {color: #fff !important; }
		h3.fp a:hover {color: #ccc !important;}

		#content  h1  {font-size: 25px; color: #a52b2a;}
		#content  h2 {font-size: 22px; color: #a52b2a;}
		#content  h3 {font-size: 18px; color: #a52b2a;}
		#content  h4 {font-size: 15px; color: #a52b2a;}

		#content  h1  a:hover {color: red; text-decoration: none;}
		#content  h2 a:hover {color: red; text-decoration: none;}
		#content  h3 a:hover {color: red; text-decoration: none;}
		#content  h4 a:hover {color: red; text-decoration: none;}

		.article {float: left; width: 538px; overflow: hidden; margin-top: 30px;}
		.article_cir {float: left; width: 538px; overflow: hidden; margin-top: 10px;}

		.post { text-align: justify; border-bottom: 1px dashed; float:left; width: 485px;  margin: 10px 20px 0 30px; }
		.post h1 {text-align: left;}
		.post img {padding: 5px; border: 1px solid #D9D9D9; margin: 10px;}
		.post table img {padding: 5px; border: 1px solid #D9D9D9; margin: 5px;}
		.post .post_info {list-style: none; margin-top: 5px; margin-left: -10px !important; color: gray;}
		.post .post_info  li {display: inline; padding-left: 10px;}
		.post .post_info  li a {color: gray;}
		.post .post_info  li a:hover {color: red;}

		.comment_header {padding: 8px; background: #a52b2a; width: 485px; margin: 20px; margin-top: 10px; border-bottom: 4px solid silver;}
		.comment_header h4 {color: #fff !important;}
		.comment_header a {background: #fff; padding: 2px; float: right;}
		.comment_header a:hover {text-decoration: none !important; background: #eee;}

		.comment_box {margin: 0 25px 10px 25px; border-bottom: 1px dashed silver;}
		.comment_box .comment_info {list-style: none; margin: 0;}
		.comment_box .comment_info li {display: inline; padding-right: 10px;}
		.comment_box .comment_info li.name, .comment_box .comment_info li a.name {color: #a52b2a; font-weight: bold;}
		.comment_box .comment_info li.date {color: gray !important; font-size: 90%;}
		.comment_box .comment_content {margin-top: -10px;}

		.komenatar_forma p {margin: 0; padding: 0;}

		.post ol,ul {margin-left: 30px; }
		.post ol li,.post ul li  {padding-top: 7px;}

		.post .search-result h3 a {font-size: 16px; font-weight: bold; margin-bottom: 0; }
		.post .search-result p{font-style:italic; margin-top: 5px;}

		.search h3 a {color: #000;}
		.search .search_result {clear: both; border-bottom: 1px dashed silver;}

		.employer {width: 400px; background: #eee; height: 150px; padding: 10px; margin: 10px 0 15px 10px;}
		.employer .emp_img img  {padding: 7px; background: #fff; float: left;}


		#galerija {text-align: justify; border-bottom: 1px dashed; float: left; margin: 0 20px 0 30px; padding: 10px;}

        /**
        .album_box { float: left; width: 420px; height: 190px; text-align: left;  background: url(../images/GallreyBdg.jpg) no-repeat; padding: 10px; clear: both;}
        **/
		.album_top {background: url(../images/album_top.jpg) no-repeat; width: 400px; height: 31px; float: left;}
        .album_bgd {background: url(../images/album_bgd.jpg) repeat-y; width: 400px; float: left; margin-top: -10px;}
        .album_btm {background: url(../images/album_btm.jpg) no-repeat; width: 400px; height: 31px; float: left;}

        .album_box  .pic {width: 130px; height: 130px; float: left; margin: 10px; text-align: center; }
		.album_box  .pic img { padding: 10px; }
		.album_box  .content { color: black; width: 200px; float: left; margin-left: 5px;}
		.album_box .content .title a {color: #a52b2a; font-size: 130%; }
		.album_box .content .title a:hover {color: red;}

		#slike_albuma {text-align: justify; border-bottom: 1px dashed; float: left; margin: 0 20px 0 30px;}

		#slike_albuma .items {width: 450px; margin: 0 auto; margin-bottom: 10px;}

		#slike_albuma .items .img {width: 150px; height: 180px;  float: left; text-align: center; position: relative; }
		#slike_albuma .items .img .pic {width: 130px;  margin: 0 auto;}
		#slike_albuma .items .img .pic img { margin-top: 10px; padding: 5px; border: 1px solid gray;}
		#slike_albuma .items .img .title {font-size: 90%; clear: both;}

		.btm_nav ul {list-style: none; float: left; margin-top: 10px; clear: both;}
		.btm_nav ul li {display: inline; padding: 5px;}
		.btm_nav li a {font-weight: bold; color: #fff; background: gray; padding: 5px;}
		.btm_nav ul li a:hover {text-decoration: none !important; background: #a52b2a; padding: 5px !important;}


		.pagination {font-weight: bold;  font-size: 11px; margin: 20px; float: right;}
		.pagination a:hover {text-decoration: none !important; color: red; background: #eee; }
		.pagination .position {border: 1px solid silver; padding: 3px; margin: 5px;}
		.pagination .active {background: #eee;}

	#kol1 { width: 220px; float: left; display: block;   margin: 20px 5px 0 4px; }

		.news_items  {list-style: none; padding: 0 5px 0 5px !important; margin: 0;}

		.news_items  li {padding: 5px !important; border-bottom: 1px dashed silver; }
		.news_items  li .title {font-weight: bold; font-size: 12px; margin-bottom: 15px; line-height: 1.1em;}
		.news_items  li .title a  {text-decoration: none; color: #000;}
		.news_items  li .title a:hover {color: #f00 !important;}

		#links_caption {background:url(../images/side_title.jpg) no-repeat; height: 55px; padding: 5px;  margin-top: 10px;}
		#links_caption h4 {color: #fff; padding: 5px 0 0 15px; font-size: 14px;}

		#links  {list-style: none; margin-top: 5px; margin-left: 0 !important; font-size: 12px;}
		#links li a {text-decoration: none; display: block; width: 90%; height: 100%; padding: 3px 7px 3px 5px; border-bottom: 1px dashed silver;}
		#kol1  #links li a:hover {background: #eee;}

	#kol2 {width: 170px; float: left; display: block;  }

		#kol2 .poll { background:url(../images/poll.jpg) no-repeat; width: 170px; display: block; padding-top: 30px; margin-top: -15px;}
		#kol2 .poll h3 {font-size: 18px; padding-left: 20px;}
		#kol2  .box {background: #eee; padding: 10px 10px 10px 20px;}
		#kol2  .box  h4 {font-size: 14px;}
		#kol2  .box ul {list-style: none; margin-left: 0 !important; }
		#kol2  .box ul li {margin-top: 5px !important;}
		#kol2   .poll .poll_btm {background:url(../images/poll_btm.jpg) no-repeat; width: 170px; height: 20px; margin-top: -5px; }
		#kol2 .poll  p { margin: 10px 0;}
	    #poll_items  li { padding-top: 10px !important; display: list-item; }



		#webmail {margin-bottom: 10px;}
		#webmail .button {margin: 5px 0 0 10px;}
		#webmail #top  h3{font-size: 18px; padding-top: 30px; padding-left: 20px;}
		#webmail #top { background:url(../images/webmail.jpg) no-repeat; width: 170px; height: 50px;}
		#webmail #box {background: #eee; padding-top: 10px; }
		#webmail #box input.input {margin-left: 15px; width: 130px;}
		#webmail #btm { background:url(../images/poll_btm.jpg) no-repeat; width: 170px; height: 20px}

		#search_box {margin-top: 10px;}
		#search_box  #search_boxtop  h3{font-size: 18px; padding: 25px 0 10px 20px;}
		#search_box  #search_boxtop { background:url(../images/search_top1.jpg) no-repeat #eee; width: 170px; height: 55px; }
		#search_box  #search_boxcont {background: #eee; padding-left: 10px; }
		#search_box #search_boxcont  input.input { width: 130px;}
		#search_box #search_boxcont  input.input:focus { background: #FDFFC7;}
		#search_box #search_boxbtm{ background:url(../images/poll_btm.jpg) no-repeat; width: 170px; height: 20px}

	#sitemap {font-size: 11px;}
	#sitemap ul {margin: 20px 0 3px 25px !important;}
	#sitemap ul li {padding: 2px;}

#foot {background: #a52b2a; padding-bottom: 30px; margin-top: 20px; font-size: 11px; color: #fff; height: 150px; clear: both;}

	#foot a {color: #fff; font-weight: bold;}

	#foot_content {margin: 0 auto; width: 940px; margin-top: 20px; }

		.f-box {margin: 10px; float: left; height: 130px; width: 200px;}
		.f-box ul {list-style: none; float: left !important;}

		#matf_small { background:url(../images/foot-matf-logo.jpg) 0 10px no-repeat; width: 150px; height: 150px; float: left;}
		#bu_logo { background:url(../images/bu_logo.png) no-repeat; width: 94px; height: 120px; float: left; margin-top: 30px; margin-left: -30px;}

		#info { float: left; width: 250px; padding-top: 30px;}
		#info a {color: #fff; font-weight: bold;}
		#info p {padding-left: 10px;}

		#foot_kontakt { float: left; width: 170px; padding-top: 30px; font-size: 12px;}

		.q-links {margin: 0;}
		.q-links li {padding-bottom: 5px;}
		.q-links li a:hover {color: #ddd !important;}


/*     OTHER styles   */

.wm_links {list-style: none; padding-bottom: 15px; margin-bottom: -15px; margin-top: 10px; margin-left: 15px;}
.wm_links li {display: inline;}
.wm_links li a {margin-right: 10px;}

.highlight {background: #FDFFC7 !important;}

.employes {float: left; width: 200px; height: 200px; text-align: center; }

.all_btn { background:url(../images/arrow_bl.jpg) 65px 7px no-repeat;  color: black; font-weight: bold; padding: 4px; width: 80px; float: right; clear: both;}
.all_cir {background:url(../images/arrow_bl.jpg) 75px 7px no-repeat; color: black; font-weight: bold; padding: 4px; width: 80px; float: right; clear: both;}
.all_btn:hover { background:url(../images/arrow_br.jpg) 65px 7px no-repeat; color: #a52b2a;}
.all_cir:hover { background:url(../images/arrow_br.jpg) 75px 7px no-repeat; color: #a52b2a;}
.more { background:url(../images/arrow_bl.jpg) 75px 7px no-repeat;  color: black; font-weight: bold; padding: 4px; width: 80px; float: right;}
.more:hover { background:url(../images/arrow_br.jpg) 75px 7px no-repeat; color: #a52b2a;}

.more_cir { background:url(../images/arrow_bl.jpg) 80px 7px no-repeat;  color: black; font-weight: bold; padding: 4px; width: 85px; float: right;}
.more_cir:hover { background:url(../images/arrow_br.jpg) 80px 7px no-repeat; color: #a52b2a;}

 .at { background: url(../images/mnk.jpg) no-repeat !important; width: 13px; height: 13px; float: left; }

 img.at_c {align: left; border: 0; margin: 0 !important; padding: 0 !important;}

.alert_msg {position: absolute; z-index: 25; top: 50%; left: 35%; right: 35%; width: 300px !important; border: 1px solid black; background: #eee url(../images/bigrotation2.gif) 10px 10px no-repeat; padding: 10px; padding-left: 40px; text-align: center; color: #000;}

body>.alert_msg {position: fixed; }			
