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

Basic Style Sheet

version: 1.0

author: EBIT IT

email: info@ebit.hr

website: http://www.ebit.hr/

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



@charset "utf-8"; 



/* reset the elements */

@import url("reset.css") all;



/* General HTML Styles */



html {

	margin: 0;

	padding: 0;

	border: 0;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	text-decoration: none;

	color: #6c6c6c;

	background-color: #fff;

	background-image: url("../img/body_bg.png");

	background-repeat: repeat-x;

	background-position: top;

	margin: 0;

	padding: 0;

}



div, span, p, tr, th, td, input, select, textarea, option, iframe, ul, li, font {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	text-decoration: none;

	color: #6c6c6c;

	text-decoration: none;

	margin: 0;

	padding: 0;

	border: 0;

}



h1  { 

	color: #A10E0A;

	font-size: 22px;

	font-weight: bolder;

	display: block;

}



h2  { 

	color: #A10E0A;

	font-size: 20px;

	font-weight: bolder;

	display: block;

}



h3  { 

	color: #A10E0A;

	font-size: 18px;

	font-weight: bolder;

	display: block;

}



h4  { 

	color: #A10E0A;

	font-size: 16px;

	font-weight: bolder;

	display: block;

}



h5  { 

	color: #A10E0A;

	font-size: 15px;

	font-weight: bolder;

	display: block;

}



h6  { 

	color: #A10E0A;

	font-size: 14px;

	font-weight: bolder;

	display: block;

}



p {

	padding: 5px 0;

	display: block;

}



a {

	color: #a10e0a;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: normal;

}



a:hover {

	color: #DD4D45;

	text-decoration: underline;

}



fieldset {

	width: auto;

	border: 0;

}



legend { 

	color: #494949;

	font-size: 16px;

	font-weight: lighter;

	padding: 0 5px;

}



input {

	padding: 3px 5px;

	color: #8c8c8c;

	max-width: 285px;

}



select {

	border: 1px solid #ccc;
	padding: 3px 5px;
	background-image: url(../img/input_bg.jpg);
	background-position: 0 0;
	background-color: #F7F7F7;
	background-repeat: repeat-x;
	border-radius: 3px;
	/*max-width: 285px;*/

}



select:hover {

	border: 1px solid #a10e0a;
	
}



select:focus {

	border: 1px solid #ccc;
	padding: 3px 5px;
	background-image: url(../img/input_bg.jpg);
	background-position: 0 0;
	background-color: #F7F7F7;
	background-repeat: repeat-x;
	border-radius: 3px;
	/*max-width: 285px;*/

}
select.selection_list{
	max-width: 285px;
}

option {

	font-size: 100%;

	background-color: #e8e8e8;

}



textarea {

	color: #8c8c8c;

	border: 1px solid #e8e8e8;

	padding: 3px 5px;

	background-color: #f7f7f7;

	max-width: 285px;

}



textarea:hover {

	border: 1px solid #e8e8e8;

}



textarea:focus {

	border: 1px solid #e8e8e8;

}



ins {

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 13px;

	color: #666;

	font-weight: normal;

}



a .adt, a.adt,  .adt span, .adb, .adbs, .adu, .adus {

	font-family: Arial, Helvetica, sans-serif !important;

}







/* ---------------------------------- */



.table {

	width: 940px;

	margin: 0 auto;

}



.header {

	width: 940px;

	height: 146px;

	margin: 0 auto;

}



.logo{

	width: 470px;

	height: 146px;

	background-image: url("../img/logo.png");

	background-repeat: no-repeat;

	background-position: top;

}



.navi_container{

	width: 940px;

	height: 36px;

	margin: 0 auto;

}



.navigacija{

	width: 930px;

	/*float: left;*/

	display: inline-block;

}



.MenuList {

	list-style: none;

	text-decoration: none;

	margin: -10px 0 0;

	width: 850px;

	display: inline-block;

}



.MenuList li {

	font-size: 13px;

	color: #fff;

	font-weight: normal;

	text-decoration: none;

	/*float: left;*/

	display: inline-block;

}





.MenuList li a {

	font-size: 15px;

	color: #fff;

	font-weight: normal;

	text-decoration: none;

}



.MenuList li a:hover {

	font-size: 15px;

	color: #fff;

	text-decoration: underline;

}



.MenuList li a.selected {

	font-size: 15px;

	color: #F7D2D0;

	text-decoration: underline;

}



.MenuList li ul li a {

	font-size: 13px;

	color: #fff;

	font-weight: normal;

	text-decoration: none;

}



.MenuList li ul li a:hover {

	font-size: 13px;

	color: #fff;

	text-decoration: none;

}



.MenuList li ul li a.selected {

	font-size: 13px;

	color: #F7D2D0;

	text-decoration: underline;

}



ul.LangCont {

	list-style: none;

	/*text-align: right;

	margin: -40px 0 0;

	width: 100px;

	display: inline-block;*/

	position: absolute;

	margin: 7px 0 0 860px;

}



ul.LangCont li {

	display: inline-block;

	width: 35px;

}



ul.LangCont li a {

	display: inliine-block;

}





.search_box {

	width: 170px;

	float: left;

}



.tekstN{

	font-size: 13px;

	color: #000;

}



.cleanBody{

	background: 0;

}



.pretrazivanje {

	width: 168px;

	height: 20px;

	margin-top: 7px;

	margin-left: 80px

}



.search_box2 {

	position: absolute;

	margin: -22px 0 0 187px;

}



.search_box2 img {

	border: 0;

}



.middle_container {

	width: 940px;

	height: 250px;

	margin: 0 auto;

	margin-top: 20px;

}





.text_field {

	width: 400px;

	float: left;

	margin: 0 0 0 10px;

	font-size: 13px;

	overflow: hidden;

}



.text_field p {

	font-size: 13px;

}



.jquery_content {

	width: 530px;

	float: left;

}



#slideshow {

    position:relative;

	width: 510px;

    height: 220px;

}



#slideshow img {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

	border: 2px solid #252525;

	max-width: 510px;

	min-width: 510px;

	max-height: 220px;

	min-height: 220px;

}



#slideshow img.active {

    z-index:10;

}



#slideshow img.last-active {

    z-index:9;

}







.main_container {

	width: 940px;

	margin: 0 auto;

	margin-top: 20px;

}





.naslovi_cont1 {

	width: 300px;

	float: left;

}





.naslovi_cont2 {

	width: 600px;

	float: left;

	margin-left: 40px;

}





.line_cont {

	width: 940px;

	height: 2px;

	margin: 0 auto;

	clear: both;

	background-image: url("../img/content_line.png");

	background-repeat: no-repeat;

	background-position: top;

}





.left_content {
	width: 425px;
	margin: 0 auto;
	/*float: left;
	margin-top: 20px; */
	text-align: center;
}



.right_content {

	width: 600px;

	float: left;

	margin-left: 40px;

	margin-top: 20px;

}





.sub_cont_ {

	width: 600px;

}





.left_sub_cont {

	width: 119px;

	float: left;

}





.right_sub_cont {

	width: 461px;

	float: left;

	margin-left: 20px;

}

.right_sub_cont2{

	width: 600px;

}









.sub_naslovi {

	font-size: 17px;

	color: #a10e0a;

	text-decoration: none;

	font-weight: normal;

}

.pod_naslovi {

	color: #595959;

	text-decoration: none;

	font-weight: bold;

}





.foot_empty {

	width: 940px;

	height: 30px;

	margin: 0 auto;

	clear: both;

}





.footer {

	width: 100%;

	height: 70px;

	margin: 0 auto;

	background-image: url("../img/footer_bg.png");

	background-repeat: repeat-x;

	background-position: top;

	clear: both;

}





.foot_cont {

	width: 940px;

	height: 70px;

	margin: 0 auto;

}





.foot_2 {

	color: #e6e6e6;

	font-size: 10px;

	width: 435px;

	float: left;

	margin-top: 28px;

}



.foot_2 a {

	color: #DD4D45;

}



.foot_2 a:hover {

	color: #F7D2D0;

}



.logos_foot {

	width: 425px;

	float: left;

	margin-left: 58px;

}





.hpd_container {

	width: 940px;

	margin: 0 auto;

	margin-top: 20px;

}



.hpd_container ul {

	margin: 10px 0 10px 40px;

}





.left_cont__ {

	width: 210px;

	float: left;

}





.right_cont__ {

	width: 700px;

	float: left;

	margin-left: 30px;

}







.sub_menu {

	color: #565656;

	text-decoration: none;

	font-weight: normal;

}





.sub_menu a {

	color: #565656;

	text-decoration: none;

	font-weight: normal;

	border-bottom: 1px solid #e6e6e6;

}


.sub_menu a:hover {

	color: #dd2a20;

	text-decoration: none;

	font-weight: normal;

	border-bottom: 1px solid #e6e6e6;

}



.sub_menu_selected {

	color: #dd2a20;

	text-decoration: none;

	font-weight: normal;

	border-bottom: 1px solid #e6e6e6;

}

.sub_menu_conf_ {

	color: #565656;

	text-decoration: none;

	font-weight: normal;

}
.hpd_container ul.sub_menu_conf_ {

	margin: 10px 0 10px 0;
}
.hpd_container ul.sub_menu_conf__selected {

	margin: 10px 0 10px 0;
}



.sub_menu_conf_ a {

	color: #565656;

	text-decoration: none;

	font-weight: normal;

	border-bottom: 1px solid #e6e6e6;

}


.sub_menu_conf_ a:hover {

	color: #dd2a20;

	text-decoration: none;

	font-weight: normal;

	border-bottom: 1px solid #e6e6e6;

}



.sub_menu_conf_selected {

	color: #dd2a20;

	text-decoration: none;

	font-weight: normal;

	border-bottom: 1px solid #e6e6e6;

}

.submenu_a {

	font-weight: bolder!important;

	word-spacing: -0.6pt;

	line-height: 1.1;

	font-size: 14px;

	padding: 0;

	margin: 0;

}



.left_kontakt {

	width: 230px;

	float: left;

}





.right_kontakt {

	width: 680px;

	float: left;

	margin-left: 30px;

}

.ul22{

	margin-bottom: 0;

}

.selectted{

	color: #6c6c6c;

}

#subNav{

	margin-left: -50px;

}

#subNav2{

	margin-left: -50px;

	width:300px !important;

}

#subNav2 li{

	width:300px !important;

}

.menuClean{padding-top:0 !important;}

.subMenuLi2{padding-bottom:0 !important;}

.tipka{cursor: pointer;}

.inputPolje{width: 208px;}

.inputLaPolje{width: 258px;}









/*stari web css*/

.textStari{

	font-size: 11px;

	text-decoration: none;

	color: #555555;

}

.line1 {

	background-color:#e0dedf;

}

.line2 {

	background-color:white;

}

.tableHead{

	background-color: #d7c89d;

	font-weight: bold;

}

.tableBorder232{

	border:1px solid gray;

}

.navigate23{

	background-color:#d85052;

}

.link4563{

	font-size: 11px;

	text-decoration: none;

	font-weight:bold;

	color: white;

}

.link4563:hover{

	font-size: 11px;

	text-decoration: none;

	font-weight:bold;

	color: black;

}

.text232{

	font-size: 12px;

	text-decoration: none;

	color: silver;

}

.table45654{

	background-color:#d7c89d;

}

.tdBorder45689{

	border-right:1px solid gray;

	border-bottom:1px solid gray;

	border-top:1px solid gray;

	border-left:1px solid gray;

}

.field{

	padding:3px;

}

/*end stari web css*/



.TableStyle {

	width: 450px;

}



.TableStyle td {

	padding: 2px !important;

}



.TableStyle td .text_input {

	margin-top: 4px;

}



/* enes css update */



.sub_menu li {

	padding: 5px 0px;

}



.sub_menu_selected li {

	padding: 5px 0px;

}
.left_cont__ ul li{
	padding: 5px 0px;
}




div.sub_menu {

	padding: 5px 0px;

}



div.sub_menu_selected {

	padding: 5px 0px;

}



.ShareTable {

	margin: 50px 0;

	width: 100%;

	border-top: 1px dotted #ccc;

}



.ShareTable tbody tr td img {

	vertical-align: middle;

}



.ShareTable tbody tr td {

	width: 150px;

	padding: 20px 0;

}



.ShareTable tbody tr td a span {

	color: #a10e0a;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: normal;

}



.ShareTable tbody tr td a span:hover {

	color: #DD4D45;

	text-decoration: underline;

}





.StylizedTable {

	width: 780px;

	margin: 0 auto;

	border-collapse: separate;

	border-spacing: 0;

	text-shadow: 0 1px 0 #fff;

	color: #2a2a2a;

	background: #fafafa;  

	background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */

	background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)); 

}



.StylizedTable td {

	height: 30px;

	padding: 3px 20px;

	box-shadow: 0 1px 0 white;

	-moz-box-shadow: 0 1px 0 white;

	-webkit-box-shadow: 0 1px 0 white;

	white-space: nowrap;

	text-align: left;

}



.inputPolje {

	background-color: #f7f7f7;

	background-image: url(../img/input_bg.jpg);

	background-position: 0 0;

	background-repeat: repeat-x;

	border: 1px solid #ccc;

	padding: 5px;

	border-radius: 3px;

}



.inputPolje:hover {

	border: 1px solid #a10e0a !important;

	border-radius: 3px;

}



.inputPolje:focus {

	border: 1px solid #DD4D45 !important;

	border-radius: 3px;

}



.css3button {

	font-size: 14px;

	color: #ffffff;

	padding: 5px 20px;

	background: -moz-linear-gradient(

		top,

		#6b6b6b 0%,

		#252525);

	background: -webkit-gradient(

		linear, left top, left bottom, 

		from(#6b6b6b),

		to(#252525));

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	border: 1px solid #000000;

	-moz-box-shadow:

		0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 1px rgba(255,255,255,0.7);

	-webkit-box-shadow:

		0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 1px rgba(255,255,255,0.7);

	box-shadow:

		0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 1px rgba(255,255,255,0.7);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.4),

		0px 1px 0px rgba(255,255,255,0.3);

	cursor: pointer;

}





.css3button:hover {

	color: #333333;

	background: -moz-linear-gradient(

		top,

		#e4e4e4 0%,

		#cccccc);

	background: -webkit-gradient(

		linear, left top, left bottom, 

		from(#e4e4e4),

		to(#cccccc));

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	border: 1px solid #999999;

	-moz-box-shadow:

		0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 1px rgba(255,255,255,0.7);

	-webkit-box-shadow:

		0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 1px rgba(255,255,255,0.7);

	box-shadow:

		0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 1px rgba(255,255,255,0.7);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.4),

		0px 1px 0px rgba(255,255,255,0.3);

}





.TableStyleList {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}



.TableStyleList th {

	border-bottom: 1px solid #ccc;

	padding: 7px 5px;

	background-color: #ccc;
	
	color: #000;

	text-align: center

}




.TableStyleList td {

	border-bottom: 1px solid #ccc;

	padding: 4px 5px;
	text-align: center;

}
#div1, #div2{display: none;}

ul.downloads li{list-style:none;}

.text a img{
	float: left;
	margin: 10px 15px 0 0 ;
}