#colonna-sx {
	float:left; 
	width:180px;

	 
}
#colonna-sx a{ text-decoration:none; color:#000000;
}

#colonna-dx { margin-right: -2px; }

#principale { 
float:left; 
width:520px; 
background:	#FFF; 
color:#000;

}



#colonna-dx {
	float:left; 
	color:#000;
	width:260px;

}

div#tab1 {border-bottom: 1px solid #d3d3d3; padding-left: 20px; font-size:11px; text-transform: uppercase; font-weight:bold; margin-top:11px;  }
div#tab1 ul{list-style-type: none;margin: 0;padding: 0;white-space: nowrap}
div#tab1 li { display: inline; margin: 0;padding:0; border: 1px solid #d3d3d3; padding: 0px 0.3em; margin-right:10px;}
div#tab1 li#activelink {border-bottom: 1px solid #fff; background-color: #fff;color: #603}
div#tab1 li  a{ color:#000000}

#tab1.artform ul li#activelink a{color:#dc0b0b; text-decoration:none }
#tab1.bodycode ul li#activelink a{color: #005b92; text-decoration:none }
#tab1.artform ul li#activelink{color:#dc0b0b; } 

     



#menu-sx {
 border:1px solid #d3d3d3;
 border-top:0;
 font-family: Arial, Helvetica, sans-serif;  
 font-size:10px; 
 text-transform: uppercase;    
 font-weight:bold;
 padding-bottom:5px;
 
 
 }

.quadro { font-size:20px; line-height:18px; margin:0 3px; float:left }


#menu-sx ul{    
 list-style:none;    
 margin:0;    
 padding:0;

 }

#menu-sx ul li { height:20px; margin:0 2px 0 0; border-top: 1px solid #f6f6f6; background-image:url(../images/bg_li_mn_sx.gif); }
#menu-sx ul li a { text-decoration:none; line-height:19px; height:20px; color:#000000; }

#menu-sx.artform ul li { border-bottom:1px solid #89a7d7;}
#menu-sx.artform ul li a:hover { display:block; background-image:url(../images/bg-hv-artform.gif); color:#FFFFFF;     }
#menu-sx.artform ul li a.active {  display:block; background-image:url(../images/bg-hv-artform.gif); color:#FFFFFF }

#menu-sx.bodycode ul li { border-bottom:1px solid #89a7d7;}
#menu-sx.bodycode ul li a:hover { display:block; background-image:url(../images/bg-hv-bodycode.gif); color:#FFFFFF;     }
#menu-sx.bodycode ul li a.active {  display:block; background-image:url(../images/bg-hv-bodycode.gif); color:#FFFFFF }



.menu a {
		border:none;
		font-weight:normal;
	}

/* Actual menu CSS starts here */
	.menu,
	.menu ul {
		margin:0;
		padding:0;
		list-style:none;

	}
	.menu {		 
		border:1px solid #d3d3d3;
		border-top:0;
		
		}
		
	.menu li {	    
		display:block;
		margin:0;
		padding:0;
		margin-bottom:1px;
		
	}
	.menu a {
		display:block;
		color:#000;
		border-top: 1px solid #f6f6f6; background-image:url(../images/bg_li_mn_sx.gif);
		text-decoration:none;
		height:20px;
		line-height:20px;
	}
	.menu a:hover,
	.menu a:focus,
	.menu a:active {background-image:url(../images/bg-hv-artform.gif); color:#FFFFFF;}
	.menu ul li {padding-left:10px;}
	.menu ul a {}
	.hidden {display:none;}



#box-sx {
width:180px;
margin:10px 0;
}

#titolo {background-image:url(../images/bg-hv-artform.gif); height:20px; color:#000000; font-weight:bold; text-transform:uppercase; line-height:20px; padding:0 5px;}
#titolo.bodycode {background-image:url(../images/bg-hv-bodycode.gif); color:#FFFFFF}

#box-sx #contenuto {padding-top:5px; background:url(../images/bg_ct_col_sx.gif) repeat-x top;}

#box-sx #contenuto .foto { border:1px solid #d3d3d3;  width:126px; padding:2px; margin:0 0 0 3px;}

#box-sx #contenuto #video { width:126px; height:95px; border:1px solid #d3d3d3; padding:2px; overflow:hidden; position:relative; margin:0 0 5px 0 }

#box-sx #contenuto #video .play { z-index:1; position:absolute; width:30px; height:30px;  top:32%; left:35%;  filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}


#centro #video {border:1px solid #d3d3d3; background: #333333; padding:4px; overflow:hidden; position:relative; margin:0 0 5px 0; width:230px; float:left; margin: 10px 10px 0 0 }
#centro #video-thumbs {border:1px solid #d3d3d3; background: #333333; padding:4px; overflow:hidden; position:relative; margin:0 0 5px 0; width:100px; float:left; margin: 10px 10px 0 0 }
#centro #video-thumbs a{ color:#FFFFFF}
#centro #video-thumbs .play { z-index:1; position:absolute; width:35px; height:35px;  top:30%; left:35%;  filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
#centro #video-big { background: #333333; padding:4px; overflow:hidden; position:relative;margin-top:10px; margin-bottom:10px;}
#centro #video-big  .titolo { color:#FFFFFF; height:20px; text-align:center; overflow:hidden; line-height:20px;   }
#centro #video .play { z-index:1; position:absolute; width:50px; height:50px;  top:40%; left:40%;  filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}


#centro #video .titolo {width:200px; height:15px; text-align:center; overflow:hidden; }
#centro #video .titolo a{ color:#FFFFFF}


#caratteristiche {
 font-size:10px; 
 text-transform:capitalize;    
 font-weight:bold;
}

#caratteristiche ul {
 list-style:none;    
 margin:0;    
 padding:0;
}

#caratteristiche ul li { height:30px }
#caratteristiche ul li a{ text-decoration:none; color:#000000;  }
#caratteristiche ul li a:hover{ text-decoration:none; color:#CC0000;  }

#caratteristiche ul li .quadro { font-size:20px; line-height:15px; margin:0 5px; float:left }



#caratteristiche ul li a.active { color:#CC0000 }




#centro{ width:500px; margin:13px auto; }
#percorso {border-bottom:1px solid #d3d3d3; margin-bottom:10px; font-weight:bold}
#percorso a { color:#000000; text-decoration:none;}
#percorso.artform {color:#dc0b0b;}
#percorso.bodycode {color: #005b92;}


#centro #descrizione { text-align:justify; font-size:11px;  padding:0px 0 5px 0;}
#centro #descrizione a { color:#000000}


#centro #descrizione .mc-titolo { border-bottom:1px solid #d3d3d3}
#centro #descrizione .titoloevento { border-bottom:1px solid #d3d3d3; color:#dc0b0b; font-size:12px; font-weight:bold;}
#centro #descrizione .mc-riga { background:url(../images/bg-mc-riga.gif) top repeat-x; height:80px; padding-top:5px}
#centro #descrizione .mc-eventoriga { background:url(../images/bg-mc-riga.gif) top repeat-x; height:100px; padding-top:5px; font-size:12px;}
#centro #descrizione .mc-eventoriga-detail { background:url(../images/bg-mc-riga-detail.gif) top repeat-x; min-height:600px; padding-top:5px; font-size:12px;}



#centro #istruttore {
background:#FFFFFF;
text-align:justify;  
 border:1px solid #d3d3d3;
 border-top:0;
 font-size:11px;
 padding:5px;
 min-height:200px;
 height:100%;
 }
 
#centro #studio {  
 border:1px solid #d3d3d3;
 border-top:0;
 padding:5px;
 height:100%;
 background:url(../images/bg-studio.gif) repeat-x top;
 }

#centro #studio .riga {padding:5px 0;border-bottom: 1px solid #d3d3d3; }

#centro #studio a {color:#005b92;}
#centro #studio a:hover {color: #CC0000;}


#centro .foto {
		width:498px;
		overflow:hidden;
		position:relative;
		border:1px solid #d3d3d3;
		margin-bottom:10px;	

}

.foto1 { margin-right:5px; float:left;}
.foto2 { padding:2px; border:1px solid #d3d3d3}

.foto3 { background:#d3d3d3; float:left; padding:4px; margin:5px; border:1px solid #999999}
.foto4 { float:left; background:#d3d3d3;  padding:4px; margin:5px; margin-right:10px; border:1px solid #999999}




#menu { 
 border:1px solid #d3d3d3;
 border-top:0;
 font-family: Arial, Helvetica, sans-serif;  
 font-size:10px;    
 font-weight:bold;
 padding:5px;

}



#menu ul {list-style: none; margin:0; padding:0;}
#menu ul li  { height:60px; color:#000000; text-decoration:none; margin-bottom:5px; }

#menu.blue ul li {background:url(../images/bg_blue_li_mn_dx.gif);}
#menu.artform ul li {background:url(../images/bg_li_mn_dx.gif); border-bottom:1px solid #89a7d7;}
#menu.istruttore ul li {background:url(../images/bg_li_mn_dx_istr.gif); border-bottom:1px solid #89a7d7; height:110px; font-size:11px;}


#menu ul li a { color:#000000; text-decoration:none; display:block;  height:60px;  }
#menu.artform li a:hover{ color:#000000; background:url(../images/bg_li_hv_mn_dx.gif); }
#menu.istruttore li a:hover{ color:#000000; background:url(../images/bg_li_hv_mn_dx_istr.gif); height:100px;}
#menu.blue li a:hover{ color:#000000; background:url(../images/bg_blue_li_hv_mn_dx.gif); }
	
#menu .foto {	
	float:left; 
	border:1px solid #CCCCCC; 
	margin:0px 5px 5px 0px;
	overflow:hidden;
	position:relative;
	width:76px;	
	height:53px;
	
}

#box { 
 border:1px solid #d3d3d3;
 border-top:0;
 padding:5px;
 background:url(../images/bg-studio.gif) repeat-x bottom;

 }

#box-contatti { 
 border:1px solid #d3d3d3;
 border-top:0;
 padding:5px;
 background:url(../images/bg-studio.gif) repeat-x bottom;
 height:250px;
 margin-bottom:35px;
 }
 

 
#box-contatti .riga { margin:10px 0;} 
#box-contatti .riga a{color:#005b92;}
#box-contatti .riga a:hover {color:#cccccc;}

#util {list-style-type:none; margin:0; padding:0;text-transform:uppercase}
#util  li { margin:0px 2px 5px 0;  }
#util  li .quadro { font-size:20px; line-height:12px; margin:0 3px 0 0; float:left }


<!--
#galleria { }

#galleria a {
	float:left;
	display:block;
	margin:2px;
	padding: 2px;
	border: 1px solid #d3d3d3;
}

#galleriafoto {
	clear: left;
	
	
	
	
}

#galleriafoto .fotogallery {
	position:absolute;
	overflow:hidden;
	padding: 3px;
	float:left;
	border: 1px solid #cccccc;
	
}



/* Actual menu CSS starts here */
	
	#menu2 {border:1px solid #d3d3d3; border-top:0;}
	
	#menu2 ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	
	#menu2 ul li {
		 
		display:block;
		margin:0;
		padding:0;
		margin-bottom:1px;
		
	}
	
	
	#menu2 ul li  a {
		display:block;
		color:#000;
		border-top: 1px solid #f6f6f6; background-image:url(../images/bg_li_mn_sx.gif);
		text-decoration:none;
		height:20px;
		line-height:18px;
	}
		
	#menu2 ul li.categoria a {background-image:url(../images/bg-hv-artform.gif); color:#FFFFFF; color:#000000; font-weight:bold; text-transform:uppercase}
	#menu2 ul li.sotto-categoria a { padding-left:10px; color:#FFFFFF; color:#000000; font-weight:bold; text-transform: capitalize}
	#menu2 ul li.sotto-categoria a:hover { color:#FF0000}
	#menu2 ul li#active a { color:#FF0000}
	.hidden {display:none;}



#shop  { height:75px; padding:5px; overflow:hidden; background: #FFFFFF url(../images/bg-acquista.gif) bottom repeat-x; border:1px solid #9ab3dc; font-size:10px; margin: 10px 0}
#shop #foto { float:left; height:70px; width:100px; overflow:hidden; border:1px solid #9ab3dc; margin-right:5px;}
#shop #option { width:95px; height:50px; overflow:hidden; float:left}
#shop #option2 { width:120px; height:70px; overflow:hidden; float:left; }

#shop #option, #option2 .nome { border-bottom:1px solid #9ab3dc; text-transform:uppercase; margin-bottom:5px; text-align:center}
#shop #option  .colore { width:100px;  font-size:10px;}
#shop #option2 .colore { width:100px; font-size:10px; }
#shop #option .prezzo { font-weight:bold; color:#FF3300; text-align:center; font-size:12px;}
#shop #option2 .prezzo { font-weight:bold; color:#FF3300; text-align:center; font-size:12px; line-height:45px}

#shop #option, #option2 .quantita { width:30px; font-size:10px; margin-left:30px}

#shop #option2 .quantita { width:30px; font-size:10px; margin-left:40px; margin-top:10px;}

#shop #add { height:19px; line-height:19px; font-weight:bold;}

#shop #option3 { width:150px; height:70px; overflow:hidden; float:left; }
#shop #option3 .nome { border-bottom:1px solid #9ab3dc; text-transform:uppercase; margin-bottom:5px; text-align:center}
#shop #option3 #add { margin-top:15px; height:19px; font-weight:bold;}


#carrello { border:1px solid #9ab3dc; font-size:10px; margin: 10px 0; padding:5px; min-height:100px;height: auto !important; height:100px;}
#carrello #option { width:123px;  overflow:hidden; float:left;}

#carrello #option .nome { border-bottom:1px solid #9ab3dc; text-transform:uppercase; margin-bottom:5px; text-align:center}
#carrello #option .prezzo {font-weight:bold; text-align:center; font-size:12px;}

#carrello #option .testo { font-weight:bold; color:#FF3300; text-align:center; font-size:12px;}



#carrello #menu-carrello {margin:10px; font-size:12px; clear:left }

#carrello #menu-carrello a { color:#000 }
#carrello #menu-carrello a:hover { color:#FF3300; }






#cliente { border:1px solid #9ab3dc; font-size:11px; margin: 10px 0; padding:5px; min-height:280px;height: auto !important; height:280px;}
#cliente #option { width:240px;  overflow:hidden; float:left;  text-align:center}
#cliente #option1 { width:120px;  overflow:hidden; float:left;  text-align:center}
#cliente #option2 { width:360px;  overflow:hidden; float:left;  text-align:center}
#cliente #option3 { width:720px;  overflow:hidden; float:left;  text-align:center}
#cliente .input { width:200px; margin:5px 0 15px 0; background: #EEEEEE; border:1px solid #d3d3d3; }
#cliente .input1 { width:100px; margin:5px 0; background: #EEEEEE; border:1px solid #d3d3d3; }
#cliente .input2 { width:320px; margin:5px 0; background: #EEEEEE; border:1px solid #d3d3d3; }
#cliente .input3 { width:680px; margin:5px 0; background: #EEEEEE; border:1px solid #d3d3d3; }



#cliente #option .nome { border-bottom:1px solid #9ab3dc; text-transform:uppercase; margin-bottom:5px; text-align:center}
#cliente #option1 .nome { border-bottom:1px solid #9ab3dc; text-transform:uppercase; margin-bottom:5px; text-align:center}
#cliente #option .prezzo {font-weight:bold; text-align:center; font-size:12px;}

#cliente #option .testo { font-weight:bold; color:#FF3300; text-align:center; font-size:12px;}



#cliente #menu-carrello {margin:10px; font-size:12px; clear:left }

#cliente #menu-carrello a { color:#000 }
#cliente #menu-carrello a:hover { color:#FF3300; }