@charset "utf-8";
/* CSS Document */

*{

margin:0;

border:0;

padding:0;

}

body { background:#d9c8ae url('images/bg.jpg') no-repeat center top fixed; }

#container { height:auto; }
#header { width:906px; height:141px; background:#d9c8ae url('images/header.png') no-repeat center top; margin:0 auto; margin-top:13px;}
#menu { width:906px; height:33px; background:#d9c8ae url('images/menubg.jpg') no-repeat center top; margin:0 auto; margin-top:-6px; }
#left {  float: left; width:500px; height:auto; margin-top:20px;}
#right { float: left; width:406px; padding-top:50px; }

#bioslika { float: left; width:400px; height:auto; margin-top:70px; text-align:right; padding:2px; }
#svirke { width:365px; height:auto; background: url('images/live.png') no-repeat top left; margin-top:25px; margin-left:20px; }
#svirke h1 { font: bold 14px Tahoma; text-decoration: none; color:#804040; outline: none; margin-left:100px;}
                
					
.mp3 { width:365px; height:180px; background: url('images/uho.png') no-repeat top left; margin-top:80px; margin-left:20px;}
.mp3 object {margin-left:100px;}
.video { width:365px; height:auto;background: url('images/oko.png') no-repeat top left; margin-top:90px; margin-left:20px;}
.spot {margin-left:100px;}
.social { width:365px; height:200px; background: url('images/social.png') no-repeat top left; margin-top:-100px; margin-left:20px;}
#knjiga { width:365px; height:200px; background: url('images/knjiga.png') no-repeat top left; margin-top:50px; margin-left:20px;}

#content {width:906px; height:auto; margin: 0 auto; margin-top:30px;}



#left h1 { font: bold 25px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; }
						
						#left h2 { font: bold 16px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; }
						
						#text { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; }
						
#datum {font: italic 12px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; }	
						
#vise {padding-top:10px;}

        .menu {
            position: relative;
            height: 29px;
            width: 900px;
              padding-top:2px;
			padding-left:2px;
			
            margin: 10px 0;
		            overflow: hidden;
        }
                .menu li {
                    float: left;
                    list-style: none;
					padding-left:7px;
                }
                    .menu li.back {
                        background: url("images/lava.png") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .menu li.back .left {
                            background: url("images/lava.png") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .menu li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #e7d6b6;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                                               display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;   
						margin-top:-1px;	
                    }
                        .menu li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }
						
						.menu li a:hover { color:#ededed;}
							.menu li.current a{ color:#ededed;}
							
							
							#social {margin-top:-200px; margin-left:155px;}
						
						
					#footer { clear:both; text-align:center; margin:0 auto; padding-top:40px; padding-bottom:10px;}
				    #footer p {font: bold 10px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; }
						
						#footer a {                         color: #ab171b;
						}


#diskografija  h1 { font: bold 25px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; }

#disko_slike {width:200px; float:left;}
#opis {width:500px; float:left; padding-right:70px; padding-bottom:50px;}
#opis h2 { font: bold 16px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; padding-top:20px; padding-bottom:20px;}

#galerija { }
#galerija h1  { font: bold 25px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; }						
						
#galerija h2 { font: bold 16px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; padding-top:20px; padding-bottom:20px;}			
						
#fotos { margin-left:35px; float:left: padding-right:40px; }		

#vasa_galerija {width:906px; text-align:center; margin:0 auto; align:center;}
.nav {margin:0 auto; text-align:center; }
#text a {  color: #ab171b; }
#text a:hover { font-weight: bold; }

#prva { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
						#druga { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
						#treca { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
						#cetvrta { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
							#peta { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
								#sesta { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
							#sedma{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
							#osma{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
						#deveta{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
						#deseta{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
							#jedanaesta{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
							#dvanaesta{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
							#trinaesta{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
								#cetrnaesta{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; 
						margin-top:20px;
						margin-bottom:20px;
						margin-left:25px;
						text-transform: uppercase;}
						
						#galeri {padding:35px; margin-top:-20px;}
						#svirke a { font: bold 12px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; }
						
						#vase { float:left; margin-left:50px; }
						
						#novine a { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none;
						}
						
						#novine a { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none;
						}
						
						#novine a:hover{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none;
						font-weight:bold;
						}
						
						#links { float:left;}
						#links2 {float:left; margin-left:100px;}
						
						#links a { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none;
						}
						
						#links a:hover{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none;
						font-weight:bold;
						}
						
						#links2 a { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none;
						}
						
						#links2 a:hover{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none;
						font-weight:bold;
						}
						
						#galerija a { font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none;
						}
						
						#galerija a:hover{ font: 14px Arial;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none;
						font-weight:bold;
						}
						
						.textbox {
	background: none;
	border: 1px solid #ab171b;
	width: 230px;
	

}

#guestbook {margin:0 auto;}
#guestbook h2 { font: bold 16px Tahoma;
                        text-decoration: none;
                        color: #ab171b;
                        outline: none; }
						
						#guestbook form { margin:0 auto; }