@charset "utf-8";

html {height:100%;}

body {
	height:100%;
	min-height:100%;

	margin-left: 0px;
	margin-top: 00px;
	margin-right: 0px;
	margin-bottom: 0px;

	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #fff;
	
	background-image:url(../img/bg.png);
}
a img {border:0;}

img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  
  opacity:0.8;
  filter:alpha(opacity=40); /* For IE8 and earlier */
}

.table { display: table; height:100%; width:100%; position:relative; z-index:1;	}
.tr { display: table-row; }
.td { display: table-cell; }
.a { height: 200px;}
.b { height: 100%; 
	background-image:url(../img/bg_content.jpg);
	background-position:center top;
	
	-webkit-box-shadow: 0px 2px 5px #000,  0px -2px 5px #000;
	    moz-box-shadow: 0px 2px 5px #000,  0px -2px 5px #000;
	        box-shadow: 0px 2px 5px #000,  0px -2px 5px #000;}
.c { height: 70px;}


#divLogo {
	position:relative;
	margin:auto;
	width:980px; 
}

	#divImgLogo {
		position:relative;
		float:left;
		top:10px;
		width:400px;
		height:190px;
	}
	
	#divBandaMenu{
		position:relative;
		float:right;
		top:150px;
		
		width:500px;
		height:50px;
		
		background-image:url(../img/bg_content2.jpg);
		background-position:center top;
		
		-webkit-box-shadow: 0px 2px 5px #000,  0px -2px 5px #000;
	    moz-box-shadow: 0px 2px 5px #000,  0px -2px 5px #000;
	        box-shadow: 0px -4px 5px #000;
	}
	
	#divLingue{
		z-index:3;
		position:absolute;
		right:0px;
		top: 10px;
	}

#divPagina {
	position:relative;
	min-height:100%;
	width:980px;
	margin:auto;
}



#divTesto{
	width:980px;
	margin:auto;
	overflow:auto;
	text-align:justify;
	padding:10px 0;
}

#divFooter {
	position:relative;
	
	width:980px;
	margin:auto;
	margin-top:10px;
	
}


	#divDati{
		padding:10px 0;
		font-size:9px;
		float:left;
	}
	
	#divDueBytes{
		padding:10px 0;
		font-size:9px;
		float:right;
	}

#imgChiSiamo{
	width:250px;
	
	float: right;
	margin: 5px 0px 10px 10px;

	border-style:double;
	border-color:#999;

	-webkit-box-shadow: 0px 10px 10px -10px #000;
	   -moz-box-shadow: 0px 10px 10px -10px #000;
	        box-shadow: 0px 10px 10px -10px #000;
}

.divThumb{
	width:320px; 
	position:relative; 
	float:left;
	margin:20px 3px;;	
}

.spanThumb{
	background-color:#111; 
	width:296px;
	height:30px; 
	margin-bottom:-40px; 
	padding-top:5px; 
	
	bottom:60px;
	position:relative;
	
	display:inline-block;
	opacity:0.7; 
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

/* --- Tabella LOG --- */

#tableLog{

	width:100%;

	text-align: left;
	border-collapse: collapse;

	}

#tableLog th
{
	padding: 8px 4px 8px 8px;
	font-weight: bold;
	font-size: 13px;
	background: #ccc;
	color: #515151;
}
#tableLog td
{
	padding: 3px;
	background: #eee;
	border-top: 1px solid #fff;
	color: #515151;
}

#tableLog tbody tr:hover td
{
	background: #fff;
}

#td-browser, #td-paese, #td-piattaforma{
	width:20px;

}
#td-browser img, #td-paese img, #td-piattaforma img{

	margin: 0 auto;
	display:block;
}

/* form CONTATTI */

#divFacebookLikeBox{
	border:solid 1px #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	overflow:hidden;
	
	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
	
	padding: -2px; 
	height:210px;
	width:292px;
}

#divContattiInfo{
	float: left;
	display:block;
	width:540px;
}

#divContatti{
	float:right;
	padding-left:20px;
	box-shadow: 0px -5px 8px -7px #888;
	box-shadow: 0px -5px 8px -7px #888;
	box-shadow: -5px 0px 8px -8px #888;
	margin-bottom: 20px;
}


form li.highlighted{
	background-color:#ddd;
}

.form_description{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
	font-weight:bold;
}

form li{
	display:block;
	margin:0;
	padding:4px 7px 4px 4px;
	position:relative;
}

textarea{
	height:20em;	
}

input.large, textarea.large{
	width:99%;
}

input.medium{
	width:50%;
}

form{
	width:400px;
}

.form_description{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
}

.form_description[class]{
	display:block;
}


form ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.butt_invia {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Helvetica, 'Myriad Pro', Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:5px 17px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

.butt_invia:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.butt_invia:active {
	position:relative;
	top:1px;
}