@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 #FFFFFF;
}

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 #FF0000;
	color: #FFFFFF;
}

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

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

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);
	border-bottom: 1px solid #fff;
	text-shadow: 1px 1px rgb(100, 100, 100);
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: rgba(201, 201, 201, 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;
}






div#area-lavoro{
	position: absolute;
	text-align: center;
	left: 0.25%;
	top: 13.5%;
	width: 99.5%;
    height: 83%;
	border: 0px solid #FFF;
}

.titolo{
	position: relative;
    padding: 0%;
    margin-top: 2%;
	left: 0%;
	font-size: 1.75vw;
	color: white;
	text-align: center;
	font-style: bold;
	letter-spacing: 1.5px;
	border: 0px solid #FFF;
	text-shadow: 2px 2px rgb(100, 100, 100);
}

div#testo-ser{
    position: relative;
	text-align: justify;
	left: 0.5%;
	top: 0%;
	width: 21%;
	height: 88%;
    border: 0px solid #00F;
    line-height: 150%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8vh;
    font-style: normal;
    padding: 1% 2%;
    color: white;
    overflow: hidden;
}

div#testo-ser ul{
    border: 0px solid #00F;
    list-style: none;
    margin: 0;
    padding: 0;
}

div#testo-ser li{
	list-style: none;
    padding-left: 0px;
    border-bottom: 1px solid #555;
    line-height: 250%;
	text-shadow: 1px 1px rgb(100, 100, 100);
}

div#testo-ser li a{
	color: #FFF;
	text-shadow: 1px 1px rgb(100, 100, 100);
}

div#testo-ser li a:hover{
    color: #00F;
	text-shadow: 1px 1px rgb(100, 100, 100);
}

div#foto-ser{
    position: relative;
	left: 26%;
	top: -90%;
	width: 73%;
	height: 80%;
    border: 0px solid #0FF;
    color: honeydew;
    background: url(../images/ser.jpg) no-repeat center center;
    background-size: cover;
}











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: 59%;
	/*height: 400%;*/
	left: 49%;
	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: portrait) {
  /*and (min-width: 551px) {*/

   div#barra-top-des{
	   width: 67.5%;
   }

   div#piede-sx{
	   width: 45%;
	   font-size: 1.2vw;
	   padding-top: 0.3%;
   }
   
   div#piede-cx{
	   width: 15%;
	   left: 45%;
   }
   
   div#piede-dx{
	   left: 40%;
   }
		  
}