*                                       { margin: 0; padding: 0; }

p                                      { margin: 1.12em 0; }


body {
	  background: #681939; /* prugna */
      padding: 0;
      margin: 0;
      color: #fff;
      font: 12px 'Century Gothic', Arial, Helvetica, sans-serif;
     }

.container {
			display: block;
			width: 900px;
			margin: 0 auto 0;
			padding: 0 0 0 0;
			}



a, a img                                { border: 0; text-decoration: none; outline: 0; }

#page-wrap                              { width: 940px; padding: 15px; background: white; margin: 0 auto 50px; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

h1                                      { font: bold 60px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; }
h2                                      { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; }
h3                                      { font: 16px Georgia, Serif; margin: 0 0 10px 0; }  
h5                                      { font: 15px Georgia, Serif; text-align: center; }
pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }

xul                                      { margin: 0 0 25px 25px; }
xul xli                                   { font: 15px Georgia, Serif; margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 50px; behavior: url(ie-css3.htc); padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }




 /* MENU */
 
 #menu_css_orizzontale {
					    list-style: none; /* rimuoviamo i marcatori della lista */
						overflow: hidden; /* usiamo questo metodo per evitare che lo sfondo dellÕelemento contenitore collassa con elementi floatati */
						width: 900px;
						margin: 0; /* azzeriamo il margine Š richiesto per Internet Explorer */
						border-bottom: 3px solid #000;
						} 

#menu_css_orizzontale li { display: inline; } 

#menu_css_orizzontale a {				
						 display: block; /* convertiamo i link da elementi inline a elemento di blocco, per potere poi specificare altezza/larghezza */
						 float: left; /* usiamo la proprieta' float per allineare gli elementi orizzontalmente */
						 height: 28px;
						 margin-left: 0px;
						 margin-right: 0px;
						 background-color:#191919;
						 font: 15px 'Century Gothic', Arial, Helvetica, sans-serif;
						 font-weight: normal;
						 text-transform: uppercase; /* convertiamo i caratteri da minuscolo a maiuscolo */
						 text-decoration: none;
						 color: #fff;
                         line-height: 28px; /* allineiamo verticalmente il testo */
						 text-align: center;
						 padding: 0px;
						 border: 0px;
                        } 


#menu_css_orizzontale a:hover {
							  background-color: #3d3d3d; /* cambiamo il colore di sfondo dei link*/							
							  color: #b36987; /* ed il colore dei link stessi*/
                              } 

ul#menu_css_orizzontale li.level1 { float: left; }
        
ul#menu_css_orizzontale li.sub ul {
									display: none; 
									position: absolute; 
									margin-top: 27px;
									margin-left: 0px;
								  }
        
ul#menu_css_orizzontale li.sub:hover ul {
            							 display: block;
                                         border-bottom: 1px solid #fff;
                                         }
        
ul#menu_css_orizzontale li.sub:hover ul li {
            								display: block;
            								float: none;
            								margin: 0px 0; 
       										} 

#menu_css_orizzontale a.evi {
      						color: #b36987;
     						}	



/* Home */

font.titolo {
			font: 15px 'Century Gothic', Arial, Helvetica, sans-serif;
			color: orange;
			font-weight: bold;
			}  


#grayCircle {
			background: #3d3d3d; 
			-moz-border-radius: 50px; /* Firefox */
			-webkit-border-radius: 50px; /* Safari and Chrome */
			border-radius: 50px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
			behavior: url(ie-css3.htc); /* hack Internet Explorer */ 
			width: 50px; 
			height: 50px; 
			line-height: 25px; 
			margin-left: 10px;  
			margin-top: 30px; 
			font-size: 16px; 
			float: left;
			z-index: 1;  
			position: relative;
			} 

#grayCircle2 {
				background: #3d3d3d; 
				-moz-border-radius: 50px; 
				-webkit-border-radius: 50px;
				border-radius: 50px; 
				behavior: url(ie-css3.htc);
				width: 50px; 
				height: 50px; 
				line-height: 24px;
				margin-left: 10px; 
				margin-top: 30px; 
				font-size: 12px; 
				float: left;
				z-index: 1;  
			    position: relative;
				} 
			
.redCircle {
			background: #ff3333; 
			-moz-border-radius: 50px; 
			-webkit-border-radius: 50px; 
			border-radius: 50px;
			behavior: url(ie-css3.htc);
			width: 50px; 
			height: 50px; 
			line-height: 25px; 
			margin-left: 18px; 
			margin-top: 20px; 
			font-size: 16px; 
			float: left;
			z-index: 1;  
			position: relative;
			} 

#news {
	   float: left; 
	   width: 210px; 
	   margin-top: 25px; 
	   margin-left: 7px;
	   margin-right: 3px; 
	   text-align: justify;
	  } 

.date {
	   float: left; 
	   width: 210px; 
	   margin-top: 18px; 
	   margin-left: 7px;
	   margin-right: 3px;  
	   text-align: left;
	   font: 13px 'Century Gothic', Arial, Helvetica, sans-serif;
	   color: #fff;
	   } 
	  
#newsGray {
	      float: left; 
	      width: 260px;
	      margin-top: 10px; 
	      margin-bottom: 10px;
	      margin-left: 15px;
	      margin-right: 15px; 
	      color: #fff;
	      text-align: center;
	      } 
	  	  
#homeCol1 { 
		  width: 298px; 
		  border-right: 2px solid #000; 
		  background-color: #b36987; /* rosa */
		  height: 310px; 
		  text-align: center; 
		  float: left;
		  } 

#homeCol2 { 
		  width: 300px; 
		  border-right: 2px solid #000; 
		  background: #b36987; 
		  height: 310px; 
		  text-align: center; 
		  float: left;
		  } 

#homeCol3 { 
		  width: 298px;
		  background: #b36987;
		  height: 310px;
		  text-align: center;
		  float: right;
		  }
		  		  

#homeCol4 { 
		  width: 297px; 
		  border-right: 3px solid #681939; 
		  background: #681939; 
		  height: 250px; 
		  text-align: center; 
		  float: left;
		  }

#homeCol5 { 
		  width: 300px; 
		  border-right: 3px solid #681939; 
		  background: #681939; 
		  height: 250px; 
		  text-align: center; 
		  float: left;
		  } 
		  
#homeCol6 { 
		  width: 297px;
		  background: #681939;
		  height: 250px;
		  text-align: center;
		  float: right;
		  }
		  		  		  

/* Altre pagine */

font.tit {
		 font: 15px 'Century Gothic', Arial, Helvetica, sans-serif;
		 color: orange;
		 font-weight: bold;
		 border-bottom: 1px dotted orange;
		 }

#testi {
		width: 860px; 
		min-height: 290px;
		text-align: left; 
		float: left; 
		background-color: #b36987;  
		padding-left: 20px; 
		padding-right: 20px;
		font: 13px "Trebuchet MS";
		color: #fff;
	    }


/* */

#audio { 
		  width: 900px;
		  background: #191919;
		  height: 340px;
		  text-align: center;
		  float: right;
		  }
		  	

/* FORM PREVENTIVO */


#form-prev {
    		width: 490px;
    		margin: 30px auto;
    		background: #222;
    		padding: 25px;
   	 		overflow: hidden;
    		-moz-border-radius: 20px;
    		-webkit-border-radius: 20px;
    		border-radius: 20px; 
			}
 

label, input, textarea { 
						color: #dedede;
						float: left;    
						margin: 10px 0; 
						font-size: 13px;
						font-family: Verdana, sans-serif;
						}

label { 
      display: block; 
      line-height: 30px; 
      width: 150px; 
      }
 
input, textarea { 
				background: #1C1C1C; 
				border: 1px solid #323232; 
				color: orange; 
				height: 30px; 
				line-height: 30px;
				width: 290px; 
				padding-left: 20px;
			    }
 
 
textarea {     
     	  height: 200px;
		  width: 290px;
		  overflow: hidden; /* disabilitare la scrollbar in IE */
		  line-height: 30px;
	      }

select { 
		margin: 15px 0;
		color: orange; 
		background: #1C1C1C;
		 border: 1px solid #323232; 
		 width: 225px; 
		 height: 20px;
		 margin-right: 100px;
		 font-size: 12px;		 	
        }

/* Link secondari */

a.sec {
		font-weight: bold;
		color: orange;
	  }
	  
/* Footer */

#footer {
		width: 100%;
		background-image: url(images/footer_bg.png);
		height: 40px;
		float: left;
		text-align: center;
		line-height: 40px;
		color: #3d3d3d;
		}