body  {
box-sizing: border-box;
background: #fff;
}

#all, #all-head, #all-body {
max-width: 960px;
background:#fff;
text-align: justify;
}

body p {
font-size:1.3em;
color: #777;
}

body li {
font-size: initial;
color: #777;
}


body .banneritem p {
color: #fff;
}

.blog-featured h1 {
  height: initial!important;
}

#logo {
max-width: 40%;
float: left;
display: block;
}

#search {
max-width: 48%;
float: right;
display: inline-block;
margin-top: 58px;
}

form[role="search"] {
margin-bottom:0px;
}

.logoheader {
background: none;
color: #FFFFFF;
min-height: 100%;
}

#main-menu {
background: #26757c;
height: 50px;
text-align: center;
}
.nav.menu {
padding-top:9px;
color:white;
}

.nav.menu li a {
color:white;
}

.custom-slider {
margin: 36px auto;
border-radius: 12px;
box-shadow: 0px 2px 6px #000;
}

#wrapper2 .item-page {
max-width: 80%;
margin: auto;
}


#footer-outer {
background: #26757c;
}

#footer-higher {
background: #9c2143;
height: 50px;
text-align: center;
}

.box2, .box3 {
padding-left: 16px;
margin-top:30px;
width: 45%;
border:0;
color:white;
}

.box2 h3, .box3 h3 {
font-size:20px;
font-weight:bold;
height: 50px;
}

#footer-inner, #footer {
background: transparent;
box-shadow: none;
}

.custom-menu-piedipagina, .custom-crediti {
padding: 10px 10px 20px 10px;
text-align:center;
color:white;
}


body h1 {
font-size: 1.8em;
}

body h1 a {
text-decoration:none;
}

.item.column-1 h1 {
margin-bottom:20px;
}
/* -------------------------------------- */

.icon-classroom-live:before { content: "\e907"; }


.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 {
text-align: center;
}

.banneritem .column-1 {
margin-left: 0px;
}

.column-3 {
margin-right: 5px;
}

.lancio {
width: 120px;
margin:auto;
}

.leading-0 h1{
	    height: 43px;
}

.lancio #uno {
display: block;
height: 120px;
width: 120px;
background: url(https://ecodigi.it/images/attivita/attivita-ico.png) no-repeat 0 0;}

.lancio #due {
display: block;
height: 120px;
width: 120px;
background: url(https://ecodigi.it/images/attivita/attivita-ico.png) no-repeat -120px 0px;}

.lancio #tre {
display: block;
height: 120px;
width: 120px;
background: url(https://ecodigi.it/images/attivita/attivita-ico.png) no-repeat -240px 0px;}

#tre a {
font-size:0px;
color:#C83771;
}

.lancio #quattro {
display: block;
height: 120px;
width: 120px;
background: url(https://ecodigi.it/images/attivita/attivita-ico.png) no-repeat 0px -120px;}

.lancio #cinque {
display: block;
height: 120px;
width: 120px;
background: url(https://ecodigi.it/images/attivita/attivita-ico.png) no-repeat -120px -120px;}

.lancio #sei {
display: block;
height: 120px;
width: 120px;
background: url(https://ecodigi.it/images/attivita/attivita-ico.png) no-repeat  -240px -120px;}

.lancio #ecodigi {
display: block;
height: 120px;
width: 120px;
background: url(https://ecodigi.it/ecodigi/images/attivita/foss-ico.png) no-repeat 50%;
}

.lancio a:hover, .lancio a:active, .lancio a:focus  {
background: transparent;
}

button:hover, button {
color: #26757c;
background-image: linear-gradient(#ddd, #ddd);
text-shadow: none;
}


.pagenav a:link {
background-color: #ddd;
}

pager.pagenav li a:hover {
border:1px solid #888;
}

.item-page .lancio, .blog .lancio {
display:none;
}


.items-leading {
padding: 0 5px 10px 5px;
overflow: hidden;
margin-bottom: 0px;
margin-top: 50px;
}

.items-leading::before {
content: "News dal Blog";
text-align: center;
display: block;
color: #9c2143;
font-size: 1.2em;
padding-bottom: 30px;
}


.blog-featured h1 {
height: 33px;
}

.row-separator {
height: 40px;
}

#uno, #due, #tre, #quattro, #cinque, #sei  {
-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
}

#uno:hover, #due:hover, #tre:hover, #quattro:hover, #cinque:hover, #sei:hover {
-webkit-transform: rotate(200deg);
}

.leading-0 .pull-left, .pull-left {
margin-right: 12px;
}

.blog-featured .item p {
display:none;
}

.nav.menu {
margin:auto;
}

.nav.menu li {
width:10em;
display:inline-block;
}

ul.menu a {
box-shadow: none;
border-bottom: 0;
text-shadow: none;
}

ul.menu a:hover, ul.menu a:active, ul.menu a:focus {
background: url(../images/o.png) no-repeat 50% 26px;
}


ul.menu li.active a {
font-weight: bold;
background: url(../images/o.png) no-repeat 50% 26px;
}

a:link, a:visited {
color: #26757c;
}
a:hover, a:active, a:focus {
background: #ffffff;
color: #26757c;
text-decoration:underline;
}

.blog .items-row h1 {
border-top: 0;
border-bottom: dotted 1px #C83771;
color: #aaa;
min-height: 55px;
}

.item-page h1, .custom-sentence-1 h2, .page-header h2, .item-page h2 {
color: #aaa;
}

label {
color: #777777;
}

legend {
color: #777777;
font-weight: initial;
}


.menu-menu-piedipagina {
margin: auto;
text-align:center;
}

.menu-menu-piedipagina li {
display: inline-block;
list-style-type: none;
padding: 20px;
width:5em;
}

/* ------------------------------------------------------ paginatore ---*/

span.pagenav {
background: #26757c;
color: #fff;
}

.pagination a, span.pagenav {
border-left: 1px solid #ddd;
}

.pagination li {
display: inline-block;
margin-bottom:10px;
}


/* ----------------------------------------------------------------- txt slider ------*/
.textContent .lancio {
display:none;
float:none;
}

.textContent img {
float:none;
display:block;
}

h2, .moduletable h3, .items-leading h2 {
border-bottom: 0;
}
/* ----------------------------------------------------------------- txt slider ------*/
.bt-cs .bt-inner .bt-title {
color: #ffffff!important;
}

.bt-cs .bt-inner img {
outline: 0!important;
border: none!important;
margin: 5px 12px 5px 0!important;
}
.bt-title {
font-size: 1.8em;
}

.contact h3 {
display:none;
}

.nivoSlider img {
margin: 36px auto;
border-radius: 12px;
box-shadow: 0px 2px 6px #000;
}

.custom-footer-higher p {
padding-top: 15px;
}

/* ----------------------------------------------------------------- txt banner ------*/

.bannergroup-incipit p  {
color: #fff;
font-size: 19px;
background: rgba(0, 0, 0, 0.5);
padding: 8px;
font-weight: bold;
text-decoration:none;
border-radius: 10px 10px 0 0;
}

.bannergroup-incipit h1 {
color: #ffff;
font-size: 19px;
background: rgba(0, 0, 0, 0.5);
padding: 8px;
font-weight: bold;
}

.bannergroup-incipit .item.column-1 h1 {
margin-bottom: 0px;
}


.bannergroup-incipit p a {
text-decoration:none;
}


#top .bannergroup-incipit {
padding:12px;
margin-bottom: 40px;
}

.bannergroup-incipit .banneritem {
height: auto;
}

.bannergroup-incipit, .bannergroup-offerte .banneritem, .bannergroup-servizi .banneritem   {
    text-align: center;
    color:white;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
    animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


.bannergroup-offerte .banneritem img:hover, .bannergroup-servizi .banneritem img:hover {
box-shadow: 0 0 30px white;
border-radius: 15px;
}

/* ----------------------------------------------------------------- animazione banner incipit ------*/

.bannergroup-incipit p {
-webkit-animation: cssAnimation 2s 1 ease;
-moz-animation: cssAnimation 2s 1 ease;
-o-animation: cssAnimation 2s 1 ease;
}

@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(4deg) scale(0.1) skew(5deg) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(4deg) scale(0.1) skew(5deg) translate(0px); }
to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(4deg) scale(0.1) skew(5deg) translate(0px); }
to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}


/* -----------------------------------------------------------------  banner offerte & servizi ------*/

.bannergroup-offerte .banneritem .titolo, .bannergroup-servizi .banneritem .titolo {
font-size:20px;
color:#ffffff;

}

.bannergroup-offerte .banneritem p, .bannergroup-servizi .banneritem p {
/* text-align:justify;*/
color: #fff;
}



.banneritem h2 {
font-size: 1.5em;
margin-bottom: 0;
line-height: 1.5;
padding: 0;
font-variant: small-caps;
font-weight: bold;
}


.pagenav li:first-child a, .pagenav li:last-child a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



.pagenav a:hover, .pagenav a:active, .pagenav a:focus
{
background-color: #26757c;
}

.button, button, p.readmore a, #header input.button, .pagenav a:link, .pagenav a:visited, #advanced-search-toggle, .profile-edit a:link, .profile-edit a:visited, h3.js_heading {
background-color: #ddd;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dddddd");
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
background-image: -o-linear-gradient(top, #ffffff, #dddddd);
background-image: linear-gradient(#ffffff, #dddddd);
border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
-webkit-font-smoothing: antialiased;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
/* color: #095197; */
border: solid 1px #ddd;
}
.pagenav a:hover {
text-decoration: none;
}
.pagenav a:visited, .pagenav a:link {
color: #26757c;
}

.pull-left, .pull-right {
border-radius: 10px;
}


a.footer-link {
text-decoration: none;
padding: 10px;
border: 1px solid white;
border-radius: 6px;
font-weight: bold;
display: block;
font-size: 14px;
text-align: center;
max-width: 350px;
margin: auto;
}

.panel {
border: 0;
margin-top: -10px;
}

.blog p, .blog-featured p {
display: inline;
margin-bottom: 0px;
}

.blog sub, .blog-featured sub {
display:none;
}

p.readmore {
display: inline;
}

p.readmore a {
font-weight: bold;
color: #26757c;
background-image: none;
background-color:#ffffff;
border: 0;
}

p.readmore a:hover {
background: transparent;
text-shadow: none;
color:#42857c;
}


/* ----------------------------------------------------------------- animazione Intro Page ------*/

.item-page, .blog-featured, .blog, .contact, .osmap-sitemap, #wrapper2 .search, .tag-category, #bwpostman {
-webkit-animation: cssIntro 1.5s 1 ease;
-moz-animation: cssIntro 1.5s 1 ease;
-o-animation: cssIntro 1.5s 1 ease;
}

@-webkit-keyframes cssIntro {
from { -webkit-transform: rotate(0deg) scale(0.4) skew(0deg) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-moz-keyframes cssIntro {
from { -moz-transform: rotate(0deg) scale(0.4) skew(0deg) translate(0px); }
to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-o-keyframes cssIntro {
from { -o-transform: rotate(0deg) scale(0.4) skew(0deg) translate(0px); }
to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}

/* ----------------------------------------------------------------- allert ------*/

.alert-error {
border-color: #B94A48;
background: #F2DEDE;
text-align:center;
margin-bottom: 20px;
padding:20px;
border-radius:10px;
}

/* ----------------------------------------------------------------- MoveImg ------*/

article img.pull-left:hover, article img.pull-center:hover  {
    -webkit-animation-name: ImgMove; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 2; /* Safari 4.0 - 8.0 */
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes ImgMove {
from { -webkit-transform: translate(0px); }
to { -webkit-transform: translate(5px); }
}


/* ----------------------------------------------------------------- tags ------*/
ul.tags.inline {
margin: 0;
padding: 0;
}

li[itemprop="keywords"], .tagspopular li {
display:inline-block;
float:none;
background-color: #26757c;
background-image: none;
border: 0;
box-shadow: none;
color: #fff;
line-height: 20px;
padding: 4px 10px;
list-style-type: none;
margin: 0px 10px 0 0;
border-radius:10px;
font-weight:bold;
}

li[itemprop="keywords"] a, .tagspopular li a {
color: #fff;
}

li[itemprop="keywords"] a:hover, .tagspopular li a:hover {
color: #fff;
background-color: #26757c;
text-decoration:none;
}

.tagspopular {
width: 70%;
margin: 30px auto;
}
.tagspopular li, li[itemprop="keywords"]  {
margin-bottom: 20px;
}

.custom-tagcloud {
font-size: 1.6em;
text-align: center;
margin-top: 30px;
margin-bottom: 0px;
}


p#break {
    text-align:initial;
}

#footer-higher {
box-shadow: 2px 2px 2px #444;
}


#container01 {
    height: auto;
}

#searchForm .searchintro {
padding: 10px;
}

#ghaphic01 {
height: auto;
box-shadow: 0px 0px 4px #000;
border-radius:10px;
-webkit-animation: cssAnimation2 2s 1 ease;
-moz-animation: cssAnimation2 2s 1 ease;
-o-animation: cssAnimation2 2s 1 ease;
}

#incipit01{
    margin-top: -80px;
    font-size: 1.5em;
    text-shadow: 1px 1px 4px #000;
-webkit-animation: cssAnimation 2s 1 ease;
-moz-animation: cssAnimation 2s 1 ease;
-o-animation: cssAnimation 2s 1 ease;
}

#sentence {
background-color: rgba(0,0,0,0.66);
padding: 10px 20px;
line-height: 2em;
border-radius: 6px;
}

article.item-page h1 + p {
color: #888;
}

sub {
bottom: 0.25em;
font-weight: bold;
}

/* --------------------------------------------------------------------- tooltip -- */

.custom-social {
padding-top: 12px;
display:inline-block;
}

.custom-social div {
display:inline;
margin: 0px 12px;
}


div {
font-size: 1em;
font-family: inherit;
}

a.ToolTip {
color: #ffffff;
text-decoration: none;
cursor: point;
}

a.ToolTip span.acronym {
display: none;
}

a.ToolTip:hover span.acronym {
display: block;
position: absolute;
top: -99px;
left: -99px;
background: #26757c;
font-style: italic;
width: 200px;
height: auto;
padding: 4px 10px;
border-radius: 6px;
box-shadow: 1px 1px 3px #000000;
}

a.ToolTip:hover
{
position: relative;
background: transparent;
}

/*
span.acronym:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-top: 8px solid #ffffff;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
*/

span.acronym:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
width: 0;
height: 0;
border-top: 15px solid #26757c;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
}




/* ------------------------------------------------------ crediti --- */
#crediti {
background: none repeat scroll 0 0 #26757c;
font-size: 11px;
margin: 0 auto;
padding-bottom: 30px;
text-align:center;
}

#crediti a {
color: #fff;
background: #26757c;
}


/* ------------------------------------------------------ animazione tooltip --- */

a.ToolTip:hover span.acronym {
-webkit-animation: cssAnimation3 1s 1 ease;
-moz-animation: cssAnimation3 1s 1 ease;
-o-animation: cssAnimation3 1s 1 ease;
}

@-webkit-keyframes cssAnimation3 {
from { -webkit-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation3 {
from { -moz-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px); }
to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation3 {
from { -o-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px); }
to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}

/* ------------------------------------------------------ form --- */

fieldset {
border: 0;
}
.contact-miscinfo {
width: 96%;
margin-left: 2%;
}

#math-star {
color: #B94A48;
background: none;
}

#mobile-menu-close .nav.menu {
padding-top: 9px;
color: white;
background: #26757c;
text-align: center;
height: 50px;
}
#chiudi-menu, #apri-menu {
display:none;
}

#mobile-menu-open {
   animation:chiudimenu 1s;
   -moz-animation:chiudimenu 1s; /* Firefox */
   -webkit-animation:chiudimenu 1s; /* Safari and Chrome */
   -o-animation:chiudimenu 1s; /* Opera */
   animation:chiudimenu 1s;

}

@keyframes aprimenu {
   0% {opacity:0; margin-left:-100%;}
   100% {opacity:1;margin-left:0;}

}

@-moz-keyframes aprimenu { /* Firefox */
   0% {opacity:0; margin-left:-100%;}
   100% {opacity:1;margin-left:0;}
}

@-webkit-keyframes aprimenu { /* Safari and Chrome */
   0% {opacity:0; margin-left:-100%;}
   100% {opacity:1;margin-left:0;}
}

@-o-keyframes aprimenu { /* Opera */
   0% {opacity:0; margin-left:-100%;}
   100% {opacity:1;margin-left:0;}
}

/* era elencata prima ------------------------------------------------------------------------------------------*/


@keyframes aprimenu {
   0% {opacity:0; margin-left:-100%;}
   100% {opacity:1;margin-left:0;}

}

@-moz-keyframes aprimenu { /* Firefox */
   0% {opacity:0; margin-left:-100%;}
   100% {opacity:1;margin-left:0;}
}

@-webkit-keyframes aprimenu { /* Safari and Chrome */
   0% {opacity:0; margin-left:-100%;}
   100% {opacity:1;margin-left:0;}
}

@-o-keyframes aprimenu { /* Opera */
   0% {opacity:0; margin-left:-100%;}
   100% {opacity:1;margin-left:0;}
}


@-moz-keyframes chiudimenu { /* Firefox */
   0% {opacity:0;}
   100% {opacity:1;}
}

@-webkit-keyframes chiudimenu { /* Safari and Chrome */
   0% {opacity:0;}
   100% {opacity:1;}
}

@-o-keyframes chiudimenu { /* Opera */
   0% {opacity:0;}
   100% {opacity:1;}
}


/* era elencata prima ------------------------------------------------------------------------------------------*/

@keyframes chiudimenu {
   0% {opacity:0;}
   100% {opacity:1;}

}

@-moz-keyframes chiudimenu { /* Firefox */
   0% {opacity:0;}
   100% {opacity:1;}
}

@-webkit-keyframes chiudimenu { /* Safari and Chrome */
   0% {opacity:0;}
   100% {opacity:1;}
}

@-o-keyframes chiudimenu { /* Opera */
   0% {opacity:0;}
   100% {opacity:1;}
}


/* spam check -------------------------------------------------------------------------------------------- */


#easycalccheckplus {
clear: left;
}

#easycalccheckplus label {
float:left;
}

.contact-form input[type="text"].validate-numeric {
width: 2em;
margin-left: 10px;
padding: 0;
height: 1.8em;
text-align:center;
}


#ph-newsletter-box {
width: 80%;
margin: auto;
}

button[name="filter-search-button"], button[name="filter-clear-button"] {
display:none;
}


body ul, body ol ,body dl  {
line-height: inherit;
}

.pane-slider.content .contact-form {
margin-top:-50px;
}


#edit_mailformat label {
margin: 6px 12px 6px 0px;
}


.mod-button-register.text-right, .button-register.text-right {
text-align:left;
}


.mod-button-register.text-right, .agree_check {
text-align:left;
}

#namemsg,  #emailmsg, {
display: block;
border:0px solid red;
}

.user_mailformat #emailformatmsg {
width:80%;
}

.show_disclaimer {
display: none;
}


#edit_mailformat {
margin-top:0;
}

.user_mailformat {
margin-top: 15px;
}

.row-2 .column-1  {
width:100%;
}

.row-2 .column-1 h1, .row-2 .column-1 p, .row-2 .column-1 .blog p, #bottomest h2  {
text-align:center;
display: block;
}


/* =============================================================== responsive ==*/
/* ================================================================================ max-width: 319px == */
@media all and (max-width: 319px) {

#header {
    padding: 5px;
}

#search {
    max-width: 100%;
    float: none;
    display: block;
    margin-top: 0;
	text-align: center;
	margin-bottom: 20px;
}
#logo {
    display: block;
    float: none;
    margin: auto;
    max-width: 200px;
    height: auto;
}

.nav.menu {
/* display:none; */
}

#all-body .pre_text,#all-body .user_edit, #all-body #emailformatmsg {
text-align: left;
}

#menu-changer {
display:block;
}


#mobile-menu-open .nav.menu {
   animation:aprimenu 1s;
   -moz-animation:aprimenu 1s; /* Firefox */
   -webkit-animation:aprimenu 1s; /* Safari and Chrome */
   -o-animation:aprimenu 1s; /* Opera */
   animation:aprimenu 1s;
}

/* c'era qui una seconda aprimenu trovata dopo la prima -------------------------------------------------------------------------- */


#incipit01 {
    margin-top: 0;
    text-shadow: 1px 1px 4px #000;
    animation: 1s ease 0s normal none 1 cssAnimation;
}

#mobile-menu-open .nav.menu {
width:100%;
display:block;
text-align: center;
background: #26757c;
padding: 10px 0px;
}


#mobile-menu-open .nav.menu li {
width:80%;
padding: 4px 10px;
display:block;
border:1px solid #fff;
border-radius: 6px;
margin:5px auto;

}

#mobile-menu-close .nav.menu {
display:none;
}

#chiudi-menu, #apri-menu {
text-align:center;
}

#mobile-menu-close #chiudi-menu, #mobile-menu-open #apri-menu {
display:none;
   animation:chiudimenu 1s;
   -moz-animation:chiudimenu 1s; /* Firefox */
   -webkit-animation:chiudimenu 1s; /* Safari and Chrome */
   -o-animation:chiudimenu 1s; /* Opera */
   animation:chiudimenu 1s;
}
#mobile-menu-open #chiudi-menu, #mobile-menu-close #apri-menu {
display:block;
font-variant: small-caps;
background: none repeat scroll 0% 0% #26757c;
color: #FFF;
   animation:chiudimenu 1s;
   -moz-animation:chiudimenu 1s; /* Firefox */
   -webkit-animation:chiudimenu 1s; /* Safari and Chrome */
   -o-animation:chiudimenu 1s; /* Opera */
   animation:chiudimenu 1s;
}

/* --------------------------------------------------------------------------------------------- animazione chiudimenu */

#ghaphic01 {
display:none;
}

#sentence {
background-color: transparent!important;
padding: 0;
line-height: 1.6em;
border-radius: 0;
}

.row-separator {
height: 0px;
}

#top {
margin: 0;
}

.blog-featured h1 {
text-align:center;
height:initial;
}

.row-0 .item.column-1 h1, .row-0 .item.column-2 h1, .row-0 .item.column-3 h1,
.row-1 .item.column-1 h1, .row-1 .item.column-2 h1, .row-1 .item.column-3 h1 {
margin-bottom: 4px;
}

.row-0 .item.column-1, .row-0 .item.column-2, .row-0 .item.column-3,
.row-1 .item.column-1, .row-1 .item.column-2, .row-1 .item.column-3 {
margin-bottom:40px;
}

.item column-3 {
margin-bottom:10px;
}

.leading-0 .pull-left, .pull-left {
margin-right: 0;
margin:auto;
float:none;
display:block;
margin-bottom:15px;
}

#contentarea, #contentarea2 {
    padding: 0px 6px !important;
}

#wrapper2 .item-page {
max-width: 96%;
margin: auto;
}


.items-row h1, .item-page h1 {
text-align:center;

}

.pager.pagenav{
text-align: center;
}

.custom-social div {
margin: 0px 10px;
}

.box2, .box3 {
padding-left: 5px;
margin-top: 30px;
width: 96%;
border: 0;
color: white;
}

.cols-2 .column-1, .cols-2 .column-2 {
width: 96%;
float: none;
}


ul.menu a {
    display: block;
    margin: 0px;
    padding: 5px 0px;
}

#footer .nav.menu-menu-piedipagina {
    margin: 4px 12px 6px 0px;
}
#footer .nav.menu-menu-piedipagina li {
    display: block;
    border: 1px solid #FFF;
    margin-bottom: 15px;
    border-radius: 6px;
}

#footer .nav.menu-menu-piedipagina li a {
    font-weight: normal;
    box-shadow: none;
    border-bottom: 0px none;
    text-shadow: none;
    display:block;
    width:100%;
}

.menu-menu-piedipagina li {
display: inline-block;
list-style-type: none;
padding: 12px;
width: 95%;
}

#searchForm .searchintro {
padding: 0;
}

.row-2 .column-1 p  {
text-align:inherit;
display: inline;
}


}

#version {
font-size:10px;
color:#aaa;
text-align:right;
margin-top:30px;
    
}


/* ================================================================================ (min-width: 320px) and (max-width: 768px) == */
@media all and (min-width: 320px) and (max-width: 768px) {

#header {
    padding: 5px;
}

#search {
    max-width: 100%;
    float: none;
    display: block;
    margin-top: 0;
	text-align: center;
	margin-bottom: 20px;
}
#logo {
    display: block;
    float: none;
    margin: auto;
    max-width: 200px;
    height: auto;
}

.nav.menu {
/* display:none; */
}

#menu-changer {
display:block;
}


#mobile-menu-open .nav.menu {
   animation:aprimenu 1s;
   -moz-animation:aprimenu 1s; /* Firefox */
   -webkit-animation:aprimenu 1s; /* Safari and Chrome */
   -o-animation:aprimenu 1s; /* Opera */
   animation:aprimenu 1s;
}

.row-0 .item.column-1 h1, .row-0 .item.column-2 h1, .row-0 .item.column-3 h1, .row-1 .item.column-1 h1, .row-1 .item.column-2 h1, .row-1 .item.column-3 h1 {
    height: auto;
}  
  
/* era qui aprimenu  ---------------------------------------------------------------------------------------------------------------- */



#mobile-menu-open .nav.menu {
width:100%;
display:block;
text-align: center;
background: #26757c;
padding: 10px 0px;
}


#mobile-menu-open .nav.menu li {
width:80%!important;
padding: 4px 10px;
display:block;
border:1px solid #fff;
border-radius: 6px;
margin:5px auto;

}

#mobile-menu-close .nav.menu {
display:none;
}

#chiudi-menu, #apri-menu {
text-align:center;
}

#mobile-menu-close #chiudi-menu, #mobile-menu-open #apri-menu {
display:none;

}

#mobile-menu-open #chiudi-menu, #mobile-menu-close #apri-menu {
display:block;
font-variant: small-caps;
    background: none repeat scroll 0% 0% #26757c;
    color: #FFF;
    height: 40px;
    padding-top: 15px;
   animation:chiudimenu 1s;
   -moz-animation:chiudimenu 1s; /* Firefox */
   -webkit-animation:chiudimenu 1s; /* Safari and Chrome */
   -o-animation:chiudimenu 1s; /* Opera */
   animation:chiudimenu 1s;
}

/* altro chiudimenu trovato dopo -------------------------------------------------------------------------------*/

#incipit01 {
    margin-top: 0;
    font-size: 1.5em;
    text-shadow: 1px 1px 4px #000;
    animation: 1s ease 0s normal none 1 cssAnimation;
}

#ghaphic01 {
display:none;
}

#sentence {
background-color: transparent!important;
padding: 0;
line-height: 1.6em;
border-radius: 0;
}

#top {
margin: 0;
}

.blog-featured h1 {
text-align:center;
height:initial;
}

.row-0 .item.column-1 h1, .row-0 .item.column-2 h1, .row-0 .item.column-3 h1,
.row-1 .item.column-1 h1, .row-1 .item.column-2 h1, .row-1 .item.column-3 h1 {
margin-bottom: 4px;
height: 50px;
font-size: 1.5em;
}

.row-0 .item.column-1, .row-0 .item.column-2, .row-0 .item.column-3,
.row-1 .item.column-1, .row-1 .item.column-2, .row-1 .item.column-3 {
margin-bottom:40px;
}

.row-separator {
height: 0px;
}


.item column-3 {
margin-bottom:10px;
}

.leading-0 .pull-left, .pull-left {
margin-right: 0;
margin:auto;
float:none;
display:block;
margin-bottom:15px;
}
#contentarea, #contentarea2 {
    padding: 0px 6px !important;
}

#wrapper2 .item-page {
max-width: 96%;
margin: auto;
}


.items-row h1, .item-page h1 {
text-align:center;
}

#header input, #header form {
float: none;
}

.bannergroup-offerte .banneritem p, .bannergroup-servizi .banneritem p {
text-align: center;
}

.pager.pagenav{
text-align: center;
}

.custom-social div {
margin: 0px 10px;
}

.box2, .box3 {
padding-left: 5px;
margin-top: 30px;
width: 96%;
border: 0;
color: white;
}

.cols-2 .column-1, .cols-2 .column-2 {
width: 96%;
float: none;
}


ul.menu a {
    display: block;
    margin: 0px;
    padding: 5px 0px;
}

#footer .nav.menu-menu-piedipagina {
    margin: 4px 12px 6px 0px;
}
#footer .nav.menu-menu-piedipagina li {
    display: block;
    border: 1px solid #FFF;
    margin-bottom: 15px;
    border-radius: 6px;
}

#footer .nav.menu-menu-piedipagina li a {
    font-weight: normal;
    box-shadow: none;
    border-bottom: 0px none;
    text-shadow: none;
    display:block;
	width:100%;
}

.menu-menu-piedipagina li {
display: inline-block;
list-style-type: none;
padding: 12px;
width: 96%;
}

#mobile-menu-open .nav.menu li {
    width: 80% !important;
    padding: 4px 10px;
    display: inline-block;
    border: 1px solid #FFF;
    border-radius: 6px;
    margin: 5px;
}
.row-2 .column-1 p  {
text-align:inherit;
display: inline;
}
}
/* ================================================================================ (min-width: 769px) and (max-width: 1023px) == */

@media all and (min-width: 769px) and (max-width: 1023px) {

.nav.menu li {
width: 6.8em;
display: inline-block;
}

#mobile-menu-open .nav.menu li {
    width: 45% !important;
    padding: 4px 10px;
    display: inline-block;
    border: 1px solid #FFF;
    border-radius: 6px;
    margin: 5px;
}

}


h1 {
  height: initial !important;
}