/* 	background-color: #293545;
	background-color: #19456F;
		background-color: #00478A;
		background-color: #1F4569;
			background-color: #1D3E5E;
				background-color: #203E5B;
				#2E4C6B
	 */
body {
	margin: 0;
	padding: 0;
	background: #203E5B url(bg_top.gif) repeat-x top;
	scrollbar-track-color: White;
	scrollbar-face-color: White;
	scrollbar-base-color: White;
	scrollbar-3dlight-color: White;
	scrollbar-shadow-color: #708090;
	scrollbar-darkshadow-color: White;
	scrollbar-arrow-color: #203E5B;
	scrollbar-highlight-color: #708090;
}

/* /////////////////////////// */
#leftcol {
	width: 200px;
	background-color: White;
	vertical-align: top;
}
#rightcol {
	width: 535px;
	vertical-align: top;
	text-align: left;
}
#bottcol {
	background-color: White;
	vertical-align: bottom;
}
#rightcol img{
	margin-left: 15px;
	border: 10px solid White;
}

/* /////////////////////////// */

#navbox {
	background-color: White;
}
#logo {
	margin: 0;
	padding: 0;
}
#logo img{
	margin:  10px 0 7px 10px;
	padding: 0;
}
#mainnavbox {
	margin: 0 0 15px 0;
	padding: 0;
}
.mainnav {
	margin: 0;
	padding: 0;
}
.mainnav a {
	margin: 0;
	padding: 0;
	display: block;
	width: 45px;
}
.mainnav a:hover {
	margin: 0;
	padding: 0;
	border: 0px;
	background-color: #708090;
	text-decoration: none;
}
.mainactive {
	background-color: #708090;
}
#secnavbox {
	margin: 0 0 0 0;
	padding: 0;
}
#secnav, #secnav2 {
	margin: 0 0 0 10px;
	padding: 0;
	font: 11px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #696969;
	}
#secnav a, #secnav2 a {
	color: #696969;
	text-decoration: none;
	}
#secnav a:hover, #secnav2 a:hover {
	color: Black;
	text-decoration: none;
	}
#secnav p, #secnav2 p {
	margin: 0 0 2px 0;
	padding: 0;
	font: 11px/12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #696969;
	}
#description {
	color: #A9A9A9;
	margin:  0 0 10px 10px;
	padding: 0;
	font: 10px/11px Arial, Helvetica, sans-serif;
}
#description p {
 	margin: 0;
	padding: 0;
	font: 10px/11px Arial, Helvetica, sans-serif;
}
#prevnext {
	background: url(bg_prevnext.gif) repeat-x top;
	color: #A9A9A9;
	padding: 5px 10px 5px 100px;
	margin: 0;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: right;
}
#prevnext a {
	color: #4682B4;
	text-decoration: none;
}
#prevnext a:hover {
	color: #203E5B;
	text-decoration: none;
}
#counter {
	margin: 0;
	padding: 0;
	background: url(bg_prevnext.gif) repeat-x top;
	width: 100%;
}
#counter td {
	margin: 0;
}
#counterdx {
	padding: 5px 10px 5px 0;
	color: #A9A9A9;
	text-align: right;
	font: 10px Arial, Helvetica, sans-serif;
}
#counterdx a {
	color: #696969;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-left: 12px;
}
#counterdx a:hover {
	color: Black;
	text-decoration: none;
}
#countersx {
	padding: 5px 0 5px 10px;
	color: #A9A9A9;
	font: 10px Arial, Helvetica, sans-serif;
}
#credits {
	font: 10px Arial, Helvetica, sans-serif;
	color: #4682B4;
	width: 735px;
	text-align: right;
	margin: 0 auto;
	padding-top: 5px;
}
#credits a {
	color: #4682B4;
}
#credits a:hover {
	color: #B0C4DE;
}


#sequenze {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #eee;
	margin: 5px;
	padding: 0 0 0 5px;
	background-color: #f5f5f5;
	overflow:hidden;
}
#sequenze strong {
	color: #666;
	letter-spacing: 1px;
}

#sequenze p {
	margin: 0;
}
#sequenze h2 {
	font: bold 14px Georgia, Arial, Helvetica, sans-serif;
	margin: 0;
	background-color:#eee;
	color: #203E5B;
}
#sequenze h4 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #666;
	margin: 5px 0 0 0;
	background-color:#eee;
}


#icon {
margin: 0;
padding: 0;
overflow: hidden;
}
#icon a img {
border: 0;
}
.iconpdf {
float: right;
margin-top: 5px;
margin-right: 3px;
}



#fotocontainer {
margin-left: 15px;
border: 10px solid #fff;
overflow: hidden;
}
#fotocontainerprev, #fotocontainernext {
width: 125px;
}
#fotocontainerprev {
float: left;
}
#fotocontainernext {
float: right;
}
#fotocontainerprev a, #fotocontainernext a {
display: block;
}

#fotocontainerprev a:hover {
	background: url(prev-arrow.png) no-repeat 30% 50%;
	
}
#fotocontainernext a:hover {
	background: url(next-arrow.png) no-repeat 70% 50%;
}
#fotocontainerprev a:hover, #fotocontainernext a:hover {
-moz-opacity: 0.7;
filter: alpha(opacity=70);
opacity: 0.7;
}
a:focus, a:active  {
	border: none;
}
a:link, a:visited {
		border: 0;
}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:395px;
}

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

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

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