@charset "utf-8";

body {
background: url(slike/141.jpg) repeat;
font:Arial, Helvetica, sans-serif;
color:#88888A;
}
/*---------------------------------------------------------*/
#centar {
width:1024px;
margin-left:auto;
margin-right:auto;
}
/*---------------------------------------------------------*/
#navigacija {
width:1024px;
height:200px;
clear:both;
background: url(slike/Stari-most2-1.gif) no-repeat;
}

#navigacija ul {
	margin: 0;
	padding: 0;
	font-size: 18px;
	list-style: none;
}

#navigacija  li {
	padding: 0;
	display: inline;
	background: none;
}

#navigacija  a {
	display: block;
	float: left;
	height: 40px;
	padding: 130px 20px 20px 80px;
	font-size: 20px; color: #FFFFFF;
	font-weight: bold;	
}

#navigacija a:hover {
	text-decoration: none;
	color: #0000CC;
}

#navigacija img {
padding:20px 0px 0px 40px;
}

#navigacija h1 {
	display:none;
	text-indent:-2000px;
}
/*---------------------------------------------------------*/
#srednji {
width:1024px;
height:602px;
clear:both;
background: url(slike/Stari-most2-2.gif) no-repeat;
}

#srednji_lj {
width:640px;
height:440px;
margin:115px 0px 0px 10px;
padding:20px;
float:left;
}

#srednji_lj h3 {
display:none;
text-indent:-2000px;
}

#srednj_de_1 {
width:250px;
margin: 140px 0px 0px 15px; 
float:left;
}

#srednj_de_2 {
width:250px;
margin: 30px 0px 0px 15px; 
float:left;
}

#srednj_de_1 a {
color:#000000;
text-decoration:none;
}

#srednj_de_1 h2 a {
text-decoration:none;
background-color:#FFFF00;
color:#FF0000;
font-size: 30px;
}

#srednj_de_1 h2 a:hover {
text-decoration:none;
background-color:#FF0000;
color:#FFFF00;
font-size: 30px;
}

#srednj_de_1 a:hover {
color: #FF0000;
/*font-size:20px;*/
}

/*--------------------------*/
#srednji_tijela {
width:1024px;
height:1000px;
clear:both;
}

#srednji_tijela_1 {
width: 982px;
height: 260px;
padding: 10px 20px 10px 20px;
background:url(slike/most_tijelo.gif) no-repeat;
clear:both;
}

#srednji_tijela_2 {
width: 1024px;
height:720px;
background:url(slike/most_tijelo_sr.gif) no-repeat;
clear:both;
}

#srednji_tijela_lj {
width: 565px;
float:left;
padding-left:15px;
}

#srednji_tijela_de {
width:402px;
float:left;
}
/*--------------------------*/
#srednji_povjest {
width:950px;
clear:both;
padding: 0px 15px 0px 15px;
}
/*--------------------------*/
#srednji_obrazovanje {
width:1024px;
height:1000px;
clear:both;
background:url(slike/stari_most_obrazovanje.gif) no-repeat;
}

#srednji_obrazovanje_akt {
width:1024px;
clear:both;
font-size:18px; color:#333333;
}

#srednji_obrazovanje_akt_lj {
width:304px;
float:left;
padding: 20px 10px 0px 10px;
font-weight:bold;
}

#srednji_obrazovanje_akt_lj a:hover {
color:#FF0000;
}

#srednji_obrazovanje_akt_de {
width:700px;
float:left;
padding-bottom:20px;
}

#srednji_obrazovanje_1 {
width:900px;
padding:0px 10px 0px 40px;
clear:both;
}

#srednji_obrazovanje_1 img {
margin:5px;
}
/*---------------------------------------------------------*/
.prozirnost {
background-color: #FFFFFF;
border:1px solid black;
filter:alpha(opacity=50);
opacity:0.6;
font-weight:bold; color:#000000;
}
/*---------------------------------------------------------*/
#navigacija .onama  {
color: #0000CC;
}
#završetak .onama1 {
color: #00CC00;
}

/*---------------------------------------------------------*/
#završetak {
width:1024px;
height:80px;
clear:both;
background: url(slike/Stari-most2-3.gif) no-repeat;
font-size: 20px; color: #000000;
}

#završetak_1 {
width:724px;
float:left;
padding: 0px 0px 0px 40px;
}

#završetak_2 {
width:120px;
float:left;
}

#završetak_3 {
width:100px;
float:left;
}

#završetak a {
color: #FFFFFF;
}

#završetak a:hover {
color: #00CC00;
}

#završetak_3 a:hover {
font-size:36px; color:#FFFFFF;

}
/*---------------------------------------------------------*/
.gallerycontainer{
position: relative;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 380px; 
z-index: 50;
}
/*----------------------------------------------------*/
.style2 {
	color: #FFFFFF;
	font-weight: bold;
}
.style4 {font-size: 18px}
.style5 {
	font-size:18px;
	font-weight: bold;
	color: #FFFFFF;
}

/*----------------------------------------------------*/

.fotografije{
position: relative;
}

.fotke img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.fotke:hover{
background-color: transparent;
}

.fotke:hover img{
border: 1px solid blue;
}

.fotke span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.fotke span img{
border-width: 0;
padding: 2px;
}

.fotke:hover span{
visibility: visible;
top: 50px;
left: 340px; 
z-index: 50;
}

/*----------------------*/
.fotke2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.fotke2:hover{
background-color: transparent;
}

.fotke2:hover img{
border: 1px solid blue;
}

.fotke2 span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.fotke2 span img{
border-width: 0;
padding: 2px;
}

.fotke2:hover span{
visibility: visible;
top: 300px;
left: 340px; 
z-index: 50;
}

/*----------------------*/
.fotke3 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.fotke3:hover{
background-color: transparent;
}

.fotke3:hover img{
border: 1px solid blue;
}

.fotke3 span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.fotke3 span img{
border-width: 0;
padding: 2px;
}

.fotke3:hover span{
visibility: visible;
top: 550px;
left: 340px; 
z-index: 50;
}

/*----------------------------------------------------*/