@charset "UTF-8";
/* CSS Document */

body{
background: #054aa5 url(../img/bg/bg-body.jpg) fixed 50% 0%;
background-image: url(../img/bg/bg-body.jpg);
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: fixed;
background-position-x: 50%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-color: #054aa5;}

h2{
	color: #054aa5;}


#header{
	position: relative;
}

#privacy{
	width: 80px;
	height: 20px;
	top: 10px;
	right: 0px;
	position:absolute;
	}
	
#disclaimer{
	width: 80px;
	height: 20px;
	top: 35px;
	right: 0px;
	position:absolute;
	}

#mainnav{
	height:30px;
	background-color:#000;
	background-image: url(../img/bg/bg-mainnav.gif);
	background-repeat:repeat-x;
	position: relative;}

.mainnav-l{
	width: 7px;
	height: 7px;
	background-image: url(../img/bg/bg-mainnav-l.gif);
	top: 0px;
	left: 0px;
	position:absolute;
	}

.mainnav-r{
	width: 7px;
	height: 7px;
	background-image: url(../img/bg/bg-mainnav-r.gif);
	top: 0px;
	right: 0px;
	position:absolute;
	}

.nav li{
	display: inline;
	}

#focus{
	height: 330px;
	background-color:#FFF;
	padding-top: 10px;
	padding-bottom: 10px;}
	
#title{
	height: 100px;
	background-color:#FFF;
	background-image:url(../img/bg/bg-title.jpg);
	background-repeat: no-repeat;
	padding-top: 18px;
	color:#036;
	}
	
#title h1{
	color:#036;}
	
#secnav{
	height: 400px;
	background-color:#eaeaea;
	background-image:url(../img/bg/bg-secnav.jpg);
	background-position: right bottom;
	background-repeat:no-repeat;
	border-top:solid 0px #aaa;
	padding-top: 25px;
	font-weight: normal;
	padding-bottom: 5px;
	}

#secnav2{
	background-color:#FFFFFF;
	 background-image:url(../img/bg/bg-secnav.jpg); 
	background-position:bottom;
	background-repeat:no-repeat;
	
	}
	
#secnav2 ul {
	background-color: #CCCCCC;
	margin:0px;
	padding-left:2px;	
	}
	
#maincontent{
	height: 350px;
	background-color:#fff;
	border-top:solid 1px #aaa;
	background-image:url(../img/bg/bg-blank.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	font:Verdana, Arial;
	color: #FF3333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}

#maincontent2{
	background-color:#fff;
	border-top:solid 1px #aaa;
	background-image:url(../img/bg/bg-blank.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	}

#seccontent{
	height: 300px;
	background-color:#fff;
	}
	
#reference{
	background-color:#efefef;
	border-top:solid 1px #eee;
	height: 70px;
	font-size:10px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.evidenza1{
	background-color:#CCC;
	padding: 10px;
	border-bottom: solid 4px #999;
	margin-bottom: 10px;
	}

.img{
	border: solid 1px #ccc;
	padding: 4px;
	margin: 6px;
	}

.img2{
	border: solid 1px #ccc;
	padding: 4px;
	}

#footer{
	height: 80px;
	background-image: url(../img/bg/bg-footer.gif);
	background-repeat:repeat-x;
	background-color:#000;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}
	
.footer-l{
	width: 7px;
	height: 7px;
	background-image: url(../img/bg/bg-footer-l.gif);
	bottom: 0px;
	left: 0px;
	position:absolute;
	}

.footer-r{
	width: 7px;
	height: 7px;
	background-image: url(../img/bg/bg-footer-r.gif);
	bottom: 0px;
	right: 0px;
	position:absolute;
	}
.footer-reference{
	top: 15px;
	text-align:center;
	color: #fff;
	position:absolute;
	width: 950px;
	}
	
/* ------------------- LAVALAMP ----------------------------------------------------------------*/

#lava {  
    /* you must set it to relative, so that you can use absolute position for children elements */  
    position:relative;   
    text-align:center;   
    width:950px;   
    height:30px;  
}  
  
#lava ul {  
    /* remove the list style and spaces*/  
    margin:0;   
    padding:0;   
    list-style:none;   
    display:inline;  
              
    /* position absolute so that z-index can be defined */  
    position:absolute;   
      
    /* center the menu, depend on the width of you menu*/  
    left:80px;   
    top:0;   
      
    /* should be higher than #box */  
    z-index:100;  
  
}  
  
#lava ul li {  
      
    /* give some spaces between the list items */ 
	padding-top: 8px;
	padding-right: 4px;
    margin:0 20px;   
      
    /* display the list item in single row */  
    float:left;  
}  

#lava ul li a:link, #lava ul li a:active, #lava ul li a:visited{  
     text-decoration:none;
	 color: #FFF;
}  

#lava ul li a:hover{  
     text-decoration:none;
	 color: #054ba6;
} 

#lava ul li.selected a:link, #lava ul li.selected a:active, #lava ul li.selected a:visited{  
     text-decoration:none;
	 color: #1B65A6;
}  

#lava ul li.selected a:hover{  
     text-decoration:none;
	 color: #054ba6;
}  

  
#lava #box {  
      
    /* position absolute so that z-index can be defined and able to move this item using javascript */  
    position:absolute;   
    left:0;   
    top:0;   
      
    /* should be lower than the list menu */  
    z-index:50;   
  
    /* image of the right rounded corner */  
    background:#ccc;   
    height:30px;  
      
    /* add padding 8px so that the tail would appear */  
    padding-right:8px;  
      
    /* self-adjust negative margin to make sure the box display in the center of the item */  
    margin-left:-5px;  
}  
  
#lava #box .head {  
    /* image of the left rounded corner */  
    background:#f2f2f2;  
    height:30px;  
  
    /* self-adjust left padding to make sure the box display in the center of the item */  
    padding-left:10px;  
}

/* ------------------- TAB NAVIGAZIONE SECONDARIA ----------------------------------------------------------------*/

.elencotab li, .elencotab2 li{
	list-style-type:none;
	margin: 0px;
	margin-bottom:1px;
	margin-left: 1px;
	display:block;
	width:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.elencotab li a, .elencotab2 li a{
	display:block;
	width:223px;
	padding: 1px;
	padding-left: 5px;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	color:#777;
	background-image:url(../img/bg/bg-tab.png);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 20px;
	}
	
.elencotab2 li a{
	font-size:12px;
	}
	
	
.elencotab li a:hover, .elencotab2 li a:hover{
	background-image:url(../img/bg/bg-tab1.png);
	background-repeat:no-repeat;
	color:#1b65a6;
	}

.elencrea li{
	list-style-type:none;
	margin: 0px;
	margin-bottom:1px;
	margin-left: 1px;
	display:block;
	width:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.elencrea li a{
	display:block;
	width:145px;
	padding: 7px;
	padding-left: 7px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#777;
	background-image:url(../img/bg/bg-tab.png);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	}
.elencrea li a:hover{
	background-image:url(../img/bg/bg-tab3.png);
	background-repeat:no-repeat;
	color:#1b65a6;
	}
	
/* ------------------- CAROUSEL HOME PAGE ----------------------------------------------------------------*/
	
	
#carousel {  
    width:205px;  
    height:200px;     
    margin:0 auto;  
}  
  
#slides {  
    overflow:hidden;  
    /* fix ie overflow issue */  
    position:relative;  
    width:240px;  
    height:200px;  
    border:1px solid #ccc;  
}  
  
/* remove the list styles, width : item width * total items */    
#slides ul {  
    position:relative;  
    left:0;  
    top:0;  
    list-style:none;  
    margin:0;  
    padding:0;    
    width:600px;              
}  
  
/* width of the item, in this case I put 250x250x gif */  
#slides li {  
    width:240px;  
    height:200px;     
    float:left;  
}  
  
#slides li img {  
    padding:5px;  
}  
  
/* Styling for prev and next buttons */  
#buttons {  
    padding:10px 0 5px 0;    
    float:right;  
}  
  
#buttons a {  
    display:block;   
    width:31px;   
    height:32px;  
    text-indent:-999em;  
    float:left;  
    outline:0;  
}  
  
a#prev {  
    background:url(arrow.gif) 0 -31px no-repeat;   
}  
  
a#prev:hover {  
    background:url(arrow.gif) 0 0 no-repeat;  
}  
  
a#next {  
    background:url(arrow.gif) -32px -31px no-repeat;   
}  
  
a#next:hover {  
    background:url(arrow.gif) -32px 0 no-repeat;  
}  
  
.clear {clear:both}    
a#prev {  
    background:url(../img/arrow.gif) 0 -31px no-repeat;   
}  
  
a#prev:hover {  
    background:url(../img/arrow.gif) 0 0 no-repeat;  
}  
  
a#next {  
    background:url(../img/arrow.gif) -32px -31px no-repeat;   
}  
  
a#next:hover {  
    background:url(../img/arrow.gif) -32px 0 no-repeat;  
}  
  
.clear {clear:both}