@charset "iso-8859-1";
/* CSS Document */
body{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
background-image:url(images/line.jpg);
background-repeat:repeat-x;
background-color:#B2C0CF;
color:#FFFFFF;
font-family:Tahoma;
font-size:11px;
}

a{
text-decoration:none;
color:#FFFFFF;
}

a:hover{
text-decoration:underline;
}

#total
{
background-image:url(images/inandi_cypr.jpg);
background-position:top;
background-repeat:no-repeat;
width:900px;
height:650px;
background-color:#B2C0CF;
}

#menu
{
position:relative;
width:200px;
left:40px;
float:left;
margin-top:200px;

}

#menu a{
width:200px;
display:block;
padding-left:0px;
}
#menu a:hover{

padding-left:10px;
width:150px;
}


.noborder
{
border-width:0px;

}

#content
{

position:static;
float:left;
background-color:none;
background-position:top;
width:580px;
margin-left:60px;
margin-top:60px;
text-align:justify;


}

.folio{
width:160px;
height:120px;
float:left;
/*background-color:#B3C0D0;*/
margin-right:5px;
margin-bottom:5px;
border-width:1px;
border-color:#FFFFFF;
border-style:solid;

}

#foliono{
width:160px;
height:120px;

}

.folioimage{
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
margin-left:20px;
margin-top:15px;

}

.fotoimage{
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
margin-left:10px;
margin-top:15px;

}

#divimage{

width:160px;
height:120px;
left:0px;
top:0px;


border-style:solid;
border-width:1px;
border-color:#ffFFFF;

	
}

input 
{
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
font-family:Tahoma;
font-size:11px;
background-color:#B3C0D0;
color:#000000;
}

textarea
{
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
font-family:Tahoma;
font-size:11px;
background-color:#B3C0D0;
color:#FFFFFF;
}



.vis{
position:absolute;
visibility:hidden;
FILTER: alpha(opacity = 0);
-moz-opacity: 0;

}

#loader{

position:absolute;
width:100%;
left:0px;
top:0px;
visibility:hidden;




}

#loaderdiv{

width:200px;margin-top:150px;background-color:#000000;
padding-top:30px;
padding-bottom:30px;
}

#logo{

position:absolute;
width:200px;
height:130px;
left:100px;
top:0px;

}

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000000;
	background-color: transparent;
	/*background-image: url(blank.gif);*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}


#lightbox{
	background-color:#eee;
	padding: 1px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	color:#FFFFFF;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

.strona{
float:left;
background-color:#B2C0CF;
color:#333333;
margin-right:5px;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
text-align:center;
width:15px;
height:15px;




}

#strona a{
color:#FFFFFF;
font-weight:bold;
display:block;
width:15px;
height:15px;
text-decoration:none;


}

#strona a:hover{
background-color:#333333;
color:#FFFFFF;

}



#folioopis
{
position:absolute;
width:auto;
height:auto;
visibility:hidden;
padding:5px;
color:#FFFFFF;
border-color:#FFFFFF;
border-width:1px;
border-style:solid;
text-align:justify;
z-index:150;

}

#underfolioopis{
z-index:100;
background-color:#808E97;
position:absolute;
color:#808E97;
-moz-opacity:.70;
filter: alpha(opacity=70);
visibility:hidden;
padding:5px;



}

#galeria{
position:absolute;
visibility:hidden;
padding-top:20px;
padding-bottom:20px;
z-index:150;
width:100%;
left:0px;
}

#napis{
position:absolute;
z-index:150;
width:100%;
visibility:hidden;
left:0px;


}

#light{
position:absolute;
width:100%;
background-color:#000000;
-moz-opacity:.50;
filter: alpha(opacity=50);
z-index:100;
visibility:hidden;
left:0px;



}