@charset "UTF-8";
/* Body */
body {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	background-color: #FFFFFF;
	margin: 0;
}
/* Container */

.form{
 
	margin: 0 auto;

}


a {
	list-style: none;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #666363;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
	text-decoration: underline;
}

table {
      border-collapse: collapse; /*rimuovere gli spazi vuoti tra le cellule*/.
      border: 1px solid grey; /* impostiamo bordo esterno  per la tabella  di colore grigio e   spessore di 1px */

	  width: 100%;
	 

      }


th, td {border: 1px solid grey;
 padding: 10px;
 margin: 10px;
}


label {
	width: 150px ;
	display: block;
	margin-top: 8px ; 
	margin-bottom:  2px ; 
	}
	



	
fieldset {
	border: 0px;
	margin-left: 140px;
	}
	
		
input[type="radio"], input[type="checkbox"] {
	width: 10px;
	}
	
input[type="range"]  {
	margin:0 px;
	width: 129px;
	}

select {
    padding: 5px;
	width:220px;
	height: 30px;
	margin-top: 5;
	}	

input[type='text'], input[type='email'], input[type='password'], input[type='number'] ,input[type='date']  {
	width: 200px; 
	border-radius: 2px;
	border: 1px solid #CCC; 
	padding: 10px; 
	color: #333; 
	font-size: 14px; 
	margin-top: 5px;}

input[type='submit']{
	padding: 10px 25px 8px; 
	color: #fff; 
	background-color: #0067ab; 
	text-shadow: rgba(0,0,0,0.24) 0 1px 0; 
	font-size: 16px; 
	box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; 
	border: 1px solid #0164a5; 
	border-radius: 2px; 
	margin-top: 30px; 
	cursor:pointer;
	display: block;
     }


input[type='submit']:hover {background-color: #024978;}


ul, ol, dl { /* A causa delle differenze tra i browser, è buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformità, potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore più specifico. */
	padding: 0;
	margin: 0;
}

ul.nav {
	list-style: none; /* Rimuove l'indicatore di elenco 
	border-top: 1px solid #666;  */
	/* Crea il bordo superiore dei collegamenti; tutti gli altri vengono posizionati utilizzando un bordo inferiore sul LI */
	margin-bottom: 20px; /* Crea lo spazio tra gli elementi di navigazione nel contenuto sottostante */

}
ul.nav li { /*
	border-bottom: 1px solid #666;  Crea la separazione tra i pulsanti */
	margin-top: 10px;

}
ul.nav a, ul.nav a:visited { /* Raggruppando questi selettori si fa in modo che i collegamenti mantengano l'aspetto di pulsante anche dopo che sono stati visitati */
	padding: 10px 10px 10px 20px;
	display: block; /* Specifica le proprietà block del collegamento facendo sì che riempia l'intero LI che lo contiene. Fa in modo che l'intera area risponda a un clic del mouse. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
    width: 200px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Cambia il colore dello sfondo e del testo per la navigazione tramite mouse e tastiera */
	background: #6F7D94;
	color: #FFF;
	
	list-style: none;

	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 200px;
	transition: all 0.3s linear;
	
}


.container {
	background-color: #FFFFFF;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
/* Header */
header {
	width: 100%;
	height: 100%;
background-color: #5D5E5D;
	border-bottom: 1px solid #353635;
}



.noDisplay {
	display: none;
}

.center_form {
	background-color: #ffffff;
	width: 200px;
	float: none ; 
	font-family: "Source Sans Pro";
	color: #868686;
	padding-bottom: 15px;
	padding-bottom: 15px;
	margin: 0 auto;

	align-content: center;
	align-self: center;
	alignment-baseline: central;
	align-items: center;
	

}



.center_tab {
	background-color: #ffffff;
	width: 100%;
	float:none; 
	font-family: "Source Sans Pro";
	color: #868686;
	padding-bottom: 15px;
	padding-bottom: 15px;
	margin-left: 15px;


	align-content: center;
	align-self: center;
	alignment-baseline: central;
	align-items: center;
	
	margin: 0 auto;
}

.center_article {
	background-color: #ffffff;
	width: 640px;
	float:none; 
	font-family: "Source Sans Pro";
	color: #868686;
	padding-bottom: 15px;
	padding-bottom: 15px;
	margin-left: 15px;


	align-content: center;
	align-self: center;
	alignment-baseline: central;
	align-items: center;
	
	margin: 0 auto;
}

.center_tab {
	background-color: #ffffff;
	width: 100%;
	float:none; 
	font-family: "Source Sans Pro";
	color: #868686;
	padding-bottom: 15px;
	padding-bottom: 15px;
	margin-left: 15px;

    align :center;
	align-content: center;
	align-self: center;
	alignment-baseline: central;
	align-items: center;
	
	margin: 0 auto;
	
}

.center_tab a {
	
	color: #222222;
}
.center_article800 {
	background-color: #ffffff;
	width: 800px;
	float:none; 
	font-family: "Source Sans Pro";
	color: #868686;
	padding-bottom: 15px;
	padding-bottom: 15px;
	margin-left: 15px;


	align-content: center;
	align-self: center;
	alignment-baseline: central;
	align-items: center;
	
	margin: 0 auto;
}
.left_article {
	background-color: #ffffff;
	width: 55%;
	float: left;
	font-family: "Source Sans Pro";
	color: #868686;
	padding-bottom: 15px;
	margin-left: 15px;


	
}



.left_article li {
	
	padding-bottom: 5px;
	
	
}
.left_article p {
	
	width: 95%;
	


	}

.left_article p a {
	
	color: #868686;
	


	}

.rigth_article p a {
	
	color: #868686;
	


	}

.center_article p a {
	
	color: #868686;
	


	}
.right_article {
	width: 40%;
	float: left;
/*	background-color: #F6F6F6;  */
}

.placeholder {
	/* [disabled]max-width: 400px;
*/
	/* [disabled]max-height: 200px;
*/
	width: 100%;
	padding-top: 30px;
	/* [disabled]padding-left: 19px;
*/
	padding-bottom: 30px;
	height: 100%;
}

.placeimage {
	/* [disabled]max-width: 400px;
*/
	/* [disabled]max-height: 200px;
*/
	width: 100%;
	padding-top: 30px;
	/* [disabled]padding-left: 19px;
*/
	padding-bottom: 5px;
	height: 100%;
}

.row {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block
}
.header-shadow{
    background-image: url('images\bg_header.jpg');
}

.iframe-session {
	width:1026px;
    height: 1024px;

	align-content: center;
	align-self: center;
	alignment-baseline: central;
	align-items: center;
	
	margin: 0 auto;
	}
.row {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block
}
.row.blockDisplay {
	display: block;
}
.secondary_header {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #B3B3B3;
	clear: left;
	display: block;
}


.container .secondary_header ul  {
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	width: 100%;
	display: block;
}


.secondary_header ul li  {
	display: block;
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
}





.secondary_header ul li  :hover {
	color: #717070;
	cursor: pointer;
	
}


.secondary_header a  {
	list-style: none;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
	text-decoration:none;
	
}

.logoimg {
    float: left; 
	color: #fff;
	font-weight: bold;
	margin-left: 10px;
	
	margin-right: auto;
	text-align: center;
	padding-top: 10px;
	line-height: 2em;

	margin-top: 10px;
}

.logo {
    float: none;
	color: #fff;
	font-weight: bold;
	margin-left: 10px;
	letter-spacing: 4px;
	margin-right: auto;
	text-align: center;
	padding-top: 40px;
	line-height: 2em;
	font-size: 22px;
	margin-top: 10px;
}
.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}
/* About Section */
.text_column {
	width: 90%;
	text-align: left;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}



.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail {
	width: 23%;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #F8F8F8;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 20px;
	border-bottom: 4px solid #6DC7D0;
}


.gallery .thumbnail h4  {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #52BAD5;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.gallery .thumbnail a  {

	color: #52BAD5;
	text-decoration:underline;
	
	
}
.gallery .thumbnail p {
	margin: 0;
	color: #B3B3B3;
	text-align: left;
	padding-left: 20px;
}
/* More info */
.intro {
	background-color: #FFFFFF;
	padding-bottom: 35px;
}
.column {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}
.intro .column h3 {
	color: #FFFFFF;
	text-align: center;
}
.intro .column p {
	color: #FFFFFF;
}

.column a  {
	list-style: none;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
	text-decoration:none;
	
}


.column a:hover {
	
	color: #717070;
	cursor: pointer;
}

.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 300px;
	opacity: 0.8;
}
.intro .column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
	width: 80%;
	margin-top: 4%;
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}

.button a  {
	list-style: none;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
	text-decoration:none;
	
}

.tapbutton   {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #838383;
	transition: all 0.3s linear;
	list-style: none;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #848484;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 50%;
	transition: all 0.3s linear;
	text-decoration:none;
	
}


/*
.button:hover {
	background-color: #6DC7D0;
	color: #717070;
	cursor: pointer;
}
*/
.button a:hover {
	
	color: #717070;
	cursor: pointer;
}


.button-back {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #B3B3B3;
	color: #FFFFFF;
	transition: all 0.3s linear;
}


.button-back a  {
	list-style: none;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #B3B3B3;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
	text-decoration:none;
	
}



/*
.button-back:hover {
	background-color: #6DC7D0;
	color: #717070;
	cursor: pointer;
}
*/
.button-back a:hover {
	
	background-color:#B3B3B3;
	color:#565656;
	cursor: pointer;
}


.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
footer {
	background-color: #B3B3B3;
	padding-top: 10px;
	padding-bottom: 10PX;
}
.intro {
	display: inline-block;
	background-color: #6DC7D0;
}
.profile {
	width: 50%;
}
.gallery .thumbnail .tag {
	color: #5D5E5D;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}



/* Mobile */
@media (max-width: 320px) {
	
.logoimg {
    float: none; 
	margin-left: 20%;
	
}

.center_article {
	background-color: #ffffff;
	width: 90%;
	float:none;
	font-family: "Source Sans Pro";
	color: #868686;
	padding-bottom: 15px;
	margin-left: 15px;


	align-content: center;
	align-self: center;
	alignment-baseline: central;
	align-items: center;
	
	margin: 0 auto;
}	
.left_article {
	width: 100%;
	height: auto;
}
.right_article {
	width: 100%;
	height: auto;
}
.placeholder {
	width: 100%;
	margin-top: 22PX;
	margin-right: 0px;
	margin-bottom: 22PX;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width: 400px;
	max-height: 200px;
	height: auto;
}
.logo {
 
	padding-top: 5px;

}
.secondary_header ul li {
	float: none;
	margin-top: 28px;
	margin-left: 0px;
	width: 100%;
}
.container .secondary_header ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	width: 100%;
	text-align: center;
}
.secondary_header {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-bottom: 40px;
}
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: justify;
	padding: 0;
}
.intro .column p {
	width: 80%;
	margin-left: 0px;
}
.text_column {
	padding-left: 20px;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {

	.logoimg {
	float: none;
	/* [disabled]align-self: center; */

	margin-left: 25%;
}
	
.center_article {
	background-color: #ffffff;
	width: 90%;
	float:none;
	font-family: "Source Sans Pro";
	color: #868686;
	padding-bottom: 15px;
	margin-left: 15px;


	align-content: center;
	align-self: center;
	alignment-baseline: central;
	align-items: center;
	
	margin: 0 auto;
}		
	.logo {
 
	padding-top: 5px;

}

.left_article {
	width: 100%;
	height: auto;
}
.right_article {
	width: 100%;
	height: auto;
	padding-bottom: 25px;
}
.placeholder {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
	.secondary_header ul li {
	float: none;
	margin-top: 28px;
	margin-left: 0px;
	width: 100%;
}
.container .secondary_header ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	width: 100%;
	text-align: center;
}
.secondary_header {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-bottom: 40px;
}


	
	
	
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: left;
	padding: 0;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.thumbnail {
	width: 100%;
}
.text_column {
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.column {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.profile {
	width: 100%;
}
.intro .column p {
	width: 90%;
	text-align: center;
	padding-left: 0px;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.secondary_header {
	overflow: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.left_article {
	height: auto;
}
.right_article {
	height: auto;
	padding-bottom: 27px;
}
.placeholder {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}	
	
.secondary_header ul li {
	margin-top: 10px;
	margin-right: 7%;
	margin-bottom: 10px;
	margin-left: 7%;
}
.text_column {
	width: 100%;
}
.thumbnail {
	width: 48%;


	
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}
.intro .column p {
	width: 80%;
}
}
#menu {
}