/* Created by Corrado Del Buono - ©2008 All rights reserved. */

body {background-position: right top; background-color:#FFFFFF; font-family:Arial,Helvetica,sans-serif;
font-size:small; margin:auto; background-image:url('bg_body.png'); background-repeat:no-repeat;}

p {margin:0px 0px 5px 0px; padding:0px;}
#contenuti ul {margin-top:5px; margin-bottom:5px;}
#contenuti ol {margin-top:5px; margin-bottom:5px;}

a {color:#800000; background-color:#FFFFFF; text-decoration:underline; font-weight:bold; padding-left:2px; padding-right:2px; padding-top:0px; padding-bottom:0px}
a:hover {background-color:#800000; color:#FFFFFF; font-weight:bold;}
a:focus {background-color:#000000; color:#FFFFFF; font-weight:bold; text-decoration:none;}
a:active {background-color:#000000; color:#FFFFFF; font-weight:bold; text-decoration:none;}

.contatore {background-color:#ECECEC; padding:2px; font-weight:bold; margin:20px 0px;}
.validatori {padding-bottom:0.5em;}
.validatori a {background-color:#FFFFFF;}
.info {padding:20px 0px; }
.info a {background-color:#ECECEC; color:#000000;}
.info a:hover {text-decoration:underline;}
#intestazione .info {padding:20px 0px 20px 0px; text-align:left; }

.spaziato {line-height:1.8em;}
.grassetto {font-weight:bold;}
span.grassetto {font-weight:bold;}

h1 {font-size:xx-large; font-family:"Arial Narrow",Arial,Helvetica,sans-serif; margin:0px; 
color:#C22E34; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px;}
h2 {font-size:large; margin:0px; color:#404040; padding:10px 0px 10px 0px;}
h3 {clear:both; font-size:medium; margin:0px; color:#9E252C; padding:5px 0px;}
h4 {font-size:medium; margin:0px; color:#404040; padding:5px 0px; }
h5 {font-size:small; margin:0px; color:#404040; padding:5px 0px; }

table {font-size:small; width:100%; margin:20px 0px; border:1px solid #CCCCCC; background-color:#FFFFFF;}
td {padding:2px; border:1px solid #CCCCCC; vertical-align:top;}
th {padding:2px; border:1px solid #336699; background-color:#404040; font-size:100%; color:#FFFFFF; text-align:left; }
caption {font-size:medium; color:#000000; font-weight:bold;}

#intestazione {color:#000000; margin:0px 0px 20px 0px; padding:70px 20px 0px 240px; }
#intestazione h1 {font-size:xx-large; margin:0px; padding:0px; color:#404040;}
#intestazione h2 {font-size:large; font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
font-size:medium; margin:0px; color:#9E252C;padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px}

#sinistra {background-position: left top; position:absolute; left:0px; top:0px;
width:240px; padding:80px 0px 0px 0px; background-image:url('bg_sinistra.png'); background-repeat:no-repeat;}

#menu {background-position: left bottom; margin:0px 20px; width:180px; 
padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:70px;
background-color:#CC0000; background-image:url('bg_menu.png'); background-repeat:no-repeat}
#menu ul {list-style-type:none; margin:0px; padding:0px; }
#menu ul li {margin:0px;}
#menu ul a {color:#000000; background-color:#FFFFFF; width: 176px;  
text-decoration: none; padding:8px 2px; display:block; margin:0.5em 0px; }
#menu ul a:hover {color:#FFFFFF; background-color:#000000; }
#menu ul ul a {color:#000000; background-color:#FFFFFF; width:176px; padding:5px 2px;}
#menu a:focus {background-color:#000000; color:#FFFFFF; font-weight:bold; text-decoration:none;}
#menu a:active {background-color:#000000; color:#FFFFFF; font-weight:bold; text-decoration:none;}
#menu .attivo {background-color: #000000; color:#FFFFFF;}

#sottomenu {width:200px; padding:0px 20px 20px 20px; margin:0px; color:#000000;}

#sottomenu a {padding:0px;}
img {border:none;}

#sottomenu form {padding:0px; margin-bottom:20px;}
#sottomenu form table {font-size:100%; margin:0px; border:1px solid #FFFFFF; background-color:#404040; color:#FFFFFF;}
#sottomenu form table td {border:1px solid #404040; background-color:#404040; padding:1px;}
#sottomenu form table th {border:1px solid #404040; background-color:#404040; color:#FFFFFF; padding:1px;}

#contenuti {border-left:1px solid #CCCCCC; background-color:#FFFFFF; 
margin-left:240px; margin-right:0px; margin-top:0px; margin-bottom:0px;
padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:10px;}

#colonne {width: 100%; margin:10px 0px; padding:0px; border-bottom: 1px solid #CCCCCC; background-color:#f4f4f4;
clear:both; float:left;}
.colonna1 {width:50%; float:left; }
.colonna2 {width:49%; float:left; }
.padding {padding:5px 10px;}

#comunicazioni {width: 100%; margin:10px 0px; padding:0px; background-color:#FFFFFF;
clear:both; float:left;}
#comunicazioni h2 {background-color:#9E252C; COLOR:#FFFFFF; padding:2px; margin:0px; font-size:large;}
#comunicazioni h3 {border-bottom:1px solid #CCCCCC; font-size:medium; margin:10px 0px 2px 0px; padding:0px; color:#404040;}
#comunicazioni p {padding-left:40px;}


#riquadri {width: 100%; margin:10px 0px 10px 0px; padding:0px; 
background-color:#FFFFFF; clear:both; float:left;}
#riquadri h2 {background-color:#9E252C; COLOR:#FFFFFF; padding:2px; margin:0px; font-size:large;}
#riquadri p {margin:0px;}
/* .padding {padding:10px;} */
.riquadro1 {width:50%; float:left; }
.riquadro2 {width:49%; float:left; }

.riquadro1 h3 {border-bottom:1px solid #CCCCCC; font-size:medium; margin:10px 0px 2px 0px; padding:0px; color:#404040;}
.riquadro2 h3 {border-bottom:1px solid #CCCCCC; font-size:medium; margin:10px 0px 2px 0px; padding:0px; color:#404040;}

h3.frutta {background-image: url('frutta.png'); background-repeat: no-repeat; 
background-position: left top; padding:5px 0px 10px 60px;}

h3.diario {background-image: url('diario.png'); background-repeat: no-repeat; 
               background-position: left top; padding:5px 0px 10px 60px;}

h3.certificazione {background-image: url('certificazione.png'); background-repeat: no-repeat; 
               background-position: left top; padding:5px 0px 10px 60px;}

h3.pantentino {background-image: url('patentino.png'); background-repeat: no-repeat; 
               background-position: left top; padding:5px 0px 10px 60px;}

h3.nuovicorsi {background-image: url('libri.png'); background-repeat: no-repeat; 
               background-position: left top; padding:5px 0px 10px 60px;}
h3.nuovainfluenza {background-image: url('virus.png'); background-repeat: no-repeat; 
               background-position: left top; padding:5px 0px 10px 60px;}

h3.mobile {background-image: url('telefonino.png'); background-repeat: no-repeat; 
               background-position: left top; padding:5px 0px 10px 60px;}

h3.openday {background-image: url('facce.png'); background-repeat: no-repeat; 
               background-position: left top; padding:5px 0px 10px 60px;}

/* BOX usato in area docenti */
.box {margin:20px 0px; padding:0px; border-bottom:1px solid #996666; background-color:#FFFFFF; clear:both;}
.box h2 {background-color:#9E252C; COLOR:#FFFFFF; padding:2px; margin:0px; font-size:large;}
.box h3 {border-bottom:1px solid #CCCCCC; font-size:medium; margin:10px 0px 2px 0px; padding:0px; color:#404040;}
.box p {padding-left:40px;}



.barralogin {background-color:#ECECEC; text-align:right; padding:2px 10px;}

@media print {
body {color:#000000; background-color:#FFFFFF; margin:0px;}
#intestazione {padding:10px; width:98%; margin:0px; float:none; border-bottom:1px solid #000000; background-color:#FFFFFF; color:#000000;}
#intestazione h1 {color:#000000; font-size:large;}
#intestazione h2 {color:#000000; font-size:small;}
#intestazione address {color:#000000;}
#intestazione p {color:#000000;}
#intestazione a {color:#000000;}
.barralogin {display:none;}
#sinistra {display:none;}
#menu {display:none;}
#sottomenu {display:none;}
.box h2 {color:#000000; background-color:#FFFFFF; padding:0px;}
.box {border-bottom:1px solid #000000;}
#contenuti {width:96%; float:none; margin:0px; padding:10px; border:none;}
#colonne {width:96%; float:none; margin:0px; padding:10px; border:none;}
#comunicazioni {width:96%; float:none; margin:0px; padding:10px; border:none;}
#riquadri {width:96%; float:none; margin:0px; padding:10px; border:none;}

.info {display:none;}

h1, h2, h3, h4, h5, h6 {color:#000000;}
table, th, td {border: 1px solid #000000; color:#000000; background-color:#FFFFFF;}
}

/* Created by Corrado Del Buono - ©2008 All rights reserved. */