@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 {color: #2A77B9;}
.ext:hover {color: #69F;}

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

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

#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 {background: url(images/menu.gif) repeat-y 0 0;
	   width: 112px;
       height: 460px;
	   margin: 0; 
	   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: 3px; 
					position: absolute;}
					
#menu li.servizi a:hover {background-color: #2A77B9; color: #FFF;}

					
#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: 3px; 
					  position: absolute;}
					  
#menu li.servizi_nav a {background-color: #999;
                        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: 3px; 
					    position: absolute;}
						
#menu li.servizi_nav a:hover {background-color: #2A77B9;}
										
#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: 3px; 
					 position: absolute;}
					 
#menu li.chisiamo a:hover {background-color: #2A77B9; color: #FFF;}	

#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: 3px; 
					 position: absolute;}
					 
#menu li.contatti a:hover {background-color: #2A77B9; color: #FFF;}

#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: 3px; 
				 position: absolute;}
				 
#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: 3px; 
				   position: absolute;}					

#frame {width: 816px;
        height: 460px;
		top: 0;
		left: 120px;
		position: absolute;
		z-index: -1;}
		
#top {background-color: #999;
      border: 1px solid #000;
	  width: 814px;
      height: 110px;}
	  
#middle {background-color: #FFF;
         border: 1px solid #000;
		 width: 814px;
		 height: 226px;
		 margin: 4px 0 0 0;
		 z-index: -1;}
		 
#middle.grazie h1 {font-family: Arial, Helvetica, sans-serif;
            	   font-size: 36px;
				   font-weight: bold;
				   text-align: center;
				   color: #CCC;
				   padding: 16px 0 0 16px;
				   margin: 0;}
				  
#middle.grazie h3 {font-family: Arial, Helvetica, sans-serif;
            	   font-size: 16px;
				   font-weight: bold;
				   text-align: center;
			       color: #999;
				   padding: 16px 0 0 16px;
				   margin: 0;}
				   
#middle.grazie p {font-family: Arial, Helvetica, sans-serif;
            	   font-size: 10px;
				   font-weight: bold;
				   text-align: center;
			       color: #2A77B9;
				   padding: 16px 0 0 16px;
				   margin: 0;}
				   
#middle.chisiamo h1 {font-family: Arial, Helvetica, sans-serif;
            		 font-size: 34px;
					 font-weight: bold;
					 color: #CCC;
					 text-align: center;
					 padding: 16px 0 0 0;
					 margin: 0;}

#middle.chisiamo h2 {font-family: Arial, Helvetica, sans-serif;
            		 font-size: 18px;
					 font-weight: bold;
					 color: #CCC;
					 text-align: center;
					 padding: 0;
					 margin: 0;}
					 
#middle.chisiamo h3 {font-family: Arial, Helvetica, sans-serif;
            	     font-size: 14px;
				     font-weight: bold;
				     color: #999;
				     padding: 16px;
				     margin: 0;}
					 
#middle.chisiamo h3 a {font-family: Arial, Helvetica, sans-serif;
            	       font-size: 14px;
				       font-weight: bold;
				       color: #999;
					   text-decoration: underline;
				       padding:0;
				       margin: 0;}
					   
#middle.chisiamo h3 a:hover {color: #666;}

#middle.chisiamo h3 a span {font-family: Arial, Helvetica, sans-serif;
            	            font-size: 14px;
				            font-weight: bold;
				            color: #2A77B9;
					        text-decoration: underline;
				       		padding:0;
				       		margin: 0;}

#middle.chisiamo h3 a:hover span {color: #69F;}

#middle.contatti h1 {font-family: Arial, Helvetica, sans-serif;
            		 font-size: 36px;
					 font-weight: bold;
					 color: #CCC;
					 padding: 16px 0 0 16px;
					 margin: 0;}

#middle.contatti h3 {font-family: Arial, Helvetica, sans-serif;
            		 font-size: 16px;
					 font-weight: bold;
					 color: #999;
					 padding: 16px 0 0 16px;
					 margin: 0;}
					
#middle.contatti p {font-family: Arial, Helvetica, sans-serif;
            		font-size: 10px;
					font-weight: normal;
					color: #999;
					padding: 16px 0 0 16px;
					margin: 0;}
					
#middle.contatti a {font-family: Arial, Helvetica, sans-serif;
            		font-size: 9px;
					font-weight: normal;
					color: #2A77B9;
					padding: 16px 0 0 0;
					margin: 0;}
					
#info {width: 544px; 
       height: 207px;
	   border: 1px solid #999;
	   margin: 0;
	   padding: 0 0 0 6px;
	   top: 126px;
	   left: 256px;
	   position: absolute;}
	   
#info h2 {font-family: Arial, Helvetica, sans-serif;
          font-size: 16px;
		  font-weight: bold;
		  text-align: left;
		  color: #2A77B9;
		  padding: 8px 0 0 0;
		  margin: 0;}
		  
#info li {font-family: Arial, Helvetica, sans-serif;
	      font-size: 11px;
		  font-weight: normal;
		  color: #999;
		  padding: 0;
          margin: 0;}
		  
#info li input {font-family: Arial, Helvetica, sans-serif;
	            font-size: 12px;
	            font-weight: normal;
				color: #2A77B9;}
		  
#info li.nome {top: 50px;
               left: 8px;
			   position: absolute;}
			   
#info li.nome input {top: -4px;
					 left: 60px;
					 position: absolute;}
					 
#info li.cognome {top: 72px;
                  left: 8px;
			      position: absolute;}
			   
#info li.cognome input {top: -4px;
					    left: 60px;
					    position: absolute;}
						
#info li.societa {top: 94px;
                  left: 8px;
			      position: absolute;}
			   
#info li.societa input {top: -4px;
					    left: 60px;
						position: absolute;}
						
#info li.provincia {top: 116px;
                    left: 8px;
			        position: absolute;}
			   
#info li.provincia input {top: -4px;
					      left: 60px;
						  position: absolute;}	
						  
#info li.tel {top: 138px;
              left: 8px;
			  position: absolute;}
			   
#info li.tel input {top: -4px;
					left: 60px;
					position: absolute;}
					
#info li.email {top: 160px;
                left: 8px;
			    position: absolute;}
			   
#info li.email input {top: -4px;
					  left: 60px;
					  position: absolute;}
					  
#info li.messaggio {top: 30px;
                    left: 240px;
					position: absolute;}
					
#info li.messaggio textarea {width: 276px;
                             height: 120px;
	                         font-family: Arial, Helvetica, sans-serif;
	                         font-size: 12px;
	                         font-weight: normal;
				             color: #2A77B9;
							 margin: 5px 0 0 0;
							 padding: 4px;
	                         top: 12px;
					         left: 0px;
					         position: absolute;
							 overflow: auto;}
							 
#info li.reset input {width: 46px;
                      height: 20px;
	                  font-family: Arial, Helvetica, sans-serif;
	                  font-size: 11px;
	                  font-weight: normal;
					  text-align: center;
				      color: #2A77B9;
					  margin: 0;
					  padding: 0 0 2px 0;
	                  top: 181px;
					  right: 68px;
					  position: absolute;}											 
							 
#info li.invio input {width: 40px;
                      height: 20px;
	                  font-family: Arial, Helvetica, sans-serif;
	                  font-size: 11px;
	                  font-weight: normal;
					  text-align: center;
				      color: #2A77B9;
					  margin: 0;
					  padding: 0 0 2px 0;
	                  top: 181px;
					  right: 24px;
					  position: absolute;}							 
		  
#middle.servizi {background: url(images/servizi_bkg.jpg) no-repeat 16px 16px;}


		 
#middle.servizi h3 {font-family: Arial, Helvetica, sans-serif;
            		font-size: 16px;
					font-weight: bold;
					color: #2A77B9;
					padding: 16px 0 10px 224px;
					margin: 0;}
			
#middle.servizi p {font-family: Arial, Helvetica, sans-serif;
           		   font-size: 12px;
		   		   font-weight: normal;
		   		   color: #999;
		   		   padding: 0 0 0 224px;
		  		   margin: 0;}
		   
#middle.servizi a {font-family: Arial, Helvetica, sans-serif;
           		   font-size: 12px;
		   		   font-weight: normal;
		   		   text-decoration: underline;
		   		   color: #999;
		   		   padding: 0;
		   		   margin: 0;}
		   
#middle.servizi a:hover {color: #666;}

#middle.servizi a span {font-family: Arial, Helvetica, sans-serif;
                		font-size: 12px;
		   				font-weight: normal;
		   				text-decoration: underline;
		   				color: #2A77B9;
		   				padding: 0;
		   				margin: 0;}

#middle.servizi a:hover span {color: #69F;}

#icons_hd a {background: url(images/hd.jpg) no-repeat 0 0;
             width: 60px;
             height: 60px;
		     text-decoration: none;
			 margin: 0;
             padding: 0;
			 top: 133px;
			 left: 17px;
			 position: absolute;
			 display: block;
			 z-index: 0;}

#icons_hd a:hover {background: url(images/hd_hover.jpg) no-repeat 0 0 ;
                   text-indent: 0;}

#icons_hd a span {display: none;}

#icons_hd a:hover span {background: url(images/hd_span.jpg) no-repeat 0 0 #FFF;
                        width: 585px;
                        height: 200px;
					    font-family: Arial, Helvetica, sans-serif;
                        font-size: 16px;
					    font-weight: normal;
						text-decoration: none;
					    color: #999;
						top: 0;
					    left: 208px;
					    position: absolute;
						display: block;
						z-index: 10;}
						
#icons_raid a {background: url(images/raid.jpg) no-repeat 0 0;
               width: 60px;
               height: 60px;
		       text-decoration: none;
			   margin: 0;
               padding: 0;
			   top: 133px;
			   left: 83px;
			   position: absolute;
			   display: block;
			   z-index: 0;}

#icons_raid a:hover {background: url(images/raid_hover.jpg) no-repeat 0 0 ;
                     text-indent: 0;}

#icons_raid a span {display: none;}

#icons_raid a:hover span {background: url(images/raid_span.jpg) no-repeat 0 0 #FFF;
                          width: 585px;
                          height: 200px;
					      font-family: Arial, Helvetica, sans-serif;
                          font-size: 16px;
					      font-weight: normal;
						  text-decoration: none;
					      color: #999;
					      top: 0;
					      left: 142px;
					      position: absolute;
						  display: block;
						  z-index: 10;}
						  
#icons_server a {background: url(images/server.jpg) no-repeat 0 0;
                 width: 60px;
                 height: 60px;
		         text-decoration: none;
			     margin: 0;
                 padding: 0;
			     top: 133px;
			     left: 149px;
			     position: absolute;
			     display: block;
			     z-index: 0;}

#icons_server a:hover {background: url(images/server_hover.jpg) no-repeat 0 0 ;
                       text-indent: 0;}

#icons_server a span {display: none;}

#icons_server a:hover span {background: url(images/server_span.jpg) no-repeat 0 0 #FFF;
                            width: 585px;
                            height: 200px;
					        font-family: Arial, Helvetica, sans-serif;
                            font-size: 16px;
					        font-weight: normal;
						    text-decoration: none;
					        color: #999;
					        top: 0;
					        left: 76px;
					        position: absolute;
						    display: block;
						    z-index: 10;}
							
#icons_cd a {background: url(images/cd.jpg) no-repeat 0 0;
             width: 60px;
             height: 60px;
		     text-decoration: none;
			 margin: 0;
             padding: 0;
			 top: 199px;
			 left: 17px;
			 position: absolute;
			 display: block;
			 z-index: 0;}

#icons_cd a:hover {background: url(images/cd_hover.jpg) no-repeat 0 0 ;
                   text-indent: 0;}

#icons_cd a span {display: none;}

#icons_cd a:hover span {background: url(images/cd_span.jpg) no-repeat 0 0 #FFF;
                        width: 585px;
                        height: 200px;
					    font-family: Arial, Helvetica, sans-serif;
                        font-size: 16px;
					    font-weight: normal;
						text-decoration: none;
					    color: #999;
						top: -66px;
					    left: 208px;
					    position: absolute;
						display: block;
						z-index: 10;}
						
#icons_usb a {background: url(images/usb.jpg) no-repeat 0 0;
              width: 60px;
              height: 60px;
		      text-decoration: none;
			  margin: 0;
              padding: 0;
			  top: 199px;
			  left: 83px;
			  position: absolute;
			  display: block;
			  z-index: 0;}

#icons_usb a:hover {background: url(images/usb_hover.jpg) no-repeat 0 0 ;
                    text-indent: 0;}

#icons_usb a span {display: none;}

#icons_usb a:hover span {background: url(images/usb_span.jpg) no-repeat 0 0 #FFF;
                         width: 585px;
                         height: 200px;
					     font-family: Arial, Helvetica, sans-serif;
                         font-size: 16px;
					     font-weight: normal;
						 text-decoration: none;
					     color: #999;
						 top: -66px;
					     left: 142px;
					     position: absolute;
						 display: block;
						 z-index: 10;}
						
#icons_card a {background: url(images/card.jpg) no-repeat 0 0;
               width: 60px;
               height: 60px;
		       text-decoration: none;
			   margin: 0;
               padding: 0;
			   top: 199px;
			   left: 149px;
			   position: absolute;
			   display: block;
			   z-index: 0;}

#icons._card a:hover {background: url(images/card_hover.jpg) no-repeat 0 0 ;
                     text-indent: 0;}

#icons_card a span {display: none;}

#icons_card a:hover span {background: url(images/card_span.jpg) no-repeat 0 0 #FFF;
                          width: 585px;
                          height: 200px;
					      font-family: Arial, Helvetica, sans-serif;
                          font-size: 16px;
					      font-weight: normal;
					  	  text-decoration: none;
					      color: #999;
						  top: -66px;
					      left: 76px;
					      position: absolute;
						  display: block;
						  z-index: 10;}
						  
#icons_mobile a {background: url(images/mobile.jpg) no-repeat 0 0;
            	 width: 60px;
            	 height: 60px;
		    	 text-decoration: none;
				 margin: 0;
            	 padding: 0;
				 top: 265px;
				 left: 17px;
				 position: absolute;
			 	 display: block;
			 	 z-index: 0;}

#icons_mobile a:hover {background: url(images/mobile_hover.jpg) no-repeat 0 0 ;
                   	   text-indent: 0;}

#icons_mobile a span {display: none;}

#icons_mobile a:hover span {background: url(images/mobile_span.jpg) no-repeat 0 0 #FFF;
                        	width: 585px;
                       		height: 200px;
					    	font-family: Arial, Helvetica, sans-serif;
                        	font-size: 16px;
					    	font-weight: normal;
							text-decoration: none;
					    	color: #999;
							top: -132px;
					    	left: 208px;
					    	position: absolute;
							display: block;
							z-index: 10;}
							
#icons_apple a {background: url(images/apple.jpg) no-repeat 0 0;
            	width: 60px;
            	height: 60px;
		        text-decoration: none;
				margin: 0;
            	padding: 0;
				top: 265px;
				left: 83px;
				position: absolute;
			 	display: block;
			 	z-index: 0;}

#icons_apple a:hover {background: url(images/apple_hover.jpg) no-repeat 0 0 ;
                   	  text-indent: 0;}

#icons_apple a span {display: none;}

#icons_apple a:hover span {background: url(images/apple_span.jpg) no-repeat 0 0 #FFF;
                           width: 585px;
                       	   height: 200px;
					       font-family: Arial, Helvetica, sans-serif;
                           font-size: 16px;
					       font-weight: normal;
						   text-decoration: none;
					       color: #999;
						   top: -132px;
					       left: 142px;
					       position: absolute;
						   display: block;
						   z-index: 10;}
						   
#icons_dbase a {background: url(images/dbase.jpg) no-repeat 0 0;
            	width: 60px;
            	height: 60px;
		        text-decoration: none;
				margin: 0;
            	padding: 0;
				top: 265px;
				left: 149px;
				position: absolute;
			 	display: block;
			 	z-index: 0;}

#icons_dbase a:hover {background: url(images/dbase_hover.jpg) no-repeat 0 0 ;
                   	  text-indent: 0;}

#icons_dbase a span {display: none;}

#icons_dbase a:hover span {background: url(images/dbase_span.jpg) no-repeat 0 0 #FFF;
                           width: 585px;
                       	   height: 200px;
					       font-family: Arial, Helvetica, sans-serif;
                           font-size: 16px;
					       font-weight: normal;
						   text-decoration: none;
					       color: #999;
						   top: -132px;
					       left: 76px;
					       position: absolute;
						   display: block;
						   z-index: 10;}								   
						
		 
#bottom {background-color: #999;
         border: 1px solid #000;
	     width: 814px;
         height: 110px;
		 margin: 4px 0 0 0;}

#credit a {width: auto;
           height: 456px;
		   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: 940px;
		   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: 550px; 
         height: 62px;
		 margin: 4px 0 0 284px!important;
		 margin: 4px 0 0 222px;
		 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;}