/*
Theme Name: microtag-adasm
*/


body, html{
    margin:0 auto; padding: 0;     
background:  #93B3E1 url(images/sfondo.jpg)  center repeat-y;
    height: 100%;      /* per IE5.x e IE6 */
font:  12px verdana; color:#333;
}


/* HEADER */


#header{
	width: 980px;
	height: 200px;
        background: url(images/header.jpg) center repeat-y;
}
.menu{
	padding-top:174px;
}



#page{
	width: 980px;
        position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	background-color:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#news p { margin:0; padding:0;}

/* S3SLIDER */

#s3slider {
   width: 600px; /* important to be same as image width */
   height: 200px; /* important to be same as image height */  
   position: relative; /* important */
  overflow: hidden; /* important */
   top: 20px;
}


#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0px; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px 13px;
   width: 580px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

#s3slider ul  { 
   margin:0; padding:0; list-style-type:none;
}






/* AREA SINISTRA */

.area-sx{
	width: 600px;
         padding:0px 20px 20px 20px;
         float:left;       
}

.area-sx a, .area-sx a:visited {
font: normal 12px Verdana; color:#5889D1;
text-decoration:none;	
}

.area-sx a:hover {
text-decoration:underline;
	
}


/* AREA SINISTRA COORDINAMENTI */
.area-sx-coordinamenti {
	width: 600px;
         padding:0px 20px 20px 20px;
         float:left;       
}




h1 {  
 font: bold 26px Verdana, "Trebuchet MS", Tahoma, Arial;
 color:#fff; margin:0; padding:0;
}

h2 { 
  font: bold 16px Verdana, "Trebuchet MS", Tahoma, Arial;
  color:#fff; margin:0; padding:0;
}


/* AREA DESTRA */

.area-dx {
	width: 320px;
         float:left;
background-color:#fff;
}





/* NEWS */


ul#news {
margin:0px; padding:0px; list-style-type:none;
}

#news li {
padding-bottom:10px; 
	
}

ul#news li a, ul#news li a:visited {
font: bold 14px Verdana; color:#5889D1;
text-decoration:none;	
}

ul#news li a:hover {
text-decoration:underline;
	
}







/* RIVISTE */




.contenuto img {
        float: left;
	margin: 1px 10px 0 0;
        padding: 2px 2px 2px 2px;
	}

#serido a:hover {
   background-image: url("button-over.gif");
   }












/* VARI */


#evidenza h1 {

	color: #333;
	
	letter-spacing: 0.01em;
	font: bold 20px Verdana, "Trebuchet MS", Tahoma, Arial;
}

#evidenza h1 a{
	color: #FF3300;
	font: bold 20px Verdana, "Trebuchet MS", Tahoma, Arial; text-decoration:none;
}

#evidenza h1 a:hover{
	color: #5889D1;
	
}


h3 {

	color: #333;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: 0.01em;
	font: bold 16px Verdana, "Trebuchet MS", Tahoma, Arial;
}




div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#fff;
	border-top:6px double #93B3E1;
 text-align: center;
}
	div#footer p {
		padding:1em;
		margin:0;
	}

div#footer a, div#footer a:visited  {
		text-decoration:none; color:#333;
	}


div#footer a:hover  {
		text-decoration:underline;
	}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}




/* ARCHIVIO */


.archivio {
	float: left;
	width: 126px;
     height:160px;
margin: 4px 10px 0 0;
border: 1px dotted #ccc; 
 padding: 2px 2px 2px 2px;
font: 11px Verdana, "Trebuchet MS", Tahoma, Arial;	
}

.archivio-img img {
	width:112px;
         height:158px;
}

.archivio h2  {
font: 1.4em Tahoma, Arial, sans-serif; line-height: 1.7em;
 padding:0; 
margin: 0; 
 color:#343434;
height:40px;
}

.archivio h2 a, .archivio h2 a:visited  {
font: bold 12px Verdana, Arial, sans-serif;
padding:0; 
margin: 0; 
 color:#339900;
text-decoration:none;
}

.archivio h2 a:hover {
text-decoration:underline;
 color:#339900;
}

/* ARCHIVIO  SCUOLE */


ul.archivio-scuole  {
   list-style-type:none;
}



#archivio-scuole li a {
	color: #0066cc;
	letter-spacing: 0.01em;
	font: bold 14px Verdana, "Trebuchet MS", Tahoma, Arial;
       text-decoration:none;
}

#archivio-scuole li a:hover {

       text-decoration:underline;

}



.archivio-scuole {
	float: left;
	width: 580px;
     height:34px;
margin: 4px 10px 0 0;
border: 1px dotted #ccc;
 padding: 10px 10px 10px 10px;
font: 11px Verdana, "Trebuchet MS", Tahoma, Arial;
	background-color:#E8EEF9;
}


/* SCUOLE SINGOLE */

ul#dati-scuole {	
list-style-type:none;
margin: 4px 10px 0 0;
border: 1px dotted #ccc;
 padding: 10px 10px 10px 10px;
	background-color:#E8EEF9;          
}

ul#dati-scuole li {   
padding:2px;  
}

ul#dati-scuole li.uno {	
         font-weight: bold;
          width:80px;
     float:left;
}


/* COORDINAMENTI */

#coordinamenti { font: 10px normal Verdana, Arial, Helvetica, sans-serif;	color: #444;  }

.container {width: 600px; margin: 10px auto;}
ul.tabs {margin: 0; padding: 0;	float: left; list-style: none; border-bottom: 1px solid #999;	border-left: 1px solid #999;	width: 100%;}
ul.tabs li {
	float: left;	margin: 0;	padding: 0; width:119px;	height: 31px;	line-height: 31px;	border: 1px solid #999;	border-left: none;	margin-bottom: -1px;	background: #e0e0e0;	overflow: hidden;	position: relative;
}
ul.tabs li a {	
text-decoration: none;	color: #000;	display: block;	font-size: 1.2em;	padding: 0 10px;	border: 1px solid #fff;	outline: none;
}
ul.tabs li a:hover {	background: #ccc;}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {	
background: #fff;	border-bottom: 1px solid #fff;
}
.tab_container {	
border: 1px solid #999;	border-top: none;	clear: both;	float: left;	width: 100%;	background: #fff;	
    -moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;	
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}
.tab_content {	padding: 2px;	font-size: 1.2em;}
.tab_content h2 {	font-weight: normal;	padding-bottom: 10px;	border-bottom: 1px dashed #ddd;	font-size: 1.8em;}
.tab_content h3 a{	color: #254588;}
.tab_content img {	float: left;	margin: 0 20px 20px 0;	border: 1px solid #ddd;	padding: 5px; }
#coordinamenti table {font:10px verdana; color:#333; width:596px;}
#coordinamenti td {border-bottom:1px solid #ccc; padding:5px 0px 5px 0px;}
tr.intestazione-coordinamenti {font-weight:bold; }
tr.enti-coordinamenti {background-color:#3399CC; color:#fff; font-weight:bold; }