/* Foglio di stile predisposto da Michele Basile per Porte Aperte sul Web */

/* stili */
body {
	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000;
	background-color: #e4dfd5;
	margin: 0px;
	padding: 5px;
	text-align: left; /* IE5.x */
}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}

/*h3 con bordi arrotondati e sfondo*/
.h3_round {
	font-size: 1.1em;
	background-color: 	#99FFFF;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* marcatori (è possibile aggiungere diversi marcatori a seconda delle specifiche esigenze) */
p {
	font-size: 1em;
}

.nascosto {
	display: none;
}

span.nascosto {
	 display: none;
}

p.grassetto{
	font-size: 1em;
	font-weight: bold;
}


/* ELENCHI */

dt {
  color: #036;
  font-weight: bold;
  margin-bottom: 5px;
}

dd {
  color: #000;
  margin-bottom: 20px;
  margin-left: 15px;
  line-height: 130%;
}

ul {
  margin-left: 30px; 
  padding-left: 0px;
  list-style: square; 
  margin-bottom: 5px;
}

ol {
   margin-left: 30px; 
   padding-left: 0px;
   margin-bottom: 5px;
}


/* menù superiore */
#menuSuperiore {
  width:480px;
  padding:0; 
  margin:0; 
  list-style-type:none;
  float: left;
  }
#menuSuperiore li {
  float:left;
  width:100px;
  border:1px solid #fff; 
  }
#menuSuperiore a {
  display:block;
  width:100px;
  color:#fff; 
  background:#402000; 
  text-align:center; 
  padding:4px 0; 
  text-decoration:none; 
  float:left; 
  }
#menuSuperiore a:hover {
  color:#fff; 
  background:#402000;
  text-decoration: underline;
  }
  
 #menuSuperiore a:active {
  color:#fff; 
  background:#402000;
  text-decoration: underline;
  }

/* fine menù superiore */

/* Testata */
#testata h1 {
font-size: 2em;
}
#testata {
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	color: #402000;
	background-color: #e4dfd5;
	border-top: 1px solid #402000;
	clear: both;
}
.nomeScuola {
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0 !important;
	margin: 10px 0 0 0;
	width: 75%;
	height: auto;
	}

.nomeScuola p {
	font-size: 1.2em;
	color: #0077E6;
	}

	
.logo {
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
	}


.logo img {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
	}
	
.logo a:link { color: #0077E6;
text-decoration: none; 
}
.logo a:visited { color: #0077E6; 
text-decoration: none;
}

.logo a:hover
{
font-weight:bold;
color: #FF6404;
background: #e4dfd5;
text-decoration: none;
}

.logo a:active
{
text-decoration: none;
color: #0077E6;
background: #e4dfd5;

}


	/* collegamento alla descrizione lunga del logo*/
span.sottotit {
	color: #404040;
	font-size: 80%;
}
span.sottotit a:link, span.sottotit a:visited {
	color:#404040
}
span.sottotit a:hover, span.sottotit a:active, {
	color:#404040
}
	
/* motore di ricerca*/

.motore LABEL {
	DISPLAY: block; MARGIN-BOTTOM: 5px; MARGIN-left: 3px; color: #402000;
}
.motore INPUT {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; MARGIN-RIGHT: 0; MARGIN-left: 0; MARGIN-bottom: 0; border: #402000 1px solid; background-color: #fff;
}

.motore {
	background-color: #fff;
	float: right;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0 !important;
	margin: 0px;
	border: 1px dashed #fc9d4c;
	height: auto;
	background-color: #e4dfd5;
}

/* fine */
/* fine testata */
	
	
/* corpo centrale */
#contenitore_centrale {
clear: both;
float: left;
width:100%;
margin: 0;
padding: 0;
color: black;
background-color: #fff;
border-top: 1px solid #402000;
text-align: left; /* IE5.x */
}

/* stringa aggiornamento */
#aggiornamento {
	CLEAR: both;
	FONT-SIZE: 0.9em;
	POSITION: relative;
	background-color: #402000;
	color: #fff;
	border-top: #fff 1px solid;
}
#aggiornamento P {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px
}


/* stringa briciole di pane */
#bricioledipane {
	CLEAR: both;
	FONT-SIZE: 0.9em;
	POSITION: relative;
	background-color: #402000;
	color: #fff;
	border-top: #fff 1px solid;
}
#bricioledipane P {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; 
}
#bricioledipane a:link, #bricioledipane a:visited {
	color: #fff;
	text-decoration: underline;
}
#bricioledipane a:hover {
	color: #fff;
	text-decoration: underline;
}
#bricioledipane a:active {
	color: #fff;
	text-decoration: underline;
}
/* fine */
	/* contenuti della pagina */
#centrale {
float:left;
width:70%;
margin: 0px;
padding: 10px 0 10px 10px;
color: #333333;
border-right: 1px solid #fff;
text-align: left; /* IE5.x */
}

#centrale acronym {
	cursor: help;
	border-bottom: 1px dashed #ccc;
}

#centrale a:link { color: #0077E6; }
#centrale a:visited { color: #0077E6; }

#centrale a:hover
{
font-weight:bold;
text-decoration:none;
color: #FF6404;
background: #fff;
border-left: 3px #F0C0C0 solid;
}

.data {
   font-weight:bold;
}
.immagine {
	text-align: center;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0;
	PADDING-BOTTOM: 0;
	MARGIN: 0px;
	PADDING-TOP: 0;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	}


/* immagine bordi arrotondati*/
.immagine_round {
	text-align: center;
	
	border:3px groove #00CCFF;
	
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-radius: 20px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;

	
	}
	
#pagine-interne {
	float: right;
}
/* fine contenuti */

/* colonna destra */
#destro {
float:right;
width: 20%;
margin: 0;
padding:5px 10px 10px 15px;
border-left:1px solid #404040;
background-color:#e4dfd5;
}
/* box rss feed */
.boxrss {
	padding: 5px 0px 5px 0px;
	margin: 0;
	font-family: verdana, sans-serif;
	width: 90%;
	background-color: #E3DFD4;
	height: 40px;
	}

.boxrss img {
	float: right;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0;
	PADDING-BOTTOM: 0;
	MARGIN: 0px;
	PADDING-TOP: 0;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	}
	/* fine box rss feed*/
/* menù colonna destra*/

.capofila {
width: 90%;
height: auto;
display: block;
text-align: left;
color: #FF6404;
Background-color: #e4dfd5;
border-bottom: 1px solid #FF6404;
padding:7px 10px;
margin:0 0 0 0;
font-family: verdana, sans-serif;
font-size:1.2em;
}

.navdx
{
	padding: 10px 1px 1px 1px;
	margin: 0 0 2em 0;
	font-family: verdana, sans-serif;
	width: 12em;
	color: #0077E6;
	font-size: small;
}

.navdx li
{
list-style: none;
margin: 0px;
border-bottom: 1px gray dashed;
text-align: left;
color:#0077E6;
}

.navdx li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
}

.navdx li a:link { color: #0077E6; }
.navdx li a:visited { color: #0077E6; }

.navdx li a:hover
{
font-weight:bold;
color: #0077E6;
background: #e4dfd5;
border-left: 3px #F0C0C0 solid;
}

.navdx li a:active
{

color: #0077E6;
background: #e4dfd5;

}


.boxnotizie {
	padding: 5px 0px 5px 0px;
	margin: 0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #E3DFD4;
	height: auto;
	border: 1px dashed #fc9d4c;
	text-align: left; /* IE5.x */
	}
	
.boxnotizie p{
	font-size: 0.8em;
	padding-right: 5px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	PADDING-TOP: 0;
	}
.boxnotizie img {
	float: left;
	padding-right: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0;
	MARGIN: 0px;
	PADDING-TOP: 5px;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}
.boxnotizie h3 {
	font-size: 0.9em;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
	text-align: center;
	border-bottom: 1px dashed #FF6404;
	display: block;
}
.boxnotizie a:link, .boxnotizie a:visited {
	color: #0077E6;
	text-decoration: none;
}
.boxnotizie a:hover {
	color: #FF6404;
	text-decoration: underline;
}
.boxnotizie a:active {
	color: #0077E6;
	text-decoration: none;
}

.boxnotizie li {
	font-size: 0.8em;
	margin: 0px;
	color: #FF6404;
	text-align: left;
	
}
/* fine menù colonna destra */
/* fine corpo centrale */

/* informazioni di fondo */
#fondo {
	font-size: 85%;
	text-align: center;
	word-spacing: 10px;
}
#fondo p {
		word-spacing: normal;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
}
#fondo {
	float: left;
	width: 100%;
	padding:10px 0 10px 0;
	margin:0 0 0 0;
	color: white;
	background-color: #444444;
	clear: both;
}

#fondo acronym {
	cursor: help;
	border-bottom: 1px dashed #fff;
}

#fondo a:link, #fondo a:visited {
	color: #fff;
	text-decoration: none;
}
#fondo a:hover {
	color: #fff;
	text-decoration: underline;
	}
#fondo a:active {
	color: #fff;
	text-decoration: none;
}
/* fine fondo */

/* mappe */

#map {
   width:500px;
   height: 400px;
   margin-left: 100px;
   margin-top:20px;

}

#map1 {
   width:500px;
   height: 500px;
   margin-left: 50px;
   margin-top:50px;

}

/* flash */
#ppt-flash {
	width:640px;
                height: 480px;
	text-align: center;
                margin-left: 100px;
}