@charset "utf-8";

/* CSS Document */

img.renma {
    position: relative !important;
    float: left !important;
    width: 50% !important;
    margin-right: 50% !important;
}

*,
a,
li {
    font-family: "Sintony", sans-serif;
    font-size: 16px;
    line-height: 1.62857;
    color: #666666;
    font-weight: 400;
}

body {
    margin: 0px;
    padding: 0.1px;
    background-color: #fff;
}

a,
img,
table {
    border: 0px;
}

table {
    position: relative;
    float: left;
    width: 100%;
    margin: 2% 0px;
}

figure {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px 0px 3% 0px;
    padding: 0px;
}

figure img {
    box-shadow: 2px 2px 5px -2px #929292;
    -webkit-box-shadow: 2px 2px 5px -2px #929292;
    -moz-box-shadow: 2px 2px 5px -2px #929292;
}

a {
    text-decoration: none;
}

a:hover {
    color: #2d357e;
}

h1 {
    position: relative;
    float: left;
    width: 100%;
    font-size: 36px;
    line-height: 46px;
    margin: 0px 0px 1% 0px;
    color: #2d357e;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 0px 8px 0px;
    font-weight: bold;
    text-align: center;
}

h2,
h3,
h4,
h5,
h6 {
    position: relative;
    float: left;
    width: 100%;
    font-size: 24px;
    line-height: 36px;
    color: #2d357e;
    margin: 3% 0px 2% 0px;
    text-transform: uppercase;
    border-bottom: 2px solid #2d357e;
    padding: 0px 0px 8px 0px;
    font-weight: bold;
}

.com-content-article__body p {
    float: none;
    width: auto;
}

p,
ul {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0px;
}

ul {
    margin: 2% 0px;
}

.button,
.btn,
.visBtnCon input {
    padding: 5px 20px 5px 20px;
    color: #FFF;
    border: 0px;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 2px;
    background: #2d357e;
    cursor: pointer;
}

.button,
.btn {
    color: #FFF !important;
}

.btnRefertiOnline:hover,
.button:hover,
.btn:hover,
.visBtnCon input:hover {
    background: #FFF !important;
    color: #2d357e !important;
    border: 1px solid #2d357e !important;
}

a.pagina_esterna_referti_online {
    position: relative;
    float: left;
    width: 90%;
    color: #FFF !important;
    text-align: center;
    background: #2d357e;
    margin: 30px 0px;
    padding: 20px 5%;
    text-transform: uppercase;
}

.readmore {
    text-align: right;
}


/* Allineamento immagini articolo esteso */

figure.align-left,
.image.align-left,
.align-left {
    position: relative;
    float: left;
    width: 45%;
    margin: 0px 5% 0px 0px;
}

figure.align-right,
.image.align-right,
.align-right {
    position: relative;
    float: right;
    width: 45%;
    margin: 0px 0px 0px 5%;
}

figure.full-screen,
.image.full-screen,
.full-screen {
    position: relative;
    float: left !important;
    width: 100% !important;
    margin: 0px 0px 20px 0px !important;
}


/* ------------------------------------------- TOP */

#logo_mobile,
#top,
#top_left,
#top_right,
#slideshow,
#servizi_veloci,
.moduli-contenuto,
#corpo,
#footer {
    position: relative;
    float: left;
    width: 100%;
    background-color: #FFF;
    /* box-shadow: 2px 2px 5px -2px #929292;
  -webkit-box-shadow: 2px 2px 5px -2px #929292;
  -moz-box-shadow: 2px 2px 5px -2px #929292; */
}

.moduli-contenuto {
    width: 100% !important;
}

#logo_mobile {
    display: none;
    background-color: #2d357e;
    text-align: center;
    margin-top: 30px;
}

#logo_mobile img {
    width: 60%;
}

#top {
    background-image: url('../images/bg-top.png');
    background-size: 100% 60%;
    background-repeat: no-repeat;
}

#top_left,
#top_right {
    width: 45%;
    background-color: transparent;
}

#top_left {
    padding: 1% 0px 1% 5%;
    text-align: left;
}

#top_right {
    padding: 1% 5% 1% 0px;
    text-align: right;
}


/* ------------------------------------------- MENU PRINCIPALE */

#nav {
    position: relative;
    float: left;
    width: 86%;
    margin: 0px 5%;
    background-color: #FFF;
    padding: 1.5%;
    border: 1px solid #2d357e;
    z-index: 9;
    box-shadow: 2px 2px 5px -2px #929292;
    -webkit-box-shadow: 2px 2px 5px -2px #929292;
    -moz-box-shadow: 2px 2px 5px -2px #929292;
}

#nav #logo {
    position: relative;
    float: left;
    width: 20vw;
}

#nav #logo img {
    position: relative;
    float: left;
    width: 100%;
}

div#maximenuck114.maximenuckh ul.maximenuck,
#maximenuck114.maximenuckh ul.maximenuck {
    padding-left: 0px;
    padding-right: 0px;
}

#nav #maximenuck114 {
    position: relative;
    float: right;
    width: 56vw;
}

#nav ul li a span,
#nav ul li span {
    color: #2d357e;
}

#nav ul.maximenuck li a span,
#nav ul.maximenuck li span {
    text-transform: uppercase;
}

#nav .maximenuck2 li a span,
#nav .maximenuck2 li span {
    text-transform: initial !important;
    font-size: 14px;
}


/* ------------------------------------------- SLIDESHOW */

#slideshow {
    width: 98%;
    margin: -8% 1% 0px 1%;
    box-shadow: 2px 2px 5px -2px #929292;
    -webkit-box-shadow: 2px 2px 5px -2px #929292;
    -moz-box-shadow: 2px 2px 5px -2px #929292;
}

.camera_wrap .camera_pag .camera_pag_ul {
    text-align: center;
}

.camera_caption {
    bottom: 35%;
    text-align: center;
    width: 70%;
    margin-left: 15%;
}

.camera_caption>div {
    padding: 2% 5%;
    background-color: transparent;
    /* background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #2d357e; */
}

.camera_caption .camera_caption_title,
.camera_caption .camera_caption_desc {
    /* color: #2d357e; */
    color: #FFF;
  text-transform: uppercase;
/*   -webkit-text-stroke: 1px #FFF; */
  text-shadow: -1px 0 #2d357e, 0 1px #2d357e, 1px 0 #2d357e, 0 -1px #2d357e;
}

.camera_caption .camera_caption_title {
    font-size: 30px;
    line-height: 40px;
}

.camera_caption .camera_caption_desc {
    font-size: 16px;
    line-height: 26px;
}


/* ------------------------------------------- MODALE */

#modale {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    background-color: rgba(11, 11, 11, .8);
}

#modale #contenuto {
    position: fixed;
    top: 10vh;
    left: 30vw;
    width: 34vw;
    padding: 3vh 3vw;
    height: 74vh;
    background-color: #FFF;
    border: 2px solid #2d357e;
}

#modale #contenuto #chiudi {
    position: relative;
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0px 0px 20px 0px;
    font-weight: bold;
    color: #2d357e;
    cursor: pointer;
}


/* ------------------------------------------- MESSAGGI DI SISTEMA */

#system-message-container {
    overflow: hidden;
    border-radius: 20px;
}

.alert-message {
    background-color: #d3f0d2;
    border-radius: 20px;
}

.alert-error {
    background-color: #f5ccc8;
    border-radius: 20px;
    margin-bottom: 60px;
}

.alert-error .alert-message {
    background-color: #f5ccc8;
}

.close {
    margin-left: 10px;
}

.alert-heading,
.alert-message {
    text-align: center;
    text-transform: uppercase;
}

.alert-message {
    text-transform: none;
    padding-bottom: 10px;
}

.alert-heading,
.alert-message {
    color: #336d30;
}

.alert-error .alert-heading,
.alert-error .alert-message {
    color: #c91806;
}


/* ------------------------------------------- ARTICOLO */

#corpo {
    margin-bottom: 50px;
}

#article {
    position: relative;
    float: left;
    width: 90vw;
    padding: 5vh 5vw;
    background-color: #FFF;
    border-right: 1px solid #d6d6d7;
}

#article a,
#article strong,
#article b {
    color: #2d357e;
}

#article strong,
#article b {
    font-weight: bold;
    font-size: 13.5px;
}

#article .com-content-article img {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

#article .com-content-article__body img {
    position: relative;
    float: left;
    width: 40%;
    margin: 5%;
    box-shadow: 2px 2px 5px -2px #929292;
    -webkit-box-shadow: 2px 2px 5px -2px #929292;
    -moz-box-shadow: 2px 2px 5px -2px #929292
}

#article .progetti img,
.social_container img {
    width: 100%;
    margin: 0px;
    box-shadow: 0px 0px 0px -0px #FFF !important;
    -webkit-box-shadow: 0px 0px 0px -0px #FFF !important;
    -moz-box-shadow: 0px 0px 0px -0px #FFF !important;
}

#article ul {
    list-style-image: url('../images/ul-point.png');
}

#article ul,
#article li {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0px;
}

#right {
    position: relative;
    float: right;
    width: 20%;
}


/* VISUALIZZAZIONE BLOG - righe */

#article .blog-item {
    position: relative;
    float: left;
    width: 100%;
}

#article .published {
    position: relative;
    float: left;
    width: 100%;
    font-size: 12px;
    margin: 0% 0% 2% 0%;
}

#layout_articolo figure {
    position: relative;
    float: left;
    width: 27.5%;
    margin-right: 2.5%;
}

#layout_articolo figure img {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

#layout_articolo #contenuto {
    position: relative;
    float: left;
    width: 70%;
}


/* VISUALIZZAZIONE BLOG - colonne */

#article .news_homepage .blog-item {
    width: 30%;
    margin: 1.5%;
}

.news_homepage #layout_articolo figure {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10%;
}

.news_homepage #layout_articolo #contenuto {
    width: 100%;
}

.news_homepage .readmore {
    text-align: center;
}

.news_homepage hr {
    position: relative;
    float: left;
    width: 100%;
    border: 0px solid #d6d6d7;
}

.moduli_bottom_4 .mappa p {
    line-height: 0px;
}


/* ------------------------------------------- BOTTOM */

#bottom {
    position: relative;
    float: left;
    width: 100vw;
}

#bottom .bottom {
    position: relative;
    float: left;
    width: 25vw;
    margin: 3vw 0vw;
    padding: 2vw 4vw;
}

#bottom .newsletter {
    border-right: 1px solid #e9e9e9;
    order: 1;
}

#bottom .newsletter .acym_introtext {
    text-align: left;
    margin-bottom: 20px;
}

#bottom .newsletter .acyterms {
    padding: 20px 0px;
}

#bottom .newsletter .acyterms,
#bottom .newsletter .acyterms a {
    font-weight: bold;
}

#bottom .newsletter input {
    border: 1px solid #2d357e;
}

#bottom .social {
    text-align: center;
    order: 2;
}

#bottom .social p {
    text-align: center;
}

#bottom .social .logo {
    position: relative;
    float: left;
    width: 70%;
    margin: 0px 15% 2%;
}

#bottom .social a .socialLogo {
    margin: 20px 5px;
    /* filter: grayscale(1); */
}


/*
#bottom .social a .socialLogo:hover {
  filter: grayscale(0);
}
*/

#bottom .contatti {
    border-left: 1px solid #e9e9e9;
    order: 3;
}

#modale .contatti fieldset,
#bottom .contatti fieldset {
    border: 0px;
}

#modale .contatti .visCSSlabel,
#bottom .contatti .visCSSlabel {
    display: none;
}

#modale .contatti input,
#modale .contatti textarea,
#bottom .contatti input,
#bottom .contatti textarea {
    width: 100%;
    border: 1px solid #2d357e;
}


/* ------------------------------------------- FOOTER */

#footer,
#footer #copyright,
#footer #menu_help {
    position: relative;
    float: left;
    width: 100%;
    background-color: #2d357e;
    color: #FFF;
    text-align: center;
}

#footer {
    width: 90%;
    padding: 3% 5%;
}

#footer #copyright,
#footer #copyright a {
    color: #FFF;
    font-size: 12px;
}

#footer #menu_help {
    margin: 20px 0% 0px 0%;
    text-align: center;
}

#footer #menu_help ul {
    float: none;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

#footer #menu_help ul li {
    padding: 5px 10px;
    list-style: none;
    display: inline;
    border-left: 1px solid #FFF;
}

#footer #menu_help ul li.item-124 {
    border-left: 0px solid #FFF;
}

#footer #menu_help a {
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    color: #FFF;
}