@charset "utf-8";
/* CSS Document */

.adatta{
    max-height: 100%;
    max-width: 99%;
    width: 99%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%); 
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);
}

.adatt1{
    max-height: 100%;
    max-width: 99%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%); 
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);
}

img{
	text-decoration: none;
}

a{
	text-decoration: none;
	color: rgba(0, 100, 255, 1);
}

.upper{
	text-transform: uppercase;
}

body{
	background: #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	overflow: hidden;
}

Div#Contenitore{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50%;
	border: 0px solid #FF0000;
}

div#barra-top{
	position:fixed;
	top: 0px;
	left: 0.5%;
	width: 99%;
	height: 12.5%;
	text-align: center;
    background-color: rgba(0, 0, 0, 1);
    border: 0px solid #FFFFFF;
	/*box-shadow: 2px 2px 5px 2px #888888;*/
	z-index: 2;
}

div#barra-top-sin{
	position: absolute;
    text-align: left;
    vertical-align: middle;
	left: 0%;
	width: 30%;
	height: 99%;
	border: 0px solid #00FF00;
	color: #FFFFFF;
}

div#barra-top-des-top{
    position: relative;
    text-align: center;
	left: 30%;
	width: 63%;
	height: 65%;
	border: 0px solid #0000FF;
    color: #FFFFFF;
    font-size: 150%;
    font-weight: bold;
    overflow: hidden;
}

div#scorri{
	border: 0px solid #00FF00;
	/*font-family: Georgia, 'Times New Roman', Times, serif;*/
	font-size: 3vw;
}

div#barra-top-des-des{
    position: relative;
	text-align: right;
	top: -66%;
	left: 93.5%;
	width: 5%;
	height: 65%;
	border: 0px solid #00FF00;
}

div#barra-top-des-des1{
    position: relative;
	text-align: right;
	top: 6%;
	left: 0%;
	width: 99%;
	height: 40%;
	border: 0px solid #0000FF;
}

div#barra-top-des-des2{
    position: relative;
	text-align: right;
	top: 20%;
	left: 0%;
	width: 99%;
	height: 40%;
	border: 0px solid #FF0000;
}

div#barra-top-des{
	position: relative;
	float: right;
	right: 2%;
	top: -60%;
	width: 63.5%;
	height: 30%;
	border: 0px solid #F00;
	color: #FFFFFF;
}

.navbar {
	overflow: hidden;
	/*background-color: #333;*/
	border: 0px solid #0f0;
  }
  
  .navbar a {
	float: left;
	font-size: 1.2vw;
	letter-spacing: 1.25px;
	border: 0px solid #0f0;
	color: white;
	text-align: center;
	padding: 4px 5px;
	text-decoration: none;
  }
  
  .dropdown {
	float: left;
	overflow: hidden;
  }
  
  .dropdown {
	font-size: 1.2vw;  
	letter-spacing: 1.25px;
	border: 0px solid #00f;
	/*border: none;*/
	outline: none;
	color: white;
	/*padding: 0px 5px;*/
	background-color: inherit;
	font-family: inherit;
	margin: 0;
  }

  .dropbtn {
	font-size: 1.2vw;  
	letter-spacing: 1.25px;
	border: none;
	outline: none;
	color: white;
	padding: 0px 5px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
  }
  
  .navbar a:hover, .dropdown:hover .dropbtn {
	/*background-color: red;*/
	color:  rgb(0, 50, 255);
	text-shadow: 1px 1px rgb(100, 100, 100);
  }

  a.active {
	color:  rgb(0, 50, 255);
	text-shadow: 1px 1px rgb(100, 100, 100);
	border-bottom: 1px solid #fff;
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: rgba(200, 200, 200, 1);
	box-shadow: 2px 2px gray;
	min-width: 10%;
	z-index: 1;
	line-height: 250%;
  }
  
  .dropdown-content a {
	float: none;
	color: #000;
	padding: 0px 6px;
	text-decoration: none;
	display: block;
	text-align: left;
  }
  
  .dropdown-content a:hover {
	color: rgb(0, 50, 255);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-shadow: 1px 1px rgb(100, 100, 100);
  }
  
  .dropdown:hover .dropdown-content {
	display: block;
  }
  
.area-lavoro{
	position: relative;
	left: 0.5%;
	top: 11.5%;
	width: 99%;
    height: 84%;
	text-align: center;
	border: 0px solid #F00;
}

.titolo{
	position: relative;
	padding: 1.5%;
	left: 0%;
	font-size: 200%;
	color: black;
	text-align: center;
	font-style: normal;
	border: 0px solid #F00;
}

div#Con{
	position: absolute;
	text-align: center;
	left: 0px;
	top: 0%;
	width: 100%;
	height: 100%;
	border: 0px solid #F00;
}

.con-tit{
	position: relative;
	padding: 0.5%;
	left: 0%;
	font-size: 200%;
	color: black;
	text-align: center;
	font-style: normal;
	border: 0px solid #F00;
}

.con-img{
	position: relative;
	text-align: center;
	/*left: 22.5%;*/
	height: 83.5%;
	width: 100%;
	border: 0px solid #F00;
	/*background: url(../images/biglietto.jpg) no-repeat center center;
	background-size: contain;*/
}

.con-img-shd{
	max-height: 100%;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
}

div#barra-mid-sin{
	position: absolute;
    text-align: right;
    left: 2.5%;
    top: 3%;
    width: 60%;
    height: 97%;
	border: 0px solid #00FF00;
	background: url(../images/bg-home-fb+.jpg) no-repeat center center;
	background-size: contain;
}

div#barra-sin-sin{
	position: absolute;
    text-align: left;
    left: 0%;
    top: 0%;
    width: 85%;
    height: 97.5%;
	border: 0px solid #FFFFFF;
	color: white;
	font-size: 1.35vw;
	font-style: italic;
}

div#barra-sin-des{
	position: relative;
    text-align: center;
    left: 79%;
    top: 1%;
    width: 25%;
    height: 25%;
	border: 0px solid #00FFFF;
	background: url(../images/25-anni-150.gif) no-repeat center center;
	background-size: contain;
}

div#barra-mid-des{
    position: relative;
    text-align: left;
	top: 3%;
    left: 65%;
    width: 30%;
    height: 97%;
	border: 0px solid #F00;
}












div#barra-piede{
	position:fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 3%;
	font-size: 75%;
	background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
	/*box-shadow: 1px -1px 3px 1px #888888;
	z-index: 2;*/
}

div#piede-sx{
	position: absolute;
	float: left;
	text-align: center;	
	left: 0%;
	width: 36%;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 1);
	border: 0px solid rgba(255, 255, 255, 1);
	z-index: 1;
	font-size: 0.95vw;
	padding-top: 1px;
}

div#piede-cx{
	position: relative;
	float: left;
	text-align: center;
	width: 12%;
	left: 36%;
	background-color: rgba(0, 100, 255, 1);
	border: 0px solid rgba(255, 255, 255, 1);
	z-index: 1;
}

div#piede-dx{
	position: relative;
	float: left;
	width: 54%;
	/*height: 400%;*/
	left: 34%;
	text-align: center;	
	color: rgba(255, 255, 255, 1);
	background-color: rgba(50, 50, 50, 0.1);
	border: 0px solid rgba(255, 255, 255, 1);
	z-index: 0;
}

div#piede-dx a.bn{
	color: rgba(255, 255, 255, 1);
}

div#piede-dx a.vn{
	color: rgba(255, 255, 0, 1);
}

div#piede-dx a.rn{
	color: rgba(0, 100, 255, 1);
}

.flash-back-news{
  /* Safari 4.0 - 8.0 */
  -webkit-animation-name: col-sfondo-news;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  /* Standard syntax */
  animation-name: col-sfondo-news;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* The animation code */
@keyframes col-sfondo-news {
    from {background-color: black;}
    to {background-color: rgb(0, 100, 255);}
  }
  
  div#scrolling{
    width: 500%;
    /*height: 100%;
    background: black;*/
    position: relative;
    /*float: right;*/
    text-align: left;
    /*right: 0px;*/
      -webkit-animation: mymove 30s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 30s infinite;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes mymove {
    /*from {top: 20px;}
    to {top: -50px;}*/
      from {left: 100%;}
      to {left: -210%;}
  }
  
  @keyframes mymove {
    /*from {top: 20px;}
    to {top: -50px;}*/
      from {left: 100%;}
      to {left: -210%;}
  }
  
  @media only screen 
  and (orientation: landscape) 
  and (min-width: 0px) 
  and (max-width: 1023px) {
  
	  .navbar a {
		  padding: 4px 4px;
		}
		
	  div#barra-mid-sin3{
		  width: 28%;
		  height: 40%;
		  border: 0px solid #00FF00;
	  }
	  
  
	  div#barra-mid-des2-tit{
		  width: 35%;
		  height: 22%;
		  font-size: 80%;
	  }
	  
	  div#barra-mid-des2-txt{
		  font-size: 65%;
	  }
				  
	  div#barra-mid-sin{
		width: 60%;
		height: 97%;
		border: 0px solid #00FF00;
	}
	
	  div#barra-sin-sin{
		font-size: 0.90vw;
		border: 0px solid #0000FF;
		letter-spacing: 1px;
	  }
	
	  
	  div#piede-sx{
		  padding-top: 0.5%;
	  }
	  
	  
  }
  
  @media only screen 
  and (orientation: landscape) 
  and (min-width: 1025px) 
  and (max-width: 9999px) {
  
	  .navbar a {
		  padding: 4px 6px;
		}
		
	  div#barra-mid-des2-tit{
		  font-size: 100%;
		  font-stretch: expanded;
	  }
	  
	  div#barra-mid-des2-txt{
		  font-size: 95%;
	  }
				  
	  div#barra-mid-sin{
		width: 60%;
		height: 97%;
		border: 0px solid #00FF00;
	}
	
	  div#barra-sin-sin{
		font-size: 0.90vw;
		border: 0px solid #0000FF;
		letter-spacing: 2px;
	  }
	
		  
	  
  }