/*
-------------------------------------
ŠRC web - 14.11.2008.
v1.0
-------------------------------------
TOC


structural:  

	1. body, html
	1.1. #main_wrapper
	
	1.2. #header
	1.2.1. #navigacija
	1.2.2. #subheader
	
	1.2.1.1. .n1:link, .n1:visited
	1.2.1.2. .n2:link, .n2:visited
	1.2.1.3. .n3:link, .n3:visited
	1.2.1.4. .n4:link, .n4:visited
	1.2.1.5. .n5:link, .n5:visited
	1.2.1.6. .n6:link, .n6:visited
	1.2.1.7.  #navigacija li a:hover

	1.2.2. #logo
	1.2.2.1. #logo h1
	1.2.2.2. #logo p
	
	1.3. #left_col
	1.3.1. .izdvajamo
	1.3.1.1. .izdvajamo h2
	1.3.1.2. .izdvajamo img
	1.3.1.3. .izdvajamo h3
	1.3.1.4. .izdvajamo p
	
	
	1.3.2. .src_info
	1.3.2.1. .src_info h2
	1.3.2.2. .src_info img
	1.3.2.3. .src_info h3
	1.3.2.4. .src_info p
	
	1.3.3. .posjetite
	1.3.3.1. .posjetite h2, dokumenti h2
	1.3.3.2. .posjetite li
	
	1.3.4. .posjetitenas
	1.3.4.1. .posjetitenas h2
	1.3.4.2. .posjetitenas p

	1.3.5. .article, .galerija
	1.3.5.1. .article h2
	1.3.5.2. .article p, .galerija p
	1.3.5.3. .galerija h2
	1.3.5.4. .galerijaslika
	
	1.4. #right_col
	
	1.4.1. .novosti_short
	1.4.1.1. .novosti_short h2
	1.4.1.2. .novosti_short_wrap
	1.4.1.2.1. .novosti_short_wrap_lijevo
	1.4.1.3. .novosti_short_wrap h3
	1.4.1.4. .novosti_short_wrap span
	1.4.1.5. .novosti_short_wrap p
	1.4.1.5. .novosti_short .arhiva
	1.4.1.6. .arhiva:link, .arhiva:visited, .arhiva:hover
	
	1.4.2. #weatherbox
	1.4.2.1 #weatherbox img
	
	1.3. #footer
	1.3.1. #footer .rights
	1.3.2. #footer .ea93
	1.2.3. #footer a:link, #footer  a:visited, #footer  a:hover


additional:

	2. clear  
	3. p, div
	
	4. a
	4.1. a:link, a:visited
	4.2. a:hover
	4.3. a:focus mozilla fix

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

body, html {
	background-color: #c2c7ca;
	margin:0px;
	padding:0px;
	text-align:center;
	min-height:100%;
	
	font-family: Tahoma,  Arial,  Impact, 'Lucida Console';
	font-size:11px;
	color:#5d5e5e;
	line-height:13px;
}


#main_wrapper {
	background:#CCCCCC;
	text-align:left;
	width:1004px;
	background:url(../img/bg_mainwrap.jpg) repeat-y;
	min-height:100%;
}

#header {
	height:484px;
	background:url(../img/bg_header.jpg);
	
	
}

#subheader {
	height:434px;
	background:url(../img/bg_header.jpg);
	
	
}

#navigacija {
	margin-bottom:2px;
	clear:both;
	background:url(../img/bg_navigacija.jpg);
	width:1004px;
	height:47px;
	display:block;
}

#navigacija ul {
	float:right;
	margin-top:12px;
}

#navigacija li {
	float:left;
	list-style:none;
	text-indent:-2000px;
}

.n1:link, .n1:visited  {
	background:url(../img/n1.gif);
	width:78px;
	height:21px;
	display:block;
	border:none;
	margin-right:30px;
}

.n2:link, .n2:visited  {
	background:url(../img/n2.gif);
	width:78px;
	height:21px;
	display:block;
	border:none;
	margin-right:30px;
}

.n3:link, .n3:visited  {
	background:url(../img/n3.gif);
	width:106px;
	height:21px;
	display:block;
	border:none;
	margin-right:30px;
}

.n4:link, .n4:visited  {
	background:url(../img/n4.gif);
	width:133px;
	height:21px;
	display:block;
	border:none;
	margin-right:30px;
}

.n5:link, .n5:visited  {
	background:url(../img/n5.gif);
	width:74px;
	height:21px;
	display:block;
	border:none;
	margin-right:30px;
}

.n6:link, .n6:visited  {
	background:url(../img/n6.gif);
	width:79px;
	height:21px;
	display:block;
	border:none;
	margin-right:50px;
}

#navigacija li a:hover {
	opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;	
}

#logo {
	float:left;
	width:527px;
	height:185px;
	background:url(../img/header_left.jpg);
	margin:0px; padding:0px;
}

#logo h1 {
	/*background:url(../img/h1_logo.png);
	text-indent:-2000px;*/
	width:183px;
	height:156px;
	margin-left:60px;
	float:left;
	display:inline;
}

#logo p {
	color:#FFFFFF;
	float:left;
	display:inline;
	width:210px;
	margin-left:74px;
	margin-top:55px;
}

#logo p a:link, #logo p a:visited {
	color:#eaeaea;
	text-decoration:none;
	font-weight:bold;
	border:none
}
#logo p a:hover {
	color:#FFFFFF;
	border:none
}

#flash {
	float:left;
	width:477px;
	height:185px;
	margin:0px; padding:0px;
}





/*-----------left col ---------------*/

#left_col {
	width:478px; /* 520-42 */
	padding-left:42px;
	float:left
}
/* ---- */
.izdvajamo {
	width:461px;
	background:url(../img/bg_izdvajamo.jpg) repeat-x;
	background-position:0px 33px;
	min-height:255px;
	height:255px;
	
}

.izdvajamo h2 {
	background:url(../img/izdvajamo_h2.gif) no-repeat;
	height:33px;
	width:461px;
	display:block;
	text-indent:-2000px;
	float:left;
	padding-bottom:5px;
}

.izdvajamo .thumbnail {
	float:left;
	border:1px solid #ffffff;
	margin:0px 10px 10px 10px;
	width:192px;
	height:174px;
	display:inline;
}

.izdvajamo .pipmore {
	margin-top:5px;
	border:none;
}

.izdvajamo p {

	float:left;
	display:inline;
	width:235px;
	margin-top:0px;
	color:#5b5b5b;
	text-align:justify;
} 

.izdvajamo span {
	clear:both;
	display:block;
	width:230px;
	color:#727272;

}

.izdvajamo h3  {
	color:#010101;
	float:left;
	display:inline;
	margin-top:0px;
	margin-bottom:2px;
	font-size:13px;
	font-family:tahoma, arial, helvetica;
}

/* ------*/
.src_info {
	width:446px; /*461-15*/
	background:url(../img/bg_srcinfo.jpg) repeat-x;
	background-position:0px 33px;
	min-height:255px;
	padding-right:15px;
}

.src_info h2 {
	background:url(../img/scr_info_h2.gif) no-repeat;
	height:33px;
	width:461px;
	display:block;
	text-indent:-2000px;
	float:left;
	padding-bottom:5px;
}

.src_info .thumbnail {
	float:left;
	border:1px solid #ffffff;
	margin:0px 10px 10px 10px;
	width:192px;
	height:174;
	display:inline;
}

.src_info .pipmore {
	margin-top:5px;
}


.src_info  span {

	float:left;
	display:inline;
	width:270px;
	margin-left:10px;
	color:#5b5b5b;
	text-align:justify;
} 

/*.src_info  {
	clear:both;
	display:block;
	width:230px;
	color:#727272;
}*/

.src_info h3  {
	color:#010101;
	float:left;
	display:inline;
	margin-top:0px;
	margin-bottom:2px;
	font-size:13px;
	font-family:tahoma, arial, helvetica;
}
/* ---- */
.posjetite {
	width:461px;
	background:url(../img/bg_srcinfo.jpg) repeat-x;
	background-position:0px 33px;
	/*min-height:140px;*/
	margin-bottom:20px;
}	

.posjetite h2 {
	background:url(../img/posjetitejos_h2.gif) no-repeat;
	height:33px;
	width:461px;
	display:block;
	text-indent:-2000px;
	float:left;
	padding-bottom:5px;
}

.posjetite li {
	display:block;
	float:left;
	list-style:none;
	min-width:180px;
	width:180px;
	margin-right:10px;
	height:15px;
}
/* ---- */
.posjetitenas {
	width:461px;
	background:url(../img/bg_srcinfo.jpg) repeat-x;
	background-position:0px 33px;
	min-height:140px;
	margin-bottom:20px;
}	

.posjetitenas h2 {
	background:url(../img/posjetitenas_h2.gif) no-repeat;
	height:33px;
	width:461px;
	display:block;
	text-indent:-2000px;
	float:left;
	padding-bottom:5px;
}

.posjetitenas p {
	margin-top:10px; margin-left:10px;
}

/* ---- */

.article, .galerija {

	width:461px;
	background:url(../img/bg_srcinfo.jpg) repeat-x;
	background-position:0px 33px;
	min-height:140px;
	margin-bottom:20px;
	
	
}	

.article h2 {
	background:url(../img/article_h2.gif) no-repeat;
	height:33px;
	width:461px;
	display:block;
	text-indent:-2000px;
	float:left;
	
}

.article p, .galerija p {
	margin-top:10px; margin-left:10px; margin-right:10px;
	text-align:justify;
	color:#535556
}

.galerija h2 {
	background:url(../img/galerija_h2.gif) no-repeat;
	height:33px;
	width:461px;
	display:block;
	text-indent:-2000px;
	float:left;
	padding-bottom:0px;
	margin-bottom:10px;
}

.galerija a:link, .galerija a:visited {
	border:none
}

.article h3  {
	color:#010101;
	float:left;
	display:inline;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:2px;
	font-size:13px;
	font-family:tahoma, arial, helvetica;
	clear:both;
	width:100%
}

.galerijaslika {
	border:1px solid #ffffff;
	width:100px;
	height:76px;
	margin:-5px 5px 17px 5px;
}



/*-----------right col ---------------*/

#right_col {
	width:460px; /*480-20*/
	float:left;
	padding-left:20px;
}


.novosti_short {
	width:421px;
	background:url(../img/bg_novosti_box.jpg) repeat-x;
	background-position:0px 33px;
	min-height:418px;
	height:418px;
	margin-top:12px;
}

.novosti_short h2 {
	background:url(../img/novosti_box_h2.gif) no-repeat;
	height:33px;
	width:211px;
	display:block;
	text-indent:-2000px;
	float:left;
	padding-bottom:5px;
}



.novosti_short_wrap {
	clear:both;
	float:left;
	width:400px;
	margin-left:10px;
	display:inline;
	margin-bottom:10px;
	margin-top:10px;
}

.novosti_short_wrap_lijevo {
	clear:both;
	float:left;
	width:460px;
	margin-left:10px;
	display:inline;
	margin-bottom:10px;
	/*margin-top:10px;*/
}

.novosti_short_wrap h3, .novosti_short_wrap_lijevo h3  {
	color:#010101;
	float:left;
	display:inline;
	margin-top:0px;
	margin-bottom:2px;
	font-size:13px;
	font-family:tahoma, arial, helvetica;
	
}

.novosti_short_wrap span {
	clear:both;
	display:block;
	width:230px;
	color:#727272;

}

.novosti_short_wrap p, novosti_short_wrap_lijevo p {

	float:left;
	display:inline;
	width:225px;
	margin-top:0px;
	color:#5b5b5b;
	text-align:justify;
} 


.mininews {
	/*width:153px;
	height:96px;*/
	border:1px solid #ffffff;
	float:left;
	margin-right:10px;
}

.novosti_short .arhiva {
	width:210px;
	float:left;
	height:33px;
	background:url(../img/novosti_box_h2.gif) no-repeat;
	background-position:right;
	
	text-indent:-2000px;
	float:left;
	border:none;
	
	margin-top:11px;
	text-decoration:none;
	padding-bottom:5px;
	display:block;
	
}

.arhiva:link, .arhiva:visited, .arhiva:hover {
	border:none;
} 



#weatherbox {
	display:block;
	clear:both;
	width:391px; /*421*/
	height:102px; /*132*/
	background:url(../img/bg_getweather_prazno.gif);
	margin-top:10px;
	margin-bottom:10px;
	padding:15px;
}

#weatherbox img {
	
}

#weatherbox em {
	color:#9ea9ad;
	font:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bolder;
	
}


/*-----------footer ---------------*/



#footer {
	height:59px;
	background:url(../img/bg_footer.jpg);
}

#footer .rights {
	margin-top:25px;
	margin-left:52px;
}

#footer .ea93 {
	margin-top:24px;
	margin-left:580px; /*poslije vrati na 633*/
	border:none;
}

#footer a:link, #footer  a:visited, #footer  a:hover {
	border:none;
} 

/* 
-------------------------------------
aditional:
-------------------------------------
*/



.clear {clear:both}

p, div {
	margin-top:0px;
}

a:link, a:visited {
	color:#2289af;
	text-decoration:none;
	border-bottom:1px dashed #2289af
}

a:hover{
	color:#121212;
	border-bottom:1px dashed #ffffff;

}

a:focus /* fix da se ne vide obrubi oko linkova*/
{
  -moz-outline-style: none;
}