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


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

* { margin:0; padding:0; }
img, fieldset { border:none}

body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:13px}

a:link, a:visited { color:#bb9468; text-decoration:none}
a:hover { color:#806547; text-decoration:none}

p { font-size:12px; color:#383838; line-height:1.3em; } 
p a:link, p a:visited {font-size:10px; color:#4d8abe}
p a:hover { color:#005198}

p a:link, p a:visited {font-size:10px; color:#4d8abe}
p a:hover { color:#005198}

h1 { font-size:15px; color:#005198; font-weight:bold;} 
h2 { font-family:Tahoma, Arial, Times New Roman, Times, serif; font-size:11px;font-weight: bold;padding-bottom: 0px; padding-left:2px; color:#fff; margin-bottom:0px;font-weight:200px;background:url(crtfront.gif) no-repeat left ;height: 41px}
h7 { font-family:Tahoma, Arial, Times New Roman, Times, serif; font-size:20px; color:#fff; margin-bottom:0px;font-weight:200px;background:url(crtfront2.gif) no-repeat left ; height:35px	}
h3{ font-family:Tahoma, Arial, Times New Roman, Times, serif; font-size:20px; color:#fff; margin-bottom:0px;font-weight:200px;background:url() no-repeat left ;	}
h3 a:link, h3 a:visited{color:#405499; margin-bottom: 8px; text-decoration:underline; }
h3 a:hover {text-decoration:none; }
h4 a:link, h4 a:hover, h4 a:visited { font-size:11px; color:#fff; font-weight:bold;}
h4 { font-size:13px; color:#0057a2; font-weight:bold;}
h5 { font-size:14px; color:#C9E6FF} 
h6 { font-size:13px; font-weight:bold; color:#fff}

strong {font-weight: bold; color: black;}

.breadcrumbs{font-size:12px; color:#ff9f1e; margin:0px 0px 5px 0px;}
.breadcrumbs a{font-size:12px; color:#fff; margin:0px 0px 5px 0px; text-decoration:underline;}
.breadcrumbs a:hover{font-size:12px; color:#fff; margin:0px 0px 3px 0px; text-decoration:none;}

/*
---------------------------------------------
02. container and wrapper
---------------------------------------------
*/

#container { width:100%; float:left;background:url(bg_container.gif) repeat-x;margin-top:5px}
#wrapper { width:940px; margin:0 auto; background:url(bg_container.gif) repeat-x}
 
 
 /*
---------------------------------------------
03. header
---------------------------------------------
*/

#header { width:940px; float:left; padding-top:23px; padding-bottom:45px; margin-top: -280px}




 /*
---------------------------------------------
03.1 header - logo
---------------------------------------------
*/

.logo { width:425px; float:left ;margin-top: 5px }
.logo2 { width:250px; float:left ;margin-top: 5px;margin-left:20px }

/*
---------------------------------------------
03.2 header - search
---------------------------------------------
*/

.search { width:228px; float:right; margin-top:-10px;}
.search fieldset { width:255px; float:left}
.search fieldset .input { width:166px; float:left; background:#2670B0; border:none; font-size:12px; color:#ACC8E1; padding:5px 12px; margin-right:12px}
.search fieldset .button_search a { width:50px; float:left; background:#1588EB; font-size:11px; text-align:center; padding:5px 0}
#blabla2 a:link, #blabla2  a:visited {font-size:10px; color: #00427a}
#blabla2 a:hover {font-size:10px}

/*
---------------------------------------------
03.3 header - nav
---------------------------------------------
*/
 
.nav { width:970px; float:left; padding-top:30px;z-index:2}
.nav ul { list-style:none; float:left; background:url(bg_topnav.gif) repeat-x bottom;}
.nav ul li { float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; padding-right:30px;}

.nav ul li a { display:block; float:left; padding-bottom:4px; color:#ffffff}
.nav ul li a:hover { border-bottom:0px solid #ff8b38;color:#4d8abe}
.nav ul li a.selected { border-bottom:0px solid #ff8b38}


/*
---------------------------------------------
04. caption
---------------------------------------------
*/
.caption2 { width:291px; float:right;  background:url(kocka.gif) no-repeat;height:195px; margin-top:85px; z-index:1}
.caption { width:940px; float:left; padding-bottom:25px;z-index:2 ;margin-top: -80px}



/*gin
---------------------------------------------
05. content
---------------------------------------------
*/
#content2 { width:100%; float:left;  background:url(ozadje.gif)  repeat-y ; padding-bottom:0px; }
#content { width:940px; float:left; padding-bottom:0px; }

/*
---------------------------------------------
06. main boxes
---------------------------------------------
*/

#mainbox { width:940px; float:left; border-bottom:1px solid #D7D7D7; padding-bottom:20px}

.thumb-link {position: absolute; width:304px; height:289px; background:url(bg_box.png)  no-repeat bottom;}
.thumb-link:hover {position: absolute; width:304px; height:289px; background:url(bg_box_hover.png) no-repeat bottom}

#mainbox .box1 { width:304px; height:289px; float:left;}
#mainbox .box2 { width:304px; height:289px; float:left; padding-left:15px}
#mainbox .box3 { width:304px; height:289px; float: right;}
#mainbox .content { float:left; position:relative}
#mainbox .content h1 { padding-top:20px; padding-left:17px;}
#mainbox .content h5 { padding-top:20px; padding-left:17px; padding-top:0px}


/*
---------------------------------------------
07. content middle
---------------------------------------------
*/

#content_middle { width:940px; float:left; padding-top:10px; padding-bottom:30px}

#content_middle p {padding-bottom:20px}
#blabla {margin-top: 4px;}


#blabla p a:link, #blabla p a:visited { color:#FFFFFF; text-decoration:underline; font-size:12px}
#blabla p a:hover { color:#FFFFFF; text-decoration:underline; font-size:12px}
#blabla bla a:link, #blabla bla a:visited {color:#000; text-decoration:underline; font-size:10px; height: 1em;} 
#blabla bla a:hover { color:#000; text-decoration:underline; font-size:10px}
#blabla a.bla:link{color:#000;} 
.mainintro { width:auto;float:left; padding-right:9px; margin-top:8px; bborder-right:1px solid #999; min-height:933px
}
.mainintro h3 { font-family:Tahoma, Arial, Times New Roman, Times, serif; font-size:11px; 
font-weight:bold;color:#fff; padding-bottom:0px; padding-left: 2px;font-weight:200px;background:url(crtfront2.gif) no-repeat left ;	height: 41px}

.mainintro h5 { font-family:Tahoma, Arial, Times New Roman, Times, serif; font-size:11px; 
font-weight:bold;color:#fff; padding-bottom:0px; padding-left: 2px;font-weight:200px;background:url(crtfront2.gif) no-repeat left ;	height: 41px}
.blue {
	color: #0057a2;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline
}
.blue2 {
	color: #0057a2;
	font-size:10px;
	font-weight:bold;
	
}
.kvadratcrtaaa{border-left:1px solid #999; }
#crtacrta{border-left:1px solid #999; margin-left:515px;  }
.kvadratki{padding-left:14px}
.set { width:150px; float:left; padding-left:14px; }
.set2 { width:150px; float:left; padding-left:14px; }
.set p { float:left; padding-top:8px; color:#383838; } 
.set2 p { float:left; padding-top:15px; color:#383838; } 
.set3 p { float:left; padding-top:15px; color:#383838; height:1em; font-size:10px;} 
 .set3 p        a:link {color:#000;}
	.set3 p	 a:visited {color:#000;}
.set3 bla { float:left; padding-top:15px; color:#383838; height:1em; font-size:10px;} 
.set3 { width:150px; float:left; padding-left:14px; }



#content_middle .thumb { width:140px; }
#content_middle .thumb_content { width:142px; padding:2px;  background:url(koristno.gif) no-repeat; padding-bottom:21px}
#content_middle .thumb_content h4 a { width:140px; float:left; background:url(arrow_blue.gif) no-repeat right center}



/*
---------------------------------------------
08. footer styles
---------------------------------------------
*/


#bg_footer { width:100%; float:left; background:#bb9468; padding-top:0px; padding-bottom:0px; height: 15px;}
#bg_footer2 { width:384px; float:left; padding-top:17px; padding-bottom:16px; background:url(rjavo.gif) no-repeat}
#footer2 { width:380px; margin:0 auto ; }
#footer2 p { color:#FFFFFF; font-size:12px; padding-bottom:0px}
#footer2 p a:link, #footer p a:visited { color:#FFFFFF; text-decoration:underline}
#footer2 p a:hover { color:#FFFFFF; text-decoration:underline}
#footer2 h6 { padding-bottom:15px; font-weight:bold} 
#footer2 h44 { color:#FFFFFF; text-decoration:underline}
#footer2 h44 a:link, #footer p a:visited a:hover { color:#FFFFFF; text-decoration:underline} 

.divider { width:1px; height:167px; float:left; background:url(divider.gif) no-repeat}

#footer3 { width:940px; margin:0 auto; height:15px;}
#footer { width:100%; margin:; bottom:0px; }
#footer4 { width:100%;  background: #FFF; height:74px ;margin-bottom:0px;float:left;  }
#footer6 { position: relative; float:right; }
#footer5 { width:100%;  background:url(senca2.gif) repeat-x;float:left;height:21px  }
#footer p { color:#FFFFFF; font-size:12px; padding-bottom:0px}
#footer p a:link, #footer p a:visited { color:#FFFFFF; text-decoration:underline}
#footer p a:hover { color:#FFFFFF; text-decoration:underline}
#footer h6 { padding-bottom:15px; font-weight:normal} 

.divider { width:1px; height:167px; float:left; background:url(divider.gif) no-repeat}

/*
---------------------------------------------
08.1 footer styles - contact
---------------------------------------------
*/

.contact { width:310px; float:left} 
.contact .address { width:150px; float:left}
.contact .phone { width:150px; float:left; padding-bottom:15px}

.contact2 { padding-left:10px;width:200px; float:left;  } 
.contact2 .address2 { width:200px; float:left }
.contact2 .phone2 { width:150px; float:left; padding-bottom:15px}
/*
---------------------------------------------
08.2 footer styles - privacy
---------------------------------------------
*/

.privacy { width:120px; float:left; padding-left:20px; padding-right:40px}
.privacy2 { width:120px; float:left; padding-left:20px; }


/*
---------------------------------------------
08.3 footer styles - designby
---------------------------------------------
*/

.designby { width:220px; float:left; padding-left:20px; font-weight:normal}


/*
---------------------------------------------
09. inner wrapper
---------------------------------------------
*/

#wrapper_inner { width:957px; margin:0 auto}

/*
---------------------------------------------
10. content inner
---------------------------------------------
*/

#content_inner { width:957px; float:left}


#content_inner .thumb { width:304px; float:left; background:#1B95FF}
#content_inner .thumb_middle { width:304px; float:left; margin:0 14px}
#content_inner .thumb_content { width:270px; float:left; padding:20px 17px 50px 17px}

/*
---------------------------------------------
11. left panel
---------------------------------------------
*/

#leftpanel { width:658px; float:left; background:#FFFFFF; border:1px solid #DEDEDE; border-bottom:none; padding:20px; padding-bottom:175px; } 

#leftpanel p {padding-bottom:20px}

#leftpanel h3 a{ color:#005197; text-decoration:underline}
#leftpanel h3 a:hover { color:#005197;text-decoration:none}

#leftpanel a{ color:#ff8b38; text-decoration:underline}
#leftpanel a:hover { color:#ff8b38; text-decoration:none}

#leftpanel ul{display:block; margin:0px 0px 0px 28px; padding: 0px 0px 0px 0px;  font-size:14px; line-height:1.3em; }
#leftpanel ul li { padding-bottom:8px font-size:14px; color:#383838; line-height:1.4em; margin:0px 0px 5px 0px;}





/*
---------------------------------------------
11.1 left panel - content
---------------------------------------------
*/

#leftpanel .content { width:658px; padding:0}
#leftpanel .content h2 { width:658px; border-bottom:1px solid #ff8b38; padding-bottom:5px}
#leftpanel .content .leftcontent { width:425px;  float:left; padding-right:25px}

#leftpanel .content .thumb { width:200px; margin-top:15px}
#leftpanel .content .thumb_content { width:180px; padding:12px 10px; background:url(bg_thumb_shadow.png) no-repeat top}
#leftpanel .content .thumb_content p { font-size:11px; font-style:italic; color:#FFFFFF; padding-top:0; padding-bottom:0px}

#leftpanel .content .leftcontent2 { width:658px;  float:left; padding-right:25px}


/*
---------------------------------------------
12. right panel
---------------------------------------------
*/

#rightpanel { width:230px; float:left; padding-left:25px}

/*
---------------------------------------------
12.1 right panel - support
---------------------------------------------
*/

.support { width:170px; float:left; padding-left:5px; padding-top:7px}
.support h4 { font-weight:bold}
.support h6 { font-weight:normal; padding-bottom:15px} 
.support .button_donate a { width:85px; float:left; background:#ff8b38; font-size:13px; font-weight:normal; text-align:center; padding:3px 0}

/*
---------------------------------------------
12.2 right panel - related items
---------------------------------------------
*/

.relateditems { width:230px; float:left; padding-top:50px}
.relateditems h4 { font-weight:bold; color:#405499}

.relateditems ul { list-style:none; float:left; padding:15px 0}
.relateditems ul li { width:226px; float:left; font-size:14px; font-weight:normal; color:#ff8b38; border-bottom:1px solid #ff8b38; padding:2px}

.relateditems ul li a:link, .relateditems ul li a:visited { width:224px; float:left; background:url(bg_li.gif) no-repeat; color:#ff8b38; padding:5px 0 3px 2px}
.relateditems ul li a:hover { background: url(bg_li_hover.gif) no-repeat}

/*
---------------------------------------------
12.3 right panel - related items
---------------------------------------------
*/


.boxcontent { width:230px; height:127px; float:left;}
.boxcontent img { padding-bottom:10px}



.contactForm {
	width:308px;
}
.contactForm p {
	padding:10px;
}
.contactForm input {
	width:240px;
}
.contactForm textarea {
	width:281px; height:120px;
}
.submit {
	width:45px!important;
}
.hide {
	display:none;
}
.novus-css {
display:none;
}
#prijavan{ margin-left: 530px;}
.buttonheading {display: none}