/* pp-grabovaca.hr - Dizajn */

body{
	margin: 0px;
	background: #000000 url(gwsm_images/poz_tex.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;
}

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

#stranica_okvir{
	margin: 0px;
	width: 100%;
}

#stranica{
	margin: 0px auto;
	width: 1000px;
	border-left: #FF9900 5px solid;
	border-right: #FF9900 5px solid;
	background: transparent;
}

#stranica #head{
	width: 1000px;
	height: 47px;
	background: transparent;
	background: url('gwsm_images/head.jpg') no-repeat top left;
	clear: both;
	color: #FFFFFF;
	font-weight: bold;
}

#stranica #head a{color: #000000;}
#stranica #head a:hover{color: #333333;}

#stranica #gore{
	width: 1000px;
	height: 335px;
	background: transparent;
	background: url('gwsm_images/flash.jpg') no-repeat top left;
	clear: both;
}

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

#stranica #prijelaz_dole{
	width: 1000px;
	height: 109px;
	background: transparent;
	background: url('gwsm_images/presjek_pecine.gif') no-repeat top left;
	clear: both;
}

#stranica #meni{
	width: 1000px;
	height: 61px;
	background: transparent;
	background: url('gwsm_images/meni.gif') no-repeat top left;
	clear: both;
}

#stranica #meni ul{
	padding-left: 5px;
}

#stranica #meni ul li{
float: left;
margin-left: 10px;
margin-top: 10px;
line-height:40px;
}

#stranica #meni ul li a{
color: #000000;
line-height: 40px;
padding: 10px 22px;
background: #FFFF00;
font-size: 12px;
font-weight: bold;
border: #FFCC00 1px solid;
}

#stranica #meni ul li a:hover{
color: #FFCC00;
background: #000000;
}


#stranica #sadrzaj{
	width: 1000px;
	clear: both;
	background: url('gwsm_images/poz_str.jpg') repeat-y top left;
	padding-bottom: 30px;
	font-size: 12px;
	line-height: 18px;
}

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

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

/* banneri */

#stranica #sadrzaj #banneri{
	width: 190px;
	margin: 0px;
	padding: 0px;
	margin-left: 6px;
	margin-top: 25px;
	float: left;
	color: #333333;
	font-size: 10px;
	line-height: 14px;
	text-align: right;
}

#stranica #sadrzaj #banneri img{
	margin-bottom: 10px;

}

#stranica #sadrzaj #banneri a img{
	margin-bottom: 10px;
	border-bottom:#FFFF00 1px solid;
	border-top:#FFFF00 1px solid;
}

#stranica #sadrzaj #banneri #linkovi{
	padding: 10px;
	padding-left: 20px;
}

#stranica #sadrzaj #banneri #linkovi .head{
	line-height: 30px;
	background: #020e29;
	padding-left: 10px;
	color: #FFFFFF;
}

#stranica #sadrzaj #banneri #linkovi ul{
	margin-top: 5px;
}

#stranica #sadrzaj #banneri #linkovi ul li{
	margin-bottom: 5px;
	line-height: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: #CCCCCC 1px solid;
}

#stranica #sadrzaj #banneri #linkovi ul li a{
	color:#FFFF00;
}

#stranica #sadrzaj #banneri #linkovi ul li a:hover{
	color: #CCCCCC;
}

/* side 1 */

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

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

#stranica #sadrzaj #side1 a{
	color: #CCCCCC;
	text-decoration: none;
}

#stranica #sadrzaj #side1 a:hover{
	color: #FFFFFF;
}

#stranica #sadrzaj #side1 .podmeni ul{
	width: 210px;
}

#stranica #sadrzaj #side1 .podmeni ul li{
	width: 200px;
	color: #000000;
	background: url(gwsm_images/tipka_perusic.gif) no-repeat top left;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 5px;
}

#stranica #sadrzaj #side1 .podmeni ul li a{
	color: #000000;
	font-weight: bold;

}

#stranica #sadrzaj #side1 .podmeni ul li a:hover{
	color: #333333;
	
	
}

#stranica #sadrzaj #side1 .okvir_1{
	margin: 8px 8px 0px 8px;
	width: 200px;
}

#stranica #sadrzaj #side1 .naslov{

	color: #CCCCCC;
	font-size: 12px;
	line-height: 16x;
	padding: 5px;
	border-bottom:#FFFF00 1px dashed;
	text-align: left;
	margin-bottom: 5px;
	background: url('gwsm_images/poz_sideNaslov.jpg') no-repeat top left;
}

#stranica #sadrzaj #side1 .datum{
	font-size: 8px;
	color: #CCCCCC;
	text-align: right;
	margin-bottom: 5px;
}

#stranica #sadrzaj #side1 .tekst{

	color: #FFFFFF;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	margin-top: 3px;
	background: url('gwsm_images/poz_sideTekst.jpg') no-repeat bottom right;
	padding: 0px;
	padding-bottom: 10px;
}

#stranica #sadrzaj #side1 .naslov a{
	font-weight: bold;
	color:#FFFF00;
}

#stranica #sadrzaj #side1 .naslov a:hover{
	font-weight: bold;
	color: #CCCCCC;
}


#stranica #sadrzaj #side1 img{
	border: #006600 1px solid;
	margin-bottom: 8px;
}


/* glavno */

#stranica #sadrzaj #glavno{
	width: 540px;
	margin: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px;
	float: left;
	color: #000;
	font-size: 11px;
}

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

#stranica #sadrzaj #glavno a:hover{
	color: #FFFFFF;
}

#stranica #sadrzaj #glavno .nad_naslov{
	font-size: 10px;
	line-height: 25px;
	color: #999999;
	margin-bottom: 15px;
	border-bottom:#FFFF00 1px solid;
	margin-top: 5px;
	margin-left: 10px;
	padding: 5px;
	background: url('gwsm_images/poz_sideNaslov.jpg') no-repeat top left;
}

#stranica #sadrzaj #glavno .nad_naslov a{
	color: #CCCCCC;

}

#stranica #sadrzaj #glavno .nad_naslov a:hover{
	color: #FFFFFF;
}

#stranica #sadrzaj #glavno .okvir_full{
	width: 530px;
	margin: 0px;
	padding: 10px;
	background: url(gwsm_images/glavno_sadrzaj.gif) top left no-repeat;
}

#stranica #sadrzaj #glavno .okvir_full .naslov{
	color: #CCCCCC;
	font-size: 14px;
	line-height: 28px;
	border-bottom: #333333 1px dashed;
	text-align: left;
	margin-bottom: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#stranica #sadrzaj #glavno .okvir_full .podnaslov{
	color: #FFCC00;
	font-size: 12px;
	line-height: 32px;
	border-bottom: #FF9900 1px solid;
	text-align: left;
	margin-bottom: 15px;
	padding-left: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#stranica #sadrzaj #glavno .okvir_full .tekst{
	color: #FFFFFF;
}

#stranica #sadrzaj #glavno .okvir_pol{
	width: 280px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;	
	margin-right: 5px;
	background: url(gwsm_images/pol_sadrzaj.gif) top left no-repeat;
	float: left;
}

#stranica #sadrzaj #glavno .okvir_pol .naslov{
	color: #003399;
	font-size: 12px;
	line-height: 28px;
	border-bottom: #FF9900 1px solid;
	text-align: left;
	margin-bottom: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#stranica #sadrzaj #glavno .okvir_pol .podnaslov a{
	color: #000066;
	font-size: 12px;
	line-height: 28px;
	text-align: left;
	margin-bottom: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#stranica #sadrzaj #glavno .okvir_pol .podnaslov a:hover{
	color: #FFFF00;
}

#stranica #sadrzaj #glavno .okvir_pol .tekst{
	color: #000000;
}

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

#nadfooter{
	width: 100%;
	background: #0F0F0F;
	border-top: #666666 1px solid;
}

#nadfooter #footer{
	width: 1000px;
	height: 54px;
	margin: 0px auto;
	clear: both;
	line-height: 50px;
	vertical-align: bottom;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;

}

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

#footer a{color: #CCCCCC;}
#footer a:hover{color:#FFFF00;}

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

.okvir{
	padding: 0px;
}

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

.tekst{
	font-size: 11px;
	line-height: 18px;
	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: #00FF00 1px solid;
}

.slika_okvir{
	float:left;
	padding:3px;
	width:152px;
	height: 152px;
	border:2px solid #FFFFFF;
	margin:10px;
}

/************************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 */