/************************************************/
/*****   Foglio di stile Tecnoexcellence    *****/

html {}

body {background-color: #000;
      font-family: Arial, Helvetica, sans-serif;
	  padding: 0;
	  margin: 0;}

	  
p {font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #e8e8e8;
   padding: 0;
   margin: 0;}

a, a:hover, a:focus, a:active {outline: none;}

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif;
			    font-weight: bold;
                padding: 0;
				margin: 0;}
				
h1 {font-size: 36px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}
   
.thin {font-size: 10px; line-height: 1.2em;}
.fat {font-size: 14px; font-weight: bold;}
.extend {letter-spacing: 0.1em;}
.bold {font-weight: bold;}
.tab {padding: 0 0 0 20px;}
.detail {font-size: 10px; padding: 0 0 0 20px;}
.indent {padding: 0 0 0 7px;}


/*************/
/* Main Divs */

#container {width: 816px; 
		    height: 588px;
		    padding: 0;
		    margin: 0 auto;}
		   
#left {border-right: solid 2px #e32321;
       width: 500px;
	   height: 551px;
	   padding: 0;
	   margin: 0;
	   float: left}
	   
#right {width: 314px;
		height: 551px;
	    padding: 0;
	    margin: 0;
	    float: left}
		
#footer {width: 816px;
         height: 37px;
		 padding: 0;
		 margin: 0;
		 clear: both;}
		
/******************/
/* Left side Divs */

#header {background: url(images/header.jpg) no-repeat 0 0;
         width: 495px;
		 height: 148px;
		 padding: 0;
		 margin: 6px 5px 1px 0;
		 overflow: hidden;
		 position: relative;}
		 
/*****   menu' orizzontale  *****/

#transparent {background: url(images/trasparent.gif) no-repeat 0 0;
              width: 495px;
			  height: 130px;
			  padding: 0;
			  margin: 0;
			  position: absolute;
			  z-index: 1;}

#header ul {width: 485px;
            height: 142px;
			list-style: none;
            padding: 0;
            margin: 0;}
			

#header li.fixhome, #header li.home a{width: 58px;
                           			  height: 16px;
				           			  font-family: Arial, Helvetica, sans-serif;
				   		   			  font-size: 12px;
				   		   			  font-weight: bold;
				  		   			  color: #e32321;
				  		   			  text-decoration: none;
				  		   			  padding: 125px 0 0 22px;
				   		   			  top: 6px;
				   		   			  left: 5px;
				  		   			  position: absolute;}
									  
				  
#header li.home a:hover {background: url(images/home_hover.jpg) no-repeat 0 0;
                         color: #c8c8c8;}
				 

				 
#header li.fixchi, #header li.chi a{width: 67px;
                         			height: 16px;
				         			font-family: Arial, Helvetica, sans-serif;
				         			font-size: 12px;
				 		 			font-weight: bold;
				 		 			color: #e32321;
				 		 			text-decoration: none;
				 		 			padding: 125px 0 0 13px;
				 		 			top: 6px;
				 		 			left: 86px;
				 		 			position: absolute;}
									
				 
#header li.chi a:hover {background: url(images/chi_hover.jpg) no-repeat 0 0;
                        color: #c8c8c8;}
						
						
				
#header li.fixcosa, #header li.cosa a{width: 80px;
                  		   			  height: 16px;
				  		   			  font-family: Arial, Helvetica, sans-serif;
				  		   			  font-size: 12px;
				  		   			  font-weight: bold;
				  		   			  color: #e32321;
				  		   			  text-decoration: none;
				  		   			  padding: 125px 0 0 0;
				  		   			  top: 6px;
				  		   			  left: 167px;
				  		   			  position: absolute;}
									  
				  
#header li.cosa a:hover {background: url(images/cosa_hover.jpg) no-repeat 0 0;
                         color: #c8c8c8;}
						 
						 
				
#header li.fixeventi, #header li.eventi a{width: 57px;
                    		   			  height: 16px;
				    		   			  font-family: Arial, Helvetica, sans-serif;
				    		   			  font-size: 12px;
				    		   			  font-weight: bold;
				    		   			  color: #e32321;
				    		   			  text-decoration: none;
				   		   	   			  padding: 125px 0 0 23px;
				    		   			  top: 6px;
				   		       			  left: 248px;
				    		   			  position: absolute;}
										  
				  
#header li.eventi a:hover {background: url(images/eventi_hover.jpg) no-repeat 0 0;
                           color: #c8c8c8;}
						   
						   
				   
#header li.fixinfo, #header li.info a{width: 79px;
                  		   			  height: 16px;
				  		   			  font-family: Arial, Helvetica, sans-serif;
				  		   			  font-size: 12px;
				  		   			  font-weight: bold;
				  		   			  color: #e32321;
				  		   			  text-decoration: none;
				 		   			  padding: 125px 0 0 1px;
				  		   			  top: 6px;
				  		   			  left: 329px;
				  		   			  position: absolute;}
									  
				  
#header li.info a:hover {background: url(images/info_hover.jpg) no-repeat 0 0;
                         color: #c8c8c8;}
						 
						 
				
#header li.fixlinks, #header li.links a{width: 54px;
                   			 			height: 16px;
				   			 			font-family: Arial, Helvetica, sans-serif;
				   			 			font-size: 12px;
				   			 			font-weight: bold;
				   						color: #e32321;
				   			 			text-decoration: none;
				   			 			padding: 125px 0 0 26px;
				   			 			top: 6px;
				   			 			left: 410px;
				   			 			position: absolute;}
										
				  
#header li.links a:hover {background: url(images/links_hover.jpg) no-repeat 0 0;
                          color: #c8c8c8;}
						  
#line {width: 495px;
	   height: 2px;
	   padding: 0;
	   margin: 0;
	   overflow: hidden;
	   position: relative;}
	   			  
#homeline {background-color: #e32321;
           width: 33px;
		   height: 2px;
		   top: 0;
		   left: 26px;
		   position: absolute;}
			
#chiline {background-color: #e32321;
          width: 55px;
		  height: 2px;
		  top: 0;
		  left: 99px;
		  position: absolute;}
		   
#cosaline {background-color: #e32321;
           width: 79px;
		   height: 2px;
		   top: 0;
		   left: 167px;
		   position: absolute;}
			
#eventiline {background-color: #e32321;
             width: 34px;
		     height: 2px;
		     top: 0;
		     left: 271px;
		     position: absolute;}
			  
#infoline {background-color: #e32321;         
           width: 78px;
		   height: 2px;
		   top: 0;
		   left: 330px;
		   position: absolute;}
			
#linksline {background-color: #e32321;
            width: 30px;
		    height: 2px;
		    top: 0;
		    left: 436px;
		    position: absolute;}

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

#homecontentleft {width: 440px;
				  height: 278px;
				  font-family: Arial, Helvetica, sans-serif;
				  font-size: 15px;
				  font-weight: normal;
				  color: #e8e8e8;
				  white-space: pre;
				  padding: 0;
				  margin: 60px auto 0 auto;}
				  
#homecontentleft a {color: #e8e8e8; text-decoration: none;}
#homecontentleft a:hover {color: #e32321;}
				  
#article {width: 430px;
          height: 250px;
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 12px;
		  font-weight: normal;
		  white-space: normal;
		  color: #e8e8e8;
		  padding: 0 14px 0 0;
		  margin: 0 auto;
		  overflow: auto;}
		  
#article2 {width: 430px;
           height: 250px;
		   font-family: Arial, Helvetica, sans-serif;
		   font-size: 12px;
		   font-weight: normal;
		   white-space: normal;
		   color: #e8e8e8;
		   padding: 0 14px 0 0;
		   margin: -24px auto;
		   overflow: auto;}
		   
#box_corso {width: 400px;
            height: auto;
			border: solid 1px #e8e8e8;
			font-family: Arial, Helvetica, sans-serif;
		    font-size: 12px;
		    font-weight: normal;
			color: #e8e8e8;
			padding: 4px ;
		    margin: 0;}
			
#box_costi {background-color: #e8e8e8;
            width: 402px;
            height: auto;
			font-family: Arial, Helvetica, sans-serif;
		    font-size: 12px;
		    font-weight: normal;
			color: #000;
			padding: 4px ;
		    margin: 2px 0 0 0;}
			
#box_teoria {background-color: #333;
             width: 402px;
             height: auto;
			 font-family: Arial, Helvetica, sans-serif;
		     font-size: 12px;
		     font-weight: normal;
			 color: #e8e8e8;
			 padding: 4px ;
		     margin: 2px 0 0 0;}
			 
#box_pratica {background-color: #555;
              width: 402px;
              height: auto;
			  font-family: Arial, Helvetica, sans-serif;
		      font-size: 12px;
		      font-weight: normal;
			  color: #e8e8e8;
			  padding: 4px ;
		      margin: 2px 0 0 0;}
			  
#box_controllo {background-color: #444;
                width: 402px;
                height: auto;
			    font-family: Arial, Helvetica, sans-serif;
		        font-size: 12px;
		        font-weight: normal;
		        color: #e8e8e8;
			    padding: 4px ;
		        margin: 2px 0 0 0;}
				  
#webtemp {width: 260px;
		  height: 278px;
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 15px;
		  font-weight: normal;
		  color: #e8e8e8;
		  white-space: pre;
		  padding: 0 0 0 100px;
		  margin: 60px auto 0 auto;}
				  
#chicontentleft {width: 360px;
                 height: auto;
			 	 font-family: Arial, Helvetica, sans-serif;
			  	 font-size: 12px;
				 font-weight: normal;
				 color: #e8e8e8;
				 white-space: pre;
				 padding: 0;
				 margin: 60px 0 0 70px!important;
				 margin: 60px 0 0 35px;
				 float: left;}
				
#chicontentleft img {width: 140px;
                     height: 174px;
					 border: solid 1px #e8e8e8;
					 padding: 0;
					 margin: 2px 8px 8px 0;
					 float: left;}
					 
#cosalist {width: 426px;
           height: auto;
		   font-family: Arial, Helvetica, sans-serif;
	   	   font-size: 12px;
		   font-weight: normal;
		   color: #e8e8e8;
		   padding: 0;
		   margin: 60px 0 0 32px;
		   position: relative;}
				  
#cosalist ul.one {width: 154px;
                  height: auto;
                  list-style-type: none;
                  padding: 0;
				  margin: 0;
				  position: absolute;
				  top: 56px;
				  left: 0;}
				  
#cosalist ul.two {width: 110px;
                  height: auto;
                  list-style-type: none;
                  padding: 0;
				  margin: 0;
                  position: absolute;
				  top: 56px;
				  left: 164px;}
				  
#cosalist ul.three {width: 134px;
                    height: auto;
					list-style-type: none;
                    padding: 0;
					margin: 0;
                    position: absolute;
					top: 56px;
					left: 284px;}
					 
#cosalist li.blackone {width: 152px;;
                       height: 17px;
					   border: solid 1px #e8e8e8;
					   font-family: Arial, Helvetica, sans-serif;
					   font-size: 12px;
					   font-weight: bold;
					   text-decoration: none;
					   margin: 0 2px 0 0;
					   padding: 3px 0 0 8px;
					   display: block;}
					   
#cosalist li.blacktwo {width: 108px;;
                       height: 17px;
					   border: solid 1px #e8e8e8;
					   font-family: Arial, Helvetica, sans-serif;
					   font-size: 12px;
					   font-weight: bold;
					   text-decoration: none;
					   margin: 0 2px 0 0;
					   padding: 3px 0 0 8px;
					   display: block;}
					   
#cosalist li.blackthree {width: 132px;;
                         height: 17px;
					     border: solid 1px #e8e8e8;
					     font-family: Arial, Helvetica, sans-serif;
					     font-size: 12px;
					     font-weight: bold;
					     text-decoration: none;
					     margin: 0 2px 0 0;
					     padding: 3px 0 0 8px;
					     display: block;}
					
#cosalist li.blackone:first-letter {font-size: 13px;
                                    color: #e32321;}
#cosalist li.blacktwo:first-letter {font-size: 13px;
                                    color: #999;}
#cosalist li.blackthree:first-letter {font-size: 13px;
                                      color: #999;}

#cosalist li.darkone {background-color: #333;
                      width: 152px;
                      height: 17px;
				      border: solid 1px #333;
				      font-family: Arial, Helvetica, sans-serif;
				      font-size: 12px;
				      font-weight: normal;
				      text-decoration: none;
				      margin: 2px 2px 0 0;
				      padding: 3px 0 0 8px;}
					  
#cosalist li.darktwo {background-color: #333;
                      width: 108px;
                      height: 17px;
				      border: solid 1px #333;
				      font-family: Arial, Helvetica, sans-serif;
				      font-size: 12px;
				      font-weight: normal;
				      text-decoration: none;
				      margin: 2px 2px 0 0;
				      padding: 3px 0 0 8px;}
					  
#cosalist li.darkthree {background-color: #333;
                        width: 132px;
                        height: 17px;
				        border: solid 1px #333;
				        font-family: Arial, Helvetica, sans-serif;
				        font-size: 12px;
				        font-weight: normal;
				        text-decoration: none;
				        margin: 2px 2px 0 0;
				        padding: 3px 0 0 8px;}
				   
#cosalist li.liteone {background-color: #555;
                      width: 152px;
                      height: 17px;
				      border: solid 1px #555;
				      font-family: Arial, Helvetica, sans-serif;
				      font-size: 12px;
				      font-weight: normal;
				      text-decoration: none;
				      margin: 2px 2px 0 0;
				      padding: 3px 0 0 8px;}
				   
#cosalist li.litetwo {background-color: #555;
                      width: 108px;
                      height: 17px;
				      border: solid 1px #555;
				      font-family: Arial, Helvetica, sans-serif;
				      font-size: 12px;
				      font-weight: normal;
				      text-decoration: none;
				      margin: 2px 2px 0 0;
				      padding: 3px 0 0 8px;}
				   
#cosalist li.litethree {background-color: #555;
                 	    width: 132px;
                  	    height: 17px;
				   		border: solid 1px #555;
				   		font-family: Arial, Helvetica, sans-serif;
				   		font-size: 12px;
				   		font-weight: normal;
				   		text-decoration: none;
				  		margin: 2px 2px 0 0;
				  		padding: 3px 0 0 8px;}
						
#formtitle {width: auto;
			height: auto;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: normal;
			color: #e8e8e8;
			padding: 0;
			margin: 25px 0 0 27px;}						
						
#form{background-color: #333; 
      border: solid 1px #e32321;
	  width:435px;
	  height:auto;
	  padding:0;
      margin: 15px 0 0 26px!important;
	  margin: 15px 0 0 13px; 
	  float:left;
	  overflow: hidden;}

#data{margin:0;
	  padding:13px 15px 0 17px;
	  width:210px;
	  height:auto;
	  overflow:hidden;
	  float: left;}
	  
#scroll{margin:15px 0 10px 20px;
	    padding:5px 0 0 0;
		width:155px;
		height:172px; 
		overflow:auto;
		float:left;}
		
#scroll p {padding:0 5px 0 0;}
		 
#privacy{margin:0 0 0 20px;
		 padding: 10px 0 0 0;
         width:160px;
		 height:90px;
		 overflow:hidden;
		 float:left;}
			  
			  
/***********  Left Footer   **************/				  
		   
#bottomleft {border: solid 2px #e32321;
             width: 498px;
			 height: 33px;
			 padding: 0;
			 margin: 0;
			 float: left;
			 position: relative;}
			 
#copyright {width: 230px;
            height: auto;
			font-size: 11px;
			color: #e32321;
			padding: 9px 0 0 22px;;
			margin: 0;
			float: left;}
			
#contatore {width: 140px;
            height: 14px;
			font-size: 11px;
			color: #e32321;
			padding: 0 1px;
			margin: 9px 0 0 12px;
			float: left;}
			
#webmaster {background: #000;
            width: 93px;
            height: auto;
			font-size: 11px;
			color: #e32321;
			padding: 2px 0 2px 22px; 
			margin: 0;
			position: absolute;
			top: 8px;
			left: 250px;}
			
#webmaster a {font-size: 11px;
			  color: #e32321;
			  text-decoration: underline;
			  padding: 0;
		      margin: 0;}
			  
#webmaster a:hover {color: #e8e8e8;
                    text-decoration: none;}		  
		 
/*******************/
/* Right side Divs */

#logo {background: url(images/logo.jpg) no-repeat 0 0;
       border-bottom: solid 2px #e32321;
       width: 314px;
	   height: 148px;
	   padding: 0;
	   margin: 6px 0 0 0;}
	   
/*****************************************/

#homecontentright {width: 292px;
				   height: 278px;
				   padding: 0;
				   margin: 60px 0 0 22px;}
				   
#rightlist {width: 282px;
            height: 320px;
			padding: 0;
			margin: 0;}
				   
#rightlist ul {list-style-type: none;
               padding: 0;
               margin: 0;}
			   
#rightlist li {background: url(images/red.gif) no-repeat 0 6px!important;
               background: url(images/red.gif) no-repeat 0 9px;
               font-family: Arial, Helvetica, sans-serif;
			   font-size: 12px;
			   font-weight: normal;
			   color: #e32321;
			   padding: 0 0 0 20px;
			   margin: 0 0 20px 0!important;
			   margin: 0 0 16px 0;}
			   
#rightlist li a {font-family: Arial, Helvetica, sans-serif;
			     font-size: 12px;
			     font-weight: normal;
			     color: #e8e8e8;
				 text-decoration: none;
			     white-space: pre;
			     padding: 0;
			     margin: 0;}
				 
#rightlist li a:hover {color: #e32321;}	

#inforight {width: auto;
			height: auto;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #e8e8e8;
			padding: 0;
			margin: 25px 0 0 27px;}
			
#inforight img a {background: url(images/envelope.gif) no-repeat 0 0;
                  padding: 0;
                  margin: 0 10px 0 0;
				  text-indent: -9999px;
				  text-decoration: none;}
				  
#inforight img a:hover {background: url(images/envelope_hover.gif) no-repeat 0 0;}
			
#inforight a{font-family: Arial, Helvetica, sans-serif;
			 font-size: 12px;
			 font-weight: bold;
			 color: #e8e8e8;
			 text-decoration: none;
			 padding: 0;
			 margin: 0;}   
			 
#inforight a:hover {color: #e32321;}
	   
/***********  Right Footer  **************/		   
	   
#bottomright {border: solid 1px #c8c8c8;
              width: 285px;
			  height: 26px !important;
			  height: 32px;
			  font-size: 11px;
			  color: #e8e8e8;
			  padding: 9px 0 0 22px;
			  margin: 0 0 0 5px;
			  float: left;}
			  
#bottomright a {width: 300px;
                height: auto;
				font-size: 11px;
				color: #e8e8e8;
				text-decoration: underline;
				padding: 9px 0 0 4px;
				margin: 0;}
				
#bottomright a:hover {color: #e32321;
                      text-decoration: none;}