/* CSS Document */
 * {
        padding:0;
        margin:0;
    }

html,body{
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
   padding: 0;
   margin: 0;
   background: #000 url(images/bg.jpg) no-repeat center top; 
   width: 100%;
   display: table;
   font: 62.5%  georgia,verdana, arial, sans-serif;
}
#kontejner {
	margin : 0 auto;
	width : 952px;
	position:relative;
	left: -12px;
	top:-6px;
	min-height: 100%;
		 }
* html #kontejner
	{
		height: 100%;
	}
h1 {
	text-indent:-9999px; 
	position: relative;
	top: -10px;
	width:285px;
	height:198px;
}
h1 a {
	display:block;
	width:285px;
	height:198px;
	outline:none;
}

#sadrzaj {
	float : left;
	margin: 0;  
	background: url(slike/glavnibg.jpg) ;
	position: relative;
	top: -66px;
	left: 25px;
	width : 690px;
	}
#top {
	background: url(slike/topbg.jpg) no-repeat;
	padding: 20px;
	height: 280px;
}
#top1 {
	background: url(slike/top1bg.jpg) no-repeat;
	padding: 20px;
}
#top1 p {
	text-align: justify;
	font: 1.2em  georgia, trebuchet ms,arial,verdana,sans-serif;
	line-height: 1.5em;
	margin-top: 10px;
}
#topleft { width: 316px; float: left;}
#topleft p {
	width : 316px;
	text-align: justify;
	font: 1.2em  georgia, trebuchet ms,arial,verdana,sans-serif;
	line-height: 1.5em;
}
.link {  text-align: right; width: 316px;}
.link a:link, .link a:visited { color: #993333; text-decoration: none; font: 1.3em  georgia, arial,verdana,sans-serif;}
.link a:hover {color: #000;  }
#slideshow { width: 281px; height: 209px; float: right; position:relative; right: 17px; top:18px;}

#middle{position:relative; top:-25px;
		background: url(images/boce.jpg) ;
		width: 690px;
		height: 253px;}
.bijelo {
	width: 165px !important;
	width: 170px ;
	height: 219px;
	float: left;
	margin-left: 17px !important;
	margin-left: 10px ;
	padding: 19px;
}
.bijelo p{
	font: 1.2em  georgia, trebuchet ms,arial,verdana,sans-serif;
	line-height: 1.4em;
	float:right;
}
.bijelo img{
	float:left;
	margin-right: 9px;
}
h2 {
	width : 100%;
	height: 30px;
	margin-top:0px;
	padding-top: 10px;
	text-align : left ;
	font : 1.7em  georgia, trebuchet ms,verdana,arial, sans-serif;
	color : #000;
	}
h2 a:link, a:visited {
	color: #993333; text-decoration: none; margin-left:5px;}
h2 a:hover {
	color: #000; }
#desno { float:left; 
		width: 175px; 
		height: 125px ;
		padding: 140px 30px;
		font : 1.7em  georgia, verdana,arial, sans-serif;
		position: relative;
		top: -104px;
		left: 25px; 
		line-height: 1.6em;
		}
#clearfooter{clear:both;height:20px;width:100%}
#footer {
	background-image:url(slike/footer.jpg)  ;
	padding: 65px 50px;
	height : 20px;
	font : 1.2em  georgia, verdana,arial, sans-serif;
	}
#footer a:link, #footer a:visited { color: #993333; text-decoration: none; }
#footer a:hover {color: #000;  }
#footer p { text-align: center ;font: 1.2em arial, verdana, georia, sans-serif; color: Black; }
#slika {
	margin-top : 10px;
	margin-bottom : 10px;
	width : 100% ;
	text-align : center;}
.slikamala {
	float : right ;
	margin : 5px 0 5px 10px
	}
#forma {
	text-align : left ;
	}
input, textarea
{
	background-color: #eef5f5 ;
	display: block;
	width: 300px;
	color: #000;
	font-family: Georgia,Verdana, Arial, sans-serif;
}
textarea {
	height: 180px;
}
input.submit {
	width: 50px;
	height: 37px;
	background-color: #9DBBC6;
}
.size-medium {
	float: right;
	margin: 10px 10px 10px 30px;
	padding: 5px;
	background-color:#fff;
	border: 1px solid #ccc;}
        .lavalamp {
            float: right;
			position: relative;
			top: -140px;
			right: 35px;
            height: 29px;
            width: 600px;
            padding: 15px;
			margin: 10px 0;
            overflow: hidden;
        }
                .lavalamp li {
                    float: left;
                    list-style: none;
                }
                    .lavalamp li.back {
                        border: 1px dashed #fff;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                      
                    .lavalamp li a {
                        font: 1.7em  georgia,arial,verdana,sans-serif;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 15px;    
                    }
                        .lavalamp li a:hover, .lavalamp li a:active, .lavalamp li a:visited {
                            border: none;
                        }