@charset "utf-8";
/* Stylesheet for SV dati */

/* colors: 
   grey  #999; #666; 
   blue  #2A77B9; #69F; #CBD5E4; 
*/

html {}

body {margin: 0;
      padding: 0;}
	  
li {list-style-type: none;}
li a {text-decoration: none;}

a {text-decoration: underline; color: #999;}
a:link, a:active, a:visited {color: #999;}
a:hover {color: #666;}

.ext {text-decoration: underline; color: #2A77B9;}
.ext:hover {color: #69F;}

.wht {text-decoration: underline; color: #FFF;}
.wht:hover {color: #666;}

.spacer {padding: 0 0 0 76px;}	  
/**************************************************/

#container {width: 960px;
			height: 590px;
			margin: 5px auto 0 auto;
			padding: 0;
			overflow: hidden;
			z-index: 0;}
			
#logo {width: 960px;
       height: 70px;
	   margin: 0;
	   padding: 0;
	   overflow: hidden;/* fix IE 6 */}
	   
#logo img {margin: 0 0 0 402px;}
			
#center {width: 960px;
         height: 460px;
		 margin: 0;
		 padding: 0;
		 position: relative;
		 z-index: 0;}
		 
/***************   Home   *****************************/

#menu.index {background: url(images/menu.gif) repeat-y 0 0;
	         width: 112px;
             height: 460px;
	         margin: 0 0 0 130px!important;
	         margin: 0 0 0 65px; /* fix IE6 */
	         padding: 0;
	         float: left;
			 overflow: hidden; /* fix IE6  */
			 z-index: 0;}
			 
#menu li.servizi a {background-color: #FFF;
                    width: 104px;
	                height: 16px;
                    font-family: Arial, Helvetica, sans-serif;
	                font-size: 12px;
	                font-weight: bold;
					color: #2A77B9;
					text-align: right;
					text-indent: 0;
	                margin: 0;
	                padding: 90px 2px 0 0;
	                top: 3px; 
					left: 133px; 
					position: absolute;}
					
#menu li.servizi a span {display: none;}
					
#menu li.servizi a:hover {background-color: #2A77B9; color: #FFF;}

#menu li.servizi a:hover span {background: url(images/servizi.jpg) no-repeat 0 0;
                               width: 398px;
						       height: 398px;
						       border: none;
						       margin: 0;
						       padding: 0;
							   top: 28px;
						       left: 146px;
						   	   position: absolute;
						   	   z-index: 10;
						       display: block;}
					
#menu li.servizi_fix {background-color: #2A77B9;
                      width: 104px;
	                  height: 16px;
                      font-family: Arial, Helvetica, sans-serif;
	                  font-size: 12px;
	                  font-weight: bold;
					  color: #FFF;
					  text-align: right;
	                  margin: 0;
	                  padding: 90px 2px 0 0;
	                  top: 3px; 
					  left: 133px; 
					  position: absolute;}
										
#menu li.chisiamo a {background-color: #FFF;
                     width: 104px;
	                 height: 16px;
                     font-family: Arial, Helvetica, sans-serif;
	                 font-size: 12px;
	                 font-weight: bold;
					 color: #2A77B9;
					 text-align: right;
	                 margin: 0;
	                 padding: 90px 2px 0 0;
	                 top: 119px; 
					 left: 133px; 
					 position: absolute;}
					 
#menu li.chisiamo a span {display: none;}					 
					 
#menu li.chisiamo a:hover {background-color: #2A77B9; color: #FFF;}	

#menu li.chisiamo a:hover span {background: url(images/chisiamo.jpg) no-repeat 0 0;
                                width: 398px;
						        height: 398px;
						        border: none;
						        margin: 0;
						        padding: 0;
							    top: -88px;
						        left: 146px;
						   	    position: absolute;
						   	    z-index: 10;
						        display: block;}
					 
#menu li.chisiamo_fix {background-color: #2A77B9;
                       width: 104px;
	                   height: 16px;
                       font-family: Arial, Helvetica, sans-serif;
	                   font-size: 12px;
	                   font-weight: bold;
					   color: #FFF;
					   text-align: right;
	                   margin: 0;
	                   padding: 90px 2px 0 0;
	                   top: 119px; 
				  	   left: 3px; 
				       position: absolute;}
					 
#menu li.contatti a {background-color: #FFF;
                     width: 104px;
	                 height: 16px;
                     font-family: Arial, Helvetica, sans-serif;
	                 font-size: 12px;
	                 font-weight: bold;
					 color: #2A77B9;
					 text-align: right;
	                 margin: 0;
	                 padding: 90px 2px 0 0;
	                 top: 235px; 
					 left: 133px; 
					 position: absolute;}
					 
#menu li.contatti a span {display: none;}					 
					 
#menu li.contatti a:hover {background-color: #2A77B9; color: #FFF;}

#menu li.contatti a:hover span {background: url(images/contatti.jpg) no-repeat 0 0;
                                width: 398px;
						        height: 398px;
						        border: none;
						        margin: 0;
						        padding: 0;
							    top: -204px;
						        left: 146px;
						   	    position: absolute;
						   	    z-index: 10;
						        display: block;}
					 
#menu li.contatti_fix {background-color: #2A77B9;
                       width: 104px;
	                   height: 16px;
                       font-family: Arial, Helvetica, sans-serif;
	                   font-size: 12px;
	                   font-weight: bold;
					   color: #FFF;
					   text-align: right;
	                   margin: 0;
	                   padding: 90px 2px 0 0;
	                   top: 235px; 
					   left: 3px; 
					   position: absolute;}
					 
#menu li.home a {background-color: #FFF;
                 width: 104px;
	             height: 16px;
                 font-family: Arial, Helvetica, sans-serif;
	             font-size: 12px;
	             font-weight: bold;
				 color: #2A77B9;
				 text-align: right;
	             margin: 0;
	             padding: 90px 2px 0 0;
	             top: 351px; 
				 left: 133px; 
				 position: absolute;}
				 
#menu li.contatti a span {display: none;}				 
				 
#menu li.home a:hover {background-color: #2A77B9; color: #FFF;}

#menu li.home_fix {background-color: #2A77B9;
                   width: 104px;
	               height: 16px;
                   font-family: Arial, Helvetica, sans-serif;
	               font-size: 12px;
	               font-weight: bold;
				   color: #FFF;
				   text-align: right;
	               margin: 0;
	               padding: 90px 2px 0 0;
	               top: 351px; 
				   left: 133px; 
				   position: absolute;}					

#frame.home {background-color: #999;
	         width: 458px;
             height: 458px;
		     border: 1px solid #000;
		     top: 0;
			 left: 248px;
		     position: absolute;
			 z-index: -1;}
		
#display {background: url(images/home.jpg) no-repeat 0 0;
	      width: 398px;
          height: 398px;
		  margin: 30px;
		  padding: 0;
		  top: 0;
		  left: 0;
		  position: absolute;
		  overflow: hidden;
		  z-index: -1;}
		  
#display p {font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
			font-weight: bold;
			color: #000;
			margin: 0;
			padding: 80px 20px 0 20px;}
			
#display a {font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
			font-weight: bold;
			text-decoration: underline; 
			color: #CBD5E4;}
			
#display a:hover {color: #FFF;}
			
#display h1 {font-family: Arial, Helvetica, sans-serif;
             font-size: 30px;
			 font-weight: bold;
			 letter-spacing: 0.1em;
			 color: #999;
			 margin: 0;
			 padding: 0 20px 0 20px;}
			
#display h2 {font-family: Arial, Helvetica, sans-serif;
             font-size: 16px;
			 font-weight: bold;
			 letter-spacing: 0.05em;
			 color: #2A77B9;
			 margin: 0;
			 padding: 0 20px 0 20px;}
			 
#credit a {width: auto;
           height: 334px;
		   font-family: Arial, Helvetica, sans-serif;
		   font-size: 16px;
		   font-weight: lighter;
		   text-decoration: none;
		   text-align: center;
		   line-height: 16px;
		   color: #CCC;
		   margin: 0;
		   padding: 126px 0 0 4px;
		   top: 0;
		   left: 712px;
		   position: absolute;
		   display: block;
		   overflow: hidden;}
		   
#credit a:hover, #credit.home a:hover {color: #999;}

#footer {width: 960px; 
         height: 52px;
		 margin: 0;
		 padding: 0;
		 overflow: hidden;}
		 
#svdati {width: 960px; 
         height: 62px;
		 margin: 4px 0 0 252px!important;
		 margin: 4px 0 0 126px;
		 padding: 0;
		 float: left;}
		 
#svdati p {font-family: Arial, Helvetica, sans-serif;
           font-size: 11px;
		   font-weight: bold;
		   color: #999;
		   padding: 0;
		   margin: 0;}
		 
#ontrack a {background: url(images/ontrack.jpg) no-repeat 0 0;
            width: 256px;
		    height: auto;
		    text-decoration: none;
		    margin: 0 0 0 0px;
            padding: 0;
			float: left;
			display: none;}