@font-face {
    font-family: 'menu-font';
    src: url('fonts/QuattrocentoSans-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0;
	padding: 0;
    font-size: 10pt;
    font-weight: normal;
	font-family: 'menu-font', Tahoma, Arial,Helvetica, sans-serif;
    color: #555;
    background-color: #3873b7;
    
    min-width: 1024px;
}

h2 {
    margin-top: 0;
}

/* NEW */

a {
    color: #3873b7;
}

/* --- */

a:focus {
    outline: none 0 !important;
}

#page {
	background: white;
    background-repeat: no-repeat;
}

#header {
	margin: 0;
	padding: 0;
    margin: 0 auto;
    height: 110px;
    width: 100%;
    background-image: url('../images/fascia_testa2.png');
    background-repeat: no-repeat;
}

.page-container {
	max-width: 1170px;
	padding: 30px 15px;
	margin: 0 auto;
}

.intro-container {
	background-color: #3873b7;
	color: white;
	padding: 15px 0;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 15px;
}

.row:after {
    content: "";
    display: block;
    clear: both;
}

.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7 {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

@media(max-width:1199px) {
	
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.row {
		text-align: center;
		margin: 0 auto 20px auto;
		display: block;
	}
	
}

@media(min-width:1200px) {

	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7 {
		float: left;
	}
	
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	
}

.events-list {
	margin-top: 30px;
}

.events-item {
	max-width: 45%;
	padding-right: 15px;
	margin-bottom: 15px;
	display: inline-block;
}
.events-item:last-child {
	padding-right: 0;
}

.events-item a {
    position: relative;
    display: block;

}
.events-item a:after {
    opacity: 0;
    content: "LEGGI";
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 10px;
    border: 2px solid #3873b7;
    color: #3873b7;
    font-size: 24px;
    background: rgba(255,255,255,0.5);
    z-index: 100;
    transform: translate(-50%,-50%);
    transition: all 0.2s ease-in-out;
}
.events-item a:hover:after {
    opacity: 1;
}
.events-item img {
	width: 100%;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.16), 0px 2px 12px rgba(0,0,0,0.16), 0px 2px 24px rgba(0,0,0,0.16);
	transition: all 0.2s ease-in-out;
}
.events-item a:hover > img {
    opacity: 0.26;
}

/* --- */

#header a {
    float: left;
}

.header-right {
    float: right;
    color: white;
    font-family: "Alex Brush";
    font-size: 24pt;
    margin: 15px 50px 0 0;
}

.header-right span {
    padding-left: 150px;
}

@media (max-width: 1200px) {
	
	.header-right {
		font-size: 22pt;
		margin: 20px 15px 0 0;
	}
	
}

@media (max-width: 1024px) {
	
	.header-right {
		font-size: 20pt;
		margin: 25px 15px 0 0;
	}
	
}


/* --- */

#beforecontent {
    height: 30px;
    width: 100%;
    background-color: transparent;
}

#content {
    min-height: 700px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    /*background-image: url('../images/fsa_home1.jpg');*/
}

#index-page-content {
    padding: 15px;
    display: none;
    color: #EFEFEF;
    font-size: 14pt;
    width: 290px;
    /*height: 500px;*/
    top: 25px;
    left: 25px;
    text-align: justify;
    position: absolute;
    /*background-color: transparent;*/
    z-index: 51;
    /*background-repeat: no-repeat;
    background-image: url('../images/retto_blu.png');*/
    background: rgba(45,82,144,0.9);
}

#content-text {
    /*padding: 10px 150px 10px 150px;*/
    width: 930px; /*width:920px;*/
    height: 610px; /*height: 540px;*/
    margin: 0px auto;
    font-size: 14pt;
    text-align: left;
    overflow: auto;
    color: #000000;
    position: relative;
    top: 15px;
}

#prova_c {
    /*padding: 10px 150px 10px 150px;*/
    width:960px;
    height: 640px; /*height: 580px;*/
    margin: 0px auto;
    font-size: 12pt;
    text-align: left;
    /*background-color: rgba(255,255,255,0.9);*/
    background-color: transparent;
    overflow: hidden;
    background-image: url('../images/retto_piu.png');
    background-repeat: no-repeat;
    color: #000000;
}

#container-menu{
    margin: 0 auto;
    width: 100%;
}

#footer {
    font-family: 'menu-font';
	padding: 0px;
    margin: 0 auto;
	font-size: 1em;
	text-align: left;
    border-top: lightgray solid 1px;
    width: 100%;
    background-color: #3873b7;
    /*
    background-image: url('../images/footer.jpg');
    background-repeat: no-repeat;
    */
}

#footer .footer_container {
    margin: 20px auto;
    width: 1400px;
}

#footer .footer_container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer .footer_container ul li {
    width: 200px;
    float: left;
}

#footer .footer_container a{text-decoration: none;color: #666;}
#footer .footer_container a:hover{text-decoration: underline;}
#footer a.footer_container_main{text-decoration: none;cursor: default; font-size: 10pt;font-style: italic;}
#footer a.footer_container_main:hover{text-decoration: none;cursor: default;}
#menuH a.footer_container_main{text-decoration: none;cursor: default;}
#footer a.footer_container_none {display: none;}

#footer_azienda {
    width: 100%;
    margin: 0 auto;
    text-align: center;

    height: 50px;
}

#logo {
    width: 596px;
    height: 110px; 
    background-image: url('../images/logo_fsa.png');
}

.ui-menu { 
    overflow: hidden;
}
.ui-menu .ui-menu {
    overflow: visible !important;
    min-width: 160px;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    z-index: 10;
}
.ui-menu > li { 
    float: left;
    display: block;
    width: auto !important;
}
.ui-menu ul li {
    display:block;
    float:none;
}
.ui-menu ul li ul {
    left:120px !important;
    width:100%;
}
.ui-menu ul li ul li {
    width:auto;
}
.ui-menu ul li ul li a {
    /*float:left;*/
}
.ui-menu > li {
    margin: 5px 3px !important;
    padding: 0 0 !important;
}
.ui-menu > li > a { 
    /*float: left;
    display: block;*/
    clear: both;
    overflow: hidden;
}
.ui-menu .ui-menu-icon { 
    margin-top: 0.1em !important;
    margin-left: 3px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.ui-menu ul .ui-menu-icon {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*
.ui-menu .ui-menu .ui-menu li { 
    float: left;
    display: block;
}
*/

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius:0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius:0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius:0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius:0px;
}
.ui-toolbar-main {
    border-top: lightgray solid 1px;
    border-bottom: lightgray solid 1px;
    border-left: none;
    border-right: none;
}

input {
    border: lightgray solid 1px;
    font-family: inherit;
    cursor: pointer;
}

#fsatable {
    width:100%;
    border-collapse:collapse;
}
#fsatable td, #fsatable th {
    border:1px solid #000000;
    padding:3px 7px 2px 7px;
    text-align: center;
}
#fsatable th {
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color: #fafad2;
    text-align: center;
}
#fsatable p, li, ul{
    margin: 0;
}
#fsatable .firstcolcontent{
    text-align: left;
}


/* BACKGROUND SLIDER */

/*
@font-face {
	font-family: 'entypo';
	src:url('../fonts/controls/entypo.eot');
	src:url('../fonts/controls/entypo.eot?#iefix') format('embedded-opentype'),
		url('../fonts/controls/entypo.woff') format('woff'),
		url('../fonts/controls/entypo.ttf') format('truetype'),
		url('../fonts/controls/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: absolute; /* fixed; */
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
    overflow: hidden;
}

.cbp-bislideshow li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* background title / description */
.cbp-bislideshow li .slide-description {
    position: absolute;
    top: 25px;
    right: 25px;
    color: white;
    font-size: 1.4em;
    padding: 10px;
    letter-spacing: 1px;
    background: rgba(0,0,0,0.7);
}

.cbp-bislideshow li .slide-auguri-natale {
    position: absolute;
    bottom: 50px;
    right: 50px;
    font-family: "Alex Brush";
    color: red;
    color: crimson;
    font-size: 48pt;
    text-shadow: 0 0 8px white;
}
.cbp-bislideshow li .slide-auguri-natale:before {
	font-family: "FontAwesome";
	content: "\f005";
	color: white;
	opacity: 0.75;
	font-size: 16pt;
	position: absolute;
	top: 0px;
	left: 135px;
	z-index: 0;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: absolute;
    width: 99px;
    height: 30px;
    top: 100px;
    right: 50px;
}

.cbp-bicontrols span {
    float: left;
    width: 33px;
    height: 30px;
    position: relative;
    cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: 'FontAwesome'; /* 'entypo' */
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 30px;
	font-size: 1.2em;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.8;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
	content: "\f04b"; /* "\e002"; */
}

span.cbp-bipause:before {
	content: "\f04c"; /* "\e003"; */
}

span.cbp-binext:before {
	content: "\f054"; /* "\e000"; */
}

span.cbp-biprev:before {
	content: "\f053"; /* "\e001"; */
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}

/* POPUP IMAGES */

a.popup-link {
    text-decoration: none;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 5px 5px 0 5px;
    transition: all 0.2s ease-in-out;
}

a.popup-link:hover {
    border: 1px solid #333;
}

/* blockquote, citazioni */

blockquote {
    padding: 10px 20px 10px 0;
    margin: 0 0 10px 0;
    font-size: 20px;
    /*border-left: 5px solid #3873b7;*/
}

blockquote p {
    margin: 0 0 10px;
    /*color: gray;*/
}

blockquote footer {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    font-weight: bold;
    color: #3873b7; /* color: #777;*/
}

blockquote footer:before {
    content: '\2014 \00A0';
    font-weight: normal;
}

/* animazione */


/* box */

.box-white-inline {
	background: white;
    padding: 15px;
    border-radius: 4px;
    display: inline-block;
}