/* <!-- */
	/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff url(../images/background.gif);
        min-width:800px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		/*font-size:90%;*/
		font:70% verdana,helvetica,sans-serif;
		text-align: center; /* for IE 6 and above*/		
    }
	a {
    	color:#CC0000;
	}
	a:hover {
		color:#FFFFFF;
		background:#CC0000;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
	/* contenitore della pagina */
	#fullcontent 
	{
		width: 800px;
		margin: 0 auto;
		text-align: left; /* counter the body center */		
	}
		
	/* Header styles */
    #header {
        width:800px;
        height: 200px;
		background: #ffffff;
		overflow: hidden;
    }
	#dimTesto
	{
		margin-top: 0px;
		margin-right: 0px;
		float:right;
		position: fixed;
		z-index: 9;
	}
	#flashSwf
	{
		margin-top: 0px;
		margin-right: 0px;
		z-index: 0;
	}
	#header img 
	{
		margin: 0px 0px -2px 0px;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:800px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */		
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#fff;    	/* Right column background colour */
	    margin-top: 0px;
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-150px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:300px;         	/* Left column width + right column width */
        background:#FFF;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:150px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 160px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:150px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:150px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
    /* stili del box interno alla colonna sx e dx della pagina */
    .webcamBox
    {
    	background-image: url(../images/sfondo1.png);
    	margin-top: 0px;
    	margin-bottom: 0px;
    	border-bottom: solid 1px #cc0000;
    	border-top: solid 1px #cc0000;
    	border-left: solid 1px #cc0000;
    	border-right: solid 1px #cc0000;
    	padding-left: 0px;
    	padding-right: 0px;
    	padding-top: 0px;
    	padding-bottom: 0px;
    }
    
    .webcamBox img
    {
        margin-top: 0px;
    	margin-bottom: 0px;
    	border-bottom: solid 1px #cc0000;
    	border-top: solid 1px #cc0000;
    	border-left: 0px;
    	border-right: 0px;
    }
    
    .webcamBox .noBorder
    {
    	background-color:#ffffff;	
    }
    
     .webcamBox h3
    {
    	text-align: center;
    	font-size:1em;
    	border-bottom: solid 1px;
    	border-bottom-color: transparent;
    	margin-left: 0px;
    	margin-right: 0px;
    	margin-top: 0px;
    	padding-left: 0px;
    	padding-right: 0px;
    	padding-top: 0px;
    	padding-bottom: 0px;
    }
    .colBox 
    {
    	margin-top: 5px;
    	margin-bottom: 5px;
    	border-bottom: solid 1px #666666;
    	border-top: solid 1px #666666;
    	border-left: solid 1px #666666;
    	border-right: solid 1px #666666;
    	padding-left: 3px;
    	padding-right: 3px;
    }
    
    .colBoxTratt
    {
    	margin-top: 5px;
    	margin-bottom: 5px;
    	border-bottom: dotted 1px #666666;
    	border-top: dotted 1px #666666;
    	border-left: dotted 1px #666666;
    	border-right: dotted 1px #666666;
    	padding-left: 3px;
    	padding-right: 3px;
    	background-color: #ffff00;
    	/*background-image: url("../images/sfondo1.png");*/
    }
    
    .colBoxTratt2
    {
    	margin-top: 5px;
    	margin-bottom: 5px;
    	border-bottom: dotted 1px #666666;
    	border-top: dotted 1px #666666;
    	border-left: dotted 1px #666666;
    	border-right: dotted 1px #666666;
    	padding-left: 3px;
    	padding-right: 3px;
    	background-color: #fff;
    	/*background-image: url("../images/sfondo1.png");*/
    }
    
    .colBoxFlags
    {
    	margin-top: 5px;
    	margin-bottom: 5px;
    	border-bottom: dotted 1px #CC0000;
    	border-top: dotted 1px #CC0000;
    	border-left: dotted 1px #CC0000;
    	border-right: dotted 1px #CC0000;
    	padding-left: 3px;
    	padding-right: 3px;
    	text-align:center;
    }
    
    .icon_flag {padding:2px; border:0px solid #dedede; margin-top:5px; margin-bottom:3px;}
    
    .colBox h3
    {
    	text-align: center;
    	font-size:1em;
    	border-bottom: solid 1px #666666;
    	margin-left: -3px;
    	margin-right: -3px;
    	margin-top: 0px;
    	padding-left: 3px;
    	padding-right: 3px;
    	background: #FFDDDD url(..\images\sfondo_menuSX.gif) no-repeat;
    }
    
    .colBox h2
    {
    	text-align: center;
    	font-size:1em;
    	border-bottom: solid 1px #666666;
    	margin-left: -3px;
    	margin-right: -3px;
    	margin-top: 0px;
    	padding-left: 3px;
    	padding-right: 3px;
    	background-color: #FFDDDD;
    }
    
    .colBox img
    {
    	margin: 0px;
    	border: 0px;
    	background-color: #FFFFFF;    	
    }
    
    .colBox .noBorder {background-color:#ffffff;}
    
    .colBox .socNet
    {
    	border: 0px 0px 0px 0px;
    	margin: -1px;
    }
    
    .colBox ul
    {
    	text-align: right;
    	list-style-type: none;
    	margin: 0;
    }
    
    .colBox ul li
    {
		margin: 2px;
    }
    
    /* Banners SX LINK */
    .colBoxBanner 
    {
    	margin-top: 5px;
    	margin-bottom: 5px;
    	border-bottom: solid 1px #666666;
    	border-top: solid 1px #666666;
    	border-left: solid 1px #666666;
    	border-right: solid 1px #666666;
    	padding-left: 3px;
    	padding-right: 3px;
    }

    .colBoxBanner h3
    {
    	text-align: center;
    	font-size:1em;
    	border-bottom: solid 1px #666666;
    	margin-left: -3px;
    	margin-right: -3px;
    	margin-top: 0px;
    	padding-left: 3px;
    	padding-right: 3px;
    	background: #FFDDDD url(..\images\sfondo_menuSX.gif) no-repeat;
    }
    
    .colBoxBanner h2
    {
    	text-align: center;
    	font-size:1em;
    	border-bottom: solid 1px #666666;
    	margin-left: -3px;
    	margin-right: -3px;
    	margin-top: 0px;
    	padding-left: 3px;
    	padding-right: 3px;
    	background-color: #FFDDDD;
    }
    
    .colBoxBanner img
    {
    	margin: 0px;
    	border: 0px;
    	background-color: #FFFFFF;    	
    }
    
    .colBoxBanner .noBorder {background-color:#ffffff;}
    
    .colBoxBanner .socNet
    {
    	border: 0px 0px 0px 0px;
    	margin: -1px;
    }
    
    .colBoxBanner ul
    {
    	text-align: right;
    	list-style-type: none;
    	margin: 0;
    }
    
    .colBoxBanner ul li
    {
		margin: 2px;
    }
    
    .colBoxBanner a:link{background-color:#ffffff;}
    .colBoxBanner a:visited{background-color:#ffffff;}
    .colBoxBanner a:active{background-color:#ffffff;}
    .colBoxBanner a:hover{background-color:#ffffff;}
    
    /* Info Banners */
    .colBoxInfoBanner
    {
        background-color:#ffffff;
    	margin-top: 5px;
    	margin-bottom: 5px;
    	border-bottom: solid 1px #666666;
    	border-top: solid 1px #666666;
    	border-left: solid 1px #666666;
    	border-right: solid 1px #666666;
    	padding-left: 3px;
    	padding-right: 3px;
    	width: 450px;
    }
    
    .colBoxInfoBanner h3
    {
    	text-align: center;
    	font-size:1em;
    	border-bottom: solid 1px #666666;
    	margin-left: -3px;
    	margin-right: -3px;
    	margin-top: 0px;
    	padding-left: 3px;
    	padding-right: 3px;
    	background: #FFDDDD url(..\images\sfondo_menuSX.gif) no-repeat;
    }
    
    .colBoxInfoBanner h2
    {
    	text-align: center;
    	font-size:1em;
    	border-bottom: solid 1px #666666;
    	margin-left: -3px;
    	margin-right: -3px;
    	margin-top: 0px;
    	padding-left: 3px;
    	padding-right: 3px;
    	background-color: #FFDDDD;
    }
    
    .colBoxInfoBanner img
    {
    	margin: 0px;
    	border: 0px;
    	background-color: #FFFFFF;    	
    }
    
    .colBoxInfoBanner .noBorder
    {
    	background-color:#ffffff;    	
    }
    
    .colBoxInfoBanner .socNet
    {
    	border: 0px 0px 0px 0px;
    	margin: -1px;
    }
    
    .colBoxInfoBanner ul
    {
    	text-align: right;
    	list-style-type: none;
    	margin: 0;
    }
    
    .colBoxInfoBanner ul li
    {
		margin: 2px;
    }
    
    .meteoMapTnBox
    {
    	margin-left: 3px;
    }
    
    /* Box delle notizie nella colonna centrale */
    .boxNotizia
    {
    	border-left: solid 1px #666666;
    	border-right: solid 1px #666666;
    }
    
    .boxNotizia .notizia
    {    	
    	padding-left: 3px;
    	padding-right: 3px;
    	padding-bottom: 3px;
    }
    
    .boxNotizia .stileRss
    {
    	border-top: solid 1px #666666;
    	border-bottom: solid 1px #666666;
    	background-image: url("../images/sfondo1.png");    	
    	height: 30px;
    }
    
    .boxNotizia .stileRss img
    {
    	margin-top: 5px; 
    	margin-bottom: 0px; 
    	margin-right: 10px;
    	float: right;
    }
    
    .boxNotizia hr
    {
    	color: #220000;
    	width: 100%;
    	height: 1px;
   	}
    
    .boxNotizia h2
    {
    	text-align: center;
    	text-transform: uppercase;
    	color: #FFFFFF;
    	font-size:1.2em;
    	border-bottom: solid 1px #666666;
    	border-top:  solid 1px #666666;
    	padding-left: 3px;
    	padding-right: 3px;
    	background-color: #CC0000;
    }
    
    .boxNotizia .notizia h3
    {
    	font-size: 1em;
    	font-weight: bold;
    	margin-left: -3px;
    	margin-right: -3px;    	
    	padding-left: 3px;
    	padding-right: 3px;
    }
    
    .boxNotizia img
    {
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;	
    }
    
    .boxNotizia .noBorder
    {
    	background-color:#ffffff;    	
    }
    
	/* Footer styles */
	#footer {
        clear:both;
        width:800px;
        height:60px;
		border-top:1px solid #000;
		background: #ffffff url(../images/footer.jpg) no-repeat;
		border: solid 1px #666666;		
    }    
    #footer .copy
    {
		margin-top: 15px;
		margin-left: 10px;
    }
    #footer .copy .rosso
    {
    	color: #CC0000;
    }
    #footer .copy .grigio
    {
    	color: #656565;
    }
    
    /* Footer styles */
	#footer_mini {
        clear:both;
        width:456px;
        height:60px;
		border-top:1px solid #000;
		background: #ffffff url(../images/footer.jpg) no-repeat;
		border: solid 1px #666666;		
    }    
    #footer_mini .copy
    {
		margin-top: 15px;
		margin-left: 10px;
    }
    #footer_mini .copy .rosso
    {
    	color: #CC0000;
    }
    #footer_mini .copy .grigio
    {
    	color: #656565;
    }
    
    .icon_img_infohp {
	float:left; 
	margin:3px 3px 3px 0 ; 
	height: 140px;
	width: 90px;
	border:1px solid #CC0000;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	display: inline;
	float:left;	
	padding:2px;
    }
        
    .mail_link {color: #656565;}
    .mail_link a:link{color: #656565; text-decoration: underline;}
    .mail_link a:visited{color: #656565; text-decoration: underline;}
    .mail_link a:active{color: #656565; text-decoration: underline;}
    .mail_link a:hover{color: #ffffff; text-decoration: none;}
    
    /* --> */