@charset "utf-8";
/* CSS Document */

/* reset default */

* {margin : 0; padding : 0;}
ul {list-style : none;}
a {text-decoration : none;padding : 0 0 2px 0;border-bottom : 1px solid #0f2e67; color:#0f2e67}
a:hover {border-bottom : 2px solid #0f2e67;}
a:visited {border-bottom : 1px solid #0f2e67;}
a:hover {border-bottom : 2px solid #0f2e67;}

	
/*  / reset default */

.bold {font-weight : bold;}
	
body {
	background : #fff url(../img/bodyBg.jpg) 0 118px repeat-x;
	font : 14px Verdana, Helvetica, Tahoma, sans-serif;
	color : #696969;
}

td {
	vertical-align : top;
}

a.iso, a.iso img  {
	position : absolute;
	z-index : 1000;
	right : 0px;
	border : none;
	top : 0;
}

h1 {
	color : #0f2e67;
	font-size : 1em;
	border-bottom : 1px solid #0f2e67;
	font-weight : normal;
	text-transform : uppercase;
	margin : 0 0 20px 0;
}




img.floatRight {
  float : right;
  margin : 0 0 10px 10px;
}

#mainContainer {
	width : 999px;
}

#topContainer {
	height : 90px;
	width : 100%;
	position : relative;
}
			
#topContainer .mainLogo {
	width : 521px;
	height : 57px;
	display : block;
	text-indent : -9999px;
	background : url(../img/mainLogo.jpg) 0 bottom no-repeat;
	position : absolute;
	border : none;
	top : 20px;
	left : 20px;
}

#topContainer .mainLogo:hover {
	top : 21px;
	left : 21px;
}
		
#middleContainer {
	height : 210px;
	width:auto;
	background:#fff;

}

#menu{
	width:197px;
	height:280px;
	margin-top:20px;
	margin-left:20px;
	background: transparent  url(../img/bgleft.jpg) left top no-repeat;
	color:#000;
}

.menuNavigazione{
	width:188px;
	margin:0 ;
	padding-top:25px;
	list-style:none;
	font-size:1em;
}

.menuNavigazione a{
	display:block;
	text-decoration:none;
	color:#0e5b9d;
	background:#fff;
	background:transparent;
}



.menuNavigazione li.active{

	border-bottom:1px solid #d3d9d1;
}


.menuNavigazione a:link,
.menuNavigazione a:visited{
	height:19px;
	line-height:20px;
	background:transparent url(../img/menu_off.gif) left center no-repeat;
	color:#0f2e67;
	border-bottom:1px solid #d3d9d1;
	margin: 0;
	padding: 2px 0 4px 28px;
}

.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{
	background:transparent url(../img/menu_on2.gif) left center no-repeat;
	color:#424D63;
	margin: 0;
	padding: 2px 0 4px 28px;
}


.menuNavigazione li{
display:inline;
}

.menuNavigazione a{
height:0;
}

#middleContainer #middleContainerInside {
	position : absolute;
	top : 110px;
	left:216px;
	height : 200px;
	width : 785px;
	background: transparent url(../img/bgright.jpg) left top repeat-x;
}

#middleContainer #middleContainerInside img {
	margin-top:15px;
	margin-left:5px;
}

#middleContainer #middleContainerInside flashBanner {
	float : right;
}
	
#content {
	background : #fff;
	overflow : hidden;
	padding : 0 0 40px 30px;
	margin-top:-20px;
	font-size : 1.1em;
}

#content  strong{
	color:#0f2e67;
	font-weight:normal;
}	
		#content ul {
			padding : 0 0 0 20px;
			margin : -10px 0 10px 0;
			list-style : square;
		}	
		
			#content #box2 ul li {
				margin : 5px 0;
			}
		
		#content #box1, #content #box2, #content #box3 {text-align : justify;}
		#content img.boxBg {margin : 10px auto;display : block;}
				
		#content #box1 p, #content #box2 ul, #content #box3 ul {margin : 0 0 20px 0;}
	
		#content #box1 {
			width : 160px;
			margin : 0 60px 0 0;
			float : left;
		}
		
			#content #box1 p.seeAlso {
				margin : 20px 0 5px 0;
				color : #0f2e67;
				border-bottom : 2px solid #0f2e67;
				text-transform : uppercase;
				font-size:18px;

			}
			
			#content #box1 ul.moreDetails {
				list-style : none;
				padding : 0;
				margin : 0;
				text-align : left;
			}
			
			#content #box1 ul.moreDetails li {
			
			}
			
				#content #box1 ul.moreDetails li a {
					padding : 5px; 
					border : none;
					display : block;
					border-bottom : 1px solid #0f2e67;
				}
				
				#content #box1 ul.moreDetails li a:hover {
					background : #F6F6F6;
					border-bottom : 1px solid #0f2e67;
				}
			
			
		
		#content #box2 {
			width : 430px;
			float : left;
			margin : 0 40px 0 0;
		}
		
		#content #box3 {
			width : 270px;
			float : left;
		}
			
			#content #box3  ul li {
				margin :  0 0 0 0px;
				line-height:1.8em;
			}
			
		#content #boxWidest{
			float : left;
			width : 900px;
			padding:0 60px 0 60px;
		}
		
		#content #boxWider {
			float : right;
			width : 700px;
			padding:0 20px 0 0;
		}
			
			#content #boxWider p.data {
				margin : 0;
				
			}
			
			#content #boxWider p {
				margin : 0 0 20px 0;
				text-indent:2em;
				line-height:25px;
			}
			
			#content #boxWider p.cite {
				margin : 0 0 20px 30px;
				font-size : 1.1em;
			}
				#content #boxWider p.cite strong {
					display : block;
					text-align : right;
				}
			
			#content #boxWider p.citeR {
				float : right;
				width : 200px;
				line-height : 1.5em;
				font-family : Georgia, serif;
				color : #2A6445;
				font-size : 1.7em;
				margin : 0 0 10px 30px;
			}
			
			#content #boxWider p.citeL {
				float : left;
				width : 200px;
				line-height : 1.5em;
				font-family : Georgia, serif;
				color : #2A6445;
				font-size : 1.7em;
				margin : 0 30px 10px 0;
			}
			
			#content #boxWider .personDescription {
					clear : both;
					padding : 0 0 20px 0;
					overflow : hidden;
					text-align : justify;

			}
			
			#content #boxWider .personDescription img {
				border : 5px solid #A8A8A8;
				float : left;
				margin : 0 20px 0 0;
			}
			
			#content #boxWider .personDescription p.title {
				color : #24643D;		
				margin : 0 0 0px 0;
			}
			
			#content #boxWider .microsphereUsage {
        list-style : none;
      }
	  
				#content #boxWider .microsphereUsage table.contactDetails td {
					padding : 5px 30px 5px 0;
					border-bottom : 1px solid #c9c9c9;
					line-height:25px;
				}
							
      
      #content #boxWider .microsphereUsage span {
        display : block;
        color : #20643B;
        font-weight : bold;
      }
      
      #content #boxWider .microsphereUsage li {
        clear : both;
        margin : 0 0 20px 0;
        overflow : hidden;
      }
      
      #content #boxWider .microsphereUsage li img {
        float : left;
        margin : 0 20px 0 0;
      }
      
	  
				#content #boxWidest .microsphereUsage table.contactDetails td {
					padding : 5px 30px 5px 0;
					border-bottom : 1px solid #c9c9c9;
					line-height:25px;
				}
				
			#content #boxWidest .microsphereUsage {
        list-style : none;
      }
	  
				#content #boxWidest .microsphereUsage table.contactDetails td {
					padding : 5px 30px 5px 0;
					border-bottom : 1px solid #c9c9c9;
				}							
      
      #content #boxWidest .microsphereUsage span {
        display : block;
        color : #0f2e67;
        font-weight : bold;
      }
      
      #content #boxWidest .microsphereUsage li {
        clear : both;
        margin : 0 0 20px 0;
        overflow : hidden;
      }
      
      #content #boxWidest .microsphereUsage li img {
        float : left;
        margin : 0 20px 0 0;
      }
	  
      #content #boxWider .gallery {
        list-style : none;
        padding : 5px 0 0 45px;
      }
      
      #content #boxWider .gallery li {
        float : left;
        margin : 0 15px 15px 0 ;
      }
      
      #content #boxWider .gallery li a {
        border : 10px solid #c9c9c9;
        display : block;
        padding : 0;
        opacity : 0.8;
      }
      
      #content #boxWider .gallery li a:hover {
        border-color : #0f2e67;
        opacity : 1;
      }
      
      #content #boxWider .gallery li a img {
        border : 1px solid #fff;
      }

#boxWider form {margin:20px 0; padding:0; width:530px; float:right}
#boxWider form fieldset {border-width:0; margin:0; padding:0;}
#boxWider form legend {display:none;}
#boxWider form label { display: inline; float:left; width:90px; }
#boxWider form input,
#boxWider form select,
#boxWider form textarea { border: 1px solid #E4E4E4; width:400px; margin-bottom:10px; font: normal 12px Arial, Helvetica, sans-serif;}
#boxWider form input:focus,
#boxWider form textarea:focus { border-color:#CCC;}
#boxWider form input.submit {
	width:100px; 
	text-align:right; 
	padding: 3px;
	padding-right:10px; 
	float:right; 
	background-color: #e9e9e9; 
	color: #666; 
	margin-right:42px; 
	border: 2px solid #e9e9e9;
	cursor:pointer;
}


#proMain{
	margin-left:-50px;;
}

#proMain table{
	width:900px;
	background-color:#80D0D5;
	font-size:12px;
}

#proMain span{
	width:105px;
	display:block;
	float:left;
}

#proMain table tr{
	background-color:#fff;
}

#proMain table tr td{
	text-align:center;
	line-height:20px;
}

#proMain .tr1{
	color:#298C8C;
	font-weight:bold;
}

#proMain .tr3{
	background:#DAF3F7;
}

#proMain .td1{
	background:#DAF3F7;
}

#proMain .td2{
	background:#fff;
}

.btnstyle{ width:100px; color:#FFF; background-color:#16396f; padding-top:2px;}
.hr_txtwidth{ width:300px;}

.microsphereUsage select{
	width:150px;
}
#footer {
	height : 160px;
	width : 100%;
	margin : 0;
	position : relative;
	background : url(../img/footerBg.jpg) repeat-x;
}			
	
#footer ul {
	margin : 0 0 0 20px;
	padding : 30px 0 0 0;
}

	#footer ul li {
		float : left;
		margin : 0 20px 0 0;
	}
	
#footer p {
	display : block;
	clear : both;
	margin : 0 0 0 20px;
	padding : 5px 0 0 0;
}

#footer #contactDetails {
	position : absolute;
	left : 640px;
	top : -70px;	
}
	
#footer #contactDetails p {
	padding : 105px 0 0 0;
	color : #666;
}
	
	

