/* ----- HTML ------------------------------------------------------------------------------------------------------------------------- */
* {
margin:0; 
padding:0;
}

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,  cite, blockquote, a, em, img, ins, strong, sub, ol, ul, li, tr, th, td {
border:0; 
outline:0; 
vertical-align:baseline; 
background:transparent;
}

body 
{
	background:url("../images/bkg.gif") 0 0 repeat-x; 
	font:0.8em/1.5 "arial", sans-serif;
	background-color:#fff; 
	color:#404040
}


h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {
	margin: 5px 0;
}


/* ---------------- styles  ----------------------------------------------------------------------------------------------------------  */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../images/ul-01.gif") 0 50% no-repeat; font-size:85%;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

.noscreen {display:none;}
.clear {clear: both;}
.spacer {padding-left: 100px;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

.f-left {float:left !important;}
.f-right {float:right !important;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}

.img {margin:0 !important;}
 /* ------------------------------------------------------------------------------------------------------------------------- */


a {
color:#404040;
text-decoration:none;
}
a:hover {
color: #bdd73c;
text-decoration:none;
}

/* ---------------- container ---------------------------------------------------------------------------------------------------------- */

#main 
{
width:960px; 
margin:0 auto; 
overflow:hidden;
}

/* ---------------- top ---------------------------------------------------------------------------------------------------------- */
   #header {
	position: relative;
	height: 70px;
	padding: 20px 20px 10px 20px;
}

        #logo 
		  {
		  margin:0;
		  }
    
        #lang {
	position:absolute;
	top:57px;
	right:0px;
	margin:0;
	width: 520px;
		  }
		  
		  
		/*  #fb-root{
	position:absolute;
	top:20px;
	right:0px;
	margin:0;
	width: 100px;
		  }*/
		  
        #lang span {
			margin: 0 5px;
			}
		  
		  #lang a {
		  color: #999;
		  text-decoration:none;
		  }
    		#lang a:hover {
			color: #bdd73c;
			text-decoration:none;
	 		}
		
		  #lang .lang-select {
		  font-weight:bold; 
		  color: #bdd73c;
		  text-decoration:none;
		  }

		  
/* ---------------- Navigation ---------------------------------------------------------------------------------------------------------- */		  
    
    #nav {
	 position:relative; 
	 width:960px; 
	 height:45px; 
	 background:url("../images/nav-bkg.gif") 0 0 no-repeat; 
	 overflow:hidden; 
	 font:bold 90%/1 "tahoma",sans-serif;
	 }
	 
    #nav ul {
	 margin:0 20px;
	 list-style:none;
	 }
	 
    #nav li {
	 display:inline;
	 }
	 
    #nav li a {
	display: block;
	float: left;
	padding: 17px 17px 17px 17px;
	background: url("../images/nav-separator.gif") 100% 0 no-repeat;
	text-decoration: none;
	}
	 
    #nav li a:hover {
	 color: #fff;
	 background:url("../images/nav-hover.gif");
	 }
    #nav li#nav-active a {
	 color: #fff;
	 background:url("../images/nav-active.gif");
	 }

        #nav-dx {
		  position:absolute; 
		  height:45px; 
		  right:-22px; 
		  margin:0;
		  }
		  
		  #nav-dx li {
	 		display:inline;
	 		}
	 
   	 	#nav-dx a {
			display: block;
			float: right;
			padding: 17px 5px 17px 5px;
			background: url("../images/nav-separator.gif") 100% 0 no-repeat;
			color: #fff;
			text-decoration: none;
			}
	 
    		#nav-dx li a:hover {
	 		color: #626376;
	 		}
			
    		#nav-dx li#nav-active a {
	 		color: #626376;
	 		}

/* ---------------- footer---------------------------------------------------------------------------------------------------------- */		
    #footer {
	clear: both;
	width: 100%;
	padding: 10px 0px 10px 20px;
	font-size: 75%;
	float: right;
	border-top: solid thin;
	border-top-color: #bdd73c;
	}
    #footer p {
	 margin:0;
	 float: right;
	 padding-right: 20px;
	 }

/* ---------------- focus---------------------------------------------------------------------------------------------------------- */	

#focus-top {
width:960px; 
height:3px; 
margin-top:5px; 
/*background:url("../images/focus-top.gif") 0 0 no-repeat; font-size:0; */
line-height:0; 
overflow:hidden;
}

#focus-bottom {
width:960px; 
height:3px; 
margin-bottom:2px; 
/*background:url("../images/focus-bottom.gif") 0 0 no-repeat; */
font-size:0; 
line-height:0; 
overflow:hidden;
}

#focus-img {
	position: relative;
	padding: 0px 0px 0px 0px;
	background: url("../images/focus-img.jpg") 0 0 no-repeat;
	height: 200px;
}


#focus-text {
	 float:right; 
	 width:600px; 
	 padding-top:50px;
	 line-height:1.5;
}

#focus-text p{
	 float:left; 
	 margin: auto;
	 width:580px; 
	 text-align: justify;
	 line-height:1.5;
}

        #focus {
	float: left;
	position: relative;
	width: 500px;
	height: 20px;
	margin: 0;
	padding: 0 0 2px 0;
	color: #fff;
	font-size: 180%;
	text-align: left;
}


	/* ---------------- 3 columns --------------------------------------------------------------------------------------------------------- */		
	
.left{
	float: left;
	position: relative;
	padding: 2px 10px 5px 0px;
}
	
	.middle{
	float: left;
	position: relative;
	padding: 2px 5px 5px 5px;
	}
	
	.right{
	float: left;
	position: relative;
	padding: 2px 0px 5px 10px;
}
				
.col 
{
	float: left;
	position: relative;
	width: 310px;
	background: url("../images/col-bkg.jpg") 0 0 no-repeat;
	min-height: 235px;
	height: auto !important;
	height: 235px;
}

 .tv
{
	float: left;
	position: relative;
	width: 310px;
	background: url("../images/tv-bkg.jpg") 0 0 no-repeat;
	min-height: 235px;
	height: auto !important;
	height: 235px;
}

.tv a {
color:#fff;
text-decoration:none;
}

.tv a:hover {
color: #999;
text-decoration:none;
}

.tv h3
{
	font-size: 12px;
	padding: 0px 0px 0px 10px;
}

.col.right {
	margin-right:0;
}

.col p
{
	float: right;
	line-height: normal;
	width: 290px;
	padding: 2px 10px 0px 2px;
}

.col h3
{
	font-size: 12px;
	padding: 0px 0px 0px 10px;
}

.col img {
	float: left;
	margin: auto;
}

.col .read-on {
	float: right;
	margin: auto;
	width: 73px;
	padding-top: 2px;
	padding-right: 5px;
	/*background: url("../images/ul-01.gif") no-repeat bottom;*/
}

.col a {
color:#fff;
text-decoration:none;
}

.col a:hover {
color: #999;
text-decoration:none;
}

.col.center {
	padding: 0 2%;
}

/* ---------------- pubblicità bottom---------------------------------------------------------------------------------------------------------- */	

#base {
	position: relative;
	width: 960px;
	padding: 0px 0px 0px 0px;
	height: 140px;
}

#base img {
	position: absolute;
	padding: 2px 10px 10px 0px;
	margin: auto;
	height: 130px;
}

#base p
{
	float: right;
	line-height: normal;
	width: 290px;
	padding: 10px 10px 10px 10px;
	height: 130px;
	background: url("../images/pub-bkg.gif") repeat-x 0 0;
}