﻿/* Created by Corrado Del Buono - ©2010 All rights reserved. */

body {background-position: left top; background-color:#FFFFFF; font-family:Arial,Helvetica,sans-serif;
font-size:small; margin:auto; background-image:url('bg_body.png'); background-repeat:repeat-y;


}
/* 
font-family: 'Miniver', cursive;
font-family: 'Sofia', cursive;
font-family: 'Kaushan Script', cursive;
font-family: 'Flavors', cursive;
font-family: 'Devonshire', cursive;

*/
p { margin:0px 0px 5px 0px; padding:0px; line-height:1.6em;}
#contenuti ul {margin-top:5px; margin-bottom:5px;}
#contenuti ol {margin-top:5px; margin-bottom:5px;}

a {color:#663333; background-color:#FFFFFF; text-decoration:underline; font-weight:bold; padding:0px 2px; }
a:hover {background-color:#663333; 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;}

.validatori {padding-bottom:0.5em;}
.validatori a {background-color:#FFFFFF;}
.info {padding:20px 0px; }
.info a {background-color:#004848; color:#FFFFFF; text-decoration:none;}
.info a:hover {background-color:#FFFFFF; color:#004848; }
.info a:focus {background-color:#000000; color:#FFFFFF; font-weight:bold; text-decoration:none;}
.info a:active {background-color:#000000; color:#FFFFFF; font-weight:bold; text-decoration:none;}


.spaziato {line-height:1.8em;}
.grassetto {font-weight:bold;}
span.grassetto {font-weight:bold;}

h1 {font-size:x-large; font-family:Arial,Helvetica,sans-serif; margin:0px; 
color:#004040; 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:#004040; 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 #404040; background-color:#404040; font-size:100%; color:#FFFFFF; text-align:left; }
caption {font-size:medium; color:#004040; font-weight:bold;}

#intestazione
{background-position: left bottom; color: #ffffff; margin: 0px 0px 0px 250px;
    padding: 10px 20px 200px 20px; background-color: #282828; background-image: url('intestazione.png'); background-repeat: no-repeat;
}
#intestazione h1 {font-size:x-large; margin:0px; padding:0px; color:#ffffff;}
#intestazione h2 {font-family:"Arial Narrow",Arial,Helvetica,sans-serif; font-size:medium; margin:0px; color:#ffffff; padding:0px 0px 5px 0px;}
#intestazione .infotop {padding:20px 0px 20px 0px; text-align:right; }
#intestazione .infotop a {background-color:#FFFFFF; color:#404040; text-decoration:none;}
#intestazione .infotop a:hover {background-color:#282828; color:#FFFFFF;}


#sinistra {background-position: left top; position:absolute; left:0px; top:0px;
width:250px; padding:150px 0px 0px 0px; background-image:url('bg_sinistra.png'); background-repeat:no-repeat;}

#menu {padding: 0px 0px 0px 0px; margin: 0px 20px 20px 20px; width: 210px; background-color: #004848; }
#menu ul {list-style-type:none; margin:0px; padding:10PX 0px; }
#menu ul li {margin:0px;}
#menu ul a {color:#FFFFFF; background-color:#004848; width: 204px;  
text-decoration: none; padding:10px 3px; display:block; margin:5px 0px 0px 0px;  border-bottom: 1px solid #ffffff;}
#menu ul a:hover {color:#282828; background-color:#ffffff; }
#menu ul ul a {color:#ffffff; background-color:#004848; width:204px; margin: 0px 0px 5px 0px; padding:5px 3px 5px 3px;}
#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: #ffffff; color:#282828;}

#sottomenu {width:210px; padding:0px; margin:10px 20px; background-color:#004848; color:#ffffff;}
#sottomenu a {padding:0px;}
img {border:none;}
#sottomenu .contatore {border: 1px solid #FFFFFF; padding:5px;}
#sottomenu .box {background-color:#FFFFFF; color:#404040;}
#sottomenu form {padding:0px; margin:10px 0px; }
#sottomenu form table {width:100%; font-size:80%; margin:0px; border:1px solid #002828; background-color:#002828; color:#FFFFFF;}
#sottomenu form table td {border:1px solid #002828; background-color:#002828; padding:1px;}
#sottomenu form table th {border:1px solid #002828; background-color:#002828; color:#FFFFFF; padding:1px;}
.validatori {background-color:#FFFFFF; padding:10px 2px; text-align:center;}
.validatori img {border:none;}
.validatori a {background-color:#FFFFFF; text-decoration:none;}
.validatori p {margin:0px; padding:0px;}

#contenuti {background-color:#FFFFFF; 
margin-left:250px; margin-right:0px; margin-top:20px; margin-bottom:20px;
padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:0px;}

#colonne {width: 100%; margin:10px 0px; padding:0px; border-bottom: 1px solid #CCCCCC; background-color:#E7EDED;
clear:both; float:left;}
.colonna1 {width:50%; float:left; }
.colonna2 {width:49%; float:left; }
.paddingcolonne {padding:5px 10px;}



#riquadri {width: 100%; margin:10px 0px 10px 0px; padding:0px; 
background-color:#FFFFFF; clear:both; float:left;}
#riquadri h2 {background-color:#004848; COLOR:#FFFFFF; padding:2px; margin:0px; font-size:large;}
#riquadri p {margin:0px;}
.paddingriquadro2 {margin-left:10px;} 
.riquadro1 {width:70%; float:left;}
.riquadro2 {width:29%; float:left;}

.riquadro1 h3 {border-bottom:1px solid #CCCCCC; font-size:medium; margin:15px 0px 0px 0px; padding:0px; color:#404040;}
.riquadro2 h3 {font-size: medium; margin: 0px; padding: 0px; color: #004040; }

.boxnews { border-left: 3px solid #999900; padding: 5px 5px 5px 10px; margin-bottom: 10px; }


/* BOX usato in area docenti */
.box {margin:0px 0px 20px 0px; padding:0px; background-color:#FFFFFF; clear:both;}
.box h2 {background-color:#004848; 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;}


#banner {
	background-position: left top;
	background-image: url('bg_banner.png');
	background-repeat: repeat-x;
	font-size: 100%;
	background-color: #E2EECC;
	width: 100%;
	padding: 0px;
	float: left;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}
.bannerpadding {
	padding:20px 10px 10px 10px;
}
#banner h1 {
	font-size:xx-large; font-weight:normal;font-family :Devonshire, Flavors, Sofia, Arial, Helvetica,sans-serif; padding:0px; margin:0px;
}
#banner p {
	font-size:large;font-family:Sofia, Arial, Helvetica,sans-serif; 
}
#banner a {
	color:#000000; background-color:#E2EECC;
}
#banner a:hover {
	text-decoration:none;
}


#openday {font-family:Georgia, "Times New Roman", Times, serif; font-size:120%;
	background-position: right top;
	background-color: #C8c4bb;
	width: 100%; padding:0px;
	float: left;
	margin-bottom: 20px;
	background-image: url('openday.jpg');
	background-repeat: no-repeat; border-bottom: 1px solid #404040;
}
#openday h1 {text-align:right;font-family :Georgia, "Times New Roman", Times, serif;color:#404040; margin:0px; padding:0px; font-size:280%;}
#openday h2 {font-family:Georgia, "Times New Roman", Times, serif;background-color:#404040;color:#FFFFFF; margin:0px 0px 10px 0px; padding:0px; font-size:130%;}
.padding {
	padding:20px 280px 20px 20px;
}

#giornomemoria {font-family:Georgia, "Times New Roman", Times, serif; font-size:120%;
	background-position: center top;
	background-color: #C8c4bb;
	width: 100%; padding:0px;
	float: left;
	margin-bottom: 20px;
	background-image: url('giornomemoria.jpg');
	background-repeat: no-repeat; border-bottom: 1px solid #404040;
}
#giornomemoria h1 {text-align:center;font-family:Georgia, "Times New Roman", Times, serif;color:#FFFFFF; margin:0px; padding:0px; font-size:190%;}
#giornomemoria h2 {text-align:center;font-family :Georgia, "Times New Roman", Times, serif;color:#FFFFFF; background-color:#202020; margin:0px 0px 10px 0px; padding:0px; font-size:110%;}
.paddingmemoria {
	padding:175px 20px 20px 20px;
}



@media print {
body {color:#000000; background-color:#FFFFFF; margin:10px 0px;}
p {line-height:normal;}
#intestazione {margin:0px 0px 20px 0px; padding:10px; width:98%; float:none; border-bottom:1px solid #000000; background-color:#FFFFFF; color:#000000;}
#intestazione h1 {color:#003030; font-size:x-large;}
#intestazione h2 {color:#000000; font-size:small;}
#intestazione address {color:#000000;}
#intestazione p {color:#000000;}
#intestazione a {color:#000000;}
#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;}
#riquadri {width:96%; float:none; margin:0px; padding:10px; border:none;}
.riquadro1 {width:96%; float:none; margin:0px; padding:10px; border:none;}
.riquadro2 {width:96%; float:none; margin:0px; padding:10px; border:none;}
.info {display:none;}
.infotop {display:none;}

h1, h2, h3, h4, h5, h6, #riquadri h2, .riquadro1 h3, .riquadro2 h3{color:#003030; padding-left:0px;}
table, th, td {border: 1px solid #000000; color:#000000; background-color:#FFFFFF;}
}

/* Created by Corrado Del Buono - ©2010 All rights reserved. */
