html {
   margin:0 auto;
   border:0;
   padding:0;
   width:100%;
   height:100%;
   min-height:100%;
   font:normal 62.5%/1 'Droid Sans','Trebuchet MS',Arial,Helvetica,sans-serif;
   background:#FFF;
}

body {
   position:relative;
   top:0;
   margin:0;
   border:0;
   padding:0;
   width:100%;
   height:100%;
   min-height:100%;
   color:#606060;
}

* {
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}

img {
   border:none;
}

html.ariostea .content h2 {
   color:#ce5700;
}

html.ariostea .content h2.withIcon:after {
   background-color:#ce5700;
}

html.ariostea .content h1 {
   color:#ce5700;
}

.content article.ariostea span {
   color:#ce5700;
}

html.biblioario .content h2 {
   color:#ce5700;
}

html.biblioario .content h2.withIcon:after {
   background-color:#ce5700;
}

html.biblioario .content h1 {
   color:#ce5700;
}

.content article.biblioario span {
   color:#ce5700;
}

html.bassani .content h2 {
   color:#8b930a;
}

html.bassani .content h2.withIcon:after {
   background-color:#8b930a;
}

html.bassani .content h1 {
   color:#8b930a;
}

.content article.bassani span {
   color:#8b930a;
}

html.luppi .content h2 {
   color:#119019;
}

html.luppi .content h2.withIcon:after {
   background-color:#119019;
}

html.luppi .content h1 {
   color:#119019;
}

.content article.luppi span {
   color:#119019;
}

html.bibporotto .content h2 {
   color:#119019;
}

html.bibporotto .content h2.withIcon:after {
   background-color:#119019;
}

html.bibporotto .content h1 {
   color:#119019;
}

.content article.bibporotto span {
   color:#119019;
}

html.tebaldi .content h2 {
   color:#118099;
}

html.tebaldi .content h2.withIcon:after {
   background-color:#118099;
}

html.tebaldi .content h1 {
   color:#118099;
}

.content article.tebaldi span {
   color:#118099;
}

html.rodari .content h2 {
   color:#6864bd;
}

html.rodari .content h2.withIcon:after {
   background-color:#6864bd;
}

html.rodari .content h1 {
   color:#6864bd;
}

.content article.rodari span {
   color:#6864bd;
}

html.archivio .content h2 {
   color:#963b85;
}

html.archivio .content h2.withIcon:after {
   background-color:#963b85;
}

html.archivio .content h1 {
   color:#963b85;
}

.content article.archivio span {
   color:#963b85;
}

html.cds .content h2 {
   color:#c84784;
}

html.cds .content h2.withIcon:after {
   background-color:#c84784;
}

html.cds .content h1 {
   color:#c84784;
}

.content article.cds span {
   color:#c84784;
}

.grid {
   position:relative;
   margin:0 auto;
   width:100%;
   max-width:1000px;
}

header.top {
   position:relative;
   width:100%;
   height:40px;
}

header.top a.logo {
   float:left;
   padding:5px 10px;
   width: 35px;
   overflow: hidden;
}

header.top a.logo img {
   display:block;
   height:30px;
}

header.top nav {
   float:left;
}
header.top nav:after {
   display: inline;
   čadding-left: 10px;
   content: "Comune di ferrara";
   font-size:1.3em;
   font-weight:700;
   line-height: 40px;
   color: #606060;
}
header.top nav ul, header.top .navTabs {
   display: none;
}


header.middle {
   border-top: 1px solid #c0c0c0;
   border-bottom: 1px solid #c0c0c0;
   padding: 10px 0;
}

header.middle p {
   margin: 0;
}

header.middle p a {
   display:block;
}
header.middle p a:after {
   display:block;
   content: url(/pix/mmk_logo-archibiblio.png);
}

header.middle p a strong {
   display: none;
}

header.middle .balloon {
   display: none;
}

header.bottom {
   
}
header.bottom nav, header.bottom .socialBox {
   display: none;
}
header.bottom h1 {
   margin: 0;
   padding: 20px 0;
   font-family: "Droid Serif";
   font-size: 3em;
   font-weight: 400;
   line-height: 1;
   color: #000;
   text-shadow: 0 0 25px #3A3A3A;
}

.navigationHelper {
   display: none;
}


/* cris 2017 */
p.descrizione_breve {
   font-weight: 600;
}

aside {
   display: none;
}

.content {
   padding:20px;
   font-size:1.4em;
   line-height:1.3em;
}

.content h2.withIcon {
   clear:both;
   display:block;
   position:relative;
   margin:0 20px 20px 0;
   padding:10px 60px 10px 0;
   border-bottom:1px solid #d2d2d2;
   font-family:"Droid Serif";
   font-size:1.7em;
   font-weight:400;
   line-height:1;
   color:#e84434;
}

.content h2.withIcon:after {
   content:"";
   font-family:"Entypo";
   position:absolute;
   bottom:-1px;
   right:-20px;
   border-radius:4px 17px 17px 0;
   width:45px;
   height:45px;
   font-size:1em;
   color:#fff;
   line-height:45px;
   text-align:center;
   background:#e84434;
}

.content h2.withIcon.comunicazioni:after {
   content:"\e048";
}

.content h2.withIcon.eventi:after {
   content:"z";
}

.content h2.withIcon.progetti:after {
   content:"w";
}

.content h1 {
   clear:both;
   display:block;
   position:relative;
   margin:0 20px 20px 0;
   padding:10px 0;
   border-bottom:1px solid #d2d2d2;
   font-family:"Droid Serif";
   font-size:1.7em;
   font-weight:400;
   line-height:1.1;
   color:#e84434;
}

.content h2 {
   display:block;
   position:relative;
   margin:20px 0;
   padding:0;
   font-family:"Droid Serif";
   font-size:1.38em;
   font-weight:400;
   line-height:1.1;
   color:#e84434;
}

.content h3 {
   display:block;
   position:relative;
   margin:20px 0;
   padding:0;
   font-family:"Droid Serif";
   font-size:1.1em;
   font-weight:400;
   line-height:1.1;
   color:#202020;
}

.content a {
   color:inherit;
   text-decoration:underline;
}

.content a:hover {
   color:#e84434;
}

.content p,.content ul,.content ol {
   margin:20px 0;
   font-size:1em;
}

.content p a,.content ul a,.content ol a {
   color:inherit;
   text-decoration:underline;
}

.content p a:hover,.content ul a:hover,.content ol a:hover {
   color:#e84434;
}

.content ul,.content ol {
   position:relative;
   margin:20px 0 20px 20px;
   padding:0 0 0 20px;
   list-style:none;
}

.content ul ul,.content ul ol,.content ol ul,.content ol ol {
   margin:0 inherit;
}

.content ul li:before,.content ol li:before {
   content:"• ";
   position:absolute;
   left:0;
   color:#e84434;
}

.content ul.features {
   margin:20px 0;
   padding:0;
}

.content ul.features li {
   content:inherit;
   border-bottom:1px solid #d2d2d2;
   padding:10px 20px;
}

.content ul.features .ecal-tags {
   display:inline;
   margin:0;
   padding:0;
}

.content ul.features .ecal-tags li {
   display:inline;
   margin:0;
   padding:0;
}

.content ul.features .ecal-tags li:before {
   display:none;
   content:"";
}

.content form {
   margin: 0;
   padding: 0;
}

.content form fieldset {
   margin: 0;
   border: 1px solid #f0f0f0;
}

.content form label {
   display: inline-block;
   margin-right: 5px;
   border-bottom: 1px solid #c0c0c0;
   padding: 5px 0;
   min-width: 180px;
   line-height: 1;
}

.content form input, .content form select {
   display: inline-block;
   border: 1px solid #c0c0c0;
   border-radius: 2px;
   padding: 5px;
   min-width: 270px;
   font:normal 62.5%/1 'Droid Sans','Trebuchet MS',Arial,Helvetica,sans-serif;
   font-size: inherit;
   background: #fafafa;
   appearance:none;-moz-appearance:none;-webkit-appearance:none;
}

form.event-search fieldset { margin: 0; border: none; padding: 0;}
form.event-search ul { display: inline; margin: 0; padding: 0; list-style: none; }
form.event-search ul li { display: block; margin: 5px 0; padding: 0; }
form.event-search ul li:before { display: none; }
#sfrom_day, #sfrom_month, #sfrom_year, #send_day, #send_month, #send_year { min-width: 32px; }
#bEventSearch { min-width: 100px; margin-right: 10px; color: #fff; background-color: #e84434; border-color: #e84434; }
#bCancelSearch { min-width: 100px; }

.content article {
   clear:left;
   display:block;
   margin:0 0 20px;
   width:100%;
   font-size:.7142em;
}

.content article:after {
   content:"";
   display:table;
   clear:both;
}

.content article .col1 {
   float:left;
   width:30%;
   max-width:170px;
   min-height:80px;
}

.content article.comunicazione .col1 {
   background:url(/pix/mmk_cat-comunicazioni.jpg) 50% 50%/100% auto no-repeat;
}

.content article .col1 img {
   display:block;
}

.content article .col2 {
   float:left;
   width:70%;
   padding:0 20px;
}

.content article.evento .col1 {
   min-height:170px;
   background:url(/pix/mmk_cat-eventi.jpg) 50% 50%/100% 100% no-repeat;
}

.content article.evento .col1.conferenze {
   background:url(/pix/mmk_cat-conferenze.jpg) 50% 50%/100% 100% no-repeat;
}

.content article.evento .col1.mostre {
   background:url(/pix/mmk_cat-mostre.jpg) 50% 50%/100% 100% no-repeat;
}

.content article.evento .col1.libri {
   background:url(/pix/mmk_cat-libri.jpg) 50% 50%/100% 100% no-repeat;
}

.content article.evento .col1.ragazzi {
   background:url(/pix/mmk_cat-ragazzi.jpg) 50% 50%/100% 100% no-repeat;
}

.content article.evento .col1.autori {
   background:url(/pix/mmk_cat-incontro-autore.jpg) 50% 50%/100% 100% no-repeat;
}

.content article.evento .col1.didattica {
   background:url(/pix/mmk_cat-didattica.jpg) 50% 50%/100% 100% no-repeat;
}

.content article.ricerca {
   border-bottom:1px solid #d2d2d2;
   padding:0 0 10px;
}

.content article.ricerca h2,.content article.ricerca h3 {
   margin:0;
}

.content article img {
   margin:0;
   width:100%;
   height:auto;
}

.content article em {
   display:block;
   float:left;
   margin:6px 0;
   font-size:1.2em;
   font-weight:700;
   font-style:normal;
   color:#303030;
}

.content article span {
   display:block;
   margin:6px 0;
   border-bottom:1px solid #e0e0e0;
   font-size:1.2em;
   font-weight:700;
   font-style:normal;
   color:#e84434;
   text-align:right;
}

.content article.ricerca p span {
   display:inline;
   margin:0;
   border-bottom:none;
   font-size:1em;
   font-weight:700;
   font-style:normal;
   color:inherit;
   text-align:inherit;
}

.content article strong {
   display:block;
   clear:both;
   margin:6px 0;
   font-size:1.4em;
   color:#303030;
}

.content article p {
   display:block;
   margin:6px 0;
   font-size:1.2em;
   line-height:1.5em;
}

.content article a {
   display:block;
   font-size:1.2em;
   color:#e84434;
}

.content p.newsletter {
   display: none;
}

.content .pageImage {
   float:right;
   margin:0 0 20px 20px;
}

.content .pageImage img {
   display:block;
}

.content .ecalendar {
   margin-bottom:30px;
   border-bottom:1px solid #d2d2d2;
   padding-bottom:20px;
   position:relative;
}

.content .ecalendar:after {
   content:"";
   display:table;
   clear:both;
}

.content .ecalendar .col1 {
   float:left;
   width:50%;
}

.content .ecalendar .col2 {
   float:left;
   width:40%;
}

.content .ecalendar .col2 h1,.content .ecalendar .col2 h2,.content .ecalendar .col2 h3 {
   margin-top:0;
   color:#e84434;
}

.content #customCalendar {
   border-collapse:collapse;
}

.content #customCalendar th,.content #customCalendar td {
   padding:5px;
   width:14.28%;
   text-align:center;
}

.content #customCalendar th {
   border-bottom:1px solid silver;
   font-size:.8em;
   font-weight:400;
   color:#606060;
   text-transform:uppercase;
}

.content #customCalendar th.calTesta,.content #customCalendar th.calNav {
   border-bottom:1px solid #e84434;
   font-size:1em;
   font-weight:700;
   color:#e84434;
   text-transform:none;
}

.content #customCalendar td {
   font-weight:400;
   color:#303030;
}

.content #customCalendar td a.eventLink {
   display:block;
   border-radius:20px;
   padding:3px 0;
   font-weight:700;
   color:#303030;
   text-decoration:none;
   background-color:#e0e0e0;
   -webkit-transition:all .5s;
   -moz-transition:all .5s;
   -ms-transition:all .5s;
   -o-transition:all .5s;
   transition:all .5s;
}

.content #customCalendar td a.eventLink:hover {
   color:#fff;
   text-decoration:none;
   background-color:#e84434;
}


div.stats {
   clear:both;
   border-top:1px solid #e0e0e0;
   padding:10px;
   width:100%;
   font-size:1.1em;
   color:#909090;
   text-align: center;
}

footer {
   clear:both;
   width:100%;
   border-top: 1px solid #c0c0c0;
   padding-bottom:140px;
   overflow:auto;
}

footer .col1 {
   display: none;
   float:left;
   padding:20px;
   width:25%;
}

footer .col1 img {
   display: none;
}
footer .col1 h3 {
   margin:15px 0 5px;
   font-size:1.4em;
   color:#606060;
   text-transform:uppercase;
}

footer .col1 ul {
   margin:0;
   padding:0;
   list-style:none;
}

footer .col1 ul li {
   display:block;
}

footer .col1 ul li a {
   font-size:1.2em;
   color:#808080;
   line-height:2em;
   text-decoration:none;
}

footer .col2 {
   float:left;
   padding:20px;
   width:100%;
}

footer .col2 ul {
   display: none;
}

footer .col2 p {
   float:right;
   clear:both;
   font-size:1.2em;
   line-height:1.8em;
   color:#808080;
   text-align:right;
}

footer .col2 p strong {
   display:block;
   text-transform:uppercase;
   color: #606060;
}

footer .col2 p a {
   color: #808080;
}

footer .col2 p.credits a {
   display:none;
   font-size:.833em;
   color:#c0c0c0;
   line-height:1.6em;
}