@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	position:relative;
	background-color:#FFFFFF;
	font-size: 12px;
	color: #000000;
	font-family:Verdana;
}

a {
	font-family: Verdana;
	text-decoration: none;
	color: #0066CC;
	font-weight:normal;
	font-size: 12px;
}

a:hover {
	text-decoration:underline;
}

.pulsante {
	font-family: Century Gothic;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bolder;
	font-size: 16px;
}

.pulsante:hover {
	font-family: Century Gothic;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bolder;
	font-size: 16px;
}

.accesso{
	color:#FFFFFF;
	font-size: 12px;
	font-family:Verdana;
	text-align:left;
	text-decoration:underline;
}

.accesso:hover{
	color:#FFFFFF;
	font-size: 12px;
	font-family:Verdana;
	text-align:left;
	text-decoration:underline;
}

.blu{
	color:#002E6A;
	font-size: 12px;
	font-family:Verdana;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}

.verde {
	font-family: Verdana;
	text-decoration: none;
	color: #009900;
	font-size: 12px;
}

.nav{
	color:#FFFFFF;
	font-size: 11px;
	font-family:Verdana;
	text-align:left;
	text-decoration:none;
}

.navL{
	color:#FFFFFF;
	font-size: 11px;
	font-family:Verdana;
	text-align:left;
	text-decoration:underline;
}

.LoginTitolo{
	color:#000000;
	font-size: 16px;
	font-family:Verdana;
	text-align:center;	
}
.Login{
	color:#000000;
	font-size: 12px;
	font-family:Verdana;
	text-align:left;	
}


.MenuTitolo{
	color:#FFFFFF;
	font-size: 12px;
	font-family:Verdana;
	text-align:left;
	text-decoration:none;
}

.TitoliBox{
	font-size:12px;	
	font-weight:normal;	
	color:#FFFFFF;
	font-family:Verdana;
	text-decoration:none;
}

.TitoliGriglia{
	font-size:12px;	
	font-weight:bold;
	background-color:#80ACF3;	
	color:#FFFFFF;
	font-family:Verdana;
	text-decoration:none;
	font-weight:bold;
}

.TitoliSchede{
	font-size:14px;	
	color:#0066CC;
	font-family:Verdana;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
.titoloCornice{
	font-size:13px;	
	font-weight:bold;	
	color:#FFFFFF;
	font-family:Verdana;
	text-decoration:none;
	text-align:center;
}
.TestoScheda{
	color:#002E6A;
	font-size: 12px;
	font-family:Verdana;
	text-decoration:none;
	text-align:justify;
}
.TestoGriglia{
	font-size:12px;	
	font-weight:normal;	
	color:#000000;
	font-family:Verdana;
	text-decoration:none;
	font-weight:bolder;
	text-align:right;
}
.TestoAnteprima{
	color:#000000;
	font-size: 12px;
	font-family:Verdana;
	text-decoration:none;
	font-style:oblique;
}
.TestoAnteprimaBox{
	color:#FFFFFF;
	font-size: 12px;
	font-family:Verdana;
	text-decoration:none;
	font-style:oblique;
}
.warning{
	font-size:15px;
	font-family: verdana;	
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	color:#FF0000;
}

.ImmagineAlligndx {
	float: right; padding-bottom:0.5em; padding-left:1.0em;
	z-index:1;
}

.ImmagineAllignsx {
	float: left; padding-bottom:0.5em; padding-right:1.0em;
	z-index:1;
}


div.pic{float:left;margin: 1px;padding:0 0 5px 0;}

div.pic img{display: block;border: 1px solid;
    border-color: #CCC #CCC #AAA #CCC;
    padding: 7px;background: #f6f6f6} 
div.imgcontainer{ float: left;padding:0 6px 6px 0;
	z-index:2;}

div.imgcontainer img{
    position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #666 #666 #ccc;
    padding:5px;
	z-index:2;}	
	
/*classi per la fotogallery*/
#motioncontainer {
margin:0 auto;  /*Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 200px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color:#FFFFCC;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -200px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

#imageSlideshowHolder{
		
				/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 
		
				In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
				border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
				should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.
		
				*/
				/* CSS HACK */
				width: 608px;	/* IE 5.x */
				width/* */:/**/602px;	/* Other browsers */
				width: /**/602px;
				
				/* CSS HACK */
				height: 208px;	/* IE 5.x */
				height/* */:/**/202px;	/* Other browsers */
				height: /**/202px;
				
				background-color:#1A1A1A;
				border:0px solid #1A1A1A;
				position:relative;	/* Never change this value */
				
			}
			.imageInGallery{		
				width:602px;
				height:202px;
				background-color:#1A1A1A;
				
				/* Never change these 3 value */
				left:0px;
				top:0px;
				position:absolute;	
			}
			
			
			#imageSlideshowHolder img{
				position:absolute;
			}
-->