/*
 CSS-Tricks Example
 by Chris Coyier
 http://css-tricks.com
*/


/* Resetto tutti gli stili */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,img,input,textarea,p,blockquote,th,td { margin:0; padding:0; }   
table { border-collapse: collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }   
/* FINE */



body { margin: 0 auto; padding: 0px; height:100%; font-family: helvetica, arial, sans-serif; color: #fff; }

h1 { font-size: 16px; color:#8C8C8C; padding:10px; font-weight:bold; }
h2 { font-size: 12px; font-weight:bold; }

* { 
margin: 0; 
padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont { height:100%; width:100%; overflow:hidden; }
#bg {  position: fixed; }

html, body { background-color: #111; }

#bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; }
#bg td { text-align:center; vertical-align:middle; }
#bg img { margin:0 auto; min-height:50%; min-width:50%; }
#cont { position:absolute; top:0;left:0; z-index:70; overflow:auto; }

.box { 
margin: 0 auto; 
width: 400px;
padding: 50px;
background: white; 
padding-bottom:100px;
font: 14px/2.8 Georgia, Serif;
}

#focus-stealer { position: absolute; left: -9999px; }




	
	
	.grey {font-family: helvetica, arial, sans-serif;
		font-size: 15pt;
		color:#909090;
		text-align:left;
		padding-left:0em;
		font-weight:bold;
	}
	
	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
	}
	
	@media screen and (max-width: 1024px){
		img.bg {
			left: 50%;
			margin-left: -512px; }
	}
	
	div#contmen {
		/* This is the only important rule */
		/* We need our content to show up on top of the background */
		position: relative; 
		z-index:10000;
		
		/* These have no effect on the functionality */
		width: 100%;
		height: 140px;
		margin: 0px 0px 0px 0px;
		
		background: black;
	
	
	}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}


.push { height: 30px; }
.footer { position: relative;  z-index:10000; width: 100%; height: 30px; background: #000; }
.footert { position: relative; margin-left: 20px; background: black; }
.footert p { font-size: 9px; line-height: 30px; }
.footert a { color:#c0c0c0; text-decoration:none; }
.footert a:hover { color: #fff; }
	
	
	.langwrap {
		position: relative; 
		width: 100px;
		margin-top: 100px;
		
		background: black;
		float:right;
	
	}
	
	
	.langwrap p {font-family: helvetica, arial, sans-serif;
		font-size: 9pt;
		color:#7F7F7F;
		text-align:center;
				
	}
	
.langwrap a {font-family: helvetica, arial, sans-serif;
		font-size: 9pt;
		color:white;
		text-align:left;
	text-decoration:none;
	
	}
	
.langwrap a:hover {	font-family: helvetica, arial, sans-serif;
		font-size: 9pt;
		color:#C0C0C0;
		text-align:left;
	text-decoration:none;

	}
		
	
	
	.clog { position: relative; 
		width: 140px;
	
		margin: 10px 0px 5px 40px;
		background: black;
	 float:left;
	
	}

	.dxwrap { position: relative; width: 500px; margin-top: 100px; float:left; }
	
	.menu, .menusel { position: relative; margin-left:13px; float:left; }
	.menu p, .menusel p { font-size: 13px; text-align:left; display:block; }
	.menusel a { color:#fff; text-decoration:none; }	
	.menu a { color:#cacaca; text-decoration:none; }
	.menu a:hover {	background-color:#3c3c3c; }


.wrapbox { position: relative; width: 435px; margin: 30px 15px 0 30px; float:left; }
.wraplav { position: relative; width: 435px; margin: 30px 30px 0 15px; float:right; }

.wrapbox .boxtxt { position: relative; width: 435px; margin-bottom: 20px; background: #000; float:left; }
.wraplav .boxtxt { position: relative; width: 435px; margin-bottom: 20px; background: #000; float:right; }
.boxtxt p { font-size: 13px; line-height: 17px; text-align:justify; padding: 0 10px 10px 10px; }
.boxtxt a {font-size: 13px; color:#fff; text-decoration:none; padding: 0 10px 10px 0px; }
.boxtxt a:hover {font-size: 13px; color: #3c3c3c; }

.wrapbox .boxmat { position: relative; width: 435px; margin-bottom: 20px; float:left; }
.boxmat li { background-color: #000; margin-bottom: 10px;}
.boxmat li a { color: #fff; font-size: 16px; text-decoration: none; display: block; padding: 10px; }
.boxmat li a:hover { color: #3c3c3c; }
.boxmat li a.sel { color: #fff; }

.lavtxt {
		position: relative; 
		width: 500px;
		margin-left: 30px;
        background: black;
		float:left;
}

.lavtxt p {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#FFFFFF;
		text-align:justify;
		padding:1em;
		
	}
.lavtxt a {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#3c3c3c;
		text-align:left;
		padding:1em;
		text-decoration:none;
	}
	
.lavtxt a:hover {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:white;
		text-align:left;
		text-decoration:none;
	}
	
.boxvideo {
		position: relative; 
		width: 400px;
		margin-left: 30px;
		margin-top: 5px;
        background: black;
		float:left;
}

.boxvideo p {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#FFFFFF;
		text-align:justify;
		padding:0.5em;
		
	}	

.boxvideo a {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#3c3c3c;
		text-align:left;
		padding:1em;
		text-decoration:none;
	}
	
.boxvideo a:hover {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:white;
		text-align:left;
		text-decoration:none;
	}



	
.wrapnews {
		position: relative;
		width: 300px; 
		margin-top: 30px;
        background:black;
		margin-right: 20px;
		float:right;
		
}

.news {
		position: relative; 
		width: 300px;
		border-top:#FFFFFF dotted 1px;
        background: black;
		float:right;
}

.news p {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#FFFFFF;
		text-align:justify;
		padding:1em;
		
	}
	
.news a {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#FFFFFF;
		text-align:left;
		text-decoration:none;
		
	}
	
.news a:hover {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#C0C0C0;
		text-align:left;
		text-decoration:none;
		
	}
	

.wrapnewslist {
		position: relative;
		width: 550px; 
		margin-top: 30px;
        background:transparent;
		margin-left: 30px;
		float:left;
		
}
	
.newslist {
		position: relative; 
		width: 540px;
		border-bottom:#FFFFFF dotted 1px;
        background: black;
		float:left;
}

.newslist p {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#FFFFFF;
		text-align:justify;
		padding:0.5em;
		
	}
	
.newslist a {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#FFFFFF;
		text-align:left;
		text-decoration:none;
		
	}
	
.newslist a:hover {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#C0C0C0;
		text-align:left;
		text-decoration:none;
		
	}
	
	
	
.tumbvideo img { width: 415px; margin-left: 10px; }
.thumb { position: relative; width: 40px; float:left; margin: 0 5px 5px 5px; }
	
.titolo {font-family: helvetica, arial, sans-serif;
		font-size: 13pt;
		color:#8C8C8C;
		text-align:left;
		font-weight:bold;
		text-decoration:none;
	}	
	
.formbox {
	
		position: relative; 
		width: 400px;
		background: black;
		float:left;
}

.formbox p {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#FFFFFF;
		text-align:justify;
		padding:1em;
		
	}


.priv {
	    margin-top:5px;
		position: relative; 
		width: 400px;
		background: black;
		float:left;
}

.priv p {font-family: helvetica, arial, sans-serif;
		font-size: 7pt;
		color:#FFFFFF;
		text-align:justify;
		 padding:1em;
		
	}

.priv a {font-family: helvetica, arial, sans-serif;
		font-size: 7pt;
		color:#FFFFFF;
		text-align:justify;
		text-decoration:none;
		
	}


.priv a:hover {font-family: helvetica, arial, sans-serif;
		font-size: 7pt;
		color:#FFFFFF;
		text-align:justify;
		text-decoration:none;
		
	}




.certif {
	    
		position: relative;
        margin: 0px 0px 0px -10px;
        float:left;
		
}


.wrapform {
	    
		position: relative;
		width: 400px; 
		margin-top: 30px;
        background:transparent;
		margin-right: 20px;
		float:right;
		
}



.txtf {
	    font-family: helvetica, arial, sans-serif; 
		width: 250px;
		background: #3c3c3c;
		font-size: 8pt;
		color:#FFFFFF;
		float:left;
}

.privpop {
	    margin:0px 0px 0px 0px;
		position: relative; 
		width: 350px;
		background: #3c3c3c;
		float:left;
}

.privpop p {font-family: helvetica, arial, sans-serif;
		font-size: 8pt;
		color:#FFFFFF;
		text-align:justify;
		padding:0.5em;
		
	}
	
.viewmap p {font-family: helvetica, arial, sans-serif;
		font-size: 9pt;
		color:#FFFFFF;
		text-align:left;
		padding:0.5em;
		
	}
	
	
.viewmap a {font-family: helvetica, arial, sans-serif;
		font-size: 9pt;
		color:#FFFFFF;
		text-align:left;
		text-decoration:none;
		
	}	
	
	

/* Stili per le liste e i link contenuti nei menu  */
ul.tendin  { z-index: 50000; display:none; position: absolute; width: 200px; font-size: 12px; background-color: #000; }
ul.tendin  li { width: 200px; }
ul.tendin  a { color: #fff; width: 180px; padding: 5px 7px 5px 7px; display: block; text-decoration: none; } 
ul.tendin  a:hover {background-color: #3c3c3c; }