@font-face {
    font-family: 'hcms-text';
    src: url('../fonts/normale.eot');
    src: url('../fonts/normale.eot?#iefix') format('embedded-opentype'), url('../fonts/normale.ttf') format('truetype'),url('../fonts/normale.woff') format('woff');
}
@font-face {
    font-family: 'hcms-fine';
    src: url('../fonts/sottile.eot');
    src: url('../fonts/sottile.eot?#iefix') format('embedded-opentype'),url('../fonts/sottile.ttf') format('truetype'),url('../fonts/sottile.woff') format('woff');
}
@font-face {
    font-family: 'hcms-finebold';
    src: url('../fonts/sottileBold.eot');
    src: url('../fonts/sottileBold.eot?#iefix') format('embedded-opentype'),url('../fonts/sottileBold.ttf') format('truetype'),url('../fonts/sottileBold.woff') format('woff');
}

@font-face {
    font-family: 'news-regular';
    src: url('../fonts/newgotxc.eot');
    src: url('../fonts/newgotxc.eot?#iefix') format('embedded-opentype'),url('../fonts/newgotxc.woff') format('woff'),url('../fonts/newgotxc.ttf') format('truetype'),url('../fonts/newgotxc.svg#newsgoth_xcn_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'news-bold';
    src: url('../fonts/newgotbc.eot');
    src: url('../fonts/newgotbc.eot?#iefix') format('embedded-opentype'),url('../fonts/newgotbc.woff') format('woff'),url('../fonts/newgotbc.ttf') format('truetype'),url('../fonts/newgotbc.svg#newsgoth_cn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{
    height:100%;
    margin:0;
}
body>.contenuto{
    height: auto;
    min-height: 100%;
}
body {margin-top: 0; margin-bottom: 0; margin-left: 0; background-color: #FFFFFF;font-size: 14px; font-family: "news-regular";background-image:url('../../template/img/sfn.jpg'); background-repeat:no-repeat;background-attachment: fixed; background-position:50% 0%; width: 100%!important;overflow-x:hidden;}

.contenuto{margin-right: auto; margin-left: auto; width: 950px; background-color: #fff;
    padding: 20px 20px 10px 20px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);}
.operagrid{
    width: 33.3%;float: left;margin-bottom: 10px;min-height: 219px;
}
#imgenzo{
    border-width: 0px;
    border-style: solid;
    margin-right: 10px;
    float: left;
    width: 200px;
    height: 200px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
}
.input-group-addon {background-color: #FFFFFF;text-align: right;width: 160px;}
#logo{margin-right: 20px;}
.ajax-loader{text-align: center; width: 100%; border: 1px solid rgba(31, 116, 170, 0.44); background-color: #fff; padding-top: 10px;padding-bottom: 10px; }
#loader{height: 30px;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #1F74AA;
    border-color: #1F74AA;
}
input:focus,select:focus,textarea:focus {
    border-color: #c1c1c1!important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(122, 118, 113, 0.60) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(122, 118, 113, 0.60) !important;
}
.immagine{-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .3);-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .3);box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .3);}
.immagine-elenco{float: left;max-width: 180px; margin-right: 10px;}
.immagine-dettaglio{width: 300px; float: left; margin: 0px 10px 10px 0px;}
#su{ background-color: #FFF;}

.button{background: #1F74AA;border:none;font-family: "news-regular";font-size: 1em;color: #fff;padding: 7px 14px;}
.button:hover{
    -webkit-transition: background 0.4s linear;
    -moz-transition: background 0.4s linear;
    -o-transition: background 0.4s linear;
    -ms-transition: background 0.4s linear;
    transition: background 0.4s linear;
    background: #e3750e;
}
.social img{margin-left:2px;}
.rightcontent{float: left; width: 220px;margin-left: 10px;padding: 10px;}
.form-control{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#formDocument label{ display: block;}
.findDocument{display: none;}
.findContainer{ float: right; display: block; width: 200px;}
.findContainer select#lan{ float: right; margin: 0; width: 100px;}

.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video iframe, .video-container object,.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#footer{display: none;}
#registration-form .error{width: 300px;}
.checkbox{padding-top: 0px!important;}
#lost-form input{width: 350px;}
.navigator{background-color: #fbfbfb;padding:10px;}
.boxcontent{background-color: #FFF;padding:10px;}
.box50{float: left;width: 48%;margin-right: 2%;}
.big{font-size: 2em!important;}
.img25{float: left;margin-right: 10px; width: 120px;height: 80px;}
a .img66{border:none;}
.img66{float: left;margin-right: 15px; width: 200px;}
.img33{width: 100%;}
a{color: #1F74AA;text-decoration: none;}
a:hover, a:focus {-webkit-transition: color 0.4s linear;
    -moz-transition: color 0.4s linear;
    -o-transition: color 0.4s linear;
    -ms-transition: color 0.4s linear;
    transition: color 0.4s linear;
    color: #e3750e;}

a.button:hover,a.button:focus{color: #fff;text-decoration: none; }
.clear {float: none;clear: both;height: 10px;font-size: 10px;}
.cleardocument {float: none;clear: both;margin-top:5px;margin-bottom:5px;height: 1px; border-top: 1px #dadada dashed;}
.homemostre{width: 33.3%;float: left}
.homemostre img{width: 295px;}
.titlehomemostre{position:relative;line-height: 30px;padding-left: 5px;font-size: 1.3em }
.titlehomemostre a{color:#666;}
.px1 {height: 1px!important;}
.titlebox {font-size: 1.4em;font-family: "news-bold";color: #1F74AA; text-transform: uppercase;margin-bottom: 10px;}
.title {font-size: 1.4em;font-family: "news-bold";text-decoration: none;color: #333;}
.titlehome {font-size: 1.4em;font-family: "news-bold";text-decoration: none;color: #333;}
.texthome {font-family: "news-regular";font-size: 1.2em;color: #666;text-align: justify;}
.date {font-size: 1em;color: #666;font-family: "news-regular";}
.text {font-family: "news-regular";font-size: 1.2em;color: #57636f;}
.text img{ max-width: 100%;}
.comments{font-size: 1em;color: #2e3031;}
.glyphicon {font-size: 1em;}
.error{color:#b94a48;}
.filter-container{margin-bottom: 5px;}
.filter-container select.form-control{width: 160px;}
.filter-container div{width: 170px;}
.filter-container div.findButton{width: 70px;}
.filter-container label{display:block;}
#indietro-mobile,#menu-mobile,#menu{display: none;}
#banner-mobile,#logo-mobile,#logo{display: none;}
#footer-mobile{display: none;}
#clear-footer{height: 20px;}
.menu-front{width: 150px;float: left;margin-right: 30px;margin-top: 30px;}
.admin-front{width: 730px;}
.img-selected{box-shadow: 0 0 0 1px #fff,0 0 0 5px #1e8cbe;}
.btn {border-radius: 0px;}
@media only screen and (max-width: 767px){
    .contenuto{width: 100%;}
    .immagine-elenco{max-width: 20%;}
    .input-group,input,textarea,.form-control, select, .button{width: 100%!important;}
    .social{display: none;}
    .findContainer{ float: none; display: block; width: 100%;}
    .box50{float: none;width: 100%;margin-right: 0%;}
    .filter-container div{width: 100%!important;}
    .filter-container div.findButton{width: 100%;}
    .immagine-dettaglio{width: 100%; float: none; margin:  0px 0px 10px 0px;}
    .homemostre{width: 100%;float: none}
    .homemostre img{width: 100%;}
    .img66{float: none;margin-right: 0px; width: 100%;}
    #imgenzo{float: none;display: block;margin-left: auto;margin-right: auto;}
    .operagrid{width: 100%;float: none;margin-bottom: 10px;min-height: 219px;}
}

#menu{z-index: 100;padding-left: 10px;}
#nav, #nav ul{
    float:left;
    text-align:center;
	border-style: none;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 1.4em;
    vertical-align: baseline;
}
ul #nav,ul #nav li,ul #nav ul,ul #nav ul li{margin:0;list-style-type:none;}
#nav a,#nav span{
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    color: #666;
    position: relative;
    height: 100%;
    display: block;
    text-align: left;
}
#nav a:hover,#nav span:hover,#nav li:hover a,#nav li:hover span{text-decoration:none;color:#fff;}
#nav li:hover ul li a,#nav li:hover ul li span{text-decoration:none;color:#666;}
#nav li.active{background: #1F74AA;}
#nav li.active a,#nav li ul li.active a,#nav li ul li:hover a,#nav li ul li:hover span { color: #fff;}
#nav li{
    text-decoration: none;
    text-align: center;
    float: left;
    color: #666;
    font-family: 'news-regular';
    cursor: pointer;
    margin-left: 3px;
}
#nav li:first-child,#nav li ul li:first-child{margin-left: 0px;}
#nav li:hover{
    -webkit-transition: background 0.4s linear;
    -moz-transition: background 0.4s linear;
    -o-transition: background 0.4s linear;
    -ms-transition: background 0.4s linear;
    transition: background 0.4s linear;
    background: #1F74AA;
}
#nav li ul li a,#nav li ul li span{padding:0 8px 0 8px;}
#nav li ul li{padding:0;margin:0px;border: none;float: none;background-color: #fff;}
#nav li ul{
	position: absolute;
	float: none;
	color: white;
	left: -999em;
	font-size: 1em;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);
    background-color: #FFF;
    padding:10px;
    min-width: 160px;
}
#nav li li:hover{
    -webkit-transition: background 0.4s linear;
    -moz-transition: background 0.4s linear;
    -o-transition: background 0.4s linear;
    -ms-transition: background 0.4s linear;
    transition: background 0.4s linear;
	background: #1F74AA;
}
#nav li ul ul{
	margin: -30px 0 0 14em;
	background: #0c97cb;
	text-align: right;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left: inherit;z-index: 100;top: inherit;}

/*menu_gruppo*/
ul#menu-left {
    margin: 0;
    padding: 0;
    list-style: none;}
ul#menu-left li {
    font-size: 16px;
    text-transform: capitalize;
    display:block;
    list-style:none;
    margin:0;
    position:relative;
    margin-right: 1px!important;
    background: #eeeeee;
    height:35px;
    color: #666;
    margin-bottom: 1px;
    line-height: 35px;
    padding-left: 5px;
}

ul#menu-left a {color: #757575!important;}
ul#menu-left a:hover {text-decoration:none;}
ul#menu-left div.button-name {line-height: 35px;
    padding-left: 10px;}
ul#menu-left li a {
    display: block;
    font-weight: bold;
    line-height: 30px;
    padding-left: 1px;
    text-decoration: none;
    width: 135px;
    /*height: 30px;*/
}
ul#menu-left li.active, ul#menu-left li:hover {
    background: #1F74AA;
    color: #fff!important;
    -webkit-transition: background 0.4s linear;
    -moz-transition: background 0.4s linear;
    -o-transition: background 0.4s linear;
    -ms-transition: background 0.4s linear;
    transition: background 0.4s linear;
}

/*galleria front*/
#thumbs { padding-top: 10px; overflow: hidden; }
#thumbs img, #largeImage { border: 1px solid gray; padding: 4px; background-color: white; cursor: pointer; }
#thumbs img { float: left; margin-right: 6px; }
#description { background: black; color: white; position: absolute; bottom: 0; padding: 10px 20px; width: 525px; margin: 5px; }
#panel{ position: relative; }
.green{color: #1F74AA;}
.login-front{ padding: 20px;}
.dropdown{position: relative;top:-20px;}
.dropdown-menu {margin: 0px;}
.nav a .caret {border-top-color: #1F74AA;border-bottom-color: #1F74AA;}
.nav a:hover .caret {border-top-color: #e3750e;border-bottom-color: #e3750e;}
@media only screen and (min-width: 768px) {
    #menu{display:block;position:relative;}
    #indietro,#footer,#home,#logo{display:block;border: none;}
    #indietro-mobile{display:none;}
}
@media only screen and (max-width: 767px) {
    #menu-mobile{display:block;text-align: center;}
    #footer-mobile{display:block;padding: 2px;font-size: 1em;}
    #banner-mobile{display:block;}
    #indietro-mobile,#logo-mobile{display:block;}
    #indietro,#photo-container{display: none;}
    .homeroute{width: 100%;float: none;padding-right: 0px;}
    .homeroute img{width: 100%;}
    .textgal{float: none;width: 100%;}

}

.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;}

.issuuembed {width:100% !important;height: auto !important;position: relative;padding-bottom: 62.25%;overflow: hidden;}
.issuuembed object {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.lazy-load, .lazy-loaded {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
}
.lazy-loaded { opacity: 1; }

/*Back to top button */
#back-top {
    position: fixed;
    bottom: 30px;
    margin-left: -150px;
}
#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {
    width: 58px;
    height: 58px;
    display: block;
    margin-bottom: 7px;
    background: #1F74AA url(../img/up-arrow.png) no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {background-color: #e3750e;}

.qq-upload-button {
    margin-bottom: 0;
    font-size: 14px;
    border: 1px solid #1F74AA;
    border-radius: 0px;
    color: #ffffff;
    background-color: #1F74AA;
}
.qq-upload-button:hover {
    background-color: #e3750e;
    -webkit-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -ms-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}