@charset "utf-8";
/*************************** reset **********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	/*list-style: none;*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a img { border:none } /* Gets rid of IE's blue borders */

/*******************************************************/

.cl {
	font-size: 0px;
	clear: both;
	height: 0px;
	width: 0px;
	overflow: hidden;
}
.bld {
	font-weight: bold;
}

body {
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#warp {
	height: 600px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#header {
	height:168px;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
}

#logo {
	float:left;
	display:inline;
}

#d_mreze {
	float:right;
	display:inline;
	width:145px;
	position:relative;
	top:78px;
}

#d_mreze img {
	float:left;
	display:inline;
	margin-right:6px;
}

#d_mreze a, #d_mreze a:link, #d_mreze a:visited, #d_mreze a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
}

#d_mreze a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:underline;
}

#menu {
	height:46px;
	background-color: #000;
	width: 912px;
	padding-bottom:2px;
}

#menu_warp {
	width: 600px;
	float:left;
	display:inline;
	margin-left:13px;
}

.menu_item, .menu_selected {
	position:relative;
	top:2px;
	float:left;
	display:inline;
	/*line-height:42px;*/
	/*padding-right: 14px;
	padding-left: 14px;*/
	background-image: url(images/menu_li_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 15px;
	padding-bottom: 15px;
	/*height:28px;*/
	
}

.menu_item_alt, .menu_selected_alt {
	position:relative;
	top:2px;
	float:left;
	display:inline;
	/*line-height:42px;*/
	/*padding-right: 14px;
	padding-left: 14px;*/
	/*background-image: url(images/menu_li_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;*/
	padding-top: 15px;
	padding-bottom: 15px;
	/*height:28px;*/
	
}

.menu_item a, .menu_item a:link, .menu_item a:visited, .menu_item a:active, .menu_item_alt a,.menu_item_alt a:link, .menu_item_alt a:visited, .menu_item_alt a:active {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 14px;
	padding-left: 14px;
}

.menu_selected a, .menu_selected a:link, .menu_selected a:visited, .menu_selected a:active, .menu_selected_alt a, .menu_selected_alt a:link, .menu_selected_alt a:visited, .menu_selected_alt a:active {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ca934e;
	text-decoration:none;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 14px;
	padding-left: 14px;
}

.menu_item a:hover, .menu_item_alt a:hover {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ca934e;
	text-decoration:none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ca934e;
}

.menu_selected, .menu_selected_alt {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ca934e;
	text-decoration:none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ca934e;
}

.home_link {
	float:right;
	display:inline;
	position: relative;
	top: 14px;
	right: 17px;
}

.home_link img {
	position: relative;
	top: 2px;
	margin-right:2px;
}

.home_link a, .home_link a:link, .home_link a:visited, .home_link a:active {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:none;
	padding-top: 14px;
	padding-bottom: 14px;
	/*padding-right: 14px;
	padding-left: 14px;*/
}

.home_link a:hover {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ca934e;
	text-decoration:none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ca934e;
}

#main {
	width: 912px;
	margin-right: auto;
	margin-left: auto;
}

#box_01 {
	background-color: #000;
	padding-right: 13px;
	padding-bottom: 15px;
	padding-left: 13px;
	margin-bottom:7px;
}

#izdvojeno {
	width:886px;
	height:210px;
	background-color: #FFF;
	background-image: url(images/izdvojeno_bg2.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	margin-bottom:13px;
}

#izdvojeno_content {
	float:left;
	display:inline;
	height: 210px;
	width: 528px;
}

#izdvojeno_content h1 {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 26px;
	line-height: 40px;
	color: #003366;
	font-style: italic;
	position:relative;
	top:27px;
	left:26px;
	width:470px;
}

#izdvojeno_content p {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #000;
	position:relative;
	top:45px;
	left:31px;
	width:470px;
}

#knjige {
	float:right;
	display:inline;
	height: 210px;
	width: 358px;
	margin-top:-36px;	
}

.tiz_box_vise {
	float:left;
	display:inline;
	width:267px;
	height:148px;
	background-color:#171717;
	margin-right:15px;
	position:relative;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 7px;
	padding-left: 9px;
}

.tiz_box_vise_alt {
	float:left;
	display:inline;
	width:267px;
	height:148px;
	background-color:#171717;
	margin-right:0px;
	position:relative;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 7px;
	padding-left: 9px;
}

.tiz_box_vise h2, .tiz_box_vise_alt h2 {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	margin-bottom:6px;
}

.tiz_box_vise p, .tiz_box_vise_alt p {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #999999;
	text-align: justify;
}

.tiz_box_vise .vise, .tiz_box_vise_alt .vise {
	width:76px;
	height:20px;
	position:absolute;
	top:138px;
	left:202px;
	background-color: #333333;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.tiz_box_vise .vise a, .tiz_box_vise .vise a:link, .tiz_box_vise .vise a:visited, .tiz_box_vise .vise a:active, .tiz_box_vise_alt .vise a, .tiz_box_vise_alt .vise a:link, .tiz_box_vise_alt .vise a:visited, .tiz_box_vise_alt .vise a:active {
	display:block;
	width:76px;
	height:20px;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
}

.tiz_box_vise .vise a:hover, .tiz_box_vise_alt .vise a:hover {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:underline;
}

#box_02 {
	background-color: #000;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 16px;
}

#h_b_02_content {
	float:left;
	display:inline;
	width:574px;
	height:100px;
	/*background-color:#960;*/
	height:302px;
	padding-right:25px;
}

#h_b_02_content h3 {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	margin-bottom:15px;
}

#h_b_02_content p {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	margin-bottom:8px;
	text-align: justify;
}

#h_b_02_content ul {
	list-style-position: inside;
	list-style-type: disc;	
}

#h_b_02_content ul li {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
}

#h_b_02_kontakt {
	float:right;
	display:inline;
	width:262px;
	height:302px;
	/*background-color:#369;*/
	background-image: url(images/kontakt_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:19px;
}

#h_b_02_kontakt h3 {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	margin-bottom:1px;
}

#h_b_02_kontakt .kontakt_sub {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	margin-bottom:8px;
}

#h_b_02_kontakt label {
	line-height: 22px;
}

#h_b_02_kontakt .input_box {
	width:262px;
	/*height:23px;*/
	border: 1px solid #989898;
	margin-bottom:2px;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #333;
	padding-top:4px;
	padding-bottom:4px;
}

#h_b_02_kontakt .input_txt_box {
	width:262px;
	height:85px;
	border: 1px solid #989898;
	margin-bottom:8px;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #333;
}

button, input[type="reset"], input[type="button"], input[type="submit"] {
	border:none 0px;
}

#h_b_02_kontakt .submit_bt {
	width:90px;
	height:24px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #009900;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #fff;
	padding-bottom:3px;
	padding-top:0px;
	cursor: hand;
	cursor:pointer;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

#footer {
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:10px;
	padding-top: 10px;
	padding-right: 4px;
	padding-left: 4px;
}

#footer_lf {
	float:left;
	display:inline;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #CCCCCC;
}

#footer_lf span {
	font-size: 11px;
}

#footer_lf a, #footer_lf a:link, #footer_lf a:visited, #footer_lf a:active {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration:none;
}

#footer_lf a:hover {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration:underline;
}

#footer_rh {
	float:right;
	display:inline;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	padding-top:7px;
}

#footer_rh a, #footer_rh a:link, #footer_rh a:visited, #footer_rh a:active {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration:none;
}

#footer_rh a:hover {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #ca934e;
	text-decoration:underline;
}


/***************************** sub pages ***********************************/

.content_box {
	background-color:#171717;
	margin-bottom:13px;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 7px;
	padding-left: 9px;
}

.content_box h1 {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 18px;
	/*line-height: 40px;*/
	color: #fff;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom:11px;
	padding-left:1px;
	padding-right:1px;
	/*position:relative;
	top:27px;
	left:26px;*/
	margin-bottom:6px;
	margin-top:1px;
}

.content_box p.bld_paragraf {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #FFF;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
}

.content_box p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #FFF;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	text-indent: 1em;
	text-align: justify;
}

.content_box p.no_ind {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #FFF;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	text-indent: 0;
	text-align: justify;
}

.content_box ul {
	list-style-position: inside;
	list-style-type: disc;
	margin-left:4px;
}

.content_box ul li {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #FFF;
}

.content_box a, .content_box a:link, .content_box a:visited, .content_box a:active {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration:underline;
}

.content_box a:hover {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ca934e;
	text-decoration:underline;
}

.box_djelatnosti {
	background-color: #0D0D0D;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 14px;
	padding-left: 15px;
}

.box_djelatnosti_nas {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #FFF;
	font-weight:bold;
	margin-bottom:10px;
}

.box_djelatnosti_lf {
	float:left;
	display:inline;
	width:395px;
	/*height:280px;*/
	padding-right:23px;
	font-family:Calibri,  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}

.box_djelatnosti_rh {
	float:right;
	display:inline;
	width:388px;
	background-image: url(images/box_djelatnosti_rh_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/*height:280px;*/
	padding-left:30px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}