body {
font-family:Arial, Helvetica, sans-serif;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

a:link    {color:#fff; text-decoration: underline;}
a:visited {color:#fff; text-decoration: underline;}
a:hover   {color:#fff; text-decoration: underline;}
a:active  {color:#fff; text-decoration: underline;}

:focus      {outline:0}
:hover      {outline:0}
ul 			{padding:0px; margin:0px; list-style-type: none;}
li 			{padding:16px 16px 16px 16px; margin:0px; list-style-type: none;}


/************************/
#lgw {
	width:100%;
	height:100vh;
	z-index:9999;
	position:fixed;
	top:0px;
	left:0px;
}
	
#lgc {
	position: fixed;
	top:0px;
	right: 0;   
	left: 0;
	bottom:0;
	margin:auto;
	width:288px;
	height:272px;
	overflow:hidden;
	border:none;
	z-index:9999;
}

#clogin fieldset {
   width:288px;
   padding:0px;
   margin:0px;
   border:none;
   text-align:center; 
}
#clogin input[type="text"], #clogin input[type="password"] {
  width:288px;
  background: rgba(255, 255, 255, 0.8);
  color : #000;
  font-size:18px;
  border:none;
  padding:0px;
  margin-bottom:16px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
}
#clogin input[type="text"]:focus, #clogin input[type="password"]:focus {
  color: #000;
  background: rgba(255, 255, 255, 1.0);
}

#clogin .container {
  position:relative;
  width:288px;
  height:48px;
  margin-bottom:16px;
}

#clogin .error_1 {
   font-family:Verdana, Arial, sans-serif; 
   font-size:12px;
   color:#900;
   background-color: #ffff00;
   width:288px;
   height:24px;
   line-height:24px;
   position:absolute;
   top:0px;
   left:0px;
   z-index:4;
   visibility:hidden;
}
#clogin .error_2 {
   font-family:Verdana, Arial, sans-serif; 
   font-size:12px;
   color:#900;
   background-color: #ffff00;
   width:288px;
   height:24px;
   line-height:24px;
   position:absolute;
   bottom:0px;
   left:0px;
   z-index:4;
   visibility:hidden;
}
#clogin .error {
   font-family:Verdana, Arial, sans-serif; 
   font-size:12px;
   color:#900;
   background-color: #ffff00;
   line-height:48px;
   /*width:288px;
   height:48px;
   line-height:48px;*/
   /*position:absolute;
   bottom:0px;
   left:0px;*/
   /*-moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -khtml-border-radius: 12px;
   border-radius: 12px;*/
   /*animation-name: vanish;
   animation-duration: 3s;
   animation-timing-function: ease-out; 
   animation-delay: 5s;
   animation-fill-mode: forwards;*/
}

#clogin #register_password_errorloc {
    clear: both;
}

#clogin .short_explanation {
   font-family: Arial, sans-serif;
   font-size: 0.6em;
   color: #333;   
}

/* >>> submit >>> */
#clogin input[type="submit"] {
  width:216px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border:none;
  padding:0px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  -khtml-border-radius: 24px;
  border-radius: 24px;
}
#clogin input[type="submit"]:hover
{
  background: rgba(0, 158, 224, 1.0);
  color: #fff;
  text-decoration: none;
}

input, textarea, select, button {
  height: 48px;
  line-height: 48px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  border: none;
  margin: 0px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-input-placeholder {
   color: #000;
   opacity: 0.20;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000;
   opacity: 0.20;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
   opacity: 0.20;
}
:-ms-input-placeholder {  
   color: #000;
   opacity: 0.20;
}

#forgot
{
  font-size: 12px;
  line-height: 12px;
  /*opacity: 0.33;*/
  margin-bottom:16px;
}
#forgot:hover
{
  opacity: 1.0;
}

/************************/

#version {
	font-size:16px;
}
	
.wrap {
max-width:420px;
margin-top:0px;
margin-left: auto;
margin-right:auto;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
height: 100%;
text-align: center;
color:#e5e5e5;
}

.text {
background:#fff;
width:100%;
margin-top: 2px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
text-align:center;
border:none;
line-height:24px;
}

.title {
width:100%;
height:48px;
margin:0px;
margin-bottom:18px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
text-align:center;
line-height:48px;
border:none;
}

.pap {
width:256px;
height:66px;
margin:0 auto;
position:relative;
overflow:hidden;
border:none;
text-align:center;
}

.title2 {
width:100%;
height:132px;
margin:0px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
text-align:center;
line-height:48px;
border:none;
}

.label {
/*background:#fff;*/
width:100%;
height:48px;
margin:0px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
text-align:center;
line-height:48px;
border:none;
}

.uploader {
background:#e5e5e5;
width:100%;
height:48px;
margin-top: 2px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
cursor:pointer;
margin-top:0px;
text-align:center;
line-height:48px;
}
.fileUpload:hover .uploader {
background: #009ee0;
color: #fff;
}

.map {
background:#ccc;
width:48px;
height:48px;
position:absolute;
right:16px;
top:16px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
text-align:center;
line-height:48px;
z-index:4;
cursor:pointer;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
/*#map:hover {background:#009ee0; color:#fff; text-decoration:none;}*/

.back {
background:#ccc;
width:48px;
height:48px;
position:absolute;
left:16px;
top:16px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
text-align:center;
line-height:48px;
z-index:2;
}
/*.back:hover {background:#009ee0; color:#fff; text-decoration:none;}*/

.info {
background:#ccc;
width:48px;
height:48px;
position:absolute;
right:16px;
top:16px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
text-align:center;
line-height:48px;
z-index:2;
}
/*.info:hover {background:#009ee0; color:#fff; text-decoration:none;}*/

.xls {
background:#ccc;
width:48px;
height:48px;
position:absolute;
right:88px;
top:16px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
text-align:center;
line-height:48px;
z-index:4;
cursor:pointer;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
/*.xls:hover {background:#009ee0; color:#fff; text-decoration:none;}*/

.edit {
background:#ccc;
width:48px;
height:48px;
position:absolute;
right:16px;
top:16px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
text-align:center;
line-height:48px;
z-index:2;
}
/*.edit:hover {background:#009ee0; color:#FFF; text-decoration:none;}*/

.selected   {background:#009ee0 !important;}

.data.editable  {background:#d9f1fa !important;}
.cdata.editable {background:#daeed6 !important;}

.button, .b2, .back, .button2, .file, .info, .uploader, .edit
{cursor:pointer;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);
}

.button {
background:#666;
width:100%;
height:48px;
margin-top: 2px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
margin-top:20px;
text-align:center;
line-height:48px;
}
.button:hover{
background:#009ee0;
color: #FFF;
text-decoration:none;
}
.b2 {
background:#e5e5e5;
width:100%;
height:48px;
/*margin-top: 2px;*/
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
cursor:pointer;
margin-top:20px;
text-align:center;
line-height:48px;
}
.b2:hover{
background:#009ee0;
color: #FFF;
text-decoration:none;
}
.button2 {
background: #57b9ff;
width:100%;
height:48px;
margin-top: 2px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
margin-top:0px;
border:none;
padding:10px;
font-size:16px;
text-align:center;
}
.button2:hover{
background:#009ee0;
color: #FFF;
text-decoration:none;
}
.btn_hidden {
background: #57b9ff;
width:100%;
height:48px;
margin-top: 2px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
margin-top:0px;
border:none;
padding:10px;
font-size:16px;
text-align:center;
display:none;
}
.btn_hidden:hover{
background:#009ee0;
color: #FFF;
text-decoration:none;
}
.btn_show {
background: #57b9ff;
width:100%;
height:48px;
margin-top: 2px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
margin-top:0px;
border:none;
padding:10px;
font-size:16px;
text-align:center;
display:block;
}
.btn_show:hover{
background:#009ee0;
color: #FFF;
text-decoration:none;
}
.file {
background:#e5e5e5;
width:100%;
height:48px;
margin-top: 2px;
position:relative;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
cursor:pointer;
}
.file:hover{
background:#009ee0;
color: #FFF;
text-decoration:none;
}
.date {
width:100%;
height:48px;
position:absolute;
right:-12px;
top:-12px;
text-align:right;
font-size:9px;
color: #bfbfbf;
}
.name {
width:100%;
height:48px;
position:absolute;
left:0px;
top:0px;
}

#Upload {
	margin:0px;
	padding:0px;
	border:none;
	/*font: 0.9em verdana, sans-serif;*/
}

/* cb-slideshow */	
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    /*background: transparent url(../img/pattern.png) repeat top left; */
}
.cb-slideshow li {
	list-style:none;
}
.cb-slideshow li h3 {
	font-size:100%;
	font-weight:normal;
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    z-index: 0;
	
	opacity: 0;
	
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	
    -webkit-animation: newAnimation 72s linear infinite; /* 72s > (9+3)x6 //54s > (6+3)x6 // 42s > (6+1)x6 */
    -moz-animation: newAnimation 72s linear infinite;
    -o-animation: newAnimation 72s linear infinite;
    -ms-animation: newAnimation 72s linear infinite;
    animation: newAnimation 72s linear infinite;
	
	/*-webkit-animation-name: imageAnimation, imageTransform;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 42s;
    -moz-animation-name: imageAnimation, imageTransform;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 42s;
    -o-animation-name: imageAnimation, imageTransform;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 42s;
    animation-name: imageAnimation, imageTransform;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 42s;*/
	
}
.cb-slideshow li div { 
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    color: #fff;
	z-index: 1000;
	
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	
	/*-webkit-animation: imageAnimation 42s linear infinite .0s, imageTransform 42s linear infinite .0s;
    -moz-animation: imageAnimation 42s linear infinite .0s, imageTransform 42s linear infinite .0s;
    -o-animation: imageAnimation 42s linear infinite .0s, imageTransform 42s linear infinite .0s;
    -ms-animation: imageAnimation 42s linear infinite .0s, imageTransform 42s linear infinite .0s;
    animation: imageAnimation 42s linear infinite .0s, imageTransform 42s linear infinite .0s;*/
	
	/*-webkit-animation-name: imageAnimation, imageTransform;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 42s;
    -moz-animation-name: imageAnimation, imageTransform;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 42s;
    -o-animation-name: imageAnimation, imageTransform;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 42s;
    animation-name: imageAnimation, imageTransform;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 42s; */
	
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}

/*SPAN*/


/*SPAN*/
@keyframes newAnimation {
    0%   	{opacity: 0; transform: scale(1.0) rotate(0.0deg);}
    /*2.77%   {opacity: 1;}*/ /*6+1s*/
	/*8.33%   {opacity: 1;}*/ /*6+3s*/
    /*16.67%  {opacity: 1;}*/ /*6*/
	5.55%   {opacity: 1;}
	16.67%  {opacity: 1;} /*9*/
	22.22%  {opacity: 0; transform: scale(1.25) rotate(0.0deg);}
	/*19.44%  {opacity: 0; transform: scale(2.0) rotate(5.0deg);}*/ /*6+1s*/
	/*25.00%  {opacity: 0; transform: scale(2.0) rotate(3.0deg);}*/ /*6+3s*/
    100% 	{opacity: 0; transform: scale(1.0) rotate(0.0deg);}
}

@-webkit-keyframes newAnimation {
    0%   	{opacity: 0; -webkit-transform: scale(1.0) rotate(0.0deg);}
    /*2.77%   {opacity: 1;}*/ /*6+1s*/
	/*8.33%   {opacity: 1;}*/ /*6+3s*/
    /*16.67%  {opacity: 1;}*/ /*6*/
	5.55%   {opacity: 1;}
	16.67%  {opacity: 1;} /*9*/
	22.22%  {opacity: 0; -webkit-transform: scale(1.25) rotate(0.0deg);}
	/*19.44%  {opacity: 0; -webkit-transform: scale(2.0) rotate(5.0deg);}*/ /*6+1s*/
	/*25.00%  {opacity: 0; -webkit-transform: scale(2.0) rotate(3.0deg);}*/ /*6+3s*/
    100% 	{opacity: 0; -webkit-transform: scale(1.0) rotate(0.0deg);}
}

/*@-webkit-keyframes newAnimation {
    0%   {opacity: 0; -webkit-transform: scale(1.2) rotate(0deg); -webkit-animation-timing-function: ease-in;}
    25%  {opacity: 1; -webkit-transform: scale(1.4) rotate(0.25deg);}
    50%  {opacity: 1; -webkit-transform: scale(1.6) rotate(0.5deg);}
    75%  {opacity: 1; -webkit-transform: scale(1.8) rotate(0.75deg);}
    100% {opacity: 0; -webkit-transform: scale(2.0) rotate(1.0deg);}
}

@keyframes newAnimation {
    0%   {opacity: 0; transform: scale(1.2) rotate(0deg); animation-timing-function: ease-in;}
    25%  {opacity: 1; transform: scale(1.4) rotate(0.25deg);}
    50%  {opacity: 1; transform: scale(1.6) rotate(0.5deg);}
    75%  {opacity: 1; transform: scale(1.8) rotate(0.75deg);}
    100% {opacity: 0; transform: scale(2.0) rotate(1.0deg);}
}*/

.cb-slideshow li:nth-child(6) span { 
    background-image: url(../img/1.jpg);
	-webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
	/*animation: imageAnimation 42s 0s infinite;*/
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../img/2.jpg);
    -webkit-animation-delay: 12s; /* 9>6+3 7 x 6+1*/
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
	/*animation: imageAnimation 42s 7s infinite;*/
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../img/3.jpg);
    -webkit-animation-delay: 24s; /*14 x 6+1*/
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
	/*animation: imageAnimation 42s 14s infinite;*/
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../img/4.jpg);
    -webkit-animation-delay: 36s; /*21 x 6+1*/
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s;
	/*animation: imageAnimation 42s 21s infinite;*/
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../img/5.jpg);
    -webkit-animation-delay: 48s; /*28 x 6+1*/
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s;
	/*animation: imageAnimation 42s 28s infinite;*/
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../img/6.jpg);
    -webkit-animation-delay: 60s; /*35 x 6+1*/
    -moz-animation-delay: 60s;
    -o-animation-delay: 60s;
    -ms-animation-delay: 60s;
    animation-delay: 60s;
	/*animation: imageAnimation 42s 35s infinite;*/
}

/*DIV*/
/*.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    -o-animation-delay: 7s;
    -ms-animation-delay: 7s;
    animation-delay: 7s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 14s;
    -moz-animation-delay: 14s;
    -o-animation-delay: 14s;
    -ms-animation-delay: 14s;
    animation-delay: 14s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 21s;
    -moz-animation-delay: 21s;
    -o-animation-delay: 21s;
    -ms-animation-delay: 21s;
    animation-delay: 21s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 28s;
    -moz-animation-delay: 28s;
    -o-animation-delay: 28s;
    -ms-animation-delay: 28s;
    animation-delay: 28s; 
}
.cb-slideshow li:nth-child(1) div { 
    -webkit-animation-delay: 35s;
    -moz-animation-delay: 35s;
    -o-animation-delay: 35s;
    -ms-animation-delay: 35s;
    animation-delay: 35s; 
}*/

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}

/* non centra con slideshow*/
@media screen and (min-width: 901px) {
.map:hover  {background:#009ee0; color:#fff; text-decoration:none;}
.back:hover {background:#009ee0; color:#fff; text-decoration:none;}
.edit:hover {background:#009ee0; color:#FFF; text-decoration:none;}
.info:hover {background:#009ee0; color:#fff; text-decoration:none;}
.xls:hover  {background:#009ee0; color:#fff; text-decoration:none;}
}

.footer {
font-size: 14px;
width:100%;
height:32px;
line-height: 32px;
color: rgba(255,255,255,0.5);
position:absolute;
bottom:0;
left:0;
overflow:hidden;
border:none;
margin:0px;
text-align:center;
}