/******************************************
  elementi generici
******************************************/

*{margin:0;padding:0;border:0px solid;}
a:hover {cursor:hand}
TABLE{
padding: 0px;
 border-spacing: 0px;
 empty-cells: show;
 border-collapse: collapse;
}
html{font: 80% Trebuchet MS,arial,helvetica,sans-serif;width:100%;min-width:900px;
text-align: center /*per IE5*/;
background-color: #FFFFFF;
color: #001A49;
}

/*  elementi principali */

body{
	text-align: center;
background-color: #FFFFFF;
}
#body{
width: 768px;
margin: 30px auto 30px auto;
/*border: 1px dotted #FF9900;*/
text-align: left;
position: relative;
background-color: #FFFFFF;
}

#header{
/* vedi correzioni su IEFIX*/	
	background-color: #E00971;
	color:#FFFFFF;
	padding: 5px 5px 5px 110px;
	background-image: url(./img/logo-home.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height:105px;
	text-align: right;	
	border-bottom: 3px solid #FFFFFF;
}
#header h1{
	font: bold 300% "Bradley Hand ITC", serif;
	text-transform: uppercase;
	border: none !important;
}

#header h2{
	font-weight: normal;
	border: none !important;
}
#header h1, #header h2{
	display: block;
	position: relative;
	bottom: -30px;
}
#menu{
	overflow: visible ;
}

/* menu in alto*/
.menu1{
	border-top: 2px solid #E00971;
	border-bottom: 3px solid #E00971;
	padding-left: 5px;

	margin:0;
	padding:0;
	list-style:none;

	height: 2.4em;

	background-color: #E00971;
}

.menu1 li{
	float: left;
	position: relative;/* per poter posizionare il sottomenu */
}

.menu1 a{
	float: left;
	font-size: 140%;
	border: 2px solid #E00971;
	padding: 3px 5px 3px 5px;
	background-color: #FFFFFF;
	white-space: nowrap;
}

.menu1 a:hover,
.menu1 a:focus,
.menu1 a:active {
	background-color: #E00971;
	color: #fff;
}

/* sotto menu */
.menu1 ul{
	list-style: none;
	position: absolute; /* per posizionarla sotto il menu*/
	top: 2.4em; /* uguale all'altezza del menuu*/
	left: 1px;
}
.menu1 ul li{
	float: none;
}
.menu1 ul a{
	float: none;
	display: block;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-left: 15px;
	height:1.3em;
	line-height:1.2em;
	width: 10em;
}
/* COLORI */
.menu1{
	background-color: #E00971;
}
.menu1 a{
	background-color: #FFFFFF;
}

/* MENU ON OFF */
.menu1 ul,
.menu1 ul.subMenu-off{
position:absolute;
top:-10000em
}
/* POSIZIONAMENTO DEL SOTTO MENU */
.menu1 ul.subMenu-on{
position:absolute;/* primo livello di annidamento:menu a discesa */
	top: 2.4em; /* uguale all'altezza del menuu*/
	left: 1px;
}
.menu1 ul.subMenu-on ul.subMenu-on{
margin:0 0 0 -1px;/* livelli di annidamento superiori al primo:menu a comparsa laterale */
width:17em;
position:absolute;
top:-1px;
left:17em;
border-top:1px solid #000;
}

/* EFFETTO ROLLOVER */
.menu1 a:hover,
.menu1 a:focus,
.menu1 a:active{
text-decoration:underline;
}
/* FRECCETTE */
.menu1 a.continua{
background:url(continuaOrz.gif) #EEE center bottom no-repeat;
}
.menu1 ul a.continua{
background:url(continua.gif) #EEE right center no-repeat;
}


#content{
/* vedi correzioni su IEFIX*/	
	background-color: #FFFFFF;
	overflow: hidden;
	clear: both;
}

#footer {
/* vedi correzioni su IEFIX*/	
	background-color: #E00971;
	overflow: hidden;
	color:#FFFFFF;
	clear: both;
	font-size: 90%;
	
}
#footer li{
	display: inline-block;
	float: left;
	padding: 5px;
}

#footer a{
	text-decoration: none;
	color:#FFFFFF;
	
}

#footer a:hover,
#footer a:focus,
#footer a:active {
	text-decoration: underline;
}

/* ------------------------------------------------
		motore ricerca
------------------------------------------------  */ 


div#header{position: relative}
form#search{position: absolute;top: 85px;right: -70px} 
form#search{width: 230px} 
form#search fieldset{border: 0px solid;padding: 0}
form#search legend{text-indent: -9999px;font-size: 1px} 
form#search input{float: left;width: 150px;margin-top: 3px;
    background: #FFF url(bk.png) repeat-x top left;
    border: 1px solid;border-color: #999 #777 #777 #999;
	 font-size: 14px;
    color: #001A49;
	 padding-left: 5px;} 
form#search button{background: transparent;
    border: 0px solid;cursor: pointer} 	 


/* ------------------------------------------------
		LOGIN
------------------------------------------------  */ 
#header_login{
	position: absolute;
	top: -20px;
	right: 5px
}	 
.login{
	font: normal 20 verdana,arial,helvetica;
	padding-top: 50px;
	padding-right: 300px;
	text-align: right;
}
.login A{
	display: block;
	text-decoration: underline;
	padding: 5px;
}
.login A:hover{
	background-color: #E00971;
	color: #fff;
	}

.login input{
	font: normal 20 verdana,arial,helvetica;
	width:100px;
	height:30;
	border: 1px dashed black;
	margin: 2px;
}
.login .label{
	text-align: right;
}
.login .submit{
	width:100px;
	border: none;
}

.messaggio-di-esito {
	background-color: yellow;
	margin: 20px;
	text-align: center;
	
}

	 
/******************************************
  blocchi home-page
******************************************/

.due-colonne{
	background-image: url(./img/bg-home.jpg);
	background-position: top;
	background-repeat: repeat;
}
.una-colonna {
	padding: 5px;
}
#claim {
/* vedi correzioni su IEFIX*/	
	width: 200px; /* 200+15+15+3+3= 236 */
	padding: 15px;
	background-color: #FF9900;
	float: left;
	font-size: 90%;
	border: 3px solid #FFFFFF;
}
.menu2, .lastentry, #content1{
	float: left;
	clear: left;
	width: 236px; /* !!! */
	list-style: none;
}

.menu2 li, .lastentry li{
	list-style: none;
}

.menu2 a, .lastentry a{
	display: block;
	text-decoration: none;
	border-top: 1px dotted #0058CA;
	padding: 3px 10px 3px 3px;
	padding-left: 15px;
	background-color: #FFFFFF;
}

.menu2 a:hover,
.menu2 a:focus,
.menu2 a:active,
.lastentry a:hover,
.lastentry a:focus,
.lastentry a:active{
	background-color: #E00971;
	color: #fff;
	font-weight: normal;
}

.lastentry a.primavoce{
	background-color: #0081C9;
	color: #FFFFFF;
	font-weight: bold;
}


.lastentry ul a{
	padding: 0 15px;
	padding-left: 20px;
	text-indent: 0px;
	font-weight: normal;
}

/******************************************
  home page
******************************************/


#AreaFotoHome{
	float: right;
}

#AreaFocus {
/*	border: 1px solid black;*/
	background-color: #FFFFFF;
	width: 515px;
	float: right;
	padding: 0px;
	overflow: hidden;
}
.Focus {
	padding: 0px 0px;
	overflow: hidden;
}
.Focus dl, .Focus img {
	display: block;
	float: left;
	padding: 0px;
}


dl.focus_testo {
	margin: 10px 0px 10px 5px;
	margin-bottom: 5px;
	overflow: hidden;
}
dl.focus_testo .img{
	float: left;
	width: 74px;
	height: 74px;
	padding: 0px;
	overflow: hidden;
	border: 0px solid black;
	}

dl.focus_testo dt, dl.focus_testo dd{
width: 420px;
float: right;
/*	border: 1px solid black;*/
	display: block;
}


DL.focus_testo DT{
	background-color: #0081C9;
	color: white;
	font-size: larger;
	font-weight: bold;
	padding: 3px;
}

DL.focus_testo DT A{
	text-decoration: none;
	color: white;
}


a dl.focus_testo,a:hover dl.focus_testo{
}

.primopiano {
border: 3px dashed #e00971;
margin: 3px;
}
.primopiano *{
	padding: 5px 10px 5px 10px;
	margin: 0px;
}
.primopiano A{
	padding: 0px;
	margin: 0px;
}
.primopiano H3{
border-bottom: 3px solid #0081c9;
}

/******************************************
  blocchi altre pagine
******************************************/
H2{
font-size: 20px;
border-bottom: 2px solid #0081C9;
text-align: left;
margin-bottom: 15px;
}

#content1 H2, #content1 P{
	margin: 5px;
}

#content1 .spacer{
	width: 100%;
	height: 5px;
	float: left;
	border-bottom: 2px solid #0081C9;
}

#content1 img{
	width: 100%;
}

#content2{
	padding: 7px;
	margin-left: 15px;
	float: right;
	width: 499px; /* !!! : perchè altrimenti in Mozzilla va a capo */
	min-height: 400px;
}

#content2 ul{
padding: 5px 0px;
margin-right: 15px;
/*list-style: outside url(../img/list-pink.png);*/
}
#content2 li{
	font-style: italic;
	list-style: none;
	padding-left: 25px;
background: url(../img/list-arrow.png) left top no-repeat;
}

#content2 P{
	padding: 4px 0px;
	text-align: justify;}

#content2 H2, .una-colonna H2{
text-align: right !important;
}

#content2 H3{
	padding: 15px 0px 5px 0px;
	text-align: left;
	border-bottom: 1px dotted #E00971;

}
#content2 H4{
	padding: 10px 0px;
}

#content2 TD{
	border: 1px dotted #E00971;
	padding: 3px;
}


#testo img{
bottom:0px;margin: 10px 0px 10px 15px;
border: solid 1px #E00971;
}

img.align-left{
float: left;
}
img.align-right{
float: right;
}

/******************************************
  pagina docenti
******************************************/
TABLE.docenti {
	vertical-align: top;
	border: none !important;
	width: 100%;
}
TABLE.docenti P{
	padding:0px !important;
	margin: 0px !important;
}

TABLE.docenti TD{
	vertical-align: top;
	padding: 5px !important;
	border: none !important;
}
TABLE.docenti .intestazione{
	font-weight: bold;
	border-bottom: 1px solid #0081C9 !important;
}
TABLE.docenti .nome{
	font-weight: bold;
}

/******************************************
  impaginazione articolo
******************************************/
.news img{
	float: right;
	width:250px;
}
.news .allegato img{
	border: none !important;
	float: left !important;
	width:32px;
}

.allegato a, .allegato a:hover, .allegato a:link, .allegato a:visited{
	text-decoration: none!important;

}
.allegato H3{
	padding-top: 20px;
}
.allegato li{
	list-style: none!important;
/*	border: solid 1px;*/
	line-height: 1.5em!important;
	padding-bottom: 3px;
}
.allegato ul{
	padding-left: 10px!important;
}
.allegato ul li img{
	float: none!important;
	padding: 0px!important;
	margin: 3px 10px 0px 10px!important;
	width: 16px!important;
}

/******************************************
  impaginazione risultati
******************************************/
dl.elenco-elementi {
	clear: both;
	padding: 10px 0px;
	background-color: transparent;
	overflow: hidden;
	padding: 0px !important;
	margin: 10px 0px !important;
}

dl.elenco-elementi img{
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
	width:130px;
}

dl.elenco-elementi .foto{
	border: 0px solid black !important;
	border-right: 10px solid white !important;
	padding: px;
	margin: 0px;
	margin-right: 5px;
	float: left;
	width: 72px;
	height: 72px;
	overflow: hidden;
	text-align: center;
}

dl.elenco-elementi .extra{
	color: #a9a9a9;
}

dl.elenco-elementi DT, dl.elenco-elementi DD{
	float: right;
	display: block;
	width: 80%;
	margin: 0px!important;
	padding: 0px!important;
}

dl.elenco-elementi DT{
	background-color: #0081C9;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 3px!important;
}

a dl.elenco-elementi{
	text-decoration: none;
}

a:hover dl.elenco-elementi{
background-color: #FF9900;}


dl.elenco-risultati DT, dl.elenco-risultati DD{
	width: 100%!important;
	
}
/* -------------- CONTATTI --------------*/
#mappa-contatto {
	width: 100%;
	text-align: center;
}

.contatti #content2{
	padding: 7px;
	margin-left: 15px;
	width: 100%;
	background-color: transparent;
}





/******************************************
  classi generiche 
******************************************/

.hidden, .navigazione-no-css {
	visibility: hidden;
}

DIV.alert {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	border: solid 1px red;
	overflow: hidden;
}
DIV.alert P{
	text-align: center!important;

}
/******************************************
  link
******************************************/

a, a:link, a:visited {
text-decoration: none;
color: #001A49;
}
a:hover, a:active, a:focus {
text-decoration: none;
color: #001A49;
}

/******************************************
  classi vecchie
******************************************/

a.voceCorrente {
	color: #000;
}
a.voceCorrente:link,
a.voceCorrente:visited,
a.voceCorrente:hover,
a.voceCorrente:focus,
a.voceCorrente:active,
{
color:#000;}
#contenitore-centrato {width: 768px;margin:auto;text-align: center/*per IE5*/;
background-image: url(./img/sfondo-puzzle.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: trasparent;
position: relative;
}
#intestazione{
width: 100% /* per IE*/;
height: 100px;
overflow: hidden;
}
#intestazione ul{
width: 160px;
float: left;
padding: 15px 0px 15px 0px;
}
#intestazione li{
display: block;
font-weight: bold;
width: 160px;
font-size:28px;color:#411813;text-align: right;
line-height: 35px;
padding-right: 20px
}

#intestazione h1{
display: block;
font-weight: bold;
text-align: left;
width: 200px;
padding: 52px 0px 0px 15px;
font-size:30px;
color: #996666;
line-height: 40px;
letter-spacing: -1px;
text-transform: capitalize;
}
#intestazione h1 em{font-style: italic;
letter-spacing: 0;
text-transform: capitalize;}

h2 {font-size:18px;line-height: 1,1;
padding: 5px 0px 0px 0px;}

#colonna-1 {
float: left;
width: 560px;
}
#colonna-2 {
float: left;
width: 200px;
overflow: hidden;
border: 0px solid;
}

/* ALLINEAMENTO DELLE VOCI */
.menuNavigazione{
margin:0px;
padding:0;
list-style:none;
height:69px; /* alto come l'elemento A, per IE7 */
clear: both;
font-size: 20px;
margin-left: 153px;
background: transparent;
color:#9F9695;
}
.menuNavigazione li{
float:left;
}


.menuNavigazione a{
float:left;
display: block;
position: relative;
height:54px;
width: 123px;
line-height:2em;
padding: 15px 0px 0px 0px;
text-decoration:none;
text-align: center;
outline: solid 0px black;
}
/* COLORI */
.menuNavigazione a:link,
.menuNavigazione a:visited{
background: transparent;
color:#9F9695;
}
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{
background: transparent;
color:#391B1B;
}

.menuNavigazione .primaVoce{
	margin-left:0px;
}
.menuNavigazione .voceCorrente a:link,
.menuNavigazione .voceCorrente a:visited,
.menuNavigazione .voceCorrente a:hover,
.menuNavigazione .voceCorrente a:focus,
.menuNavigazione .voceCorrente a:active{
	background-image: url(./img/sfondo-menu.jpg);
	background-position: top left;
	background-repeat: no-repeat;
color:#000;}

#corpo{color:#000;width:100%;overflow:hidden;
padding: 60px 0 10px 0;
border: 0px solid;
height: 460px;
}
#pie-di-pagina {
	background-image: url(./img/sfondo-footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 27px 0px 10px 0px;
	text-align: center !important;

}
#contenuto, #credits {
	color:#411813;
padding: 0 0 10px 0;
border: 0px solid;
margin: 0px 20px 0px 80px;
text-align: justify;
}
#credits{
margin-top: 20px;
text-align: center;
font-size: larger;
}

#logo{
float: right;
position: absolute;
right: 10px;
top: 5px;
}
#logo-2{
float: right;
position: absolute;
right: 23px;
top: 67px;
}


#contenuto p, #contenuto h2{
padding-bottom: 5px;
}
#contenuto h2{
/*margin-left:40px;*/
}
#homer img{
float: right;
clear: right;
padding: 0 0 5px 10px;
}



/* ALLINEAMENTO DELLE VOCI - fine*/

dl.elenco-fotografie {
	margin: 0px;
	padding: 0px;
}
dl.elenco-fotografie .fotografia{
float: right;
width: 200px;
padding: 10px;
padding-top: 0px;
}
dl.elenco-fotografie img{
	border: solid 1px #B28C89;
	width: 198px;
}
dl.elenco-fotografie .descrizione{
padding: 0px 10px;
font-size: 10px;

}

.link-principali{
padding: 10px;
/*padding-left: 123px;*/
font-size: 16px;
font-weight: bold;
	line-height: 2em;
	list-style: none;
	text-align: right;
}
.link-footer{
text-align: center;
font-size: 11px;
font-weight: bold;
	list-style: none;
color:#9F9695;
}
.link-footer li{
	display:inline;
	padding: 3px;
}

#Pubblicazioni, #Brevetti, #Collaborazioni, #Laboratori {
font-weight: bold;
padding-bottom: 15px;
}
#Pubblicazioni li, #Brevetti li, #Collaborazioni li, #Laboratori li{
list-style: none;
font-weight: normal;

}
.credits {
	margin: 30px;
}
.credits dt{
font-weight: bold;
padding-bottom: 10px;
}
#scelta-lingua{
list-style:none;
display: block;
width: 100%;
text-align: center;
position: absolute;
top: 0px;left:0px;
padding: 60px 0px 0px 0px;
border: 0px solid;
z-index: 10;
font-size: 14px;
font-weight: bold;
}

#home #corpo{
padding-bottom: 70px;
}