﻿body {
	background-color:#c9e4f6;
	color:#82c7f3; margin:0; padding:0;
	text-align: center;font-family:Arial, Helvetica, sans-serif;
}

* html img, * html .png{
   
	position:relative;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",

        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",

        this.src = "../img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),

        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",

        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)

    );
}



div.container {
	width:900px; height:600px; margin:0 auto; padding:0;
	background:#FFF url('../img/sfondo.png') no-repeat center top;
	-moz-box-shadow: 0px 0px 20px #ccc; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 20px #ccc; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 20px #ccc; /* Opera 10.5, IE 9.0 */
}

div.none{
	background-image:none;
	height:auto; margin:0 auto;
}

div.container div.header{
	width:900px; height:269px; margin:0 auto; text-align:left;
	background:transparent url('../img/header.png') no-repeat center top;
}

div.container div.interno{
	height:60px; color:#FFF;
}
div.container div.interno h2 {
	margin:0; padding:0;
}
div.container div.interno ul{
	margin:0 0 0 0; padding:0;
	float:right;  position:relative; top:20px;
}
div.container div.interno ul li{
	float:left; width:120px; margin: 0 10px 0 0;
	list-style:none; text-align:center;
}
div.container div.interno ul li a{
	width:120px; display: block;
	text-decoration:none; color:#FFF;
	border-top:3px solid transparent;
}
div.container div.interno ul li a.hover  {
	 border-top:3px solid #FFF; text-decoration:none;
}
div.container div.interno ul li a:hover {
	text-decoration:none; color:navy;

}

div.container div.header h1{font-size:30px;margin :0;padding:0; position:relative; top:100px; left:90px; color:#FFF;}

 div.container div.header h2 a, div.container div.header h2 a:hover{
font-size:30px; width:200px;margin :0;padding:0; position:relative; top:20px; left:20px; 
color:#FFF; display:block; float:left; text-decoration:none;}

div.container div.centrale{
	width:900px; height:306px; margin:0 auto;
	background-color:transparent; 

}

div.container div.centraleInterno{
	width:900px; height: auto !important;  /* per i browser moderni */
    height: 485px;      /* per IE5.x e IE6 */
    min-height: 485px;  /* per i browser moderni */ margin:40px auto 0 auto;
	background-color:transparent;
	}	

div.container div.centraleInterno div.progetti{ height:330px; margin:20px;}
div.container div.centraleInterno div.progetti div.img{ height:300px; width:300px; margin:20px 30px 0 30px;float:left;}
div.container div.centraleInterno div.progetti div.img img {
	border:1px solid #82c7f3; padding:10px;
}
div.container div.centraleInterno div.progetti div.descr{ height:300px; width:450px; float:left;}
div.container div.centraleInterno p.center{
	text-align:center; margin:6px; padding:0;
	font-size:28px;
}

div.container div.centraleInterno div.freefun{ height:200px; margin:0; width:33%; float:left;}
div.container div.centraleInterno div.freefun div.descr{ height:200px; overflow:auto;}


div.container div.centrale div.latosx{
	width:450px; height:306px; float:left;
}
div.container div.centrale div.latosx ul,div.container div.centrale div.latodx ul{
	display:block; margin:0; padding:0;
}
div.container div.centrale div.latosx ul li,div.container div.centrale div.latodx ul li{
	float:left; display:inline; width:140px;
	height:200px; list-style:none;
}
div.container div.centrale div ul li a,div.container div.centrale div.latodx ul li a{
	width:140px;height:200px; display: block;
}
div.container div.centrale div.latosx ul li a span,div.container div.centrale div.latodx ul li a span{
	display:none;
}



div.container div.centrale div.latocx{
	width:320px; height:306px; float:left;
	background:#FFF url('../img/cerchio.png') no-repeat center top;
}
div.container div.centrale div.latocx h1{
	width:245px; height:172px; color:#FFF; text-align:center;
	font-size:20px; display:block; margin:50px 0 0 35px;
	font-weight: normal; 
}



div.container div.centrale div.latodx{
	width:130px; height:306px; float:left;
}


div.container div.footer{
	width:900px; height:25px; margin:0 auto;
	background-color:#FFF; clear:both;
	font-size:12px;
}


a{
	color:#82c7f3; text-decoration:none;
}
a:hover{
	color:#82c7f3; text-decoration:underline;
}

