/* trava.hr - Dizajn */

body{
	margin: 0px;
	background: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

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

p{
	padding-left: 20px;
}
.link_onama{
	background:url('gwsm_images/spr/onama.gif') 0px 0px no-repeat;
}
.link_ponuda{
	background:url('gwsm_images/spr/ponuda.gif') 0px 0px no-repeat;
}
.link_reference{
	background:url('gwsm_images/spr/reference.gif') 0px 0px no-repeat;
}
.link_gdjesmo{
	background:url('gwsm_images/spr/gdjesmo.gif') 0px 0px no-repeat;
}
.link_kontakt{
	background:url('gwsm_images/spr/kontakt.gif') 0px 0px no-repeat;
}
.link_zanimljivosti{
	background:url('gwsm_images/spr/zanimljivosti.gif') 0px 0px no-repeat;
}
a.link_onama:hover,
a.link_ponuda:hover,
a.link_reference:hover,
a.link_gdjesmo:hover,
a.link_kontakt:hover,
a.link_zanimljivosti:hover{
	background-position:0px -58px;
}

a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

h1{
position:absolute;
left:-1000px;
top:-150px;
} 

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

#stranica{
	margin: 0px auto;
	width: 960px;
	text-align: left;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
}

#header{
	width: 960px;
	height: 58px;
	background: url('gwsm_images/gore.gif') repeat-x top left;
	line-height: 50px;
}

#header a{
	display: block;
	text-align: center;
	line-height: 50px;
	float: left;
}

#flash{
	margin: 0px;
	padding: 0px;
}

#sadrzaj{
	background: url('gwsm_images/poz_stranica.gif') repeat-y top left;
}

#sadrzaj .naslovi{
	background: transparent;
}	

#sadrzaj .tekstovi{
	background: transparent url('gwsm_images/tekstovi_prijelaz.gif') no-repeat top left;
	padding-bottom: 20px;
}

#sadrzaj .tekstovi .lijevo{
	display: block;
	width: 259px;
	float:left;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-right: 19px;
	background: transparent;
}

html>body #sadrzaj .tekstovi .lijevo{
	margin-left: 20px;
}

#sadrzaj .tekstovi .lijevo .naslov{
	background: transparent url('gwsm_images/poz_naslov_zeleni.gif') no-repeat top left;
	font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: #FFFFFF;
	font-size: 18px;
	padding-left: 25px;
	vertical-align: middle;
	margin-bottom: 10px;
}

#sadrzaj .tekstovi .lijevo .tekst{
	padding-left: 10px;
	color: #FFFFFF;
}


#sadrzaj .tekstovi .desno{
	width: 621px;
	float:left;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 19px;
	background: transparent;
}

#sadrzaj .tekstovi .desno .naslov{
	background: transparent url('gwsm_images/poz_naslov_bijeli.gif') no-repeat top left;
	font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: #000;
	font-size: 18px;
	padding-left: 25px;
	vertical-align: middle;
	margin-bottom: 10px;
}

#sadrzaj .tekstovi .desno .tekst{
	padding-left: 10px;		padding-right: 15px;
	color: #000000;
}

#sadrzaj .tekstovi .desno .tekst a{
	color: #00cc00;
	text-decoration: underline;
	font-weight: normal;
	
}

#sadrzaj .tekstovi .desno .tekst a:hover{
	color: #003300;
}

#dole_izdvojeno{
	width: 960px;
	height: 52px;
	margin: 0px auto;
	background: url('gwsm_images/dole_izdvojeno.gif') no-repeat top left;
	clear: both;
	line-height: 30px;
	vertical-align: bottom;
	color: #FFF;
	text-align: center;
	padding: 0px;
}

#prijelaz{
	width: 960px;
	height: 16px;
	margin: 0px auto;
	background: url('gwsm_images/dole_prijelaz.gif') no-repeat top left;
	clear: both;
	padding: 0px;
}

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

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

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

.bijeli{
	color: #FFFFFF;
}

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

.tekst img{
	float: left;
	padding: 2px;
	margin: 0px 5px 5px 0px;
	border: #666666 1px solid;
}

.tekst .img2 img{

	float: left;

	padding: 2px;

	margin: 0px 5px 5px 0px;

	border: #ffffff 2px solid;

}

.tekst ul{
	margin-top: 15px;
	margin-bottom: 15px;
	list-style: circle;
	padding-left: 20px;
}

.tekst ul li{
	margin: 5px;
}

.thumb a span img{     
    margin: 20px 20px 20px 20px;
	border: #006600 4px solid;
}

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