/* formattazione box udienze -------------------------------------*/
.box {
	border: 1px dashed #C0C0C0;
	margin: 1em 0;
	padding: 0;
	min-height: 16em;
}
#contenuto .box h2 {
	font-size: 120%;
	margin: 0;
	padding: 0.5em;
	background-color: #E7EEF6;
	color: #4670AD;
	border-bottom: 1px dashed #c0c0c0;
}
#contenuto .box p {
	margin: 0;
	padding: 0.5em;
}
#colonnaSX, #colonnaDX {
	float: left;
	width: 40%;
	margin: 1em 1em 2em 1em;
	padding: 1em;
	border: 1px dashed #C0C0C0;
}

#colonnaSX p, #colonnaDX p {
	margin: 0;
	padding: 0;
}
#colonnaSX p.titoletto, #colonnaDX p.titoletto {
	background-color: #FFF;
	color: #4670AD;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin: 0;
}


/* foto docente --------------------*/
.foto_docente {
	float: right;
	margin: 1em 2em;
	border: 1px solid #404040;
}
.foto_form {
	margin: 1em 2em 1em 10.5em;
	border: 1px solid #404040;
}
.icona_foto_docente img {
	vertical-align: baseline;
	border: none;
}

#contenuto .icona_foto_docente a:link,
#contenuto .icona_foto_docente a:visited {
	background: #FFF none;
	border: none;
	text-decoration: none;
}
#contenuto .icona_foto_docente a:hover  {
	background: #FFF none;
	border: none;
	text-decoration: none;
}


/* ELEMENTI COMUNI DELLE TABELLE */
table {
	table-layout: fixed;
	width: auto;
	border: 1px solid #404040;
	border-collapse: collapse;
	font-size: 85%;
	margin: 2em auto;
}
thead, tfoot {
	background: #E7EEF6;
	color: #404040;
}
tfoot {
	font-weight: bold;
}
td, th {
	border: 1px solid #404040;
	padding: 0.5em;
}
caption {
	text-align: right;
	font-size: 100%;
	margin: 1em 0 0 0;
	padding: 0 0 0 0;
	font-style: italic;
}




/* TABELLE DEGLI INCARICHI ASSEGNATI AI DOCENTI */
table.incarichi_docenti {
	width: 90%;
}
table.incarichi_docenti thead {
	text-align: left;
}
table.incarichi_docenti col#c1 {
	width: 40%;
}
table.incarichi_docenti col#c2 {
	width: 60%;
}
/* TABELLA RICEVIMENTO DEI DOCENTI */
table#ricevimento {
	width: 90%;
}
table#ricevimento col#c1 {
	width: 34%;
}
table#ricevimento col#c2 {
	width: 38%;
}
table#ricevimento col#c3 {
	width: 13%;
}
table#ricevimento col#c4 {
	width: 15%;
}
/*TABELLA ORARIO SEGRETERIA */
table#orario_segreteria {
	width: 50%;
}
table#orario_segreteria th {
	text-align: left;
}



/*MATERIALI DIDATTICI */
#contenuto p.titolo_materiali {
	font-size: 110%;
	font-weight: bold;
	color: #4670AD;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 4em 15em 0 0;
}
#contenuto ul.materiali {
	list-style: none;
	margin: 0 0 1em 2em;
	padding: 0;
	font-size: 85%
}
#contenuto ul.materiali li {
	background: #fff;
	padding: 0 0 5px 0;
}
#contenuto ul.materiali .new .alert {
	color: #ff0000;
	background: #FFF;
}
#contenuto ul.materiali li a {
	line-height: 200%;
	padding: 5px 0px 5px 20px;
}

#contenuto ul.materiali a:link,
#contenuto ul.materiali a:visited {
	text-decoration: none;
	color: #404040;
	background: #FFF url(../grafica/down.gif) no-repeat 0 50%;
}
#contenuto ul.materiali .new a:link,
#contenuto ul.materiali .new a:visited {
	text-decoration: none;
	color: #4670AD;
	background: #FFF url(../grafica/down-blue.gif) no-repeat 0 50%;
}

#contenuto ul.materiali a:hover,
#contenuto ul.materiali a:focus,
#contenuto ul.materiali a:active,
#contenuto ul.materiali .new a:hover,
#contenuto ul.materiali .new a:focus,
#contenuto ul.materiali .new a:active {
	text-decoration: underline;
	color: #c00000;
	background: #FFF url(../grafica/down-orange.gif) no-repeat 0 50%;
}
/* icona adobe reader */
img.icona_adobereader  {
	float: right;
	margin: 20px 0;
	border: none;
}

/* FORMATTAZIONE DELLE FORM */

form {
	width: 70%;
	min-width: 30em;
	padding: 1em;
	margin: 1em auto;
}	

fieldset {
	border: 1px solid #4670ad;
	margin: 0;
	padding: 1em;
}

legend {
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0.2em;
	background-color: #fff;
	color: #4670ad;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
form div {
	padding: 0.5em;
}
label, p.label {
	clear: left;
	float: left;
	width: 33%;
	line-height: 23px;
	padding: 0 1% 0 0;
	text-align: right;
}
input, textarea, select {
	width: 62%;
}
button  {
	cursor: pointer;
}
.button {
	text-align: right;
	margin: 1em -0.5em 0 0;
}

#elenco label {
	text-align: left;
	width: 15em;
}

.select {
	float: left;
	margin-left: 0em;
	padding-left: 0.5em;
	margin: 5px 5px 0 0;
}
.radio, .check, .riceve {
	float: left;
	width: 62%;
}
.riceve select {
	float: left;
	width: 45%;
	margin-right: 1em;
}
.elenco input, .radio input, .check input {
	width: 1em;
	margin-right: 0.5em;
}
.elenco label, .radio label, .check label {
	width: 100%;
	text-align: left;
}
.elenco div, .radio div, .check div {
	padding: 0;
}
#contenuto .elenco .iniziale {
	margin: 2em 0 1em 0.2em;
	padding: 0;
	font-weight: bold;
	font-size: 130%;
	float: left;
}
.materiaserale {
	border: 1px solid #c0c0c0;
	float: left;
	clear: left;
	width: 97%;
	margin: 0 0 1em 0;
	padding: 0.5em;
}
#contenuto .materiaserale h3 {
	padding: 0;
	margin: 0;
}

.note {
	clear: left;
}
textarea#descrizione_lunga {
	width: 100%;
	height: 30em;
}


/*modulo scelta docente o classe */
form.scegli {
	width: 45%;
	min-width: 20em;
}
form.classe {
	float: left;
}
form.scegli select {
	width: 75%;
	float: left;
}
form.scegli button {
	float: right;
	width: 20%;
}

/*modulo di ricerca in alto a destra */
form#searchform {
	position: absolute;
	top: 105px;
	right: 0px;
	margin: 0;
	padding: 0;
	width: 250px;
	min-width: 25%;
}
form#searchform fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
form#searchform label {
	display: none;
}
form#searchform input#s {
	border: none;
	color: #606060;
	background: #fff url(../grafica/search_input.gif) no-repeat;
	padding: 2px 0 0 5px;
	margin: 0 -5px 0 0;
	float: left;
	height: 20px;
	width: 210px;
}
form#searchform input.button  {
	float:left;
	border: none;
	background: url(../grafica/search_submit.gif) no-repeat 0 0;
	height: 22px;
	width: 30px;
	padding: 0px;
	margin: 0;
	text-indent: -500em;
	text-align: left;
}

/*------------------*/

/* form per la scelta del docente in docenti.php */
#contenuto .iniziale {
	display: block;
	margin: 1em 0 0 0;
	padding-left: 0em;
	font-weight: bold;
	color: #4670ad;
	background: #FFF;
	font-size: 130%;
}
#contenuto .elenco_iniziali {
	display: block;
	margin: 0.5em 0 1em 0;
	padding: 0 0 0.5em 0;
	font-weight: normal;
	color: #4670ad;
	background: #FFF;
	font-size: 130%;
	text-align: center;
	border-bottom: 1px solid #4670ad;
}
#contenuto .elenco_iniziali a:link, #contenuto .elenco_iniziali a:visited {
	text-decoration: none;
	color: #4670ad;
	background: #FFF;
}
#contenuto .elenco_iniziali a:hover, #contenuto .elenco_iniziali a:active, #contenuto .elenco_iniziali a:focus {
	text-decoration: none;
	color: #c00000;
	background: #FFE182 url(../grafica/sottolinea.gif) repeat-x bottom;
}
/*-----------------------------------------------------------------------------------*/


/* box del messaggio di errore per il feedback delle form */
#contenuto .erroreForm {
	border: 1px dotted #000;
	margin: 1em  auto;
	padding: 1em;
	width: 66%;
}
#contenuto .erroreForm .msgErrore {
	color: #F00000;
	background-color: #FFF;
	font-weight: bold;
	font-size: 85%;
	list-style: disc outside;
	margin: 0 1em;
}
#contenuto p.feedback {
	border: 1px dotted #000;
	margin: 1.5em  0 1em 8.2em;
	width: 38em;
	padding: 1em;
	color: #F00000;
	background-color: #FFF;
	font-weight: bold;
	font-size: 85%;
}

/* messaggio di errore */
#contenuto .errore {
	color: #F00;
	background: #FFF url(../grafica/alert.gif) no-repeat 10px 10px;
	font-weight: bold;
	text-align: left;
	border: 1px dotted #404040;
	margin: 3em 3em;
	padding: 25px 10px 25px 70px;
}

/*HIGHSLIDE */

.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid gray;
}
.highslide:hover img {
	border: 1px solid red;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
   display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
   text-decoration: none;
	padding: 2px;
	border: 1px solid black;
   background-color: white;
   padding-left: 22px;
   background-image: url(../highslide/graphics/loader.white.gif);
   background-repeat: no-repeat;
   background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
   padding: 2px;
   color: silver;
   text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(../highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
	/*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	border: 1px solid #404040;
	visibility: hidden;
	color: black;
	text-decoration: none;
	background-color: White;
	padding: 5px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;

}
.thumbnail img {
	border: none;
}
.icona_foto_docente .thumbnail img {
	border: none;
	border-width: 0;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */

}

/*contenitore video*/
#container {
	margin: 3em 0 0 0;
}