/* General Demo Style */
body{
	background: #000;
	font-weight: 400;
	font-size: 15px;
	color: #ADB7CF;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body{
	overflow:hidden;
}
a{
	color: #333;
	text-decoration: none;
}
.clr{
	clear: both;
}

/* Login */
#login {
	position: absolute;
    width: 400px;
    height: 240px;
    box-sizing: border-box;
    background: rgba(0,0,0,.8);
    border: 1px solid #222;
    border-radius: 4px;
    left: 50%;
    top: 50%;
    margin-top: -120px;
    margin-left: -200px;
    padding: 15px;
}
#login input[type="text"],
#login input[type="password"] {
    padding: 4px;
    background: rgba(255,255,255,.9);
    border: 1px solid #fff;
    width: 180px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
#login input[type="text"] { float: left; }
#login span {
	font-size: 11px;
	text-transform: uppercase;
	line-height: 30px;
    display: inline-block;
    margin-left: 15px;
}
#login span input {
	margin-right: 5px;
    position: relative;
    top: 3px;
}
#login input[type="password"],
#login small { float: right; }
#login small { margin-top: 5px; }
#login button {
	cursor: pointer;
    padding: 6px 10px;
    border-radius: 3px;
    border: 1px solid #2A3241;
    background: #2A3241;
    color: #fff;
    text-transform: uppercase;
	line-height: 1em;
}

#login a { color: #fff; }
#login .bottoni {
	margin-bottom: 18px;
}
#login .bottoni a.social { float: right; }
#login .bottoni a.bottone {
	display: inline-block;
    text-align: center;
	width: 103px;
    box-sizing: border-box;
    padding: 6px 10px;
    background: #2A3241;
    text-transform: uppercase;
    border-radius: 3px;
    transition-duration: .4s;
}
#login .bottoni a.bottone:nth-of-type(2) { margin: 0px 6px; }
#login .bottoni a.bottone:hover {
    background: #15193A;
}

#news { margin-top: 10px; }
#news h2 {
	text-transform: uppercase;
	text-align: center;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 3px;
}
#newsbox {
	height: 70px;
    overflow: auto;
    font-size: .8em;
}
#footer {
	position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 40px;
    line-height: 40px;
    background: #000;
}
#footer img { float:left; height: 30px; width: 30px; margin: 5px 3px 5px 2px; }
#footer small { float:right; }


.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/home/pattern.png') repeat top left;
}
.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;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 24s linear infinite 0s;
    -moz-animation: titleAnimation 24s linear infinite 0s;
    -o-animation: titleAnimation 24s linear infinite 0s;
    -ms-animation: titleAnimation 24s linear infinite 0s;
    animation: titleAnimation 24s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li span {
    background-size: cover;
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../img/home/a.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../img/home/h.jpg);
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../img/home/p.jpg);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    15% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    33% { opacity: 1 }
    66% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    15% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    33% { opacity: 1 }
    66% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    15% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    33% { opacity: 1 }
    66% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    15% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    33% { opacity: 1 }
    66% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    15% { opacity: 1;
         animation-timing-function: ease-out; }
    33% { opacity: 1 }
    66% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

/*** RESPONSIVE ***/
@media screen and (max-width: 640px) {
	#login {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		left: 0;
	}
	#login input[type="text"], #login input[type="password"] { width: 48%; }
	#login .bottoni a.bottone { width: 31%; }
}