* {margin:0; padding:0;}
body { background-color:#CADFC3; font: 62.5%/140% Lucida Grande,Arial,Helvetica,Sans-serif, sans-serif; color:#777; } 
a { color:#64BF00; text-decoration:none; }
a:hover { text-decoration:underline; }
p {margin:1em 0;}
img, a img {border:0;}
h1 {font-size:1.6em;}

/* LAYOUT */
#container { width:760px; margin:0 auto; font-size: 1.2em; line-height: 1.5;}
#crumbs { margin: 15px 0 0; }

#content { margin: 10px 0; padding-top: 5px; background: white url("images/round_content.png") no-repeat left top; }
.pad { padding: 25px 40px 40px; background: white url("images/round_content_bottom.png") no-repeat left bottom; }

/* STYLE */
#header { margin-top: 30px; height: 130px; position: relative; background: transparent url("images/header.jpg") no-repeat left top; }
#header h1 a { display:block; width: 600px; height: 40px; overflow:hidden; text-indent: -1000px; position: absolute; }
#mit_link { position: absolute; right: 0; top: -20px; }
#navigation { position: absolute; left: 0; bottom: 0; }

#footer { clear: both; margin: 10px 0 30px; color: #AFAEA4; }

.copyright {  }
.madeby { display: none; }

h5 { font-size: 2em; }
h5.site_label { margin: 0 0 20px;}

/* MENU */
#main_menu { margin-left: 10px; padding: 5px; list-style: none; line-height:1.3; }
#main_menu li { float:left; }
#main_menu li a { display:block; padding: 7px 14px; border-right:1px solid #64BF00; color:#FFF; font-size: 1.1em; font-weight:bold; }
#main_menu li.active a { background-color: #64BF00; }
#main_menu li a span { display:block; }

/* NEWS */
.news_preview { margin-bottom:20px; }

.news_row { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #EEE; }
.news_meta {margin:10px 0; font-style:italic;}
.news_meta span {margin-right:20px;}

.news_body_img {float:left;}

#left_content p { margin: 10px 0; }
#news_view .news_title {font-size: 2em;}
#news_view .news_body {margin: 10px 0;}

.news_photo { margin-right: 10px; border:1px solid #EEE; }

/* PAGES */
#page-people ul { list-style:none; }
#page-people ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #EEE; }
#page-people ul li img { margin-left: 20px; border: 1px solid #eee; }

/* 	Komentari */
#comment-form button { margin-left:127px; }
#comments { margin: 15px; list-style: none; }
#comments li { margin-bottom: 15px; }
#comments .comment { overflow: hidden; padding: 15px; border: 1px solid #DDD; background-color: #F1F4F7; }
#comments .authors_comment {}
#comments .meta { overflow: hidden; margin: -1px 15px 0 0; padding: 5px 20px 5px 5px; color: #A1A4A7; text-align: right; }
#comments .meta span,
#comments .meta a { margin-right: 10px; }
#comment_body { width: 370px; }
.button_block { margin-left: 117px; }
.commentForm .button_block button { float: left; margin-right: 10px; }
.commentForm em { color: #777; margin-left: 10px; }

.remember-me { margin: 0 0 27px 127px; }
.remember-me input { margin: 2px 10px 0 0; }

/* Forme */

textarea,
.input	{ padding: 5px; border: 1px solid #D1D4D7; background: white url("images/input_background.png") repeat-x left top; color: #474747; font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; }
textarea:focus,
.input:focus { border-color: #ffeddf; outline: 2px solid #ffc18f; }
form .blok,
form .check_blok,
form .puni_blok { display: block; margin: 0; padding: 0 0 0.5151em;  }
form .radio { padding-left: 20px;  }
form .radio input { float: left; margin-left: -20px;  }
.button,
button { margin: 0 10px; padding: 4px; border: 1px solid #D1D4D7; border-right-color: #A1A4A7; border-bottom-color: #A1A4A7; background-color: #F1F4F7; color: #242427; font-family: arial, helvetica, sans-serif; font-size: 1.1em; font-weight: bold; }
button:hover { background-color: #EEE; }
button:focus { border-color: #D1D4D7; border-left-color: #A1A4A7; border-top-color: #A1A4A7; }
* html button { padding: 1px; }
.commentForm { margin: 20px; }
.button:focus	{ border-color: #A1A4A7; }
.inlineLabels,
.blockLabels	{ margin-bottom:	10px; }
.inlineLabels	label { display:	block; float: left; width: 77px; margin-right: 10px; text-align: right; }
.blockLabels	label	{ display:	block; }
.mediumLeft	label	{ width: 107px; }
.bigLeft	label	{ width: 107px; }
label	input	{ float: left; margin: 4px; }
* html label input { margin: 0; }
.ok,
.error,
.error_message  { margin-bottom: 7px; padding: 4px 10px; text-align: center; font-weight: bold; }
.ok { background-color: #D7FFAF; border: 1px solid #B7DF7B; color: #7CAF2B; }
.error, 
.error_message	{ background-color: #FFCBAF; border: 1px solid #DF727B; color: #AF2B2B; }
.error_message	{ margin-top: 7px; }
#sitemap ul { margin: 10px 20px 27px;}
#sitemap li { margin-left: 20px;}




/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.lijeva_kucica,
.desna_kucica 
{ 
	display: block; 
	float: left; 
	width: 170px; 
	margin: 0 5px 0 0 !important; padding: 10px; border: 1px solid #a9abae; background: #e0e8f2; color: #052f74; 
}
.desna_kucica { display: block; float: right; margin: 0 0 0 5px !important; }
.siroka_kucica { display: block; margin: 5px 0; padding: 10px; border: 1px solid #0b3a88; background: #ddeafb; color: #052f74; }
.siroka_kucica_roza { display: block; margin: 5px 0; padding: 10px; border: 1px solid #0b3a88; background: #CC9999; color: #052f74; }
.lijeva_kucica strong,
.desna_kucica strong,
.siroka_kucica strong { display: block; margin: -10px -10px 5px; padding: 5px 10px; background-color: #0b3a88; color: white; }

.mali_citat_lijevo, .mali_citat_desno {width: 170px; padding: 10px 30px 10px 10px; border-top: 5px solid #c4c4c4; background: #eee url("images/quote.png") no-repeat 180px 4px; color: #163f68;}
.mali_citat_lijevo { float: left; margin: 4px 10px 0 0 !important; }
.mali_citat_desno  { float: right; margin: 4px 0 0 10px !important; }

.siroki_citat  { margin: 5px 0; padding: 10px 30px 10px 10px; border-top: 5px; border-top-color: #c4c4c4; border-top-style: solid; background: #eeeeee url("images/quote.png") no-repeat right 4px; color: #163f68; }

.siroki_citat strong,
.siroki_citat em,
.mali_citat_lijevo em,
.mali_citat_lijevo strong,
.mali_citat_desno em,
.cijeli_clanak .mali_citat_desno strong { display: block; text-align: right; font-style: italic; }
.plavi_naslov { color: #033D6D; }
.plavi_naslov_veci { color: #033D6D; font-size: 1.2em; }
.smedji_tekst { color: #9D927E; }
.smedji_tekst_veci { color: #9D927E; font-size: 1.2em; }
.obicni_citat { padding-left: 10px; border-left: 1px solid #ddd; }

.red {margin:25px 0;}
.galerija { float:left; margin-left:25px; overflow:hidden;}
.slika { float:left; width: 270px; margin-left: 40px; }
.galerija h3, .slika h3 {font-size:1em;}
.galerija span, .slika span {}



/* Fancybox css
*******************************/
div#fancy_overlay { position:absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #000; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url("images/fancy_progress.png") no-repeat; }
div#fancy_close { position: absolute; top: -12px; right: -12px; height: 30px; width: 30px; background: transparent url("images/fancy_closebox.png"); cursor: pointer; z-index: 100; 	display: none; }
div#fancy_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 96; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
img#fancy_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0; padding: 0; margin: 0; z-index: 92; }
div#fancy_title { position: absolute; bottom: -36px; left: 0; width: 100%; z-index: 100; background-color:#111; padding: 5px 0; display: none; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title div { color: #FFF; font-size: 1em; }
td#fancy_title_left {}
td#fancy_title_main {padding:0 5px}
td#fancy_title_right {}
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 58px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #313632; }
a#fancy_left, 
a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 45%; cursor: pointer; background-image: url("data:image/gif;base64,AAAA"); z-index: 100; }
a#fancy_left { left: 0px; }
a#fancy_right {	right: 0px; }
a#fancy_left:hover { background: transparent url("images/fancy_left.gif") no-repeat 0% 47%; }
a#fancy_right:hover { background: transparent url("images/fancy_right.gif") no-repeat 100% 47%; }
#fancy_bigIframe, #fancy_freeIframe { position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
div#fancy_bg { display: none; }
div.fancy_bg { position: absolute; display: block; z-index: 70; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url("images/fancy_shadow_n.png") repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url("images/fancy_shadow_ne.png") no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url("images/fancy_shadow_e.png") repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url("images/fancy_shadow_se.png") no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url("images/fancy_shadow_s.png") repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url("images/fancy_shadow_sw.png") no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px;	background: transparent url("images/fancy_shadow_w.png") repeat-y; }
div.fancy_bg_nw { top: -18px;left: -13px;width: 13px;height: 18px; background: transparent url("images/fancy_shadow_nw.png") no-repeat; }