@charset "UTF-8";

/* CSS Document */

/*LAYOUT posizione elementi nello spazio */

/*COLORE  Definisco le regole per il corpo del documento */
 
body { 
	background-color:#000000; 	
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:13px; 
	color:#FFFFFF;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */ 
	/*text-align:center;
	width:960px;
	margin-left:auto;
	margin-right:auto;*/ 
	margin:0px;
}


/************************************/

#contenitore { /*contenitore di tutti i div della pagina*/
	background:#000000; /* Sfondo */
	height:580px;
	top:0px;
	z-index:1;		 	
	position: relative; /* l'aggiunta di position: relative consente di posizionare due barre laterali relative al contenitore */
	width: 960px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: justify; /* sostituisce l'impostazione text-align: center nell'elemento body. */
}

.animazione {float: right; margin: 5px; padding:10px;}

.gallery {float: right; margin: 5px; padding:10px;}

#intestazione {
	background: #000000;
	width: 960px;
	heigth:155px;
	position: absolute;
	top: 21px;
	left: -7px;
	height: 165px;	 /*background-image:url(../immagini/seminari_02.jpg);
	 background-repeat:no-repeat;
	 background-position:center;*/
}

#tabellaHeader{
	 width: 960px;
	 heigth:155px; 
	 position: absolute; 
	 top: 0px;	 
	 left: 0px;
	 /*background-image:url(../immagini/seminari_02.jpg);
	 background-repeat:no-repeat;
	 background-position:center;*/
}

/**********  definisco lo stile dell' header scorrevole **********/

.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

.qslide {
	background: #f0f0f0;
	font-size: 10pt;
	padding: 3px;
}

#qscroller2 {
	width:700px;
	height:140px;
	/*border:1px solid #c0c0c0;*/
	background:#000000;
}

.qscroller2-nav {
	font-size: 9pt;
	width:700px;
	height: 14px;
	background:#000000;
	/*border:1px solid #c0c0c0;*/
	
}

.qscroller2-nav a {
	text-decoration: none;
	color:#FFFF00;
}
/*FRECCIA SINISTRA*/
.qscroller2-nav div {
	float: right;
	top:15px;
	left:30px;
}


.qslide2 img {
	float: left;
	padding: 1px;
	/*border: 1px solid #00ffff;
	margin: 3px 3px 3px 3px;*/
}

.qslide2 h1 {
	margin:0 0 5px;
	font-size: 110%;
	color: #16387c;
}

/**********  fine header scorrevole **********/


#tdHeaderSinistro {
background-image:url(../immagini/logo_black_new.jpg);
background-position:top center;
background-repeat:no-repeat;
width:100px;
height:124px;	
}

/*LINK HOME IN ALTO ALLA PAGINA*/
#tdHeaderSinistro a {
	display:block;
	position:absolute;
	width:86px;
	height: 113px;
	top:0px;
	left:3px;

}
/*#home{
background: url(../immagini/home.png) no-repeat;
background-position:center top;
}
#home a{
display:block;
position:absolute;
width:60px;
height:17px;
top:100px;
left:20px;
}

fine LINK HOME IN ALTO ALLA PAGINA*/


#tdHeaderDestro {
background-image:url(../immagini/cmc_bio2.jpg);
background-position:top right;
background-repeat:no-repeat;
width:124px;;
height::135px;
}


#menu {
	background: #000000;
	font-family:Arial, Helvetica, sans-serif;
	width: 960px;
	position: absolute;
	top: 180px;
	left: 10px;
	z-index:3;
}

#quadroTxt {
	background: #000000;
	width: 900px;
	height:350px;
	position: absolute;
	top: 322px;
	left: 30px;
	z-index:4;
}


/*QUADRO BIANCO
#contenitoreVideo {
	position:absolute;
	width:500px;
	height:400px;
	left: 200px;
	top: 225px;*/
	/*background-image:url(../immagini/tao_sfumato.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#000000;
	
	margin-bottom:5px;
	padding:4%;
	z-index:99;
	/*CSS3
	border:2px solid #FFFFFF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:500px;
	height:400px;
	top:29px;
}*/


/*colonnna destra dove c'è il testo*/
#right {float:right;padding:0 65px 0 20px;width:650px; height:350px; /*border:solid #000000 thin;*/ padding-top:10px;z-index:5;}

/*colonnna sinistra dove c'è il menu secondario*/
#left {margin-left:20px;width:230px;height:400px;/* border:solid #FFFF00;*/z-index:6; background-image:url(../immagini/scritta_taichi.jpg); background-repeat:no-repeat;}

#footer {width:100%; background-color:#000000; top:600px; z-index:100;padding-top:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

/************************************/





/*TIPOGRAFIA*/

/* Titolo di primo livello */
h1 { color:#FFFF00; font-size:16px;}
h2 { color:#FFFF00; font-size:14px;}
h3 { color:#FFFF00; font-size:12px;}
h4 { color:#FFFF00; font-size:10px;}
h5 { color:#FFFF00; font-size:9px;}

/* Titolo enfasi */
em { color:#FFFFFF; font-size:11px;}

.linkInattivo { color:#FFFF00; font-size:13px; font-style:italic; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}

.linkVideo { color:#CCFF00; font-size:13px; font-style:italic; /*font-weight:bold;*/ font-family:Georgia, "Times New Roman", Times, serif;}
.titoliGallery { color:#CCFF00; font-size:13px; font-style:italic; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}


.linkNavInattivo { color:#FFFF00; font-size:13px; font-family:Arial, Helvetica, sans-serif;}

.titoliTabella { color:#FFFF00; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}


/* Paragrafo generico */
p { color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:18px;
	
}

.privacy { color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; line-height:16px;
	
}

/* Visualizzazione links */
a {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 13px;
   text-decoration: none;
   color: #FFFFFF;
   width:188px;
   margin:0px 5px 0px 0px;
   padding:6px; }
   
a.linkMenu:hover {
	border-bottom:thin solid #FFFFFF;
	color: #FFFFFF; 	
	/*border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:thin;  
   	background-color: #FFFFFF;*/}

a.linkCol{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style:italic; text-decoration: none; color: #FFFF00;
   width:188px; margin:0px 5px 0px 0px; padding:6px;  } 
a.linkCol:hover { text-decoration:underline; }

a.linkLinks{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style:italic; text-decoration: none; color: #FFFFFF;
   width:188px; margin:0px 5px 0px 0px; padding:6px; line-height:20px;  } 
a.linkLinks:hover { text-decoration:underline; color:#FFFF00; }


a.linkGallery{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style:italic; text-decoration: none; color: #FFFF00;
   width:188px; margin:0px 5px 0px 0px; padding:6px;  } 
a.linkGallery:hover { text-decoration:underline; }

a.linkVideo:hover { color:#CCFF00; font-size:12px; font-style:italic; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:underline;}


/* Visualizzazione separatori */
#hr{color: #FFFF00; }

/* Visualizzazione lista */
ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none; }

ul.listaCol li  { float:none; margin:0px 5px 0px 0px; padding:7px;} /* Visualizzazione lista del menu colonna sinistra */

li.listaDvd  { float:none; list-style-type:circle; padding: 0;
margin-left: 2em;} /* Visualizzazione lista del menu colonna sinistra */


li { float: left; }

