.main {
    padding:0px 5px 5px 5px;
}
.main .primopiano {
    border:1px solid #ccc;
    width:953px;
    background-color:#fff;
}
.main .primopiano h1 {
    padding:20px 20px 10px 20px;
    color:#454545;
    font-size:30px;
}
.main .primopiano .pager {
    display:none!important;
}
.main .evidenza {
    width:953px;
    margin-top: 20px;
    margin-bottom: 60px;
    padding-left:15px;
}
.main .evidenza h1 {
    padding:20px 20px 20px 5px;
    color:#454545;
    font-size:30px;
}
.main .editoria {
    border:1px solid #ccc;
    width:953px;
    background-color:#fff;
    margin-bottom:15px;
}
.main .editoria h1 {
    padding:20px;
    color:#454545;
    font-size:30px;
}
.interesse {
    border:1px solid #ccc;
    width:953px;
    background-color:#fff;
    margin-top: 10px;
    height:335px;
    padding:20px 20px 20px 30px;
    margin-left:5px;
}
.container.operazioni {
    margin-top:20px;
}
.container .col.multimedia {
    margin-top: 550px;
}
.editoria-container {
	padding-left:15px;
}
@media only screen and (max-width: 1220px) {
    .container .col.multimedia{
	    margin-top: 20px;
	    width: 970px!important;
    }
    .header .col.search {
    	top: 57px!important;
    	left: -240px!important;
    	z-index:1;
	}
	.container .col.multimedia .box ul li {
		width:20%!important;
		float: left!important;
		margin:0 22px!important;
	}
	.container .col.multimedia .box ul li:first-child {
		margin-left:22px!important;	
	}
	.container.highlights .ei-news-highlights .col-news {
		margin-right:8px!important;	
		background-color:#061a26;
	}
	.container.highlights {
		float:none!important;
	}

}

.container.operazioni .col.operazioni .col {
    width:25%!important;
}
.container.operazioni .col.operazioni {
    width: 100%!important;
}

@media only screen and (min-width: 1220px) {
    .container.operazioni .col.operazioni {
        width:953px!important;
    }
}
.container.highlights {
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	width:100%!important;
}
.container.highlights .ei-news-highlights{
	width:100%!important;
	float:left!important;
	margin-top:30px;
	margin-bottom:30px;

}
.container.highlights .ei-news-highlights .content-image img {
/* 20 aprile 2020 Priante*/	
	width: 100%;
/* height: auto; */
    	height: 100%;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
body {
    line-height: 1
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none
}
[hidden] {
    display: none
}
html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body,
button,
input,
select,
textarea {
    font-family: sans-serif
}
a:focus {
    outline: thin dotted
}
a:hover,
a:active {
    outline: 0
}
h1 {
    font-size: 2em
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
blockquote {
    margin: 1em 40px
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
small {
    font-size: 75%
}
sub,
sup {
    font-size: smaller;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
article ul,
article ol {
    margin-left: 0;
    padding: 0 0 0 40px
}
article dd {
    margin: 0 0 0 40px
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}
img {
    -ms-interpolation-mode: bicubic
}
svg:not(:root) {
    overflow: hidden
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    *margin-left: -7px
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}
button,
input {
    line-height: normal
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
/*!
 * Fluidable Grid System 0.8
 *
 * Creator: Andri Sigurðsson
 * Site: http://fluidable.com
 * Date: 17.05.2012
 */
/*!
 * Fluidable Grid System 0.8
 *
 * Creator: Andri Sigurðsson
 * Site: http://fluidable.com
 * Date: 17.05.2012
 */

.pager {
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto
}
@media only screen and (min-width: 1220px) {
    .pager {
        max-width: 1205px
    }
}
.col-content {
    margin: 0 5px
}
.col-group {
    margin: 0;
    zoom: 1
}
.col-group:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}
.col-1 {
    width: 12.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-1 {
        width: 10%
    }
}
.col-2 {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-2 {
        width: 20%
    }
}
.col-3 {
    width: 37.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-3 {
        width: 30%
    }
}
.col-4 {
    width: 50%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-4 {
        width: 40%
    }
}
.col-5 {
    width: 62.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-5 {
        width: 50%
    }
}
.col-6 {
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-6 {
        width: 60%
    }
}
.col-7 {
    width: 87.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-7 {
        width: 70%
    }
}
.col-8 {
    width: 100%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-8 {
        width: 80%
    }
}
.col-9 {
    width: 112.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-9 {
        width: 90%
    }
}
.col-10 {
    width: 125%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-10 {
        width: 100%
    }
}
.col-11 {
    width: 137.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-11 {
        width: 110%
    }
}
.col-12 {
    width: 150%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-12 {
        width: 120%
    }
}
.col-13 {
    width: 162.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-13 {
        width: 130%
    }
}
.col-14 {
    width: 175%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-14 {
        width: 140%
    }
}
.col-15 {
    width: 187.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-15 {
        width: 150%
    }
}
.col-16 {
    width: 200%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-16 {
        width: 160%
    }
}
.col-17 {
    width: 212.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-17 {
        width: 170%
    }
}
.col-18 {
    width: 225%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .col-18 {
        width: 180%
    }
}
.col-offset-adaptive-0 {
    margin-left: 0
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-0 {
        margin-left: 0
    }
}
.col-offset-adaptive-1 {
    margin-left: 12.5%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-1 {
        margin-left: 10%
    }
}
.col-offset-adaptive-2 {
    margin-left: 25%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-2 {
        margin-left: 20%
    }
}
.col-offset-adaptive-3 {
    margin-left: 37.5%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-3 {
        margin-left: 30%
    }
}
.col-offset-adaptive-4 {
    margin-left: 50%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-4 {
        margin-left: 40%
    }
}
.col-offset-adaptive-5 {
    margin-left: 62.5%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-5 {
        margin-left: 50%
    }
}
.col-offset-adaptive-6 {
    margin-left: 75%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-6 {
        margin-left: 60%
    }
}
.col-offset-adaptive-7 {
    margin-left: 87.5%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-7 {
        margin-left: 70%
    }
}
.col-offset-adaptive-8 {
    margin-left: 100%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-8 {
        margin-left: 80%
    }
}
.col-offset-adaptive-9 {
    margin-left: 112.5%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-9 {
        margin-left: 90%
    }
}
.col-offset-adaptive-10 {
    margin-left: 125%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-10 {
        margin-left: 100%
    }
}
.col-offset-adaptive-11 {
    margin-left: 137.5%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-11 {
        margin-left: 110%
    }
}
.col-offset-adaptive-12 {
    margin-left: 150%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-12 {
        margin-left: 120%
    }
}
.col-offset-adaptive-13 {
    margin-left: 162.5%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-13 {
        margin-left: 130%
    }
}
.col-offset-adaptive-14 {
    margin-left: 175%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-14 {
        margin-left: 140%
    }
}
.col-offset-adaptive-15 {
    margin-left: 187.5%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-15 {
        margin-left: 150%
    }
}
.col-offset-adaptive-16 {
    margin-left: 200%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-16 {
        margin-left: 160%
    }
}
.col-offset-adaptive-17 {
    margin-left: 212.5%
}
@media only screen and (min-width: 1220px) {
    .col-offset-adaptive-17 {
        margin-left: 170%
    }
}
.col-offset-desktop-0 {
    margin-left: 0
}
.col-offset-desktop-1 {
    margin-left: 12.5%
}
.col-offset-desktop-2 {
    margin-left: 25%
}
.col-offset-desktop-3 {
    margin-left: 37.5%
}
.col-offset-desktop-4 {
    margin-left: 50%
}
.col-offset-desktop-5 {
    margin-left: 62.5%
}
.col-offset-desktop-6 {
    margin-left: 75%
}
.col-offset-desktop-7 {
    margin-left: 87.5%
}
.col-offset-desktop-8 {
    margin-left: 100%
}
.col-offset-desktop-9 {
    margin-left: 112.5%
}
.col-offset-desktop-10 {
    margin-left: 125%
}
.col-offset-desktop-11 {
    margin-left: 137.5%
}
.col-offset-desktop-12 {
    margin-left: 150%
}
.col-offset-desktop-13 {
    margin-left: 162.5%
}
.col-offset-desktop-14 {
    margin-left: 175%
}
.col-offset-desktop-15 {
    margin-left: 187.5%
}
.col-offset-desktop-16 {
    margin-left: 200%
}
.col-offset-desktop-17 {
    margin-left: 212.5%
}
.col-offset-large-0 {
    margin-left: 0
}
.col-offset-large-1 {
    margin-left: 10%
}
.col-offset-large-2 {
    margin-left: 20%
}
.col-offset-large-3 {
    margin-left: 30%
}
.col-offset-large-4 {
    margin-left: 40%
}
.col-offset-large-5 {
    margin-left: 50%
}
.col-offset-large-6 {
    margin-left: 60%
}
.col-offset-large-7 {
    margin-left: 70%
}
.col-offset-large-8 {
    margin-left: 80%
}
.col-offset-large-9 {
    margin-left: 90%
}
.col-offset-large-10 {
    margin-left: 100%
}
.col-offset-large-11 {
    margin-left: 110%
}
.col-offset-large-12 {
    margin-left: 120%
}
.col-offset-large-13 {
    margin-left: 130%
}
.col-offset-large-14 {
    margin-left: 140%
}
.col-offset-large-15 {
    margin-left: 150%
}
.col-offset-large-16 {
    margin-left: 160%
}
.col-offset-large-17 {
    margin-left: 170%
}
.col-full {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .col-full {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .col-full {
        width: 100%
    }
}
.center-block {
    margin: 0 auto
}
.clear {
    zoom: 1
}
.clear:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}
@font-face {

    font-family: 'esercito-icon-font';

               src: url('esercito-icon-font.eot?55575447');

               src: url('esercito-icon-font.eot?55575447#iefix') format('embedded-opentype'), url('esercito-icon-font.woff?55575447') format('woff'), url('esercito-icon-font.ttf?55575447') format('truetype'), url('esercito-icon-font.svg?55575447#esercito-icon-font') format('svg');

    font-weight: normal;

    font-style: normal

}
.icon-font {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}
.icon-arrow-down-select { content: '\e800'; }
.icon-camera { content: '\e801'; }
.icon-arrow-down { content: '\e802'; }
.icon-arrow-left { content: '\e803'; }
.icon-arrow-right { content: '\e804'; }
.icon-arrow-up { content: '\e805'; }
.icon-double-arrow-right { content: '\e806'; }
.icon-search { content: '\e807'; }
.icon-gplus { content: '\e808'; font-variant: small-caps; }
.icon-twitter { content: '\e809'; }
.icon-facebook { content: '\e80a'; }
/*.icon-rss { content: '\e80b'; }*/
.icon-youtube { content: '\e80c'; }
.icon-linkedin { content: '\f08c'; }
.icon-home { content: '\e80d'; }
.icon-play { content: '\e80e'; }
.icon-quote-left { content: '\e80f'; }
.icon-quote-right { content: '\e810'; }
.icon-mail { content: '\e811'; }
.icon-app-icone-ei-2 { content: '\e812'; }
.icon-clock-24 { content: '\e813'; }
.icon-operator { content: '\e814'; }
.icon-mail-alt { content: '\e815'; }
.icon-book { content: '\e816'; }
.icon-clock { content: '\e817'; }
.icon-user { content: '\e818'; }
.icon-download { content: '\e819'; }
.icon-pdf { content: '\e81a'; }
.icon-print { content: '\e81b'; }
.icon-menu { content: '\e81c'; }
.icon-instagram { content: '\f16d'; }
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
    -webkit-font-smoothing: antialiased
}
div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}
div.selector:focus,
div.checker:focus,
div.button:focus,
div.radio:focus,
div.uploader:focus {
    outline: 0
}
div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker *,
div.uploader,
div.uploader *,
div.button,
div.button * {
    margin: 0;
    padding: 0
}
.highContrastDetect {
    width: 0;
    height: 0
}
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
    padding: 3px;
    outline: 0
}
div.checker input,
input[type="search"],
input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none
}
div.selector {
    line-height: 26px;
    height: 26px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden
}
div.selector span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block
}
div.selector.fixedWidth {
    width: 190px
}
div.selector.fixedWidth span {
    width: 155px
}
div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: 0;
    background: 0;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0;
    width: 100%
}
div.checker {
    position: relative
}
div.checker,
div.checker span,
div.checker input {
    width: 19px;
    height: 19px
}
div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center
}
div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: 0;
    background: 0;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1
}
div.radio {
    position: relative
}
div.radio,
div.radio span,
div.radio input {
    width: 18px;
    height: 18px
}
div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center
}
div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: 0;
    background: 0;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center
}
div.uploader {
    height: 28px;
    width: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}
div.uploader span.action {
    height: 28px;
    line-height: 28px;
    width: 82px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer
}
div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 85px;
    padding: 0 10px
}
div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: 0;
    background: 0;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%
}
div.button {
    height: 30px;
    cursor: pointer;
    position: relative
}
div.button a,
div.button button,
div.button input {
    opacity: .01;
    filter: alpha(opacity=1);
    -moz-opacity: .01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}
div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    text-align: center;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px
}
div.button.active span {
    cursor: default
}
div.button.disabled span,
div.button.disabled.active span {
    cursor: default
}
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
    font-size: 12px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #777;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
input.uniform-input.hover,
input.uniform-input.focus,
select.uniform-multiselect.hover,
select.uniform-multiselect.focus,
textarea.uniform.hover,
textarea.uniform.focus {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-color: #999
}
div.button span {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px
}
div.button.hover span,
div.button.focus span {
    color: #555
}
div.button.disabled span,
div.button.disabled.active span {
    color: #bbb
}
div.selector {
    font-size: 12px
}
div.selector span {
    color: #666;
    text-shadow: 0 1px 0 white
}
div.selector select {
    font-size: 12px
}
div.selector.disabled span,
div.selector.disabled.active span {
    color: #bbb
}
div.checker {
    margin-right: 5px
}
div.radio {
    margin-right: 3px
}
div.uploader span.action {
    text-shadow: white 0 1px 0;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold
}
div.uploader span.filename {
    color: #777;
    border-right: solid 1px #bbb;
    font-size: 11px
}
div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
    color: #aaa
}
div.uploader.disabled span.filename,
div.uploader.disabled.active span.filename {
    border-color: #ddd;
    color: #aaa
}
input.uniform-input,
input.uniform-input:focus {
    background-color: #fff
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: 0
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}
.flexslider {
    margin: 0;
    padding: 0
}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}
.flexslider .slides img {
    max-width: 100%;
    height: auto;
    display: block
}
.flex-pauseplay span {
    text-transform: capitalize
}
.slides:after {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
html[xmlns] .slides {
    display: block
}
* html .slides {
    height: 1%
}
.no-js .slides>li:first-child {
    display: block
}
.flexslider {
    margin: 0;
    position: relative;
    overflow: hidden;
    zoom: 1
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}
.loading .flex-viewport {
    max-height: 300px
}
.flexslider .slides {
    zoom: 1;
    overflow: hidden
}
.carousel li {
    margin-right: 5px
}
.flex-direction-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 44%;
    max-width: 980px;
    margin: 0 auto;
    width: 100%
}
.flex-direction-nav a {
    display: block;
    width: 25px;
    height: 35px;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}
.flex-direction-nav .flex-prev {
    left: 0
}
.flex-direction-nav .flex-next {
    right: 0;
    text-align: right
}
.flexslider:hover .flex-prev {
    opacity: .7;
    left: 10px
}
.flexslider:hover .flex-next {
    opacity: .7;
    right: 10px
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1
}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default
}
.flex-direction-nav a:before {
    font-size: 2em;
    display: inline-block;
    margin-bottom: 15px
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}
.flex-pauseplay a:before {
    font-size: 20px;
    display: inline-block
}
.flex-pauseplay a:hover {
    opacity: 1
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7)
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}
.flex-control-thumbs img:hover {
    opacity: 1
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}
.no-text {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.no-text:link,
.no-text:visited,
.no-text:hover,
.no-text:focus,
.no-text:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.hide {
    display: none !important
}
.ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-box {
    margin: 0;
    padding: 0 5px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    font-size: 12px;
    height: 26px
}
.text-area {
    margin: 0;
    padding: 0 5px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    font-size: 12px;
    height: 26px;
    height: auto;
    padding: 7px;
    resize: none
}
.selector {
    margin: 0;
    padding: 0 5px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    font-size: 12px;
    height: 26px
}
.inline-block {
    display: inline-block;
    vertical-align: top;
    zoom: 1
}
.no-boxsizing .inline-block {
    display: inline
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
a,
a:visited {
    color: #008e46;
    text-decoration: none !important;
    outline: 0 none;
    cursor: pointer;
    -webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear, opacity .25s linear;
    transition: color .25s linear, background-color .25s linear, border-color .25s linear, opacity .25s linear
}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus,
a:active,
a:visited:active {
    color: #00c179
}
input[type="text"] {
    margin: 0;
    padding: 0 5px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    font-size: 12px;
    height: 26px
}
textarea {
    margin: 0;
    padding: 0 5px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    font-size: 12px;
    height: 26px;
    height: auto;
    padding: 7px;
    resize: none
}
.loading {
    position: relative !important;
    width: 12px !important;
    height: 12px !important;
    border: 0 none !important;
    background-image: none !important;
    left: 46%;
    border-radius: 12px !important
}
.no-cssanimations .loading {
    background-color: rgba(229, 39, 33, 0.66)
}
.cssanimations .loading {
    -webkit-animation: loading-center 3s ease-in-out infinite !important;
    animation: loading-center 3s ease-in-out infinite !important
}
.loading * {
    visibility: hidden !important
}
.loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    background-image: none !important
}
.no-cssanimations .loading:before {
    background-color: rgba(229, 39, 33, 0.33)
}
.cssanimations .loading:before {
    -webkit-animation: loading-left 3s ease-in-out infinite;
    animation: loading-left 3s ease-in-out infinite
}
.loading:after {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    height: 12px;
    width: 12px;
    border-radius: 10px
}
.no-cssanimations .loading:after {
    background-color: #e52721
}
.cssanimations .loading:after {
    -webkit-animation: loading-right 3s ease-in-out infinite;
    animation: loading-right 3s ease-in-out infinite
}
@-webkit-keyframes loading-left {
    0 {
        background-color: rgba(229, 39, 33, 0.2)
    }
    25% {
        background-color: #e52721
    }
    50% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    75% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    100% {
        background-color: rgba(229, 39, 33, 0.2)
    }
}
@keyframes loading-left {
    0 {
        background-color: rgba(229, 39, 33, 0.2)
    }
    25% {
        background-color: #e52721
    }
    50% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    75% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    100% {
        background-color: rgba(229, 39, 33, 0.2)
    }
}
@-webkit-keyframes loading-center {
    0 {
        background-color: rgba(229, 39, 33, 0.2)
    }
    25% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    50% {
        background-color: #e52721
    }
    75% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    100% {
        background-color: rgba(229, 39, 33, 0.2)
    }
}
@keyframes loading-center {
    0 {
        background-color: rgba(229, 39, 33, 0.2)
    }
    25% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    50% {
        background-color: #e52721
    }
    75% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    100% {
        background-color: rgba(229, 39, 33, 0.2)
    }
}
@-webkit-keyframes loading-right {
    0 {
        background-color: rgba(229, 39, 33, 0.2)
    }
    25% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    50% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    75% {
        background-color: #e52721
    }
    100% {
        background-color: rgba(229, 39, 33, 0.2)
    }
}
@keyframes loading-right {
    0 {
        background-color: rgba(229, 39, 33, 0.2)
    }
    25% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    50% {
        background-color: rgba(229, 39, 33, 0.2)
    }
    75% {
        background-color: #e52721
    }
    100% {
        background-color: rgba(229, 39, 33, 0.2)
    }
}
.world-flag {
    background-image: url(../img/world-flag.png);
    background-repeat: no-repeat;
    display: block;
    width: 48px;
    height: 32px
}
.Afghanistan {
    background-position: 0 0
}
.Albania {
    background-position: -53px 0
}
.Algeria {
    background-position: 0 -37px
}
.Andorra {
    background-position: -53px -37px
}
.Antigua-and-Barbuda {
    background-position: -106px 0
}
.Argentina {
    background-position: -106px -37px
}
.Armenia {
    background-position: 0 -74px
}
.Aruba {
    background-position: -53px -74px
}
.Australia {
    background-position: -106px -74px
}
.Austria {
    background-position: -583px -592px
}
.Azerbaijan {
    background-position: 0 -111px
}
.Bahamas {
    background-position: -53px -111px
}
.Bahrain {
    background-position: -106px -111px
}
.Bangladesh {
    background-position: -159px 0
}
.Barbados {
    background-position: -159px -37px
}
.Belarus {
    background-position: -159px -74px
}
.Belgium {
    background-position: -159px -111px
}
.Belize {
    background-position: 0 -148px
}
.Benin {
    background-position: -53px -148px
}
.Bhutan {
    background-position: -106px -148px
}
.Bolivia {
    background-position: -159px -148px
}
.Bosnia-and-Herzegovina {
    background-position: -212px 0
}
.Botswana {
    background-position: -212px -37px
}
.Brazil {
    background-position: -212px -74px
}
.Brunei {
    background-position: -212px -111px
}
.Bulgaria {
    background-position: -212px -148px
}
.Burkina-Faso {
    background-position: 0 -185px
}
.Burundi {
    background-position: -106px -185px
}
.Cambodia {
    background-position: -159px -185px
}
.Cameroon {
    background-position: -212px -185px
}
.Canada {
    background-position: 0 -222px
}
.Cape-Verde {
    background-position: -53px -222px
}
.Central-African-Republic {
    background-position: -106px -222px
}
.Chad {
    background-position: -159px -222px
}
.Chile {
    background-position: -212px -222px
}
.China {
    background-position: -265px 0
}
.Christmas-Island {
    background-position: -265px -37px
}
.Colombia {
    background-position: -265px -74px
}
.Comoros {
    background-position: -265px -111px
}
.Cook-Islands {
    background-position: -265px -222px
}
.Costa-Rica {
    background-position: 0 -259px
}
.Cote-dIvoire {
    background-position: -53px -259px
}
.Croatia {
    background-position: -106px -259px
}
.Cuba {
    background-position: -159px -259px
}
.Cyprus {
    background-position: -212px -259px
}
.Czech-Republic {
    background-position: -265px -259px
}
.Democratic-Republic-of-Congo {
    background-position: -265px -185px
}
.Denmark {
    background-position: -318px 0
}
.Djibouti {
    background-position: -318px -37px
}
.Dominica {
    background-position: -318px -74px
}
.Dominican-Republic {
    background-position: -318px -111px
}
.East-Timor {
    background-position: -318px -148px
}
.Ecuador {
    background-position: -318px -185px
}
.Egypt {
    background-position: -318px -222px
}
.El-Salvador {
    background-position: -318px -259px
}
.Equatorial-Guinea {
    background-position: 0 -296px
}
.Eritrea {
    background-position: -53px -296px
}
.Estonia {
    background-position: -106px -296px
}
.Ethiopia {
    background-position: -159px -296px
}
.Faroe-Islands {
    background-position: -212px -296px
}
.Federated-States-of-Micronesia {
    background-position: -265px -296px
}
.Fiji {
    background-position: -318px -296px
}
.Finland {
    background-position: 0 -333px
}
.France {
    background-position: -53px -333px
}
.French-Polynesia {
    background-position: -106px -333px
}
.Gabon {
    background-position: -159px -333px
}
.Georgia {
    background-position: -212px -333px
}
.Germany {
    background-position: -265px -333px
}
.Ghana {
    background-position: -318px -333px
}
.Gibraltar {
    background-position: -371px 0
}
.Greece {
    background-position: -371px -37px
}
.Greenland {
    background-position: -371px -74px
}
.Grenada {
    background-position: -371px -111px
}
.Guatemala {
    background-position: -371px -148px
}
.Guinea {
    background-position: -371px -222px
}
.Guinea-Bissau {
    background-position: -371px -185px
}
.Guyana {
    background-position: -371px -259px
}
.Haiti {
    background-position: -371px -296px
}
.Honduras {
    background-position: -371px -333px
}
.Hong-Kong {
    background-position: 0 -370px
}
.Hungary {
    background-position: -53px -370px
}
.Iceland {
    background-position: -106px -370px
}
.India {
    background-position: -159px -370px
}
.Indonesia {
    background-position: -212px -370px
}
.Iran {
    background-position: -265px -370px
}
.Iraq {
    background-position: -318px -370px
}
.Ireland {
    background-position: -371px -370px
}
.Israel {
    background-position: -424px 0
}
.Italy {
    background-position: -424px -37px
}
.Jamaica {
    background-position: -424px -74px
}
.Japan {
    background-position: -424px -111px
}
.Jordan {
    background-position: -424px -148px
}
.Kazakhstan {
    background-position: -424px -185px
}
.Kenya {
    background-position: -424px -222px
}
.Kiribati {
    background-position: -424px -259px
}
.Kosovo {
    background-position: -424px -296px
}
.Kuwait {
    background-position: -424px -333px
}
.Kyrgyzstan {
    background-position: -424px -370px
}
.Laos {
    background-position: 0 -407px
}
.Latvia {
    background-position: -53px -407px
}
.Lebanon {
    background-position: -106px -407px
}
.Lesotho {
    background-position: -159px -407px
}
.Liberia {
    background-position: -212px -407px
}
.Libya {
    background-position: -265px -407px
}
.Liechtenstein {
    background-position: -318px -407px
}
.Lithuania {
    background-position: -371px -407px
}
.Luxembourg {
    background-position: -424px -407px
}
.Macao {
    background-position: -477px 0
}
.Macedonia {
    background-position: -477px -37px
}
.Madagascar {
    background-position: -477px -74px
}
.Malawi {
    background-position: -477px -111px
}
.Malaysia {
    background-position: -477px -148px
}
.Maldives {
    background-position: -477px -185px
}
.Mali {
    background-position: -477px -222px
}
.Malta {
    background-position: -477px -259px
}
.Marshall-Islands {
    background-position: -477px -296px
}
.Mauritania {
    background-position: -477px -333px
}
.Mauritius {
    background-position: -477px -370px
}
.Mexico {
    background-position: -477px -407px
}
.Moldova {
    background-position: 0 -444px
}
.Monaco {
    background-position: -53px -444px
}
.Mongolia {
    background-position: -106px -444px
}
.Montenegro {
    background-position: -159px -444px
}
.Morocco {
    background-position: -212px -444px
}
.Mozambique {
    background-position: -265px -444px
}
.Namibia {
    background-position: -318px -444px
}
.Nauru {
    background-position: -371px -444px
}
.Nepal {
    background-position: -424px -444px
}
.Netherlands {
    background-position: 0 -481px
}
.Netherlands-Antilles {
    background-position: -477px -444px
}
.New-Zealand {
    background-position: -53px -481px
}
.Nicaragua {
    background-position: -106px -481px
}
.Niger {
    background-position: -159px -481px
}
.Nigeria {
    background-position: -212px -481px
}
.Niue {
    background-position: -265px -481px
}
.Norfolk-Island {
    background-position: -318px -481px
}
.North-Korea {
    background-position: -371px -481px
}
.Norway {
    background-position: -424px -481px
}
.Oman {
    background-position: -477px -481px
}
.Pakistan {
    background-position: -530px 0
}
.Panama {
    background-position: -530px -37px
}
.Papua-New-Guinea {
    background-position: -530px -74px
}
.Paraguay {
    background-position: -530px -111px
}
.Peru {
    background-position: -530px -148px
}
.Philippines {
    background-position: -530px -185px
}
.Poland {
    background-position: -530px -222px
}
.Portugal {
    background-position: -530px -259px
}
.Qatar {
    background-position: -530px -296px
}
.Republic-of-Congo {
    background-position: -265px -148px
}
.Romania {
    background-position: -530px -333px
}
.Russia {
    background-position: -530px -370px
}
.Rwanda {
    background-position: -530px -407px
}
.Saint-Kitts-and-Nevis {
    background-position: -530px -444px
}
.Saint-Lucia {
    background-position: -530px -481px
}
.Saint-Vincent-and-the-Grenadines {
    background-position: 0 -518px
}
.Samoa {
    background-position: -53px -518px
}
.San-Marino {
    background-position: -106px -518px
}
.Sao-Tome-and-Principe {
    background-position: -159px -518px
}
.Saudi-Arabia {
    background-position: -212px -518px
}
.Senegal {
    background-position: -265px -518px
}
.Serbia {
    background-position: -318px -518px
}
.Seychelles {
    background-position: -371px -518px
}
.Sierra-Leone {
    background-position: -424px -518px
}
.Singapore {
    background-position: -477px -518px
}
.Slovakia {
    background-position: -530px -518px
}
.Slovenia {
    background-position: -583px 0
}
.Solomon-Islands {
    background-position: -583px -37px
}
.Somalia {
    background-position: -583px -74px
}
.South-Africa {
    background-position: -583px -111px
}
.South-Korea {
    background-position: -583px -148px
}
.Spain {
    background-position: -583px -185px
}
.Sri-Lanka {
    background-position: -583px -222px
}
.Sudan {
    background-position: -583px -259px
}
.Suriname {
    background-position: -583px -296px
}
.Swaziland {
    background-position: -583px -333px
}
.Sweden {
    background-position: -583px -370px
}
.Switzerland {
    background-position: -583px -407px
}
.Syria {
    background-position: -583px -444px
}
.Tajikistan {
    background-position: -583px -481px
}
.Tanzania {
    background-position: -583px -518px
}
.Thailand {
    background-position: 0 -555px
}
.The-Gambia {
    background-position: -53px -555px
}
.Togo {
    background-position: -106px -555px
}
.Tonga {
    background-position: -159px -555px
}
.Trinidad-and-Tobago {
    background-position: -212px -555px
}
.Tunisia {
    background-position: -265px -555px
}
.Turkey {
    background-position: -318px -555px
}
.Turkmenistan {
    background-position: -371px -555px
}
.Tuvalu {
    background-position: -424px -555px
}
.Uganda {
    background-position: -477px -555px
}
.Ukraine {
    background-position: -530px -555px
}
.United-Arab-Emirates {
    background-position: -583px -555px
}
.United-Kingdom {
    background-position: 0 -592px
}
.United-States {
    background-position: -53px -592px
}
.Uruguay {
    background-position: -106px -592px
}
.Uzbekistan {
    background-position: -159px -592px
}
.Vanuatu {
    background-position: -212px -592px
}
.Vatican-City {
    background-position: -265px -592px
}
.Venezuela {
    background-position: -318px -592px
}
.Vietnam {
    background-position: -371px -592px
}
.Yemen {
    background-position: -424px -592px
}
.Zambia {
    background-position: -477px -592px
}
.Zimbabwe {
    background-position: -530px -592px
}
.burma {
    background-position: -53px -185px
}
.autocomplete-suggestions {
    cursor: default
}
.autocomplete-suggestions:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 1
}
.autocomplete-suggestions:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px;
    border-color: transparent transparent #d0d0d0 transparent;
    position: absolute;
    top: 4px;
    left: 9px;
    z-index: 0
}
.autocomplete-wrap {
    max-height: 300px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 0 10px 0 gray;
    margin-top: 15px
}
.autocomplete-suggestion {
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    margin: 0 10px;
    padding: 17px 20px 15px;
    cursor: pointer;
    font-weight: lighter
}
.autocomplete-no-suggestion {
    padding: 17px 20px 15px;
    font-weight: lighter;
    margin: 0 10px;
    white-space: nowrap;
    overflow: hidden
}
.autocomplete-selected {
    background: #f0f0f0
}
.autocomplete-suggestions strong {
    font-weight: bold
}
#ms-designer-ribbon * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.ms-core-navigation {
    font-family: Helvetica, Arial, sans-serif !important
}
.hp .ms-core-listMenu-horizontalBox,
.operazioni .ms-core-listMenu-horizontalBox,
.storia .ms-core-listMenu-horizontalBox {
    height: 60px !important
}
.ms-core-listMenu-horizontalBox>.ms-core-listMenu-root>.ms-listMenu-editLink {
    display: none !important
}
#ms-designer-ribbon {
    position: relative;
    z-index: 999;
    background-color: #fff
}
html,
body {
    height: 100%
}
@media screen and (max-width: 1024px) {
    html,
    body {
        width: 100%;
        min-width: 980px;
        max-width: 1024px
    }
}
body {
    position: relative;
    min-height: 100%;
    min-width: 980px;
    background-color: #f4f4f4;
    font-family: Helvetica, Arial, sans-serif
}
body.grid:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
    background: repeat-y center top url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA74AAAABCAYAAAD5CnI8AAAAKElEQVR42u3RMREAAAgEoK9ucq3g6slAAtJJcVYWHDvGMY5xjGMcvzY3SnoG4pKn7AAAAABJRU5ErkJggg==);
    background-size: 970px auto
}
@media only screen and (min-width: 1220px) {
    body.grid:before {
        background: repeat-y center top url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLUAAAABCAYAAAAo0ZxIAAAAMUlEQVR42u3RoREAIAwEsF+dyR+PwvYakQmSJoex8sGxYxzjGMc4xvF2jh07nq7N6wKUPOnyPHfNqAAAAABJRU5ErkJggg==)
    }
}
.container {
    margin: 0;
    zoom: 1;
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}
.container:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}
@media only screen and (min-width: 1220px) {
    .container {
        max-width: 1205px
    }
}
.content .container {
    position: static
}
.ins {
    margin: 0 5px
}
.caption-box {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s
}
.flag {
    background-image: url(../img/world-flag.png);
    background-repeat: no-repeat;
    display: block;
    width: 48px;
    height: 32px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}
.flag:link,
.flag:visited,
.flag:hover,
.flag:focus,
.flag:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.off {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50)
}
#s4-workspace {
    min-width: 980px
}
.header {
    position: relative;
    z-index: 9;
    
    padding-top: 5px;
    background: #e0dbc7 url(../img/bg-header.jpg) repeat-x center -20px
}
.header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 25px;
    -webkit-box-shadow: 0 -30px 30px -35px #000 inset;
    -moz-box-shadow: 0 -30px 30px -35px #000 inset;
    box-shadow: 0 -30px 30px -35px #000 inset;
    z-index: 10
}
.header .container {
    overflow: visible
}
.header .col.ministero {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .header .col.ministero {
        width: 20%
    }
}
.header .col.ministero a {
    display: block;
    outline: 0 none
}
.header .col.ministero img {
    display: block;
    width: auto;
    height: auto;
    padding: 8px 0 0
}
.header .col.logo {
    width: 37.5%;
    float: left;
    display: inline;
    margin: 17px 0 9px;
    clear: both
}
@media only screen and (min-width: 1220px) {
    .header .col.logo {
        width: 30%
    }
}
.header .col.logo a {
    display: block
}
.header .col.social {
    width: 37.5%;
    float: left;
    display: inline;
    width: 39%;
    margin-top: 36px;
    margin-left: 40px;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}
@media only screen and (min-width: 1220px) {
    .header .col.social {
        width: 30%
    }
}
.header .col.social.off {
    -moz-opacity: .15;
    -khtml-opacity: .15;
    -webkit-opacity: .15;
    opacity: .15;
    -ms-filter: alpha(opacity=15);
    filter: alpha(opacity=15)
}
@media only screen and (min-width: 1220px) {
    .header .col.social.off {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}
.header .col.social ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    float: right
}
.header .col.social li {
    display: block;
    float: left
}
.header .col.social li a {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    float: left;
    width: 40px;
    height: 46px;
    overflow: hidden;
    position: relative;
    text-align: center
}
.header .col.social li a:link,
.header .col.social li a:visited,
.header .col.social li a:hover,
.header .col.social li a:focus,
.header .col.social li a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.header .col.social li a svg {
    display: block;
    -webkit-transition: transform .25s, margin .25s;
    transition: transform .25s, margin .25s;
    -webkit-transition: -webkit-transform .25s, margin .25s
}
.header .col.social li a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 24px;
    line-height: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 24px;
    color: #2a2b2c;
    -webkit-transition: color .25s, transform .25s, margin .25s;
    transition: color .25s, transform .25s, margin .25s;
    -webkit-transition: color .25s, -webkit-transform .25s
}
.header .col.social li a.webtv {
    width: 104px;
    padding-top: 15px;
    margin-right: 10px
}
.header .col.social li a.webtv svg {
    margin: 0 0 0 10px
}
.header .col.social li a.app-ei {
    margin-top: -6px
}
.header .col.social li a.app-ei:before {
    content: '\e812';
    font-size: 28px
}
/*.header .col.social li a.rss:before {
    content: '\e80b'
}*/
.header .col.social li a.facebook:before {
    content: '\e80a'
}
.header .col.social li a.gplus:before {
    content: '\e808'
}
.header .col.social li a.twitter:before {
    content: '\e809'
}
.header .col.social li a.instagram:before {
	content: '\f16d'
}
.header .col.social li a.youtube:before {
    content: '\e80c'
}
.header .col.social li a.linkedin:before {
    content: '\f08c'
}
.header .col.social li a:hover svg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    margin: 0 5px
}
.header .col.social li a:hover:before {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    color: #4f5153
}
.header .col.search {
    position: relative;
    float: left
}
.header .col.search .icon {
    font-size: 0;
    display: block;
    width: 46px;
    height: 46px;
    margin-top: 37px;
    overflow: hidden;
    position: relative;
    text-align: center;
    outline: 0 none;
    background-color: transparent;
    margin-left: -8px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.header .col.search .icon:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 20px;
    line-height: 130%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 24px;
    color: #2a2b2c;
    content: '\e807';
    -webkit-transition: color .25s, transform .25s, margin .25s;
    transition: color .25s, transform .25s, margin .25s;
    -webkit-transition: color .25s, -webkit-transform .25s
}
.header .col.search .icon:hover,
.header .col.search .icon.active {
    background-color: #cec6a6
}
.header .col.search .icon:hover:before,
.header .col.search .icon.active:before {
    color: #4f5153
}
.header .col.search .box {
    display: none;
    position: absolute;
    right: 0;
    top: 97px;
    height: 35px;
    width: 210px;
    z-index: 9
}
.header .col.search .box:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e800';
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #cec6a6;
    position: absolute;
    top: -11px;
    right: 17px
}
.header .col.search .box:after {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e807';
    position: absolute;
    font-size: 12px;
    right: 21px;
    top: 9px;
    color: #008c45
}
.header .col.search .box #searchInputBox {
    float: none;
    position: 127px;
    
}
.header .col.search .box #searchInputBox .ms-srch-sb-border,
.header .col.search .box #searchInputBox .ms-srch-sb-borderFocused {
    border: 0 none !important;
    width: 100%
}
.header .col.search .box #searchInputBox .ms-srch-sb>.ms-srch-sb-searchLink {
    display: none
}
.header .col.search .box #searchInputBox .ms-shadow {
    display: none
}
.header .col.search input[type="text"] {
    margin: 0px 10px;
    padding: 0 40px 0 15px;
    width: 92%;
    display: block;
    height: 32px;
    border: 0 none;
    color: #8c8c8c;
    border: 3px solid #cec6a6
}
.header .col.stemma {
    float: right;
    display: block;
    padding-top: 7px
}
@media only screen and (min-width: 1220px) {
    .header .col.social {
        width: 37.5%;
        float: left;
        display: inline
    }
    .header .col.social li a {
        width: 46px
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .header .col.social {
        width: 30%
    }
}
.header .col.nav {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}
@media only screen and (min-width: 1220px) {
    .header .col.nav {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .header .col.nav {
        width: 100%
    }
}
.header .col.nav.off {
    -moz-opacity: .15;
    -khtml-opacity: .15;
    -webkit-opacity: .15;
    opacity: .15;
    -ms-filter: alpha(opacity=15);
    filter: alpha(opacity=15)
}
@media only screen and (min-width: 1220px) {
    .header .col.nav.off {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}
.header .col.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 0 auto;
    overflow: hidden
}
.header .col.nav ul li.selected a {
    color: #e52721
}
.header .col.nav ul li.selected a.home {
    color: #e0dbc7
}
.header .col.nav ul li.selected a.home:before {
    color: #e52721
}
.header .col.nav ul li a {
    float: left;
    display: block;
    font-size: 16px;
    padding: 13px 7px 23px !important;
    margin-bottom: -1px;
    line-height: 160%;
    color: #464647;
    outline: 0 none;
    border: 0 none !important;
    margin: 0 !important;
    position: relative
}
.header .col.nav ul li a.dropdown {
    padding-right: 32px !important
}
.header .col.nav ul li a.dropdown:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e802';
    position: absolute;
    right: 6px;
    top: 0;
    bottom: 0;
    margin: 16px 0 auto;
    width: 18px;
    height: 18px;
    color: #fafafa;
    transform-origin: center;
    -webkit-transform-origin: center;
    -webkit-transition: color .25s, transform .25s;
    transition: color .25s, transform .25s;
    -webkit-transition: color .25s, -webkit-transform .25s
}
@media only screen and (min-width: 1220px) {
    .header .col.nav ul li a {
        padding: 13px 27px 23px !important
    }
}
.header .col.nav ul li a.home {
    margin-left: 0;
    font-size: 0;
    color: #e0dbc7
}
.header .col.nav ul li a.home:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80d';
    font-size: 24px;
    line-height: 100%;
    color: #2a2b2c;
    -webkit-transition: color .25s;
    transition: color .25s
}
.header .col.nav ul li a:hover,
.header .col.nav ul li a.active {
    color: #e52721
}
.header .col.nav ul li a:hover.home,
.header .col.nav ul li a.active.home {
    color: #e0dbc7
}
.header .col.nav ul li a:hover.home:before,
.header .col.nav ul li a.active.home:before {
    color: #e52721
}
.header .col.nav ul li a:hover.dropdown:before,
.header .col.nav ul li a.active.dropdown:before {
    color: #e52721
}
.header .col.nav ul li a.open {
    background-color: #2a2b2c;
    color: #fefefe
}
.header .col.nav ul li a.open.dropdown:before {
    color: #9c9c9c;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.sub-nav {
    position: relative;
    height: 0;
    -webkit-transition: height .5s;
    transition: height .5s
}
.sub-nav .operazioni .col.evidenza {
    border-right: 0 none
}
.sub-nav .operazioni .col.extra {
    border-left: 0 none;
    padding-bottom: 30px
}
.sub-nav .operazioni .col.extra>ul>li a:before {
    margin-right: 2px
}
.sub-nav .container {
    background-color: #2a2b2c;
    height: 340px;
    position: absolute;
    margin-top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -500px;
    z-index: 3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: top .5s, height .5s, box-shadow .5s ease .5s;
    transition: top .5s, height .5s, box-shadow .5s ease .5s
}
.ie9 .sub-nav .container,
.ie10 .sub-nav .container {
    left: 50%;
    margin-left: -485px
}
@media only screen and (min-width: 1220px) {
    .ie9 .sub-nav .container,
    .ie10 .sub-nav .container {
        margin-left: -602px
    }
}
.ie11 .sub-nav .container {
    left: 50%;
    margin-left: -485px
}
@media only screen and (min-width: 1220px) {
    .ie11 .sub-nav .container {
        margin-left: -602px
    }
}
.sub-nav .container.open {
    top: 0 !important;
    z-index: 8;
    -webkit-box-shadow: 0 55px 50px -50px #000, 0 -1px 0 0 #878787 inset, 0 -2px 0 0 #010101 inset;
    -moz-box-shadow: 0 55px 50px -50px #000, 0 -1px 0 0 #878787 inset, 0 -2px 0 0 #010101 inset;
    box-shadow: 0 55px 50px -50px #000, 0 -1px 0 0 #878787 inset, 0 -2px 0 0 #010101 inset
}
.sub-nav .container.storia .col.evidenza .more ul {
    margin-bottom: 0;
    border-bottom: 1px solid #343435
}
.sub-nav .container.storia .col.evidenza .more ul li a em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.sub-nav .container.storia .col.evidenza .related .box .caption span.time {
    color: #de323c;
    font-size: 15px
}
.sub-nav .container.storia .col.evidenza .more ul li a {
    padding: 13px 2px
}
.sub-nav .container.operazioni .col.evidenza {
    width: 468px
}
.sub-nav .container.operazioni .col.evidenza .map {
    text-align: left
}
.sub-nav .container.operazioni .col.evidenza .map a {
    display: block;
    margin: 13px 7px;
    outline: 0 none
}
.sub-nav .container.operazioni .col.evidenza .map a img {
    display: block
}
.sub-nav .container.operazioni .col.extra {
    width: 51.75%;
    padding: 0
}
@media only screen and (min-width: 1220px) {
    .sub-nav .container.operazioni .col.extra {
        width: 61.15%
    }
}
.sub-nav .container.operazioni .col.extra .box {
    float: left;
    height: 100%;
    width: 50%;
    padding: 0 30px;
    border-right: 1px solid #3d3f42;
    -webkit-box-shadow: 1px 0 0 0 #101011;
    -moz-box-shadow: 1px 0 0 0 #101011;
    box-shadow: 1px 0 0 0 #101011
}
@media only screen and (min-width: 1220px) {
    .sub-nav .container.operazioni .col.extra .box {
        width: 33.333332%
    }
}
.sub-nav .container.operazioni .col.extra .box .title {
    color: #f4f4f4;
    font-weight: lighter;
    margin: 25px 0
}
.sub-nav .container.operazioni .col.extra .box p {
    color: #e0dbc7;
    font-weight: lighter;
    text-align: left
}
.sub-nav .container.operazioni .col.extra .box p .name {
    display: block;
    font-size: 14px;
    margin-bottom: 10px
}
.sub-nav .container.operazioni .col.extra .box p span {
    font-size: 12px;
    line-height: 150%;
    text-align: left;
    min-height: 130px;
    display: block
}
.sub-nav .container.operazioni .col.extra .box p a {
    background-color: #008e46;
    color: #f1f1f1;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 35px auto 0;
    padding: 16px 8px 13px;
    text-align: center;
    width: 100%;
    outline: 0 none
}
.sub-nav .container.operazioni .col.extra .box p a:hover {
    background-color: #00a853
}
.sub-nav .col.evidenza {
    width: 50%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .sub-nav .col.evidenza {
        width: 40%
    }
}
.sub-nav .col.evidenza.loading {
    left: 25%;
    top: 180px
}
@media only screen and (min-width: 1220px) {
    .sub-nav .col.evidenza {
        width: 49.5%
    }
}
.sub-nav .col.extra {
    width: 50%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .sub-nav .col.extra {
        width: 40%
    }
}
.sub-nav .col.evidenza {
    border-right: 1px solid #3d3f42;
    height: 100%
}
.sub-nav .col.evidenza .related {
    margin: 55px 0 0 10px;
    float: left
}
.sub-nav .col.evidenza .related .box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 232px;
    height: 232px;
    outline: 0 none
}
.sub-nav .col.evidenza .related .box:hover {
    background-color: #f1f1f1
}
.sub-nav .col.evidenza .related .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.sub-nav .col.evidenza .related .box .caption {
    display: block;
    height: 90px;
    width: 100%;
    padding: 15px 15px 10px;
    font-weight: normal;
    background-color: #fefefe;
    -webkit-transition: height .25s;
    transition: height .25s
}
.sub-nav .col.evidenza .related .box .caption span {
    display: block
}
.sub-nav .col.evidenza .related .box .caption span.title {
    color: #2a2b2c;
    font-size: 16px;
    line-height: 130%;
    overflow: hidden;
    height: 40px;
    margin-bottom: 6px;
    -webkit-transition: color .25s;
    transition: color .25s
}
.sub-nav .col.evidenza .related .box .caption span.time {
    color: #2a2b2c;
    font-size: 13px;
    margin-bottom: 6px
}
.sub-nav .col.evidenza .related .box .caption span.moreellipses {
    display: inline
}
.sub-nav .col.evidenza .related .box .caption span.morecontent,
.sub-nav .col.evidenza .related .box .caption span .morelink {
    display: none !important
}
.sub-nav .col.evidenza .related .box:hover .caption .first {
    color: #de323c
}
.sub-nav .col.evidenza .more {
    float: left;
    width: 48%;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .sub-nav .col.evidenza .more {
        width: 54%
    }
}
.sub-nav .col.evidenza .more ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 35px 0 -1px 15px
}
@media only screen and (min-width: 1220px) {
    .sub-nav .col.evidenza .more ul {
        margin-left: 35px
    }
}
.sub-nav .col.evidenza .more ul li {
    text-align: left
}
.sub-nav .col.evidenza .more ul li:first-child a {
    border-top: 0 none
}
.sub-nav .col.evidenza .more ul li a {
    display: block;
    padding: 17px 2px;
    border-bottom: 1px solid #202021;
    border-top: 1px solid #343435;
    outline: 0 none;
    font-weight: lighter;
    font-size: 14px
}
.sub-nav .col.evidenza .more ul li a em {
    display: block;
    font-style: normal;
    color: #fefefe;
    line-height: 150%;
    -webkit-transition: color .25s;
    transition: color .25s
}
.sub-nav .col.evidenza .more ul li a span {
    display: block;
    color: #de323c;
    padding-top: 3px
}
.sub-nav .col.evidenza .more ul li a:hover em {
    color: #e0dbc7
}
.sub-nav .col.extra {
    border-left: 1px solid #101010;
    position: relative;
    height: 100%;
    width: 50%
}
@media only screen and (min-width: 1220px) {
    .sub-nav .col.extra {
        width: 50.5%
    }
}
.sub-nav .col.extra>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    width: 40%;
    height: 100%;
    float: left;
    padding: 42px 0 0;
    border-right: 1px solid #101010
}
.sub-nav .col.extra>ul li>a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
.sub-nav .col.extra>ul li>a.ms-core-listMenu-item:hover,
.sub-nav .col.extra>ul li>a.ms-core-listMenu-item:active {
    background-color: transparent !important
}
.sub-nav .col.extra>ul>li {
    width: 100%
}
.sub-nav .col.extra>ul>li>a {
    display: block;
    color: #fefefe;
    padding: 13px 10px;
    outline: 0 none;
    font-size: 15px
}
.sub-nav .col.extra>ul>li>a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e806';
    font-size: 8px;
    line-height: 100%;
    position: relative;
    top: -2px;
    margin-right: 7px;
    color: #e0dbc7
}
.sub-nav .col.extra>ul>li>a .description {
    display: block;
    margin-top: 30px;
    color: #e0dbc7;
    min-height: 170px;
    padding: 0 10px 0 18px;
    -webkit-transition: color .25s;
    transition: color .25s
}
.sub-nav .col.extra>ul>li>a .description .sub-title {
    display: block;
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 14px
}
.sub-nav .col.extra>ul>li>a .description .abstract {
    font-size: 12px;
    font-weight: lighter;
    line-height: 140%
}
.sub-nav .col.extra>ul>li>a.button {
    display: block;
    background-color: #f4f4f4;
    color: #212121;
    font-size: 12px;
    font-weight: bold;
    margin: 15px 20px 0 28px;
    padding: 14px 8px 12px;
    text-align: center
}
.sub-nav .col.extra>ul>li>a.button:before {
    display: none
}
.sub-nav .col.extra>ul>li>a:hover {
    color: #e0dbc7;
    background-color: transparent !important
}
.sub-nav .col.extra>ul>li>a:hover.button {
    color: #212121;
    background-color: #fff
}
.sub-nav .col.extra>ul>li>a:hover .description {
    color: #fefefe
}
.sub-nav .col.extra>ul>li>ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.sub-nav .col.extra>ul>li>ul>li {
    width: 100%;
    padding-left: 30px
}
.sub-nav .col.extra>ul>li>ul>li>a {
    display: block;
    color: #e0dbc7;
    padding: 6px 0;
    font-size: 12px
}
.sub-nav .col.extra>ul>li>ul>li>a:hover {
    color: #fefefe
}
.sub-nav .col.extra .grande-guerra {
    display: block;
    width: 40%;
    height: 100%;
    float: left;
    outline: 0 none;
    position: relative;
    border-bottom: 1px solid #878787;
    background: transparent url(../img/sub-nav-grande-guerra.jpg) no-repeat 0 bottom;
    background-size: 160% auto;
    -webkit-box-shadow: 0 0 0 0 #333 inset;
    -moz-box-shadow: 0 0 0 0 #333 inset;
    box-shadow: 0 0 0 0 #333 inset;
    -webkit-transition: background-position linear 3.5s, box-shadow .25s, background-size .25s;
    transition: background-position linear 3.5s, box-shadow .25s, background-size .25s
}
.sub-nav .col.extra .grande-guerra:hover {
    -webkit-box-shadow: 0 5px 40px 0 #000 inset;
    -moz-box-shadow: 0 5px 40px 0 #000 inset;
    box-shadow: 0 5px 40px 0 #000 inset
}
.csstransitions .sub-nav .col.extra .grande-guerra:hover {
    background-size: 170% auto;
    background-position: 100% bottom
}
@media only screen and (min-width: 1220px) {
    .csstransitions .sub-nav .col.extra .grande-guerra {
        background-size: 127% auto
    }
    .csstransitions .sub-nav .col.extra .grande-guerra:hover {
        background-size: 135% auto
    }
}
.sub-nav .col.extra .grande-guerra span {
    display: inline-block;
    vertical-align: top;
    zoom: 1
}
.no-boxsizing .sub-nav .col.extra .grande-guerra span {
    display: inline
}
.sub-nav .col.extra .grande-guerra .wrap {
    position: absolute;
    left: 0;
    bottom: 25%
}
.sub-nav .col.extra .grande-guerra .time {
    color: #2a2b2c;
    font-size: 21px;
    padding: 14px 12px 11px;
    margin-bottom: 2px;
    margin-left: 5%;
    background-color: rgba(214, 214, 214, 0.8)
}
.no-rgba .sub-nav .col.extra .grande-guerra .time {
    background-color: #d6d6d6
}
.sub-nav .col.extra .grande-guerra .title {
    color: #2a2b2c;
    font-size: 19px;
    padding: 14px 12px 11px;
    margin-bottom: 4px;
    margin-left: 5%;
    background-color: rgba(250, 250, 250, 0.9)
}
@media only screen and (min-width: 1220px) {
    .sub-nav .col.extra .grande-guerra .title {
        font-size: 24px
    }
}
.no-rgba .sub-nav .col.extra .grande-guerra .title {
    background-color: #fafafa
}
.sub-nav .col.extra .grande-guerra .caption {
    color: #f6f6f6;
    font-size: 14px;
    font-weight: lighter;
    line-height: 125%;
    padding: 11px 23px;
    width: 100%;
    background-color: rgba(42, 43, 44, 0.4)
}
@media only screen and (min-width: 1220px) {
    .sub-nav .col.extra .grande-guerra .caption {
        font-size: 18px
    }
}
.sub-nav .col.extra .grande-guerra .caption strong {
    font-weight: normal
}
.no-rgba .sub-nav .col.extra .grande-guerra .caption {
    background-color: #2a2b2c
}
.sub-nav .col.extra .grande-guerra .icon {
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(244, 182, 20, 0.8)
}
.sub-nav .col.extra .grande-guerra .icon:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    color: #fafafa;
    margin: 10px;
    font-size: 30px
}
.no-rgba .sub-nav .col.extra .grande-guerra .icon {
    background-color: #f4b614
}
.sub-nav .col.extra .aside {
    width: 60%;
    height: 100%;
    float: left;
    position: relative;
    border-left: 1px solid #3d3f42
}
.sub-nav .col.extra .aside p {
    bottom: 0;
    color: #e0dbc7;
    font-size: 15px;
    font-weight: lighter;
    height: 170px;
    left: 0;
    line-height: 150%;
    margin: auto;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}
.sub-nav .col.extra .aside p a {
    background-color: #008e46;
    color: #f1f1f1;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 35px auto 0;
    padding: 9px 10px 8px;
    text-align: center;
    width: 65%
}
.sub-nav .col.extra .aside p a:hover {
    background-color: #00a853
}
.footer {
    clear: both;
    overflow: hidden;
    padding: 35px 0 75px;
    border-top: 8px solid #fcfcfc;
    background: #e0dbc7 url(../img/bg-footer.jpg) repeat-x bottom center
}
.footer .container {
    clear: both
}
.footer .title {
    color: #fefefe;
    font-weight: bold;
    font-size: 16px
}
.footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 25px;
    overflow: hidden
}
.footer .col.link-utili {
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .footer .col.link-utili {
        width: 60%
    }
}
.footer .col.link-utili ul {
    margin-top: 15px
}
.footer .col.link-utili a {
    display: block;
    position: relative;
    font-size: 14px;
    padding: 10px 15px 10px 20px;
    color: #2a2b2c
}
.footer .col.link-utili a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 10px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    top: 32%;
    left: 0;
    -webkit-transition: left .25s;
    transition: left .25s
}
.footer .col.link-utili a:hover {
    color: #4f5153
}
.footer .col.link-utili ul li {
    display: block;
    overflow: hidden;
    float: left;
    width: 33.3333334%
}
.footer .col.logo {
    width: 25%;
    float: left;
    display: inline;
    position: relative;
    height: 190px
}
@media only screen and (min-width: 1220px) {
    .footer .col.logo {
        width: 20%
    }
}
.footer .col.logo a,
.footer .col.logo span,
.footer .col.logo img {
    display: block;
    outline: 0 none;
    text-align: right
}
@media only screen and (min-width: 1220px) {
    .footer .col.logo a,
    .footer .col.logo span,
    .footer .col.logo img {
        text-align: left
    }
}
.footer .col.logo .esercito img {
    margin-bottom: 10px;
    margin-left: auto
}
@media only screen and (min-width: 1220px) {
    .footer .col.logo .esercito img {
        margin-left: 0
    }
}
.footer .col.logo .esercito span {
    font-size: 16px;
    padding-right: 20px
}
@media only screen and (min-width: 1220px) {
    .footer .col.logo .esercito span {
        padding-right: 0
    }
}
.footer .col.logo .difesa {
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto
}
@media only screen and (min-width: 1220px) {
    .footer .col.logo .difesa {
        right: auto;
        left: 0
    }
}
@media only screen and (min-width: 1220px) {
    .footer .col.logo {
        margin-left: 20%
    }
}
.hp .content {
    margin-top: 40px
}
.hp .content .wrap {
    position: relative;
    overflow: hidden;
    min-height: 875px;
    margin: 0;
    zoom: 1;
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto
}
.hp .content .wrap:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}
@media only screen and (min-width: 1220px) {
    .hp .content .wrap {
        max-width: 1205px
    }
}
.hp .content .col.video {
    width: 75%;
    float: left;
    display: inline;
    margin-bottom: 30px;
    position: relative
}
@media only screen and (min-width: 1220px) {
    .hp .content .col.video {
        width: 60%
    }
}
.hp .content .col.sme,
.hp .content .col.oltremare,
.hp .content .col.varie,
.hp .content .col.concorsi,
.hp .content .col.link-utili,
.hp .content .col.editoria,
.hp .content .col.facebook {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .hp .content .col.sme,
    .hp .content .col.oltremare,
    .hp .content .col.varie,
    .hp .content .col.concorsi,
    .hp .content .col.link-utili,
    .hp .content .col.editoria,
    .hp .content .col.facebook {
        width: 20%
    }
}
.hp .content .col.operazioni {
    width: 50%;
    /*width: 100%;*/
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .hp .content .col.operazioni {
        width: 40%
        /*width:953px;*/
    }
}
.hp .content .col.multimedia {
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .hp .content .col.multimedia {
        width: 60%
    }
}
@media only screen and (min-width: 1220px) {
    .hp .content .col.multimedia {
        width: 25%;
        float: left;
        display: inline;
        width: 20%;
        position: absolute;
        top: 0;
        right: 0
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .hp .content .col.multimedia {
        width: 20%
    }
}
.hp .content .more-news {
    position: absolute;
    bottom: 690px;
    left: 10px;
    background-color: #d2212c;
    color: #ececec;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    padding: 10px 18px;
    vertical-align: top
}
.hp .content .more-news:hover {
    background-color: #2a2b2c
}
.hp .content .col.video .slider-video {
    width: 66.1%;
    height: 272px;
    float: left;
    display: inline
}
.hp .content .col.video .slider-video .slides a {
    display: block;
    height: 270px
}
.hp .content .col.video .slider-video .slides img {
    display: block;
    max-width: none;
    height: 100%;
    background-color: #e0dbc7
}
.hp .content .col.video .slider-video .slides em {
    padding: 10px 18px;
    background-color: #008e46;
    margin-top:5px;
    margin-left:5px;
    margin-bottom: 10px;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    color: #ececec;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    position: absolute;
    top: 0
}
.no-boxsizing .hp .content .col.video .slider-video .slides em {
    display: inline
}
.hp .content .col.video .slider-video .slides li {
    position: relative
}
.hp .content .col.video .video-carousel.loading {
    top: 120px
}
.hp .content .col.video .slider-video-carousel {
    width: 33.9%;
    float: left;
    display: inline
}
.hp .content .col.video .slider-video-carousel .slides {
    width: 100% !important
}
.hp .content .col.video .slider-video-carousel .slides li {
    width: 100% !important;
    float: none !important
}
.hp .content .col.video .slider-video-carousel .slides li:first-child a {
    border-top: 0 none
}
.hp .content .col.video .slider-video-carousel .slides li.flex-active-slide a {
    background: #008e46;
    background: -moz-linear-gradient(top, #008e46 0, #027038 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008e46), color-stop(100%, #027038));
    background: -webkit-linear-gradient(top, #008e46 0, #027038 100%);
    background: -o-linear-gradient(top, #008e46 0, #027038 100%);
    background: -ms-linear-gradient(top, #008e46 0, #027038 100%);
    background: linear-gradient(to bottom, #008e46 0, #027038 100%);
    color: #fefefe;
    text-decoration: underline
}
.hp .content .col.video .slider-video-carousel .slides li.flex-active-slide a.lutto {
    background-color: #d8cfac;
    filter: inherit
}
.hp .content .col.video .slider-video-carousel .slides li a {
    height: 90px;
    width: 100%;
    padding: 17px 25px;
    display: block;
    color: #2a2b2c;
    background-color: #e1e1e1;
    border-top: 1px solid #f4f4f4
}
.hp .content .col.video .slider-video-carousel .slides li a span {
    display: block;
    font-size: 14px;
    font-weight: lighter;
    line-height: 130%
}
.hp .content .col.video .slider-video-carousel .slides li a span.moreellipses {
    display: inline
}
.hp .content .col.video .slider-video-carousel .slides li a span.morecontent,
.hp .content .col.video .slider-video-carousel .slides li a span .morelink {
    display: none !important
}
.hp .content .col.video .slider-video-carousel .slides li a.lutto {
    background-repeat: no-repeat;
    background-position: 97% center;
    background-image: url(../img/lutto.png);
    color: #2c2c2c;
    padding-right: 50px
}
.hp .content .col.sme {
    margin-bottom: 30px
}
.hp .content .col.sme .box {
    display: block;
    position: relative
}
.hp .content .col.sme .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.hp .content .col.sme .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    background-color: rgba(225, 225, 225, 0.75);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 89px;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.no-rgba .hp .content .col.sme .box .caption {
    background-color: #e1e1e1
}
.hp .content .col.sme .box .caption span {
    display: block;
    -webkit-transition: color .25s;
    transition: color .25s
}
.hp .content .col.sme .box .caption span.first {
    color: #008e46;
    font-size: 12px
}
.hp .content .col.sme .box .caption span.second {
    color: #2a2b2c;
    font-size: 12px;
    padding: 10px 0 8px
}
.hp .content .col.sme .box .caption span.third {
    color: #2a2b2c;
    font-size: 24px
}
.hp .content .col.sme .box:hover .caption {
    background-color: rgba(225, 225, 225, 0.95)
}
.hp .content .col.oltremare {
    margin-bottom: 30px;
    overflow: hidden
}
.hp .content .col.oltremare .box {
    display: block;
    position: relative
}
.hp .content .col.oltremare .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.hp .content .col.oltremare .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #008c45
}
.hp .content .col.oltremare .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 160px 10px 14px;
    font-weight: lighter;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,027138+70&0+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.27) 30%, rgba(2,113,56,0.63) 70%, rgba(2,113,56,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.27) 30%,rgba(2,113,56,0.63) 70%,rgba(2,113,56,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.27) 30%,rgba(2,113,56,0.63) 70%,rgba(2,113,56,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6027138',GradientType=0 ); /* IE6-9 */

    height: 234px
}
.hp .content .col.oltremare .box .caption span {
    display: block
}
.hp .content .col.oltremare .box .caption span.first {
    color: #ffffff;
    font-size: 13px
}
.hp .content .col.oltremare .box .caption span.second {
    color: #ededed;
    font-size: 15px;
    line-height: 110%;
    padding: 7px 0 8px;
    -webkit-transition: color .25s;
    transition: color .25s
}
.hp .content .col.oltremare .box:hover .caption span.second {
    color: #ffffff
}
.hp .content .col.varie {
    margin-bottom: 30px;
    overflow: hidden
}
.hp .content .col.varie .box {
    display: block;
    position: relative
}
.hp .content .col.varie .box li a {
    height: 234px
}
.hp .content .col.varie .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 160px 10px 14px;
    font-weight: lighter;
    background-image:no-repeat;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,000000+70&0+0,0.9+100 */
/*background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.27) 30%, rgba(0,0,0,0.63) 70%, rgba(0,0,0,0.9) 100%);   FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.27) 30%,rgba(0,0,0,0.63) 70%,rgba(0,0,0,0.9) 100%);   Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.27) 30%,rgba(0,0,0,0.63) 70%,rgba(0,0,0,0.9) 100%);   W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6000000',GradientType=0 );   IE6-9 */



height: 234px
}
.hp .content .col.varie .box .caption span {
    display: block
}
.hp .content .col.varie .box .caption span.first {
    color: #797979; /*de323c*/
    font-size: 13px
}
.hp .content .col.varie .box .caption span.second {
    color: #000000;
    font-size: 14px;
    
    line-height: 110%;
    padding: 7px 0 8px;
    -webkit-transition: color .25s;
    transition: color .25s
}
.hp .content .col.varie .box:hover .caption span.second {
    color: #000000;
    text-decoration:underline
}
.hp .content .col.concorsi {
    margin-bottom: 30px;
    overflow: hidden
}
.hp .content .col.concorsi .box {
    display: block;
    position: relative
}
.hp .content .col.concorsi .box img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-top: 90px
}
.hp .content .col.concorsi .box .section {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #2c2c2c
}
.hp .content .col.concorsi .box .caption {
    position: absolute;
    top: 0;
    height: 39%;
    width: 100%;
    padding: 42px 15px 10px;
    font-weight: lighter;
    background-color: #06a4ed;
    -webkit-transition: height .25s;
    transition: height .25s
}
.hp .content .col.concorsi .box .caption span {
    display: block
}
.hp .content .col.concorsi .box .caption span.first {
    color: #fefefe;
    font-size: 18px;
    font-weight: normal;
    line-height: 110%
}
.hp .content .col.concorsi .box .caption span.moreellipses {
    display: inline
}
.hp .content .col.concorsi .box .caption span.morecontent {
    display: none !important
}
.hp .content .col.concorsi .box .more {
    position: absolute;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    bottom: 10%;
    right: 0;
    left: 0;
    margin: auto;
    width: 88px;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: bottom .25s;
    transition: bottom .25s
}
.hp .content .col.concorsi .box .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.boxsizing .hp .content .col.concorsi .box:hover .caption {
    height: 100%
}
.boxsizing .hp .content .col.concorsi .box:hover .more {
    bottom: 25%
}
.hp .content .col.link-utili {
    position: absolute
}
.hp .content .col.link-utili .ins {
    background-color: #fafafa
}
.hp .content .col.link-utili ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 5px 0;
    overflow: hidden;
    border-top: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}
.hp .content .col.link-utili ul:first-child {
    border-top: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.hp .content .col.link-utili ul li {
    display: block;
    overflow: hidden;
    padding: 3px 0
}
.hp .content .col.link-utili ul li a {
    display: block;
    width: 100%;
    color: #2c2c2c;
    height: 32px;
    font-size: 12px;
    outline: 0 none
}
.hp .content .col.link-utili ul li a:hover {
    color: #baa963
}
.hp .content .col.link-utili ul li a:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}
.hp .content .col.link-utili ul li a em {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding-left: 25px;
    width: 80%
}
.no-boxsizing .hp .content .col.link-utili ul li a em {
    display: inline
}
.hp .content .col.link-utili ul li a span {
    display: block;
    float: left;
    height: 32px;
    width: 32px
}
.hp .content .col.link-utili ul li a span img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto
}
.hp .content .col.operazioni {
    height: 259px;
    overflow: hidden;
    margin-bottom: 30px;
    background: transparent url(../img/bg-operazioni.png) no-repeat bottom center
}
.hp .content .col.operazioni .col {
    width: 228px;
    /*width:25%;*/
    float: left;
    display: inline;
	
	
}

.hp .content .col.operazioni .col a {
    display: block;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    height: 259px
}
.hp .content .col.operazioni .col a:link,
.hp .content .col.operazioni .col a:visited,
.hp .content .col.operazioni .col a:hover,
.hp .content .col.operazioni .col a:focus,
.hp .content .col.operazioni .col a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.hp .content .col.operazioni .col a.nazionali {
    background: transparent url(../img/operazioni-nazionali.png) no-repeat 70% center
}
.hp .content .col.operazioni .col a.oltremare {
    background: transparent url(../img/operazioni-oltremare.png) no-repeat 90% center
}
.hp .content .col.operazioni .col a.nazionali-en {
    background: transparent url(../img/operazioni-naz-eng.png) no-repeat 70% center
}
.hp .content .col.operazioni .col a.oltremare-en {
    background: transparent url(../img/operazioni-int-eng.png) no-repeat 90% center
}
.hp .content .col.editoria {
    margin-bottom: 30px
}
.hp .content .col.editoria .box {
    padding: 16px;
    height: 259px;
    background-color: #e0e0e0;
    overflow: hidden;
    display: block;
    position: relative
}
.hp .content .col.editoria .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.hp .content .col.editoria .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #d2212c;
    z-index: 1
}
.hp .content .col.editoria .box .flex-direction-nav a {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display: block;
    width: 34px;
    height: 34px;
    background-color: #fefefe;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}
.hp .content .col.editoria .box .flex-direction-nav a:link,
.hp .content .col.editoria .box .flex-direction-nav a:visited,
.hp .content .col.editoria .box .flex-direction-nav a:hover,
.hp .content .col.editoria .box .flex-direction-nav a:focus,
.hp .content .col.editoria .box .flex-direction-nav a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.hp .content .col.editoria .box .flex-direction-nav a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 14px;
    line-height: 100%;
    color: #2a2b2c;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px 0
}
.hp .content .col.editoria .box .flex-direction-nav a.flex-next {
    right: 0
}
.hp .content .col.editoria .box .flex-direction-nav a.flex-next:before {
    content: '\e804';
    text-indent: 3px
}
.hp .content .col.editoria .box .flex-direction-nav a.flex-prev {
    left: 0
}
.hp .content .col.editoria .box .flex-direction-nav a.flex-prev:before {
    content: '\e803';
    text-indent: 0
}
.hp .content .col.editoria .box .flex-direction-nav a:hover.flex-next {
    right: 0
}
.hp .content .col.editoria .box .flex-direction-nav a:hover.flex-prev {
    left: 0
}
.hp .content .col.facebook {
    margin-bottom: 30px
}
.hp .content .col.facebook .ins {
    background-color: #fcfcfc;
    height: 248px
}
.hp .content .col.facebook .ins p {
    padding: 15px;
    font-size: 12px;
    line-height: 130%
}
@media only screen and (min-width: 1220px) {
    .hp .content .col.facebook {
        width: 25%;
        float: left;
        display: inline;
        width: 20%;
        position: absolute;
        top: 725px;
        right: 0
    }
    .hp .content .col.facebook .ins {
        padding: 16px 0;
        height: 99px
    }
    .hp .content .col.facebook .ins p {
        display: none
    }
    .hp .content .col.facebook .ins iframe {
        width: 200px;
        margin: 0 auto;
        overflow: hidden;
        display: block
    }
    .hp .content .col.facebook .box {
        padding-bottom: 15px
    }
    .hp .content .col.facebook .box ul li {
        margin: 30px 0 0
    }
    .hp .content .col.facebook .box ul li:first-child {
        margin-top: 0
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .hp .content .col.facebook {
        width: 20%
    }
}

/* pos. social-wall desk&tablet 15/05/2024 lux */
.social-wall{
    width:240px;
    position: absolute;
    display: block;
    top: 1200px;
    right: 0px;
    z-index: 11;
}

@media screen and (max-width: 1220px) {
        /*
           elimino il margine in eccesso
           del box multimedia 
        */
    .hp .content .col.multimedia .box {   
        margin-top: 0px !important;
    }

    .social-wall {
        width:100%!important;
        margin-top:10px;
        position:unset!important;
        margin-top:10px;
    }
    .twitter-timeline {
        width:100%!important;
    }

    }
/* pos. multimedia tablet 15/05/2024 lux */

.hp .content .col.multimedia {
    margin-bottom: 30px;
    overflow: hidden
}
.hp .content .col.multimedia .box {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 47px 10px 10px;
    background-color: #061a26
}
.hp .content .col.multimedia .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.hp .content .col.multimedia .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #d2212c;
    z-index: 1
}
.hp .content .col.multimedia .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #061a26;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s
}
.hp .content .col.multimedia .box .caption span {
    display: block
}
.hp .content .col.multimedia .box .caption span.first {
    color: #e1e1e1;
    font-size: 13px;
    line-height: 120%
}
.hp .content .col.multimedia .box .caption span.moreellipses {
    display: inline
}
.hp .content .col.multimedia .box .caption span.morecontent {
    display: none !important
}
.hp .content .col.multimedia .box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.hp .content .col.multimedia .box ul.loading {
    overflow: visible;
    margin: 70px 0
}
@media only screen and (min-width: 1220px) {
    .hp .content .col.multimedia .box ul.loading {
        margin: 40px 0
    }
}
.hp .content .col.multimedia .box ul.loading * {
    height: 40px
}
@media only screen and (min-width: 1220px) {
    .hp .content .col.multimedia .box ul.loading * {
        height: 185px
    }
}
.hp .content .col.multimedia .box ul.loading:after {
    visibility: visible !important
}
.hp .content .col.multimedia .box ul li {
    margin-left: 30px;
    overflow: hidden;
    width: 212px;
    float: left;
    display: inline
}
.hp .content .col.multimedia .box ul li:first-child {
    margin-left: 0
}
.hp .content .col.multimedia .box ul li a {
    display: block;
    position: relative;
    width: 100%
}
.hp .content .col.multimedia .box ul li a .section.photo-gallery {
    background-color: rgba(223, 224, 224, 0.8);
    color: #373738;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 35px 9px 15px
}
.hp .content .col.multimedia .box ul li a .section.photo-gallery:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e801';
    font-size: 17px;
    line-height: 100%;
    color: #363637;
    position: absolute;
    top: 24%;
    right: 5px;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}
.hp .content .col.multimedia .box ul li a .section.video-play {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: rgba(39, 41, 41, 0.8);
    border: 3px solid rgba(0, 142, 70, 0.8);
    width: 50px;
    height: 50px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px 14px;
    top: 25%;
    -webkit-transition: top .25s, transform .25s;
    transition: top .25s, transform .25s;
    -webkit-transition: top .25s, -webkit-transform .25s
}
.hp .content .col.multimedia .box ul li a .section.video-play:link,
.hp .content .col.multimedia .box ul li a .section.video-play:visited,
.hp .content .col.multimedia .box ul li a .section.video-play:hover,
.hp .content .col.multimedia .box ul li a .section.video-play:focus,
.hp .content .col.multimedia .box ul li a .section.video-play:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.hp .content .col.multimedia .box ul li a .section.video-play:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80e';
    font-size: 17px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    margin: 4px 1px
}
.boxsizing .hp .content .col.multimedia .box ul li a:hover .section.video-play {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.hp .content .col.multimedia .box ul li a:hover .caption {
    background-color: #5f5f61
}
@media only screen and (min-width: 1220px) {
    .hp .content .col.multimedia .box {
        padding-bottom: 47px
    }
    .hp .content .col.multimedia .box ul li {
        margin: 30px 0 0
    }
    .hp .content .col.multimedia .box ul li:first-child {
        margin-top: 0
    }
}
.internal-gallery {
    position: relative;
    width: 100%;
    margin: 20px 0 40px
}
.internal-gallery .slides {
    padding: 0 !important
}
.internal-gallery .slides li {
    background-color: #878787;
    margin: 0 !important
}
.internal-gallery .slides li .box {
    height: 522px;
    width: 100%;
    position: relative;
    overflow: hidden
}
.internal-gallery .slides li .box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-box-shadow: 0 15px 30px -15px #303030;
    -moz-box-shadow: 0 15px 30px -15px #303030;
    box-shadow: 0 15px 30px -15px #303030;
    max-width: 100% !important
}
.internal-gallery .slides li .box img.over-height {
    height: 100%
}
.internal-gallery .slides li .box .caption {
    margin: -1px 0 0 !important;
    padding: 15px;
    line-height: 130% !important;
    color: #f4f4f4;
    background-color: rgba(42, 43, 44, 0.9) !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}
.no-rgba .internal-gallery .slides li .box .caption {
    background-color: #2a2b2c !important
}
.internal-gallery .slides li .box .caption span {
    display: block;
    width: 100%;
    color: #fff
}
@media only screen and (min-width: 1220px) {
    .internal-gallery .slides li .box .caption {
        margin: 0
    }
}
.internal-gallery .flex-direction-nav {
    top: 40%;
    padding: 0 !important;
    overflow: visible !important
}
.internal-gallery .flex-direction-nav li {
    height: auto;
    margin: 0
}
.internal-gallery .flex-direction-nav a {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    position: absolute;
    display: block;
    width: 40px;
    height: 70px;
    background-color: rgba(42, 43, 44, 0.9);
    top: 42%;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}
.internal-gallery .flex-direction-nav a:link,
.internal-gallery .flex-direction-nav a:visited,
.internal-gallery .flex-direction-nav a:hover,
.internal-gallery .flex-direction-nav a:focus,
.internal-gallery .flex-direction-nav a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.internal-gallery .flex-direction-nav a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 22px;
    line-height: 100%;
    color: #e2dcc2;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 25px 0
}
.internal-gallery .flex-direction-nav a.flex-next {
    right: 0
}
.internal-gallery .flex-direction-nav a.flex-next:before {
    content: '\e804';
    text-indent: 3px
}
.internal-gallery .flex-direction-nav a.flex-prev {
    left: 0
}
.internal-gallery .flex-direction-nav a.flex-prev:before {
    content: '\e803';
    text-indent: 0
}
.internal-gallery .flex-direction-nav a:hover {
    background-color: #2a2b2c
}
.internal-gallery .flex-direction-nav a:hover.flex-next {
    right: 0
}
.internal-gallery .flex-direction-nav a:hover.flex-prev {
    left: 0
}
.gallery-count {
    background-color: #2a2b2c;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    display: block;
    padding: 10px 12px;
    font-size: 14px;
    color: #f4f4f4
}
.gallery-count .current-slide {
    color: #d2212c
}
.breadcrumb {
    overflow: hidden;
    width: 100%;
    display: block;
    margin-bottom: 35px;
    padding: 0 5px
}
.breadcrumb span {
    display: block;
    overflow: hidden
}
.breadcrumb span>span {
    overflow: hidden;
    display: block;
    font-size: 14px;
    padding: 2px 3px 20px;
    margin-left: -13px;
    font-weight: lighter
}
.breadcrumb span span {
    color: #6b6756;
    padding: 0 13px;
    float: left;
    width: auto;
    line-height: 110%
}
.breadcrumb span span a {
    text-align: left
}
.editoriale .container {
    position: relative
}
.editoriale .content .wrap {
    background-color: #f4f4f4
}
.editoriale .header {
    background-color: rgba(224, 219, 199, 0.6);
    height: 170px;
    padding-top: 45px;
    background-position: center top
}
.editoriale .header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #9c9a9a;
    -webkit-box-shadow: 0 -30px 30px -35px #000 inset;
    -moz-box-shadow: 0 -30px 30px -35px #000 inset;
    box-shadow: 0 -30px 30px -35px #000 inset;
    z-index: 6
}
.editoriale .header .container {
    overflow: visible
}
.editoriale .header .col.social {
    margin-top: 39px;
    margin-left: 8%;
	width: 44%;
    padding-top: 4px
}
@media only screen and (min-width: 1220px) {
    .editoriale .header .col.social {
        margin-left: 6%;
        
    }
}
.editoriale .header .col.search {
    margin-top: 2px
}
.editoriale .header .col.logo {
    width: 25%;
    float: left;
    display: inline;
    margin: 0;
    position: absolute;
    top: -45px;
    left: 0;
    z-index: 6
}
@media only screen and (min-width: 1220px) {
    .editoriale .header .col.logo {
        width: 20%
    }
}
.editoriale .header .col.logo a {
    background-color: rgba(17, 17, 17, 0.75);
    position: relative;
    padding: 8px 50px 7px 25px;
    outline: 0 none;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.editoriale .header .col.logo a:hover:before {
    color: #fefefe
}
.editoriale .header .col.logo a img {
    display: block
}
.editoriale .header .col.logo a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e802';
    color: #d7d0bf;
    font-size: 24px;
    position: absolute;
    right: 6%;
    top: 25%;
    -webkit-transition: transform .25s, color .25s;
    transition: transform .25s, color .25s;
    -webkit-transition: -webkit-transform .25s, color .25s
}
.editoriale .header .col.logo a.open {
    background: #2a2b2c
}
.editoriale .header .col.logo a.open:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.editoriale .header .col.nav {
    width: 25%;
    float: left;
    display: inline;
    position: absolute;
    left: 0;
    top: -650px;
    z-index: 5;
    background: #2a2b2c;
    -webkit-transition: top .5s, box-shadow .25s ease .5s;
    transition: top .5s, box-shadow .25s ease .5s
}
@media only screen and (min-width: 1220px) {
    .editoriale .header .col.nav {
        width: 20%
    }
}
.editoriale .header .col.nav.open {
    top: 0;
    -webkit-box-shadow: 0 5px 20px 0 #333;
    -moz-box-shadow: 0 5px 20px 0 #333;
    box-shadow: 0 5px 20px 0 #333
}
.editoriale .header .col.nav .ms-core-listMenu-horizontalBox {
    width: 100% !important
}
.editoriale .header .col.nav .ms-core-listMenu-horizontalBox>.ms-core-listMenu-root>.ms-listMenu-editLink {
    margin: 0
}
.editoriale .header .col.nav ul {
    padding-top: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #3e3e3e !important;
    width: 100%
}
.editoriale .header .col.nav ul li {
    overflow: hidden;
    display: block;
    width: 100%
}
.editoriale .header .col.nav ul li:first-child a {
    border-top: 0 none !important
}
.editoriale .header .col.nav ul li a {
    color: #fafafa;
    display: block;
    float: none;
    position: relative;
    font-weight: lighter;
    font-size: 14px;
    padding: 10px 20px 10px 40px !important;
    margin: 0;
    border-bottom: 1px solid #1b1b1b !important;
    border-top: 1px solid #3e3f3f !important
}
.editoriale .header .col.nav ul li a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e806';
    color: #e5e2d4;
    position: absolute;
    left: 6%;
    top: 35%;
    font-size: 10px
}
.editoriale .header .col.nav ul li a.home:before {
    content: '\e80d';
    color: #d2212b;
    position: absolute;
    left: 3%;
    top: 25%;
    font-size: 18px
}
.editoriale .header .col.nav ul li a:hover,
.editoriale .header .col.nav ul li a.active {
    background: #434546;
    color: #e5e2d4
}
.editoriale .header .col.go-to {
    width: 37.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .editoriale .header .col.go-to {
        width: 30%
    }
}
.editoriale .header .col.go-to .titolo {
    font-size: 72px;
    font-weight: lighter;
    color: #2a2b2c;
    width: 49%;
    float: left;
    display: block;
    margin-top: 26px;
    margin-right: 13px
}
@media only screen and (min-width: 1220px) {
    .editoriale .header .col.go-to .titolo {
        margin-right: 23px
    }
}
.editoriale .header .col.go-to .titolo:hover {
    color: #434546
}
.editoriale .header .col.stemma {
    padding-top: 15px
}
.editoriale .home .nav {
    background-color: rgba(254, 254, 254, 0.6);
    min-height: 68px;
    height: auto;
    position: relative;
    z-index: 3
}
.editoriale .home .nav .col.section-nav {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin-left: 0 !important
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .nav .col.section-nav {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .nav .col.section-nav {
        width: 100%
    }
}
.editoriale .home .nav .col.section-nav .title {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 29px 0;
    font-size: 13px;
    font-weight: bold;
    margin-right: 30px;
    float: left
}
.no-boxsizing .editoriale .home .nav .col.section-nav .title {
    display: inline
}
.editoriale .home .nav .col.section-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.editoriale .home .nav .col.section-nav ul li {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    margin: 18px 5px
}
.no-boxsizing .editoriale .home .nav .col.section-nav ul li {
    display: inline
}
.editoriale .home .nav .col.section-nav ul li:first-child {
    margin-left: 0
}
.editoriale .home .nav .col.section-nav ul li a {
    color: #fefefe;
    background-color: #2a2b2c;
    display: block;
    padding: 10px 20px
}
.editoriale .home .nav .col.section-nav ul li a:hover {
    background-color: #434546;
    color: #e5e2d4
}
.editoriale .home .popular {
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 535px;
    top: -140px;
    margin-bottom: -140px
}
.editoriale .home .popular ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.editoriale .home .popular ul li {
    height: 535px;
    position: relative;
    width: 100%;
    float: left;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: transparent
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .popular ul li {
        background-size: cover
    }
}
.editoriale .home .popular ul li img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    overflow: hidden
}
.editoriale .home .popular ul li .container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}
.editoriale .home .popular ul li .container .box {
    width: 100%;
    display: block;
    margin: 10px auto
}
.editoriale .home .popular ul li .container .box a {
    margin: 0 5px;
    color: #2a2a2c;
    display: inline-block;
    text-align: left;
    background-color: rgba(254, 254, 254, 0.6)
}
.editoriale .home .popular ul li .container .box a:hover {
    background-color: rgba(254, 254, 254, 0.85)
}
.editoriale .home .popular ul li .container .box a span {
    display: block
}
.editoriale .home .popular ul li .container .box a .title {
    padding: 24px 20px 15px;
    font-size: 42px;
    line-height: 110%;
    color: #2a2a2c;
    font-weight: lighter
}
.editoriale .home .popular ul li .container .box a .abstract {
    padding: 0 120px 25px;
    line-height: 110%;
    font-weight: lighter;
    font-size: 28px;
    color: #2a2b2c;
    display: none
}
.editoriale .home .popular ul li .container .box a .button {
    width: 210px;
    height: 54px;
    font-size: 22px;
    font-weight: lighter;
    padding: 16px;
    color: #fefefe;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 -10px 3px -9px #303030 inset;
    -moz-box-shadow: 0 -10px 3px -9px #303030 inset;
    box-shadow: 0 -10px 3px -9px #303030 inset;
    border: 1px solid #0c7134;
    background: #008e46;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
    background: -moz-linear-gradient(top, #008e46 0, #03753b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008e46), color-stop(100%, #03753b));
    background: -webkit-linear-gradient(top, #008e46 0, #03753b 100%);
    background: -o-linear-gradient(top, #008e46 0, #03753b 100%);
    background: -ms-linear-gradient(top, #008e46 0, #03753b 100%);
    background: linear-gradient(to bottom, #008e46 0, #03753b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008e46', endColorstr='#03753b', GradientType=0)
}
.editoriale .home .popular .flex-direction-nav li a {
    display: block;
    height: 60px;
    width: 60px;
    top: 90px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: rgba(226, 219, 201, 0.9);
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.editoriale .home .popular .flex-direction-nav li a:link,
.editoriale .home .popular .flex-direction-nav li a:visited,
.editoriale .home .popular .flex-direction-nav li a:hover,
.editoriale .home .popular .flex-direction-nav li a:focus,
.editoriale .home .popular .flex-direction-nav li a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .popular .flex-direction-nav li a {
        -moz-opacity: .75;
        -khtml-opacity: .75;
        -webkit-opacity: .75;
        opacity: .75;
        -ms-filter: alpha(opacity=75);
        filter: alpha(opacity=75)
    }
}
.editoriale .home .popular .flex-direction-nav li a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    color: #2a2b2c;
    display: block;
    font-size: 32px;
    margin: 12px
}
.editoriale .home .popular .flex-direction-nav li a:hover.flex-prev {
    left: 3%
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .popular .flex-direction-nav li a:hover.flex-prev {
        left: -8%
    }
}
.editoriale .home .popular .flex-direction-nav li a:hover.flex-next {
    right: 3%
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .popular .flex-direction-nav li a:hover.flex-next {
        right: -8%
    }
}
.editoriale .home .popular .flex-direction-nav li a.flex-prev {
    left: 3%
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .popular .flex-direction-nav li a.flex-prev {
        left: -8%
    }
}
.editoriale .home .popular .flex-direction-nav li a.flex-prev:before {
    content: '\e803';
    text-indent: -2px
}
.editoriale .home .popular .flex-direction-nav li a.flex-next {
    right: 3%
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .popular .flex-direction-nav li a.flex-next {
        right: -8%
    }
}
.editoriale .home .popular .flex-direction-nav li a.flex-next:before {
    content: '\e804';
    text-indent: 4px
}
.editoriale .home .col.category-nav {
    background-color: #f9f9f9
}
.editoriale .home .col.category-nav .nav-container {
    display: block;
    width: 100%
}
.editoriale .home .col.category-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    display: block;
    overflow: hidden;
    margin-right: -1px
}
.editoriale .home .col.category-nav ul li {
    float: left;
    display: block
}
.editoriale .home .col.category-nav ul li:first-child a {
    border-left: 0 none
}
.editoriale .home .col.category-nav ul li:last-child a {
    border-right: 0 none
}
.editoriale .home .col.category-nav ul li a {
    display: block;
    outline: 0 none;
    margin: 0 !important;
    color: #2a2b2c;
    padding: 25px 20px;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #fff
}
.editoriale .home .col.category-nav ul li a:hover,
.editoriale .home .col.category-nav ul li a.active {
    color: #e52721
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .col.category-nav ul li a {
        padding: 25px 35px
    }
}
.editoriale .home .block-list {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin: 30px 0 60px
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list {
        width: 100%
    }
}
.editoriale .home .block-list.loading {
    margin: 70px auto 50px
}
.editoriale .home .block-list .relevance {
    position: relative
}
.editoriale .home .block-list .relevance.high {
    width: 50%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list .relevance.high {
        width: 40%
    }
}
.editoriale .home .block-list .relevance.high .item a {
    margin-bottom: 0
}
.editoriale .home .block-list .relevance.high .item .news-info {
    padding: 20px
}
.editoriale .home .block-list .relevance.high .item .news-info span,
.editoriale .home .block-list .relevance.high .item .news-info a {
    width: 100%;
    float: none
}
.editoriale .home .block-list .relevance.high .item .news-info .category {
    font-size: 18px;
    margin-bottom: 10px
}
.editoriale .home .block-list .relevance.high .item .news-info .time {
    font-size: 16px;
    font-weight: lighter;
    text-align: left
}
.editoriale .home .block-list .relevance.high .item .title {
    font-size: 32px;
    height: 106px;
    overflow: hidden;
    padding: 0 20px;
    margin-bottom: 28px;
    line-height: 110%
}
.editoriale .home .block-list .relevance.medium {
    padding-top: 5px;
    width: 50%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list .relevance.medium {
        width: 40%
    }
}
.editoriale .home .block-list .relevance.medium .item {
    margin: 0;
    width: 50%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list .relevance.medium .item {
        width: 40%
    }
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list .relevance.medium .item {
        width: 50%
    }
}
.editoriale .home .block-list .relevance.medium .wrap {
    margin: 5px;
    height: 293px
}
.editoriale .home .block-list .relevance.small {
    background-color: #f9f9f9;
    width: 100%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list .relevance.small {
        width: 80%
    }
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list .relevance.small {
        width: 20%;
        height: 595px;
        margin-top: 10px
    }
}
.editoriale .home .block-list .relevance.small:before {
    content: '';
    height: 100%;
    width: 5px;
    display: block;
    background-color: #f4f4f4;
    position: absolute;
    top: 0;
    left: 0
}
.editoriale .home .block-list .relevance.small .item {
    margin: 0;
    padding: 10px 5px;
    display: inline;
    float: left;
    width: 25%
}
.editoriale .home .block-list .relevance.small .item .news-info span,
.editoriale .home .block-list .relevance.small .item .news-info a {
    font-size: 11px
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list .relevance.small .item {
        width: 100%
    }
    .editoriale .home .block-list .relevance.small .item .news-info span,
    .editoriale .home .block-list .relevance.small .item .news-info a {
        font-size: 12px
    }
}
.editoriale .home .block-list .relevance.small .item .wrap {
    background-color: transparent
}
.editoriale .home .block-list .relevance.small .item .title {
    padding: 5px 10px 15px
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .block-list .relevance.small .item .title {
        padding: 5px 10px
    }
}
.editoriale .home .block-list .relevance .item {
    margin: 10px 5px
}
.editoriale .home .block-list .relevance .item .wrap {
    background-color: #fefefe
}
.editoriale .home .block-list .relevance .item a {
    display: block;
    outline: 0 none
}
.editoriale .home .block-list .relevance .item a img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%
}
.editoriale .home .block-list .relevance .item a span {
    display: block
}
.editoriale .home .block-list .relevance .item .news-info {
    padding: 15px 10px;
    overflow: hidden;
    display: block;
    width: 100%
}
.editoriale .home .block-list .relevance .item .news-info span,
.editoriale .home .block-list .relevance .item .news-info a {
    width: 50%;
    float: left;
    font-size: 12px;
    font-weight: lighter;
    height: auto;
    margin: 0
}
.editoriale .home .block-list .relevance .item .news-info .category {
    color: #d2212c
}
.editoriale .home .block-list .relevance .item .news-info .time {
    color: #a1977e;
    text-align: right
}
.editoriale .home .block-list .relevance .item .title {
    color: #2a2b2c;
    line-height: 130%;
    font-size: 18px;
    padding: 5px 10px
}
.editoriale .home .block-list .relevance .item ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    width: 100%;
    background-color: #fefefe;
    padding: 20px 20px 30px
}
.editoriale .home .block-list .relevance .item ul li {
    float: left;
    margin-left: 20px
}
.editoriale .home .block-list .relevance .item ul li:first-child {
    margin-left: 0
}
.editoriale .home .block-list .relevance .item ul li a {
    display: block;
    background-color: #d6cfbe;
    color: #2a2b2c;
    padding: 11px 15px 9px;
    font-size: 14px
}
.editoriale .home .block-list .relevance .item ul li a:hover {
    background-color: #e0dbce
}
.editoriale .home .carousel {
    background-color: #2b2c2c
}
.editoriale .home .carousel .comunicati-stampa {
    position: relative;
    padding-top: 65px;
    padding-bottom: 30px;
    border-bottom: 1px solid #10100e
}
.editoriale .home .carousel .comunicati-stampa .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #008e46;
    z-index: 1
}
.editoriale .home .carousel .comunicati-stampa .carousel-comunicati-stampa {
    overflow: visible
}
.editoriale .home .carousel .comunicati-stampa .slides {
    overflow: hidden
}
.editoriale .home .carousel .comunicati-stampa .slides li {
    margin: 0
}
.editoriale .home .carousel .comunicati-stampa .slides li a {
    width: 212px;
    display: block;
    margin: 0 auto
}
.editoriale .home .carousel .comunicati-stampa .slides li a:hover span.title {
    color: #00c179
}
.editoriale .home .carousel .comunicati-stampa .slides li a span {
    display: block
}
.editoriale .home .carousel .comunicati-stampa .slides li a span.time {
    font-size: 12px;
    margin-bottom: 20px
}
.editoriale .home .carousel .comunicati-stampa .slides li a span.title {
    color: #fefefe;
    font-size: 13px;
    line-height: 140%;
    -webkit-transition: color .25s;
    transition: color .25s
}
.editoriale .home .carousel .comunicati-stampa .flex-direction-nav {
    position: static;
    max-width: none
}
.editoriale .home .carousel .comunicati-stampa .flex-direction-nav a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    width: 34px;
    height: 34px;
    background-color: #008e46;
    right: 10px;
    left: auto;
    top: -55px
}
.editoriale .home .carousel .comunicati-stampa .flex-direction-nav a:hover {
    background-color: #00c179
}
.editoriale .home .carousel .comunicati-stampa .flex-direction-nav a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 17px;
    padding: 8px 5px;
    color: #fefefe
}
.editoriale .home .carousel .comunicati-stampa .flex-direction-nav a.flex-prev {
    right: 46px
}
.editoriale .home .carousel .comunicati-stampa .flex-direction-nav a.flex-prev:before {
    content: '\e803'
}
.editoriale .home .carousel .comunicati-stampa .flex-direction-nav a.flex-next:before {
    content: '\e804';
    text-indent: 2px
}
.editoriale .home .carousel .mediateca {
    border-top: 1px solid #393939;
    padding-top: 45px;
    padding-bottom: 20px;
    position: relative
}
.editoriale .home .carousel .mediateca .carousel-mediateca {
    width: 80%;
    overflow: visible;
    margin: 0 auto
}
.editoriale .home .carousel .mediateca .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #d2212c;
    z-index: 1
}
.editoriale .home .carousel .mediateca .slides {
    overflow: hidden
}
.editoriale .home .carousel .mediateca .slides li {
    margin: 0
}
.editoriale .home .carousel .mediateca .slides li a {
    margin: 0 auto;
    overflow: hidden;
    width: 212px;
    display: block;
    position: relative
}
.editoriale .home .carousel .mediateca .slides li a .section.photo-gallery {
    background-color: rgba(223, 224, 224, 0.8);
    color: #373738;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 35px 9px 15px
}
.editoriale .home .carousel .mediateca .slides li a .section.photo-gallery:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e801';
    font-size: 17px;
    line-height: 100%;
    color: #363637;
    position: absolute;
    top: 24%;
    right: 5px;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}
.editoriale .home .carousel .mediateca .slides li a .section.video-play {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: rgba(39, 41, 41, 0.8);
    border: 3px solid rgba(0, 142, 70, 0.8);
    width: 50px;
    height: 50px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px 14px;
    top: 25%;
    -webkit-transition: top .25s, transform .25s;
    transition: top .25s, transform .25s;
    -webkit-transition: top .25s, -webkit-transform .25s
}
.editoriale .home .carousel .mediateca .slides li a .section.video-play:link,
.editoriale .home .carousel .mediateca .slides li a .section.video-play:visited,
.editoriale .home .carousel .mediateca .slides li a .section.video-play:hover,
.editoriale .home .carousel .mediateca .slides li a .section.video-play:focus,
.editoriale .home .carousel .mediateca .slides li a .section.video-play:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.editoriale .home .carousel .mediateca .slides li a .section.video-play:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80e';
    font-size: 17px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    margin: 4px 1px
}
.editoriale .home .carousel .mediateca .slides li a .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    background-color: #373839
}
.editoriale .home .carousel .mediateca .slides li a .caption span {
    display: block
}
.editoriale .home .carousel .mediateca .slides li a .caption span.first {
    color: #e1e1e1;
    font-size: 13px;
    line-height: 120%
}
.editoriale .home .carousel .mediateca .slides li a .caption span.moreellipses {
    display: inline
}
.editoriale .home .carousel .mediateca .slides li a .caption span.morecontent {
    display: none !important
}
.boxsizing .editoriale .home .carousel .mediateca .slides li a:hover .section.video-play {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.editoriale .home .carousel .mediateca .slides li a:hover .caption {
    background-color: #5f5f61
}
.editoriale .home .carousel .mediateca .flex-direction-nav {
    position: static
}
.editoriale .home .carousel .mediateca .flex-direction-nav a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    width: 34px;
    height: 34px;
    top: 40%;
    background-color: #242424
}
.editoriale .home .carousel .mediateca .flex-direction-nav a:hover {
    background-color: #4a4a4a
}
.editoriale .home .carousel .mediateca .flex-direction-nav a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 17px;
    padding: 8px 5px;
    color: #fefefe
}
.editoriale .home .carousel .mediateca .flex-direction-nav a.flex-prev {
    left: -60px
}
.editoriale .home .carousel .mediateca .flex-direction-nav a.flex-prev:before {
    content: '\e803'
}
.editoriale .home .carousel .mediateca .flex-direction-nav a.flex-next {
    right: -80px
}
.editoriale .home .carousel .mediateca .flex-direction-nav a.flex-next:before {
    content: '\e804';
    text-indent: 2px
}
.editoriale .home .col.bacheca {
    width: 75%;
    float: left;
    display: inline;
    float: none;
    display: block;
    overflow: hidden;
    margin: 0 auto
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .col.bacheca {
        width: 60%
    }
}
.editoriale .home .col.bacheca .title {
    display: block;
    font-size: 30px;
    font-weight: lighter;
    text-align: center;
    margin: 65px auto 35px;
    outline: 0 none
}
.editoriale .home .col.bacheca .title span {
    position: relative;
    padding-right: 25px
}
.editoriale .home .col.bacheca .title span:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e806';
    color: #a5a294;
    font-size: 10px;
    position: absolute;
    top: 15px;
    right: 0
}
.editoriale .home .col.bacheca .bacheca-carousel .bacheca-img {
    width: 111px;
    float: left
}
.editoriale .home .col.bacheca .bacheca-carousel .bacheca-img .slides li img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca {
    width: 595px;
    float: left;
    padding-left: 23px;
    margin-bottom: 90px;
    overflow: visible;
    position: relative
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}
.csstransforms .editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca:before {
    font-size: 24px;
    color: #e9ebec;
    position: absolute;
    top: 30px;
    left: 1px;
    content: '\e800';
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .slides {
    text-align: left
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .slides li .box {
    padding: 18px 60px;
    min-height: 168px;
    background-color: #e9ebec;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: relative
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .slides li .box:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80f';
    color: #fefefe;
    font-size: 24px;
    position: absolute;
    top: 10px;
    left: 16px
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .slides li .box .contenuto {
    position: relative;
    font-weight: lighter;
    line-height: 140%;
    font-size: 16px
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .slides li .box .contenuto:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e810';
    color: #fefefe;
    font-size: 24px;
    position: absolute;
    bottom: -10px;
    right: -44px
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .slides li .box .contenuto p {
    text-align: left
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-direction-nav {
    top: auto;
    bottom: -49px;
    margin-left: 23px;
    height: 50px;
    background-color: #e9ebec;
    width: auto;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-direction-nav li {
    text-align: left
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-direction-nav li a {
    top: 12px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-direction-nav li a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 20px;
    color: #464647;
    margin-bottom: 30px
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-direction-nav li a.flex-prev {
    left: 17px
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-direction-nav li a.flex-prev:before {
    content: '\e803'
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-direction-nav li a.flex-next {
    right: 20px
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-direction-nav li a.flex-next:before {
    content: '\e804';
    text-indent: 2px
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-control-paging {
    bottom: -80px
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-control-paging li {
    text-align: left
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-control-paging li a {
    width: 14px;
    height: 14px;
    background: #e9ebec;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.editoriale .home .col.bacheca .bacheca-carousel .slider-bacheca .flex-control-paging li a.flex-active {
    background: #e0dbc7
}
.editoriale .home .col.ad {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    float: left;
    display: inline;
    float: none;
    display: block;
    overflow: hidden;
    margin: 70px auto 100px
}
@media only screen and (min-width: 1220px) {
    .editoriale .home .col.ad {
        width: 80%
    }
}
.editoriale .home .col.ad li {
    margin: 0 5px;
    display: block;
    width: 231px;
    float: left
}
.editoriale .home .col.ad li a {
    display: block;
    width: 100%;
    outline: 0 none
}
.editoriale .home .col.ad li a img {
    max-width: 100%;
    display: block
}
.editoriale .interna {
    text-align: left
}
.editoriale .interna.no-photo .header {
    background-color: #e0dbc7
}
.editoriale .interna.no-photo .news-head {
    height: 425px;
    top: -154px;
    margin-bottom: -154px
}
.editoriale .interna .news-head {
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 1;
    top: -197px;
    height: 605px;
    margin-bottom: -197px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: transparent
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-head {
        background-size: cover
    }
}
.editoriale .interna .news-head .container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%
}
.editoriale .interna .news-head .box {
    width: 100%
}
.editoriale .interna .news-head .box h1 {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    margin-bottom: 12px;
    background-color: rgba(254, 254, 254, 0.6);
    color: #2a2b2c;
    font-size: 42px;
    font-weight: lighter;
    line-height: 105%;
    padding: 24px 20px 15px
}
.no-boxsizing .editoriale .interna .news-head .box h1 {
    display: inline
}
.editoriale .interna .nav {
    background-color: #2a2b2d
}
.editoriale .interna .nav .col.section-nav {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .nav .col.section-nav {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .nav .col.section-nav {
        width: 100%
    }
}
.editoriale .interna .nav .col.section-nav .title {
    width: 12.5%;
    float: left;
    display: inline;
    color: #e0dbc7;
    text-align: center;
    padding: 28px 0 25px;
    font-size: 14px
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .nav .col.section-nav .title {
        width: 10%
    }
}
.editoriale .interna .nav .col.section-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.editoriale .interna .nav .col.section-nav ul li {
    float: left;
    margin: 12px 20px
}
.editoriale .interna .nav .col.section-nav ul li a {
    color: #fefefe;
    display: block;
    font-size: 14px;
    height: 42px;
    line-height: 125%;
    max-width: 190px;
    font-weight: lighter;
    padding: 5px 10px
}
.editoriale .interna .nav .col.section-nav ul li a:hover,
.editoriale .interna .nav .col.section-nav ul li a.active {
    background-color: #008e46
}
.editoriale .interna .nav .col.section-nav ul li a:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.35em
}
.editoriale .interna .nav .col.section-nav ul li a span {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    height: auto;
    margin: 0 auto;
    width: 100%
}
.no-boxsizing .editoriale .interna .nav .col.section-nav ul li a span {
    display: inline
}
.editoriale .interna .nav .col.section-nav ul li a span.moreellipses {
    display: inline
}
.editoriale .interna .nav .col.section-nav ul li a span.morecontent {
    display: none !important
}
@-moz-document url-prefix() {
    .editoriale .interna .nav .col.section-nav ul li a .editoriale .interna .nav .col.section-nav ul li a span {
        margin-left: -4px
    }
}
.editoriale .interna .nav .col.section-nav ul li a .morelink {
    display: none !important
}
.editoriale .interna .news-nav {
    position: absolute;
    margin-top: 100px;
    width: 100%
}
.editoriale .interna .news-nav a {
    position: absolute;
    display: block;
    width: 40px;
    height: 70px;
    overflow: hidden;
    padding: 25px 13px;
    background-color: #2a2b2c;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}
@media only screen and (min-width: 1300px) {
    .editoriale .interna .news-nav a {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}
.editoriale .interna .news-nav a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 20px;
    margin-bottom: 100px
}
.editoriale .interna .news-nav a.prev {
    left: 0
}
.editoriale .interna .news-nav a.prev:before {
    content: '\e803';
    color: #e0dbc7;
    text-indent: -16px
}
.editoriale .interna .news-nav a.next {
    right: 0
}
.editoriale .interna .news-nav a.next:before {
    content: '\e804';
    color: #e0dbc7;
    text-indent: -7px
}
.editoriale .interna .side-share {
    position: absolute;
    left: 0;
    top: 30px
}
.editoriale .interna .side-share a {
    display: block;
    width: 60px;
    height: 67px;
    background-color: #dfe1e1;
    margin-bottom: 15px;
    color: #2a2b2c;
    outline: 0 none;
    position: relative
}
.editoriale .interna .side-share a .share {
    display: none !important
}
.borderradius .editoriale .interna .side-share a:hover {
    background-color: #9da3a3
}
.borderradius .editoriale .interna .side-share a:hover:before {
    color: #fefefe
}
.editoriale .interna .side-share a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 36px;
    color: #2a2b2c;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
    -webkit-transition: color .25s;
    transition: color .25s
}
.editoriale .interna .side-share a.facebook:before {
    content: '\e80a'
}
.editoriale .interna .side-share a.twitter:before {
    content: '\e809'
}
.editoriale .interna .side-share a.mail:before {
    content: '\e811'
}
.editoriale .interna .side-share a.print:before {
    content: '\e81b'
}
.editoriale .interna .news-info {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    width: 90%;
    margin: 40px 0 40px 10%
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-info {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-info {
        width: 100%
    }
}
.editoriale .interna .news-info .source {
    display: block;
    float: left;
    background-color: rgba(254, 254, 254, 0.9);
    color: #2a2b2c;
    padding: 20px 30px;
    font-size: 14px;
    margin-top: -10px;
    margin-right: 20px
}
.editoriale .interna .news-info .source strong {
    font-weight: normal
}
.editoriale .interna .news-info .source strong a {
    padding-left: 15px
}
.editoriale .interna .news-info .source span {
    padding-left: 40px
}
.editoriale .interna .news-info .tag {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.editoriale .interna .news-info .tag li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}
.editoriale .interna .news-info .tag li a {
    display: block;
    padding: 10px 15px 7px;
    background-color: #e0dbc8;
    color: #2a2b2c;
    font-weight: lighter;
    font-size: 14px
}
.editoriale .interna .news-info .tag li a:hover,
.editoriale .interna .news-info .tag li a.active {
    color: #fefefe;
    background-color: #d2212c
}
.editoriale .interna .news-content {
    width: 87.5%;
    float: left;
    display: inline;
    margin-left: 12.5%
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-content {
        width: 70%
    }
}
.editoriale .interna .news-content .side {
    width: 37.5%;
    float: left;
    display: inline;
    float: right;
    margin-bottom: 40px;
    margin-left: 40px
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-content .side {
        width: 30%
    }
}
.editoriale .interna .news-content .side .related-news {
    background-color: #f8f8f8;
    margin-bottom: 70px;
    padding: 15px
}
.editoriale .interna .news-content .side .related-news .title {
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 0
}
.editoriale .interna .news-content .side .related-news ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.editoriale .interna .news-content .side .related-news ul li {
    margin: 15px 0
}
.editoriale .interna .news-content .side .related-news ul li a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 135%;
    color: #149fdf
}
.editoriale .interna .news-content .side .related-news ul li a:hover {
    color: #39b4ed
}
.editoriale .interna .news-content .side .quote {
    text-align: left
}
.editoriale .interna .news-content .side .quote h3 {
    font-family: Georgia, Times, serif;
    font-size: 28px;
    line-height: 125%;
    color: #5b5c5c
}
.editoriale .interna .news-content .side .quote h3:before {
    content: '\201c';
    font-size: 42px;
    font-style: italic;
    position: relative;
    top: 4px
}
.editoriale .interna .news-content .side .quote h3:after {
    content: '\201d';
    font-size: 42px;
    font-style: italic;
    position: relative;
    top: 4px
}
.editoriale .interna .news-content .side .quote .tweet {
    display: none !important
}
.editoriale .interna .news-content .side .quote .twitter-button {
    text-align: center;
    margin-top: 30px
}
.editoriale .interna .news-content .side .quote .twitter-button .tweet-this {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    background-color: #dfe1e1;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #2a2b2c;
    padding: 0 15px 0 35px;
    font-size: 13px;
    position: relative
}
.no-boxsizing .editoriale .interna .news-content .side .quote .twitter-button .tweet-this {
    display: inline
}
.editoriale .interna .news-content .side .quote .twitter-button .tweet-this:hover {
    background-color: #eff1f1
}
.editoriale .interna .news-content .side .quote .twitter-button .tweet-this:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e809';
    top: 6px;
    left: 7px;
    font-size: 16px;
    position: absolute
}
.editoriale .interna .news-content h2 {
    width: 100%;
    float: left;
    display: inline;
    font-size: 29px;
    font-weight: lighter;
    line-height: 115%;
    margin-bottom: 40px
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-content h2 {
        width: 80%
    }
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-content h2 {
        margin-right: 20%
    }
}
.editoriale .interna .news-content p {
    margin-bottom: 40px;
    line-height: 175%;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.editoriale .interna .news-content p * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.editoriale .interna .news-content p strong,
.editoriale .interna .news-content p b {
    font-weight: normal !important
}
.editoriale .interna .news-content p a {
    text-align: left
}
.editoriale .interna .news-content p em {
    font-style: italic
}
.editoriale .interna .news-content p strong {
    text-align: left
}
.editoriale .interna .news-content .box {
    position: relative
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-content {
        width: 89.6%;
        margin-left: 10%
    }
}
.editoriale .interna .news-share {
    text-align: left;
    width: 87.5%;
    float: left;
    display: inline;
    margin-left: 12.5%
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-share {
        width: 70%
    }
}
.editoriale .interna .news-share span {
    float: left;
    margin-top: 5px;
    margin-right: 15px
}
.editoriale .interna .news-share a {
    display: block;
    width: 45px;
    height: 28px;
    background-color: #dfe1e1;
    margin-right: 10px;
    color: #2a2b2c;
    outline: 0 none;
    position: relative;
    float: left
}
.borderradius .editoriale .interna .news-share a:hover {
    background-color: #9da3a3
}
.borderradius .editoriale .interna .news-share a:hover:before {
    color: #fefefe
}
.editoriale .interna .news-share a .share {
    display: none !important
}
.editoriale .interna .news-share a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 20px;
    color: #2a2b2c;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto;
    -webkit-transition: color .25s;
    transition: color .25s
}
.editoriale .interna .news-share a.facebook:before {
    content: '\e80a'
}
.editoriale .interna .news-share a.twitter:before {
    content: '\e809'
}
.editoriale .interna .news-share a.mail:before {
    content: '\e811'
}
.editoriale .interna .news-share a.print:before {
    content: '\e81b'
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .news-share {
        width: 89.6%;
        /*margin-left: 10%*/
        margin-left:0;
    }
}
.editoriale .interna .related-category {
    margin-bottom: 55px;
    overflow: hidden;
    width: 87.5%;
    float: left;
    display: inline;
    margin-left: 12.5%
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .related-category {
        width: 70%
    }
}
.editoriale .interna .related-category .title {
    margin-top: 60px;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 19px;
    color: #2a2b2c
}
.editoriale .interna .related-category .col {
    margin-right: 30px;
    overflow: hidden;
    width: 211px;
    float: left;
    display: inline
}
.editoriale .interna .related-category .col a {
    margin: 0 auto;
    overflow: hidden;
    width: 211px;
    display: block;
    position: relative
}
.editoriale .interna .related-category .col a img {
    display: block;
    /* width: auto; */
    /* height: auto; */
	/*08-04-2020 priante */
    width:100%;
	height:100%;
	overflow: hidden
}
.editoriale .interna .related-category .col a .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #d2212c;
    z-index: 1
}
.editoriale .interna .related-category .col a .section.photo-gallery {
    background-color: rgba(223, 224, 224, 0.8);
    color: #373738;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 35px 9px 15px
}
.editoriale .interna .related-category .col a .section.photo-gallery:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e801';
    font-size: 17px;
    line-height: 100%;
    color: #363637;
    position: absolute;
    top: 24%;
    right: 5px;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}
.editoriale .interna .related-category .col a .section.video-play {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: rgba(39, 41, 41, 0.8);
    border: 3px solid rgba(0, 142, 70, 0.8);
    width: 50px;
    height: 50px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px 14px;
    top: 25%;
    -webkit-transition: top .25s, transform .25s;
    transition: top .25s, transform .25s;
    -webkit-transition: top .25s, -webkit-transform .25s
}
.editoriale .interna .related-category .col a .section.video-play:link,
.editoriale .interna .related-category .col a .section.video-play:visited,
.editoriale .interna .related-category .col a .section.video-play:hover,
.editoriale .interna .related-category .col a .section.video-play:focus,
.editoriale .interna .related-category .col a .section.video-play:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.editoriale .interna .related-category .col a .section.video-play:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80e';
    font-size: 17px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    margin: 4px 1px
}
.editoriale .interna .related-category .col a .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s
}
.editoriale .interna .related-category .col a .caption span {
    display: block
}
.editoriale .interna .related-category .col a .caption span.first {
    color: #e1e1e1;
    font-size: 13px;
    line-height: 120%
}
.editoriale .interna .related-category .col a .caption span.moreellipses {
    display: inline
}
.editoriale .interna .related-category .col a .caption span.morecontent {
    display: none !important
}
.editoriale .interna .related-category .col a .caption .morelink {
    display: none !important
}
.boxsizing .editoriale .interna .related-category .col a:hover .section.video-play {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.editoriale .interna .related-category .col a:hover .caption {
    background-color: #5f5f61
}
@media only screen and (min-width: 1220px) {
    .editoriale .interna .related-category {
        width: 89.6%;
        margin-left: 10%
    }
}
.editoriale.comunicazione .header {
    background-color: #e0dbc7;
    height: 95px
}
.editoriale.comunicazione .header .col.social {
    margin-top: 0;
    margin-left: 14%
}
@media only screen and (min-width: 1220px) {
    .editoriale.comunicazione .header .col.social {
        margin-left: 16%
    }
}
.editoriale.comunicazione .header .col.search {
    margin-top: 9px
}
.editoriale.comunicazione .header .col.search .box {
    margin-top: 0
}
.editoriale.comunicazione .header .col.search .icon {
    margin-top: -7px
}
.editoriale.comunicazione .header .col.go-to {
    padding-top: 10px;
    padding-left: 15px
}
.editoriale.comunicazione .header .col.go-to .titolo {
    font-size: 32px;
    margin-top: 0;
    margin-right: 23px
}
.editoriale.comunicazione .header .col.stemma {
    display: none
}
.editoriale.comunicazione .home .popular {
    top: 0;
    margin-bottom: 0
}
.editoriale.comunicazione .home .popular ul li {
    background-color: #e0dbc7
}
@media only screen and (min-width: 1400px) {
    .editoriale.comunicazione .home .popular ul li {
        background-size: 1400px
    }
}
.editoriale.comunicazione .interna .news-head {
    top: 0;
    margin-bottom: 0;
    background-color: #e0dbc7
}
@media only screen and (min-width: 1400px) {
    .editoriale.comunicazione .interna .news-head {
        background-size: 1400px
    }
}
.item.bacheca {
    margin-top: 30px;
    min-height: 760px;
    position: relative
}
.item.bacheca .title {
    font-size: 33px;
    line-height: 130%;
    margin: 0;
    font-weight: lighter;
    clear: both;
    overflow: hidden
}
.item.bacheca .date {
    display: block;
    float: left;
    margin: 32px 0 40px;
    padding: 11px 13px 9px;
    color: #f4f4f4;
    background-color: #d2212c;
    font-weight: lighter
}
.item.bacheca .event-info {
    margin: 32px 0 40px;
    display: block
}
.item.bacheca .event-info em,
.item.bacheca .event-info strong {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 11px 13px 9px;
    font-size: 13px;
    color: #2a2b2c;
    font-weight: lighter
}
.no-boxsizing .item.bacheca .event-info em,
.no-boxsizing .item.bacheca .event-info strong {
    display: inline
}
.item.bacheca .event-info em {
    background-color: #d2212c;
    color: #fafafa;
    margin-right: 11px
}
.item.bacheca .event-info strong {
    background-color: #fafafa;
    margin-right: 3px
}
.item.bacheca p {
    display: block;
    clear: both;
    overflow: hidden;
    line-height: 140%;
    margin: 20px 0;
    color: #2a2b2c;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: lighter !important
}
.item.bacheca p * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: lighter !important
}
.item.bacheca p strong,
.item.bacheca p b {
    font-weight: normal !important
}
.item.bacheca .share-social {
    margin-top: 30px;
    margin-bottom: 10px;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .item.bacheca .share-social {
        margin-bottom: 65px
    }
}
.item.bacheca .share-social span {
    float: left;
    margin-top: 7px;
    margin-right: 15px;
    color: #2a2b2c;
    font-weight: lighter
}
.item.bacheca .share-social a {
    display: block;
    width: 45px;
    height: 28px;
    background-color: #dfe1e1;
    margin-right: 10px;
    color: #2a2b2c;
    outline: 0 none;
    position: relative;
    float: left
}
.borderradius .item.bacheca .share-social a:hover {
    background-color: #9da3a3
}
.borderradius .item.bacheca .share-social a:hover:before {
    color: #fefefe
}
.item.bacheca .share-social a .share {
    display: none !important
}
.item.bacheca .share-social a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 20px;
    color: #2a2b2c;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto;
    -webkit-transition: color .25s;
    transition: color .25s
}
.item.bacheca .share-social a.facebook:before {
    content: '\e80a'
}
.item.bacheca .share-social a.twitter:before {
    content: '\e809'
}
.item.bacheca .share-social a.mail:before {
    content: '\e811'
}
.generica.editoriale .header {
    background-color: #e0dbc7
}
.generica .section-nav {
    margin-bottom: 10px
}
.generica .section-nav .col.nav {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .generica .section-nav .col.nav {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .generica .section-nav .col.nav {
        width: 100%
    }
}
.generica .section-nav .col.nav .title {
    float: left;
    font-size: 20px;
    font-weight: lighter;
    margin: 25px 15px 25px 5px
}
.generica .section-nav .col.nav .current-month {
    text-align: center;
    padding: 20px;
    margin-right: 15px;
    float: left;
    height: 70px;
    -webkit-box-shadow: 0 0 0 1px #090909 inset;
    -moz-box-shadow: 0 0 0 1px #090909 inset;
    box-shadow: 0 0 0 1px #090909 inset;
    border-left: 1px solid #3e3f3f;
    border-right: 1px solid #3e3f3f
}
.generica .section-nav .col.nav .current-month a {
    color: #2a2b2c;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    font-size: 0;
    position: relative;
    width: 30px;
    height: 30px
}
.no-boxsizing .generica .section-nav .col.nav .current-month a {
    display: inline
}
.generica .section-nav .col.nav .current-month a:hover:before {
    color: #f4f4f4
}
.generica .section-nav .col.nav .current-month a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-top: -3px;
    font-size: 24px;
    color: #e0dbc7;
    margin: 3px 0 0 0;
    -webkit-transition: color .25s;
    transition: color .25s
}
.generica .section-nav .col.nav .current-month a.prev:before {
    content: '\e803'
}
.generica .section-nav .col.nav .current-month a.next:before {
    content: '\e804'
}
.generica .section-nav .col.nav .current-month .month {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    font-size: 20px;
    font-weight: lighter;
    color: #f4f4f4;
    margin: 6px 20px 0
}
.no-boxsizing .generica .section-nav .col.nav .current-month .month {
    display: inline
}
.generica .section-nav .col.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.generica .section-nav .col.nav ul li {
    float: left;
    margin: 10px 5px
}
.generica .section-nav .col.nav ul li:first-child {
    margin-left: 0
}
.generica .section-nav .col.nav ul li a {
    display: block;
    padding: 11px 15px 9px;
    font-size: 14px;
    font-weight: lighter
}
.generica.detail .section-nav {
    background-color: #2a2b2c
}
.generica.detail .section-nav .col.nav .title {
    color: #f4f4f4
}
.generica.detail .section-nav .col.nav ul li {
    margin: 13px 5px
}
.generica.detail .section-nav .col.nav ul li a {
    color: #fefefe;
    padding: 17px 25px 13px
}
.generica.detail .section-nav .col.nav ul li a.active,
.generica.detail .section-nav .col.nav ul li a:hover {
    background-color: #008e46
}
.generica.detail .content .container {
    position: relative;
    min-height: 760px
}
.generica.detail .col.detail {
    width: 100%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .generica.detail .col.detail {
        width: 80%
    }
}
@media only screen and (min-width: 1220px) {
    .generica.detail .col.detail {
        width: 80%
    }
}
.generica.detail .col.detail .item {
    margin-top: 30px
}
.generica.detail .col.detail .item .title {
    font-size: 33px;
    line-height: 130%;
    margin: 0;
    font-weight: lighter;
    clear: both;
    overflow: hidden
}
.generica.detail .col.detail .item .date {
    display: block;
    float: left;
    margin: 32px 0 40px;
    padding: 11px 13px 9px;
    color: #f4f4f4;
    background-color: #d2212c;
    font-weight: lighter
}
.generica.detail .col.detail .item .event-info {
    margin: 32px 0 40px;
    display: block
}
.generica.detail .col.detail .item .event-info em,
.generica.detail .col.detail .item .event-info strong {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 11px 13px 9px;
    font-size: 13px;
    color: #2a2b2c;
    font-weight: lighter
}
.no-boxsizing .generica.detail .col.detail .item .event-info em,
.no-boxsizing .generica.detail .col.detail .item .event-info strong {
    display: inline
}
.generica.detail .col.detail .item .event-info em {
    background-color: #d2212c;
    color: #fafafa;
    margin-right: 11px
}
.generica.detail .col.detail .item .event-info strong {
    background-color: #fafafa;
    margin-right: 3px
}
.generica.detail .col.detail .item p {
    display: block;
    clear: both;
    overflow: hidden;
    line-height: 140%;
    margin: 20px 0;
    color: #2a2b2c;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: lighter !important
}
.generica.detail .col.detail .item p * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: lighter !important
}
.generica.detail .col.detail .item p strong,
.generica.detail .col.detail .item p b {
    font-weight: normal !important
}
.generica.detail .col.detail .item .share-social {
    margin-top: 30px;
    margin-bottom: 10px;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .generica.detail .col.detail .item .share-social {
        margin-bottom: 65px
    }
}
.generica.detail .col.detail .item .share-social span {
    float: left;
    margin-top: 7px;
    margin-right: 15px;
    color: #2a2b2c;
    font-weight: lighter
}
.generica.detail .col.detail .item .share-social a {
    display: block;
    width: 45px;
    height: 28px;
    background-color: #dfe1e1;
    margin-right: 10px;
    color: #2a2b2c;
    outline: 0 none;
    position: relative;
    float: left
}
.borderradius .generica.detail .col.detail .item .share-social a:hover {
    background-color: #9da3a3
}
.borderradius .generica.detail .col.detail .item .share-social a:hover:before {
    color: #fefefe
}
.generica.detail .col.detail .item .share-social a .share {
    display: none !important
}
.generica.detail .col.detail .item .share-social a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 20px;
    color: #2a2b2c;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto;
    -webkit-transition: color .25s;
    transition: color .25s
}
.generica.detail .col.detail .item .share-social a.facebook:before {
    content: '\e80a'
}
.generica.detail .col.detail .item .share-social a.twitter:before {
    content: '\e809'
}
.generica.detail .col.detail .item .share-social a.mail:before {
    content: '\e811'
}
.generica.detail .col.multimedia {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .generica.detail .col.multimedia {
        width: 60%
    }
}
.generica.detail .col.multimedia .box {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 47px 10px 10px;
    background-color: #fafafa
}
.generica.detail .col.multimedia .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.generica.detail .col.multimedia .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #d2212c;
    z-index: 1
}
.generica.detail .col.multimedia .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s
}
.generica.detail .col.multimedia .box .caption span {
    display: block
}
.generica.detail .col.multimedia .box .caption span.first {
    color: #e1e1e1;
    font-size: 13px;
    line-height: 120%
}
.generica.detail .col.multimedia .box .caption span.moreellipses {
    display: inline
}
.generica.detail .col.multimedia .box .caption span.morecontent {
    display: none !important
}
.generica.detail .col.multimedia .box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.generica.detail .col.multimedia .box ul li {
    margin-left: 30px;
    overflow: hidden;
    width: 212px;
    float: left;
    display: inline
}
.generica.detail .col.multimedia .box ul li:first-child {
    margin-left: 0
}
.generica.detail .col.multimedia .box ul li a {
    display: block;
    position: relative;
    width: 100%
}
.generica.detail .col.multimedia .box ul li a .section.photo-gallery {
    background-color: rgba(223, 224, 224, 0.8);
    color: #373738;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 35px 9px 15px
}
.generica.detail .col.multimedia .box ul li a .section.photo-gallery:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e801';
    font-size: 17px;
    line-height: 100%;
    color: #363637;
    position: absolute;
    top: 24%;
    right: 5px;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}
.generica.detail .col.multimedia .box ul li a .section.video-play {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: rgba(39, 41, 41, 0.8);
    border: 3px solid rgba(0, 142, 70, 0.8);
    width: 50px;
    height: 50px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px 14px;
    top: 25%;
    -webkit-transition: top .25s, transform .25s;
    transition: top .25s, transform .25s;
    -webkit-transition: top .25s, -webkit-transform .25s
}
.generica.detail .col.multimedia .box ul li a .section.video-play:link,
.generica.detail .col.multimedia .box ul li a .section.video-play:visited,
.generica.detail .col.multimedia .box ul li a .section.video-play:hover,
.generica.detail .col.multimedia .box ul li a .section.video-play:focus,
.generica.detail .col.multimedia .box ul li a .section.video-play:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.generica.detail .col.multimedia .box ul li a .section.video-play:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80e';
    font-size: 17px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    margin: 4px 1px
}
.boxsizing .generica.detail .col.multimedia .box ul li a:hover .section.video-play {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.generica.detail .col.multimedia .box ul li a:hover .caption {
    background-color: #5f5f61
}
@media only screen and (min-width: 1220px) {
    .generica.detail .col.multimedia {
        width: 25%;
        float: left;
        display: inline;
        width: 20%;
        position: absolute;
        top: 0;
        right: 0
    }
    .generica.detail .col.multimedia .box {
        padding-bottom: 15px
    }
    .generica.detail .col.multimedia .box ul li {
        margin: 30px 0 0
    }
    .generica.detail .col.multimedia .box ul li:first-child {
        margin-top: 0
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .generica.detail .col.multimedia {
        width: 20%
    }
}
.generica.list .section-nav {
    background-color: #2a2b2c
}
.generica.list .section-nav .col.nav .title {
    color: #f4f4f4
}
.generica.list .section-nav .col.nav ul li {
    margin: 13px 5px
}
.generica.list .section-nav .col.nav ul li a {
    color: #fefefe;
    padding: 17px 25px 13px
}
.generica.list .section-nav .col.nav ul li a.active,
.generica.list .section-nav .col.nav ul li a:hover {
    background-color: #008e46
}
.generica.list .content .container {
    position: relative;
    min-height: 760px
}
.generica.list .col.list {
    width: 100%;
    float: left;
    display: inline;
    padding-top: 30px
}
@media only screen and (min-width: 1220px) {
    .generica.list .col.list {
        width: 80%
    }
}
@media only screen and (min-width: 1220px) {
    .generica.list .col.list {
        width: 80%
    }
}
.generica.list .col.list .item {
    padding-right: 15px
}
.generica.list .col.list .item>a,
.generica.list .col.list .item>span {
    display: block;
    outline: 0 none;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e0dbc7;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}
.generica.list .col.list .item span {
    display: block;
    clear: both;
    overflow: hidden;
    font-weight: lighter;
    -webkit-transition: background-color .25s, color .25s;
    transition: background-color .25s, color .25s
}
.generica.list .col.list .item .title {
    font-size: 20px;
    line-height: 140%;
    width: 80%;
    float: left;
    clear: none
}
.generica.list .col.list .item .email {
    display: block;
    width: 100%;
    margin-top: 4px
}
.generica.list .col.list .item .ms-rtePosition-1 {
    display: block;
    height: auto;
    width: auto;
    float: left;
    margin-right: 30px
}
.generica.list .col.list .item .ms-rtePosition-2 {
    display: block;
    height: auto;
    width: auto;
    float: right;
    margin-left: 30px
}
.generica.list .col.list .item .date {
    float: left;
    margin: 16px 11px 20px 0;
    padding: 13px 13px 10px;
    font-size: 13px;
    color: #2a2b2c;
    background-color: #e0dbc7
}
.generica.list .col.list .item .description {
    color: #2a2b2c;
    font-size: 17px;
    line-height: 150%
}
.generica.list .col.list .item .calendar {
    float: left;
    clear: none;
    width: 63px;
    height: 63px;
    margin-right: 10px;
    text-align: center;
    background-color: #fafafa
}
.generica.list .col.list .item .calendar em {
    display: block;
    color: #999;
    margin: 8px 0 5px
}
.generica.list .col.list .item .calendar strong {
    display: block;
    color: #606060;
    font-weight: lighter;
    font-size: 28px
}
.generica.list .col.list .item .event-info {
    margin-left: 75px;
    padding-top: 5px
}
.generica.list .col.list .item .event-info em,
.generica.list .col.list .item .event-info strong {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 13px 13px 10px;
    font-size: 13px;
    color: #2a2b2c;
    font-weight: lighter
}
.no-boxsizing .generica.list .col.list .item .event-info em,
.no-boxsizing .generica.list .col.list .item .event-info strong {
    display: inline
}
.generica.list .col.list .item .event-info em {
    background-color: #e0dbc7;
    margin-right: 11px
}
.generica.list .col.list .item .event-info strong {
    background-color: #fafafa;
    margin-right: 3px
}
.generica.list .col.list .ms-srch-hover-outerContainer,
.generica.list .col.list .ms-srch-result #ResultHeader {
    display: none !important
}
.generica.list .col.list .ms-srch-result {
    margin-top: -22px
}
.generica.list .col.list .ms-srch-item {
    width: 100% !important;
    display: block !important;
    outline: 0 none !important;
    padding: 0 0 30px 0 !important;
    margin: 0 0 30px 0 !important;
    border: 0 none !important;
    border-bottom: 1px solid #e0dbc7 !important;
    -webkit-box-shadow: 0 1px 0 #fff !important;
    -moz-box-shadow: 0 1px 0 #fff !important;
    box-shadow: 0 1px 0 #fff !important
}
.generica.list .col.list .ms-srch-item:hover {
    background-color: transparent !important
}
.generica.list .col.list .ms-srch-item-path,
.generica.list .col.list .ms-srch-item-summary,
.generica.list .col.list .ms-srch-item-link {
    display: block !important;
    width: 100% !important
}
.generica.list .col.list .ms-srch-item-path,
.generica.list .col.list .ms-srch-item-path-selected {
    border: 0 none !important;
    outline: 0 none !important
}
.generica.list .col.list .ms-srch-item-link {
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 7px
}
.generica.list .col.list .ms-srch-item-summary {
    font-size: 17px;
    font-weight: lighter;
    line-height: 140%;
    margin-bottom: 10px
}
.generica.list .col.list .ms-promlink-button {
    padding: 0 !important;
    border: 0 none !important;
    background-color: transparent !important;
    outline: 0 none
}
.generica.list .col.list .ms-srch-item-deepLinks {
    margin-top: 20px
}
.generica.list .col.list .ms-srch-item-deepLinks ul {
    overflow: hidden !important;
    padding: 0 !important
}
.generica.list .col.list .ms-srch-item-deepLinks ul li {
    width: 100% !important;
    display: block !important
}
.generica.list .col.list .ms-srch-item-deepLinks ul li a {
    display: inline-block !important;
    vertical-align: top !important;
    zoom: 1 !important;
    width: 100% !important;
    margin-bottom: 7px !important;
    outline: 0 none
}
.no-boxsizing .generica.list .col.list .ms-srch-item-deepLinks ul li a {
    display: inline !important
}
.generica.list .col.list .pagination {
    margin: 50px 0 20px;
    text-align: center
}
@media only screen and (min-width: 1220px) {
    .generica.list .col.list .pagination {
        margin-bottom: 60px
    }
}
.generica.list .col.list .pagination a {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    color: #2a2b2c;
    padding: 7px 8px 3px;
    font-weight: lighter
}
.no-boxsizing .generica.list .col.list .pagination a {
    display: inline
}
.generica.list .col.list .pagination a.disabled {
    color: #adaa9f;
    cursor: default
}
.generica.list .col.list .pagination a:hover {
    background-color: #fff
}
.generica.list .col.list .pagination a:hover.disabled {
    background-color: transparent
}
.generica.list .col.list .pagination a.active {
    background-color: #06a4ed;
    color: #f4f4f4
}
.generica.list .col.multimedia {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .generica.list .col.multimedia {
        width: 60%
    }
}
.generica.list .col.multimedia .box {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 47px 10px 10px;
    background-color: #fafafa
}
.generica.list .col.multimedia .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.generica.list .col.multimedia .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #d2212c;
    z-index: 1
}
.generica.list .col.multimedia .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s
}
.generica.list .col.multimedia .box .caption span {
    display: block
}
.generica.list .col.multimedia .box .caption span.first {
    color: #e1e1e1;
    font-size: 13px;
    line-height: 120%
}
.generica.list .col.multimedia .box .caption span.moreellipses {
    display: inline
}
.generica.list .col.multimedia .box .caption span.morecontent {
    display: none !important
}
.generica.list .col.multimedia .box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.generica.list .col.multimedia .box ul li {
    margin-left: 30px;
    overflow: hidden;
    width: 212px;
    float: left;
    display: inline
}
.generica.list .col.multimedia .box ul li:first-child {
    margin-left: 0
}
.generica.list .col.multimedia .box ul li a {
    display: block;
    position: relative;
    width: 100%
}
.generica.list .col.multimedia .box ul li a .section.photo-gallery {
    background-color: rgba(223, 224, 224, 0.8);
    color: #373738;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 35px 9px 15px
}
.generica.list .col.multimedia .box ul li a .section.photo-gallery:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e801';
    font-size: 17px;
    line-height: 100%;
    color: #363637;
    position: absolute;
    top: 24%;
    right: 5px;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}
.generica.list .col.multimedia .box ul li a .section.video-play {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: rgba(39, 41, 41, 0.8);
    border: 3px solid rgba(0, 142, 70, 0.8);
    width: 50px;
    height: 50px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px 14px;
    top: 25%;
    -webkit-transition: top .25s, transform .25s;
    transition: top .25s, transform .25s;
    -webkit-transition: top .25s, -webkit-transform .25s
}
.generica.list .col.multimedia .box ul li a .section.video-play:link,
.generica.list .col.multimedia .box ul li a .section.video-play:visited,
.generica.list .col.multimedia .box ul li a .section.video-play:hover,
.generica.list .col.multimedia .box ul li a .section.video-play:focus,
.generica.list .col.multimedia .box ul li a .section.video-play:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.generica.list .col.multimedia .box ul li a .section.video-play:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80e';
    font-size: 17px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    margin: 4px 1px
}
.boxsizing .generica.list .col.multimedia .box ul li a:hover .section.video-play {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.generica.list .col.multimedia .box ul li a:hover .caption {
    background-color: #5f5f61
}
@media only screen and (min-width: 1220px) {
    .generica.list .col.multimedia {
        width: 25%;
        float: left;
        display: inline;
        width: 20%;
        position: absolute;
        top: 0;
        right: 0
    }
    .generica.list .col.multimedia .box {
        padding-bottom: 15px
    }
    .generica.list .col.multimedia .box ul li {
        margin: 30px 0 0
    }
    .generica.list .col.multimedia .box ul li:first-child {
        margin-top: 0
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .generica.list .col.multimedia {
        width: 20%
    }
}
.hp .section-nav {
    margin-bottom: 10px
}
.hp .section-nav .col.nav {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .hp .section-nav .col.nav {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .hp .section-nav .col.nav {
        width: 100%
    }
}
.hp .section-nav .col.nav .title {
    float: left;
    font-size: 20px;
    font-weight: lighter;
    margin: 25px 15px 25px 5px
}
.hp .section-nav .col.nav .current-month {
    text-align: center;
    padding: 20px;
    margin-right: 15px;
    float: left;
    height: 70px;
    -webkit-box-shadow: 0 0 0 1px #090909 inset;
    -moz-box-shadow: 0 0 0 1px #090909 inset;
    box-shadow: 0 0 0 1px #090909 inset;
    border-left: 1px solid #3e3f3f;
    border-right: 1px solid #3e3f3f
}
.hp .section-nav .col.nav .current-month a {
    color: #2a2b2c;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    font-size: 0;
    position: relative;
    width: 30px;
    height: 30px
}
.no-boxsizing .hp .section-nav .col.nav .current-month a {
    display: inline
}
.hp .section-nav .col.nav .current-month a:hover:before {
    color: #f4f4f4
}
.hp .section-nav .col.nav .current-month a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-top: -3px;
    font-size: 24px;
    color: #e0dbc7;
    margin: 3px 0 0 0;
    -webkit-transition: color .25s;
    transition: color .25s
}
.hp .section-nav .col.nav .current-month a.prev:before {
    content: '\e803'
}
.hp .section-nav .col.nav .current-month a.next:before {
    content: '\e804'
}
.hp .section-nav .col.nav .current-month .month {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    font-size: 20px;
    font-weight: lighter;
    color: #f4f4f4;
    margin: 6px 20px 0
}
.no-boxsizing .hp .section-nav .col.nav .current-month .month {
    display: inline
}
.hp .section-nav .col.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.hp .section-nav .col.nav ul li {
    float: left;
    margin: 10px 5px
}
.hp .section-nav .col.nav ul li:first-child {
    margin-left: 0
}
.hp .section-nav .col.nav ul li a {
    display: block;
    padding: 11px 10px 9px;
    font-size: 14px;
    font-weight: lighter;
    margin: 0
}
.hp .box-list .section-nav {
    background-color: #fafafa;
    border-bottom: 1px solid #e0dbc7;
    margin-bottom: 40px
}
.hp .box-list .section-nav .col.nav ul li a {
    color: #2c2c2c
}
.hp .box-list .section-nav .col.nav ul li a.active,
.hp .box-list .section-nav .col.nav ul li a:hover {
    background-color: #2a2b2c;
    color: #fafafa
}
.hp .box-list .col.block-list {
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .hp .box-list .col.block-list {
        width: 60%
    }
}
@media only screen and (min-width: 1220px) {
    .hp .box-list .col.block-list {
        width: 80%
    }
}
.hp .box-list .col.block-list.loading {
    margin: 70px auto 50px
}
.hp .box-list .col.block-list .item {
    -webkit-transition: top .5s, left .5s;
    transition: top .5s, left .5s;
    width: 33%;
    margin-bottom: 50px
}
@media only screen and (min-width: 1220px) {
    .hp .box-list .col.block-list .item {
        width: 25%
    }
}
.hp .box-list .col.block-list .item .box {
    margin: 0 5px
}
.hp .box-list .col.block-list .item a {
    display: block;
    color: #2c2c2c;
    outline: 0 none
}
.hp .box-list .col.block-list .item a:hover {
    color: #858585
}
.hp .box-list .col.block-list .item a img {
    display: block;
    max-width: 100%;
    height: auto
}
.hp .box-list .col.block-list .item a.title span {
    display: block;
    padding: 20px 15px 40px;
    font-size: 20px;
    line-height: 130%;
    font-weight: bold
}
.hp .box-list .col.block-list .item .caption {
    color: #2c2c2c
}
.hp .box-list .col.block-list .item .caption p {
    font-size: 15px;
    font-weight: lighter;
    line-height: 130%
}
.hp .box-list .col.block-list .item.special a {
    display: block;
    position: relative
}
.boxsizing .hp .box-list .col.block-list .item.special a:hover .more {
    bottom: 60%
}
.hp .box-list .col.block-list .item.special a:hover .caption .title {
    color: #00c179
}
.hp .box-list .col.block-list .item.special a .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #008c45;
    z-index: 1
}
.hp .box-list .col.block-list .item.special a .more {
    position: absolute;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    bottom: 40%;
    right: 0;
    left: 0;
    margin: auto;
    width: 88px;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: bottom .25s;
    transition: bottom .25s
}
.hp .box-list .col.block-list .item.special a .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.hp .box-list .col.block-list .item.special a .caption {
    background-color: #343536;
    color: #fefefe;
    display: block;
    padding: 15px;
    font-weight: lighter
}
.hp .box-list .col.block-list .item.special a .caption .title {
    color: #03a854;
    margin-bottom: 13px;
    display: block;
    -webkit-transition: color .25s;
    transition: color .25s
}
.hp .box-list .col.block-list .item.special a .caption .abstract {
    display: block;
    font-size: 14px;
    line-height: 130%;
    padding-right: 10px
}
.hp .box-list .col.sidebar {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .hp .box-list .col.sidebar {
        width: 20%
    }
}
.hp .box-list .col.sidebar .side-item {
    overflow: hidden;
    display: block
}
.hp .box-list .col.sidebar .concorsi {
    margin-bottom: 30px;
    height: 232px;
    overflow: hidden
}
.hp .box-list .col.sidebar .concorsi .box {
    display: block;
    position: relative
}
.hp .box-list .col.sidebar .concorsi .box img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-top: 90px
}
.hp .box-list .col.sidebar .concorsi .box .section {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #2c2c2c
}
.hp .box-list .col.sidebar .concorsi .box .caption {
    position: absolute;
    top: 0;
    height: 39%;
    width: 100%;
    padding: 42px 15px 10px;
    font-weight: lighter;
    background-color: #06a4ed;
    -webkit-transition: height .25s;
    transition: height .25s
}
.hp .box-list .col.sidebar .concorsi .box .caption span {
    display: block
}
.hp .box-list .col.sidebar .concorsi .box .caption span.first {
    color: #fefefe;
    font-size: 18px;
    font-weight: normal;
    line-height: 110%
}
.hp .box-list .col.sidebar .concorsi .box .caption span.moreellipses {
    display: inline
}
.hp .box-list .col.sidebar .concorsi .box .caption span.morecontent {
    display: none !important
}
.hp .box-list .col.sidebar .concorsi .box .more {
    position: absolute;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    bottom: 10%;
    right: 0;
    left: 0;
    margin: auto;
    width: 88px;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: bottom .25s;
    transition: bottom .25s
}
.hp .box-list .col.sidebar .concorsi .box .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.boxsizing .hp .box-list .col.sidebar .concorsi .box:hover .caption {
    height: 100%
}
.boxsizing .hp .box-list .col.sidebar .concorsi .box:hover .more {
    bottom: 25%
}
.hp .box-list .col.sidebar .link-utili {
    margin-bottom: 30px
}
.hp .box-list .col.sidebar .link-utili ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    border: 3px solid #e0e0e0
}
.hp .box-list .col.sidebar .link-utili ul li a {
    display: block;
    border: 1px solid #e0e0e0;
    width: 50%;
    position: relative;
    float: left;
    height: 45px;
    font-size: 12px;
    color: #464647;
    line-height: 120%;
    font-weight: bold;
    padding: 7px 30px 7px 15px;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.hp .box-list .col.sidebar .link-utili ul li a:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}
.hp .box-list .col.sidebar .link-utili ul li a span {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}
.no-boxsizing .hp .box-list .col.sidebar .link-utili ul li a span {
    display: inline
}
.hp .box-list .col.sidebar .link-utili ul li a span:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #e4e1d4;
    position: absolute;
    top: 35%;
    right: 5px;
    -webkit-transition: right .25s;
    transition: right .25s
}
.hp .box-list .col.sidebar .link-utili ul li a:hover {
    background-color: #fff
}
.hp .box-list .col.sidebar .link-utili ul li a:hover span:before {
    right: 10px
}
.hp .box-list .col.sidebar .facebook {
    background-color: #fcfcfc;
    height: 259px
}
.hp .box-list .col.sidebar .facebook p {
    padding: 15px;
    font-size: 12px;
    line-height: 130%
}
.hp .footer {
    margin-top: 40px
}
.storia {
    overflow-x: hidden
}
.storia .home .wrap {
    min-height: 770px
}
.storia .wrap {
	position: relative;
    overflow: hidden;
    margin: 0;
    zoom: 1;
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto
}
.storia .wrap:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}
@media only screen and (min-width: 1220px) {
    .storia .wrap {
        max-width: 1205px
    }
}
.storia .storia-nav {
    margin-bottom: 40px;
    padding-bottom: 10px
}
.storia .storia-nav.interna {
    padding-bottom: 10px
}
.storia .storia-nav.interna .container {
    overflow: visible;
    padding: 0
}
.storia .storia-nav.interna .col.nav {
    overflow: visible
}
.storia .storia-nav.interna .timeline {
    padding: 38px 0
}
.storia .storia-nav .container {
    max-width: none;
    width: 100%;
    background: #2a2b2c;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
    background: -moz-linear-gradient(top, #2a2b2c 28%, #161617 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(28%, #2a2b2c), color-stop(100%, #161617));
    background: -webkit-linear-gradient(top, #2a2b2c 28%, #161617 100%);
    background: -o-linear-gradient(top, #2a2b2c 28%, #161617 100%);
    background: -ms-linear-gradient(top, #2a2b2c 28%, #161617 100%);
    background: linear-gradient(to bottom, #2a2b2c 28%, #161617 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a2b2c', endColorstr='#161617', GradientType=0);
    padding: 40px 0 45px;
    overflow: hidden
}
.storia .storia-nav .col.nav {
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .storia .storia-nav .col.nav {
        max-width: 1205px
    }
}
.storia .storia-nav .title {
    color: #fefefe;
    font-size: 26px;
    font-weight: lighter;
    margin-bottom: 25px
}
.storia .storia-nav .timeline {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    position: relative
}
.storia .storia-nav .timeline.special:before {
    content: '';
    display: block;
    position: absolute;
    top: 31px;
    left: 64px;
    height: 7px;
    width: 91.5%;
    z-index: 1;
    background: transparent repeat-x left center url(../img/ie7/storia-timeline.png)
}
.storia .storia-nav .timeline li {
    float: left;
    display: block;
    width: 11.11%
}
.storia .storia-nav .timeline li:first-child a .time {
    border-left: 0 none
}
.storia .storia-nav .timeline li a {
    display: block;
    outline: 0 none;
    position: relative;
    z-index: 2;
    -webkit-transform: translateZ(0)
}
.storia .storia-nav .timeline li a .time {
    display: block;
    background-color: #222;
    border-left: 1px solid #2a2b2c;
    font-size: 14px;
    padding: 12px 10px 8px;
    text-align: center;
    color: #d2212c;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.storia .storia-nav .timeline li a .time-point {
    display: block;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 30px;
    margin-top: 29px;
    margin-bottom: 10px
}
.storia .storia-nav .timeline li a .image {
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 80px;
    width: 80px;
    border: 3px solid #fefefe;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-transition: transform .25s;
    transition: transform .25s;
    -webkit-transition: -webkit-transform .25s
}
.storia .storia-nav .timeline li a .special {
    display: block;
    text-align: center
}
.storia .storia-nav .timeline li a .special .special-time {
    display: block;
    color: #d2212c;
    font-size: 13px;
    margin-bottom: 5px
}
.storia .storia-nav .timeline li a .special .title {
    display: block;
    color: #fefefe;
    font-size: 13px;
    line-height: 130%;
    margin: 0;
    font-weight: normal;
    padding: 0 5px
}
.storia .storia-nav .timeline li a:hover .time,
.storia .storia-nav .timeline li a.hover .time {
    background-color: #3c3c3c
}
.storia .storia-nav .timeline li a:hover .image,
.storia .storia-nav .timeline li a.hover .image {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.storia .storia-nav .timeline li a.anno-1861 .time-point,
.storia .storia-nav .timeline li a.anno-1946 .time-point {
    background-image: url(../img/ie7/storia-line-straight.png)
}
.storia .storia-nav .timeline li a.anno-1862 .time-point,
.storia .storia-nav .timeline li a.anno-1919 .time-point,
.storia .storia-nav .timeline li a.anno-1943 .time-point,
.storia .storia-nav .timeline li a.anno-1948 .time-point {
    background-image: url(../img/ie7/storia-line-right.png)
}
.storia .storia-nav .timeline li a.anno-1915 .time-point,
.storia .storia-nav .timeline li a.anno-1940 .time-point,
.storia .storia-nav .timeline li a.anno-1955 .time-point {
    background-image: url(../img/ie7/storia-line-left.png)
}
.storia .storia-nav .timeline li a.anno-1861 .time-point {
    background-position: 62px 0
}
.storia .storia-nav .timeline li a.anno-1861 .image {
    background-image: url(../img/storia-1861.jpg)
}
.storia .storia-nav .timeline li a.anno-1862 .time-point {
    background-position: 14px 0
}
.storia .storia-nav .timeline li a.anno-1862 .image {
    background-image: url(../img/storia-1862.jpg)
}
.storia .storia-nav .timeline li a.anno-1915 .time-point {
    background-position: 69px 0
}
.storia .storia-nav .timeline li a.anno-1915 .image {
    background-image: url(../img/storia-1915.jpg)
}
.storia .storia-nav .timeline li a.anno-1919 .time-point {
    background-position: 19px 0
}
.storia .storia-nav .timeline li a.anno-1919 .image {
    background-image: url(../img/storia-1919.jpg)
}
.storia .storia-nav .timeline li a.anno-1940 .time-point {
    background-position: 74px 0
}
.storia .storia-nav .timeline li a.anno-1940 .image {
    background-image: url(../img/storia-1940.jpg)
}
.storia .storia-nav .timeline li a.anno-1943 .time-point {
    background-position: 3px 0
}
.storia .storia-nav .timeline li a.anno-1943 .image {
    background-image: url(../img/storia-1943.jpg)
}
.storia .storia-nav .timeline li a.anno-1946 .time-point {
    background-position: 55px 0
}
.storia .storia-nav .timeline li a.anno-1946 .image {
    background-image: url(../img/storia-1946.jpg)
}
.storia .storia-nav .timeline li a.anno-1948 .time-point {
    background-position: 28px 0
}
.storia .storia-nav .timeline li a.anno-1948 .image {
    background-image: url(../img/storia-1948.jpg)
}
.storia .storia-nav .timeline li a.anno-1955 .time-point {
    background-position: 63px 0
}
.storia .storia-nav .timeline li a.anno-1955 .image {
    background-image: url(../img/storia-1955.jpg)
}
.storia .storia-nav .timeline li a.anno-1955 .special .title {
    color: #d2212c
}
@media only screen and (min-width: 1220px) {
    .storia .storia-nav .timeline li a.anno-1861 .time-point {
        background-position: 62px 0
    }
    .storia .storia-nav .timeline li a.anno-1862 .time-point {
        background-position: 8px 0
    }
    .storia .storia-nav .timeline li a.anno-1915 .time-point {
        background-position: 77px 0
    }
    .storia .storia-nav .timeline li a.anno-1919 .time-point {
        background-position: 20px 0
    }
    .storia .storia-nav .timeline li a.anno-1940 .time-point {
        background-position: 90px 0
    }
    .storia .storia-nav .timeline li a.anno-1943 .time-point {
        background-position: 13px 0
    }
    .storia .storia-nav .timeline li a.anno-1946 .time-point {
        background-position: 59px 0
    }
    .storia .storia-nav .timeline li a.anno-1948 .time-point {
        background-position: 25px 0
    }
    .storia .storia-nav .timeline li a.anno-1955 .time-point {
        background-position: 73px 0
    }
    .storia .storia-nav .timeline li a.anno-1955 .special .title {
        color: #d2212c
    }
}
.storia .storia-nav .pan {
    display: block;
    width: 174px;
    height: 160px;
    z-index: 6;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent no-repeat top center url(../img/storia-pan-desktop.png);
    -webkit-transition: left 1s;
    transition: left 1s
}
.storia .storia-nav .pan.anno-1861 {
    left: -33px
}
.storia .storia-nav .pan.anno-1862 {
    left: 76px
}
.storia .storia-nav .pan.anno-1915 {
    left: 183px
}
.storia .storia-nav .pan.anno-1919 {
    left: 290px
}
.storia .storia-nav .pan.anno-1940 {
    left: 398px
}
.storia .storia-nav .pan.anno-1943 {
    left: 506px
}
.storia .storia-nav .pan.anno-1946 {
    left: 614px
}
.storia .storia-nav .pan.anno-1948 {
    left: 721px
}
.storia .storia-nav .pan.anno-1955 {
    left: 829px
}
@media only screen and (min-width: 1220px) {
    .storia .storia-nav .pan {
        background: transparent no-repeat top center url(../img/storia-pan-large.png)
    }
    .storia .storia-nav .pan.anno-1861 {
        left: -20px
    }
    .storia .storia-nav .pan.anno-1862 {
        left: 115px
    }
    .storia .storia-nav .pan.anno-1915 {
        left: 250px
    }
    .storia .storia-nav .pan.anno-1919 {
        left: 383px
    }
    .storia .storia-nav .pan.anno-1940 {
        left: 515px
    }
    .storia .storia-nav .pan.anno-1943 {
        left: 648px
    }
    .storia .storia-nav .pan.anno-1946 {
        left: 783px
    }
    .storia .storia-nav .pan.anno-1948 {
        left: 917px
    }
    .storia .storia-nav .pan.anno-1955 {
        left: 1052px
    }
}
.storia .content .col.special-grande-guerra {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 40px;
    padding: 0 5px
}
@media only screen and (min-width: 1220px) {
    .storia .content .col.special-grande-guerra {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .storia .content .col.special-grande-guerra {
        width: 100%
    }
}
.storia .content .col.special-grande-guerra a {
    background-repeat: no-repeat;
    background-position: top right;
    display: block;
    outline: 0 none;
    position: relative;
    height: 363px;
    width: 100%
}
.storia .content .col.special-grande-guerra a .box {
    position: absolute;
    top: 55px;
    left: 25px;
    display: block;
    width: 62%
}
@media only screen and (min-width: 1220px) {
    .storia .content .col.special-grande-guerra a .box {
        width: 50%
    }
}
.storia .content .col.special-grande-guerra a .box .storia-block {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s
}
.storia .content .col.special-grande-guerra a .box .time {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    color: #3d3c3a;
    font-size: 50px
}
.storia .content .col.special-grande-guerra a .box .title {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    color: #fefefe;
    font-size: 56px
}
.storia .content .col.special-grande-guerra a .box .abstract {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    color: #171818;
    font-size: 28px
}
.storia .content .col.special-grande-guerra a .button {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display: block;
    width: 110px;
    height: 110px;
    background-color: #fefefe;
    position: absolute;
    bottom: 20px;
    right: 25px;
    -webkit-transition: bottom .35s, right .35s, height .35s, background-color .35s;
    transition: bottom .35s, right .35s, height .35s, background-color .35s;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80)
}
.storia .content .col.special-grande-guerra a .button:link,
.storia .content .col.special-grande-guerra a .button:visited,
.storia .content .col.special-grande-guerra a .button:hover,
.storia .content .col.special-grande-guerra a .button:focus,
.storia .content .col.special-grande-guerra a .button:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.storia .content .col.special-grande-guerra a .button:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    height: 75%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 80px;
    color: #3d3c3a;
    -webkit-transition: height .25s;
    transition: height .25s;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80)
}
.borderradius .storia .content .col.special-grande-guerra a:hover .box .time,
.borderradius .storia .content .col.special-grande-guerra a:hover .box .title,
.borderradius .storia .content .col.special-grande-guerra a:hover .box .abstract {
    margin-bottom: 0
}
.borderradius .storia .content .col.special-grande-guerra a:hover .button {
    bottom: 69px;
    right: 230px;
    height: 239px;
    background-color: transparent
}
@media only screen and (min-width: 1220px) {
    .borderradius .storia .content .col.special-grande-guerra a:hover .button {
        right: 462px
    }
}
.borderradius .storia .content .col.special-grande-guerra a:hover .button:before {
    height: 35%;
    color: #f7c12f
}
.storia .content .col.mezzi-storici,
.storia .content .col.militaria {
    width: 50%;
    float: left;
    display: inline;
    margin-bottom: 30px;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .storia .content .col.mezzi-storici,
    .storia .content .col.militaria {
        width: 40%
    }
}
.storia .content .col.mezzi-storici .box,
.storia .content .col.militaria .box {
    display: block;
    position: relative
}
.storia .content .col.mezzi-storici .box img,
.storia .content .col.militaria .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.storia .content .col.mezzi-storici .box .section,
.storia .content .col.militaria .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #008c45
}
.storia .content .col.mezzi-storici .box .caption,
.storia .content .col.militaria .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    padding-right: 130px;
    height: 90px;
    position: absolute;
    bottom: 0;
    background-color: rgba(42, 43, 44, 0.9)
}
.storia .content .col.mezzi-storici .box .caption span,
.storia .content .col.militaria .box .caption span {
    display: block
}
.storia .content .col.mezzi-storici .box .caption span.first,
.storia .content .col.militaria .box .caption span.first {
    color: #16a252;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.storia .content .col.mezzi-storici .box .caption span.second,
.storia .content .col.militaria .box .caption span.second {
    color: #ededed;
    font-size: 15px;
    line-height: 130%;
    padding: 7px 0 8px
}
.storia .content .col.mezzi-storici .box .caption span.second .moreellipses,
.storia .content .col.militaria .box .caption span.second .moreellipses {
    display: inline
}
.storia .content .col.mezzi-storici .box .caption span.second .morecontent,
.storia .content .col.militaria .box .caption span.second .morecontent {
    display: none !important
}
.storia .content .col.mezzi-storici .box .more,
.storia .content .col.militaria .box .more {
    position: absolute;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    bottom: 8%;
    right: 10px;
    margin: auto;
    width: 88px;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: right .25s;
    transition: right .25s
}
.storia .content .col.mezzi-storici .box .more:before,
.storia .content .col.militaria .box .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.boxsizing .storia .content .col.mezzi-storici .box:hover .more,
.boxsizing .storia .content .col.militaria .box:hover .more {
    right: 20px
}
.storia .content .col.personaggi,
.storia .content .col.uniformi {
    width: 25%;
    float: left;
    display: inline;
    margin-bottom: 30px;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .storia .content .col.personaggi,
    .storia .content .col.uniformi {
        width: 20%
    }
}
.storia .content .col.personaggi .box,
.storia .content .col.uniformi .box {
    display: block;
    position: relative
}
.storia .content .col.personaggi .box img,
.storia .content .col.uniformi .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.storia .content .col.personaggi .box .section,
.storia .content .col.uniformi .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #b3272f
}
.storia .content .col.personaggi .box .caption,
.storia .content .col.uniformi .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    background-color: rgba(179, 39, 47, 0.95);
    padding: 10px;
    height: 90px;
    position: absolute;
    bottom: 0
}
.storia .content .col.personaggi .box .caption span,
.storia .content .col.uniformi .box .caption span {
    display: block
}
.storia .content .col.personaggi .box .caption span.first,
.storia .content .col.uniformi .box .caption span.first {
    color: #fefefe;
    font-size: 17px;
    line-height: 105%
}
.storia .content .col.personaggi .box .caption span.first .moreellipses,
.storia .content .col.uniformi .box .caption span.first .moreellipses {
    display: inline
}
.storia .content .col.personaggi .box .caption span.first .morecontent,
.storia .content .col.uniformi .box .caption span.first .morecontent {
    display: none !important
}
.storia .content .col.personaggi .box .caption span.second,
.storia .content .col.uniformi .box .caption span.second {
    color: #e0dbc7;
    padding-top: 4px;
    font-size: 13px
}
.storia .content .col.personaggi .box .more,
.storia .content .col.uniformi .box .more {
    position: absolute;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    bottom: 45%;
    right: 0;
    left: 0;
    margin: auto;
    width: 90px;
    border: 1px solid #d2d2d2;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: bottom .25s;
    transition: bottom .25s
}
.storia .content .col.personaggi .box .more:before,
.storia .content .col.uniformi .box .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.boxsizing .storia .content .col.personaggi .box:hover .more,
.boxsizing .storia .content .col.uniformi .box:hover .more {
    bottom: 55%
}
.storia .content .col.more-list {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .storia .content .col.more-list {
        width: 20%
    }
}
.storia .content .col.more-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.storia .content .col.more-list ul li {
    overflow: hidden;
    width: 100%
}
.storia .content .col.more-list ul li:first-child {
    border-top: 0 none
}
.storia .content .col.more-list ul li a {
    background: #147645;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
    background: -moz-linear-gradient(top, #147645 0, #0e6b3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #147645), color-stop(100%, #0e6b3c));
    background: -webkit-linear-gradient(top, #147645 0, #0e6b3c 100%);
    background: -o-linear-gradient(top, #147645 0, #0e6b3c 100%);
    background: -ms-linear-gradient(top, #147645 0, #0e6b3c 100%);
    background: linear-gradient(to bottom, #147645 0, #0e6b3c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#147645', endColorstr='#0e6b3c', GradientType=0);
    border-top: 1px solid #147e49;
    border-bottom: 1px solid #0e6338;
    display: block;
    height: 74px;
    text-align: center;
    color: #fefefe;
    font-size: 16px;
    font-weight: lighter
}
.storia .content .col.more-list ul li a:hover {
    color: #e0dbc7
}
.storia .content .col.more-list ul li a:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.storia .content .col.more-list ul li a span {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle
}
.no-boxsizing .storia .content .col.more-list ul li a span {
    display: inline
}
.storia .content .col.uniformi .box .section {
    color: #fefefe;
    background-color: #008c45
}
.storia .content .col.uniformi .box .caption {
    background-color: rgba(42, 43, 44, 0.9)
}
.storia .content .col.uniformi .box .caption span.first {
    color: #fefefe
}
.storia .content .col.uniformi .box .caption span.second {
    color: #e0dbc7
}
.storia .content .col.curiosita {
    width: 25%;
    float: left;
    display: inline;
    margin-bottom: 30px;
    height: 296px;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .storia .content .col.curiosita {
        width: 20%
    }
}
.storia .content .col.curiosita .box {
    display: block;
    position: relative;
    height: 296px
}
.storia .content .col.curiosita .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.storia .content .col.curiosita .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #2a2b2c
}
.storia .content .col.curiosita .box .caption {
    display: block;
    font-weight: lighter;
    padding: 43px 10px 4px;
    width: 100%;
    background-color: #ebeae5
}
.storia .content .col.curiosita .box .caption span {
    display: block
}
.storia .content .col.curiosita .box .caption span.first {
    color: #2a2b2c;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.storia .content .col.curiosita .box .caption span.second {
    color: #2a2b2c;
    font-size: 14px;
    line-height: 125%;
    padding-top: 7px;
    padding-right: 20px
}
.storia .content .col.curiosita .box .caption span.second .moreellipses {
    display: inline
}
.storia .content .col.curiosita .box .caption span.second .morecontent {
    display: none !important
}
.storia .content .col.curiosita .box .more {
    position: absolute;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    bottom: 10%;
    right: 0;
    left: 0;
    margin: auto;
    width: 90px;
    border: 1px solid #d2d2d2;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: bottom .25s;
    transition: bottom .25s
}
.storia .content .col.curiosita .box .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.boxsizing .storia .content .col.curiosita .box:hover .more {
    bottom: 20%
}
.storia .content .col.side {
    width: 75%;
    float: left;
    display: inline;
    margin-bottom: 30px;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .storia .content .col.side {
        width: 60%
    }
}
.storia .content .col.side .box {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px;
    background-color: #464647
}
.storia .content .col.side .box img {
    display: block;
    max-width: 100%;
    width: 212px;
    height: auto
}
.storia .content .col.side .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #2a2b2c;
    z-index: 1
}
.storia .content .col.side .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    padding: 25px 10px;
    height: 90px;
    background-color: rgba(254, 254, 254, 0.9);
    position: absolute;
    bottom: 0;
    left: 0
}
.storia .content .col.side .box .caption span {
    display: block;
    text-align: center
}
.storia .content .col.side .box .caption span.first {
    color: #191a1a;
    font-size: 18px;
    line-height: 110%
}
.storia .content .col.side .box .caption span .moreellipses {
    display: inline
}
.storia .content .col.side .box .caption span .morecontent {
    display: none !important
}
.storia .content .col.side .box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.storia .content .col.side .box ul li {
    margin-left: 30px;
    overflow: hidden;
    height: 212px;
    width: 212px;
    float: left;
    display: inline
}
.storia .content .col.side .box ul li:first-child {
    margin-left: 0
}
.storia .content .col.side .box ul li a {
    display: block;
    position: relative;
    width: 100%
}
.storia .content .col.side .box ul li a .section.photo-gallery {
    background-color: rgba(223, 224, 224, 0.8);
    color: #373738;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 35px 9px 15px
}
.storia .content .col.side .box ul li a .section.photo-gallery:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e801';
    font-size: 17px;
    line-height: 100%;
    color: #363637;
    position: absolute;
    top: 24%;
    right: 5px;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}
.storia .content .col.side .box ul li a .section.video-play {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: rgba(39, 41, 41, 0.8);
    border: 3px solid rgba(0, 142, 70, 0.8);
    width: 50px;
    height: 50px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px 14px;
    top: 45%;
    -webkit-transition: top .25s, transform .25s;
    transition: top .25s, transform .25s;
    -webkit-transition: top .25s, -webkit-transform .25s
}
.storia .content .col.side .box ul li a .section.video-play:link,
.storia .content .col.side .box ul li a .section.video-play:visited,
.storia .content .col.side .box ul li a .section.video-play:hover,
.storia .content .col.side .box ul li a .section.video-play:focus,
.storia .content .col.side .box ul li a .section.video-play:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.storia .content .col.side .box ul li a .section.video-play:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80e';
    font-size: 17px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    margin: 4px 1px
}
.boxsizing .storia .content .col.side .box ul li a:hover .section.video-play {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.boxsizing .storia .content .col.side .box ul li a:hover .caption {
    height: 50%
}
.storia .content .col.side .box ul li .slider-hp-editoria .slides li {
    margin: 0
}
.storia .content .col.side .box ul li .flex-direction-nav {
    position: static
}
.storia .content .col.side .box ul li .flex-direction-nav li {
    height: auto;
    margin: 0
}
.storia .content .col.side .box ul li .flex-direction-nav a {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    position: absolute;
    display: block;
    width: 34px;
    height: 34px;
    background-color: #fefefe;
    top: 42%;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}
.storia .content .col.side .box ul li .flex-direction-nav a:link,
.storia .content .col.side .box ul li .flex-direction-nav a:visited,
.storia .content .col.side .box ul li .flex-direction-nav a:hover,
.storia .content .col.side .box ul li .flex-direction-nav a:focus,
.storia .content .col.side .box ul li .flex-direction-nav a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.storia .content .col.side .box ul li .flex-direction-nav a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 14px;
    line-height: 100%;
    color: #2a2b2c;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px 0
}
.storia .content .col.side .box ul li .flex-direction-nav a.flex-next {
    right: 0
}
.storia .content .col.side .box ul li .flex-direction-nav a.flex-next:before {
    content: '\e804';
    text-indent: 3px
}
.storia .content .col.side .box ul li .flex-direction-nav a.flex-prev {
    left: 0
}
.storia .content .col.side .box ul li .flex-direction-nav a.flex-prev:before {
    content: '\e803';
    text-indent: 0
}
.storia .content .col.side .box ul li .flex-direction-nav a:hover.flex-next {
    right: 0
}
.storia .content .col.side .box ul li .flex-direction-nav a:hover.flex-prev {
    left: 0
}
@media only screen and (min-width: 1220px) {
    .storia .content .col.side {
        width: 25%;
        float: left;
        display: inline;
        width: 20%;
        position: absolute;
        top: 0;
        right: 0
    }
    .storia .content .col.side .box {
        padding: 10px
    }
    .storia .content .col.side .box ul li {
        margin: 10px 0 0
    }
    .storia .content .col.side .box ul li:first-child {
        margin-top: 0
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .storia .content .col.side {
        width: 20%
    }
}
.storia .category .storia-nav,
.storia .dettaglio .storia-nav {
    padding-bottom: 10px
}
.storia .category .storia-nav .container,
.storia .dettaglio .storia-nav .container {
    overflow: visible;
    padding: 0
}
.storia .category .storia-nav .col.nav,
.storia .dettaglio .storia-nav .col.nav {
    overflow: visible
}
.storia .category .category-nav,
.storia .dettaglio .category-nav {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fbfbfb;
    -webkit-box-shadow: 0 -1px 0 0 #e2e1e1 inset;
    -moz-box-shadow: 0 -1px 0 0 #e2e1e1 inset;
    box-shadow: 0 -1px 0 0 #e2e1e1 inset
}
.storia .category .category-nav .current-page,
.storia .dettaglio .category-nav .current-page {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    background-color: #d2212b;
    color: #fefefe;
    font-weight: lighter;
    padding: 12px 15px 8px;
    margin-right: 20px
}
.no-boxsizing .storia .category .category-nav .current-page,
.no-boxsizing .storia .dettaglio .category-nav .current-page {
    display: inline
}
.storia .category .category-nav .title,
.storia .dettaglio .category-nav .title {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    margin-right: 35px;
    margin-top: 6px;
    font-size: 26px;
    font-weight: lighter
}
.no-boxsizing .storia .category .category-nav .title,
.no-boxsizing .storia .dettaglio .category-nav .title {
    display: inline
}
.storia .category .category-nav ul,
.storia .dettaglio .category-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    zoom: 1
}
.no-boxsizing .storia .category .category-nav ul,
.no-boxsizing .storia .dettaglio .category-nav ul {
    display: inline
}
.storia .category .category-nav ul li,
.storia .dettaglio .category-nav ul li {
    display: inline-block;
    vertical-align: top;
    zoom: 1
}
.no-boxsizing .storia .category .category-nav ul li,
.no-boxsizing .storia .dettaglio .category-nav ul li {
    display: inline
}
.storia .category .category-nav ul li a,
.storia .dettaglio .category-nav ul li a {
    display: block;
    font-size: 16px;
    font-weight: lighter;
    padding: 12px 13px 8px;
    color: #2a2b2c;
    outline: 0 none
}
.storia .category .category-nav ul li a.active,
.storia .dettaglio .category-nav ul li a.active,
.storia .category .category-nav ul li a:hover,
.storia .dettaglio .category-nav ul li a:hover {
    background-color: #222;
    color: #f4f4f4
}
.storia .category .section,
.storia .dettaglio .section {
    width: 75%;
    float: left;
    display: inline;
    margin-bottom: 30px
}
@media only screen and (min-width: 1220px) {
    .storia .category .section,
    .storia .dettaglio .section {
        width: 60%
    }
}
@media only screen and (min-width: 1220px) {
    .storia .category .section,
    .storia .dettaglio .section {
        width: 80%
    }
}
.storia .category .section .col.block,
.storia .dettaglio .section .col.block {
    width: 50%;
    float: left;
    display: inline;
    margin-bottom: 30px;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .storia .category .section .col.block,
    .storia .dettaglio .section .col.block {
        width: 40%
    }
}
@media only screen and (min-width: 1220px) {
    .storia .category .section .col.block,
    .storia .dettaglio .section .col.block {
        width: 50%;
        float: left;
        display: inline
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .storia .category .section .col.block,
    .storia .dettaglio .section .col.block {
        width: 40%
    }
}
.storia .category .section .col.block .box,
.storia .dettaglio .section .col.block .box {
    display: block;
    position: relative;
    outline: 0 none;
    overflow: hidden
}
.storia .category .section .col.block .box img,
.storia .dettaglio .section .col.block .box img {
    display: block;
    height: auto;
    width: 100%
}
.storia .category .section .col.block .box .section,
.storia .dettaglio .section .col.block .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #008c45
}
.storia .category .section .col.block .box .caption,
.storia .dettaglio .section .col.block .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    padding-right: 130px;
    height: 90px
}
.storia .category .section .col.block .box .caption span,
.storia .dettaglio .section .col.block .box .caption span {
    display: block
}
.storia .category .section .col.block .box .caption span.first,
.storia .dettaglio .section .col.block .box .caption span.first {
    color: #f4f4f4;
    font-size: 26px;
    padding: 20px 0
}
.storia .category .section .col.block .box .more,
.storia .dettaglio .section .col.block .box .more {
    position: absolute;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    bottom: 8%;
    right: 10px;
    margin: auto;
    width: 88px;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: right .25s;
    transition: right .25s
}
.storia .category .section .col.block .box .more:before,
.storia .dettaglio .section .col.block .box .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.boxsizing .storia .category .section .col.block .box:hover .more,
.boxsizing .storia .dettaglio .section .col.block .box:hover .more {
    right: 20px
}
.storia .category .section .category-related,
.storia .dettaglio .section .category-related {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .storia .category .section .category-related,
    .storia .dettaglio .section .category-related {
        width: 20%
    }
}
.storia .category .section .category-related ul,
.storia .dettaglio .section .category-related ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.storia .category .section .category-related ul li,
.storia .dettaglio .section .category-related ul li {
    width: 100%;
    overflow: hidden
}
.storia .category .section .category-related ul li:first-child a,
.storia .dettaglio .section .category-related ul li:first-child a {
    border-top: 0 none
}
.storia .category .section .category-related ul li a,
.storia .dettaglio .section .category-related ul li a {
    display: block;
    background-color: #fafafa;
    color: #2a2b2c;
    padding: 14px 13px 12px;
    font-size: 12px;
    font-weight: lighter;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ededed
}
.storia .category .section .category-related ul li a:hover,
.storia .dettaglio .section .category-related ul li a:hover,
.storia .category .section .category-related ul li a.active,
.storia .dettaglio .section .category-related ul li a.active {
    font-weight: bold
}
.storia .category .section .content,
.storia .dettaglio .section .content {
    width: 50%;
    float: left;
    display: inline;
    margin-left: 12.5%;
    font-size: 16px;
    font-weight: lighter
}
@media only screen and (min-width: 1220px) {
    .storia .category .section .content,
    .storia .dettaglio .section .content {
        width: 40%
    }
}
@media only screen and (min-width: 1220px) {
    .storia .category .section .content,
    .storia .dettaglio .section .content {
        width: 80%;
        margin-left: 0
    }
}
@media only screen and (min-width: 1220px) {
    .storia .category .section .content .split,
    .storia .dettaglio .section .content .split {
        width: 50%;
        float: left
    }
}
.storia .category .section .content img,
.storia .dettaglio .section .content img {
    clear: both;
    display: block;
    height: auto;
    width: auto;
    margin-bottom: 20px
}
.storia .category .section .content h2,
.storia .dettaglio .section .content h2 {
    display: block;
    font-size: 26px;
    font-weight: lighter;
    margin: 0 0 20px;
    float: left;
    width: 85%
}
@media only screen and (min-width: 1220px) {
    .storia .category .section .content h2,
    .storia .dettaglio .section .content h2 {
        margin: 0 0 10px
    }
}
.storia .category .section .content .flag,
.storia .dettaglio .section .content .flag {
    position: relative;
    margin: -5px 0 25px 0;
    float: left
}
@media only screen and (min-width: 1220px) {
    .storia .category .section .content .flag,
    .storia .dettaglio .section .content .flag {
        margin: -5px 0 10px
    }
}
.storia .category .section .content p,
.storia .dettaglio .section .content p {
    clear: both;
    overflow: hidden;
    margin: 15px 0;
    line-height: 130%
}
.storia .category .section .content p strong,
.storia .dettaglio .section .content p strong {
    font-weight: bold
}
.storia .category .section .content p em,
.storia .dettaglio .section .content p em {
    font-style: italic
}
.storia .category .section .content ul,
.storia .dettaglio .section .content ul {
    padding-left: 20px
}
.storia .category .section .content ul li,
.storia .dettaglio .section .content ul li {
    font-size: 15px;
    margin: 10px 0
}
.storia .category .sidebar,
.storia .dettaglio .sidebar {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .storia .category .sidebar,
    .storia .dettaglio .sidebar {
        width: 20%
    }
}
.storia .category .sidebar .side-item,
.storia .dettaglio .sidebar .side-item {
    text-align: left
}
.storia .category .sidebar .side-item .box,
.storia .dettaglio .sidebar .side-item .box {
    display: block;
    position: relative;
    overflow: hidden
}
.storia .category .sidebar .side-item .box img,
.storia .dettaglio .sidebar .side-item .box img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto
}
.storia .category .sidebar .side-item .box .caption,
.storia .dettaglio .sidebar .side-item .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    height: auto;
    padding: 10px;
    background-color: rgba(254, 254, 254, 0.9);
    border: 1px solid #e7e1d6
}
.storia .category .sidebar .side-item .box .caption span,
.storia .dettaglio .sidebar .side-item .box .caption span {
    display: block;
    text-align: center
}
.storia .category .sidebar .side-item .box .caption span.first,
.storia .dettaglio .sidebar .side-item .box .caption span.first {
    color: #191a1a;
    font-size: 16px;
    line-height: 115%
}
.storia .category .sidebar .side-item .box .caption span .moreellipses,
.storia .dettaglio .sidebar .side-item .box .caption span .moreellipses {
    display: inline
}
.storia .category .sidebar .side-item .box .caption span .morecontent,
.storia .dettaglio .sidebar .side-item .box .caption span .morecontent {
    display: none !important
}
.storia .category .section.master .col.block .box .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(42, 43, 44, 0.9)
}
.storia .category .section.master .col.block .box .caption span.first {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.storia .category .section.detail .col.block {
    width: 25%;
    float: left;
    display: inline;
    width: 33.33%
}
@media only screen and (min-width: 1220px) {
    .storia .category .section.detail .col.block {
        width: 20%
    }
}
@media only screen and (min-width: 1220px) {
    .storia .category .section.detail .col.block {
        width: 25%;
        float: left;
        display: inline
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .storia .category .section.detail .col.block {
        width: 20%
    }
}
.storia .category .section.detail .col.block .box .caption {
    height: 78px;
    background-color: rgba(254, 254, 254, 0.9);
    padding: 0 10px;
    bottom: 0
}
.storia .category .section.detail .col.block .box .caption span.first {
    color: #2a2b2c;
    font-size: 18px;
    padding: 12px 0
}
.storia .category .section.detail .col.block .box .caption span.first .moreellipses {
    display: inline
}
.storia .category .section.detail .col.block .box .caption span.first .morecontent {
    display: none !important
}
.storia .category .section.detail .col.block .box .flag {
    position: absolute;
    bottom: 0;
    right: 0
}
.storia .category.periodo-storico .category-nav {
    margin: 0 5px;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 25px
}
.storia .category.periodo-storico .category-nav .current-page {
    display: block;
    background: 0;
    color: #292a2b;
    font-size: 26px;
    margin: 0 0 14px;
    padding: 0
}
.storia .category.periodo-storico .category-nav .current-page em {
    color: #af1b25;
    font-size: 28px;
    font-weight: normal
}
.storia .category.periodo-storico .category-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    background: #fbfbfb
}
.storia .category.periodo-storico .category-nav ul li {
    text-align: left
}
.storia .category.periodo-storico .category-nav ul li a {
    padding: 22px 5px 18px
}
.storia .category.periodo-storico .category-nav ul li a.active,
.storia .category.periodo-storico .category-nav ul li a:hover {
    background: 0;
    color: #d2212c
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .category-nav ul {
        padding: 0 11px
    }
    .storia .category.periodo-storico .category-nav ul li a {
        padding: 22px 11px 18px
    }
}
.storia .category.periodo-storico .section {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section {
        width: 100%
    }
}
.storia .category.periodo-storico .section .col.gorizia,
.storia .category.periodo-storico .section .col.one,
.storia .category.periodo-storico .section .col.fluid {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section .col.gorizia,
    .storia .category.periodo-storico .section .col.one,
    .storia .category.periodo-storico .section .col.fluid {
        width: 20%
    }
}
.storia .category.periodo-storico .section .col.two {
    width: 50%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section .col.two {
        width: 40%
    }
}
.storia .category.periodo-storico .section .col.guerra {
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section .col.guerra {
        width: 60%
    }
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section .col.gorizia,
    .storia .category.periodo-storico .section .col.fluid {
        width: 40%
    }
}
.storia .category.periodo-storico .section .col.guerra {
    display: block;
    position: relative;
    height: 363px;
    margin-bottom: 40px
}
.storia .category.periodo-storico .section .col.guerra .ins {
    background-repeat: no-repeat;
    background-position: top right
}
.storia .category.periodo-storico .section .col.guerra .caption {
    position: absolute;
    bottom: 55px;
    left: 25px;
    display: block;
    width: 84%
}
.storia .category.periodo-storico .section .col.guerra .caption .storia-block {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s
}
.storia .category.periodo-storico .section .col.guerra .caption .first {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    color: #3d3c3a;
    font-size: 50px
}
.storia .category.periodo-storico .section .col.guerra .caption .second {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    color: #fefefe;
    font-size: 56px
}
.storia .category.periodo-storico .section .col.guerra .caption .third {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    color: #171818;
    font-size: 28px
}
.storia .category.periodo-storico .section .col.guerra .box {
    display: block;
    height: 363px;
    outline: 0 none
}
.borderradius .storia .category.periodo-storico .section .col.guerra .box:hover .first,
.borderradius .storia .category.periodo-storico .section .col.guerra .box:hover .second,
.borderradius .storia .category.periodo-storico .section .col.guerra .box:hover .third {
    margin-bottom: 0
}
.storia .category.periodo-storico .section .col.gorizia {
    background-repeat: no-repeat;
    background-position: top right;
    display: block;
    position: relative;
    height: 363px;
    margin-bottom: 40px
}
.storia .category.periodo-storico .section .col.gorizia .caption {
    position: absolute;
    bottom: 55px;
    left: 25px;
    display: block;
    width: 80%
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section .col.gorizia .caption {
        width: 75%
    }
}
.storia .category.periodo-storico .section .col.gorizia .caption .storia-block {
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s
}
.storia .category.periodo-storico .section .col.gorizia .caption .first {
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    background-color: #f4f4f4;
    color: #252526;
    font-size: 14px
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section .col.gorizia .caption .first {
        font-size: 20px
    }
}
.storia .category.periodo-storico .section .col.gorizia .caption .second {
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    background-color: #008e46;
    font-size: 17px;
    color: #fff
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section .col.gorizia .caption .second {
        font-size: 30px
    }
}
.storia .category.periodo-storico .section .col.gorizia .box {
    display: block;
    height: 363px;
    outline: 0 none
}
.borderradius .storia .category.periodo-storico .section .col.gorizia .box:hover .first,
.borderradius .storia .category.periodo-storico .section .col.gorizia .box:hover .second {
    margin-bottom: 0
}
.storia .category.periodo-storico .section .col.insegne-grado,
.storia .category.periodo-storico .section .col.personaggi,
.storia .category.periodo-storico .section .col.uniformi,
.storia .category.periodo-storico .section .col.mezzi,
.storia .category.periodo-storico .section .col.armi,
.storia .category.periodo-storico .section .col.memoria {
    margin-bottom: 40px;
    overflow: hidden
}
.storia .category.periodo-storico .section .col.insegne-grado .box,
.storia .category.periodo-storico .section .col.personaggi .box,
.storia .category.periodo-storico .section .col.uniformi .box,
.storia .category.periodo-storico .section .col.mezzi .box,
.storia .category.periodo-storico .section .col.armi .box,
.storia .category.periodo-storico .section .col.memoria .box {
    display: block;
    position: relative
}
.storia .category.periodo-storico .section .col.insegne-grado .box img,
.storia .category.periodo-storico .section .col.personaggi .box img,
.storia .category.periodo-storico .section .col.uniformi .box img,
.storia .category.periodo-storico .section .col.mezzi .box img,
.storia .category.periodo-storico .section .col.armi .box img,
.storia .category.periodo-storico .section .col.memoria .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.storia .category.periodo-storico .section .col.insegne-grado .box .section,
.storia .category.periodo-storico .section .col.personaggi .box .section,
.storia .category.periodo-storico .section .col.uniformi .box .section,
.storia .category.periodo-storico .section .col.mezzi .box .section,
.storia .category.periodo-storico .section .col.armi .box .section,
.storia .category.periodo-storico .section .col.memoria .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #008c45;
    width: auto
}
.storia .category.periodo-storico .section .col.insegne-grado .box .caption,
.storia .category.periodo-storico .section .col.personaggi .box .caption,
.storia .category.periodo-storico .section .col.uniformi .box .caption,
.storia .category.periodo-storico .section .col.mezzi .box .caption,
.storia .category.periodo-storico .section .col.armi .box .caption,
.storia .category.periodo-storico .section .col.memoria .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    background-color: rgba(53, 54, 54, 0.95);
    padding: 10px;
    height: 90px;
    position: absolute;
    bottom: 0
}
.storia .category.periodo-storico .section .col.insegne-grado .box .caption span,
.storia .category.periodo-storico .section .col.personaggi .box .caption span,
.storia .category.periodo-storico .section .col.uniformi .box .caption span,
.storia .category.periodo-storico .section .col.mezzi .box .caption span,
.storia .category.periodo-storico .section .col.armi .box .caption span,
.storia .category.periodo-storico .section .col.memoria .box .caption span {
    display: block
}
.storia .category.periodo-storico .section .col.insegne-grado .box .caption span.first,
.storia .category.periodo-storico .section .col.personaggi .box .caption span.first,
.storia .category.periodo-storico .section .col.uniformi .box .caption span.first,
.storia .category.periodo-storico .section .col.mezzi .box .caption span.first,
.storia .category.periodo-storico .section .col.armi .box .caption span.first,
.storia .category.periodo-storico .section .col.memoria .box .caption span.first {
    color: #fefefe;
    font-size: 17px;
    line-height: 105%;
    -webkit-transition: color .25s;
    transition: color .25s
}
.storia .category.periodo-storico .section .col.insegne-grado .box .caption span.first .moreellipses,
.storia .category.periodo-storico .section .col.personaggi .box .caption span.first .moreellipses,
.storia .category.periodo-storico .section .col.uniformi .box .caption span.first .moreellipses,
.storia .category.periodo-storico .section .col.mezzi .box .caption span.first .moreellipses,
.storia .category.periodo-storico .section .col.armi .box .caption span.first .moreellipses,
.storia .category.periodo-storico .section .col.memoria .box .caption span.first .moreellipses {
    display: inline
}
.storia .category.periodo-storico .section .col.insegne-grado .box .caption span.first .morecontent,
.storia .category.periodo-storico .section .col.personaggi .box .caption span.first .morecontent,
.storia .category.periodo-storico .section .col.uniformi .box .caption span.first .morecontent,
.storia .category.periodo-storico .section .col.mezzi .box .caption span.first .morecontent,
.storia .category.periodo-storico .section .col.armi .box .caption span.first .morecontent,
.storia .category.periodo-storico .section .col.memoria .box .caption span.first .morecontent {
    display: none !important
}
.storia .category.periodo-storico .section .col.insegne-grado .box .caption span.second,
.storia .category.periodo-storico .section .col.personaggi .box .caption span.second,
.storia .category.periodo-storico .section .col.uniformi .box .caption span.second,
.storia .category.periodo-storico .section .col.mezzi .box .caption span.second,
.storia .category.periodo-storico .section .col.armi .box .caption span.second,
.storia .category.periodo-storico .section .col.memoria .box .caption span.second {
    color: #e0dbc7;
    padding-top: 4px;
    font-size: 13px;
    -webkit-transition: color .25s;
    transition: color .25s
}
.storia .category.periodo-storico .section .col.insegne-grado .box .more,
.storia .category.periodo-storico .section .col.personaggi .box .more,
.storia .category.periodo-storico .section .col.uniformi .box .more,
.storia .category.periodo-storico .section .col.mezzi .box .more,
.storia .category.periodo-storico .section .col.armi .box .more,
.storia .category.periodo-storico .section .col.memoria .box .more {
    position: absolute;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    bottom: 45%;
    right: 0;
    left: 0;
    margin: auto;
    width: 90px;
    border: 1px solid #d2d2d2;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: bottom .25s;
    transition: bottom .25s
}
.storia .category.periodo-storico .section .col.insegne-grado .box .more:before,
.storia .category.periodo-storico .section .col.personaggi .box .more:before,
.storia .category.periodo-storico .section .col.uniformi .box .more:before,
.storia .category.periodo-storico .section .col.mezzi .box .more:before,
.storia .category.periodo-storico .section .col.armi .box .more:before,
.storia .category.periodo-storico .section .col.memoria .box .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.boxsizing .storia .category.periodo-storico .section .col.insegne-grado .box:hover .more,
.boxsizing .storia .category.periodo-storico .section .col.personaggi .box:hover .more,
.boxsizing .storia .category.periodo-storico .section .col.uniformi .box:hover .more,
.boxsizing .storia .category.periodo-storico .section .col.mezzi .box:hover .more,
.boxsizing .storia .category.periodo-storico .section .col.armi .box:hover .more,
.boxsizing .storia .category.periodo-storico .section .col.memoria .box:hover .more {
    bottom: 55%
}
.storia .category.periodo-storico .section .col.insegne-grado .box .caption {
    padding-right: 40px
}
.storia .category.periodo-storico .section .col.personaggi .box .section {
    background-color: #b3272f
}
.storia .category.periodo-storico .section .col.personaggi .box .caption {
    background-color: rgba(175, 28, 36, 0.95)
}
.storia .category.periodo-storico .section .col.personaggi .box:hover .caption .first {
    color: #e0dbc7
}
.storia .category.periodo-storico .section .col.uniformi .box .caption span.first,
.storia .category.periodo-storico .section .col.mezzi .box .caption span.first,
.storia .category.periodo-storico .section .col.armi .box .caption span.first,
.storia .category.periodo-storico .section .col.memoria.fluid .box .caption span.first {
    color: #00a652
}
.storia .category.periodo-storico .section .col.uniformi .box .caption span.second,
.storia .category.periodo-storico .section .col.mezzi .box .caption span.second,
.storia .category.periodo-storico .section .col.armi .box .caption span.second,
.storia .category.periodo-storico .section .col.memoria.fluid .box .caption span.second {
    color: #fefefe;
    font-size: 15px;
    line-height: 130%
}
.storia .category.periodo-storico .section .col.mezzi .box,
.storia .category.periodo-storico .section .col.memoria.fluid .box {
    overflow: hidden
}
.storia .category.periodo-storico .section .col.mezzi .box img,
.storia .category.periodo-storico .section .col.memoria.fluid .box img {
    max-width: none;
    width: auto
}
.storia .category.periodo-storico .section .col.mezzi .box .caption span.second,
.storia .category.periodo-storico .section .col.memoria.fluid .box .caption span.second {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
@media only screen and (min-width: 1220px) {
    .storia .category.periodo-storico .section .col.mezzi .box .caption span.second,
    .storia .category.periodo-storico .section .col.memoria.fluid .box .caption span.second {
        text-overflow: inherit;
        white-space: normal
    }
}
.storia .category.periodo-storico .section .col.insegne-grado .box:hover .caption span.first,
.storia .category.periodo-storico .section .col.uniformi .box:hover .caption span.first,
.storia .category.periodo-storico .section .col.mezzi .box:hover .caption span.first,
.storia .category.periodo-storico .section .col.armi .box:hover .caption span.first,
.storia .category.periodo-storico .section .col.memoria .box:hover .caption span.first,
.storia .category.periodo-storico .section .col.insegne-grado .box:hover .caption span.second,
.storia .category.periodo-storico .section .col.uniformi .box:hover .caption span.second,
.storia .category.periodo-storico .section .col.mezzi .box:hover .caption span.second,
.storia .category.periodo-storico .section .col.armi .box:hover .caption span.second,
.storia .category.periodo-storico .section .col.memoria .box:hover .caption span.second {
    color: #00a652
}
.storia .dettaglio .category-nav {
    margin-bottom: 25px
}
.storia .dettaglio .section {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .storia .dettaglio .section {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .storia .dettaglio .section {
        width: 100%
    }
}
.storia .dettaglio .ms-rtePosition-1 {
    display: block;
    height: auto;
    width: auto;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 25px
}
.storia .dettaglio .ms-rtePosition-2 {
    display: block;
    height: auto;
    width: auto;
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 25px
}
.storia .dettaglio .article {
    margin-bottom: 60px
}
.storia .dettaglio .article img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block
}
.storia .dettaglio .article .info {
    overflow: hidden
}
.storia .dettaglio .article .info p {
    margin: 0
}
.storia .dettaglio .article .info .title {
    color: #2a2b2c;
    font-size: 48px;
    font-weight: normal;
    margin: 0
}
.storia .dettaglio .article .info .sub-title {
    font-size: 24px;
    font-weight: lighter;
    margin-bottom: 12px;
    margin-top: 0
}
.storia .dettaglio .article .info .date {
    color: #666;
    font-size: 19px;
    font-weight: lighter;
    margin-top: -10px
}
.storia .dettaglio .article p {
    display: block;
    line-height: 150%;
    margin: 15px 0;
    color: #151515;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: lighter !important
}
.storia .dettaglio .article p * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: lighter !important
}
.storia .dettaglio .article p strong,
.storia .dettaglio .article p b {
    font-weight: normal !important
}
.storia .dettaglio .article p:first-child {
    margin-top: 25px
}
.storia .dettaglio .article .ms-rtestate-field {
    line-height: 150%;
    margin: 25px 0 15px;
    color: #151515;
    font-size: 18px;
    font-weight: lighter;
    overflow: visible;
    clear: none
}
.storia .dettaglio .article .ms-rtestate-field li {
    line-height: 100%
}
.storia .dettaglio .article .note p {
    font-size: 22px
}
.storia .dettaglio .article .note blockquote {
    color: #161616;
    font-size: 17px;
    font-weight: bold;
    line-height: 160%;
    margin: 0
}
.storia .dettaglio.alt .section .content {
    margin-left: 0;
    width: 75%
}
@media only screen and (min-width: 1220px) {
    .storia .dettaglio.alt .section .content {
        width: 80%
    }
}
.storia .dettaglio.alt .section .content .ins {
    overflow: hidden
}
.storia .dettaglio.alt .section .content .ms-rtePosition-1 {
    display: block;
    height: auto;
    width: auto;
    float: left;
    margin-top: 0;
    margin-bottom: 40px;
    margin-right: 25px
}
.storia .dettaglio.alt .section .content .ms-rtePosition-2 {
    display: block;
    height: auto;
    width: auto;
    float: right;
    margin-top: 0;
    margin-bottom: 40px;
    margin-left: 25px
}
.storia .dettaglio.alt .section .content h2 {
    float: none;
    width: auto
}
.storia .dettaglio.alt .section .content .ms-rtestate-field {
    line-height: 130%;
    margin: 15px 0;
    overflow: visible;
    clear: none;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.storia .dettaglio.alt .section .content .ms-rtestate-field * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.storia .dettaglio.alt .section .content .ms-rtestate-field strong,
.storia .dettaglio.alt .section .content .ms-rtestate-field b {
    font-weight: normal !important
}
.storia .dettaglio.alt .section .content .ms-rtestate-field li {
    line-height: 100%
}
.storia .dettaglio.alt .section .content p {
    clear: none;
    overflow: visible
}
.storia .dettaglio.alt .section .content ul {
    overflow: hidden;
    clear: both
}
.operazioni .wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
    margin: 0;
    zoom: 1;
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto
}
.operazioni .wrap:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}
@media only screen and (min-width: 1220px) {
    .operazioni .wrap {
        max-width: 1205px
    }
}
@media only screen and (min-width: 1220px) {
    .operazioni .wrap {
        min-height: 820px
    }
}
.operazioni .section-nav {
    background-color: #fafafa;
    border-bottom: 1px solid #e0dbc7;
    margin-bottom: 40px
}
.operazioni .section-nav .col.nav {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .operazioni .section-nav .col.nav {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .operazioni .section-nav .col.nav {
        width: 100%
    }
}
.operazioni .section-nav .col.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.operazioni .section-nav .col.nav ul li {
    float: left;
    margin: 10px 5px
}
.operazioni .section-nav .col.nav ul li:first-child {
    margin-left: 0
}
.operazioni .section-nav .col.nav ul li a {
    display: block;
    padding: 11px 15px 9px;
    font-size: 14px;
    color: #2c2c2c
}
.operazioni .section-nav .col.nav ul li a.active,
.operazioni .section-nav .col.nav ul li a:hover {
    background-color: #2a2b2c;
    color: #fafafa
}
.operazioni .col.box {
    width: 50%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .operazioni .col.box {
        width: 40%
    }
}
.operazioni .col.box a {
    display: block;
    outline: 0 none;
    overflow: hidden;
    background-color: #fafafa
}
.operazioni .col.box a img {
    display: block;
    margin: 0 auto 10px
}
.operazioni .col.box a .abstract {
    display: block;
    padding: 25px 15px;
    font-weight: lighter;
    font-size: 15px;
    color: #2c2c2c;
    text-align: center;
    line-height: 130%;
    background-color: #eceeee
}
.operazioni .col.box a .button {
    width: 50%;
    display: block;
    margin: 30px auto;
    background-color: #008e46;
    color: #fefefe;
    font-size: 13px;
    font-weight: bold;
    padding: 13px 15px;
    text-align: center;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.operazioni .col.box a:hover .button {
    background-color: #00a853
}
.operazioni .col.multimedia {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .operazioni .col.multimedia {
        margin-top: 0
    }
}
@media only screen and (min-width: 1220px) {
    .operazioni .col.multimedia {
        width: 60%
    }
}
.operazioni .col.multimedia .box {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 47px 10px 10px;
    background-color: #464647
}
.operazioni .col.multimedia .box img {
    display: block;
    max-width: 100%;
    height: auto
}
.operazioni .col.multimedia .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #d2212c;
    z-index: 1
}
.operazioni .col.multimedia .box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s
}
.operazioni .col.multimedia .box .caption span {
    display: block
}
.operazioni .col.multimedia .box .caption span.first {
    color: #e1e1e1;
    font-size: 13px;
    line-height: 120%
}
.operazioni .col.multimedia .box .caption span.moreellipses {
    display: inline
}
.operazioni .col.multimedia .box .caption span.morecontent {
    display: none !important
}
.operazioni .col.multimedia .box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.operazioni .col.multimedia .box ul li {
    margin-left: 30px;
    overflow: hidden;
    width: 212px;
    float: left;
    display: inline
}
.operazioni .col.multimedia .box ul li:first-child {
    margin-left: 0
}
.operazioni .col.multimedia .box ul li a {
    display: block;
    position: relative;
    width: 100%
}
.operazioni .col.multimedia .box ul li a .section.photo-gallery {
    background-color: rgba(223, 224, 224, 0.8);
    color: #373738;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 35px 9px 15px
}
.operazioni .col.multimedia .box ul li a .section.photo-gallery:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e801';
    font-size: 17px;
    line-height: 100%;
    color: #363637;
    position: absolute;
    top: 24%;
    right: 5px;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}
.operazioni .col.multimedia .box ul li a .section.video-play {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: rgba(39, 41, 41, 0.8);
    border: 3px solid rgba(0, 142, 70, 0.8);
    width: 50px;
    height: 50px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px 14px;
    top: 25%;
    -webkit-transition: top .25s, transform .25s;
    transition: top .25s, transform .25s;
    -webkit-transition: top .25s, -webkit-transform .25s
}
.operazioni .col.multimedia .box ul li a .section.video-play:link,
.operazioni .col.multimedia .box ul li a .section.video-play:visited,
.operazioni .col.multimedia .box ul li a .section.video-play:hover,
.operazioni .col.multimedia .box ul li a .section.video-play:focus,
.operazioni .col.multimedia .box ul li a .section.video-play:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.operazioni .col.multimedia .box ul li a .section.video-play:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80e';
    font-size: 17px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    margin: 4px 1px
}
.boxsizing .operazioni .col.multimedia .box ul li a:hover .section.video-play {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.operazioni .col.multimedia .box ul li a:hover .caption {
    background-color: #5f5f61
}
@media only screen and (min-width: 1220px) {
    .operazioni .col.multimedia {
        width: 25%;
        float: left;
        display: inline;
        width: 20%;
        position: absolute;
        top: 0;
        right: 0
    }
    .operazioni .col.multimedia .box {
        padding-bottom: 15px
    }
    .operazioni .col.multimedia .box ul li {
        margin: 30px 0 0
    }
    .operazioni .col.multimedia .box ul li:first-child {
        margin-top: 0
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .operazioni .col.multimedia {
        width: 20%
    }
}
.special .header {
    background-color: transparent;
    height: 0;
    padding-top: 45px;
    background-position: center top
}
.special .header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #9c9a9a;
    -webkit-box-shadow: 0 -30px 30px -35px #000 inset;
    -moz-box-shadow: 0 -30px 30px -35px #000 inset;
    box-shadow: 0 -30px 30px -35px #000 inset;
    z-index: 6
}
.special .header .container {
    overflow: visible
}
.special .header .col.social {
    position: absolute;
    top: -85px;
    right: 30px;
    margin: 0;
    z-index: 10
}
@media only screen and (min-width: 1220px) {
    .special .header .col.social {
        right: -10px
    }
    .special .header .col.social.off {
        -moz-opacity: .15;
        -khtml-opacity: .15;
        -webkit-opacity: .15;
        opacity: .15;
        -ms-filter: alpha(opacity=15);
        filter: alpha(opacity=15)
    }
}
.special .header .col.social li a:before {
    color: #fff
}
.special .header .col.search {
    position: absolute;
    right: 0;
    top: -46px;
    margin: 0;
    z-index: 10;
    width: auto
}
.special .header .col.search .box {
    top: 60px;
    position: absolute;
    right: 0;
    width: 210px;
    z-index: 9;
    margin: 0;
    display: none
}
.special .header .col.search .box:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e800';
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #111;
    position: absolute;
    top: -11px;
    right: 17px;
    display: block
}
.special .header .col.search .box:after {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e807';
    position: absolute;
    font-size: 12px;
    right: 21px;
    top: 9px;
    color: #008c45;
    display: block
}
.special .header .col.search .box input[type="text"] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    margin: 0 10px;
    padding: 0 40px 0 15px;
    width: 92%;
    display: block;
    height: 32px;
    border: 0 none;
    color: #8c8c8c;
    border: 3px solid #111;
    background: #fff
}
.special .header .col.search .icon {
    margin: 0;
    display: block !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.special .header .col.search .icon:hover,
.special .header .col.search .icon.active {
    background-color: rgba(17, 17, 17, 0.75)
}
.special .header .col.search .icon:before {
    color: #fff
}
.special .header .col.logo {
    width: 25%;
    float: left;
    display: inline;
    margin: 0;
    position: absolute;
    top: -45px;
    left: 0;
    z-index: 11;
}
@media only screen and (min-width: 1220px) {
    .special .header .col.logo {
        width: 20%
    }
}
.special .header .col.logo a {
    background-color: rgba(17, 17, 17, 0.75);
    position: relative;
    padding: 8px 50px 7px 25px;
    outline: 0 none;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.special .header .col.logo a:hover:before {
    color: #fefefe
}
.special .header .col.logo a img {
    display: block
}
.special .header .col.logo a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e802';
    color: #d7d0bf;
    font-size: 24px;
    position: absolute;
    right: 6%;
    top: 25%;
    -webkit-transition: transform .25s, color .25s;
    transition: transform .25s, color .25s;
    -webkit-transition: -webkit-transform .25s, color .25s
}
.special .header .col.logo a.open {
    background: #2a2b2c
}
.special .header .col.logo a.open:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.special .header .col.nav {
    width: 25%;
    float: left;
    display: inline;
    position: absolute;
    left: 0;
    top: -650px;
    z-index: 5;
    background: #2a2b2c;
    -webkit-transition: top .5s, box-shadow .25s ease .5s;
    transition: top .5s, box-shadow .25s ease .5s
}
@media only screen and (min-width: 1220px) {
    .special .header .col.nav {
        width: 20%
    }
}
.special .header .col.nav.open {
    top: 0;
    -webkit-box-shadow: 0 5px 20px 0 #333;
    -moz-box-shadow: 0 5px 20px 0 #333;
    box-shadow: 0 5px 20px 0 #333
}
.special .header .col.nav ul {
    padding-top: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #3e3e3e !important
}
.special .header .col.nav ul li {
    overflow: hidden;
    width: 100%;
    margin-bottom: -3px;
}
.special .header .col.nav ul li:first-child a {
    border-top: 0 none !important
}
.special .header .col.nav ul li a {
    color: #fafafa;
    display: block;
    float: none;
    position: relative;
    font-weight: lighter;
    font-size: 14px;
    padding: 10px 20px 10px 40px !important;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #1b1b1b !important;
    border-top: 1px solid #3e3f3f !important
}
.special .header .col.nav ul li a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e806';
    color: #e5e2d4;
    position: absolute;
    left: 6%;
    top: 35%;
    font-size: 10px
}
.special .header .col.nav ul li a.home:before {
    content: '\e80d';
    color: #d2212b;
    position: absolute;
    left: 3%;
    top: 25%;
    font-size: 18px
}
.special .header .col.nav ul li a:hover,
.special .header .col.nav ul li a.active {
    background: #434546;
    color: #e5e2d4
}
.special .home .col.evidenza {
    width: 100%
}
.special .home .col.evidenza .title.container {
    height: 605px;
    position: relative
}
.special .home .col.evidenza .wrap {
    display: block;
    outline: 0 none;
    position: relative;
    width: 100%;
    height: 605px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: transparent
}
@media only screen and (min-width: 1220px) {
    .special .home .col.evidenza .wrap {
        background-size: cover
    }
}
.special .home .col.evidenza .wrap .box {
    position: absolute;
    top: 85px;
    left: 0;
    display: block;
    width: 62%
}
@media only screen and (min-width: 1220px) {
    .special .home .col.evidenza .wrap .box {
        width: 50%
    }
}
.special .home .col.evidenza .wrap .box .storia-block {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s
}
.special .home .col.evidenza .wrap .box .time {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    color: #3d3c3a;
    font-size: 50px
}
.special .home .col.evidenza .wrap .box .title {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    color: #fefefe;
    font-size: 56px
}
.special .home .col.evidenza .wrap .box .abstract {
    background-color: #f7c12f;
    display: block;
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 20px 20px 15px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: width .25s, margin .25s;
    transition: width .25s, margin .25s;
    color: #171818;
    font-size: 28px
}
.special .home .col.evidenza .wrap .nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(42, 43, 44, 0.6)
}
.special .home .col.evidenza .wrap .nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    float: left;
    display: inline;
    padding: 15px 0;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .special .home .col.evidenza .wrap .nav ul {
        width: 80%
    }
}
.special .home .col.evidenza .wrap .nav ul li {
    float: left;
    width: 33%;
    margin: 9px 0;
    padding-right: 10px
}
.special .home .col.evidenza .wrap .nav ul li a {
    display: block;
    color: #fafafa;
    outline: 0 none;
    font-size: 16px;
    font-weight: lighter
}
.special .home .col.evidenza .wrap .nav ul li a:hover {
    color: #f7c12f
}
.special .home .map {
    clear: both;
    overflow: visible;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fff
}
@media only screen and (min-width: 1220px) {
    .special .home .map {
        background-size: contain
    }
}
.special .home .position {
    margin: 0;
    zoom: 1;
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto;
    overflow: visible;
    position: relative
}
.special .home .position:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}
@media only screen and (min-width: 1220px) {
    .special .home .position {
        max-width: 1205px
    }
}
.special .home .position .container {
    padding-top: 40px
}
.special .home .col.content {
    width: 62.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .special .home .col.content {
        width: 50%
    }
}
.special .home .col.content .ins {
    margin: 0 10px 0 0
}
.special .home .col.content .wrap {
    min-height: 300px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 17px;
    font-weight: lighter;
    line-height: 160%
}
.special .home .col.content .wrap p {
    text-align: left
}
.special .home .col.content .col.eventi {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin-top: 40px
}
@media only screen and (min-width: 1220px) {
    .special .home .col.content .col.eventi {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .special .home .col.content .col.eventi {
        width: 100%
    }
}
.special .home .col.content .col.eventi .ins {
    text-align: left
}
.special .home .col.content .col.eventi .eventi-carousel {
    position: relative
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi {
    z-index: 2
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi.moving li.flex-active-slide .contenuto .info:before {
    left: 0
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto {
    overflow: hidden
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto img {
    display: block;
    float: left;
    width: 353px
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info {
    float: left;
    width: 238px;
    height: 314px;
    position: relative;
    background-color: #423d32;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80e';
    color: #2d281e;
    position: absolute;
    font-size: 40px;
    left: -40px;
    top: 43%;
    z-index: 1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: left 1s;
    transition: left 1s
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .more {
    padding: 10px 10px 0;
    font-weight: lighter;
    display: block;
    font-size: 16px;
    color: #fbbc12
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .title {
    padding: 10px 10px 20px;
    line-height: 130%;
    font-weight: lighter;
    font-size: 20px;
    color: #fefefe
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .title .moreellipses {
    display: inline
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .title .morecontent {
    display: none !important
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .info-evento {
    background-color: #2d281e;
    padding: 10px;
    position: relative;
    z-index: 1
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .info-evento .date {
    text-align: left
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .info-evento .date span {
    color: #9b917e;
    font-size: 12px
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .info-evento .date span strong {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: sub;
    font-size: 13px;
    font-weight: normal;
    margin-left: 2px;
    width: 70px;
    height: 15px;
    color: #fefefe
}
.no-boxsizing .special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .info-evento .date span strong {
    display: inline
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .info-evento .date .date-dal {
    margin-right: 15px
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .info-evento .where {
    padding: 10px 0 0;
    font-weight: lighter;
    color: #fefefe
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .info-evento .title-evento {
    padding-top: 3px;
    color: #fbbc12;
    font-size: 22px;
    font-weight: lighter;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .description-evento {
    padding: 10px;
    color: #cfcfcf;
    font-size: 12px;
    font-weight: lighter;
    line-height: 140%
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .description-evento .moreellipses {
    display: inline
}
.special .home .col.content .col.eventi .eventi-carousel .slider-eventi .contenuto .info .description-evento .morecontent {
    display: none !important
}
.special .home .col.content .col.eventi .slider-data-eventi {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 56px;
    height: 314px
}
.special .home .col.content .col.eventi .slider-data-eventi .slides {
    width: 56px !important
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li {
    width: 56px !important
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li.flex-active-slide a {
    background-color: rgba(0, 0, 0, 0.6)
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li.flex-active-slide a em {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li.flex-active-slide a span {
    color: #fefefe
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li a {
    display: block;
    width: 56px;
    height: 63px;
    padding: 12px;
    text-align: center;
    background-color: rgba(200, 200, 200, 0.6)
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li a em {
    display: block;
    color: #fefefe;
    font-size: 24px;
    text-shadow: 0 1px 1px #333
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li a span {
    display: block;
    color: #1c1c1c;
    margin-top: 2px;
    font-size: 14px
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li a:hover {
    background-color: rgba(0, 0, 0, 0.6)
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li a:hover em {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.special .home .col.content .col.eventi .slider-data-eventi .slides li a:hover span {
    color: #fefefe
}
.special .home .col.content .col.eventi .slider-data-eventi .flex-direction-nav {
    top: 0
}
.special .home .col.content .col.eventi .slider-data-eventi .flex-direction-nav a {
    display: block;
    position: absolute;
    top: auto;
    width: 56px;
    height: 33px;
    background-color: rgba(200, 200, 200, 0.6);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}
.special .home .col.content .col.eventi .slider-data-eventi .flex-direction-nav a.flex-prev {
    top: 0;
    left: 0;
    right: 0
}
.special .home .col.content .col.eventi .slider-data-eventi .flex-direction-nav a.flex-next {
    bottom: -314px;
    left: 0;
    right: 0
}
.special .home .col.content .col.eventi .slider-data-eventi .flex-direction-nav a:hover.flex-prev {
    left: 0;
    right: 0
}
.special .home .col.content .col.eventi .slider-data-eventi .flex-direction-nav a:hover.flex-next {
    left: 0;
    right: 0
}
.special .home .col.aside {
    width: 37.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .special .home .col.aside {
        width: 30%
    }
}
.special .home .col.aside .ins {
    margin: 0 10px 0 2px
}
.special .home .col.aside .quote {
    font-family: Georgia, Times, serif;
    margin-top: 10px;
    margin-bottom: 50px
}
.special .home .col.aside .quote h2 {
    font-size: 48px;
    line-height: 120%;
    font-weight: bold;
    text-align: center;
    color: #008e46
}
.special .home .col.aside .quote h2:before {
    content: '\201c';
    font-size: 52px;
    position: relative;
    top: 4px
}
.special .home .col.aside .quote h2:after {
    content: '\201d';
    font-size: 52px;
    position: relative;
    top: 4px
}
.special .home .col.aside .quote h3 {
    text-align: right;
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0 15px
}
.special .home .col.aside .quote .date {
    font-size: 15px;
    font-weight: bold;
    text-align: right
}
.special .home .col.aside .biografie {
    padding: 16px 10px 17px;
    background-color: rgba(0, 0, 0, 0.05)
}
.special .home .col.aside .biografie ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Georgia, Times, serif
}
.special .home .col.aside .biografie ul li {
    overflow: hidden;
    margin-bottom: 18px
}
.special .home .col.aside .biografie ul li a {
    display: block;
    color: #2d281e
}
.special .home .col.aside .biografie ul li a img {
    display: block;
    float: left;
    width: 91px;
    height: 91px
}
.special .home .col.aside .biografie ul li a span {
    padding: 25px;
    float: left;
    margin-left: 9px;
    height: 91px;
    width: 69%;
    display: block;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.special .home .col.aside .biografie ul li a .grado {
    font-size: 16px;
    padding: 0;
    width: 100%;
    height: 18px;
    margin: 0;
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.special .home .col.aside .biografie ul li a .nome {
    padding: 0;
    font-size: 18px;
    width: 100%;
    height: 22px;
    margin: 3px 0 0;
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.special .home .col.aside .biografie ul li a:hover span {
    background-color: rgba(255, 255, 255, 0.95)
}
.special .home .col.aside .biografie .button {
    display: block;
    color: #fefefe;
    font-size: 16px;
    margin: 35px auto 5px;
    padding: 11px 14px;
    text-align: center;
    width: 45%;
    background-color: #bb2029;
    position: relative
}
.special .home .col.aside .biografie .button:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 12px;
    color: #fefefe
}
.special .home .col.aside .biografie .button:hover {
    background-color: rgba(143, 25, 31, 0.5)
}
.special .home .col.equipaggiamenti {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .special .home .col.equipaggiamenti {
        width: 20%
    }
}
.special .home .col.equipaggiamenti .box {
    display: block;
    position: relative;
    overflow: hidden;
    height: 296px;
    background-color: #eaeaea
}
.special .home .col.equipaggiamenti .box img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}
.special .home .col.equipaggiamenti .box .caption {
    height: 60px;
    width: 100%;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 232px;
    height: 89px;
    padding: 23px 40px 22px 35px;
    display: block
}
.special .home .col.equipaggiamenti .box .caption:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.special .home .col.equipaggiamenti .box .caption .first {
    color: #fefefe;
    font-size: 20px;
    font-weight: lighter;
    line-height: 110%;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    width: 97%
}
.no-boxsizing .special .home .col.equipaggiamenti .box .caption .first {
    display: inline
}
.special .home .col.equipaggiamenti .box .caption .first:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 16px;
    color: #008e46;
    position: absolute;
    top: 42%;
    right: 4px;
    -webkit-transition: color .25s, right .25s;
    transition: color .25s, right .25s
}
.special .home .col.equipaggiamenti .box:hover .caption .first:before {
    color: #fefefe;
    right: 14px
}
.special .home .col.cartografia {
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .special .home .col.cartografia {
        width: 60%
    }
}
.special .home .col.cartografia .box {
    display: block;
    position: relative;
    overflow: hidden;
    height: 296px;
    background-color: #eaeaea
}
.special .home .col.cartografia .box img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}
.special .home .col.cartografia .box .caption {
    height: 60px;
    width: 100%;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 232px;
    height: 89px;
    padding: 23px 40px 22px 35px;
    display: block
}
.special .home .col.cartografia .box .caption:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.special .home .col.cartografia .box .caption .first {
    color: #fefefe;
    font-size: 20px;
    font-weight: lighter;
    line-height: 110%;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    width: 97%
}
.no-boxsizing .special .home .col.cartografia .box .caption .first {
    display: inline
}
.special .home .col.cartografia .box .caption .first:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 16px;
    color: #008e46;
    position: absolute;
    top: 42%;
    right: 4px;
    -webkit-transition: color .25s, right .25s;
    transition: color .25s, right .25s
}
.special .home .col.cartografia .box:hover .caption .first:before {
    color: #fefefe;
    right: 14px
}
.special .home .col.armamenti {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .special .home .col.armamenti {
        width: 20%
    }
}
.special .home .col.armamenti .box {
    display: block;
    position: relative;
    overflow: hidden;
    height: 296px;
    background-color: #eaeaea
}
.special .home .col.armamenti .box img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}
.special .home .col.armamenti .box .caption {
    height: 60px;
    width: 100%;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 232px;
    height: 89px;
    padding: 23px 40px 22px 35px;
    display: block
}
.special .home .col.armamenti .box .caption:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.special .home .col.armamenti .box .caption .first {
    color: #fefefe;
    font-size: 20px;
    font-weight: lighter;
    line-height: 110%;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    width: 97%
}
.no-boxsizing .special .home .col.armamenti .box .caption .first {
    display: inline
}
.special .home .col.armamenti .box .caption .first:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 16px;
    color: #008e46;
    position: absolute;
    top: 42%;
    right: 4px;
    -webkit-transition: color .25s, right .25s;
    transition: color .25s, right .25s
}
.special .home .col.armamenti .box:hover .caption .first:before {
    color: #fefefe;
    right: 14px
}
.special .home .col.direttive {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .special .home .col.direttive {
        width: 20%
    }
}
.special .home .col.direttive .box {
    display: block;
    position: relative;
    overflow: hidden;
    height: 296px;
    background-color: #eaeaea
}
.special .home .col.direttive .box img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}
.special .home .col.direttive .box .caption {
    height: 60px;
    width: 100%;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    position: absolute;
    bottom: 0;
    right: 1px;
    width: 232px;
    height: 89px;
    padding: 23px 40px 22px 35px;
    display: block
}
.special .home .col.direttive .box .caption:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
@media only screen and (min-width: 1220px) {
    .special .home .col.direttive .box .caption {
        right: 0
    }
}
.special .home .col.direttive .box .caption .first {
    color: #fefefe;
    font-size: 20px;
    font-weight: lighter;
    line-height: 110%;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    width: 97%
}
.no-boxsizing .special .home .col.direttive .box .caption .first {
    display: inline
}
.special .home .col.direttive .box .caption .first:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 16px;
    color: #008e46;
    position: absolute;
    top: 42%;
    right: 4px;
    -webkit-transition: color .25s, right .25s;
    transition: color .25s, right .25s
}
.special .home .col.direttive .box:hover .caption .first:before {
    color: #fefefe;
    right: 14px
}
.special .home .col.cronologia {
    width: 50%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .special .home .col.cronologia {
        width: 40%
    }
}
.special .home .col.cronologia .box {
    display: block;
    position: relative;
    overflow: hidden;
    height: 296px;
    background-color: #eaeaea
}
.special .home .col.cronologia .box img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}
.special .home .col.cronologia .box .caption {
    height: 60px;
    width: 100%;
    padding: 14px 10px;
    font-weight: lighter;
    background-color: #2a2b2c;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    position: absolute;
    right: 1px;
    bottom: 0;
    width: 232px;
    height: 89px;
    padding: 23px 40px 22px 35px;
    display: block
}
.special .home .col.cronologia .box .caption:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
@media only screen and (min-width: 1220px) {
    .special .home .col.cronologia .box .caption {
        right: 0
    }
}
.special .home .col.cronologia .box .caption .first {
    color: #fefefe;
    font-size: 20px;
    font-weight: lighter;
    line-height: 110%;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    width: 97%
}
.no-boxsizing .special .home .col.cronologia .box .caption .first {
    display: inline
}
.special .home .col.cronologia .box .caption .first:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 16px;
    color: #008e46;
    position: absolute;
    top: 42%;
    right: 4px;
    -webkit-transition: color .25s, right .25s;
    transition: color .25s, right .25s
}
.special .home .col.cronologia .box:hover .caption .first:before {
    color: #fefefe;
    right: 14px
}
.special .col.side {
    width: 100%;
    float: left;
    display: inline;
    width: 101%;
    margin-bottom: 30px;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .special .col.side {
        width: 80%
    }
}
.special .col.side .box {
    display: block;
    position: relative;
    overflow: hidden
}
.special .col.side .box img {
    display: block;
    max-width: 100%;
    width: 232px;
    height: auto
}
.special .col.side .box .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #d2212c;
    z-index: 1
}
.special .col.side .box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.special .col.side .box ul li {
    margin: 0 4px;
    overflow: hidden;
    height: 232px;
    width: 232px;
    float: left;
    display: inline
}
.special .col.side .box ul li:first-child {
    margin-left: 0
}
.special .col.side .box ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 232px
}
.special .col.side .box ul li a .section.photo-gallery {
    background-color: rgba(0, 0, 0, 0.7);
    color: #373738;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    font-size: 0;
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    top: 35%;
    margin: auto;
    -webkit-transition: top .25s, transform .25s;
    transition: top .25s, transform .25s;
    -webkit-transition: top .25s, -webkit-transform .25s
}
.special .col.side .box ul li a .section.photo-gallery:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e801';
    font-size: 37px;
    line-height: 100%;
    color: #dfdfde;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 11px auto
}
.special .col.side .box ul li a .section.video-play {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: rgba(39, 41, 41, 0.8);
    border: 3px solid rgba(0, 142, 70, 0.8);
    width: 50px;
    height: 50px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 10px 14px;
    top: 35%;
    -webkit-transition: top .25s, transform .25s;
    transition: top .25s, transform .25s;
    -webkit-transition: top .25s, -webkit-transform .25s
}
.special .col.side .box ul li a .section.video-play:link,
.special .col.side .box ul li a .section.video-play:visited,
.special .col.side .box ul li a .section.video-play:hover,
.special .col.side .box ul li a .section.video-play:focus,
.special .col.side .box ul li a .section.video-play:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.special .col.side .box ul li a .section.video-play:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80e';
    font-size: 17px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    margin: 4px 1px
}
.special .col.side .box ul li a .more {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    text-align: center;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: bottom .25s;
    transition: bottom .25s
}
.special .col.side .box ul li a .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.boxsizing .special .col.side .box ul li a:hover .section.video-play,
.boxsizing .special .col.side .box ul li a:hover .section.photo-gallery {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.special .col.side .box ul li .slider-hp-editoria .slides li {
    margin: 0
}
.special .col.side .box ul li .flex-direction-nav {
    position: static
}
.special .col.side .box ul li .flex-direction-nav li {
    height: auto;
    margin: 0
}
.special .col.side .box ul li .flex-direction-nav a {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    position: absolute;
    display: block;
    width: 34px;
    height: 34px;
    background-color: #fefefe;
    top: 42%;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}
.special .col.side .box ul li .flex-direction-nav a:link,
.special .col.side .box ul li .flex-direction-nav a:visited,
.special .col.side .box ul li .flex-direction-nav a:hover,
.special .col.side .box ul li .flex-direction-nav a:focus,
.special .col.side .box ul li .flex-direction-nav a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.special .col.side .box ul li .flex-direction-nav a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 14px;
    line-height: 100%;
    color: #2a2b2c;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px 0
}
.special .col.side .box ul li .flex-direction-nav a.flex-next {
    right: 0
}
.special .col.side .box ul li .flex-direction-nav a.flex-next:before {
    content: '\e804';
    text-indent: 3px
}
.special .col.side .box ul li .flex-direction-nav a.flex-prev {
    left: 0
}
.special .col.side .box ul li .flex-direction-nav a.flex-prev:before {
    content: '\e803';
    text-indent: 0
}
.special .col.side .box ul li .flex-direction-nav a:hover.flex-next {
    right: 0
}
.special .col.side .box ul li .flex-direction-nav a:hover.flex-prev {
    left: 0
}
@media only screen and (min-width: 1220px) {
    .special .col.side {
        width: 25%;
        float: left;
        display: inline;
        width: 21.7%;
        position: absolute;
        top: -335px;
        right: -10px
    }
    .special .col.side .box {
        padding: 10px;
        background-color: rgba(244, 244, 244, 0.6)
    }
    .special .col.side .box img {
        width: 232px
    }
    .special .col.side .box ul li {
        margin: 10px 0 0;
        width: 232px
    }
    .special .col.side .box ul li:first-child {
        margin-top: 0
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .special .col.side {
        width: 20%
    }
}
.special .footer {
    background-color: #2a2b2c
}
.special .footer .title {
    color: #bdbdbd
}
.special .footer .col.link-utili a,
.special .footer .col.servizi a {
    color: #7b7b7b
}
.special .footer .col.link-utili a:before,
.special .footer .col.servizi a:before {
    color: #7b7b7b;
    -webkit-transition: color .25s;
    transition: color .25s
}
.special .footer .col.link-utili a:hover,
.special .footer .col.servizi a:hover {
    color: #c8c8c8
}
.special .footer .col.link-utili a:hover:before,
.special .footer .col.servizi a:hover:before {
    color: #c8c8c8
}
.special .footer .col.servizi a {
    border-bottom-color: #7b7b7b;
    -webkit-transition: color .25s, border-bottom .25s ease 0;
    transition: color .25s, border-bottom .25s ease 0
}
.special .interna .col.evidenza {
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #f4f4f4
}
@media only screen and (min-width: 1220px) {
    .special .interna .col.evidenza {
        background-size: cover
    }
}
.special .interna .col.evidenza .nav {
    width: 100%;
    background-color: rgba(23, 24, 24, 0.75)
}
.special .interna .col.evidenza .nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    padding: 15px 0;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .special .interna .col.evidenza .nav ul {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .special .interna .col.evidenza .nav ul {
        width: 100%
    }
}
.special .interna .col.evidenza .nav ul li {
    float: left;
    width: 25%;
    margin: 9px 0;
    padding-right: 10px
}
@media only screen and (min-width: 1220px) {
    .special .interna .col.evidenza .nav ul li {
        width: 23%
    }
}
.special .interna .col.evidenza .nav ul li a {
    display: block;
    color: #fafafa;
    outline: 0 none;
    font-size: 14px;
    font-weight: lighter
}
@media only screen and (min-width: 1220px) {
    .special .interna .col.evidenza .nav ul li a {
        font-size: 16px
    }
}
.special .interna .col.evidenza .nav ul li a.home {
    height: 110px;
    margin-left: 0;
    font-size: 0
}
.special .interna .col.evidenza .nav ul li a.home:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80d';
    font-size: 20px;
    line-height: 100%;
    color: #fefefe;
    -webkit-transition: color .25s;
    transition: color .25s
}
.special .interna .col.evidenza .nav ul li a:hover {
    color: #f7c12f
}
.special .interna .col.evidenza .nav ul li a:hover:before {
    color: #f7c12f
}
.special .interna .col.evidenza .breadcrumb {
    width: 100%;
    background-color: rgba(247, 193, 47, 0.8);
    margin-bottom: 35px
}
.special .interna .col.evidenza .breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.special .interna .col.evidenza .breadcrumb ul li {
    float: left
}
.special .interna .col.evidenza .breadcrumb ul li:first-child a {
    color: #fbfbfb;
    padding-left: 0;
    padding-top: 14px;
    font-size: 34px;
    font-weight: normal
}
.special .interna .col.evidenza .breadcrumb ul li:first-child a:before {
    content: '1915 - 1918';
    color: #2d281e;
    font-size: 18px;
    font-weight: bold;
    margin-right: 20px;
    position: relative;
    top: -4px;
    left: 0;
    display: inline;
    font-family: Georgia, Times, serif
}
.special .interna .col.evidenza .breadcrumb ul li a {
    padding: 19px 35px 15px 65px;
    font-size: 28px;
    font-weight: lighter;
    color: #2a2b2c;
    display: block;
    position: relative
}
.special .interna .col.evidenza .breadcrumb ul li a:hover {
    color: #fbfbfb
}
.special .interna .col.evidenza .breadcrumb ul li a:hover:before {
    color: #fbfbfb
}
.special .interna .col.evidenza .breadcrumb ul li a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    position: absolute;
    left: -15px;
    top: -7px;
    margin: auto;
    font-size: 74px;
    color: #c19111;
    -moz-opacity: .95;
    -khtml-opacity: .95;
    -webkit-opacity: .95;
    opacity: .95;
    -ms-filter: alpha(opacity=95);
    filter: alpha(opacity=95);
    -webkit-transition: color .25s;
    transition: color .25s
}
.special .interna .content {
    position: relative;
    margin-bottom: 70px;
    margin-top: 50px;
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto
}
@media only screen and (min-width: 1220px) {
    .special .interna .content {
        max-width: 1205px
    }
}
.special .interna .news {
    margin-top: 50px
}
@media only screen and (min-width: 1220px) {
    .special .interna .news {
        margin-bottom: 70px
    }
}
.special .interna .news .col.main {
    width: 100%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .special .interna .news .col.main {
        width: 80%
    }
}
.special .interna .news .col.main .col.aside {
    margin-right: 1px;
    padding-right: 9px;
    width: 37.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .special .interna .news .col.main .col.aside {
        width: 30%
    }
}
@media only screen and (min-width: 1220px) {
    .special .interna .news .col.main .col.aside {
        width: 37.5%;
        float: left;
        display: inline
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .special .interna .news .col.main .col.aside {
        width: 30%
    }
}
.special .interna .news .col.main .col.aside .article-image {
    font-family: Georgia, Times, serif
}
.special .interna .news .col.main .col.aside .article-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: -20px
}
.special .interna .news .col.main .col.aside .article-image .caption {
    padding: 30px 55px 15px;
    font-weight: normal;
    text-align: center;
    font-size: 33px;
    line-height: 115%
}
.special .interna .news .col.main .col.aside .article-image .caption em {
    color: #d2212c
}
.special .interna .news .col.main .col.aside .abstract {
    font-family: Georgia, Times, serif;
    text-align: center;
    overflow: hidden;
    margin-bottom: 50px
}
.special .interna .news .col.main .col.aside .abstract p {
    line-height: 130%;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: normal;
    margin: 15px 0;
    overflow: hidden;
    padding: 0 15px
}
.special .interna .news .col.main .col.aside .eventi {
    text-align: left
}
.special .interna .news .col.main .col.aside .eventi a {
    display: block;
    width: 343px;
    position: relative
}
.special .interna .news .col.main .col.aside .eventi a:hover .caption .first {
    background-color: #2d281e
}
.special .interna .news .col.main .col.aside .eventi a:hover .caption .second {
    background-color: #423d32
}
.special .interna .news .col.main .col.aside .eventi a img {
    display: block;
    max-width: 100%;
    height: auto
}
.special .interna .news .col.main .col.aside .eventi a span {
    display: block
}
.special .interna .news .col.main .col.aside .eventi a .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}
.special .interna .news .col.main .col.aside .eventi a .caption .first {
    padding: 12px;
    background-color: #423d32;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.special .interna .news .col.main .col.aside .eventi a .caption .first em {
    display: block;
    color: #fbbc12;
    font-weight: lighter;
    padding-bottom: 15px
}
.special .interna .news .col.main .col.aside .eventi a .caption .first strong {
    display: block;
    font-weight: lighter;
    color: #fefefe;
    font-size: 22px;
    padding-bottom: 3px
}
.special .interna .news .col.main .col.aside .eventi a .caption .second {
    background-color: #2d281e;
    padding: 12px;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.special .interna .news .col.main .col.aside .eventi a .caption .second .date {
    text-align: left
}
.special .interna .news .col.main .col.aside .eventi a .caption .second .date span {
    color: #9b917e;
    font-size: 12px;
    display: inline
}
.special .interna .news .col.main .col.aside .eventi a .caption .second .date span strong {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: text-top;
    font-size: 13px;
    font-weight: normal;
    margin-left: 2px;
    width: 70px;
    height: 15px;
    color: #fefefe
}
.no-boxsizing .special .interna .news .col.main .col.aside .eventi a .caption .second .date span strong {
    display: inline
}
.special .interna .news .col.main .col.aside .eventi a .caption .second .date .date-dal {
    margin-right: 15px
}
.special .interna .news .col.main .col.aside .eventi a .caption .second .where {
    padding: 10px 0 0;
    font-weight: lighter;
    color: #fefefe
}
.special .interna .news .col.main .col.aside .eventi a .caption .second .title-evento {
    padding-top: 3px;
    color: #fbbc12;
    font-size: 22px;
    font-weight: lighter;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.special .interna .news .col.main .news-content {
    overflow: hidden
}
.special .interna .news .col.main .news-content .title {
    background-color: #f9f9f9;
    font-family: Georgia, Times, serif;
    text-align: center;
    padding: 20px 0 30px
}
.special .interna .news .col.main .news-content .title h1 {
    color: #c1951f;
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 20px
}
.special .interna .news .col.main .news-content .title h2 {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 8px
}
.special .interna .news .col.main .news-content .title p {
    font-weight: normal;
    font-size: 18px
}
.special .interna .news .col.main .news-content .subtitle {
    background-color: #f9f9f9;
    padding: 30px 10px 30px 45px;
    font-size: 18px;
    font-style: italic;
    font-weight: lighter;
    line-height: 160%;
    position: relative;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 1px 0 0 #fff inset, 0 1px 0 0 #fff;
    -moz-box-shadow: 0 1px 0 0 #fff inset, 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff inset, 0 1px 0 0 #fff
}
.special .interna .news .col.main .news-content .subtitle p {
    text-align: left
}
.special .interna .news .col.main .news-content .subtitle p:before,
.special .interna .news .col.main .news-content .subtitle p:after {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    color: #656363;
    font-size: 24px
}
.special .interna .news .col.main .news-content .subtitle p:after {
    content: '\e80f';
    position: absolute;
    top: 20px;
    left: 5px
}
.special .interna .news .col.main .news-content .subtitle p:before {
    content: '\e810';
    float: right;
    position: static;
    display: inline;
    margin-bottom: 5px;
    margin-left: 5px
}
.special .interna .news .col.main .news-content .story {
    background-color: #f9f9f9;
    padding: 15px 20px
}
.special .interna .news .col.main .news-content .story p {
    margin: 15px 0;
    line-height: 135%;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.special .interna .news .col.main .news-content .story p * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.special .interna .news .col.main .news-content .story p strong,
.special .interna .news .col.main .news-content .story p b {
    font-weight: normal !important
}
.special .interna .news .col.main .news-content .story .ms-rtePosition-1 {
    display: block;
    height: auto;
    width: auto;
    float: left;
    margin-top: 25px;
    margin-bottom: 40px;
    margin-right: 25px
}
.special .interna .news .col.main .news-content .story .ms-rtePosition-2 {
    display: block;
    height: auto;
    width: auto;
    float: right;
    margin-top: 25px;
    margin-bottom: 40px;
    margin-left: 25px
}
.special .interna .news .col.main .news-content .story .button {
    background-color: #128d46;
    color: #f4f4f4;
    display: block;
    font-weight: lighter;
    margin: -25px auto 0;
    padding: 14px 30px 11px;
    position: relative;
    top: 32px;
    width: 47%
}
.special .interna .news .col.main .news-content .story .button:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 14px;
    line-height: 100%;
    color: #f4f4f4;
    position: absolute;
    top: 15px;
    right: 8px;
    -webkit-transition: color .25s;
    transition: color .25s
}
.special .interna .news .col.main .news-content .story .button:hover {
    background-color: #f9f9f9;
    color: #128d46
}
.special .interna .news .col.main .news-content .story .button:hover:before {
    color: #128d46
}
.special .interna .news .col.main .news-content .biografie {
    background-color: #eaeaea;
    margin-top: 70px;
    overflow: hidden;
    padding: 14px 5px
}
.special .interna .news .col.main .news-content .biografie ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Georgia, Times, serif
}
.special .interna .news .col.main .news-content .biografie ul li {
    overflow: hidden;
    float: left;
    padding: 0 5px;
    width: 50%
}
.special .interna .news .col.main .news-content .biografie ul li a {
    display: block;
    color: #2d281e
}
.special .interna .news .col.main .news-content .biografie ul li a img {
    display: block;
    float: left;
    width: 91px;
    height: 91px
}
.special .interna .news .col.main .news-content .biografie ul li a span {
    padding: 25px;
    float: left;
    margin-left: 9px;
    height: 91px;
    width: 65%;
    display: block;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.special .interna .news .col.main .news-content .biografie ul li a .grado {
    font-size: 16px;
    padding: 0;
    width: 100%;
    height: 18px;
    margin: 0;
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.special .interna .news .col.main .news-content .biografie ul li a .nome {
    padding: 0;
    font-size: 18px;
    width: 100%;
    height: 22px;
    margin: 3px 0 0;
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.special .interna .news .col.main .news-content .biografie ul li a:hover span {
    background-color: rgba(255, 255, 255, 0.95)
}
.special .interna .col.side {
    margin-top: 50px;
    margin-bottom: 70px
}
@media only screen and (min-width: 1220px) {
    .special .interna .col.side {
        top: 0;
        right: -10px;
        margin-top: 0
    }
}
.soggiorni .section-nav {
    margin-bottom: 40px;
    background-color: #2a2b2c
}
.soggiorni .section-nav .col.nav {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .soggiorni .section-nav .col.nav {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .soggiorni .section-nav .col.nav {
        width: 100%
    }
}
.soggiorni .section-nav .col.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.soggiorni .section-nav .col.nav ul li {
    float: left;
    margin: 10px 5px
}
@media only screen and (min-width: 1220px) {
    .soggiorni .section-nav .col.nav ul li {
        margin: 10px 7px
    }
}
.soggiorni .section-nav .col.nav ul li:first-child {
    margin-left: 0
}
.soggiorni .section-nav .col.nav ul li a {
    display: block;
    padding: 16px 14px 14px;
    font-size: 18px;
    font-weight: lighter;
    color: #f4f4f4
}
@media only screen and (min-width: 1220px) {
    .soggiorni .section-nav .col.nav ul li a {
        padding: 16px 25px 14px
    }
}
.soggiorni .section-nav .col.nav ul li a:hover,
.soggiorni .section-nav .col.nav ul li a.active {
    color: #d2212b
}
.soggiorni .section-nav .col.nav ul li a.special {
    background-color: #d2212b
}
.soggiorni .section-nav .col.nav ul li a.special:hover {
    background-color: transparent
}
.soggiorni .wrapper {
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto
}
@media only screen and (min-width: 1220px) {
    .soggiorni .wrapper {
        max-width: 1205px
    }
}
.soggiorni .content .col.nav {
    width: 25%;
    float: left;
    display: inline;
    background-color: transparent
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.nav {
        width: 20%
    }
}
.soggiorni .content .col.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 40px
}
.soggiorni .content .col.nav ul li {
    width: 100%;
    overflow: hidden
}
.soggiorni .content .col.nav ul li:first-child a {
    border-top: 0 none
}
.soggiorni .content .col.nav ul li a {
    display: block;
    background-color: #fafafa;
    color: #2a2b2c;
    padding: 13px 30px 13px 13px;
    font-size: 15px;
    line-height: 130%;
    font-weight: lighter;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ededed
}
.soggiorni .content .col.nav ul li a:hover,
.soggiorni .content .col.nav ul li a.active {
    font-weight: bold
}
.soggiorni .content .container {
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .container {
        width: 60%
    }
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .container {
        width: 80%
    }
}
.soggiorni .content .container h2 {
    color: #2a2b2c;
    font-size: 48px;
    font-weight: normal;
    margin: 0
}
.soggiorni .content .container .ms-rtePosition-1 {
    display: block;
    height: auto;
    width: auto;
    float: left;
    margin-top: 30px;
    margin-bottom: 25px;
    margin-right: 25px
}
.soggiorni .content .container .ms-rtePosition-2 {
    display: block;
    height: auto;
    width: auto;
    float: right;
    margin-top: 30px;
    margin-bottom: 25px;
    margin-left: 25px
}
.soggiorni .content .container .ms-rtestate-field {
    clear: none;
    color: #151515;
    line-height: 150%;
    margin: 25px 0 15px;
    overflow: visible;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: lighter !important
}
.soggiorni .content .container .ms-rtestate-field * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: lighter !important
}
.soggiorni .content .container .ms-rtestate-field strong,
.soggiorni .content .container .ms-rtestate-field b {
    font-weight: normal !important
}
.soggiorni .content .col.evidenza {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza {
        width: 100%
    }
}
.soggiorni .content .col.evidenza .special {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    padding-right: 4px
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .special {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .special {
        width: 100%
    }
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .special {
        width: 75%;
        padding: 0
    }
}
.soggiorni .content .col.evidenza .special.box {
    display: block;
    position: relative
}
.soggiorni .content .col.evidenza .special.box img {
    display: block;
/* 21 aprile 2020 priante */	
width:100%;
    max-width: 100%;
    height: auto
}
.soggiorni .content .col.evidenza .special.box .caption {
    height: 60px;
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-weight: lighter;
    -webkit-transition: height .25s, background-color .25s;
    transition: height .25s, background-color .25s;
    height: auto;
    margin-top: -1px;
    padding: 20px 130px 10px 18px;
    background-color: #2a2b2c
}
.soggiorni .content .col.evidenza .special.box .caption span {
    display: block
}
.soggiorni .content .col.evidenza .special.box .caption span.first {
    color: #f4f4f4;
    font-size: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.soggiorni .content .col.evidenza .special.box .caption span.second {
    color: #f4f4f4;
    font-size: 15px;
    line-height: 130%;
    padding: 7px 0 8px
}
.soggiorni .content .col.evidenza .special.box .caption span.second .moreellipses {
    display: inline
}
.soggiorni .content .col.evidenza .special.box .caption span.second .morecontent {
    display: none !important
}
.soggiorni .content .col.evidenza .special.box .more {
    position: absolute;
    padding: 8px 30px 8px 8px;
    font-size: 13px;
    color: #2a2b2c;
    bottom: 8.5%;
    right: 10px;
    text-align: center;
    margin: auto;
    width: 88px;
    background-color: rgba(254, 254, 254, 0.9);
    -webkit-transition: right .25s;
    transition: right .25s
}
.soggiorni .content .col.evidenza .special.box .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #2a2b2c;
    position: absolute;
    top: 8px;
    right: 6px
}
.boxsizing .soggiorni .content .col.evidenza .special.box:hover .more {
    right: 20px
}
.soggiorni .content .col.evidenza .col.side {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
.soggiorni .content .col.evidenza .col.side .ins {
    margin: 0
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .col.side .ins {
        margin: 0 0 0 10px
    }
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .col.side {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .col.side {
        width: 100%
    }
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .col.side {
        width: 25%
    }
}
.soggiorni .content .col.evidenza .disponibilita,
.soggiorni .content .col.evidenza .prenotazioni {
    width: 49%;
    height: 150px;
    display: block;
    float: left;
    padding: 15px;
    position: relative;
    margin-top: 40px
}
.soggiorni .content .col.evidenza .disponibilita .caption,
.soggiorni .content .col.evidenza .prenotazioni .caption {
    display: block;
    font-size: 22px;
    font-weight: lighter;
    height: 50%;
    line-height: 120%;
    margin-top: 60px;
    padding: 25px 10px 10px;
    text-align: center
}
.soggiorni .content .col.evidenza .disponibilita .caption .first,
.soggiorni .content .col.evidenza .prenotazioni .caption .first {
    color: #f4f4f4
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .disponibilita,
    .soggiorni .content .col.evidenza .prenotazioni {
        float: none;
        width: 232px;
        height: 232px;
        margin-top: 0
    }
    .soggiorni .content .col.evidenza .disponibilita .caption,
    .soggiorni .content .col.evidenza .prenotazioni .caption {
        margin-top: 101px;
        padding: 25px 30px 10px;
        font-size: 26px
    }
}
.soggiorni .content .col.evidenza .disponibilita {
    background-color: #2a2b2c;
    margin-right: 10px
}
.soggiorni .content .col.evidenza .disponibilita:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e813';
    position: absolute;
    color: #21a4ed;
    left: 0;
    right: 0;
    margin: auto;
    top: 12px;
    font-size: 50px
}
.soggiorni .content .col.evidenza .disponibilita .caption {
    -webkit-box-shadow: 0 -1px 0 0 #131414;
    -moz-box-shadow: 0 -1px 0 0 #131414;
    box-shadow: 0 -1px 0 0 #131414;
    border-top: 1px solid #383a3b
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .disponibilita {
        margin-right: 0;
        margin-bottom: 20px
    }
    .soggiorni .content .col.evidenza .disponibilita:before {
        top: 20px;
        font-size: 72px
    }
}
.soggiorni .content .col.evidenza .prenotazioni {
    background-color: #06a4ed
}
.soggiorni .content .col.evidenza .prenotazioni:before,
.soggiorni .content .col.evidenza .prenotazioni:after {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    position: absolute;
    color: #e0dbc7;
    font-size: 44px;
    top: 15px
}
.soggiorni .content .col.evidenza .prenotazioni:before {
    content: '\e814';
    left: 27%
}
.soggiorni .content .col.evidenza .prenotazioni:after {
    content: '\e815';
    right: 29%
}
.soggiorni .content .col.evidenza .prenotazioni .caption {
    -webkit-box-shadow: 0 -1px 0 0 #1b90cb;
    -moz-box-shadow: 0 -1px 0 0 #1b90cb;
    box-shadow: 0 -1px 0 0 #1b90cb;
    border-top: 1px solid #2cb6f6
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.evidenza .prenotazioni:before,
    .soggiorni .content .col.evidenza .prenotazioni:after {
        font-size: 56px;
        top: 35px
    }
    .soggiorni .content .col.evidenza .prenotazioni:before {
        left: 12%
    }
    .soggiorni .content .col.evidenza .prenotazioni:after {
        right: 12%
    }
}
.soggiorni .content .col.extra {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.extra {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.extra {
        width: 100%
    }
}
.soggiorni .content .col.extra .normativa,
.soggiorni .content .col.extra .guida {
    width: 352px;
    height: 150px;
    display: block;
    float: left;
    position: relative;
    margin-top: 40px;
    margin-bottom: 60px
}
.soggiorni .content .col.extra .normativa {
    margin-right: 10px;
    background-color: #2a2b2c;
    color: #f4f4f4;
    text-align: right;
    padding: 30px 15px;
    position: relative
}
.soggiorni .content .col.extra .normativa:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e816';
    font-size: 58px;
    position: absolute;
    left: 15px;
    top: 47px;
    color: #06a4ed
}
.soggiorni .content .col.extra .normativa .caption {
    padding: 33px 70px 27px 0;
    font-size: 26px;
    font-weight: lighter;
    display: block;
    border-top: 1px solid #3c3d3f;
    border-bottom: 1px solid #3c3d3f;
    -webkit-box-shadow: 0 -1px 0 0 #202122, 0 -1px 0 0 #202122 inset;
    -moz-box-shadow: 0 -1px 0 0 #202122, 0 -1px 0 0 #202122 inset;
    box-shadow: 0 -1px 0 0 #202122, 0 -1px 0 0 #202122 inset
}
@media only screen and (min-width: 1220px) {
    .soggiorni .content .col.extra .normativa {
        margin-right: 12px
    }
}
.soggiorni .content .col.extra .guida {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background: transparent no-repeat center right url(../sample-img/guida-soggiorni.jpg)
}
.soggiorni .content .col.extra .guida:link,
.soggiorni .content .col.extra .guida:visited,
.soggiorni .content .col.extra .guida:hover,
.soggiorni .content .col.extra .guida:focus,
.soggiorni .content .col.extra .guida:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.interna.fotogallery .nav .col.section-nav ul li {
    margin: 0
}
.interna.fotogallery .nav .col.section-nav ul li a {
    max-width: none;
    font-size: 22px;
    font-weight: lighter;
    padding: 27px 20px 23px;
    line-height: inherit;
    height: auto;
    color: #e5e2d4
}
.interna.fotogallery .nav .col.section-nav ul li a:hover {
    background: 0;
    color: #f1f1f1
}
.interna.fotogallery .side-share {
    top: 190px
}
.interna.fotogallery .news-head {
    height: auto;
    margin: 0;
    position: static;
    width: 87.5%;
    float: left;
    display: inline;
    margin-left: 12.5%;
    margin-top: 40px;
    margin-bottom: 35px
}
@media only screen and (min-width: 1220px) {
    .interna.fotogallery .news-head {
        width: 70%
    }
}
@media only screen and (min-width: 1220px) {
    .interna.fotogallery .news-head {
        width: 69.5%;
        margin-left: 10%
    }
}
.interna.fotogallery .news-head .box {
    width: 100%
}
.interna.fotogallery .news-head .box h1 {
    background: transparent;
    font-size: 32px;
    line-height: 120%;
    margin: 0;
    padding: 0
}
.interna.fotogallery .news-content {
    width: 87.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .interna.fotogallery .news-content {
        width: 70%
    }
}
@media only screen and (min-width: 1220px) {
    .interna.fotogallery .news-content {
        width: 69.5%
    }
}
.interna.fotogallery .news-content .gallery-slide {
    text-align: left
}
.interna.fotogallery .news-content .gallery-slide .flexslider {
    width: 838px
}
.interna.fotogallery .news-content .gallery-slide .flexslider .slides {
    text-align: left
}
.interna.fotogallery .news-content .gallery-slide .flexslider li {
    background-color: #878787
}
.interna.fotogallery .news-content .gallery-slide .flexslider li .box {
    height: 522px;
    width: 100%;
    overflow: hidden
}
.interna.fotogallery .news-content .gallery-slide .flexslider li .box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-box-shadow: 0 15px 30px -15px #303030;
    -moz-box-shadow: 0 15px 30px -15px #303030;
    box-shadow: 0 15px 30px -15px #303030
}
.interna.fotogallery .news-content .gallery-slide .flexslider li .box img.over-height {
    height: 100%
}
.interna.fotogallery .news-content .gallery-slide .flexslider li .box .caption {
    width: 100%;
    margin: 0;
    position: absolute;
    bottom: 0;
    background-color: rgba(42, 43, 44, 0.9);
    color: #f4f4f4;
    line-height: 130%;
    margin: -1px 0 0 !important;
    padding: 15px
}
.interna.fotogallery .news-content .gallery-slide .flexslider li .box .caption .first {
    text-align: left
}
.interna.fotogallery .news-content .gallery-slide .flexslider li .box .caption .second {
    text-align: left
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav {
    position: static
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav li {
    height: auto;
    margin: 0
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    background-color: #fefefe;
    top: 42%;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a:link,
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a:visited,
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a:hover,
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a:focus,
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 32px;
    line-height: 100%;
    color: #2a2b2c;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 19px 0
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a.flex-next {
    right: 1px
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a.flex-next:before {
    content: '\e804';
    text-indent: 10px
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a.flex-prev {
    left: 1px
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a.flex-prev:before {
    content: '\e803';
    text-indent: -2px
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a:hover.flex-next {
    right: 1px
}
.interna.fotogallery .news-content .gallery-slide .flexslider .flex-direction-nav a:hover.flex-prev {
    left: 1px
}
.interna.fotogallery .news-content .gallery-slide .source {
    background-color: #fdfdfd;
    float: left;
    font-size: 14px;
    padding: 15px 30px 12px
}
.interna.fotogallery .news-content .gallery-slide .source em {
    font-style: normal
}
.interna.fotogallery .news-content .gallery-slide .source a {
    font-weight: normal;
    margin: 0 35px 0 15px
}
.interna.fotogallery .news-content .gallery-slide .source .date {
    text-align: left
}
.interna.fotogallery .related-category {
    width: 87.5%;
    float: left;
    display: inline;
    margin-left: 12.5%
}
@media only screen and (min-width: 1220px) {
    .interna.fotogallery .related-category {
        width: 70%
    }
}
@media only screen and (min-width: 1220px) {
    .interna.fotogallery .related-category {
        width: 69.5%;
        margin-left: 10%
    }
}
.arruolamenti .header .col.go-to .titolo {
    width: 100%;
    font-size: 51px;
    margin-top: 17px;
    font-weight: normal
}
.arruolamenti .section-nav {
    background-color: #2a2b2c
}
.arruolamenti .section-nav .container {
    text-align: left
}
.arruolamenti .section-nav .col.nav {
    background: 0
}
.arruolamenti .section-nav .col.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.arruolamenti .section-nav .col.nav ul li {
    float: left;
    margin: 0 4px
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .section-nav .col.nav ul li {
        margin: 0 12px
    }
}
.arruolamenti .section-nav .col.nav ul li a {
    display: block;
    color: #f4f4f4;
    font-size: 16px;
    font-weight: lighter;
    padding: 13px 13px 11px;
    margin: 15px 0;
    outline: 0 none
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .section-nav .col.nav ul li a {
        padding: 13px 18px 11px
    }
}
.arruolamenti .section-nav .col.nav ul li a.special {
    color: #19af58
}
.arruolamenti .section-nav .col.nav ul li a.active,
.arruolamenti .section-nav .col.nav ul li a:hover {
    color: #f4f4f4;
    background-color: #d2222c
}
.arruolamenti .section-nav .col.nav ul li a.active.special,
.arruolamenti .section-nav .col.nav ul li a:hover.special {
    color: #f4f4f4
}
.arruolamenti .photo {
    background-position: center top;
    background-repeat: no-repeat;
    height: 400px;
    border-bottom: 10px solid #f9f9f9;
    position: relative;
    overflow: hidden
}
.arruolamenti .photo.loading {
    margin: 0 0 80px;
    overflow: visible
}
.arruolamenti .photo.loading:before {
    left: -25px
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .photo {
        background-size: cover
    }
}
.arruolamenti .photo:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent repeat top left url(../img/ie7/bg-photo-arruolamenti.png)
}
.arruolamenti .photo .col {
    text-align: left
}
.arruolamenti .photo ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    margin: 55px auto 0;
    width: 974px
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .photo ul {
        width: 1052px
    }
}
.arruolamenti .photo ul li {
    float: left;
    margin-left: 26px;
    background-color: rgba(250, 250, 250, 0.25);
    width: 306px;
    height: 94px;
    padding: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .photo ul li {
        width: 332px
    }
}
.arruolamenti .photo ul li:first-child {
    margin-left: 0
}
.arruolamenti .photo ul li a {
    height: 100%;
    display: block;
    text-align: center;
    outline: 0 none;
    padding-top: 6px;
    background-color: rgba(0, 142, 70, 0.95);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 10px -5px #000, 0 4px 5px -5px #000;
    -moz-box-shadow: 0 3px 10px -5px #000, 0 4px 5px -5px #000;
    box-shadow: 0 3px 10px -5px #000, 0 4px 5px -5px #000
}
.arruolamenti .photo ul li a:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.arruolamenti .photo ul li a span {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    color: #f4f4f4;
    font-size: 24px;
    font-weight: lighter;
    line-height: 110%;
    width: 98%
}
.no-boxsizing .arruolamenti .photo ul li a span {
    display: inline
}
.arruolamenti .content {
    text-align: left
}
.arruolamenti .content .container {
    overflow: visible
}
.arruolamenti .categorie {
    overflow: visible;
    display: block;
    position: relative;
    background-color: #2a2b2c
}
.arruolamenti .categorie:before {
    content: '';
    display: block;
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    background: repeat-x top left url(../img/ie7/bg-arruolamenti.png)
}
.arruolamenti .categorie .container {
    overflow: visible
}
.arruolamenti .categorie .col {
    background-color: #fafafa;
    position: relative;
    top: -165px;
    width: 776px;
    margin: 0 auto -205px
}
.arruolamenti .categorie .head {
    height: 165px;
    color: #2b2b2b;
    overflow: hidden
}
.arruolamenti .categorie .head .title {
    text-align: center;
    font-size: 44px;
    font-weight: normal;
    margin: 35px 0 15px
}
.arruolamenti .categorie .head .abstract {
    text-align: center;
    font-size: 26px;
    font-weight: lighter;
    line-height: 110%;
    padding: 0 110px
}
.arruolamenti .categorie .box-list {
    padding: 0 10px 40px;
    overflow: hidden
}
.arruolamenti .categorie .box-list .item {
    margin: 40px 10px 0;
    float: left;
    width: 232px
}
.arruolamenti .categorie .box-list .item a {
    display: block;
    width: 100%;
    outline: 0 none
}
.arruolamenti .categorie .box-list .item a img {
    display: block;
    /* 15-04-2020 priante */
	/* width: 100%;
    height: auto; 	
    max-width: 100%*/
	width:232px;
	height:150px;
	max-width:232px;
}
.arruolamenti .categorie .box-list .item a .caption {
    display: block;
   	/* 15-04-2020 priante  */
	    /* width: 100%; */
	width:232px;	
    height: 60px;
    text-align: center;
    font-size: 16px;
    line-height: 120%;
    padding: 10px;
    color: #2a2b2c;
    background-color: #f4f4f4
}
.arruolamenti .categorie .box-list .item a .caption:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.arruolamenti .categorie .box-list .item a .caption em {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    font-style: normal;
    width: 96%
}
.no-boxsizing .arruolamenti .categorie .box-list .item a .caption em {
    display: inline
}
.arruolamenti .categorie .box-list .item a strong {
    display: block;
    padding: 35px 30px 25px;
    color: #2a2b2c;
    font-size: 28px;
    font-weight: lighter;
    text-align: center
}
.arruolamenti .categorie .box-list .item a .button {
    background-color: #06a4ed;
    color: #fafafa;
    display: block;
    font-size: 14px;
    font-weight: lighter;
    margin: 0 auto;
    padding: 15px 10px 12px;
    text-align: center;
    width: 80%
}
.arruolamenti .categorie .box-list .item.special a {
    background-color: #f4f4f4;
    height: 205px
}
.arruolamenti .percorsi {
    margin-top: 40px
}
.arruolamenti .percorsi .col {
    width: 100%;
    margin: 75px auto 60px;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .percorsi .col {
        width: 80%
    }
}
.arruolamenti .percorsi h2.title {
    margin-bottom: 40px;
    font-size: 44px;
    font-weight: lighter;
    text-align: center;
    display: block;
    color: #000 !important
}
.arruolamenti .percorsi .item {
    float: left;
    width: 50%;
    padding-left: 2px
}
.arruolamenti .percorsi .item a {
    outline: 0 none
}
.arruolamenti .percorsi .item a img {
    display: block;
    width: auto;
    height: auto;
    float: left;
    margin-right: 12px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.arruolamenti .percorsi .item a .box {
    display: block;
    float: left;
    width: 49%;
    padding-right: 12px
}
.arruolamenti .percorsi .item a .box .title {
    display: block;
    font-size: 20px;
    font-weight: lighter;
    line-height: 120%;
    margin-bottom: 20px;
    min-height: 48px
}
.arruolamenti .percorsi .item a .box .abstract {
    color: #2a2b2c;
    display: block;
    font-size: 14px;
    font-weight: lighter;
    line-height: 130%;
    padding-right: 10px
}
.arruolamenti .percorsi .item a .box .more {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    font-size: 12px;
    font-weight: bold;
    margin-top: 25px;
    padding: 10px 30px 8px 10px;
    color: #fefefe;
    background-color: #21a4ed;
    position: relative
}
.no-boxsizing .arruolamenti .percorsi .item a .box .more {
    display: inline
}
.arruolamenti .percorsi .item a .box .more:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    top: 9px;
    right: 6px
}
.arruolamenti .concorsi {
    text-align: left
}
.arruolamenti .concorsi .content {
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content {
        max-width: 1205px
    }
}
.arruolamenti .concorsi .content .main {
    margin-top: -65px;
    width: 62.5%;
    float: left;
    display: inline
}
.arruolamenti .concorsi .content .main .ins.loading {
    top: 180px
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content .main {
        width: 50%
    }
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content .main {
        width: 60%
    }
}
.arruolamenti .concorsi .content .main .title {
    display: block;
    font-size: 32px;
    font-weight: lighter;
    margin: 65px 0 15px
}
.arruolamenti .concorsi .content .main .item {
    min-height: 172px;
    margin-bottom: 40px;
    padding: 3px;
    position: relative;
    overflow: hidden;
    background-color: #fcfcfc
}
.arruolamenti .concorsi .content .main .item.no-entry h3 {
    display: block;
    color: #2a2b2c;
    text-align: center;
    margin: 65px 0
}
.arruolamenti .concorsi .content .main .item a {
    color: #555
}
.arruolamenti .concorsi .content .main .item ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.arruolamenti .concorsi .content .main .item ul.informazioni {
    overflow: hidden;
    position: absolute;
    top: 3px
}
.arruolamenti .concorsi .content .main .item ul.informazioni li {
    float: left;
    position: relative;
    height: 60px;
    font-weight: lighter;
    color: #2a2b2c;
    font-size: 15px;
    background-color: #f5f5f5;
    margin-left: 3px
}
.arruolamenti .concorsi .content .main .item ul.informazioni li:first-child {
    margin-left: 0
}
.arruolamenti .concorsi .content .main .item ul.informazioni li span {
    display: block;
    font-style: normal;
    font-size: 12px;
    font-weight: lighter;
    margin-bottom: 6px
}
.arruolamenti .concorsi .content .main .item ul.informazioni li.anno {
    width: 75px;
    padding: 13px 17px 16px
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content .main .item ul.informazioni li.anno {
        width: 115px
    }
}
.arruolamenti .concorsi .content .main .item ul.informazioni li.pubblicazione {
    width: 183px;
    padding: 13px 15px 16px 43px
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content .main .item ul.informazioni li.pubblicazione {
        width: 190px
    }
}
.arruolamenti .concorsi .content .main .item ul.informazioni li.pubblicazione:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e817';
    font-size: 14px;
    line-height: 100%;
    color: #b7af8d;
    position: absolute;
    top: 21px;
    left: 13px
}
.arruolamenti .concorsi .content .main .item ul.informazioni li.scadenza {
    width: 183px;
    padding: 13px 15px 16px 42px
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content .main .item ul.informazioni li.scadenza {
        width: 190px
    }
}
.arruolamenti .concorsi .content .main .item ul.informazioni li.scadenza:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e817';
    font-size: 14px;
    line-height: 100%;
    color: #b7af8d;
    position: absolute;
    top: 21px;
    left: 13px
}
.arruolamenti .concorsi .content .main .item ul.informazioni li.reclutamento {
    width: 140px;
    padding: 13px 15px 16px 49px
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content .main .item ul.informazioni li.reclutamento {
        width: 203px
    }
}
.arruolamenti .concorsi .content .main .item ul.informazioni li.reclutamento:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e818';
    font-size: 18px;
    line-height: 100%;
    color: #b7af8d;
    position: absolute;
    top: 20px;
    left: 13px
}
.arruolamenti .concorsi .content .main .item h2,
.arruolamenti .concorsi .content .main .item h3 {
    font-size: 28px;
    font-weight: lighter;
    line-height: 120%;
    margin: 100px 0 30px;
    padding: 0 20px 0 15px
}
.arruolamenti .concorsi .content .main .item h2 a,
.arruolamenti .concorsi .content .main .item h3 a {
    color: #2a2b2c;
    display: block
}
.arruolamenti .concorsi .content .main .item h2 a:hover,
.arruolamenti .concorsi .content .main .item h3 a:hover {
    color: #4f5153
}
.arruolamenti .concorsi .content .main .item p {
    margin: 0 0 16px;
    display: block;
    height: 38px;
    float: right;
    padding-right: 35px
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content .main .item p {
        padding-right: 75px
    }
}
.arruolamenti .concorsi .content .main .item p>a {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 38px;
    padding: 14px 15px 12px;
    text-align: center;
    text-transform: uppercase;
    min-width: 80px
}
.arruolamenti .concorsi .content .main .item p>a.info {
    color: #555353;
    background-color: #e0dbc7
}
.arruolamenti .concorsi .content .main .item p>a.iscriviti {
    color: #eeefef;
    margin-left: 12px;
    background-color: #bc1921
}
.arruolamenti .concorsi .content .sidebar {
    width: 37.5%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content .sidebar {
        width: 30%
    }
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .concorsi .content .sidebar {
        width: 40%
    }
}
.arruolamenti .concorsi .content .sidebar .side-item {
    overflow: hidden;
    margin-bottom: 40px
}
.arruolamenti .concorsi .content .sidebar .side-item .box {
    background-color: #fff;
    padding: 1px 13px 15px
}
.arruolamenti .concorsi .content .sidebar .side-item .box .title {
    color: #008e46;
    font-size: 24px;
    font-weight: lighter;
    margin-bottom: -10px
}
.arruolamenti .concorsi .content .sidebar .side-item .box p {
    color: #2a2b2c;
    display: block;
    font-weight: lighter;
    line-height: 130%;
    margin: 15px 0;
    font-size: 15px
}
.arruolamenti .concorsi .content .sidebar .side-item .box p.more {
    text-align: center
}
.arruolamenti .concorsi .content .sidebar .side-item .box .button {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    font-size: 12px;
    font-weight: bold;
    margin: 10px auto 0;
    padding: 8px 30px 6px 10px;
    color: #fefefe;
    background-color: #21a4ed;
    position: relative
}
.no-boxsizing .arruolamenti .concorsi .content .sidebar .side-item .box .button {
    display: inline
}
.arruolamenti .concorsi .content .sidebar .side-item .box .button:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    font-size: 12px;
    line-height: 100%;
    color: #fefefe;
    position: absolute;
    top: 11px;
    right: 6px
}
.arruolamenti .concorsi .content .sidebar .side-item .box.alt {
    background-color: #e2e3e4
}
.arruolamenti .concorsi .content .sidebar .side-item .box.alt .title {
    color: #2a2b2c
}
.arruolamenti .concorsi .content .sidebar .side-item .box.alt .title p {
    text-align: left
}
.arruolamenti .voglio-fare {
    text-align: left
}
.arruolamenti .voglio-fare .content {
    background-color: #2a2b2c
}
.arruolamenti .voglio-fare .content .container {
    padding-top: 60px
}
.arruolamenti .voglio-fare .main {
    color: #f4f4f4;
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .voglio-fare .main {
        width: 60%
    }
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .voglio-fare .main {
        width: 80%
    }
}
.arruolamenti .voglio-fare .main .photo {
    height: 339px;
    border: 0 none;
    position: relative
}
.arruolamenti .voglio-fare .main .photo:before {
    background-position: bottom left;
    background-image: url(../img/ie7/bg-voglio-fare-arruolamenti.png)
}
.arruolamenti .voglio-fare .main .photo .call {
    width: 62.5%;
    float: left;
    display: inline;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 120px;
    margin: auto
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .voglio-fare .main .photo .call {
        width: 50%
    }
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .voglio-fare .main .photo .call {
        bottom: 60px;
        left: auto
    }
}
.arruolamenti .voglio-fare .main .photo .call p {
    text-align: center;
    font-size: 40px;
    font-weight: lighter;
    margin: 25px 0;
    text-shadow: 0 1px 1px #505050
}
.arruolamenti .voglio-fare .main .photo .call p a {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-shadow: none;
    padding: 5px 11px 5px 5px;
    font-size: 18px;
    color: #f4f4f4;
    background-color: rgba(255, 255, 255, 0.3)
}
.no-boxsizing .arruolamenti .voglio-fare .main .photo .call p a {
    display: inline
}
.arruolamenti .voglio-fare .main .photo .call p a span {
    background-color: #21a5ea;
    display: block;
    width: 103%;
    padding: 3px 30px 0;
    height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 10px -5px #000, 0 4px 5px -5px #000;
    -moz-box-shadow: 0 3px 10px -5px #000, 0 4px 5px -5px #000;
    box-shadow: 0 3px 10px -5px #000, 0 4px 5px -5px #000
}
.arruolamenti .voglio-fare .main .photo .call p a span:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.arruolamenti .voglio-fare .main .photo .call p a em {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    text-align: center;
    width: 100%
}
.no-boxsizing .arruolamenti .voglio-fare .main .photo .call p a em {
    display: inline
}
.arruolamenti .voglio-fare .main .photo .title {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 48px;
    padding: 25px 35px 15px;
    font-weight: lighter;
    background: #2a2b2c repeat bottom left url(../img/ie7/bg-voglio-fare-arruolamenti.png);
    color: #e0dbc7
}
.no-boxsizing .arruolamenti .voglio-fare .main .photo .title {
    display: inline
}
.arruolamenti .voglio-fare .main .article {
    position: relative;
    overflow: hidden;
    padding: 0 10px 100px;
    background: repeat-x top left url(../img/ie7/bg-arruolamenti-content.png)
}
.arruolamenti .voglio-fare .main .article p {
    width: 100%;
    line-height: 150%;
    margin: 15px 0;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.arruolamenti .voglio-fare .main .article p * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.arruolamenti .voglio-fare .main .article p strong,
.arruolamenti .voglio-fare .main .article p b {
    font-weight: normal !important
}
.arruolamenti .voglio-fare .main .article p.title {
    color: #02ad56;
    font-size: 32px !important
}
.arruolamenti .voglio-fare .main .article p.call-to-action {
    overflow: hidden;
    text-align: center;
    margin-top: 55px
}
.arruolamenti .voglio-fare .main .article p.call-to-action strong {
    display: block;
    font-size: 42px;
    line-height: 100%;
    margin-bottom: 30px
}
.arruolamenti .voglio-fare .main .article p.call-to-action .button {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 13px 30px 9px;
    color: #f4f4f4;
    background-color: #21a4ed
}
.no-boxsizing .arruolamenti .voglio-fare .main .article p.call-to-action .button {
    display: inline
}
.arruolamenti .voglio-fare .main .article .ms-rtePosition-1 {
    display: block;
    height: auto;
    width: auto;
    float: left;
    margin-top: 0;
    margin-bottom: 25px;
    margin-right: 25px
}
.arruolamenti .voglio-fare .main .article .ms-rtePosition-2 {
    display: block;
    height: auto;
    width: auto;
    float: right;
    margin-top: 0;
    margin-bottom: 25px;
    margin-left: 25px
}
.arruolamenti .voglio-fare .main .article img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 35px auto
}
.arruolamenti .voglio-fare .sidebar {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .arruolamenti .voglio-fare .sidebar {
        width: 20%
    }
}
.arruolamenti .voglio-fare .sidebar .list {
    background-color: #252626;
    margin-bottom: 40px
}
.arruolamenti .voglio-fare .sidebar .list strong {
    background-color: #393939;
    color: #f1f1f1;
    display: block;
    font-weight: lighter;
    padding: 16px
}
.arruolamenti .voglio-fare .sidebar .list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 5px 0 25px;
    overflow: hidden
}
.arruolamenti .voglio-fare .sidebar .list ul li {
    display: block;
    width: 100%
}
.arruolamenti .voglio-fare .sidebar .list ul li a {
    display: block;
    width: 100%;
    color: #999;
    font-size: 18px;
    font-weight: lighter;
    line-height: 120%;
    padding: 13px 15px 9px
}
.arruolamenti .voglio-fare .sidebar .list ul li a:hover,
.arruolamenti .voglio-fare .sidebar .list ul li a.active {
    color: #f4f4f4;
    background-color: #d2222c
}
.organizzazione .section-nav {
    background-color: #fafafa;
    border-bottom: 1px solid #e0dbc7;
    margin-bottom: 40px
}
.organizzazione .section-nav .col.nav ul li {
    margin: 10px 5px
}
.organizzazione .section-nav .col.nav ul li:first-child {
    margin-left: 0
}
.organizzazione .section-nav .col.nav ul li a {
    font-size: 12px;
    color: #2c2c2c;
    margin: 0
}
@media only screen and (min-width: 1220px) {
    .organizzazione .section-nav .col.nav ul li a {
        font-size: 14px
    }
}
.organizzazione .section-nav .col.nav ul li a.active,
.organizzazione .section-nav .col.nav ul li a:hover {
    background-color: #2a2b2c;
    color: #fafafa
}
.organizzazione.box-list .col.block-list.two-col {
    width: 100%;
    display: block
}
.organizzazione.box-list .col.block-list.two-col.loading {
    margin: 70px auto 50px
}
.organizzazione.box-list .col.block-list.two-col .description {
    color: #333;
    font-size: 17px;
    line-height: 155%;
    margin: 0 0 40px
}
.organizzazione.box-list .col.block-list.two-col .autocomplete {
    background-color: #dbddde;
    padding: 15px;
    margin-bottom: 30px
}
.organizzazione.box-list .col.block-list.two-col .autocomplete input[type="text"] {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 35%;
    height: 36px;
    border: 0 none;
    padding: 0 10px 0 30px;
    font-weight: lighter;
    font-size: 16px;
    background: #f4f4f4 url(../img/search-icon-grey.png) no-repeat 2% center
}
.no-boxsizing .organizzazione.box-list .col.block-list.two-col .autocomplete input[type="text"] {
    display: inline
}
.organizzazione.box-list .col.block-list.two-col .autocomplete .popular {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    margin: 10px 0 10px 50px
}
.no-boxsizing .organizzazione.box-list .col.block-list.two-col .autocomplete .popular {
    display: inline
}
.organizzazione.box-list .col.block-list.two-col .autocomplete .popular li {
    display: inline-block;
    vertical-align: top;
    zoom: 1
}
.no-boxsizing .organizzazione.box-list .col.block-list.two-col .autocomplete .popular li {
    display: inline
}
.organizzazione.box-list .col.block-list.two-col .autocomplete .popular li a {
    color: #2c2c2c;
    font-size: 16px;
    font-weight: lighter;
    margin: 0 60px;
    display: block
}
.organizzazione.box-list .col.block-list.two-col .block {
    overflow: hidden;
    margin-bottom: 30px;
    width: 50%;
    display: block;
    float: left;
    padding: 0 5px
}
.organizzazione.box-list .col.block-list.two-col .block h2 a {
    display: block;
    background-color: #fbfbfb;
    overflow: hidden;
    padding-right: 90px;
    position: relative;
    outline: 0 none
}
.organizzazione.box-list .col.block-list.two-col .block h2 a img {
    display: block;
    float: left;
    width: 50%;
    padding-right: 30px;
	/* height: 160px;  */
	/*min-height: 160px; */
	/*07-04-2020 priante */
	height:150px;
	min-height:150px;
	
}
.organizzazione.box-list .col.block-list.two-col .block h2 a span {
    display: block;
    color: #2a2b2c;
    -webkit-transition: color .25s;
    transition: color .25s
}
.organizzazione.box-list .col.block-list.two-col .block h2 a .title {
    font-size: 21px;
    font-weight: bold;
    width: 50%;
    display: block;
    position: relative;
    height: 138px;
    float: left
}
.organizzazione.box-list .col.block-list.two-col .block h2 a .title:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.organizzazione.box-list .col.block-list.two-col .block h2 a .title em {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    width: 95%;
    line-height: 130%
}
.no-boxsizing .organizzazione.box-list .col.block-list.two-col .block h2 a .title em {
    display: inline
}
.organizzazione.box-list .col.block-list.two-col .block h2 a .icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 55px;
    border-left: 1px solid #fff;
    -webkit-box-shadow: -1px 0 0 0 #ededed;
    -moz-box-shadow: -1px 0 0 0 #ededed;
    box-shadow: -1px 0 0 0 #ededed
}
.organizzazione.box-list .col.block-list.two-col .block h2 a .icon:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    color: #008e46;
    font-size: 38px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 40px;
    width: 100%;
    -webkit-transition: color .25s;
    transition: color .25s
}
.organizzazione.box-list .col.block-list.two-col .block h2 a:hover span {
    color: #434546
}
.organizzazione.box-list .col.block-list.two-col .block h2 a:hover span.icon:before {
    color: #00c179
}
.organizzazione.box-list .col.block-list.one-col {
    width: 100%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .organizzazione.box-list .col.block-list.one-col {
        width: 80%
    }
}
.organizzazione.box-list .col.block-list.one-col.loading {
    margin: 70px auto 50px
}
.organizzazione.box-list .col.block-list.one-col .block {
    overflow: hidden;
    margin-bottom: 18px
}
.organizzazione.box-list .col.block-list.one-col .block>a {
    display: block;
    background-color: #fbfbfb;
    overflow: hidden;
    padding-right: 90px;
    position: relative;
    outline: 0 none
}
.organizzazione.box-list .col.block-list.one-col .block>a img {
    float: left;
    margin-right: 30px
}
.organizzazione.box-list .col.block-list.one-col .block>a span {
    display: block;
    color: #2a2b2c;
    -webkit-transition: color .25s;
    transition: color .25s
}
.organizzazione.box-list .col.block-list.one-col .block>a .title {
    font-size: 21px;
    font-weight: bold;
    padding: 20px 0
}
.organizzazione.box-list .col.block-list.one-col .block>a .caption {
    font-weight: lighter;
    line-height: 135%;
    font-size: 14px
}
.organizzazione.box-list .col.block-list.one-col .block>a .icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 55px;
    border-left: 1px solid #fff;
    -webkit-box-shadow: -1px 0 0 0 #ededed;
    -moz-box-shadow: -1px 0 0 0 #ededed;
    box-shadow: -1px 0 0 0 #ededed
}
.organizzazione.box-list .col.block-list.one-col .block>a .icon:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    color: #008e46;
    font-size: 38px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 40px;
    width: 100%;
    -webkit-transition: color .25s;
    transition: color .25s
}
.organizzazione.box-list .col.block-list.one-col .block>a:hover span {
    color: #434546
}
.organizzazione.box-list .col.block-list.one-col .block>a:hover span.icon:before {
    color: #00c179
}
.organizzazione.box-list .col.block-list.one-col .block .tag-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    margin-left: 262px;
    position: relative;
    top: -28px
}
.organizzazione.box-list .col.block-list.one-col .block .tag-list li {
    float: left;
    margin-left: 35px
}
.organizzazione.box-list .col.block-list.one-col .block .tag-list li:first-child {
    margin-left: 0
}
.organizzazione.box-list .col.block-list.one-col .block .tag-list li a {
    display: block;
    font-size: 12px
}
.organizzazione.dettaglio .container {
    position: relative
}
.organizzazione.dettaglio h2.title {
    font-size: 50px;
    font-weight: normal;
    margin: 0 0 70px
}
.organizzazione.dettaglio h3.sub-title {
    font-size: 26px;
    font-weight: lighter;
    margin: -30px 0 30px
}
.organizzazione.dettaglio .col.tab {
    height: 109px;
    margin: -40px 0 40px;
    background-color: #e9e8e5;
    border-bottom: 1px solid #fbfbfb
}
.organizzazione.dettaglio .col.tab ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    max-width: 970px;
    *max-width: 972px;
    margin: 0 auto;
    overflow: hidden
}
@media only screen and (min-width: 1220px) {
    .organizzazione.dettaglio .col.tab ul {
        max-width: 1205px
    }
}
.organizzazione.dettaglio .col.tab ul li {
    float: left;
    padding: 0 15px;
    margin: 20px 15px 0;
    height: 90px;
    max-width: 13.55%;
    border: 1px solid #e9e8e5;
    border-bottom-color: #f4f4f4
}
@media only screen and (min-width: 1220px) {
    .organizzazione.dettaglio .col.tab ul li {
        max-width: 14%;
        padding: 20px 15px
    }
}
.organizzazione.dettaglio .col.tab ul li:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.organizzazione.dettaglio .col.tab ul li.active {
    -webkit-box-shadow: 0 -1px 0 #e2e3e3;
    -moz-box-shadow: 0 -1px 0 #e2e3e3;
    box-shadow: 0 -1px 0 #e2e3e3;
    border-color: #fbfbfb;
    border-bottom-color: #f4f4f4;
    background-color: #f4f4f4
}
.organizzazione.dettaglio .col.tab ul li a {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    color: #008e46;
    font-size: 14px;
    font-weight: lighter;
    line-height: 120%;
    width: 95%
}
.no-boxsizing .organizzazione.dettaglio .col.tab ul li a {
    display: inline
}
@-moz-document url-prefix() {
    .organizzazione.dettaglio .col.tab ul li .organizzazione .dettaglio .col.tab ul li a {
        margin-left: -4px
    }
}
.organizzazione.dettaglio .col.side {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .organizzazione.dettaglio .col.side {
        width: 20%
    }
}
.organizzazione.dettaglio .col.side .ins {
    margin-top: -60px
}
.organizzazione.dettaglio .col.side.left.alt .ins,
.organizzazione.dettaglio .col.side.right.alt .ins {
    margin-top: -60px
}
.organizzazione.dettaglio .col.side .side-item {
    margin-bottom: 20px
}
.organizzazione.dettaglio .col.side .side-item .title {
    font-size: 18px;
    font-weight: lighter;
    padding: 25px 20px 10px;
    display: block;
    width: 100%;
    height: 95px;
    position: relative
}
.organizzazione.dettaglio .col.side .side-item .title span {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 0 20px;
    line-height: 135%
}
.organizzazione.dettaglio .col.side .side-item ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 40px;
    overflow: hidden
}
.organizzazione.dettaglio .col.side .side-item ul li {
    overflow: hidden
}
.organizzazione.dettaglio .col.side .side-item ul li.active {
    text-align: left
}
.organizzazione.dettaglio .col.side .side-item ul li a {
    display: block;
    height: 101px;
    padding: 25px 5px 25px 15px
}
.organizzazione.dettaglio .col.side .side-item ul li a:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    font-size: NaN
}
.organizzazione.dettaglio .col.side .side-item ul li .image {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    width: 51px;
    height: 51px;
    position: relative
}
.no-boxsizing .organizzazione.dettaglio .col.side .side-item ul li .image {
    display: inline
}
.organizzazione.dettaglio .col.side .side-item ul li .image img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	width: 100%;
}
.organizzazione.dettaglio .col.side .side-item ul li .text {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    vertical-align: middle;
    color: #2a2b2c;
    font-size: 13px;
    font-weight: normal;
    line-height: 120%;
    padding-left: 10px;
    width: 68%
}
.no-boxsizing .organizzazione.dettaglio .col.side .side-item ul li .text {
    display: inline
}
.organizzazione.dettaglio .col.side .side-item .cv {
    overflow: hidden
}
.organizzazione.dettaglio .col.side .side-item .cv img {
    display: block;
    /* 07-04-2020 priante */
	/*height: auto; */
    /* width: auto; */
	height:100%;
	width:100%;
    overflow: hidden
}
.organizzazione.dettaglio .col.side .side-item .cv .download {
    background-color: #e8e8e6;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: lighter;
    position: relative;
    margin-top: 10px;
    padding: 28px 25px 22px 65px;
    outline: 0 none
}
.organizzazione.dettaglio .col.side .side-item .cv .download:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e819';
    background-color: #e0dbc7;
    border: 1px solid #f5f5f5;
    font-size: 20px;
    height: 32px;
    padding-top: 12px;
    position: absolute;
    right: 20px;
    top: 9px;
    width: 44px;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.organizzazione.dettaglio .col.side .side-item .cv .download:hover {
    background-color: #e0dbc7
}
.organizzazione.dettaglio .col.side .side-item .cv .download:hover:before {
    background-color: #e8e8e6
}
.organizzazione.dettaglio .col.side.left {
    margin-right: 1%
}
.organizzazione.dettaglio .col.side.left .ins {
    margin-top: 38px
}
.organizzazione.dettaglio .col.side.left .side-item ul li a {
    background-color: #e9e8e5;
    border-bottom: 1px solid #d1d0cf;
    border-top: 1px solid #f4f4f4
}
.organizzazione.dettaglio .col.side.left .side-item ul li a.active,
.organizzazione.dettaglio .col.side.left .side-item ul li a:hover {
    background-color: #e0dbc7
}
.organizzazione.dettaglio .col.side.right {
    float: right;
    margin-top: 0;
    margin-left: 1%
}
.organizzazione.dettaglio .col.side.right .side-item ul li a {
    background-color: #ededed;
    border-bottom: 1px solid #d1d0cf;
    border-top: 1px solid #f4f4f4
}
.organizzazione.dettaglio .col.side.right .side-item ul li a.active,
.organizzazione.dettaglio .col.side.right .side-item ul li a:hover {
    background-color: #d4d4d4
}
.organizzazione.dettaglio .col.side.right .related-news {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.organizzazione.dettaglio .col.side.right .related-news * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.organizzazione.dettaglio .col.side.right .related-news strong,
.organizzazione.dettaglio .col.side.right .related-news b {
    font-weight: normal !important
}
.organizzazione.dettaglio .col.side.right .related-news ul li {
    line-height: 175%
}
.organizzazione.dettaglio .download-box {
    position: absolute;
    top: 35px;
    right: 0
}
.organizzazione.dettaglio .download-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.organizzazione.dettaglio .download-box ul li {
    float: left
}
.organizzazione.dettaglio .download-box ul li:last-child a {
    border-right: 0 none
}
.organizzazione.dettaglio .download-box ul li a {
    display: block;
    padding: 29px 55px 23px 80px;
    background-color: #e9e8e5;
    color: #333;
    font-size: 14px;
    font-weight: lighter;
    position: relative;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #d1d0cf
}
.organizzazione.dettaglio .download-box ul li a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e81a';
    position: absolute;
    left: 33px;
    top: 16px;
    font-size: 36px
}
.organizzazione.dettaglio .download-box ul li a:hover {
    background-color: #e0dbc7
}
.organizzazione.dettaglio .main {
    overflow: hidden;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.organizzazione.dettaglio .main .ins {
    overflow: hidden
}
.organizzazione.dettaglio .main .ins img {
    max-width: 100%;
    display: block;
    height: auto
}
.organizzazione.dettaglio .main .ins ul li {
    line-height: 175%;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.organizzazione.dettaglio .main .ins ul li * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.organizzazione.dettaglio .main .ins ul li strong,
.organizzazione.dettaglio .main .ins ul li b {
    font-weight: normal !important
}
.organizzazione.dettaglio .main .ms-rtePosition-1 {
    display: block;
    height: auto;
    width: auto;
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 25px
}
.organizzazione.dettaglio .main .ms-rtePosition-2 {
    display: block;
    height: auto;
    width: auto;
    float: right;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 25px
}
.organizzazione.dettaglio .main .ms-rtestate-field {
    color: #2c2c2c;
    font-weight: lighter;
    line-height: 160%;
    font-size: 16px
}
.organizzazione.dettaglio .main .ms-rtestate-field img {
    text-align: left
}
.organizzazione.dettaglio .main * {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.organizzazione.dettaglio .main * p em {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: lighter !important
}
.organizzazione.dettaglio .main * sup {
    
    font-size: smaller;
    vertical-align: baseline
     
}

.organizzazione.dettaglio .main * ol {
     list-style-type: decimal
}
.organizzazione.dettaglio .main * ol li {
      float: none;
      margin-left:45px;
}

.organizzazione.dettaglio .main strong,
.organizzazione.dettaglio .main b {
    font-weight: normal !important
}
.organizzazione.dettaglio .title-medagliere {
    font-size: 48px;
    font-weight: lighter
}
.organizzazione.dettaglio .EIMedalsContainer {
    overflow: hidden
}
.organizzazione.dettaglio .EIMedalsContainer .EImedal {
    padding: 20px;
    margin: 0;
    width: 20%
	
}
.cbs-List li .cbs-picture3LinesContainer .cbs-picture3LinesImageContainer .cbs-picture3LinesImg{width:100%;}

.organizzazione.dettaglio .EIMedalsContainer .EImedal img {
    margin: 0 auto
}
.organizzazione.dettaglio .EIMedalsContainer .EImedal .visible {
    display: block;
    visibility: visible
}
.organizzazione.dettaglio .EIMedalsContainer .EImedal .hidden {
    display: none;
    visibility: hidden
}
.organizzazione.dettaglio .EIMedalsContainer .EImedal input[type="submit"] {
    font-size: 12px;
    color: #2c2c2c;
    background-color: #2a2b2c;
    color: #fafafa;
    display: block;
    font-weight: lighter;
    padding: 11px 15px 9px;
    border: 0 none;
    display: inline-block;
    vertical-align: top;
    zoom: 1
}
.no-boxsizing .organizzazione.dettaglio .EIMedalsContainer .EImedal input[type="submit"] {
    display: inline
}
.organizzazione.dettaglio .EIMedalsContainer .EImedal input[type="submit"]:hover {
    background-color: #434546;
    border: 0 none
}
.organizzazione.dettaglio .EIMedalsContainer .EImedal input[type="checkbox"] {
    margin: 7px auto
}
.organizzazione.dettaglio .EIMedalsContainer .EImedal input[type="text"] {
    padding: 3px 0 0;
    margin: 0 auto;
    border: 1px solid #bcbcbc !important;
    height: 20px;
    width: 20px;
    text-align: center
}
.organizzazione.dettaglio .EIMedalsContainer .EImedal span {
    display: block;
    font-size: 13px;
    line-height: 125%;
    padding: 0 10px
}
.organizzazione.dettaglio .EISelectedMedalContainer20Less .bold {
    color: #6b6756;
    font-weight: lighter;
    line-height: 155%
}
.organizzazione.dettaglio .EISelectedMedalContainer20Less .EIMedalUserName {
    font-size: 20px;
    font-weight: bold;
    color: #333
}
.organizzazione.dettaglio .EISelectedMedalContainer20Less .EISelectedMedal img {
    display: inline
}
.organizzazione.dettaglio .linkHome {
    margin-top: 40px;
    text-align: right;
    width: 100%
}
.organizzazione.dettaglio .linkHome br {
    display: none !important
}
.organizzazione.dettaglio .linkHome a {
    background-color: #e9e8e5;
    color: #333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: lighter;
    margin-left: 10px;
    padding: 16px 25px 14px;
    display: inline-block;
    vertical-align: top;
    zoom: 1
}
.no-boxsizing .organizzazione.dettaglio .linkHome a {
    display: inline
}
.organizzazione.dettaglio .linkHome a:hover {
    color: #333;
    background-color: #e0dbc7;
    text-decoration: none
}
.organizzazione.dettaglio .btnContainer {
    overflow: hidden
}
.organizzazione.dettaglio .btnContainer div label b span {
    color: red
}
.organizzazione.dettaglio .btnContainer input[type="submit"] {
    background-color: #2a2b2c;
    color: #fafafa;
    font-weight: lighter;
    padding: 16px 25px 14px;
    border: 0 none;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.no-boxsizing .organizzazione.dettaglio .btnContainer input[type="submit"] {
    display: inline
}
.organizzazione.dettaglio .btnContainer input[type="submit"]:hover {
    background-color: #434546;
    border: 0 none
}
.organizzazione.dettaglio .btnContainer input[type="submit"]:hover.finish {
    background-color: #00c179
}
.organizzazione.dettaglio .btnContainer input[type="submit"].finish {
    background-color: #008e46
}
.organizzazione.dettaglio .btnContainer input[type="checkbox"] {
    margin: 7px auto
}
.organizzazione.dettaglio .btnContainer input[type="text"] {
    padding: 3px 7px;
    margin: 0 auto;
    border: 1px solid #bcbcbc !important
}
div.credits {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20
}
.no-rgba div.credits {
    background: transparent url(../img/ie7/bg-black-1-alt.png) repeat center
}
div.credits.on {
    display: block
}
div.credits .credits-content {
    width: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    text-align: center;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 10px 20px -10px #000;
    background: #fff
}
div.credits .credits-content p {
    line-height: 140%
}
div.credits .credits-content img {
    display: block;
    margin: 0 auto 15px
}
div.credits .credits-content h1 {
    margin: 0;
    font-size: 1.5em
}
div.credits .credits-content h1 h2 {
    text-align: center;
    font-weight: lighter;
    line-height: 120%
}
div.credits .credits-content h2 {
    font-size: 1.1em;
    color: #0b58a1;
    overflow: hidden
}
div.credits .credits-content .title {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    padding: 0 30px;
    text-transform: uppercase
}
div.credits .credits-content .title h2 {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px
}
div.credits .credits-content .subtitle {
    clear: both;
    overflow: hidden;
    display: block;
    margin: 30px auto;
    height: 84px;
    width: 465px
}
div.credits .credits-content .subtitle .image {
    width: 115px;
    display: block;
    float: left
}
div.credits .credits-content .subtitle .image img {
    display: block;
    height: 84px;
    margin: 0 auto
}
div.credits .credits-content .subtitle .text {
    clear: none;
    float: left;
    margin: 30px 0 0 15px;
    width: auto;
    max-width: 335px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
div.credits .credits-content .subtitle .text h2 {
    clear: none;
    width: 75%;
    margin: 8% 0 20px 20px;
    float: right
}
div.credits .credits-content .bottom {
    color: #02213d;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    padding: 10px;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto
}
div.credits .credits-content .bottom p {
    display: block;
    text-align: center
}
div.credits .credits-content .bottom .left {
    float: left
}
div.credits .credits-content .bottom .right {
    float: right
}
div.credits .credits-content .bottom .center {
    display: block;
    text-align: center
}
div.credits .credits-content .bottom a {
    color: #595959
}
div.credits .credits-content .close-image {
    float: right;
    position: relative;
    margin: 0;
    right: -10px;
    height: 20px
}
div.credits .credits-content {
    width: 624px;
    height: 700px;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #efefef;
    overflow: hidden
}
div.credits .credits-content .green {
    color: #008e46
}
div.credits .credits-content span {
    display: block;
    font-weight: lighter;
    margin: 0 0 10px
}
div.credits .credits-content .close-image {
    right: 15px;
    height: auto;
    margin-top: 15px
}
div.credits .credits-content .top-bg {
    background: #ededed;
    padding: 55px 0 0
}
div.credits .credits-content .top-bg h1 {
    display: block;
    width: 100%;
    height: 130px;
    background: url(../img/credits/credits-logo.png) no-repeat center bottom
}
div.credits .credits-content .middle-bg {
    background: #f4f4f4 url(../img/credits/credits-middle-bg.png) no-repeat center top;
    height: 360px;
    display: block;
    width: 100%;
    padding-top: 90px
}
div.credits .credits-content .middle-bg p {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 100px
}
div.credits .credits-content .middle-bg p.logo {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    width: 100%
}
div.credits .credits-content .middle-bg p.logo:link,
div.credits .credits-content .middle-bg p.logo:visited,
div.credits .credits-content .middle-bg p.logo:hover,
div.credits .credits-content .middle-bg p.logo:focus,
div.credits .credits-content .middle-bg p.logo:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
div.credits .credits-content .middle-bg p.logo span {
    float: left;
    display: block;
    margin: 0 19px;
    width: 170px
}
div.credits .credits-content .middle-bg p.logo .ug {
    background: url(../img/credits/logo-ug.png) no-repeat center bottom;
    height: 151px
}
div.credits .credits-content .middle-bg p.logo .smd {
    background: url(../img/credits/logo-smd.png) no-repeat center bottom;
    height: 154px
}
div.credits .credits-content .middle-bg p.logo .esercito {
    background: url(../img/credits/logo-esercito.png) no-repeat center bottom;
    height: 150px
}
div.credits .credits-content .bottom-bg {
    background: #fff url(../img/credits/credits-bottom-bg.png) no-repeat center top;
    height: 200px;
    padding-top: 80px
}
div.credits .credits-content .bottom-bg .fabaris {
    text-align: left
}
div.credits .credits-content .bottom-bg .fabaris a {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 60%
}
div.credits .credits-content .bottom-bg .fabaris img {
    display: block;
    float: left;
    margin: 0
}
div.credits .credits-content .bottom-bg .fabaris .text {
    display: block;
    float: left;
    font-size: 12px;
    margin-left: 30px;
    margin-top: 19px
}
div.credits .credits-content .bottom {
    padding: 0 50px 30px;
    font-weight: lighter;
    width: 100%;
    font-size: 14px
}
@media print {
    #ms-designer-ribbon,
    .sub-nav,
    .header .col.search .box {
        display: none !important
    }
}
div.ui-cluetip {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    margin: auto;
    height: 460px
}
div.ui-cluetip:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0
}
.no-rgba div.ui-cluetip:before {
    background-color: #000
}
div.ui-cluetip .ui-cluetip-header {
    padding: 12px 12px 10px;
    color: #fff
}
.scuole-militari .nav-scuole {
    background-color: #f4f4f4
}
.scuole-militari .nav-scuole .col.nav {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .nav-scuole .col.nav {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .nav-scuole .col.nav {
        width: 100%
    }
}
.scuole-militari .nav-scuole .col.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    padding: 20px 0
}
.scuole-militari .nav-scuole .col.nav ul li {
    float: left;
    margin-left: 45px
}
.scuole-militari .nav-scuole .col.nav ul li a {
    display: block;
    color: #333434
}
.scuole-militari .nav-scuole .col.nav ul li a:hover,
.scuole-militari .nav-scuole .col.nav ul li a.active {
    color: #d2222c
}
.scuole-militari .tile {
    overflow: hidden;
    float: left;
    height: 100%;
    margin-bottom: 15px;
    padding: 0 5px;
    width: 25%
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .tile {
        width: 50%
    }
}
.scuole-militari .tile a {
    display: block;
    height: auto;
    width: 100%
}
.scuole-militari .tile a img {
    display: block;
    height: auto;
    width: 100%
}
.scuole-militari .tile h3 {
    background-color: #333434;
    font-size: 13px;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}
.scuole-militari .tile h3 a {
    display: block;
    padding: 7px 10px;
    color: #d4a110
}
.scuole-militari .tile.box {
    overflow: hidden;
    height: 100%
}
.no-rgba .scuole-militari .tile.box {
    height: 170px
}
.scuole-militari .tile.box h2 {
    text-align: left
}
.scuole-militari .tile.box h2 a {
    background-color: #eee;
    display: inline-block;
    padding: 63px 28px
}
.scuole-militari .tile.box h2 a:hover {
    background-color: #fff;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari .tile.box h2 a span {
    color: #2a2b2c;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    height: 42px;
    text-transform: uppercase;
    width: 177px
}
.no-rgba .scuole-militari .tile.box h2 a span {
    font-size: 22px
}
.scuole-militari .tile.box h2 a span:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    color: #d4d4d4;
    font-size: 43px;
    float: right;
    margin: -2px 0 0
}
.scuole-militari .tile.box h2 a:hover span:before {
    color: #2a2b2c;
    -webkit-transition: color .25s;
    transition: color .25s
}
.scuole-militari .tile:hover a {
    background-color: #3f4141;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari .wrap-scuole {
    background-repeat: no-repeat;
    background-size: cover
}
.no-rgba .scuole-militari .wrap-scuole {
    background-position: center top;
    background-color: #bdb79e
}
.scuole-militari .wrap-scuole.interna {
    background-image: none;
    background-color: #fff
}
.scuole-militari .wrap-scuole .special .nav-interna {
    background-color: rgba(233, 233, 233, 0.4);
    overflow: hidden;
    margin-top: 35px
}
.no-rgba .scuole-militari .wrap-scuole .special .nav-interna {
    background-color: #e9e9e9
}
.scuole-militari .wrap-scuole .special .nav-interna .logo-scuola {
    width: 25%;
    float: left;
    display: inline;
    background-color: #323233
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .nav-interna .logo-scuola {
        width: 20%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .nav-interna .logo-scuola {
        width: 25%;
        float: left;
        display: inline
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .nav-interna .logo-scuola {
        width: 20%
    }
}
.scuole-militari .wrap-scuole .special .nav-interna .logo-scuola img {
    display: block;
    padding: 29px;
    width: 100%;
    height: auto
}
.scuole-militari .wrap-scuole .special .nav-interna ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.scuole-militari .wrap-scuole .special .nav-interna ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 40px 0 34px 10px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .nav-interna ul li {
        margin: 46px 0 40px 5px
    }
}
.scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    margin-left: 5px
}
.scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a:link,
.scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a:visited,
.scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a:hover,
.scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a:focus,
.scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a {
        margin-left: 10px
    }
}
.scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80d';
    font-size: 13px;
    line-height: 100%;
    color: #000;
    margin-top: -5px;
    -webkit-transition: color .25s;
    transition: color .25s
}
.scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a:hover:before,
.scuole-militari .wrap-scuole .special .nav-interna ul li:first-child a.active:before {
    color: #e12620
}
.scuole-militari .wrap-scuole .special .nav-interna ul li a {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold
}
.scuole-militari .wrap-scuole .special .nav-interna ul li a.active {
    color: #e12620
}
.scuole-militari .wrap-scuole .special .nav-interna ul li a:hover {
    color: #e12620
}
.scuole-militari .wrap-scuole .special .breadcrumb {
    margin: 25px 0
}
.scuole-militari .wrap-scuole .special .breadcrumb span>a+span>a {
    color: #2b2b2b;
    font-weight: bold
}
.scuole-militari .wrap-scuole .special .breadcrumb span span {
    display: block;
    overflow: hidden
}
.scuole-militari .wrap-scuole .special .breadcrumb span span a {
    color: #8b8c8e
}
.scuole-militari .wrap-scuole .special .hidden {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.scuole-militari .wrap-scuole .special .hidden:link,
.scuole-militari .wrap-scuole .special .hidden:visited,
.scuole-militari .wrap-scuole .special .hidden:hover,
.scuole-militari .wrap-scuole .special .hidden:focus,
.scuole-militari .wrap-scuole .special .hidden:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.scuole-militari .wrap-scuole .special .primo-piano {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin: 30px 0 0;
    padding: 0 5px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .primo-piano {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .primo-piano {
        width: 100%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .primo-piano {
        width: 60%;
        margin: 30px 0 15px;
        padding: 0 5px
    }
}
.scuole-militari .wrap-scuole .special .primo-piano .big-box {
    overflow: hidden;
    text-align: left
}
.scuole-militari .wrap-scuole .special .primo-piano .big-box img {
    display: block;
    float: left;
    height: 100%
}
.scuole-militari .wrap-scuole .special .primo-piano .big-box .descrizione {
    overflow: hidden;
    background-color: #212222;
    height: 354px;
    position: relative
}
.scuole-militari .wrap-scuole .special .primo-piano .big-box .descrizione h2 {
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    padding: 25px 0 10px 20px
}
.scuole-militari .wrap-scuole .special .primo-piano .big-box .descrizione p {
    text-align: left;
    padding: 0 20px;
    color: #fff;
    font-weight: lighter;
    font-size: 14px;
    line-height: 140%
}
.scuole-militari .wrap-scuole .special .primo-piano .big-box .descrizione a {
    display: inline-block;
    color: #d4a110;
    padding: 14px 0;
    position: absolute;
    bottom: 0;
    right: 0
}
.scuole-militari .wrap-scuole .special .primo-piano .big-box .descrizione a:hover {
    color: #f1c340
}
.scuole-militari .wrap-scuole .special .primo-piano .big-box .descrizione a em {
    font-style: italic
}
.scuole-militari .wrap-scuole .special .primo-piano .big-box .descrizione a em:before {
    content: '>>';
    display: inline-block;
    float: right;
    padding: 0 20px 0 5px
}
.scuole-militari .wrap-scuole .special .evidenza {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin: 10px 0 15px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .evidenza {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .evidenza {
        width: 100%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .evidenza {
        width: 40%;
        margin: 30px 0 15px
    }
}
.scuole-militari .wrap-scuole .special .scuole-content {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 50px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .scuole-content {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .scuole-content {
        width: 100%
    }
}
.scuole-militari .wrap-scuole .special .scuole-content .article {
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .scuole-content .article {
        width: 60%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .scuole-content .article {
        width: 80%
    }
}
.scuole-militari .wrap-scuole .special .scuole-content .article img {
    width: 100%
}
.scuole-militari .wrap-scuole .special .scuole-content .article .internal-gallery img {
    width: inherit
}
.scuole-militari .wrap-scuole .special .scuole-content .article .primo-piano {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 0 40px;
    padding: 0
}
.scuole-militari .wrap-scuole .special .scuole-content .article .primo-piano img {
    width: 100%
}
.scuole-militari .wrap-scuole .special .scuole-content .article .primo-piano>h1 {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 20px;
    font-size: 60px;
    font-weight: bold
}
.no-rgba .scuole-militari .wrap-scuole .special .scuole-content .article .primo-piano>h1 {
    background-color: #000
}
.scuole-militari .wrap-scuole .special .scuole-content .article .primo-piano>h1 span {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    display: block
}
.scuole-militari .wrap-scuole .special .scuole-content .article .primo-piano>h1 img {
    display: block;
    width: 100%;
    height: auto
}
.scuole-militari .wrap-scuole .special .scuole-content .article>.descrizione {
    text-align: left
}
.scuole-militari .wrap-scuole .special .scuole-content .article>.descrizione h1 {
    color: #2a2b2c;
    font-size: 45px;
    font-weight: bold;
    margin: 35px 0 10px
}
.scuole-militari .wrap-scuole .special .scuole-content .article>.descrizione h2 {
    color: #2a2b2c;
    font-size: 40px;
    font-weight: lighter;
    margin-bottom: 35px
}
.scuole-militari .wrap-scuole .special .scuole-content .article>.descrizione p {
    color: #2a2b2c;
    font-size: 18px;
    font-weight: lighter;
    line-height: 140%;
    text-align: left;
    margin: 30px 0
}
.scuole-militari .wrap-scuole .special .scuole-content .article hr {
    color: #b8b6b6
}
.scuole-militari .wrap-scuole .special .scuole-content .article h2 {
    color: #2a2b2c;
    font-size: 37px;
    font-weight: bold;
    margin: 35px 0
}
.scuole-militari .wrap-scuole .special .scuole-content .article .ms-rtePosition-1 {
    display: block;
    height: auto;
    width: auto;
    float: left;
    margin-right: 10px
}
.scuole-militari .wrap-scuole .special .scuole-content .article .ms-rtePosition-2 {
    display: block;
    height: auto;
    width: auto;
    float: right;
    margin-left: 10px
}
.scuole-militari .wrap-scuole .special .scuole-content .article p {
    color: #2a2b2c;
    font-size: 16px;
    font-weight: lighter;
    line-height: 140%;
    text-align: left;
    margin: 30px 0
}
.scuole-militari .wrap-scuole .special .scuole-content .article .half {
    width: 50%;
    float: left
}
.scuole-militari .wrap-scuole .special .scuole-content .article .half h3 {
    text-transform: uppercase;
    font-size: 40px;
    color: #2a2b2c;
    font-weight: bold
}
.scuole-militari .wrap-scuole .special .scuole-content .article .half ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 20px 0
}
.scuole-militari .wrap-scuole .special .scuole-content .article .half ul li {
    color: #2a2b2c;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 150%;
    text-transform: uppercase
}
.scuole-militari .wrap-scuole .special .scuole-content .article .half ul li span {
    font-weight: lighter;
    text-transform: none;
    font-size: 18px
}
.scuole-militari .wrap-scuole .special .scuole-content .article .half.dx li {
    font-size: 18px;
    font-weight: lighter;
    line-height: normal;
    padding: 0 20px 20px 0;
    text-transform: none
}
.scuole-militari .wrap-scuole .special .scuole-content .article.addestramento .descrizione ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.scuole-militari .wrap-scuole .special .scuole-content .article.addestramento .descrizione ul li {
    color: #2a2b2c;
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 150%;
    text-transform: uppercase
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .scuole-content .sidebar {
        width: 20%
    }
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container {
    margin-left: 10px
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .menu-interno {
    text-align: left
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li {
    text-align: left;
    background-color: #535354;
    border-top: 1px solid #6f7071;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li:first-child {
    border-top: 0 none
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li:hover {
    background-color: #353535
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li a {
    display: block;
    color: #e2e2e2;
    padding: 10px;
    font-size: 20px;
    padding: 15px 18px;
    font-weight: lighter
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li a:hover {
    color: #fefefe
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .concorso {
    background-color: #007db5;
    margin: 20px 0
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .concorso a {
    display: block;
    padding: 20px 18px
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .concorso a span {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    height: 35px;
    text-transform: uppercase;
    line-height: 110%
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .concorso a span:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    color: #0090d1;
    font-size: 40px;
    float: right;
    margin: -4px 0 0
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .concorso a:hover {
    background-color: #00a0e8
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .pdf {
    background-color: #dedede;
    width: 100%
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .pdf a {
    display: block;
    padding: 30px
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .pdf a span {
    color: #353535;
    display: inline-block;
    font-size: 21px;
    height: 100%;
    padding: 10px 5px;
    vertical-align: middle;
    width: 100%
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .pdf a span:before {
    background-image: url("../sample-img/icona-pdf.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
    float: left;
    height: 55px;
    margin-right: 10px;
    margin-top: -8px;
    width: 40px
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .pdf:hover {
    background-color: #b8b8b8;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .evidenza {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    background-color: #e0dbc7;
    margin: 0;
    color: #2a2b2c
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .evidenza {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .evidenza {
        width: 100%
    }
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .evidenza h2 {
    font-size: 25px;
    font-weight: bold;
    padding: 20px 15px 15px;
    text-transform: uppercase
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .evidenza h3 {
    font-size: 22px;
    padding: 20px 15px
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .evidenza p {
    padding: 0 15px;
    line-height: 130%
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .evidenza a {
    margin: 20px;
    display: block
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .evidenza a em {
    font-style: italic;
    color: #2a2b2c;
    font-weight: bold;
    font-size: 15px
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container .evidenza a em:before {
    content: '>>';
    display: inline-block;
    float: right
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container>.box {
    width: 100%;
    padding: 0;
    margin: 20px 0
}
.scuole-militari .wrap-scuole .special .scuole-content .sidebar .container>.box a:hover {
    background-color: #e1e1e1
}
.scuole-militari .approfondimenti {
    background-color: #f1eee4
}
.scuole-militari .approfondimenti .medium-box {
    width: 50%;
    float: left;
    display: inline;
    padding: 0 5px;
    margin-top: 15px;
    height: 171px;
    position: relative
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .approfondimenti .medium-box {
        width: 40%
    }
}
.scuole-militari .approfondimenti .medium-box>div {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #d9d4bf;
    padding-bottom: 30px
}
.scuole-militari .approfondimenti .medium-box h2 {
    color: #2a2b2c;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    padding: 20px 15px 10px;
    font-weight: bold
}
.scuole-militari .approfondimenti .medium-box p {
    text-align: left;
    padding: 0 15px;
    line-height: 130%;
    font-weight: lighter;
    color: #2a2b2c;
    font-size: 14px
}
.scuole-militari .approfondimenti .medium-box a {
    display: inline-block;
    color: #292a2b;
    padding: 7px 0;
    float: right;
    position: absolute;
    bottom: 5px;
    right: 20px
}
.scuole-militari .approfondimenti .medium-box a:hover {
    color: #676a6c;
    -webkit-transition: color .25s;
    transition: color .25s
}
.scuole-militari .approfondimenti .medium-box a em {
    font-style: italic
}
.scuole-militari .approfondimenti .medium-box a em:before {
    content: '>>';
    display: inline-block;
    float: right;
    padding: 0 10px
}
.scuole-militari .approfondimenti .tile {
    width: 25%;
    float: left;
    display: inline;
    margin: 15px 0
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .approfondimenti .tile {
        width: 20%
    }
}
.scuole-militari .approfondimenti .tile h3 {
    background-color: #d4a110
}
.scuole-militari .approfondimenti .tile h3 a {
    color: #f9f9f9
}
.scuole-militari .approfondimenti .tile.box {
    width: 25%;
    float: right;
    margin: 0 0 50px 0
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .approfondimenti .tile.box {
        width: 20%;
        margin: 15px 0 50px 0
    }
}
.scuole-militari .approfondimenti .tile.box h2 a {
    background-color: #d4a110;
    padding: 20px 28px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .approfondimenti .tile.box h2 a {
        padding: 63px 28px
    }
}
.scuole-militari .approfondimenti .tile.box h2 a:hover {
    background-color: #edb411;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari .approfondimenti .tile.box h2 a span {
    color: #f9f9f9;
    text-align: right;
    float: right;
    padding-top: 10px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari .approfondimenti .tile.box h2 a span {
        padding-top: 15px;
        float: none
    }
}
.scuole-militari .approfondimenti .tile.box h2 a span:before {
    color: #e9b214;
    margin: -10px 0 0
}
.scuole-militari .approfondimenti .tile.box h2 a:hover span:before {
    color: #bd900e;
    -webkit-transition: color .25s;
    transition: color .25s
}
.scuole-militari .approfondimenti .tile:hover a {
    background-color: #ecb312;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}



.header-top {
    display: block;
    margin-top: 2px
}
.header .col.logo-bianco a img {
    display: block;
    height: 30px
}
.header .col.social {
    margin-top: 0;
    width: 50.5%;
    margin-left: 120px
}
.header .col.search .box {
    margin-top: 7px;
    top: 49px;
    right: -10px
}
@media only screen and (min-width: 1220px) {
    .header .col.search .box {
        margin-top: 7px;
        top: 50px;
        right: -10px
    }
}
.header .col.search {
    float: right;
    width: 4%
}
@media only screen and (min-width: 1220px) {
    .header .col.search {
        float: left;
        width: 3%
    }
}
.editoriale .header .col.search {
    margin-top: 42px;
    float: left
}
.header .col.search .icon {
    margin-top: 0
}
.loghi-ei {
    padding: 0;
    display: block
}
.loghi-ei .logo-new {
    width: 50%;
    float: left;
}
.loghi-ei .logo-new a img {
    display: block;
    height: 70px;
    margin-left: 30px;
}
.loghi-ei .col.stemma {
    width: 50%;
    float: right;
    text-align: right;
}
.header .col.nav.off {
    opacity: 1;
}
@media only screen and (min-width: 1220px) {
    .header .col.social.off {
        -moz-opacity: .15;
        -khtml-opacity: .15;
        -webkit-opacity: .15;
        opacity: .15;
    }
}

/* modifiche 3 dicembre 2015 chiara */
.header-top div a > img {
    height: 19px;
    padding: 0 5px;}

.header .col.social {
    margin-top: 0;
    width: 50.5%;
    margin-left: 0;
    position: relative;
    top: 107px;
    left: -150px;
}
.header .col.search .box:before{
    display: block;
}
.header .col.search input[type="text"] {
   	margin: 0 10px;
   	padding: 0 40px 0 15px;
   	width: 100%;
   	display: block;
   	height: 32px;
   	border: 0 none;
    color: #8c8c8c;
   	border: 3px solid #cec6a6;
   	background: #fff;
}
.header .col.search .box:after {
	display: block;
}
.header .col.search .icon {
	display: block;
}
.header .col.search {
		position: relative;
	    float: right;
    	width: 4%;
    	top: 105px;
    	left: -260px;
	}
.footer .logo-new{
	float: right;
}
.footer .logo-new-footer a img{
	height:70px;
    display: block;
    margin: 20px 10px;
    float: right;
}
.footer a.difesa-footer{
  clear: both;
  display: block;
}
.footer a.difesa-footer img{
    display: block;
    margin: 0;
    height: 20px;
    float: right;
    overflow: hidden;
}

.editoriale.comunicazione .header .col.social {
   top: 0;
}

.editoriale.comunicazione .header .col.search {
   	top: 0px;
    left: -140px;
}
.editoriale.arruolamenti .header .col.search,
.editoriale.arruolamenti .header .col.social {
   	top: 0px;
    left: -65px;
}
.special .header .col.search .icon {
    float: right;
}

@media only screen and (min-width: 1220px){
	.header .col.social {
	   left: -250px;
	}
	.header .col.search {
    	top: 0;
    	left: -150px;
}
	.header .col.search .box {
	    margin-top: 7px;
    	top: 105px;
    	right: 70px;
    }
    .header .col.search .box:before{
    	display: none;
    }
    .header .col.search input[type="text"] {
   		margin: 0 10px;
    	padding: 0 40px 0 15px;
    	width: 100%;
    	display: block;
    	height: 32px;
    	border: 0 none;
    	color: #8c8c8c;
    	border: 0 none;
    	background: transparent url(/_catalogs/masterpage/ei/img/search.png) no-repeat center top;
	}
	.header .col.search .box:after {
		display:none;
	}
	.header .col.search .icon {
		display: none;
	}
	.editoriale.comunicazione .header .col.search .box {
   		top: 0;
    	right: -60px;
	}
	.editoriale.arruolamenti .header .col.search .box {
   		top: 0px;
    	left: 0;
	}

}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait) {

               #boxMultimedia {

    margin-top: 0px!important;

               }

               #boxAste {

                              margin-top: 0px!important;

               }

              

}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: landscape) {

               #boxMultimedia {

    margin-top: 0px!important;

               }

               #boxAste {

                              margin-top: 0px!important;

               }

}
/* Flavio 05/12/2017 */
.hp .content .col.video,
.hp .content .col.video .ins,
.hp .content .col.video .slider-video {
	display: block;
}
.hp .content .col.video .slider-video-carousel .slides li {
	display: block !important;
	opacity: 1 !important;
}
.hp .content .col.video .slider-video .slides img {
	position: relative;
}
.hp .content .col.video .slider-video .slides em {
	z-index: 1;
}
.video-carousel {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	padding-right: 10px;
}

#idCategoria {
	display: none
}
/* Radio EI NEW  */
.maindiv 
{
	height:100px;
}

.div1 {
	width:33%;
	float:left;
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: inline-block;
	border-left: 30px solid transparent;
	border-bottom: 100px solid #c8b56b;
	height: 0;
	line-height: 50px;
	box-sizing: border-box;
}

.div2 {
	width:24%;
	float:left;
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: inline-block;
	border-left: 30px solid transparent;
	border-bottom: 100px solid #DBCA8A;
	height: 0;
	line-height: 50px;
	box-sizing: border-box;
}

.div3 {
	width:40%;
	height:50px;
	float:left;
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: inline-block;
	border-left: 30px solid transparent;
	border-bottom: 100px solid #e0dbc7;
	height: 0;
	line-height: 50px;
	box-sizing: border-box;
}

.div4 {
	width:0%;
	height:50px;
	float:left;
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: inline-block;
	border-left: 30px solid transparent;
	border-bottom: 100px solid #C8B56B; 
	height: 0;
	line-height: 50px;
	box-sizing: border-box;
}
/* MEDIA QUERIES */
@media screen and (min-width: 1195px)
{
	#imgradiologo {
        width: 83px;
        height: auto;
        text-align: left;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 12px;
        padding-bottom: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
	#qrcodeinstagram {
        width: 100%;
        min-width: 120px;
        height: auto;
        margin: -5px 20px 0px 20px;
        text-align: center;
        display: block;
        /* margin-left: auto;
        margin-right: auto; */
    }
	#imgwhatsapp
	{
		width:160px;
		height:auto;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		float:right;
		display: block;
		margin-left: auto;
		margin-right: auto;		
	}
	#imgpodcast
	{
		width:80px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		float: right;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#playbtn {
        width: 50px;
        float: right;
        padding-top: 0px;
        padding-left: 0px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
	
	#ascoltala
	{
		font-size:20px;
		margin-top:25px;
		padding-left:15px;
		padding-right:15px;
		display: flex;
		justify-self: center;
		align-items: center;
		line-height: 22px;	
	}
	#ascoltaci
	{		
		font-size:17px;
		padding-top:15px;	
		display: flex;
		justify-self: center;
		align-items: center;
		line-height: 22px;
		
	}
}
/* MIN 1024 MAX 1180 */
@media screen and (min-width: 1024px) and (max-width: 1180px)
{
	.div1 {
        width: 32%;
        float: left;
        text-decoration: none;
        color: white;
        font-weight: bold;
        display: inline-block;
        border-left: 30px solid transparent;
        border-bottom: 100px solid #c8b56b;
        height: 0;
        line-height: 50px;
        box-sizing: border-box;
    }

    #imgradiologo {
        width: 25%;
        text-align: left;
        float: left;
        padding-right: 5px;
        padding-top: 15px;
        padding-bottom: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
	#qrcodeinstagram
	{	
		width:100%;
		max-width:300px;
		height:auto;
		text-align: center;  
		padding-top:0px;		
		display: block;
		margin-left: auto;
		margin-right: auto;
		
	}
	#imgwhatsapp {
        width: 160px;
        height: auto;
        padding-top: 0px;
        padding-bottom: 0px;        
        float: right;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
	#imgpodcast {
        width: 80px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: px;
        float: right;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
	#playbtn	
	{
		width:50px;
		float:right;
		padding-top:0px;
		padding-left:5px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#ascoltala
	{
		font-size:15px;
		margin-top:20px;
		padding-left:15px;
		padding-right:15px;
		display: flex;
		justify-self: center;
		align-items: center;
		line-height: 18px;	
	}
	#ascoltaci {
        font-size: 17px;
        padding-top: 10px;
        display: flex;
        justify-self: center;
        align-items: center;
        line-height: 18px;
    }
}
/* END MIN 1024 1180 */
/* MQ TABLET PORTRAIT MODE  768 -- 834 */
@media only screen and (min-device-width : 768px) and (max-device-width : 834px) and (orientation : portrait) 
{
.div1 {
	width:32%;
	float:left;
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: inline-block;
	border-left: 30px solid transparent;
	border-bottom: 100px solid #c8b56b;
	height: 0;
	line-height: 50px;
	box-sizing: border-box;
}
.div2 {
    width: 23%;
    float: left;
    text-decoration: none;
    color: white;
    font-weight: bold;
    display: inline-block;
    border-left: 30px solid transparent;
    border-bottom: 100px solid #DBCA8A;
    height: 0;
    line-height: 50px;
    box-sizing: border-box;

}

#imgradiologo {
    width: 60px;
    height: auto;
    text-align: left;
    float: left;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#playbtn {
    width: 50px;
    float: right;
    padding-top: 0px;
    padding-left: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#ascoltala
{
font-size:18px;
line-height: 18px;
padding-top:25px;
}
#ascoltaci 
{
    line-height: 18px;
    font-size: 16px;
    padding-top: 20px;

}
#qrcodeinstagram {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

#imgpodcast {
    float: left;
    width: 80px;
    
    padding-top: 0px;
}

#imgwhatsapp {
    float: right;  
    padding-top: 0px;
    
    
}
 }
/* fine Radio EI NEW  */

/* icone social - luciano 23ago2023 */
.xicon{
	margin-top: 10px!important;
	width: 26px!important;
	height: auto!important;
	padding:unset!important;
}

.xiconftr{
	width: 25px!important;
	height: auto!important;
}
.xiconsided{
width:80%!important;
margin-left:6px!important;
margin-top:12px!important;
}

.xiconsidedmobile{
width:70%!important;
height:auto!important;
margin:10px 8px !important;
}

.xiconbottom{
width:22px!important;
height:auto!important;
margin-left:12px!important;
margin-top:3px!important;
}

.organizzazione.dettaglio .coppaesercito div {
    float: left;
    
        
}

.organizzazione.dettaglio .coppaesercito {
    width: 200px;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: lighter !important;
    float: left;
    text-align: center;
    color: #fff;
    padding: 5px;
    background-color: #0070c0;
    height: auto !important;
}

.organizzazione.dettaglio .coppaesercito h2 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: bolder;
    color: #ff0;
    text-align: center;
}

.riga{ 
    width: 48% !important;
      display: table-row; 
    float: left;
    margin: 2px;
    border-radius: 15px 15px 0px 0px;
  }
  
  .colonna{
      display: table-cell;
      border: 1px solid grey;
    
      padding: 5px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px;
  }
  .riga:nth-child(2n){
        background-color: whitesmoke;
  }