@charset "utf-8";
/* CSS Document 
   Andrea Lavorato studio web */   
   
/* Generali */

BODY  { margin: 0px; background-color:#AFA68D; background-image:url(../img/BG.jpg); background-repeat:repeat-x;
			 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
			                scrollbar-base-color: #F0F0F0; scrollbar-face-color: #F0F0F0; scrollbar-track-color: #F0F0F0;
							  scrollbar-highlight-color:#F0F0F0; scrollbar-3dlight-color: #F0F0F0; 
							   scrollbar-arrow-color: #333333; scrollbar-shadow-color: #F0F0F0;
								scrollbar-darkshadow-color: #F0F0F0  }

img.DESTRA { position:absolute; right:0px; top:156px; z-index:-1 }
img.SINISTRA { position:absolute; left:0px; top:163px; z-index:-2 }
HR { margin:2px 0px 2px 0px;  height:1px; border:none; color:#CCC; border-style:dotted}


a.opacity img { filter:alpha(opacity=80); moz-opacity: 0.5; opacity: 0.5; border:1px #C6CED5 solid;} 
a.opacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:1px #C6CED5 solid; } 

IMG { border:1px #333333 thin }

H1    { color:#FFCC00; text-align:left; font-variant:small-caps; padding-top:20px; padding-left:25px; text-decoration:underline}
#Left { float:left }



/* Layout INDEX */

#Tabellone {width:739px;  margin:0 auto; border-left:1px #000000 solid; border-right:1px #000000 solid;}
#Header { height:181px; background-image:url(../img/SfHeader.jpg); background-repeat:no-repeat; border-bottom:1px #C6CED5 solid; background-color:#FFFFFF}
  #HeaderSX { width:430px; float:left}
    #HeaderDX { width:242px; height:32px; background-image:url(../img/SfMenuAlto.jpg); background-repeat:no-repeat; float:right;  background-color:#0099CC }

#RigaMenu { height:48px; border-bottom:1px #C6CED5 solid;}
#RigaMenu2 { height:22px; border-bottom:1px #FFFFFF solid; background-color:#E5422B}
#MegaMain { width:727px; background-color:#F7F7F7; margin:0 auto; border-left:1px #333333 solid; border-right:1px #333333 solid; }
#MainContenuti { height:800px; width:707px; margin:0 auto; background-image:url(../img/MainOr2.jpg); background-repeat:repeat-y; margin-top:10px;}


#MegaMainBMK { width:727px; background-color:#F7F7F7; margin:0 auto; border-left:1px #333333 solid; border-right:1px #333333 solid; height:800px; }
/*  ###############################   Layout MAIN ############################### */


#ColonnaDX { width:176px;  float:right; margin-right:1px;}

.BoxMainDescrizione { border-bottom:1px #CCCCCC solid; color:#DFD0A4; font-variant:small-caps;  font-size:10px; font-weight:bold; padding:2px 0px 5px 3px; margin-right:5px; }

#MainRiga1 { height:195px; border-bottom:1px #CCCCCC solid;}
 #ColonnaSXMainRiga1  { width:266px; height:186px; border-right:1px #CCCCCC solid; float:left}
 #ColonnaDXMainRiga1  { width:241px; height:186px;  float:left}
 
#MainRiga2 { height:191px; border-bottom:1px #CCCCCC solid; margin-top:5px;}
 #ColonnaSXMainRiga2  { width:366px; height:186px; border-right:1px #CCCCCC solid; float:left}
 #ColonnaDXMainRiga2  { width:141px; height:186px;  float:left}
 
 
#MainRiga3 { height:195px; border-bottom:1px #CCCCCC solid; margin-top:5px;}
   #ColonnaSXMainRiga3  { width:266px; height:186px; border-right:1px #CCCCCC solid; float:left}
    #ColonnaDXMainRiga3  { width:241px; height:186px;  float:left}
   
  
  




/* Layout TITOLI*/
.VociMenuDX { border-bottom:1px #000000 dashed; color:#FFFFFF; font-variant:small-caps; font-weight:bold; font-size:11px; 
                 text-align:right; padding:5px 0.5em 5px 0px; background-image:url(../img/SfondoVociMenuSX.jpg); background-repeat:repeat-y}
				 
.ElenchiMenuDX { border-bottom:1px #6D82A7 solid;  padding:5px 0.2em 5px 0px; text-align:right;}
 .ElenchiMenuDX:HOVER{ background-image:url(../img/SfondoElenchiMenuHoverv.jpg); background-repeat:repeat-y;}

.ElenchiMenuDX A{ color:#342021;   font-size:10px; text-align:right; text-decoration:none}
.ElenchiMenuDX A:HOVER{ color:#FFFFFF;}
 
  






#ScrollProgettoMain{height:150px;text-align:left; padding:5px 0.8em 5px 5px;
                    overflow:scroll; overflow:auto;
                     }
						
#ScrollElencoCorsi{text-align:left; padding:15px 10px 2px 2px; }
#ScrollElencoInterno{text-align:left; padding:15px 10px 2px 2px; overflow:scroll; overflow:auto }
#NewsSX{ width:300px; height:250px;overflow:scroll; overflow:auto; text-align:left; padding:5px 5px 15px 2px; float:left }
#NewsDX{ width:180px;  height:250px;overflow:scroll; overflow:auto; text-align:left; border-left:1px #CCCCCC solid; padding-left:5px}
 #NewsRiga2Cont{ clear:left;height:195px; border-top:1px #CCCCCC solid; margin-top:10px}
						
#ScrollLineeCorsi{height:150px;text-align:left; padding:5px 0.2em 5px 5px;
                    overflow:scroll; overflow:auto;
                    }

#ScrollElencoNews{height:180px;text-align:left; padding:15px 10px 2px 2px;
                    overflow:scroll; overflow:auto;
                     }						

#ScrollNewsPrincipale {height:150px;text-align:left; padding:5px 0.2em 5px 5px;
							overflow:scroll; overflow:auto;
							 }


#CorsiElencoInterno{text-align:left; padding:0px 0px 5px 5px; }



	



.ElenchiFreccia
{ 
border-bottom:1px #6D82A7 solid;  padding:3px 0.2em 5px 0px; background-image:url(../img/freccia2.jpg); background-repeat:no-repeat; background-position: 100% 50%
}	
.ElenchiFreccia A{ color:#CCCCCC;   font-size:10px; text-align:right; text-decoration:none}
.ElenchiFreccia:HOVER { border-bottom:1px #6D82A7 dotted; 
 background-image:url(../img/freccia.jpg); background-repeat:no-repeat; background-position: 100% 50%}				   



.TitoloNews { color:#DFD0A4;}
.TitoloNewsPrincipale { color:#DFD0A4; font-size:12px}


.elencoDati { margin-bottom:3px;}
 .elencoDati A{ color:#FFFFCC}
   .elencoDati A:HOVER{ color:#CCCCCC}



				  
/* MENU SUPERIORE PRINCIPALE */

#menucontainerAlto { margin-left:0px; margin-top:7px; float:right;  width:230px }
#ContainerBoxCerca { margin-left:0px; margin-top:15px; margin-right:10px;float:right}
#ContainerSlogan { margin-left:0px; margin-top:0px; margin-right:10px;float:right}
#menucontainer { margin-left:0px; margin-top:15px; float:left}


#menucontainer A{float:left; color:#333333; font-weight:bold; font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif; 
                    text-decoration:none; padding-right:10px; font-style:italic;font-variant: small-caps;}
#menucontainer A:HOVER{color:#FFCC00;}


#menucontainer2 { margin-right:10px; margin-top:8px; float:right}

#menucontainer2 A{float:left; color:#F5F5F5; font-weight:bold; font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; 
                    text-decoration:none;  font-style:italic;font-variant: small-caps;}
#menucontainer2 A:HOVER{color:#525984;}


#Staff { border-bottom:1px #333333 dotted; padding:5px 0px;  background-image:url(../img/giu.gif); background-repeat:no-repeat; background-position: 90% 50%}
#Staff:HOVER { background-image:url(../img/destra.gif); background-repeat:no-repeat; background-position: 90% 50%; background-color:#CCCCCC}

#Staff A{ font-variant:small-caps; font-size:11px; color:#333333; font-weight:bold; text-decoration:none}


/* ELENCO PUNTATO 
   Menù TOPALTO*/

ul.Menu_Alto li { list-style-type:none; float:left; padding-right:5px; padding-left:5px; border-left:1px #333333 dotted; font-size:11px}
ul.Menu_Alto li A {  text-decoration:none; color:#333333; font-weight:bold  }
ul.Menu_Alto li:HOVER {  border-left:1px #FFFFFF solid;}
ul.Menu_Alto li A:HOVER {color:#FFFFFF;}

/* ELENCO PUNTATO 
   Menù 3 Pulsanti*/

ul.Menu_Top li { list-style-type:none; float:left; padding-right:15px; padding-left:15px; border-right:1px #C6CED5 solid;}
ul.Menu_Top li A {  text-decoration:none; color:#FFFFFF;  }
ul.Menu_Top li:HOVER {  border-right:1px #DFD0A4 dotted;}
ul.Menu_Top li A:HOVER {color:#FFCC00;}

li A {text-decoration:none;color:#E5422B; font-weight:bold;}
ul li A:HOVER {text-decoration:underline;}



			 




#MappaEmilia  { text-align:center; margin-top:25px; z-index:-1}


/* FORM
----------------------------------------------- */
#form { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#FormContainer { text-align:left; margin-left:15px;}
 INPUT.campo {border:1px inset #FFF; background-color:#FF9C00; color:#333333; padding:1px 0px 1px 3px; }
 
  input.bottone {padding:0px; background-color:#3FFF333; color:#FFFFFF;  border:1px outset #FFF;  width:45px; height:20px; background-image:url(../img/submit.jpg)}
					 
   TEXTAREA.campo{border:1px inset #FFF; background:#8F5A2C; color:#CCCCCC; padding:2px; overflow:hidden; width:279px;font-style:italic}
   select.tendina {padding:0px; background-color:#3FFF333; color:#333333;  border:1px outset #FFF; font-size:9px}
   
.SpazioLoghiniHomeDx { width:140px; margin:auto; text-align:center; border-bottom:1px #666666 solid; margin-top:10px; padding-bottom:10px}

   
/* FOOTER
----------------------------------------------- */ 
   
#footerAlto {  background-color:#E5422B; height:155px; background-image:url(../img/footer/SfonfoFooter.jpg); background-repeat:repeat-x }
#footerSpazioSX { width:30px; float:left;  height:auto; text-align:left}

#footerSpazioDX { width:697px; float:left;  height:auto; text-align:left; background-image:url(../img/footer/piega.jpg); background-repeat:no-repeat; background-position:100% 0%; height:155px}

  #footerSpazioDX UL { width:132px; float:left;  margin-top:15px;}
   #footerSpazioDX UL LI.titolo { font-weight:bold;}
    #footerSpazioDX UL LI { padding-bottom:3px}
     #footerSpazioDX UL LI A { font-size:9px; color:#FFFFFF; text-decoration:none}
	 #footerSpazioDX UL LI A:HOVER {color:#FFCC00}



#footerCopyright {  background-color:#000000; height:auto; text-align:center; color:#CCCCCC; font-size:x-small}

