*{
	padding: 0px;
	margin:0px;
}
html, body{
	height: 100%;
}

body{
	background-color: #FDF7EB;
	background-image: url(../slike/dio/back.jpg);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	color: #6B5F54;
	
}

#sjena_lijevo{
	z-index: 80;
	position: absolute;
	top: 0px;
	left: -14px;
	width: 10px;
	height: 100%;
	background-image: url(../slike/dio/sjena_lijevo.jpg);
	background-repeat: no-repeat;
}

#sjena_lijevo2{
	z-index: 4;
	position: absolute;
	top: 0px;
	left: -14px;
	width: 10px;
	height: 900px;
	background-image: url(../slike/dio/sjena_lijevo2.gif);
	background-repeat: repeat-y;
}

#sjena_desno{
	z-index: 80;
	position: absolute;
	top: 0px;
	right: -14px;
	width: 10px;
	height: 100%;
	background-image: url(../slike/dio/sjena_desno.jpg);
	background-repeat: no-repeat;
}

#sjena_desno2{
	z-index: 4;
	position: absolute;
	top: 0px;
	right: -14px;
	width: 10px;
	height: 900px;
	background-image: url(../slike/dio/sjena_desno2.gif);
	background-repeat: repeat-y;
}

#kont{
	margin: 0px auto;
	position: relative;
	width: 780px;
	height: 900px;
 	text-align: left;
	border-left: 4px solid White;
	border-right: 4px solid White;
	background-color: #EADCBF;
}

#banner{
	position: relative;
	margin: 0px auto;
	width: 740px;
	height: 102px;
	background-color: #FDF7EB;
	background-repeat: no-repeat;
}

#grb{
	
	position: relative;
	top:4px;
	left:15px;
	background-image: url(../slike/dio/grb.gif);
	width: 76px;
	height: 95px;
}

#grb h1{
	display: none;
}

#banner2{
	position: absolute;
	top: 4px;
	right: 3px;
	width: 632px;
	height: 95px;
	background-image: url(../slike/dio/banner.jpg);
	background-repeat: no-repeat;
}

#naslov h2{
	display: none;
}

#menu{
	position: relative;
	margin: 0 auto;
	width: 740px;
	height: 44px;
	background-image: url(../slike/dio/menu_back.gif);
	background-repeat: repeat-x;
}

#copy{
	z-index: 6;
	font-size: 10px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

ul li {
	list-style: none;
	float: left;
}

 li a.menu:link,  li a.menu:visited,  li a.menu:hover {
	display: block;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #B22222;
	padding: 15px;
	background-image: url(../slike/dio/menu_back2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

li a.menu:hover{
	color: #FF4500;
}

.gradient{
	display: block;
	position: relative;
	top: 7px;
	width: 234px;
	height: 37px;
	background-image: url(../slike/dio/menu_gr.jpg);
	background-repeat: no-repeat;
}

#sadrzaj{
	margin: 0px auto;
	width: 740px;
	padding-top:10px;
	height: 182px;
}

#dobrodosli{
	float: left;
	position: relative;
	border: 1px solid #CBB698;
	width: 237px;
	background-color: #FDF7EB;
	background-image: url(../slike/dio/jedan_back.jpg);
	background-repeat: no-repeat;
	height: 180px;
}

#indexslika{
	float: right;
	border: 1px solid #CBB698;
	width: 489px;
	height: 180px;
}

#naslov{
	background-image: url(../slike/dio/dobrodosli.gif);
	position: absolute;
	top: 15px;
	left: 15px;
	width: 134px;
	height: 23px;
}

#dobrodosli_tekst{
	position: absolute;
	top: 55px;
	left: 15px;
}

#mandolina{
	background-image: url(../slike/dio/mandolina.jpg);
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 237px;
	height: 46px;
}

#sadrzaj2{
	position: relative;
	margin: 0px auto;
	width: 740px;
	padding-top:10px;
	height: 182px;
	
}

#novosti{
	float: left;
	position: relative;
	border: 1px solid #CBB698;
	width: 207px;
	background-color: #FDF7EB;
	background-repeat: no-repeat;
	background-image: url(../slike/dio/dva_back.jpg);
	min-height: 100%;
	padding: 15px;
}

#youtube{
    position: absolute;
    left: 0px;
    top: 400px;
    border: 1px solid #CBB698;
    width: 207px;
    background-color: #FDF7EB;
    background-repeat: no-repeat;
    background-image: url(../slike/dio/dva_back.jpg);
    height: 90px;
    padding: 15px;
}

.naslov{
	font-family: Verdana;
	font-size: 16px;
	color: #A52A2A;
	font-weight: bold;
}

.datum{
	font-family: Verdana;
	font-size: 10px;
	color: black;
	font-weight: bold;
}

.crta{
	display: block;
	width: 100%;
	margin-bottom:15px;
	border-bottom: 1px solid #D0C4AE;
}

.crta2{
	width: 100%;
	border-bottom: 1px solid #D0C4AE;
	
}

#clanovi{
	float: right;
	position: relative;
	border: 1px solid #CBB698;
	min-height: 100%;
	width: 459px;
	padding: 15px;
	background-color: #FDF7EB;
	background-repeat: no-repeat;
	background-image: url(../slike/dio/trica_back.jpg);
}

#clanovi1{
	float: left;
	margin-top: 5px;
	width: 229px;
	height: 100%;
}

#clanovi2{
	float: right;
	margin-top: 5px;
	width: 229px;
	height: 100%;
}

.clan{
	
	position: relative;
	margin-top: 10px;
}

.clan_tekst{
	position: absolute;
	top: 0px;
	left: 65px;
}

.slika_obrub img {
	border: 1px dashed #CBB698;
}

.slika_obrub:hover img {
	border: 1px dashed red;
}

.slika_obrub:hover {
	color: red;
}


a.slika:link, a.slika:visited, a.slika:hover{
	width: 58px;
	height: 62px;
	border: 1px solid #CBB698;
}
a.slika:hover{
	border: 1px solid red;
}

a.link:link, a.link:visited, a.link:hover{
	font-family: Verdana;
	font-size: 12px;
	color: #A52A2A;
}
a.link:hover, a.link2:hover{
	text-decoration: none;
}

a.link2:link, a.link2:visited, a.link2:hover{
	font-family: Verdana;
	font-size: 10px;
	color: #A52A2A;
}

#dodatak{
	z-index: 5;
	position: absolute;
	left: 249px;
	top: 297px;
	width: 459px;
	height: 60px;
	border: 1px solid #CBB698;
	padding: 15px;
	background-color: #FDF7EB;
	background-image: url(../slike/dio/dodatak_back.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#kontakt{
	z-index: 7;
	position: absolute;
	left: 249px;
	top: 400px;
	width: 459px;
	height: 115px;
	border: 1px solid #CBB698;
	padding: 15px;
	background-color: #FDF7EB;
	background-image: url(../slike/dio/kontakt_back.jpg);
	background-repeat: no-repeat;
	background-position: right;
}