html {
	background-color: #092159;
	background-repeat:repeat-x;
	background-image: url(images/bg.png);
}

body 

{
	font-family:  "Times New Roman", Times, serif;
	font-size: 16px;
	color: #DADCF3;
	background-attachment: relative;
	background-image: url(images/light.png);
	background-repeat: no-repeat;
	background-position: center 48px;
	border-image:none
}

#wrapper 

{width:960px;
high: auto;
margin-left: auto;
margin-right: auto;

}


#top  

{width:960px;
height: 67px;
margin-left: auto;
margin-right: auto;
}




#jez   li

{ margin-top:6px;
 float:left;
display: inline;
list-style-type: none;
font-size: 10px;
padding-left:5px;
 }
 

#jez li A {text-decoration:none !important; color:#DCDFF2 !important;}

#jez li A:HOVER {text-decoration:none !important; color:#24A9DF !important;}


#navlist li
{margin-top:6px;
float:right;
display: inline;
list-style-type: none;
padding-left: 20px;
font-size: 16px; 
}


#navlist li A {text-decoration:none !important; color:#DCDFF2 !important;}
#navlist li A:HOVER {text-decoration:none !important; color:#24A9DF !important;}
#navlist li A#current {text-decoration:none !important; color:#24A9DF !important;}

.logo-mali {
	width: 20px;
	height: 55px;
	float:left;
    background-image: url(images/logo.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: auto;
	margin-top:-10px;}
	
#naslovnaa-bg {
	background-image: url(images/pojas.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	height:600px;
	width: 723px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-390px;
}

#index-bg {
	background-image: url(images/konop.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	height:600px;
	width: 723px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-390px;
}


#kontakt-bg {
	background-image: url(images/nacrt.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	height:600px;
	width: 723px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-390px;
}


#usluge-bg {
	background-image: url(images/bitva.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	height:600px;
	width: 723px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-390px;
}

#portfolio-bg {
	background-image: url(images/kormilo.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	height:600px;
	width: 723px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-390px;
}

#zenski-bg {
	background-image: url(images/garafulin.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	height:600px;
	width: 723px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-390px;
}





.o_nama {margin-top:-130px;
	height: auto;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
}


.usluge {
	margin-top:-130px;
	height: auto;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
}

.pro_klas_slika {
	margin-top:-130px;
	height: auto;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	
	padding-bottom:50px;
}


.pro_klas {
	margin-top:-130px;
	height: auto;
	width: 546px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	/*text-indent: -9px;*/

}

.rad_dok_slika {
margin-top:-30px;
	height: auto;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	
	padding-bottom:170px;
}


.rad_dok {

	height: auto;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;

}


.klas_dok_slika {
	margin-top:-30px;
	height: auto;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;

	padding-bottom:50px;
}


.klas_dok {
	margin-top:0px;
	height: auto;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	padding-left:50px;
}

.hala_slika {
	margin-top:-150px;
	height: auto;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	
	padding-bottom:250px;
}


.hala_dok {
	margin-top:0px;
	height: auto;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	padding-left:50px;
}


.ind {margin-top:-130px;
	height: auto;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	font-size:11px;
	height:100px;
	color: #24A9DF;
	
	}
	
	
	 a img {border:none; }

/*.ind A {
	color: #24A9DF;
	text-decoration: none;
	border-image:none
	
}
.ind A:HOVER {
	color: #DCDFF2;
	text-decoration: none;
	border-image:none;
}*/

.hr {float:left; width:auto; text-align:center; }
.eng {float:left; width:auto; text-align:center; padding-left:50px;}

.hr1 {float:left; width:auto; text-align:center; font-size:12px; background-color:  }
.eng1 {float:left; width:auto; text-align:center; padding-left:20px; font-size:12px; }



.kontakt {margin-top:-130px;
	height: auto;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
}

.misel {
	width: 180px;
	height:auto;
	float:left;
	padding-left:28px;
	line-height:4px;
	background-image: url(images/crta.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.peric {width:160px; height:auto; float:left; line-height:4px;}

.peric A{color: #24A9DF; 
	text-decoration: none;}
	
.peric A:hover{color: #DCDFF2;
	text-decoration: none;}
	
.misel A{color:  #DCDFF2;
	text-decoration: none;}
	
.misel A:hover{color: #24A9DF; 
	text-decoration: none;}
.slova {color: #24A9DF; }
.mogucnost {text-align: center;}

h1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #24A9DF;
	padding-bottom:20px;
	margin-left:160px;
	letter-spacing:3px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #24A9DF;
	padding-bottom:20px;
	margin-left:240px;
	letter-spacing:3px;
	
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #24A9DF;
	
	letter-spacing:3px;
	
}




#loifl {width:950px; height: 379px; margin-left: auto; margin-right: auto; 	margin-top:-20px;}

#logo {
	border-image::none;
	height: 148px;
	width: 283px;
	float:left;
	margin-top:20px;
	left: 40px;
	top: 88px;

}

#flash {
	border-image::none;
	height: 379px;
	width: 42px;
	float:left;
    
	float:right;
	left: 617px;
	top: 86px;

}

#kata {width: 550px; height: auto; margin-left:auto; margin-right:auto; MARGIN-TOP:-130PX;}
.kata1{width: 280 px; height: auto; float: left }
.kata2 {width: 260px; padding-left: 10px; float:left; height: auto; margin-top:1px; }
.kata2 td {
	border: 1px solid #3455A3; padding:5px;
}

#footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	clear: both;
	padding-top:70px;
	text-align:center
}



#footer A {
	color: #24A9DF;
	text-decoration: none;
}
#footer  a:hover {
	color: #FFF;
	text-decoration: none;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #DCDFF5;
	padding: 5px;
	left: -600px;
	margin-top:-400px;
	border: none;
	visibility: hidden;
	color: #0B2666;
	text-decoration: none;
	text-transform: uppercase;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100;
left: -260px; /*position where enlarged image should offset horizontally */

}

#kapital{margin-left:auto; margin-right:auto; font-size:10px; margin-top:250px; }