body, html { 
	margin:	0 0px 0 0; 
	padding: 0; 
	text-align: center;
    font-size: 0.80em;
    line-height: 1.2em;    
    font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
    background-color: #ffffff;
}

hr { display:	none }


DIV#page {
	border-style:	solid; 
	border-color:	#000000; 
	border-width:	0px; 
    padding: 0px;
    margin: 0px auto;
    width: 760px;
    background-color: #d2ddec;
}


DIV#header { 
	padding: 0px;
    border: 0px;
    margin: 0px;
    width: 760px; 
    height: 100px;
    background-image: url(/images/idraonlineheader.gif);
    background-color: #7592b0;
    color: #506476;
    text-align: left;
	float: left;
    vertical-align: bottom;
}

DIV#subheader {
	padding: 0px;
	border-style:	none solid solid solid; 
	border-color:	#d2ddec; 
	border-width:	1px; 
    margin: 0px;
    width: 758px; 
    height: 30px;
    background-color: #fffff0;
    text-align: left;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
    float: left;
}

.boxsubheader {
    * padding-top: 4px;
    padding-left: 10px;
}

DIV#center { 
	border-style:	none solid solid solid; 
	border-color:	#d2ddec; 
	border-width:	1px; 
    padding: 0px;
	margin: 0;
	width:	580px;
	* width:	570px;
	background:	#FFF; 
    float: left;
}

.boxcenter {
    padding: 10px;
    text-align: left;
	background:	#FFF;     
}

.avvis { font-size: 1em; color: #005858; } 


DIV#right { 
    margin: 0 0 0 0;
    padding: 0;
	width: 160px; 
	color:	#333;
	float: right;	
}

.boxright {
	font-weight: normal;
	padding: 2 10;
	line-height: 1em;
	padding-top: 5px;
}

/*#right { margin-right: -1px; }*/

DIV#footer { 
	border-top:	1px solid #000;
	border-bottom:	1px solid #000; 
	padding: 0;
    margin: 0px;
    width: 760px;
    clear: both;
	background:	#506476; 
	color:	#FFF; 
}

.boxfooter {
	font-weight: normal;
	padding: 2 10;
	line-height:		1em;
	padding-top: 5px;
}


a {
/*font-size: 0.8em;*/
color: #011287;
text-decoration: none;
}

a:active, a:hover, a:focus {
color: #585858;
border-bottom-color: #CCC;
/*border-bottom: 1px dotted #000058;*/
}




h1{font-size: 2.30em; font-weight: bolder; padding-bottom:10px; }
h2{font-size: 1.10em}
h3{font-size: 1.00em; font-weight: bolder; padding-bottom: 12px; font-family: Tahoma, Helvetica, Arial, sans-serif;  color:#000040;}
h4{font-size: 0.80em; font-family: Helvetica, Arial, sans-serif; color: #969696;}

td { font-family: Verdana, Arial, sans-serif; font-size: .70em; color: #333333; }
th { font-family: Verdana, Arial, sans-serif; font-size: .70em; color: #000000; }

table.tab { margin: 0px 0px 0px 2px;  width: 100%;}
table.tab th { font-family: Verdana, Arial, sans-serif; font-weight: normal; text-align: left; vertical-align: top; background-color: #000040; font-size: .70em; color: #D0D0D0; }
table.tab td { font-family: Verdana, Arial, sans-serif;  font-size: .70em; vertical-align: top; width: 100%; background-color: #F0F0F0; }
table.tab td { font-family: Verdana, Arial, sans-serif;  font-size: .70em; vertical-align: top; width: 100%; background-color: #F0F0F0; }



table.list { margin: 0px 0px 0px 2px;  width: 100%;}
table.list th { font-family: Verdana, Arial, sans-serif; font-weight: normal; text-align: left; vertical-align: top; background-color: #000040; font-size: .80em; color: #D0D0D0; ;}
table.list td { font-family: Verdana, Arial, sans-serif;  font-size: .70em; vertical-align: top; background-color: #F0F0F0; color: #585858;  }

table.scheda { margin: 5px 0px 0px 2px;  width: 100%;}
table.scheda th { font-family: Verdana, Arial, sans-serif; font-weight: normal; text-align: left; vertical-align: top; background-color: #E0E0E0; font-size: .70em; color: #000058; width: 22%;}
table.scheda td { font-family: Verdana, Arial, sans-serif;  font-size: .70em; vertical-align: top; width: 78%; background-color: #F0F0F0; }    

/* ########## Dropdownmenu!  
    background-color: #7592b0;
    color: #506476;
*/

DIV#nav-toplevel {
/*    display:inline;*/
    float: left;
    width: 760px;
    height: 22px; 
    border-right: 0px solid #CCC;
    background-color: #b4b4b4;
}

/*  nav-dropdown  #b4b4b4; */
#nav-toplevel #nav-drop {
    font: 1.2em Verdana, arial, sans-serif;
    padding-top: 3px;
    padding-left: 10px;         
    font-weight: bold;
    text-transform: lowercase;
}
/*
colore ai link del menu di sopra
*/
#nav-toplevel #nav-drop ul li a:active,
#nav-toplevel #nav-drop ul li a:hover,
#nav-toplevel #nav-drop ul li a:focus,
#nav-toplevel #nav-drop ul li a.current {
    color: #FFF;
    background-color: #7592b0;
    /*#7592b0;
    border-bottom: 2px solid #E63C1E;*/
}

#nav-toplevel #nav-drop ul {
/*float: left;*/
padding:0;
margin:0;
list-style: none;

}
/*#506476  */
#nav-toplevel #nav-drop a {
    display: block;
    width: 160px;
    color: #506476;
    background: #b4b4b4;
    text-align: center;
    border: 1px solid #FFFFFF;
}

#nav-toplevel #nav-drop li {
float: left;
width: 160px;
}

 
#nav-toplevel #nav-drop li ul {
position: absolute;
width: 160px;
left: -999em;
}

#nav-toplevel #nav-drop li ul a {
    width: 160px;
    text-align: left;
    padding-left: 5px;
    font-weight: normal;
    border-left: 4px solid #2A2E54;
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #F0F0FF;
    color: #000;
    background: #F0F0F0;

}


/* second level */
#nav-toplevel #nav-drop li ul ul {
    padding-top: 6px;
	margin: -20px 0 0 170px;
}

#nav-toplevel #nav-drop li ul ul a {
    border-left: 1px solid #2A2E54;
    background: #F0F0F0;
}


#nav-toplevel #nav-drop li:hover ul ul, #nav-toplevel #nav-drop li.sfhover ul ul {
    left: -999em;
}

#nav-toplevel #nav-drop li:hover ul,
#nav-toplevel #nav-drop li li:hover ul,
#nav-toplevel #nav-drop li.sfhover ul,
#nav-toplevel #nav-drop li li.sfhover ul
{
    left: auto;
}


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

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	/*top: 100;*/
	margin-top: -350px;
	left: 270px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}