@charset "utf-8";
/* CSS Document */
@import url("responsive.css");

.containeriframe{
  height: 100vh;
}

.paginadiaccessomobile{display:none}

/* nuova login */

@media (max-width: 980px){
	.paginadiaccessodesktop{display:none!important}
	.paginadiaccessomobile{display:block!important}
	.paginadiaccessomobile form{width: 90%;margin: 0 auto;}
	.paginadiaccessomobile h3{margin-bottom:8px!important;padding:0!important}
}
@media (min-width: 600px) and (max-width: 980px){
	.paginadiaccessomobile form{width: 70%;margin: 0 auto;margin-top:10px;}
	.paginadiaccessomobile .info-sistema{width: 70%;margin: 0 auto;}
}
/* fine css nuova login */

.hide {
	display: none;
}

.domanda {
	border: 4px solid #17a2b8;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 25px;
    padding: 10px;
}

.risposta {
	font-size: 18px!important;
	margin-left: 25px!important;
}

.set-corretto {
	background-color: rgba(52, 255, 52, 0.50);
}

.set-errato {
	background-color: rgba(255, 52, 52, 0.50);
}

.containeriframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; 
  padding:0;
}
.pulsanti-esiti{
	display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
}
#tabellaHiddenVideo{
	padding: 5px;
    box-shadow: rgb(221, 221, 221) 0px 0px 10px;
}
.videocorrente{background: #005c89!important;}
body{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#444;
	margin:0;
	padding:0;	
	text-align:left;
	background:#FFF;
	padding-bottom:58px;
}
table a{
	color: #00adef;
    font-weight: bold;
}
table a:hover{
	color: #165984;
}
thead{background: #f4f4f4;}
thead th{padding: 5px;}
h1,h2,h3,h4,h5,h6{ margin:0 }
h1{
	font-size:3em;
	padding-bottom:25px;
	font-weight:bold;
}
h2{
	font-size:2.5em;
	font-weight:800;
	padding-bottom:22px;
}
h3{
	font-size:2em;
	font-weight:300;
	padding-bottom:10px;
}
h4{
	font-size:1.5em;
	line-height:1.5em;
	font-weight:800;
	padding-bottom:15px;
}
h5{
	font-size:1.3em;	
	padding-bottom:10px;
}
h6{ font-size:1.1em }
.separatore{
	margin:30px 0;
	width:100%;
	background:#e0e0e0;
	display:block;
	height:3px;	
}
.red{color:#f00;}
.separatore2{
	width:100%;
	margin:20px 0;
	background:#CCC;
	height:1px;	
}
ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:inherit;
	-webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
a:hover{ text-decoration:none; }
.img_responsive{ max-width:100%; height:auto }
.aligncenter{ text-align:center }
.alignright{ text-align:right !important }
.underline{ text-decoration:underline }
.underline:hover{ text-decoration:underline; }
.nomargin{ margin:0 }
.clear{
	clear:both;	
}
.wrapper{
	width:100%;	
}
.container{
	margin:auto;
	width:97%;	
}
.container2{ margin:auto }
header{
	width:100%;
	background:#2C3E50;
	display:block;
}
#menuScroll{
	background:#D7D7D7;
	width:96%;
	position:fixed;
	padding:0 2%;
	padding-top:5px;
	padding-bottom:5px;
	z-index:9999;
	display:none;
	top:0;
	left:0;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 3px 10px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 3px 10px 0px rgba(50, 50, 50, 0.4);
}
footer{
	padding:20px 0;
	width:100%;	
	background:#2c3e50;
	position:fixed;
	bottom:0;
    z-index: 1;
}
footer .footer-body{
	color:#FFF;
	text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.5);
	font-size:1.2em;
}
.logo a,.logo_orizzontale a{ text-align:center }
.logo a img{ max-width:100%; height:60px; }
.logo_orizzontale a img{ max-width:100%; height:50px }
.logo_orizzontale{ float:left }
#menuOrizzontale ul li{
	display:inline-block;
	float:left;
	position:relative;
}
#menuOrizzontale ul li.current a{
	color:#00adef;
}
#menuOrizzontale ul li a{
	display:inline-block;
	color:#FFF;	
	-webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
	font-weight:bold;
	line-height:50px;
}
#menuOrizzontale ul li a:hover{
	color:#00adef;
}
#menuOrizzontale ul li a:hover.submenu:before{
	color:#00adef;
}
#menuMobile{
	display:none;
	width:200px;
	margin:auto;
	margin-top:10px;
}
#menuMobile select{
	width:190px;
	font-size:18px;
	padding:5px;
	background:#FFF;
}
a.submenu:before{
	content:'\f107';
	position:absolute;
	display:block;
	font-family:FontAwesome;
	font-size:14px;
	bottom:-15px;
	left:50%;
	margin-left:-4px;
	color:#FFF;
	-webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
.tabellapadd tbody tr td{padding:0!important}
.tabellapadd input{margin-bottom:5px!important}

.paginazione{ text-align:center; margin:20px 0; }
.paginazione .paginazione-pagina{ color:#383e42; border:1px solid #383e42; display:inline-block; margin-right:5px; width:30px; line-height:30px; text-align:center; cursor:pointer }
.paginazione .paginazione-pagina:hover{ color:#666; border-color:#666 }
.paginazione .paginazione-corrente{ border:1px solid #595959; display:inline-block; margin-right:5px; width:30px; line-height:30px; text-align:center; font-weight:600;}
.sottomenu{
	position:absolute;
	top:55px;
	left:0px;
	z-index:4;
	text-align:center;
	width:100%;
	padding:10px 5px;
	background:#444444;	
	display:none;
}
.sottomenu li{
	color:#FFF;
	display:block !important;
	padding:0 !important;
	float:none !important;
}
.sottomenu li a{
	display:block !important;
	font-weight:normal !important;
	font-size:14px !important;
	line-height:30px !important;
	text-align:center !important;
}
.sottomenu li a:hover{
	color:#00adef !important;
}
.boxHome{
	width:36%;
	margin:2%;
	padding:5%;
	float:left;
	background:#f7f7f7;	
	height:280px;
}
.boxHomeFull{
	width:100%;
	margin:1% 0;
	padding:1% 0;
	min-height:350px;
	text-align:center;
}
.formBox{
	float:left;
	padding:1%;	
}
.formBox input{
	width:96%;
	border:1px solid #00adef;
	padding:2%;
	margin-top:10px;
}
.formBox .label{
	text-align:left;
	font-size:18px;
	font-weight:300;
	margin-left:5px;
}
.boxHomeFull img{
	max-width:100%;
	height:auto;
	overflow:hidden;	
}
.bottone1{
	display:inline-block;
	font-weight:bold;
	text-align:center;
	border:3px solid #2196F3;
	color:#00adef;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
}
.bottone2{
	margin:5px 0;
	display:inline-block;
	min-width:127px;
	font-size:14px;
	line-height:24px;
	padding:5px 10px;
	font-weight:bold;
	text-align:center;
	border:3px solid #00adef;
	color:#00adef;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
}
.bottone3{
	margin:2px;
	font-weight: bold;
	display:inline-block;
	min-width:70px;
	font-size:12px;
	line-height:15px;
	padding:5px 8px;
	text-align:center;
	text-transform:uppercase;
	border:1px solid #00adef;
	background:#00adef;
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.5);
	cursor:pointer;
}
.bottone-giallo{
	margin:2px;
	font-weight: bold;
	display:inline-block;
	min-width:70px;
	font-size:12px;
	line-height:15px;
	padding:5px 8px;
	text-align:center;
	text-transform:uppercase;
	border:1px solid#ffd60a;
	background: #ffd60a;
	color: #000;
	text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.5);
	cursor:pointer;
}
.bottone1:hover, .bottone2:hover, .bottone3:hover {
	color: #ffffff;
	background:#00adef;
}
.bottone-verde{
	margin: 2px;
    display: inline-block;
    min-width: 70px;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 8px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
    cursor: pointer;
    border: 1px solid #6bce69;
    background: #6bce69;
}
.bottone-verde:hover{
	color:#fff;
}
.bottone-rosso{
	margin: 2px;
    display: inline-block;
    min-width: 70px;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 8px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
    cursor: pointer;
    border: 1px solid #f00;
    background: #f00;
}
.bottone-rosso:hover{
	color:#fff;
}
.p20 {padding:20px 0;}
.dataCommento{
	font-weight:300;
	margin-top:0;
	font-size:11px;
	color:#666 !important;	
}
.autoreCommento{
	font-size:12px;
	color:#000;
	margin:0 10px 15px 10px;	
}
.autoreCommento span{
	color:#00adef;
}
.titoloVideo{
	font-weight:700;
	text-align:center !important;	
}
.titoloVideo a{
	color:#00adef;
}
#formAssistenza{
	width:90%;
	margin:0 5%;
}
#formAssistenza span{
	display:block;
	font-size:16px;
	color:#000;
	margin:15px 0 5px 0;
}
#formAssistenza input{
	width:98%;
	background:#FFF;
	padding:1%;	
}
#formAssistenza textarea{
	width:98%;
	background:#FFF;
	padding:1%;	
	min-height:100px;
}

#menuOrizzontale ul {
	display: flex;
	align-items: center;
}

#menuOrizzontale ul li a .bandiera {
	width: 25px;
	height: 25px;
}

#menuOrizzontale ul li a  .bandiera.italiana {
	margin-left: 5px;
}

#menuOrizzontale ul li a  .bandiera.inglese {
	margin-right: 5px;
}



#bandiereMobile {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

#bandiereMobile .bandiera.italiana {
	margin-left: 5px;
}

#bandiereMobile .bandiera.inglese {
	margin-right: 5px;
}

.campo-form-inglese {
	display: flex;
	align-items: center;
}

.campo-form-inglese .bandiera {
	margin-left: 10px;
}

.bandiera.small {
	height: 20px;
}



/* DESKTOP */
@media (min-width: 1200px){
.formBox{
	width:31%;
}
}

/* TABLET ORIZZONTALE */
@media (min-width: 992px) and (max-width: 1199px){
.formBox{
	width:31%;
}
}


/* TABLET VERTICALE */
@media (min-width: 768px) and (max-width: 991px){
.formBox{
	width:98%;
}
}
/* SMARTPHONE */
@media (max-width: 767px){
.formBox{
	width:98%;
}
h1 {
    font-size: 1.5em!important;
}
h2 {
    font-size: 1.3em!important;
}
h3 {
    font-size: 1.2em!important;
}
h4 {
    font-size: 1.1em!important;
}
h5 {
    font-size: 1em!important;
}
.logo_orizzontale {
    float: unset!important;
	text-align: center!important;
}
.logo_orizzontale a img {
    height: 35px!important;
}
}

/* SMARTPHONE PICCOLO*/
@media (max-width: 480px){
.formBox{
	width:98%;
}

}

input[type="date" ] {
    height: 38px;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
}

.bottone5{
	margin:2px;
	font-weight: bold;
	display:inline-block;
	min-width:70px;
	font-size:12px;
	line-height:15px;
	padding:5px 8px;
	text-align:center;
	text-transform:uppercase;
	border:1px solid #04e762;
	background:#04e762;
	color: #000;
	text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.5);
	cursor:pointer;
}