@charset "UTF-8";
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway-Regular.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Raleway-Medium';
	src: url('../fonts/Raleway-Medium.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Raleway-Light';
	src: url('../fonts/Raleway-Light.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Raleway-Bold';
	src: url('../fonts/Raleway-Bold.ttf') format('truetype');
	font-weight: normal;
}
html, body { height:100%; }
/* Body */
body {
	font-family:"Raleway", Arial, san-serif; font-size:12px;
	background-color: #FFFFFF;
	margin: 0;
	height:100%;
}
a { word-break: break-all;}
h2 { font-family:'Raleway'; margin:0 0 20px; padding:14px 0 15px 60px; font-size:18px; color:#074689; text-transform:uppercase; }
h2.doc { background-image:url(../images/icona_helpdesk.jpg); background-position:left top; background-repeat:no-repeat;}
h2.log { background-image:url(../images/icona_login.jpg); background-position:left top; background-repeat:no-repeat;}
h2.reg { background-image:url(../images/icona_registrazione.jpg); background-position:left top; background-repeat:no-repeat;}
h2.help { background-image:url(../images/icona_helpdesk.jpg); background-position:left top; background-repeat:no-repeat;}
/* Container */
.container { width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/* Header */
header {
	width: 100%;
	border-top: solid 30px #003a54;
	height: 83px;
	background-color: #fff; 
}
header .container, footer .container { padding: 0 15px; }
.logo { float:left; margin: 10px 0; }
.logo img:first-child { margin-right: 15px; width: 250px; }
.logo img:last-child {     margin-top: 26px; }
.lang { float:right; margin:30px 10px 0 0; }
.lang ul { margin:0; padding:0; list-style-type:none; }
.lang ul li { float:left; margin-right:10px; border-right: solid 1px #000; padding-right: 10px; }
.lang ul li:last-child { margin-right:0px; border: 0; }
.lang ul li a { font-size: 11px; font-weight: bold; }
.lang ul li a.active { font-size: 11px; font-weight: normal; cursor: auto; text-decoration: none; }

.carousel-inner .img1, .carousel-inner .img2, .carousel-inner .img3, .carousel-inner .img4 { background-size:cover; width: 100%; height: 100%; }
.carousel-inner .img1 { background-image:url(../images/img_01.jpg); }
.carousel-inner .img2 { background-image:url(../images/img_02.jpg); }
.carousel-inner .img3 { background-image:url(../images/img_03.jpg); }
.carousel-inner .img4 { background-image:url(../images/img_04.jpg); }

section { clear:both; height:436px; background-color: #472170; background-image: url("../images/foto1.jpg"); background-repeat: no-repeat; background-size: cover;  }
section h1 { background-color: rgba(0,70,93,.7); margin: 0; text-align: center; padding: 10px 0; font-size: 26px; position: absolute; width: 90%; -webkit-border-radius: 0; border-radius: 0; left: 50%; top: 30%; -webkit-transform: translateX(-50%) translateY(-30%); -ms-transform: translateX(-50%) translateY(-30%); transform: translateX(-50%) translateY(-30%); color: #fff; }
section h1 a { font-weight: bold;  color: #fff;}

.gallery { background-color:#f5f4ef; clear: both;  }
header:after { content: ""; width: 100%; height: 22px; position: absolute; z-index: 1000; 
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ddd));
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}
.gallery:after { content: ""; background-image: url(../images/shadow-section.png); background-position: top center; background-repeat: no-repeat; z-index: 999; width: 100%; height: 22px; position: absolute; left: 0px; right: 0px;  overflow: hidden;}
.thumbnail { float:left; width:25%;    padding: 20px; min-height: 280px; }
.thumbnail:first-child {   }
.thumbnail.white { background-color:#fff;  border-left: #dddbd7 solid 1px;  border-right: #dddbd7 solid 1px; padding-right: 50px; min-height: 305px;}
.thumbnail ul { margin:0; padding:0 0 0 60px; list-style-type:none; }
.thumbnail.white  ul li { border-bottom:solid 1px #ccc; padding:0 0 5px 0; margin:5px 0; }
.thumbnail:last-child ul li { border: 0; } 
.thumbnail:last-child.white { border: 0; }
form { border:none; margin:0; padding:0 0 0 60px; }
label { font-family:'Raleway-Light'; color:#9ba0a5;  }
input, a.regi { box-shadow:none; border:solid 1px #ccc; background-color:#fff; padding: 4px 8px; margin: 0 0 15px; display:block; width:70%; }
input[type="submit"], a.regi { font-family:'Raleway-Bold'; background-color:#074689; color:#fff; border:none;float: left; width:auto; }
a.regi { display:block; margin-top:15px; }
input[type="submit"]:hover, a.regi:hover { background-color:#fff; color:#074689; border:solid 1px #074689; text-decoration:none; }
a.forg { float:right; width:auto; margin: 5px 10px 0; }
p.red { color:#f00; font-family:'Raleway-Bold'; }
input.red { border:solid 1px #f00; }

footer { margin-top: 30px; background-color: #003a54; }
.copyright { margin:25px 0 0; font-size: 12px; width: 70%; float: left;}
footer p { display: inline-block; vertical-align: top;    color: #fff; }
footer p a { color: #fff; }
/*footer p:first-child { width:78%; margin-right: 2%; }
footer p:last-child { width: 20%;}
footer p:last-child img { width: 100%; }*/

#test {    color: red;
    display: none;
    font-size: 30px;
    font-weight: bold;
    margin: 30px 0 0 10%;
    position: relative;
}

/* Mobile */
@media (max-width: 320px) {
.container { padding:0; }
.thumbnail { float: none; width: 100%; }
}


.tales {
  width: 100%;
}
.carousel-inner{
  width:100%;
  height: 100% !important;
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
    a {  display: block; }
.container { padding:0; }
.thumbnail { float: none; width: 100%; min-height: auto;    clear: both;}
    section { display: none; }
    h2.log {    margin-top: 25px;}
footer p:last-child {   width: 90%;  display: block;  margin: 20px auto; }
    footer p:first-child {    margin: 20px auto; width: 90%; display: block; }
      h2.log, h2.doc, h2.reg, h2.help {      font-weight: bold;   padding: 0;    background-image: none; }
.thumbnail ul, form {    padding-left: 0 ; }
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1140px) {
    a {  display: block; }
section {    height: 40%; }
      h2.log, h2.doc, h2.reg, h2.help {     font-weight: bold;    padding: 0;
    background-image: none; }
    .thumbnail ul, form {    padding-left: 0 ; }
}
@media (min-width: 1141px) {

}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}


#hidden { visibility: hidden;}

.title { text-align: center; font-size: 2.5em; padding: 16px;}
ul.normal { margin:0; padding:0; list-style-type:none; padding-left: 20px; color: #472170; }
ul.normal a { color: #472170; }

.right_footer {width: 25%; float: left; text-align: right; color: white; margin-top: 15px;}
footer a {color: white;}