/* body */
body {	color:#000000;
	border:0;
	padding:0;
	margin:0;
	font-family:sans-serif;
	font-size:11px;
	background-color:#eeeeee;
	text-align:center;
} 

/* fascia superiore contenente l'animazione */
#top { width:790px;
       margin:auto;
       padding:0px;
       text-align:center;
       /* border:1px yellow solid; */
}

#top img { border:0; }

/* contenuto delle pagine */
#content { width:790px; 
	   margin:auto;
	   padding:0px;
	   text-align:center;
	   background-color: #ffffff;
	   border:1px #eeeeee solid; 
}

/* contenitore menu sotto l'animazione */
#menu { width:782px;
	height:44px;
	margin:auto;
	padding:5px 4px 1px 4px;
	text-align:right;
	color:#999999;
	background-color: #ffffff;
	border-bottom:1px #999 dotted;
	/* border:1px #999 solid; */
}


/* formato del menu di tipo select in alto a sx */
div.menuSelect { float:left;
	      width:200px; 
	      background-color:#ffffff;
	      text-align:left;
	      margin-bottom:2px;
}
div.menuSelect em {
	font-weight:bold;
	font-style:normal
}

/* bordo per campi di input; bisogna fare cosi' causa opera */
.simple_border { border: 1px solid #999; }

/* dimensione carattere per i campi dei form */
.small_fontsize { font-size:11px !important; }


/*********************************************/
/* contenitore menu orizzontale in alto a dx */
/*********************************************/
div.menuList { float:right;
	       width:560px; 
	       background-color:#ffffff;
	       margin-bottom:2px;
}

div.menuList a { background-color:#ffffff;
		       color:#999999;
}

div.menuList a:hover { background-color:#ffffff;
		       color:#000000;
}

/**********/
/* footer */
/**********/
#footer { clear:left;
	  width:790px;
	  margin:auto;
	  margin-top:0px;
	  padding:5px 0px 5px 0px;
	  text-align:center;
	  color:#999999;
	  background-color: #ffffff;
	  font-size:10px;
	  /* border:1px #999 solid; */
}

/******* collegamenti footer ***************/
#footer a {text-decoration:none; color:#999999; }
#footer a:hover {background-color: transparent; color:#000000; }
#footer a:active {background-color: transparent; }


/**************************/
/* parte sx dei contenuti */
/**************************/
#c_left { float:left;
	  width:230px;
	  text-align:left;
	  padding:0px;
	  /* margin:10px 0px 0px 5px; */
	  margin:0px 0px 0px 0px;
	  background-color: #ffffff;
	  /* border:1px #999 solid; */
}

#c_left p { margin:10px 0px 0px 0px;
}

#c_left span { margin:0px;
	       text-align:center;
}

/* contenitore foto sez. istituto-photogallery (foto da 210px orizz.) */
#c_left h1 { display:block;
	     width:220px;
	     height:220px;
	     margin:0px 0px 0px 5px;
	     text-align:center;
	     /* border:1px solid red; */
}

/* contenitore foto random per le varie sezioni (foto da 150px orizz.)*/
#c_left h2 { display:block;
	     width:155px;
	     margin:10px 0px 5px 10px;
	     text-align:center;
	     padding:3px 0px 3px 0px;
	     /* border:1px solid #999999; */
	     border:1px solid #f6a424;
}

#c_left img { border:0px}


/* DISATTIVATA !!! colonna centrale divisoria dei contenuti bg grigio */
#c_middle { float:left;
	    width:20px;
	    padding:0px;
	    text-align:left;
	    background-color: #eeeeee;
	    /* border:1px #999 solid;  */
}
/* FINE parte DISATTIVATA */

/**************************/
/* parte dx dei contenuti */
/**************************/
#c_right { float:right;
	   width:530px;
           padding:5px;
	   text-align:left;
	   border-left:5px #eeeeee solid;
	   background-color: #ffffff;
	   /* border:1px #999 solid;  */
}


/****************************************/
/*** contenuti pagina tipo            ***/
/****************************************/
/* titoli e menu colonna centrale */
div#centralCol { float:left;
		 margin:auto;
		 margin-top:15px;
		 margin-left:5px;
	         width:130px; 
	         /* background-color:#FEF0BF; */
	         background-color:#ffffff;
		 /* border:1px solid red; */
}

div#centralCol p { margin:0px;
                padding:0px 5px 0px 5px; 
	        color:#000000;
}

div#centralCol a { display:block;
		margin:0px;
                padding:2px; 
	        color:#000000;
}

div#centralCol a:hover { margin:0px;
                padding:2px;
	        color:#000000;
		background-image:url('../istituto/img/sf_menu.gif');
		background-repeat:no-repeat;
		background-position:bottom left;
		background-color:#FFFFFF;
}

div#centralCol a:visited { display:block;
		margin:0px;
                padding:2px; 
	        color:#000000;
		background-color:#FFFFFF;
}


/* contenuti col dx (col dx) pagina tipo */
div#cont_dx { float:right;
	       width:360px;
	       margin:0px 10px 10px 5px; 
	       /* background-color:#f1dec1; */
	       background-color:#ffffff;
}

div#cont_dx p { margin:0px;
                padding:10px;
		color:#000000;
}

div#cont_dx em { margin:0px;
                 padding:0px;
		 color:#EFBE12;
		 font-style:normal;
		 font-weight:normal; 
}

/* spacer */
div.spacer { clear: both; }


/*** contenitore immagini nascoste per evitare ritardi negli effetti  di transizione ***/
.hiddenPic {display:none;}

/*********************************************/
/******* collegamenti generici ***************/
/*********************************************/

a {text-decoration:none}
a:hover {background-color: transparent; }
a:active {background-color: transparent; }

img { border:none;
      vertical-align:top; }


/*****************************************/
/******** form standard ******************/
/****************************************
/* contenitore rounded form */
div#cont_stdform { /* margin:0 10%; */
           margin:0px 0px 0px 10px;
           /* background: #4A8AFF; */
           background-color: #ffffff;
           width:330px;
           /*
           filter: alpha(opacity=65);
           opacity: .65;
           */
}

/* standard form */
.std_form { border-top:0px;
	    border-bottom:0px;
	    border-right:1px solid #ccc;
	    border-left: 1px solid #ccc;
            margin: 0px 0px 0px 1px;
            width: 326px;
            padding:0px;
            text-align:left;
}

.line_form { vertical-align: middle;
             height:28px;
}


.std_form label, .std_form span {
        display:block;
        float:left;
        clear:left;
        background:#ffffff;
        color:#999999;
        width:90px;
        text-align:right;
        vertical-align:middle;
        padding:2px 2px 2px 0 !important;
        margin:2px 2px 0 0 !important;
        height:24px;
        line-height:24px;
}

.std_form p { float:left;
 /*             color:#fff;*/
              background:#ffffff;
              width:210px;
              padding:4px 0 0px 2px !important;
              margin:2px 2px 0 0 !important;
              height:26px;
              voice-family: "\"}\"";
              voice-family: inherit;
              height:24px;
}


/*** impostazione delle caselle di tipo INPUT ***/
.std_form input, .std_form select, .std_form textarea { font-size:13px;  /*serve per IE */ }

/* imposta background-color trasparente: da usare negli anchor con immagini */
.transpBack { background-color:transparent !important; }


/***********************/
/* contenitore bottoni */
/***********************/
.buttonCont { text-align:left !important;
              width:220px;
              padding-top:3px;
              padding-left:3px;
              height:35px;
}


.buttonCont p { width:210px;
                height:20px;
	        padding-left:5px;
                background-color:#ffffff;
}

/* layout contenitore singolo bottone */
.buttonLayout { background-color:#ffb719;
                display:block;
                float:left;
                text-align:center !important;
                width:70px;
                border:0px solid #96385a;
                color:#ffffff;
                line-height:22px;
                height:20px;
                padding:0px;
                overflow:hidden;
}


/* bottone tipo button */
.buttonType { border:0px;
              margin:0px;
              padding:0px;
              height:20px;
              font-size:11px;
              font-style:normal;
              cursor:pointer;
	      color:#ffffff;
              background-color:transparent;
}


/* bottone tipo link */
.linkType { font-size:11px;
            font-style:normal;
            line-height:20px;
            height:20px;
            color:#ffffff;
}

a.linkType:hover { background-color:transparent; }


/*************************/
/*** Tabella orari *******/
/************************/

.tabellaOrari table {
	width:362px;
	font-size:10px;
	margin-top:10px;
	padding:0px;
}

.tabellaOrari th {
	background-color: #ffcc5f;
	text-align:center;
}

.tabellaOrari td {
	border:0px;
        text-align:center;
	color:#000000;

}

/*** righe dispari elenchi ***/
.odd_line {
	background-color: #e9e5ff;
}

/*** righe pari elenchi ***/
.even_line {
	background-color: #ffffff;
}


/***********************************************/
/*** barra contenente il messaggio d'errore  ***/
/***********************************************/
.error_box {
        border: 1px #fff outset;
        padding-left:5px;
        border-left:0px;
        width:99%;
        text-align:left;
        background-color:#ffffff;
        color:#000000;
}

.error_box a {
        display:block;
        width:3em;
        text-align:center;
        margin:0 0 0 auto;
        background-color:#e3d3c7;
}


/***********************************************/
/*** contenitore tasti di login/registrati   ***/
/***********************************************/
.contLogin { margin:0px;
	     padding:0px;
}

.contLogin p { float:right;
	       margin:2px 0px 0px 0px; 
	       width:400px;
	       /* border:1px solid red; */
}

.contLogin em { margin:3px 0px 3px 5px; 
	        font-style:normal;
}

.contLogin span { margin:3px 0px 3px 15px;
	          font-style:normal;
}

.contLogin h1 { clear:left;
	        float:left;
		width:300px;
	   	font-size:11px;
	        font-weight:normal;
		text-align:left;
	 	color:#777777;
	        margin:2px 0px 0px 0px; 
	        font-style:normal;
	        /* border:1px solid green; */
}
.contLogin img { border:0px;
}


.contLogin a {text-decoration:none; color:#999999; }
.contLogin a:hover {background-color: transparent; color:#000000; }
.contLogin a:active {background-color: transparent; }



/**********************************************/
/* stile per pagine di presentazione sezioni  */
/**********************************************/

/*** contenitore immagine presentazione ***/
.presImg {float:left;
          width:260px;
          text-align:left;
          margin:5px 0px 0px 5px;
}

.presImg img { border:0px;
	       margin-bottom:5px;
}


/*** contenitore testo presentazione ***/
.presTesto { float:right;
             width:305px;
             margin:5px 5px 5px 0px;
}

.presTesto em { color:#ffcc5f;
	        font-style:normal;
	        font-weight:bold;
}

.presTesto p { color:#999999;
               width:295px;
               padding:0px 5px 0px 5px;
               margin:0px;
}


/*************** galleria immagini **************** */
#gallery {
	padding:0;
	margin:15px;
	list-style-type:none;
	overflow:hidden;
/*	border:1px solid #888;
	background: #fff url(../img/win_back.gif);*/
	background-position:bottom;
	background-repeat:repeat-x;
}
#gallery li {
	float:left;
}
#gallery li a {
	display:block;
	height:30px;
	/*width:210px;*/
	overflow:hidden;
	float:left;
	text-decoration:none;
	cursor:default;
	border-bottom:1px solid #fff;
}
#gallery li a img {
/*	width:210px;*/
	/*height:30px;*/
/*	height:150px;*/
	border:0;
}
/*#gallery li a:hover {

	background:#eee;
	height:150px;
}
*/
img#nascosta {
	display:none;
	position:absolute;
	width:400px;
	left:490px;  /*cambiati poi dinamicamente */
	top:290px;
	border:5px solid #aaa;
}