@font-face {
    font-family: 'CalibriFF';
    src: url('../fonts/fonts-cordata/calibriz-webfont.eot');
    src: url('../fonts/fonts-cordata/calibriz-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonts-cordata/calibriz-webfont.woff2') format('woff2'),
         url('../fonts/fonts-cordata/calibriz-webfont.woff') format('woff'),
         url('../fonts/fonts-cordata/calibriz-webfont.ttf') format('truetype'),
         url('../fonts/fonts-cordata/calibriz-webfont.svg#calibribold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'CalibriFF';
    src: url('../fonts/fonts-cordata/calibrili-webfont.eot');
    src: url('../fonts/fonts-cordata/calibrili-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonts-cordata/calibrili-webfont.woff2') format('woff2'),
         url('../fonts/fonts-cordata/calibrili-webfont.woff') format('woff'),
         url('../fonts/fonts-cordata/calibrili-webfont.ttf') format('truetype'),
         url('../fonts/fonts-cordata/calibrili-webfont.svg#calibrilight_italic') format('svg');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'CalibriFF';
    src: url('../fonts/fonts-cordata/calibril-webfont.eot');
    src: url('../fonts/fonts-cordata/calibril-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonts-cordata/calibril-webfont.woff2') format('woff2'),
         url('../fonts/fonts-cordata/calibril-webfont.woff') format('woff'),
         url('../fonts/fonts-cordata/calibril-webfont.ttf') format('truetype'),
         url('../fonts/fonts-cordata/calibril-webfont.svg#calibrilight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'CalibriFF';
    src: url('../fonts/fonts-cordata/calibrii-webfont.eot');
    src: url('../fonts/fonts-cordata/calibrii-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonts-cordata/calibrii-webfont.woff2') format('woff2'),
         url('../fonts/fonts-cordata/calibrii-webfont.woff') format('woff'),
         url('../fonts/fonts-cordata/calibrii-webfont.ttf') format('truetype'),
         url('../fonts/fonts-cordata/calibrii-webfont.svg#calibriitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'CalibriFF';
    src: url('../fonts/fonts-cordata/calibrib-webfont.eot');
    src: url('../fonts/fonts-cordata/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonts-cordata/calibrib-webfont.woff2') format('woff2'),
         url('../fonts/fonts-cordata/calibrib-webfont.woff') format('woff'),
         url('../fonts/fonts-cordata/calibrib-webfont.ttf') format('truetype'),
         url('../fonts/fonts-cordata/calibrib-webfont.svg#calibribold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'CalibriFF';
    src: url('../fonts/fonts-cordata/calibri-webfont.eot');
    src: url('../fonts/fonts-cordata/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonts-cordata/calibri-webfont.woff2') format('woff2'),
         url('../fonts/fonts-cordata/calibri-webfont.woff') format('woff'),
         url('../fonts/fonts-cordata/calibri-webfont.ttf') format('truetype'),
         url('../fonts/fonts-cordata/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Calvert';
    src: url('../fonts/fonts-cordata/calvertmtstdlight-webfont.eot');
    src: url('../fonts/fonts-cordata/calvertmtstdlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonts-cordata/calvertmtstdlight-webfont.woff2') format('woff2'),
         url('../fonts/fonts-cordata/calvertmtstdlight-webfont.woff') format('woff'),
         url('../fonts/fonts-cordata/calvertmtstdlight-webfont.ttf') format('truetype'),
         url('../fonts/fonts-cordata/calvertmtstdlight-webfont.svg#calvert_mt_stdlight') format('svg');
    font-weight: 300;
    font-style: normal;

}


@font-face {
    font-family: 'Calvert';
    src: url('../fonts/fonts-cordata/calvertmtstdbold-webfont.eot');
    src: url('../fonts/fonts-cordata/calvertmtstdbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonts-cordata/calvertmtstdbold-webfont.woff2') format('woff2'),
         url('../fonts/fonts-cordata/calvertmtstdbold-webfont.woff') format('woff'),
         url('../fonts/fonts-cordata/calvertmtstdbold-webfont.ttf') format('truetype'),
         url('../fonts/fonts-cordata/calvertmtstdbold-webfont.svg#calvert_mt_stdbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


@font-face {
    font-family: 'Calvert';
    src: url('../fonts/fonts-cordata/calvertmtstd-webfont.eot');
    src: url('../fonts/fonts-cordata/calvertmtstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonts-cordata/calvertmtstd-webfont.woff2') format('woff2'),
         url('../fonts/fonts-cordata/calvertmtstd-webfont.woff') format('woff'),
         url('../fonts/fonts-cordata/calvertmtstd-webfont.ttf') format('truetype'),
         url('../fonts/fonts-cordata/calvertmtstd-webfont.svg#calvert_mt_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





.box-cordata {background-image: url("../img/cordata/sfondo-cordata.jpg"); background-color: #f0efef; padding-top: 30px; margin: 15px 0; background-repeat: no-repeat;}
.box-millegradini {background-image: url("../img/millegradini/sfondo.jpg"); background-color: #f0efef; padding-top: 15px; margin: 15px 0; background-repeat: no-repeat;}
.box-cityrun {background-image: url("../img/cityrun/sfondo.jpg"); background-color: #f0efef; padding-top: 15px; margin: 15px 0; background-repeat: no-repeat;}

.cordata1 {text-align: left; color: #043756; padding-left: 15px; margin-bottom: 20px;}
.cordata1 b {font-size: 1.2em;}
.cordata2 {text-align: center; margin-bottom: 20px;}
.cordata2 img {max-width: 100%;}
.cordata3 {text-align: right; padding-right: 15px; margin-bottom: 20px;}
.loghi-sponsor-cordata {text-align: center; width: 100%; padding: 10px 15px;}
.loghi-sponsor-cordata img {max-width: 100%;}

.article-inner {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 15px 15px;
}

.article-image a {
    display: block;
    overflow: hidden;
    height: 150px;
    background: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.article-content {
    position: relative;
    min-height: 149px;
    padding: 10px 15px;
    background: #fff;
}

.article-content .box--single {
    height: 120px;
    overflow: hidden;
}

.article-title {
    font-size: 20px;
    line-height: 1.2em;
    margin: 0;
    padding-bottom: 5px;
    font-family: "Calvert", serif;
}

.box-single h4 {
    font-family: "Calvert", serif;
    font-weight: bold;
    line-height: 1.2;
}

.article-content p {
    display: block;
    overflow: hidden;
    line-height: 1.35em;
    font-size: 0.8em;
    font-weight: lighter;
}

.relative {position: relative}





.ribbon {
    position: absolute;
    display: inline-block;
    padding: 6px 10px 7px;
    font-size: 13px;
    color: #fff;
    font-family: Calibri, "CalibriFF", Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    line-height: 1.2;
    top: -10px;
    left: 20px;
}
.ribbon:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 15px;
    border-width: 10px 6px;
    border-style: solid;
    margin-top: -5px;
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;

}
.ribbon-blu {
    background: #002b4b;
}

.ribbon-blu:after {
    border-color: #002b4b transparent transparent #002b4b;
}

.ribbon-giallo {
    background: #fed02f;
}

.ribbon-giallo:after {
    border-color: #fed02f transparent transparent #fed02f;
}


.ribbon-rosso {
    background: #c20202;
}

.ribbon-rosso:after {
    border-color: #c20202 transparent transparent #c20202;
}