/*Foglio di stile AR web-design-pages */


#header{background: url(immagini/header.jpg) no-repeat 0 0;
        text-indent: -9999px;
        width: 780px;
        height: 168px;
		margin: 0;
		padding: 0;
		position: relative;}
		
#middle_siti{background: url(immagini/middle_siti2.jpg) no-repeat 0 0;
             text-indent: -9999px;
             width: 780px;
             height: 350px;
		     margin: 0;
		     padding: 0;
		     float: left;
		     position: relative;
		     z-index: 0;}
			 
#middle_grafica{background: url(immagini/middle_grafica3.jpg) no-repeat 0 0;
                text-indent: -9999px;
                width: 780px;
                height: 350px;
		        margin: 0;
		        padding: 0;
		        float: left;
		        position: relative;
		        z-index: 0;}
				
#middle_formazione{background: url(immagini/middle_formazione2.jpg) no-repeat 0 0;
                   text-indent: -9999px;
                   width: 780px;
                   height: 350px;
		           margin: 0;
		           padding: 0;
		           float: left;
		           position: relative;
		           z-index: 0;}
				   
#middle_contatti{background: url(immagini/middle_contatti2.jpg) no-repeat 0 0;
                 text-indent: -9999px;
                 width: 780px;
                 height: 350px;
		         margin: 0;
		         padding: 0;
		         float: left;
		         position: relative;
		         z-index: 0;}														 		
		
#navmenu li.home a, #navmenu li.sitiweb a, #navmenu li.grafica a, #navmenu li.formazione a, #navmenu li.contatti a{
              background: url(immagini/no_bug.gif) no-repeat 0 0;
              font-family: Arial, Helvetica, sans-serif;
			  font-size: 80%;
			  font-weight: bold;
			  color: #36936d;
			  text-decoration: none;
              width: 121px;
              height: 37px;
			  margin: 0;
			  padding: 13px 0 0 213px;
			  display: block;
			  float: left;}
			  
#navmenu li.home a:hover{background: url(immagini/home_hover.gif) no-repeat 0 0;
                         color: #b54400;}
						 
#navmenu li.sitiweb a:hover{background: url(immagini/sitiweb_hover.gif) no-repeat 0 0;
                            color: #b54400;}
              		
					
#navmenu li.grafica a:hover{background: url(immagini/grafica_hover.gif) no-repeat 0 0;
                            color: #b54400;}
					
#navmenu li.formazione a:hover{background: url(immagini/formazione_hover.gif) no-repeat 0 0;
                               color: #b54400;}	
					
#navmenu li.contatti a:hover{background: url(immagini/contatti_hover.gif) no-repeat 0 0;
                             color: #b54400;}

#bacheca{background-image: url(immagini/bacheca.jpg);
         white-space: normal;
         width: 642px;
         min-height: 30px;
         height: auto !important;
         height: 30px;;
		 margin: 20px 0 2px 0;
		 padding: 0 0 0 2px;
		 float: left;}
		 
#bacheca ul{margin: 0;
			padding: 0;
			list-style: none;
			float: left;
			display: block;}
			
#bacheca li{width: auto;
			height: auto;
			margin: 0;
			padding: 0;
			float: left;
			clear: right;}
			
#bacheca li.fix{background: url(immagini/title_hover.jpg) repeat 0 0;
                border: 1px solid #e6f5ec;
				color: #e6f5ec;
				font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
			    font-size: 80%;
			    text-decoration: none;
				width: auto;
			    height: auto;
			    margin: 2px 1px 2px 1px;
			    padding: 4px;
			    float: left;
			    display: inline;}
			
#bacheca li a{background-color: #eee;
              border: 1px solid #36936d; 
			  color: #36936d;
			  font-family: Arial, Helvetica, sans-serif;
              font-weight: bold;
			  font-size: 80%;
			  text-decoration: none;
			  width: auto;
			  height: auto;
			  margin: 2px 1px 2px 1px; 
			  padding: 4px;
			  float: left;
			  display: inline;}
			   
#bacheca li a:hover{background: url(immagini/title_hover.jpg) repeat 0 0;
                    border-color: #e6f5ec;
					color: #e6f5ec;}
			   			
#articolo{background-color: #f0f0f0;
          width: 638px;
          height: auto;
		  font-family: Arial, Helvetica, sans-serif;
          font-weight: normal;
		  font-size: 0.75em;
		  white-space: pre;
		  color: #666;			
          margin: 0;
		  padding: 2px 0 0 6px;
		  float: left;}
		  
#close{background-color: #fff;
       width: 13px;
       height: 13px;
	   margin: 2px 2px;
	   padding: 0;
	   float: right;
	   display:  block;
	   overflow: hidden;}
	   	   
#close a{width: 13px;
		 height: 13px;}
		
		 
#close a:hover{background-color: #d5fac6;
               width: 13px;
               height: 13px;}		  
		  
#lavori{background: url(immagini/lavori.jpg) no-repeat 0 0;
        white-space: normal;
        width: 637px;
        min-height: 30px;
        height: auto !important;
        height: 30px;;
		margin: 2px 0 0 0;
		padding: 5px 0 0 7px;
		float: left;}
		
#display{background-color: #f0f0f0;
         width: 134px;
         height: auto;
		 margin: 0;
		 float: left;}
		 
#display img{background: url(immagini/green.gif) repeat-y 0 0;
             margin: 6px 0;
			 padding: 0 8px;}		 
		 
#display_text_1{background-color: #eee;
                font-family: Arial, Helvetica, sans-serif;
				font-size: 0.8em;
		        font-weight: normal;
		        color: #36936d;
                width: 498px;
				height: 125px;
			    margin: 0 0 2px 5px;
			    padding: 2px 4px 3px 5px;
				float: left;}
			 		 
#display_text_2, #display_text_3, #display_text_4, 
#display_text_5, #display_text_6, #display_text_7, #display_text_8,
#display_text_9, #display_text_10, #display_text_11, #display_text_12, 
#display_text_13, #display_text_14, #display_text_15, #display_text_16 {
                background-color: #eee;
                font-family: Arial, Helvetica, sans-serif;
		        font-size: 0.8em;
		        font-weight: normal;
		        color: #36936d;
                width: 494px;
                height: 125px;
				margin: 2px 0 2px 5px;
				padding-bottom: 1px !important;
			    padding: 2px 4px 0 5px;
				float: left;}
				
.zoom{width: 20px;
      height: 20px;
	  float: left;}
	  
.zoom a{background: url(immagini/lente.gif) no-repeat 0 0;
        width: 20px;
        height: 20px;
        text-indent: -9999px;
		margin: 0 6px 0 0;
		padding: 0;
		float: left;
		display: block;}
		
.zoom a:hover{background: url(immagini/lente_hover.gif) no-repeat 0 0; 
			  text-decoration: none;}