@import url("/fonts.googleapis.com/css?family=Roboto:500,700,400");
@import url("/fonts.googleapis.com/css?family=Rokkitt:400,700");
@import url("/fonts.googleapis.com/css?family=Open+Sans:400,600,700");
/*
font-family: 'Roboto', sans-serif;
font-family: 'Rokkitt', serif;
font-family: 'Open Sans', sans-serif;

test0: 		#010101;
celeste: 	#024C6E;
border:		#d7d7d7;

*/
/*
#container{
	margin-left:0px !important;
}
#colonnaNav{
	display:none !important;
}*/
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]==========[    CITTA' METROPOLITANA    ]=========[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    background-color: #f6fafd;
    color: #222;
    font-size: 80%;
    -webkit-text-stroke: 1px transparent;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Default: auto */
    }
.text .text {
    padding: 0 !important
    }
body.home {
    background-color: #f9fafc
    }
.breaker, .clearfix {
    clear: both;
    margin: -2px 0 0 0;
    padding: 0;
    height: 0.1em;
    font-size: 0.1em;
    line-height: 0.1em
    }
.clearfix.clearleft {
    clear: left
    }
a {
    text-decoration: none;
    outline: 0
    }
a:hover {
    text-decoration: underline
    }
strong {
    font-weight: 700
    }
hr {
    border: 0 solid;
    border-bottom: 1px solid #C3D0D6;
    clear: both;
    margin: 10px 0 10px 0;
    padding: 0;
    height: 10px;
    color: #FFF;
    background-color: #FFF
    }
#leftspace hr {
    display: none
    }
hr.clearfix {
    position: absolute;
    left: -9999px;
    width: 10px
    }
form {
    margin: 0;
    padding: 0
    }
label {
    display: inline-block
    }
.submit {
    background-color: #e4e2e3;
    color: #024C6E;
    border: 0 solid;
    cursor: pointer
    }
select, input, textarea {
    font-family: "Open Sans", Verdana, Geneva, sans-serif;
    font-size: 100%;
    padding: 1px 2px
    }
h1, h2, h3, h4, h5, h6, h7 {
    margin: 0;
    padding: 0
    }
#center .int h1 {
    font-size: 120%
    }
#center .int h2 {
    font-size: 110%
    }
#center .int h3 {
    font-size: 100%
    }
#center .int h4 {
    font-size: 100%
    }
#center .int h5 {
    font-size: 100%
    }
#center .int h6 {
    font-size: 100%
    }
#center .int h7 {
    font-size: 100%
    }
p {
    margin: 10px 0 10px 0;
    padding: 0
    }
.hide {
    position: absolute;
    left: -9999px;
    clear: none
    }
fieldset {
    border: 0;
    margin: 0;
    padding: 0
    }
.noscript {
    margin: 0
    }
a img {
    border: 0
    }
.left, .alignleft {
    float: left;
    display: inline
    }
img.left, img.alignleft {
    float: left;
    margin: 0 8px 8px 0
    }
img.right, img.alignright {
    float: right;
    display: inline;
    margin: 0 0 8px 8px
    }
.smalltext {
    font-size: 90%;
    line-height: 100%
    }
.center {
    margin: 0 auto
    }
ul.inline {
    margin: 0;
    padding: 0
    }
ul.inline li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
    }
ul.inline li a {
    color: #222;
    text-decoration: none
    }
a.back {
    margin: 20px 0 20px 20px;
    display: inline-block;
    color: #026592
    }
a.back:before {
    content: "« "
    }
/* ================================================================================== */
/* ========================================= LEFTCOL ================================= */
#page {
    background-color: #FFF
    }
.portale #leftcol {
    background-color: #E4E2E3
    }
#centerpage {
    border: 1px solid #d7d7d7;
    border-left: 0 solid;
    border-bottom-width: 0;
    position: relative
    }
#leftcol #siteImg {
    width: 100%;
    height: auto
    }
/* ========================================= HEADER ================================= */
header {
    position: relative
    }
#tophead {
    padding: 18px 10px 10px 10px;
    border-bottom: 1px solid #d7d7d7;
    display: none
    }
header #tophead #breadcrumbs {
    font-size: 90%;
    float: left
    }
header #breadcrumbs a {
    color: #222
    }
.socials {
    float: right
    }
.socials ul li {
    margin-left: 30px;
    text-transform: uppercase;
    position: relative
    }
.socials ul li:last-child {
    margin-top: -4px
    }
.socials ul li .label {
    display: inline-block;
    margin-left: 10px;
    float: right;
    margin-top: 1px;
    font-size: 90%
    }
.socials .icomoon {
    font-size: 150%
    }
.socials #condividi {
    display: none;
    height: 39px;
    position: absolute;
    right: 0;
    top: -10px;
    width: 150px;
    z-index: 999
    }
.socials #condividi .addthis_sharing_toolbox {
    margin: 10px 0 0 10px
    }
.socials li:hover #condividi {
    background-color: #fff;
    border: 2px solid #1C749A;
    border-radius: 4px;
    display: block
    }
.socials #condividi ul {
    list-style: outside none none;
    margin: 0 !important;
    padding: 0 !important
    }
.socials #condividi ul li {
    float: left;
    list-style: outside none none;
    margin: 5px;
    padding: 0
    }
#title {
    color: #024C6E;
    font-size: 250%;
    font-weight: normal
    }
#title a {
    color: #024C6E;
    text-decoration: none
    }
.portale #title {
    padding-top: 10px
    }
.tematico #title {
    background: url(../img/logo_citta_milano.gif) 10px 0 no-repeat;
    padding: 75px 20px 8px 10px;
    height: 50px;
    position: relative
    }
.tematico #title img {
    bottom: 22px;
    height: 65px;
    width: 125px;
    position: absolute;
    margin-left: 30px
    }
.toSection {
    color: #024c6e;
    font-size: 250%;
    font-weight: normal;
    position: absolute;
    left: 170px;
    top: 90px;
    display: none
    }
.toSection:before {
    content: "/"
    }
.backhome {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    display: block;
    width: 180px;
    height: 106px;
    text-indent: -9999px
    }
.tematico #topImgSpace {
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #d7d7d7;
    background-color: #FFF;
    background-position: left top;
    background-repeat: repeat-x
    }
/* ========================================= CONTENUTO ================================= */
#maincontainer {
    background-color: #1C749A
    }
#container {
    background-color: #FFF
    }
.tematico #container {
    padding-top: 18px;
    border-left: 1px solid #d7d7d7
    }
.interna #centercontainer a {
    color: #1C749A;
    text-decoration: underline
    }
#centercontainer .text li {
    padding: 0 0 5px 0
    }
#centercontainer .text iframe {
    margin: 0 10px 10px 0
    }
/* ========================================= LEFTCOL ================================= */
#topImgSpace {
    display: none
    }
/* ========================================= LEFTCOL ================================= */
#leftcol {
    position: relative
    }
#leftcol .topNav {
    font-size: 45px;
    position: absolute;
    right: 50px;
    top: 2px
    }
#leftcol nav {
    margin-top: 70px;
    font-family: "Roboto", sans-serif
    }
.tematico #leftcol nav {
    margin-top: 27px
    }
#leftcol nav > ul {
    margin: 20px;
    padding: 0
    }
#leftcol nav ul ul {
    margin: 5px 0 0 0;
    padding: 0
    }
#leftcol nav li {
    margin: 0;
    padding: 3px 0;
    list-style: none
    }
#leftcol nav ul ul ul {
    margin: 0 0 0 20px;
    padding: 0
    }
#leftcol nav li a {
    text-transform: uppercase
    }
#leftcol nav > ul > li > a {
    font-weight: bold;
    color: #010101
    }
#leftcol nav .active a {
    color: #024C6E
    }
#leftcol nav .active > a {
    text-decoration: underline
    }
/* ========================================= COLONNA DESTRA ================================= */
.content {
    border-left: 1px solid #d7d7d7;
    float: left;
    margin-left: -1px;
    width: 100%
    }
h1.pagetitle {
    padding: 10px 5px 0 5px;
    font-family: "Rokkitt", serif;
    font-size: 200%
    }
.text h1.pagetitle {
    padding: 0 !important
    }
.tematico.home #rightcol {
    margin-bottom: 20px
    }
.tematico.interna #rightcol {
    padding-bottom: 20px
    }
.tematico #rightcol .text, .portale #centercol .text {
    padding: 5px 5px
    }
.home .text {
    margin-left: 1px
    }
.portale #rightcol h3 {
    color: #024C6E;
    text-transform: uppercase;
    font-size: 90%
    }
#rightcol .text a {
    color: #024C6E
    }
.interna .text h2 {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 10px 0
    }
.interna .text h3 {
    color: #000;
    font-weight: 600;
    font-size: 17px;
    margin: 0 0 10px 0
    }
/* =================== diretta ==================== */
.diretta {
    background-color: #e5e3e4;
    height: 122px;
    padding: 20px 20px 20px 60px;
    background: url(../img/twitter.gif) 20px 20px no-repeat;
    border-bottom: 2px solid #d7d7d7
    }
.portale.home .diretta {
    border-left: 4px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
    width: 238px
    }
.diretta h3 {
    color: #024C6E;
    text-transform: uppercase;
    font-weight: normal;
    padding-bottom: 10px
    }
.diretta a {
    color: #024C6E
    }
.box.double.top {
    background-color: #f1f1f1;
    height: 122px;
    border: 0 !important
    }
.box.double > iframe, .box.double > img {
    width: 285px;
    height: 183px;
    margin: 20px;
    float: left;
    position: relative;
    z-index: 99
    }
/* =================== ELENCO NEWS ==================== */
.elencnews {
    margin: 20px 0 0 0;
    padding: 0
    }
.elencnews li {
    list-style: none
    }
.elencnews li img {
    float: left;
    width: 160px;
    height: 100px
    }
.elencnews li > div {
    min-height: 120px;
    margin-left: 170px;
    margin-bottom: 15px
    }
.panneloricerca select, .panneloricerca input {
    height: 26px;
    line-height: 10px;
    font-size: 12px
    }
.panneloricerca input[type="text"] {
    height: 20px;
    padding: 1px;
    overflow: hidden;
    line-height: 20px
    }
.parentLink {
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 18px 0 0 18px;
    display: inline-block
    }
.elencnews .parentLink {
    padding: 0
    }
/* =================== comunicati ==================== */
.listItem {
    padding: 10px;
    border-top: 1px solid #d7d7d7
    }
.listItem h3 a {
    color: #024C6E
    }
.listItem ul {
    margin: 20px 0 0 0x;
    padding: 0
    }
.listItem ul li {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none
    }
.listItem a {
    color: #393939
    }
.listItem a.seeAll {
    text-decoration: underline;
    text-align: right;
    display: block
    }
.dataCom {
    float: left;
    margin-top: 10px;
    margin-right: 4px
    }
.am {
    border-bottom: 1px solid #d7d7d7
    }
/* =================== Pagination ==================== */
.pagination li {
    float: left;
    margin: 0;
    padding: 0 5px;
    list-style: none
    }
.pagination li a {
    color: #1C749A;
    cursor: pointer;
    border: 1px solid #1C749A;
    display: block;
    width: 20px;
    height: 19px;
    text-align: center;
    border-radius: 2px
    }
.pagination li a:hover {
    background-color: #1C749A;
    color: #FFF !important;
    text-decoration: none
    }
.pagination li.active a {
    font-weight: bold
    }
/* ================== sititematici =================== */
.sititematici {
    background-color: #d7d7d7;
    padding: 10px
    }
.sititematici ul {
    margin: 20px 0 0 0x;
    padding: 0
    }
.sititematici ul li {
    margin: 0 0 1px 0;
    padding: 0;
    list-style: none;
    color: #024C6E;
    font-size: 85%;
    background: url(../img/angolo_blu.gif) right top no-repeat #FFF
    }
.sititematici ul li a {
    color: #024C6E;
    display: block;
    background-image: url(../img/tematici_default.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 55px
    }
.sititematici ul li:last-child a {
    background-image: url(../img/tematici_tutti.png) !important
    }
.sititematici ul li a strong {
    text-transform: uppercase;
    font-weight: 700
    }
/* ================== banner =================== */
ul.banner {
    padding: 0;
    margin: 0
    }
ul.banner img {
    height: 121px
    }
ul.banner li {
    padding: 0;
    margin: 0 0 3px 0;
    list-style: none
    }
.banner {
    text-align: center
    }
#leftcol .banner img {
    border: 1px solid #d7d7d7;
    width: 160px;
    height: 100px
    }
.banner ul {
    list-style: none;
    margin: 20px 0;
    padding: 0
    }
.banner li {
    margin: 0 0 10px 0
    }
/* ========================================= footer ================================= */
footer {
    /*background: url(../../condivisi/img/logo_citta_milano_footer.gif) 77px 38px no-repeat #f1f1f1;
    	min-height:80px;
    	padding-left:260px;
    	padding-top:52px;
    	line-height:205%;
    	font-size:90%;*/
    background-color: #666;
    color: #FFF;
    padding: 10px 20px
    }
footer a {
    color: #FFF
    }
#topFooter {
    background-color: #f1f1f1;
    clear: both
    }
#topFooter .icomoon {
    margin-right: 6px;
    color: #666
    }
.portale #topFooter {
    padding: 10px;
    border-top: 5px solid #d7d7d7
    }
/* -------------------------  FOOTER  ------------------------- */
.trecol {
    padding: 10px;
    clear: both
    }
.colDue {
    clear: both;
    border-top: 1px solid #D7D7D7
    }
.colTre {
    border-top: 1px solid #D7D7D7
    }
.trecol ul.multicol li {
    float: left;
    margin-right: 10px
    }
.trecol h4 {
    margin-bottom: 10px;
    text-transform: uppercase
    }
.trecol ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none
    }
.trecol ul li {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none
    }
.trecol ul li a {
    color: #000
    }
/* --------------------------- NAVIGAZIONE ---------------------------- */
#colonnaNav #openMainNav {
    text-decoration: none;
    color: #FFF;
    font-size: 22px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0
    }
#colonnaNav #mainav {
    color: #FFF;
    padding: 0 0 0 0
    }
#colonnaNav #mainav ul {
    margin: 0;
    padding: 0 0 10px 0
    }
#colonnaNav #mainav ul li {
    padding: 0 0 0 10px;
    list-style: none
    }
#colonnaNav #mainav a {
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Open Sans", Courier;
    font-size: 72%;
    text-align: center;
    display: block;
    line-height: 100%;
    padding: 20px 0;
    height: 48px;
    border-bottom: 1px solid #3d8aa8;
    font-weight: 600
    }
#colonnaNav #mainav ul li:hover, #colonnaNav #mainav ul li.active {
    background: url(../img/mainnav_active.gif) right 37px no-repeat
    }
#colonnaNav #mainav span {
    display: block;
    font-size: 30px;
    margin-bottom: 8px
    }
.openMobNav {
    text-decoration: none;
    color: #FFF;
    font-size: 24px;
    display: block;
    text-align: right;
    padding: 5px 10px 5px 0
    }
#leftcol .openMobNav {
    color: #1C749A
    }
.openMobNav .left {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 5px
    }
/* --------------------------- CONTATTI ---------------------------- */
#contactPuls {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    height: 15px;
    padding-top: 5px;
    display: inline-block
    }
#contactPuls .icomoon {
    font-size: 29px;
    float: left;
    margin-top: -5px;
    margin-right: 10px
    }
.tematico #contactPuls {
    top: 80px
    }
#contactspace {
    background-color: #1C749A;
    position: relative;
    display: none;
    width: 100%
    }
#contactspace ul {
    margin: 0;
    padding: 0
    }
#contactspace li {
    margin: 0;
    padding: 20px 20px 20px 20px;
    list-style: none;
    float: left;
    border-bottom: 1px solid #429cc1;
    border-right: 1px solid #429cc1;
    width: 250px;
    height: 95px;
    color: #FFF;
    font-size: 80%;
    line-height: 130%;
    width: 333px
    }
#contactspace span.icomoon {
    font-size: 40px;
    display: inline-block;
    height: 100px;
    float: left;
    margin-right: 10px;
    opacity: 0.8
    }
#contactspace span.icon-cross {
    opacity: 1;
    font-size: 30px;
    height: auto;
    float: none
    }
#contactspace a {
    color: #FFF;
    text-decoration: underline
    }
.portale #contactspace li {
    width: 279px
    }
#contactspace li strong:first-child {
    font-family: "Open Sans", Courier;
    text-transform: uppercase;
    font-size: 120%;
    display: block
    }
#contactclose {
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
    width: 45px;
    height: 54px;
    color: #FFF;
    font-size: 30px;
    text-decoration: none
    }
#contactspace .more {
    text-align: right;
    margin-right: 7px;
    border-bottom: 1px solid #429cc1;
    padding: 10px
    }
#contactspace .more a {
    color: #FFF;
    font-family: "Open Sans", Courier;
    text-transform: uppercase;
    text-decoration: none
    }
#contactspace strong {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 120%;
    display: block
    }
/* ---------------------------     HOME   ---------------------------- */
/* HOME TOP*/
#hometop {
    min-height: 119px;
    background-color: #f1f1f1;
    color: #666;
    padding: 20px
    }
#hometop img {
    display: none;
    float: right
    }
#hometop .testo {
    font-size: 90%
    }
#hometop .testo h3 a, #hometop .testo h3 {
    color: #024C6E;
    text-transform: uppercase;
    font-weight: 300
    }
.tematico #centercol {
    border-right: 1px solid #d7d7d7;
    width: auto !important
    }
.portale #centercol {
    margin-left: 0;
    padding: 0;
    border: 0 solid;
    background-color: #FFF
    }
.portale.home #centercol {
    background: url(../img/spacer_grey.gif) right top repeat-y
    }
.portale.interna #centercol {
    margin-right: 0
    }
/* ---------------------------     Servizi   ---------------------------- */
section#servizi {
    padding: 10px
    }
section#servizi .item {
    float: left;
    width: 104px;
    border: 1px solid #d7d7d7;
    box-shadow: 3px 3px 3px #ccc;
    margin: 0 9px 9px 0;
    padding: 15px 10px;
    text-align: center;
    position: relative;
    height: 177px;
    overflow: hidden;
    background: url(../img/angolo_blu.gif) right top no-repeat
    }
section#servizi .item img {
    text-align: center
    }
section#servizi .item a {
    text-align: center;
    display: block;
    position: absolute;
    left: 10px;
    top: 0;
    padding-top: 113px;
    padding-right: 10px;
    color: #024C6E
    }
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]==========[            masonry             ]=========[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
.masonry {
    background-color: #FFF
    }
.portale .masonry {
    border-bottom: 1px solid #d7d7d7;
    background: url(../img/spacer_masonry.gif) left top repeat-y
    }
.portale.interna .masonry .box.double:first-child {
    border-top: 1px solid #D7D7D7
    }
.linkTo {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%;
    z-index: 98
    }
.toParent {
    position: absolute;
    left: 16px;
    bottom: 8px;
    z-index: 99;
    text-decoration: none;
    font-size: 80%;
    color: #222 !important
    }
.toParent:hover {
    text-decoration: underline
    }
.interna #masonry {
    border-bottom: 0;
    background-image: none
    }
.interna #masonry .box {
    width: 238px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
    border-width: 0
    }
#centercol #masonry .text, .interna #rightcol #masonry .box .text {
    height: 70px;
    padding: 15px !important;
    background-color: transparent !important
    }
#centercol #masonry .box.noimg .text, .interna #rightcol #masonry .box.noimg .text {
    padding: 15px !important;
    height: 89px !important
    }
.box .text h3 {
    font-family: "Rokkitt", serif;
    font-size: 190%;
    color: #222;
    letter-spacing: 0;
    line-height: 80%
    }
.interna #rightcol .masonry {
    padding-left: 0
    }
#masonry .box .imgSizer {
    width: 238px;
    height: 144px;
    position: absolute;
    left: 0;
    top: 0
    }
.homePrimipiani {
    width: 100%;
    float: right
    }
.homeNews {
    width: 100%;
    float: left
    }
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]==========[            BOX             ]=========[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
.box {
    border-bottom: 1px solid #d7d7d7;
    position: relative
    }
.box .text {
    padding: 10px 13px
    }
.box h2 {
    font-family: "Rokkitt", serif;
    line-height: 100%;
    font-size: 200%;
    margin: 10px 0
    }
.box h2 a {
    color: #000
    }
.box .cat {
    text-transform: uppercase;
    color: #024C6E
    }
.box .cat a {
    color: #024C6E
    }
.box .tag {
    color: #393939
    }
.box .tag a {
    position: relative;
    z-index: 99;
    color: #393939;
    text-decoration: underline
    }
.box .imgnews {
    margin-bottom: 10px
    }
.box .leggitutto {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 98
    }
.box .leggitutto .icomoon {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 19px;
    padding-top: 1px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    background-color: #d7d7d7;
    color: #FFF !important
    }
.box .leggitutto:hover {
    text-decoration: none
    }
.portale .box {
    width: 100%;
    float: left;
    background-color: #FFF;
    border-left: 0 solid;
    border-right: 0 solid;
    border-bottom: 0 solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    position: relative
    }
/*  --=======================-- ACCORDION  */
.accordion {
    margin: 0 0 20px 0;
    clear: both
    }
.accordion .titAcc {
    cursor: pointer;
    color: #024C6E;
    margin: 0 0 5px 0;
    font-size: 120%;
    font-weight: 700
    }
.accordion .titAcc:before {
    content: "- ";
    font-size: 18px
    }
.accordion .titAcc.open:before {
    content: "+ "
    }
.accordion .elemAcc p {
    margin: 0;
    padding: 0 0 10px 0
    }
.accordion a.linkImg {
    display: block;
    float: left;
    height: 144px;
    margin-bottom: 20px;
    margin-right: 10px;
    overflow: hidden;
    width: 238px;
    position: relative
    }
.accordion a.linkImg img {
    height: auto;
    width: 238px;
    height: auto;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
    }
.accordion a.linkImg img:hover {
    width: 263px;
    height: auto
    }
/*  --=======================-- datepicker  */
body > .ui-datepicker {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
    margin-top: -50px;
    z-index: 99 !important;
    padding: 10px;
    display: none
    }
body > .ui-datepicker .ui-datepicker-title {
    text-align: center
    }
body > .ui-datepicker th, body > .ui-datepicker td {
    padding: 2px;
    font-size: 13px;
    text-align: center
    }
body > .ui-datepicker table {
    margin: 10px 0
    }
body > .ui-datepicker a {
    color: #00519e;
    text-decoration: none
    }
body > .ui-datepicker a:hover {
    text-decoration: underline
    }
body > .ui-datepicker .ui-datepicker-today {
    border: 1px solid #00519e
    }
body > .ui-datepicker .ui-state-disabled {
    color: #CCC
    }
/*  --=======================-- ASIDE  */
aside {
    position: relative;
    float: right;
    width: 228px;
    padding-left: 10px;
    padding-bottom: 10px
    }
#pageSpace #gmap {
    width: 100%;
    height: 500px;
    margin-bottom: 10px
    }
aside #gmap {
    width: 100%;
    height: 300px;
    margin-top: 0
    }
aside #footcerca, aside #stradePercorso, aside #ricercapunti, aside #ricercaShow {
    display: none !important
    }
.stripe #gmap {
    height: 235px;
    margin-top: -10px;
    display: none
    }
.stripe #gmap .gballoon h2 {
    display: inline-block
    }
.stripe #gmap #ricercaShow, .stripe #gmap #ricercapunti, .stripe #footcerca {
    display: none
    }
#ricercapunti {
    top: 46px !important
    }
/*  --=======================-- CALENDARIO  */
.calendario {
    width: 238px;
    background: #95BCD9;
    position: relative;
    float: right
    }
.calendario .ui-datepicker-inline {
    margin-top: 5px
    }
.calendario .ui-datepicker-calendar {
    width: 218px;
    background: #95BCD9;
    color: #FFF;
    border-collapse: collapse;
    margin: 8px
    }
.calendario .ui-datepicker-calendar thead tr th {
    border-bottom: 1px solid #FFF
    }
.calendario .ui-datepicker-calendar th, .calendario .ui-datepicker-calendar td {
    padding: 3px 2px 3px 2px;
    text-align: center;
    font-size: 13px;
    width: 16px
    }
.calendario .ui-datepicker-title {
    position: relative;
    width: 100%;
    height: 50px;
    color: #FFF;
    margin-top: 10px
    }
.calendario .ui-datepicker-year {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0
    }
.calendario .ui-datepicker-month {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 20px;
    display: block;
    font-size: 24px
    }
.calendario .ui-datepicker-prev {
    position: absolute;
    display: block;
    left: 10px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url(../img/calendar_icons.png) -7px -4px no-repeat;
    text-indent: -9999px;
    z-index: 99
    }
.calendario .ui-datepicker-prev:hover {
    background-position: -49px -4px
    }
.calendario .ui-datepicker-next {
    position: absolute;
    display: block;
    right: 10px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url(../img/calendar_icons.png) -7px -37px no-repeat;
    text-indent: -9999px;
    z-index: 99
    }
.calendario .ui-datepicker-next:hover {
    background-position: -49px -37px
    }
.calendario .ui-datepicker-today {
    background: url(../img/calendar_icons.png) 0 -63px no-repeat;
    color: #396280
    }
.calendario .highlight {
    background: url(../img/calendar_icons.png) -46px -63px no-repeat;
    color: #396280
    }
.calendario .highlight a {
    color: #FFF !important;
    text-decoration: none
    }
/*  --=======================-- GALLERY  */
ul.gallery {
    margin: 0 0 0 -10px;
    padding: 0
    }
.gallery li {
    margin: 0 0 9px 9px;
    padding: 0;
    float: left;
    list-style: none
    }
.gallery a {
    display: block;
    width: 238px;
    height: 144px;
    overflow: hidden
    }
.gallery img {
    width: 238px;
    height: 144px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
    }
.gallery img:hover {
    width: 263px;
    height: 169px
    }
.gallery.small a {
    width: 88px;
    height: 88px
    }
.gallery.small img {
    width: 88px;
    height: 88px
    }
.gallery.small img:hover {
    width: 100px;
    height: 100px
    }
#rightcontainer .gallery {
    width: 100%
    }
#rightcontainer .gallery a, .gallery.piccola a {
    width: 114.5px;
    height: 70px
    }
#rightcontainer .gallery img, .gallery.piccola img {
    width: 114.5px;
    height: 70px
    }
#rightcontainer .gallery img:hover, .gallery.piccola img:hover {
    width: 124.5px;
    height: 80px
    }
.addthis_sharing_toolbox {
    margin-top: 30px
    }
/*  --=======================--   INFO     */
.info {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin: 10px 0;
    padding: 10px 0;
    font-size: 90%
    }
.info h3 {
    padding-left: 18px;
    color: #024C6E;
    text-transform: uppercase;
    font-size: 100%
    }
.info a {
    color: #222;
    text-decoration: underline
    }
.info > div {
    padding: 10px 0 10px 18px
    }
.info > div > .icomoon {
    display: block;
    font-size: 20px;
    color: #1e719b;
    margin-bottom: 10px
    }
/*  --=======================--   TABELLA     */
.text table {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0
    }
.text table caption {
    background-color: #e0e0e0;
    color: #000;
    padding: 4px;
    font-weight: bold
    }
.text table th {
    border: 1px solid #DFE0E4;
    background-color: #EFF3F3;
    color: #000;
    padding: 4px;
    text-align: left;
    vertical-align: top
    }
.text table td {
    border: 1px solid #DFE0E4;
    padding: 4px;
    text-align: left;
    vertical-align: top
    }
/*  --=======================--   FORM     */
form .webform_wrapper {
    border: 1px solid #DFE0E4
    }
form .webform_row {
    border-bottom: 1px solid #DFE0E4;
    padding: 10px
    }
div.webform_middletext, div.webform_mandatory, div.webform_button {
    padding: 0 10px 10px
    }
.webform_button input {
    background-color: #1C749A;
    color: #FFF;
    border-width: 0;
    font-weight: bold;
    border-radius: 4px;
    padding: 10px
    }
.rowdisplay div.webform_label, .rowdisplay div.webform_label_multi, .rowdisplay div.webform_label_table, .rowdisplay div.webform_text_left {
    width: 100%
    }
.occhielloCom {
    text-transform: uppercase;
    margin-bottom: 10px
    }
/*  --=======================--   CERCA     */
.cercaNelSito {
    background: url(../img/lente.png) no-repeat scroll center center;
    color: #58585a;
    display: block;
    height: 41px;
    width: 44px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-indent: -9999px
    }
.tematico .cercaNelSito {
    top: 50px
    }
#cercaNelSito {
    display: none;
    font-size: 25px;
    padding: 20px;
    text-align: center;
    width: 350px
    }
#cercaNelSito h3 {
    color: #1C749A;
    font-size: 120%;
    font-weight: 300;
    margin: 0 0 10px;
    text-transform: uppercase
    }
#cercaNelSito input[type="text"] {
    font-size: 100%;
    margin: 10px 0
    }
#cercaNelSito input[type="submit"] {
    background-color: #1C749A;
    border: 0 solid;
    box-shadow: 3px 3px 3px #ccc;
    color: #fff;
    cursor: pointer;
    font-size: 100%;
    padding: 5px 10px
    }
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]======[]======[         CHAT     ]======[]======[   */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* =================================== CHAT ======================================*/
#chat {
    width: 550px;
    height: 600px;
    background-color: #FFF;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -300px;
    z-index: 9999;
    border: 15px solid #1c749a
    }
#chat a {
    color: #1c749a
    }
#chat h1 {
    color: #FFF;
    background-color: #1c749a;
    background: url(../img/popurp.gif) left top no-repeat #1c749a;
    padding: 0 10px 10px 70px;
    font-weight: 500;
    height: 45px
    }
#chat b {
    font-weight: bold
    }
#velinaChat {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    z-index: 9998
    }
#chatNav {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 10px;
    z-index: 9999;
    width: 100%;
    background-color: #1c749a
    }
#chatNav ul {
    margin: 0;
    padding: 0
    }
#chatNav ul li {
    list-style: none;
    margin: 0 31px 0 0;
    padding: 0;
    float: left
    }
#chatNav a {
    color: #FFF
    }
#chatSpace {
    position: absolute;
    left: 50px;
    top: 70px;
    height: 500px;
    width: 450px;
    overflow: hidden
    }
#chat.skype #chatSpace, #chat.video #chatSpace {
    height: 500px
    }
#chatitemcont {
    position: absolute;
    left: 0;
    top: 0
    }
.itemchat {
    height: 500px;
    width: 450px;
    overflow: auto
    }
#chat.skype .itemchat, #chat.video .itemchat {
    height: 500px
    }
#chatclose {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 120px;
    height: 60px;
    background-color: #1c749a;
    color: #FFF !important;
    height: 45px;
    text-align: right
    }
span.ul_li_normali ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-left: 10px !important
    }
span.ul_li_normali ul li {
    list-style-type: disc !important;
    padding: 0 !important
    }
/*  --=======================--   VARIE     */
.rounded-3x {
    border-radius: 15px !important
    }
.servive-block-light {
    background: #ecf0f1;
    border: solid 1px #eee
    }
.servive-block {
    padding: 20px 30px;
    text-align: center;
    margin-bottom: 20px
    }
/* TABLET */
@media (min-width: 768px) {
    .content {
        min-height: 805px
        }
    #tophead {
        display: block
        }
    #container {
        margin-left: 152px;
        position: relative
        }
    .portale.interna #container {
        border-top: 1px solid #D7D7D7;
        background: url(../img/portale_leftcol.gif) left top repeat-y #fff
        }
    .portale #container {
        border-left: 5px solid #d7d7d7;
        border-right: 1px solid #d7d7d7
        }
    #leftcol {
        float: left;
        border-right: 1px solid #d7d7d7;
        width: 261px;
        background-color: #E4E4E4
        }
    #leftcol .topNav {
        right: 10px;
        top: 10px
        }
    .tematico #leftcol {
        width: 261px;
        background-color: #FFF
        }
    .tematico #rightcol {
        border-left: 1px solid #d7d7d7;
        margin-left: 261px;
        min-height: 400px
        }
    .portale #centercol {
        margin-right: 272px
        }
    .portale.interna #centercol {
        margin-left: 262px
        }
    .portale #rightcol {
        float: right;
        width: 271px
        }
    .portale .box {
        border-right: 1px solid #d7d7d7
        }
    .box .text {
        padding: 20px 23px
        }
    .diretta {
        float: right;
        width: 187px;
        border-bottom: 0 solid #d7d7d7
        }
    .toSection {
        display: block
        }
    .portale.interna.wide #container {
        background-image: none
        }
    .portale.interna.wide #centercol {
        margin-left: 0
        }
    /* ========================================= TOP IMG SPACE ================================= */
    #topImgSpace {
        display: block;
        width: 100%;
        height: 160px;
        overflow: hidden
        }
    #topImgSpace ul, #topImgSpace li {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative
        }
    .topImg {
        float: right;
        margin: 20px
        }
    .topobject.news {
        padding: 0
        }
    .topobject.news .text {
        margin: 0 410px 20px 150px;
        padding: 25px 0 0 40px;
        background: url(../img/calendar.gif) left 25px no-repeat
        }
    .box.double.top {
        width: auto
        }
    .box.double {
        width: 100%
        }
    section#servizi {
        padding: 30px 10px 10px 18px
        }
    /* -------------------------  CONTENUTO  ------------------------- */
    h1.pagetitle {
        padding: 30px 18px 0 18px
        }
    .tematico #rightcol .text, .portale #centercol .text {
        padding: 20px 18px
        }
    .tematico.interna #centercontainer .text, .tematico.interna .panneloricerca, .tematico.interna #list_large_pages, .tematico.interna #list_large_pagination {
        padding-left: 18px
        }
    .stripe #gmap {
        display: block
        }
    .threeCol a {
        display: block;
        float: left;
        height: 20px;
        width: 225px
        }
    /* -------------------------  MAINAV ------------------------- */
    #colonnaNav {
        width: 158px;
        height: 100%;
        float: left;
        position: relative
        }
    #colonnaNav #mainav {
        position: absolute;
        float: left;
        z-index: 10;
        width: 152px;
        padding: 0
        }
    #colonnaNav #mainav a {
        width: 133px
        }
    #inpage #colonnaNav #mainav {
        width: 133px
        }
    /* -------------------------  CONTATTI ------------------------- */
    .portale #topFooter {
        padding: 0
        }
    /* -------------------------  FOOTER  ------------------------- */
    .trecol ul.multicol li {
        float: none
        }
    #cercaComune {
        position: absolute;
        right: 20px;
        top: 30px
        }
    }
/* DESKTOP */
@media (min-width: 1024px) {
    .tematico #title {
        padding: 30px 20px 8px 180px
        }
    #page {
        width: 973px;
        padding: 10px
        }
    #tophead {
        padding: 18px 0 10px
        }
    .tematico #centercol {
        float: left;
        width: 324px !important;
        max-width: 324px !important
        }
    #centeright {
        margin-left: 324px !important
        }
    #hometop {
        min-height: 159px;
        padding: 0
        }
    #hometop img {
        display: block;
        max-height: 160px
        }
    #hometop .testo {
        float: left;
        height: 100px;
        padding: 40px 20px 20px 0;
        width: 245px
        }
    #hometop .data {
        float: left;
        display: block;
        width: 136px;
        height: 159px;
        position: relative
        }
    #hometop .data .day {
        position: absolute;
        width: 140px;
        text-align: center;
        font-size: 500%;
        font-weight: 700;
        top: 40px
        }
    #hometop .data .month {
        position: absolute;
        width: 60px;
        margin-left: 38px;
        font-weight: 200%;
        text-align: center;
        top: 30px;
        padding-bottom: 5px;
        border-bottom: 1px solid #d7d7d7
        }
    #leftcol > img {
        max-width: 261px
        }
    ul.gallery {
        width: 750px
        }
    /* -------------------------  FOOTER  ------------------------- */
    #topFooter .trecol {
        padding: 0 23px;
        margin: 20px 0;
        float: left;
        padding: 20px;
        clear: none
        }
    .colDue {
        border-left: 1px solid #DCDCDC;
        border-right: 1px solid #DCDCDC;
        border-top: 0 solid #D7D7D7;
        border-bottom: 0 solid #D7D7D7
        }
    .colTre {
        border-top: 0 solid #D7D7D7
        }
    .trecol ul.multicol {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
        column-gap: 10px
        }
    .interna #masonry {
        margin-left: 18px
        }
    .colUno {
        width: 175px
        }
    .colDue {
        width: 315px
        }
    .colTre {
        width: 190px
        }
    .tematico .colUno {
        width: 221px
        }
    .tematico .colDue {
        width: 300px
        }
    .tematico .colTre {
        width: 250px
        }
    }
/* GROSSI SCHERMI */
@media (min-width: 1240px) {
    #page {
        width: 1182px;
        padding: 0 21px
        }
    .homeNews {
        width: 350px
        }
    .homePrimipiani {
        width: 355px
        }
    .tematico #centercol {
        float: left;
        width: 424px !important;
        max-width: 424px !important
        }
    #centeright {
        margin-left: 424px !important
        }
    .portale #centercol {
        margin-right: 318px
        }
    .portale #rightcol {
        width: 318px
        }
    .portale .box {
        width: 350px
        }
    .portale .box.double {
        width: 762px
        }
    .portale.home .box.double {
        width: 702px
        }
    .diretta {
        float: right;
        width: 180px
        }
    #hometop .testo {
        width: 390px
        }
    #hometop .data {
        width: 200px;
        height: 159px
        }
    #hometop .data .day {
        width: 200px;
        top: 40px
        }
    #hometop .data .month {
        width: 60px;
        margin-left: 70px;
        top: 30px
        }
    .interna #masonry {
        margin-left: 18px;
        width: 741px
        }
    .info > div {
        width: 168px;
        min-height: 100px;
        display: table-cell;
        vertical-align: top
        }
    .colUno {
        width: 277px
        }
    .portale.interna .colUno {
        width: 281px
        }
    .colDue {
        width: 283px
        }
    .colTre {
        width: 269px
        }
    .tematico .colDue {
        width: 385px
        }
    .tematico .colTre {
        width: 302px
        }
    }