body,p,td { font-family:Trebuchet MS, Helvetica, Verdana, Geneva, sans-serif; font-size: 12pt;}

body {	
	background-color: #444152;
	margin:0;
	padding:0;
	background-image:url(bmp/rightbgd.jpg);       
	background-position:top right;                           
	background-repeat:repeat-y; 
}


a:link {
	text-decoration: none;
	color: #FEB712;
}
a:visited {
	text-decoration: none;
	color: #FEB712;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #990000;
}

#currentfoto {
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(bmp/eznak.gif);
	}


.emaska { background-image: url(bmp/maska.gif); background-position:right; background-repeat:no-repeat; }

.menutop {
position:absolute;
left:0px;
right:0px;
top:0px;
height:130px;
}
body>div.menutop {position: fixed; background-image: url(bmp/maska1.png);}


.menuhorizont {
position:absolute;
left:0px;
right:190px;
top:0px;
height:50px;
}
body>div.menuhorizont {position: fixed; background-image: url(bmp/maska2.png);}

.menuright {
position:absolute;
width:200px;
right:0px;
top:0px;
bottom:0px;
background-color: #201E2D;
}
body>div.menuright {position: fixed;}

.menuwhere {
position:absolute;
width:30px;
right:0px;
top:100px;
bottom:0px;
background-color:#201E2D;
}
body>div.menuwhere {position: fixed;}

.menubottom {
position: relative;
bottom:0px;
left:0px;
right:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#777777;
}

.copyrights {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#777777;
}

.data {
position:absolute;
left:0px;
right:200px;
top:50px;
text-align:center;
}

.kritike{
position:absolute;
left:80px;
right:280px;
top:0px;
}

.galerija{
position:absolute;
left:20px;
right:210px;
top:0px;
}

.borduraslike {
border: 1px solid #666666;
padding:5px;
margin-bottom:8px;
margin-right:8px;
margin-left:8px;
margin-top:8px;
}





.myButtonLink {
	display: block;
	width: 300px;
	height: 130px;
	background: url('bmp/linkovi/sirmium.png') bottom;
}
.myButtonLink:hover {
	background-position: 0 0;
	background: url('bmp/linkovi/esnaf.png') bottom;
}



.imgteaser {
	margin: 0;
	overflow: hidden;
	width: 300px;

}
.imgteaser a {
	text-decoration: none;
}

.imgteaser a:hover .desc {
	display: block;
	background: #111;
	font-size: 10px;
	color: #fff;
	padding: 2px;
	width: 300px;
}
.imgteaser a .desc {	display: none; }






.image {
	float: center; /* optional */
	width:300px;
}

.image a {
	text-decoration: none;
}


.image a:hover .text {
	top:10px; /* in conjunction with left property, decides the text position */
	left:10px;
	width:300px; /* optional, though better have one */
}

.image a .text {	display: none; }



.imagegalery{
	background: url('bmp/linkovi/esnaf.png') ;
	float: inherit;
	height: 130px;
	width:300px; 
}

.imgcss{
	width: 300px;
	height: 130px;
	background: url('bmp/linkovi/sirmium.png') bottom;
}

.imgg {
	display: block;
	width: 300px;
	height: 130px;
	background: url('bmp/linkovi/sirmium.png') bottom;
}
.imgg:hover {
	background-position: 0 0;
	background: url('bmp/linkovi/esnaf.png') bottom;
}

.imginfo {
	width: 300px;
	height: 130px;
}
.imginfo a:hover .imgtext {
	display: block;
	background: #111;
	font-size: 10px;
	color: #fff;
	padding: 2px;
	width: 300px;
}