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

@font-face {
	font-family: Optima Regular;
   	src: url("../font/OptimaRegular.ttf") format("truetype");
}

body {
	background: url(../img/back.gif) repeat-x #333333;
	font-family: Optima Regular;
	font-size:14px;
	margin:0px;
	color: #FFF;
}

h1 {
	font-family: Optima Regular;
	border-bottom:2px solid #5B493B;
	padding:5px;
	margin:5px;
}
h2 {
	font-family: Optima Regular;
	border-bottom:1px solid #fafafa;
	padding:5px;
	margin:5px;
}

h3 {
	font-family: Optima Regular;
	border-bottom:2px solid #5B493B;
	padding:5px;
	margin:5px;
}

p {
	margin:5px;
	padding:5px;
	line-height: 25px;
}

a {
	color: #FFF;
	text-decoration:none;
}
a:hover {
	border-bottom: 2px solid #5B493B;
}


form {
	padding:5px;
	margin:5px;
	font-size:12px;
	background: #cccccc;
	color: #000;
}
form div {
	padding:5px;
}

input {
	font-size: 12px;
}

textarea {
	font-size: 12px;
	padding:5px;
	height: 75px;
	width:550px;
}


#bold {
	border-bottom: 2px solid #5B493B;
}

#content {
	width:970px;
	margin: 0 auto;
}

#header {
	background:#000;
	height:110px;
}


#current {
	display: block;
	font-weight:bold;
	text-decoration:none;
	height:80px;
	width:85px;
	background: #2575da;
	color: #fff;
}

#cover {
	margin: auto;
	width:100%;
	height:290px;
	background:url(../img/02.jpg);
	
}

#cover #menu {
	position: relative;
	width:237px;
	height:260px;
	background: none;
	margin-left:82px;
	padding-top:13px;
	text-align:center;
	background:	url(../img/bg-menu.png) no-repeat ;
	z-index:10;
	/* for IE */
    filter:alpha(opacity=90);
    /* CSS3 standard */
    opacity:0.9;

}
#cover #menu ul {
	width:100%;
	margin:0px;
	padding:0px;
	list-style: none;
	line-height:20px;
}

#cover #menu ul li {
	font-size:14px;
}

#cover #menu ul li a  {
	color: #FFF;
	font-variant: small-caps;
}


#cover #slideshow {
    
    height:290px;
	position: relative;
	z-index: 0;
	float:left;
}

#cover #slideshow IMG {
	position:absolute;
	z-index:2;
	opacity:0.0;
	top: 0px;
	left: 0px;
}

#cover #slideshow IMG.active {
    z-index:4;
    opacity:1.0;
}

#cover #slideshow IMG.last-active {
    z-index:3;
}


#footer {
	border-top: 5px solid #000;
	float:left;
	width:99%;
	font-size:12px;
	color:#FFF;
	padding:5px;
	text-align:center;
	
}
#footer p {
	padding:5px;
	margin:0px;
}

#barnav {
	
	float:right;
	width:250px;
	margin:5px;
	padding:5px;
	background: #fff;
	
}

#credit {
	font-size:9px;
	color:#333;
}


#foto img {
	padding:3px;
	border:2px solid #cccccc;
}


#page {
	
	background:#666666;
	padding: 5px;
	
}


#gallery {
	text-align:center;
	margin-left: 30px;
}
#gallery div {
	float: left;
	width: 220px;
	height: 120px;
}
#gallery img {
	padding:0px;
	margin: 3px;
	border: 3px solid #fff;
	filter:alpha(opacity=70);
    opacity:0.7;
	width:85%;
	height:90%;
}
#gallery div a {
	border:none;
}
#gallery div a:hover {
	border:none;
}
#gallery img:hover {
	filter:alpha(opacity=100);
    opacity:1.0;
}
	
#clear {
	clear: both;
}


#navbar {
	float:right;  
	width:550px; 
	text-align: right;
	color:#5B493B;
}



#paginazione {
	margin: 3px;
	padding:3px;
	text-align:right;
	border-top:1px solid #5B493B;
}

#paginazione a {
	padding: 3px;
	background: #5B493B;
	color: #FFF;
}
#paginazione a:hover {
	background: #FFF;
	color: #5B493B;
}
#paginazione .supage {
	background: #5B493B;
	color: #FFF;
}

#tags {
	text-align:center;
	font-size:10px; 
	font-family:Arial, Helvetica, sans-serif;
	color: #5B493B;
}