/*CSSDocument*/

html
	{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}

body
	{
	font-family: "Myriad Pro", Arial, Sans-Serif; 
	background-color: #ffffff;
	background-repeat: no-repeat;
	}

.wall {
	margin: 0px 0px 20px;
	background-position:center top;
	background-attachment:scroll;
	background-image: url('../images/ftbase.jpg');
	background-color:#FFF;
	background-repeat:repeat;
}


.win {
	margin: 0 auto 0 auto;
	background-image: url('../images/fbf.jpg');
	background-repeat:repeat;
}


#central{
	position:relative;
	float:center;
	margin:auto;
	padding:auto;
	top:375px;
	left:-195px;
	width:550px;
	height:440px;
	text-align:center;
/*	border:1px solid red;*/

}


#impegno{
	position:absolute;
	float:center;
	margin:auto;
	padding:auto;
	text-align:left;
	left:362px;
	width:190px;
	height:145px;
	cursor:pointer;
/*	border:1px solid red;*/
	/*opacity:0.4;
	filter:alpha(opacity=40);  For IE8 and earlier */
}

#grafica{
	position:absolute;
	float:center;
	margin:auto;
	padding:auto;
	text-align:left;
	top:171px;
	left:362px;
	width:190px;
	height:150px;
	cursor:pointer;
	/*border:1px solid red;*/
	/*opacity:0.4;
	filter:alpha(opacity=40);  For IE8 and earlier */
}

#informatica{
	position:absolute;
	float:center;
	margin:auto;
	padding:auto;
	text-align:left;
	top:259px;
	left:97px;
	width:190px;
	height:150px;
	cursor:pointer;
	/*border:1px solid red;*/
	/*opacity:0.6;
	filter:alpha(opacity=60);  For IE8 and earlier */
}



#web{
	position:absolute;
	float:center;
	margin:auto;
	padding:auto;
	text-align:left;
	top:0px;
	left:-3px;
	width:190px;
	height:150px;
	cursor:pointer;
	/*border:1px solid red;*/
	/*opacity:0.6;
	filter:alpha(opacity=60);  For IE8 and earlier */
}

#tasto_privacy{
	position:absolute;
	float:center;
	margin:auto;
	padding:auto;
	text-align:left;
	top:-146px;
	left:362.5px;
	width:183px;
	height:147px;
	cursor:pointer;
	/*border:1px solid red;*/
	/*opacity:0.6;
	filter:alpha(opacity=60);  For IE8 and earlier */
}

#win-impegno{
	position:absolute;
	float:center;
	margin:auto;
	padding:40px;
	text-align:left;
	top:20px;
	left:70px;
	width:600px;
	height:450px;
	background-color: #ffffff;
	border:1px solid #000000;
	text-align:justify;
	background-image: url('../images/people.png');
	background-repeat:no-repeat;
	background-position:bottom;
	box-shadow: 10px 10px 5px #dedede;
	/*border:1px solid red;*/
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#win-graphic{
	position:absolute;
	float:center;
	margin:auto;
	padding:40px;
	text-align:left;
	top:20px;
	left:70px;
	width:600px;
	height:450px;
	background-color: #ffffff;
	border:1px solid #000000;
	text-align:justify;
	background-image: url('../images/graphic.png');
	background-repeat:no-repeat;
	background-position:bottom;
	box-shadow: 10px 10px 5px #dedede;
	/*border:1px solid red;*/
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}


#win-web{
	position:absolute;
	float:center;
	margin:auto;
	padding:40px;
	text-align:left;
	top:20px;
	left:70px;
	width:600px;
	height:450px;
	background-color: #ffffff;
	border:1px solid #000000;
	text-align:justify;
	background-image: url('../images/web.png');/**/
	background-repeat:no-repeat;
	background-position:bottom;
	box-shadow: 10px 10px 5px #dedede;
	/*border:1px solid red;*/
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}


#win-inform{
	position:absolute;
	float:center;
	margin:auto;
	padding:40px;
	text-align:left;
	top:20px;
	left:70px;
	width:600px;
	height:450px;
	background-color: #ffffff;
	border:1px solid #000000;
	text-align:justify;
	/*background-image: url('../images/inform.png');*/
	background-repeat:no-repeat;
	background-position:bottom;
	box-shadow: 10px 10px 5px #dedede;
	/*border:1px solid red;*/
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#win-privacy{
	float:center;
	margin:auto;
	/*background-color: #0E71B2;*/
}


#privacy{
	float:center;
	margin:auto;
	padding:40px;
	width:650px;
	/*background-color: #99D0FD;*/
	text-align:justify;
}



#social{
	position:absolute;
	top:-60px;
	left:670px;
	width:130px;
	height:30px;
	text-align:center;
	z-index:100;
	/*border:1px solid red;*/
#-webkit-transform: rotate(-5deg);
#-moz-transform: rotate(-5deg);
#filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=25);
}

#facebook-web-vigano{
	margin-right:5px;
}

#plus-google-vigano{
	margin-right:5px;
}

#twitter-giorgio_vigano{
	margin-right:5px;
}

#credit {
	position:absolute;
	top:-320px;
	left:665px;
	width:250px;
	height:400px;
	text-align:left;
	font-size:11px;
	z-index:100;
	/*border:1px solid red;*/
#-webkit-transform: rotate(-5deg);
#-moz-transform: rotate(-5deg);
#filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=25);


/*	position:absolute;
	top:160px;
	left:770px;
background-color: #0E71B2;
	width:150px;
	padding:5px;
	font-size:12px;
	z-index:1666666;
	font-family: "Myriad Pro", Arial, Sans-Serif;
	color:#000;
	text-align:center;
	box-shadow: 3px 5px 5px #373737;*/
}




.ruota {
	position:absolute;
	top:-320px;
	left:665px;
	width:250px;
	height:400px;
	text-align:left;
	font-size:11px;
	z-index:100;
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	}





/* ############################################# MOBILE */

.mobile {
	background-image:url('../images/mobile.png');
	background-color:#61ACF8;
	text-align:center;
}


#top {
	margin-top: 5px;
	margin-left: 100px;
	text-align:left;
	/*border:1px solid red;*/
	width:600px;
}

#logo {
margin-right:15px;
}

#title {
	position:absolute;
	color: #FFFFFF;
	font-weight:bold;
	font: 50px sans-serif;
	/*border:1px solid red;*/
	width:550px;
}

#subtitle {
	margin-top:10px;
	color: #FFFFFF;
	font-weight:bold;
	text-align:Justify;
	font: 30px sans-serif;
}

#mb-social {
	position:absolute;
	margin-top:-100px;
	margin-left:270px;
	text-align:center;
	/*border:1px solid red;*/
	width:400px;
}


#mb-facebook {
	margin-left:5px;
}

#mb-menu {
	margin-top: 60px;
	margin-left: 20px;
	list-style: none;
	width:95%;
	text-align:center;
	font-weight:bold;
	/*border:1px solid red;*/
}


#mb-tasti {
	margin-top: 10px;
	background-image:url('../images/banda.jpg');
	height:100px;
	color:#000000;
	font-weight:bold;
	font: 50px sans-serif;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
}

#mb-menu a {
	margin-left:10px;
	color:#000000;
	text-decoration:none;
}

#mb-testi {
	width:95%;
	background-color:#E5FFFF;
	padding:20px;
	font: 25px sans-serif;
	font-weight:normal;
	text-align:Justify;
}

#img-web {
float: left;
padding: 0px 15px 10px 0px;
}


/*#########################################################*/

.shadowblockmenu-v{
	position:absolute;
	bottom:0;
	margin-left:0px;
	text-align:center;
	font-size: 3em;
	width:99%;
	height:auto;
	background-image:url('../images/bgsmart.png');
	height:100px;
}

.shadowblockmenu-v ul{
/*border: 1px solid red;*/
padding: 0;
margin: 0;
list-style: none;
}

.shadowblockmenu-v ul li{
margin:0;
padding:0;
/*border: 1px solid red;*/
}



.shadowblockmenu-v ul li facesmart a {
	background-image:url('../images/facesmart.png');
}


.shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected{
color: black;
-moz-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); /* Add 3 inset shadows to each menu item  */
-webkit-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
}

	/*########################################################################*/


	#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
	background-color:#F0F0F0;     /* Lo fondo è di colore nero (#000) */
	position:fixed;
	font-family:"Lucida Sans Unicode",Arial,Verdana;
	width:100%;
	margin:0;
	left:0;
	top:0;
	/*bottom:0;*/
	font-size: 14px;            /* i caratteri devono essere grandi 16 pixel */
	color:#000;                /* il colore dei caratteri è grigio chiaro (#DDD) */
	padding: 5px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
	opacity:1;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}

#cookieInfoLink:a {                      
  color: #FEF556;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
   text-decoration: underline; /*questa proprietà indica che il testo del link è sottolineato  */
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  color: #0F0;                /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
  test-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
  background-color: #0A0;     /* lo sfondo è verde (#0A0) */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 14px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  background-color: #0F0;
}


#title_privacy {
	font-size:24px;
}