/* metaldesign.hr - Dizajn */

body{
	margin: 0px;
	background: #fff url(gwsm_images/poz_gore.jpg) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a{
	font-weight: normal;
	text-decoration: none;
	color:#FFF;
}

a:hover{
	font-weight: normal;
	text-decoration: none;
	color: #000033;
}

p{
	margin-bottom: 15px;
}

#stranica_okvir{
	margin: 0px;
	background: transparent url('gwsm_images/pozadina.gif') no-repeat top center;
	width: 100%;
}

#stranica{
	margin: 0px auto;
	width: 980px;
	background: transparent;
}

#stranica #gore{
	width: 960px;
	
	background: #535353;
	clear: both;
	text-align: right;
	padding-right: 20px;
	line-height: 26px;
	color:#FFFFFF;
}

#stranica #gore2{
	width: 960px;
	height: 26px;
	background: #000000;
	clear: both;
	text-align: right;
	padding-right: 20px;
	line-height: 26px;
	color:#FFFFFF;
}

#stranica #gore a{color: #fff;}
#stranica #gore a:hover{color: #0099FF;}

#stranica #header{
	width: 980px;
	height: 282px;
	background: transparent;
	clear: both;
}

#stranica #sadrzaj{
	width: 980px;
	clear: both;
	background: url('gwsm_images/poz_stranica.gif') repeat-y top left;
	padding-bottom: 30px;
	font-size: 13px;
	line-height: 16px;
}

#stranica #sadrzaj a{
	color: #0099CC;
	font-weight: normal;
}

#stranica #sadrzaj a:hover{
	color: #CCCCCC;
}

#stranica #sadrzaj #side1{
	width: 178px;
	margin: 0px;
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px;
	float: left;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 14px;
	text-align: left;
}

html>body #stranica #sadrzaj #side1{
	margin-left: 0px;
}

#stranica #sadrzaj #side1 .okvir{
	background: url(gwsm_images/lijevo_naslov.gif) no-repeat top left;
	padding: 0px 15px;
	margin-bottom: 15px;
	text-align: left;
}

#stranica #sadrzaj #side1 .okvir .desno{
	padding-top: 10px;
	float: right;
}

#stranica #sadrzaj #side1 .okvir .desno a{
	color: #CCCCCC;
}

#stranica #sadrzaj #side1 .naslov{
	color: #FFFFFF;
	vertical-align: middle;
	font-size: 11px;
	border-bottom: 0px;
	margin-bottom: 10px;
	padding:0px;
	padding-top: 5px;
	padding-bottom: 0px;
	text-align: left;
	font-weight: bold;
	
}

#stranica #sadrzaj #side1 ul{
	margin: 15px;
	border-top: 0px;;
}

#stranica #sadrzaj #side1 ul li{
	
	line-height: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 4px;
	border-bottom: #0099FF 1px solid;
	background: url(gwsm_images/poz_tipka.gif) no-repeat top left;

}

#stranica #sadrzaj #side1 ul ul{
	margin-left: 0px;
	padding: 0px;
	margin-right: 0px;
}

#stranica #sadrzaj #side1 ul ul li{
	
	line-height: 15px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	margin-bottom: 4px;
	border-bottom: #0099FF 1px solid;
	background: #3b6f92 url(gwsm_images/poz_tipka_pod.gif) no-repeat top left;
}

#stranica #sadrzaj #side1 ul li a{
	display: block;
	color: #FFFFFF;
	font-weight:bold;
}

#stranica #sadrzaj #side1 ul ul li a{
	display: block;
	color: #FFFFFF;
	font-weight: normal;
}

#stranica #sadrzaj #side1 ul li a:hover{
	display: block;
	color: #CCCCCC;
}

#stranica #sadrzaj #side1 ul ul li a:hover{
	display: block;
	color: #0099CC;
}

#stranica #sadrzaj #glavno{
	width: 625px;
	margin: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	float: left;
	color: #333333;
	text-align: justify;
}

#stranica #sadrzaj #glavno .okvir{
	padding: 10px;
}

#stranica #sadrzaj #glavno #okvir .vijest{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: #CCCCCC dashed 1px;
}

#stranica #sadrzaj #glavno .vijest .okvir .nad_naslov{
	font-size: 10px;
	line-height: 25px;
	color: #333333;
	font-weight: bold;
	margin-top: 15px;
	border-bottom: 0px;
}

#stranica #sadrzaj #glavno .vijest .okvir .nad_naslov a{
	color: #003399;
}

#stranica #sadrzaj #glavno .vijest .okvir .nad_naslov a:hover{
	color: #000000;
}

#stranica #sadrzaj #glavno .vijest .okvir .naslovna{
	width: 600px;
	height: 185px;
	background: url(gwsm_images/poz_naslovna.jpg) top left no-repeat;
}

#stranica #sadrzaj #glavno .vijest .okvir .naslov{
	font-size: 14px;
	line-height: 25px;
	color: #003399;
	font-weight: bold;
	margin-top: 15px;
	border-bottom: 2px solid #0099CC;
}

#stranica #sadrzaj #glavno .vijest .okvir .naslov_vijesti{
	font-size: 14px;
	line-height: 25px;
	color: #003399;
	font-weight: bold;
	margin-top: 15px;
	border-bottom: 0px;
}

#stranica #sadrzaj #glavno .vijest .okvir .datum{
	font-size: 10px;
	color: #999999;
	text-align: left;
}

#stranica #sadrzaj #glavno .vijest .okvir .tekst{
	color: #333333;
	margin-top: 10px;
}

#stranica #sadrzaj #glavno .vijest .okvir a{
	color: #003399;
}

#stranica #sadrzaj #glavno .vijest .okvir a:hover{
	color: #000033;
}


#stranica #sadrzaj #glavno .vijest .okvir .opsirnije{
	font-size: 10px;
	color: #999999;
	line-height: 30px;
	display: block;
}

#stranica #sadrzaj #side2{
	width: 150px;
	margin: 0px;
	margin-left: 15px;
	margin-top: 0px;
	padding: 0px;
	float: left;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
}

#stranica #sadrzaj #side2 .okvir{
	padding: 10px;
}

#stranica #sadrzaj #side2 .okvir img{
	margin-bottom: 10px;
	border-bottom: #FFFFFF 3px solid;
	border-top: #FFFFFF 3px solid;
}

.td_vijest{
	padding: 6px 30px 6px 10px;
}

.td_vijest .naslov_vijesti{
	font-size: 12px;
	color: #CC0000;
	font-weight: bold;
}

.td_vijest .datum_vijesti{
	font-size: 10px;
	color: #999999;
}

.td_vijest .opsirnije{
	font-size: 10px;
	color: #999999;
	line-height: 30px;
	display: block;
}

.opsirnije{
	color: #fff;
}

#stranica #sadrzaj #side2 .tekst_d .tekst img{
	text-align: center;
}

#stranica #sadrzaj #side2 .tekst_d ul{
	margin-bottom: 15px;
}

#stranica #sadrzaj #side2 .tekst_d ul li{
	display: block;
	line-height: 20px;
	border-bottom: #006600 1px dotted;
}

#stranica #sadrzaj #side2 .tekst_d ul li a{
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 15px;
}

#stranica #sadrzaj #side2 .tekst_d ul li a:hover{
	font-weight: bold;
	color: #FFF;
	background: #666666;
	padding-left: 15px;
}

#nadfooter{
	width: 100%;
	background: url('gwsm_images/poz_dole.gif') repeat-x top left;
	height: 65px;
}

#nadfooter #footer{
	width: 980px;
	margin: 0px auto;
	clear: both;
	line-height: 54px;
	vertical-align: bottom;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	background: url('gwsm_images/footer.gif') no-repeat top left;
}

#stranica #footer .izrada{
	padding-top: 12px;
	
}

#footer a{color: #CCCCCC;}
#footer a:hover{color: #0066CC;}



/************************tekstovi****************************************/

.okvir{
	padding: 10px;
}

.naslov{
	display: block;
	padding: 0px 0px 3px 0px;
	margin-bottom: 15px;
	line-height: 20px;
	font-size: 14px;
	color: #CC0000;
	border-bottom: #333333 1px dashed; 
}

.tekst{
	text-align: justify;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 20px;
}

.tekst ul{
	padding-left: 20px
}

.tekst ul li{
	list-style-type:circle;
}

.tekst p{
	margin-bottom: 10px;
}

.tekst img{
	float: left;
	padding: 0px;
	margin: 6px 5px 3px 0px;
	border: #FF9900 1px solid;
}

#galerija .slika_okvir{
	float:left;
	padding:3px;
	width:202px;
	height: 202px;
	border:2px solid #0099FF;
	margin:10px;
}

.sitemap ul{
	margin-left:20px;
	list-style:circle;
}

/************************clearfix****************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */