/* Created by Corrado Del Buono - ©2007 All rights reserved. */

body { background-position: left top; color: #000000; background-color: #CCCCCC; 
font-family: Arial, Helvetica, sans-serif; font-size: 75%; 
background-image:url('body.png'); background-repeat:repeat-x; margin: auto;}
p {margin:0px 0px 10px 0px; text-align:justify;}
ul, ol {margin-top:10px; margin-bottom:10px;}
a {font-weight: bold; color:#404040; text-decoration:underline;}
a:hover {text-decoration:none;}
table {border: 1px solid #CCCCCC; margin: 20px 0px;}
td {border: 1px solid #CCCCCC; padding:2px;}
th {padding:2px; background-color:#606060; color:#FFFFFF; border: 1px solid #606060; text-align:left;}
caption {font-weight:bold; color:#990000;}

/* usato come classe di un div generico */
.formatoHTM {background-color:#F4F4F4; margin:10px 0px; text-align:left; font-family:"Courier New", Arial, sans-serif;}
.formatoHTM P {margin:0px;text-align:left; }

/* usato come classe di un div generico ARTICOLI PIU' PAGINE */
.PagineArticoli {border-top:1px solid #CCCCCC; margin:20px 0px; text-align:right;}
.PagineArticoli p {text-align:right;}

/* usato come classe di un div generico */
.anteprimacartoline {margin:0px; float:left;}
.anteprimacartoline a {width:250px; height:320px; margin:1px; padding:3px; border:1px solid #999999; background-color:#ffffff; float:left;}
.anteprimacartoline a:hover {border:1px solid #CC0000; background-color:#CC0000; float:left}

.modulocartolina table {border: 1px solid #CC0000;}
.modulocartolina td {border: 1px solid #FFFFFF; padding:2px;}
.modulocartolina p {margin:5px 0px;}

.anteprimamodelli {margin:0px; float:left;}
.anteprimamodelli a {width:250px; height:190px; margin:1px; padding:3px; border:1px solid #999999; background-color:#ffffff; float:left;}
.anteprimamodelli a:hover {border:1px solid #CC0000; background-color:#CC0000; float:left}


.anteprimafoto {margin:0px; float:left;}
.anteprimafoto a {width:250px; height:190px; margin:1px; padding:3px; border:1px solid #999999; background-color:#ffffff; float:left;}
.anteprimafoto a:hover {border:1px solid #CC0000; background-color:#CC0000; float:left}


.anteprimagiochi {margin:0px; float:left;}
.anteprimagiochi a {margin:1px; padding:3px; border:1px solid #999999; background-color:#ffffff; float:left;}
.anteprimagiochi a:hover {border:1px solid #CC0000; background-color:#CC0000; float:left}



h1 {clear:both; text-align:left; padding:10px 0px 10px 0px; margin:0px; font-size:170%; color:#CC0000;}
h2 {clear:both; text-align:left; padding:10px 0px; margin:0px; font-size:150%; color:#404040;}
h3 {clear:both; text-align:left; padding:10px 0px 5px 0px; margin:0px; font-size:130%; color:#990000;}
h4 {clear:both; padding:0px; margin:5px 0px; font-size:100%; color:#404040;}

.rientro {padding-left:40px;}
span.grassetto {font-weight:bold; color:#404040;}
.notelegali {border-bottom: 1px solid #CCCCCC; padding:5px 0px; font-weight:bold; color:#404040;}
.autore {border-top: 1px solid #999999; font-weight:bold; color:#404040; padding:0px 0px 20px 0px;}
.copyright {background-color:#DDDDDD; padding:5px 1px; margin:20px 0px 0px 0px;}

.esempio {border: 1px solid #CCCCCC; padding:10px; margin:20px 0px;}
.esempio h4 {clear:both; padding:0px 0px 10px 0px; margin:0px; font-size:110%; color:#990000;}

#contenitore {width: 920px; margin: auto; }

#intestazione {background-color:#DDDDDD; background-position: left top;
width:468px; height:60px; margin:0px; 
padding-left:432px; padding-right:20px; padding-top:20px; padding-bottom:40px; 
background-image:url('intestazione.png'); background-repeat:no-repeat}
#intestazione p {margin:0px;}

#menu {BACKGROUND-COLOR:#404040; width:880px; float:left; 
padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:0px; }
#menu ul { margin:0px; padding:0px; 
float: left; width:880px; font-weight: bold; }
#menu ul li{ display: inline;}
#menu ul li a {background-color:#404040; float: left; color: #FFFFFF; text-decoration: none;
 border-right: 1px solid #cccccc; 
 padding-left:8PX; padding-right:8PX; padding-top:12px; padding-bottom:12px; }
#menu ul li a:hover {background-color:#CC0000; color:#FFFFFF; }
#menu ul li a.attivo {background-color:#990000; color:#FFFFFF; }

#sottomenu {font-size:95%; background-position: left top; BACKGROUND-COLOR:#CCCCCC; width:880px; float:left; 
padding-left:20px; padding-right:20px; padding-top:15px; padding-bottom:0px; background-image:url('BG_SOTTOMENU.png'); background-repeat:repeat-x}
#sottomenu ul {margin:0px; padding:0px; 
float: left; width:880px; font-weight: bold;  }
#sottomenu ul li{ display: inline;WHITE-SPACE:NOWRAP;}
#sottomenu ul li a {background-color:#505050; float: left; color: #FFFFFF;404040; 
text-decoration: none; MARGIN-RIGHT:2PX; 
padding-left:5PX; padding-right:5PX; padding-top:8px; padding-bottom:8px;}
#sottomenu ul li a:hover {text-decoration:underline;}
#sottomenu ul li a.attivo {text-decoration:none; background-color:#FFFFFF; color:#404040;}

#contenuto {background-color:#FFFFFF; width:920px; float:left;}
#contenutoBOX {width:860px; padding:0px 30px 0px 30px; float:left;}
#sinistra {padding:20px 0px; width:520px; margin-right:19px; float:left; }
#destra {padding:20px 0px;width:301px; padding-left:19px; border-left: 1px solid #CCCCCC; float:left;}

/* da utilizzare con p nella prima pubblicità clickpoint */
.linea {margin-top:20px; border-top: 3px double #999999; padding-top:20px;}

/* da utilizzare con p nella home */
.box {border: 1px solid #CCCCCC; clear:left; margin:10px 0px 10px 0px; padding:10px;}
.margine20 {margin:10px 0px; FLOAT:LEFT;}
/* .margine20 da utilizzare con boxfoto */


.boxduecolonne {width:518px; margin:10px 0px; float:left; border: 1px solid #cccccc;}
.boxduecolonne p {margin:0px; text-align:justify;}
.boxduecolonne h2 {background-color:#CCCCCC; font-size:130%; margin:0px; padding:0PX 5px;}
.boxduecolonne h3 {font-size:110%; margin:5PX 0PX 0PX 0px; padding:0px;}
.boxcolonnauno {width:250px; padding:4px; float:left;}
.boxcolonnadue {width:250px; padding: 4px;float:left;}
/* utilizzato per pubblicità assodolab */
.boxcolonnauno_1 {width:300px; padding:4px; float:left;}
.boxcolonnadue_1 {width:200px; padding: 4px;float:left;}

/* utilizzato per pubblicità sito accessibile */
.boxcolonnauno_2 {width:200px; padding:4px; float:left;}
.boxcolonnadue_2 {width:300px; padding: 4px;float:left;}


.strisce {width:300px; margin:10px 0px; float:left; }
.strisce p {margin:0px; text-align:left;}
.strisciagiochi {width:130px; margin-right:10px; float:left;}
.strisciagiochi p {margin-bottom: 5px;}
.strisciaannunci {width:160px; float:left;}
.strisciaannunci p {margin-bottom: 5px;}

/* utilizzato in fondo nella seconda colonna della home */

#ulterioricontenuti {width:300px; margin:10px 0px; float:left; }
#ulterioricontenuti p {margin:0px;}
#ulterioricontenuti h2 {margin:0px; padding:10px 0px 0px 0px; border-bottom:1px solid #CCCCCC;}
#ulterioricontenuti h3 {margin:0px; padding:10px 0px 0px 0px;}

/* utilizzato in fondo nella seconda colonna della home */

#promovideo {
	margin-top:20px; border-top: 3px double #999999; 
	background-position: left top;
	width: 250px;
	padding:10px 0px 0px 50px;
	margin: 10px 0px;
	float: left;
	background-image: url('bg_PUB_videolezioni.png');
	background-repeat: no-repeat;
}
#promovideo p {margin:5px 0px;}
#promovideo h2 {margin:0px; padding:10px 0px 0px 0px; border-bottom:1px solid #CCCCCC;}

/* utilizzato in default video come classe per paragrafo */
.pellicola {
	background-image: url('pellicola.png');
	background-position: left top;
	background-repeat: repeat-y;
	padding-left:50px;
}

#sinistra_GIOCHI {padding:20px 0px; width:390px; margin-right:19px; float:left; }
#destra_GIOCHI {padding:20px 0px;width:431px; padding-left:19px; border-left: 1px solid #CCCCCC; float:left;}
/* usato come class di div generico */
.GIOCHI_ANNUNCI {width:120px; float:left; margin-right:10px;}
.GIOCHI_ANNUNCI p {margin:0px;}
.GIOCHI_BANNER {width:300px; float:left;}
.GIOCHI_BANNER p {margin:0px;}

.descrizionegioco {padding:0px 0px 0px 15px; float:left; width:244px;}
.descrizionegioco p {margin:0px; }

/* UNICA è utilizzata per i giochi */
#unica {width:860px; padding:10px 30px 20PX 30PX; float:left;  background-color:#FFFFFF;}
#unica p {text-align:center;}
/* VIDEO è utilizzata per i video con bordino grigio */
#video {width:860px; padding:10px 30px 20PX 30PX; float:left;  background-color:#FFFFFF; text-align:center;}
#video p {text-align:center;}
.bordinovideo {background-color:#303030; padding:20px 5px;background-position: center bottom; background-image:url('bg_video.png'); background-repeat:no-repeat}



#menupagina {width:100%;  float:left; background-color:#DDDDDD; margin:20px 0PX 0px 0px;}
#menupagina ul {list-style-type: none; margin:0px; padding: 4px; float:left; line-height:1.8em;}
#menupagina ul li {padding:0px; margin:0px; text-align:left; display:inline; }
#menupagina ul li a {background-color:#DDDDDD; color:#404040; text-decoration:none; 
padding:2px 0PX; margin-right:6px;}
#menupagina ul li a:hover {background-color:#FFFFFF; color:#404040; border-bottom: 1px solid #404040;}
#menupagina ul li a.attivo {background-color:#FFFFFF; color:#404040; border-bottom: 1px solid #404040;}

.icoExcel {background-position: left top; padding-left:50px; background-image:url('icoExcel.png'); background-repeat:no-repeat }
.icoExcel07 {background-position: left top; padding-left:50px; background-image:url('icoExcel07.png'); background-repeat:no-repeat }
.icoFrontPage {background-position: left top; padding-left:50px; background-image:url('icoFrontPage.png'); background-repeat:no-repeat }
.icoGoogleDocs {background-position: left top; padding-left:50px; background-image:url('icoGoogleDocs.png'); background-repeat:no-repeat }
.icoInformatica {background-position: left top; padding-left:50px; background-image:url('icoInformatica.png'); background-repeat:no-repeat }
.icoLibro {background-position: left top; padding-left:50px; background-image:url('icoLibro.png'); background-repeat:no-repeat }
.icoOffice {background-position: left top; padding-left:50px; background-image:url('icoOffice.png'); background-repeat:no-repeat }
.icoPowerPoint {background-position: left top; padding-left:50px; background-image:url('icoPowerPoint.png'); background-repeat:no-repeat }
.icoPowerPoint07 {background-position: left top; padding-left:50px; background-image:url('icoPowerPoint07.png'); background-repeat:no-repeat }
.icoWord {background-position: left top; padding-left:50px; background-image:url('icoWord.png'); background-repeat:no-repeat }
.icoWord07 {background-position: left top; padding-left:50px; background-image:url('icoWord07.png'); background-repeat:no-repeat }
.icoAccess {background-position: left top; padding-left:50px; background-image:url('icoAccess.png'); background-repeat:no-repeat }
.icoAccess07 {background-position: left top; padding-left:50px; background-image:url('icoAccess07.png'); background-repeat:no-repeat }
.icoPublisher07 {background-position: left top; padding-left:50px; background-image:url('icoPublisher07.png'); background-repeat:no-repeat }

.icoInterwrite {background-position: left top; padding-left:50px; background-image:url('icoInterwrite.png'); background-repeat:no-repeat }
.icoSmartBoard {background-position: left top; padding-left:50px; background-image:url('icoSmartBoard.png'); background-repeat:no-repeat }
.icoLiveMovieMaker {background-position: left top; padding-left:50px; background-image:url('icoLiveMovieMaker.png'); background-repeat:no-repeat }

/* codice utilizzato per i test giuridici */
#scheda {width:520px; float:left; margin:10px 0px; text-align:left;}
#scheda h3 {margin:10px 0px; padding:0px;}
#scheda h4 {border-bottom: 1px solid #CCCCCC; margin-top:10px;}
#scheda p {margin:0px;}
#scheda form {margin:0px;}
.pulsante {text-align:right;}
.rispostacorretta {background-position: left center; padding-left:20px; background-image:url('OK.gif'); background-repeat:no-repeat}
.rispostaerrata {background-position: left center; padding-left:20px; background-image:url('NO.gif'); background-repeat:no-repeat}
.risposta {padding-left:20px;}





#fondo {clear:both; float:left; width:880px; padding:0px 20px; background-color:#404040; color:#FFFFFF;}
#fondo p {margin-bottom: 1px;}
#fondosinistra {width:468px; padding:20px 0px 19px 0px; background-color:#404040;margin-right:22px; float:left;}
#fondodestra {width:390px; float:left; padding: 20px 0px 19px 0px;background-color:#404040;}
#fondo a {color:#FFFFFF; text-decoration:none;}
#fondo a:hover {text-decoration:underline;}

@media print {
#contenitore {width:100%; float:none;}
#intestazione {display:none;}
#menu {display:none;}
#sottomenu {display:none;}
#contenuto {width:540px; float:none;}
#sinistra {width:540px; float:none;}
.boxduecolonne {float:none;}
#destra {display:none;}
#fondo {display:none;}
}


/* fine */