@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-attachment: scroll;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------topheader--------------------*/
#topheader{
	width:1004px;
	height:160px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
	background-image: url(../images/logo_banner.png);
	background-repeat: no-repeat;
}
.top_strip {
	margin: 0px;
	float: left;
	height: 25px;
	width: 277px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 817px;
}
.kontakt {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 23px;
border-right: solid 1px #7f7f7f;
}
a.kontakt:link {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 23px;
border-right: solid 1px #7f7f7f;
}
a.kontakt:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	
	color: #006633;
	text-decoration: none;

	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 23px;
border-right: solid 1px #7f7f7f;
}

a.registracija:link  {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 63px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
border-right: solid 1px #7f7f7f;
}
a.registracija:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	
	color: #006633;
	text-decoration: none;
	
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 63px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
border-right: solid 1px #7f7f7f;
}
.onama  {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-right: solid 1px #7f7f7f;
}
a.onama:link  {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-right: solid 1px #7f7f7f;
}
a.onama:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #006633;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top:2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-right: solid 1px #7f7f7f;
}

a.newsletter  {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 60px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	/* border-right: solid 1px #7f7f7f; */
}
a.newsletter:link  {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 60px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	/* border-right: solid 1px #7f7f7f; */
}
a.newsletter:hover {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #006633;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 60px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	/* border-right: solid 1px #7f7f7f; */
}
a.newsletter:active  {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 60px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	/* border-right: solid 1px #7f7f7f; */
}
a.newsletter:visited  {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 60px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	/* border-right: solid 1px #7f7f7f; */
}
a.suscribe:link  {
	font-family: Arial;
font-size: 11px;
	font-weight: bold;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 85px;
	padding-top:2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;

}
a.suscribe:hover {
	font-family: Arial;
font-size: 11px;
	font-weight: bold;
	
	color: #006633;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 85px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;

}

.top_search {
	float: left;
	height: 50px;
	width: 425px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 667px;
}
.searchname {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #a57d53;
	text-decoration: none;
	float: left;
	height: 20px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.searchtextbox {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 19px;
	width: 205px;
border: 0px;
	
}
.searchtextbox:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 19px;
	width: 205px;
	border: 0px;
}
.searchname1 {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #a57d53;
	text-decoration: none;
	float: left;
	height: 25px;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.button {
    border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url(../images/trazi.png) no-repeat left top;
	padding: 0px 0px 0px 0px;
	width: 178px;
	height: 30px;	
}
.button:hover {
    border: none;
    border-color: inherit;
	border-width: medium;
    background: url(../images/trazi1.png) no-repeat left top;
	padding: 0px 0px 0px 0px;
	width: 178px;
	height: 30px;
   	padding: 0px 0px 0px 0px;
}

a.go {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
background-image: url(../images/trazi.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 25px;
	width: 90px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a.go:link {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
background-image: url(../images/trazi.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 25px;
	width: 90px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a.go:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
background-image: url(../images/trazi1.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 25px;
	width: 90px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menu_area {
	float: left;
	height: 34px;
	width: 700px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 327px;
	padding: 0px;
}
a.menu2 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 30px;
	padding-top: 15px;
	padding-right: 13px;
	padding-bottom: 0px;
background-image: url(../images/menidesno.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
}
a.menu2:link {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 30px;
	padding-top: 15px;
	padding-right: 13px;
	padding-bottom: 0px;
background-image: url(../images/menidesno.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
}
a.menu2:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #006633;
	text-decoration: none;
	background-color: #353131;
background-image: url(../images/menihover.gif);
	margin: 0px;
	float: left;
	height: 30px;
	padding-top: 15px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
}















a.menu2_duble_line {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 38px;
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 0px;
background-image: url(../images/menidesno.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	text-align: center;
}
a.menu2_duble_line:link {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 38px;
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 0px;
background-image: url(../images/menidesno.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	text-align: center;
}
a.menu2_duble_line:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #006633;
	text-decoration: none;
	background-color: #353131;
background-image: url(../images/menihover.gif);
	margin: 0px;
	float: left;
	height: 38px;
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	text-align: center;
}





a.menu_hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #006633;
	text-decoration: none;
background-image: url(../images/menihover.gif);
	margin: 0px;
	float: left;
	height: 30px;
	padding-top: 15px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	cursor:text;
}
a.menu_hover:link {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #006633;
	text-decoration: none;
background-image: url(../images/menihover.gif);
	margin: 0px;
	float: left;
	height: 30px;
	padding-top: 15px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	cursor:text;
}






a.menu_double_line_hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #006633;
	text-decoration: none;
background-image: url(../images/menihover.gif);
	margin: 0px;
	float: left;
	height: 38px;
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	cursor:text;
}
a.menu_double_line_hover:link {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #006633;
	text-decoration: none;
background-image: url(../images/menihover.gif);
	margin: 0px;
	float: left;
	height: 38px;
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	cursor:text;
}
/*------------------------------------------------body_area--------------------*/
#body_area{
	width:1004px;
	/* height:609px; */
background-image: url(../images/pozadinatijela.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;

	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
}


.razmak {
height:6px;
}

.zaglavljetijela{
width:990px;
font-size: 11px;
font-style: normal;
font-family: Tahoma;
font-variant: normal;
text-transform: none;
text-align:right;
color: #494949;
height:32px;
margin-left:7px;
padding-left:15px;
padding-top:13px;
background-image: url(../images/zaglavljetijela.png);
background-repeat: no-repeat;

}
.zaglavljetijelalink{

font-style: normal;
font-family: Tahoma;
font-weight: bold;
	text-transform: none;
color: #494949;


}

.left {
	margin: 0px;
	float: left;
	/* height: 609px; */
	width: 250px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}

.lijevonaslov {
font-size: 12px;
font-style: normal;
font-weight: bold;
font-family: Tahoma;
font-variant: normal;
padding-left:15px;
padding-top:6px;
color: #ffffff;
width:244px;
height:23px;
background-image: url(../images/lijevonalov.png);
background-repeat: no-repeat;
}
.lijevoboks {
width:234px;
font-size: 11px;
font-style: normal;
font-family: Tahoma;
color: #494949;
background-image: url(../images/lijevoboks.png);
padding:7px;
margin-top:2px;
background-repeat: no-repeat;
}
.lijevoboksdno {
width:244px;
height:9px;
margin-bottom:2px;
background-image: url(../images/lijevoboksdno.png);
background-repeat: no-repeat;
}


.left_head {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #7c8e06;
	text-decoration: none;
}

.sredina {
	font-size: 12px;
font-style: normal;
font-family: Tahoma;
color: #494949;
	margin: 0px;
	float: left;
	width: 730px; /* 1004 - 7 - 250 = 747 */
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.sredinavelika {
	font-size: 12px;
font-style: normal;
font-family: Tahoma;
color: #494949;
	margin: 0px;
	float: left;
	width: 730px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.innergray_strip2 {
	margin: 0px;
	float: left;
	width: 152px;
	padding:0px;
}
.innergray_strip {
	background-image: url(../images/eventsbg.jpg);
	margin: 0px;
	float: left;
	width: 134px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.innergray_strip {
	background-image: url(../images/eventsbg.jpg);
	margin: 0px;
	float: left;
	width: 134px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.innerbottomgray_strip {
	background-image: url(../images/eventsbottombg.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	float: left;
	width: 152px;
	height:3px;
	padding:0px;
}
.desno {
	margin: 0px;
	float: left;

	width: 200px;
margin-left:5px;
	padding-top: 0px;
	
}
.desnonaslov {
font-size: 11px;
font-style: normal;
font-weight: bold;
font-family: Tahoma;
font-variant: normal;
padding-left:15px;
padding-top:6px;
color: #ffffff;
width:200px;
height:18px;
background-image: url(../images/desnonaslov.png);
background-repeat: no-repeat;
}
.desnoboks {
width:200px;
font-size: 11px;
font-style: normal;
font-family: Tahoma;
color: #494949;
background-image: url(../images/desnoboks.png);
padding:7px;
margin-top:2px;
background-repeat: no-repeat;
}
.desnoboksdno {
width:200px;
height:9px;
margin-bottom:2px;
background-image: url(../images/lijevoboksdno.png);
background-repeat: no-repeat;
}
.head {
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 42px;
}
.body_text {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}
.body_text1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ac0101;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.body_textlink {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	background-color: #FFFFFF;
	text-decoration: none;
}
.body_textlink:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ac0101;
	background-color: #FFFFFF;
	text-decoration: none;
}.link {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #4b4747;
	text-decoration: none;
	background-image: url(../images/link.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 19px;
	width: 575px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 23px;
}
.link:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/link_hover.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 19px;
	width: 575px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 23px;
}
.links1_area {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 235px;
}
.link_no {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 85px;
}
.link_no1 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 109px;
}
.link_no2 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 85px;
}
.link_no3 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 161px;
}
.link_no4 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 128px;
}
.link_no5 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 96px;
}
.link_no6 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 134px;
}
.link1 {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #655f5f;
	text-decoration: none;
	background-image: url(../images/link1_active.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 16px;
	width: 223px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.link1:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	background-image: url(../images/link1_hover.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 16px;
	width: 223px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.idea_divider {
	background-color: #f7f6e9;
	padding: 0px;
	float: left;
	height: 118px;
	width: 6px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 37px;
}
/*------------------------------------------------fotter--------------------*/
#footer{

width:1004px;
	height:40px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
float: none;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
background-image: url(../images/dnotijela.gif);
	background-repeat: no-repeat;
	border: solid 0px #7f7f7f;
	clear: both;
	color:#232323;
}
.footersadrzaj{
margin-left: 380px;
padding-top: 4px;	
	
}

#footer a{
color:#006633;
font-weight: bold;
text-decoration:none;
	
}


/*------------------------------------------------validation --------------------*/
.validation {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	float: right;
	height: 16px;
	width: 44px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.validation:hover {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/more1.png);
		background-repeat: no-repeat;
	float: right;
	height: 16px;
	width: 44px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*------------------------------------------------validation--------------------*/
.fotter_designed {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fotter_designed1 {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #d0b003;
}
.fotter_designedlink {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}
.fotter_designedlink:hover {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #d0b003;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#innerblank
{
	width:1004px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: left;
}

#innercontentblank
		{
	margin: 0px;
	float: left;
	width: 605px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 21px;
		}
#innerhedding
		{
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 22px;
		}		
#innercontent
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;
		}		
#innercontent002
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;	
		}		
#innercontent003
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;	
		}		
#innercontent004
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;	
		}		
#innercontent005
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;	
		}
#submenuhedding
		{
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 22px;
		}
#submenublank
		{
		width: 600px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 23px;
		padding-left: 0px;
		}
#submenutop				
		{
		width:540px;
		height:1px;
		padding:0px;
		margin:0px;
		float:left;
		background-image:url(../images/topline.jpg);
		background-repeat:no-repeat;
		}
.submenu				
		{
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		color: #8f8d69;
		text-decoration:none;
		width:520px;
		height:17px;
		padding:2px 0 0 20px;
		margin:0px;
		float:left;
		background-image: url(../images/active.jpg);
		background-repeat:no-repeat;
		}
.submenu:hover				
		{
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		color: #8f8d69;
		text-decoration:none;
		width:520px;
		height:17px;
		padding:2px 0 0 20px;
		margin:0px;
		float:left;
		background-image: url(../images/over.jpg);
		background-repeat:no-repeat;
		}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------contactpage----------------------------------------------------------------------------------------*/
#contactblank
			{
	margin: 0px;
	float: left;
	width: 674px;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
		
			}
		
#contactinnerblank
		{
				width:1004px;
				height:500px;
				float:left;
				margin:0px;
				padding:0px;
		}
#contactheddingblank
		{
			width:500px;
			height:30px;
			float:left;
			margin:27px 0 0 45px;
			padding:0px;
			font:normal 12px/17px Arial, Helvetica, sans-serif;
			color:#CECECE;
			border-bottom: solid 1px #7f7f7f;
			
			
		}
#contactaddressblank{
				margin: 0px;
				padding:0 0 0 30px;
				float: left;
				width:236px;
				font-family: "Trebuchet MS";
				font-size: 11px;
				font-weight: normal;
				color: #000000;
				text-decoration: none;
				
	}

#contactaddresshedding
		{
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 22px;
		}		

#contactaddresstext{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;
	}
#contactsmallhedding
			{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #af0602;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
			}
#contacthedding
			{
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 22px;
		}
			
#contacticon{
				width:86px;
				height:84px;
				float:left;
				background-image: url(contacticon.png);
				background-repeat:no-repeat;
				margin:10px 0 0 30px;
	}
#contactfeildnameblank
			{
				width:160px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildblank
			{
				width:200px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname
			{
				width:160px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeildname002
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname003
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname004
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname005
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname006
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname007
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname008
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname009
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild
			{
				width:200px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeild002
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild003
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild004
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild005
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild006
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild007
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild008
			{
				width:200px;
				height:20px;
				margin:8px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild009
			{
				width:200px;
				height:60px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#submitbutton
			{
				width:200px;
				height:20px;
				margin:60px 0 0 0;
				padding:0;
				float:left;
				text-align: center;

			}	
			
.contactfeildname
			{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	text-decoration: none;
			}
.contactfeild
			{	font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color: #3c4538;
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
				height:20px;
			}
.contactfeild
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color:#3c4538;
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
				height:20px;
			}
.submitbutton
			{
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	float: left;
	height: 16px;
	width: 44px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	cursor:pointer;
			}
.submitbutton:hover 
			{
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/more1.png);
		background-repeat: no-repeat;
	float: left;
	height: 16px;
	width: 44px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	cursor:pointer;	
			}
			
.contactinput
		{

				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
		}
.contactinput:hover
		{
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
	}
.listbox
		{

				width:174px;
				height:20px;			
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
		}
.listbox:hover
		{
				width:174px;
				height:20px;			
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
	}	
/*----------------------------------------------------------------LIJEVI MENI----------------------------------------------------------------------------------------*/		

.dropmenu {
z-index:1000;
font-size: 11px;s
font-style: normal;
font-weight: bold;
font-family: Tahoma;
font-variant: normal;
color: #000000;

}

.dropmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:234px;
}
/* hack for IE5.5 */
* html .dropmenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.dropmenu li {
position:relative;
background:#e5e5e5;

}

/* get rid of the table */
.dropmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.dropmenu a, .dropmenu a:visited {
display:block; 
text-decoration:none;
height:24px;
line-height:20px;
width:234px;
font-size: 11px;
color:#202020;
text-indent:5px;
background-image: url(../images/lijevimeni.png);
background-repeat: no-repeat;
}
/* hack for IE5.5 */
* html .dropmenu a, * html .dropmenu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .dropmenu a:hover {color:#fff; background:#949e7c;}

.dropmenu :hover > a {
color:#fff; 
background-image: url(../images/lijevimeni1.png);
background-repeat: no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.dropmenu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:234px; 
}
/* make the second level visible when hover on first level list OR link */
.dropmenu ul li:hover ul,
.dropmenu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.dropmenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.dropmenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.dropmenu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.dropmenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


/*----------------------------------------------------------------DESNI MENI----------------------------------------------------------------------------------------*/		

.desnidropmenu {
z-index:1000;
font-size: 10px;s
font-style: normal;
font-family: Tahoma;
font-variant: normal;
color: #000000;

}

.desnidropmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:185px;
}
/* hack for IE5.5 */
* html .desnidropmenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.desnidropmenu li {
position:relative;
background:#e5e5e5;

}

/* get rid of the table */
.desnidropmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.desnidropmenu a, .desnidropmenu a:visited {
display:block; 
text-decoration:none;
height:24px;
line-height:20px;
width:185px;
font-size: 10px;
color:#202020;
text-indent:5px;
background-image: url(../images/lijevimeni.png);
background-repeat: no-repeat;
}
/* hack for IE5.5 */
* html .desnidropmenu a, * html .desnidropmenu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .desnidropmenu a:hover {color:#fff; background:#949e7c;}

.desnidropmenu :hover > a {
color:#fff; 
background-image: url(../images/lijevimeni1.png);
background-repeat: no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.desnidropmenu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-185px; 
}
/* make the second level visible when hover on first level list OR link */
.desnidropmenu ul li:hover ul,
.desnidropmenu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.desnidropmenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.desnidropmenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.desnidropmenu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.desnidropmenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}