html {background: #eee url(/layout/icid/img/bgbody.png) top center repeat-y; margin:0; padding:0; }
body { background: transparent url(/plugins/slir/w400-/layout/icid/img/bgicid.png) top center no-repeat; margin:0; padding:0;font-family: 'Roboto', sans-serif; font-size: 90%}
h1 {font-size:1.5rem; margin: 5px 0}
h2 {font-size:1.2rem;}
h3 {font-size:1.1rem;}
h4 {font-size:0.9rem;}
h5 {font-size:0.9rem;}
h6 {font-size:0.9rem;}
#menu-header { display:none;}
#mobile { background: #a0988e; height: 30px;box-shadow: 0px 0px 8px rgba(0,0,0,0.3); font-variant: small-caps; }
#mobile .menu-title {background:#6c655b; }
#mobile a { text-decoration: none; color:#4b463f }
#mobile a:hover { color:#1b1816 }
a { text-decoration: none;color:#ae1e29}
a:hover { color:#322e29;text-decoration: none;}
#logo { width: 140px; height: 100px; background:transparent url(/plugins/slir/w120-/layout/icid/img/logoicid.png) center center no-repeat; margin:5px 0 0 0; padding:0 }
#payoff { text-align: right; margin: 50px 20px 0 0; font-size: 14px; color: #AD1D28;
text-shadow: 4px 1px 4px rgb(255, 255, 255);}
.uniroma2 { background:transparent url(/plugins/slir/h70-/layout/icid/img/unibig.png) center center no-repeat; height:73px; width:100%; display:block;margin: 1px 0;}
#header-wrapper { margin-top:6px;}
#logo-container, #content-container,#footer-container { max-width: 1140px; margin: 0 auto}
#content-container { padding: 10px}
.footermarginsx { padding: 10px; box-sizing: border-box;} /*float: left; width: 325px;*/
#bar1-wrapper { background: #b95044;}
#bar2-wrapper { background: #a59c94}
#bar-wrapper h2 { margin: 0}
.bar-wrapper { padding: 10px;}
#bar-wrapper .mind-oc-item { border:0 !important}
#bar-wrapper .mind-oc-item a { color:#fff}
#bar2-wrapper h2, #bar1-wrapper h2 { color:#fff}
#bar1-container { clear: both;}
footer {font-size:80%}
footer ul { margin:0 0 0 10px; padding:0 }
footer ul li { list-style-type: none; margin:3px; padding:0 }
footer a {color:#4b463f; text-decoration: none;}
footer h2 { font-size: 14px; margin: 0 6px}
.social-link { width: 35px;fill:#AD1D28;border-radius: 50%; color: red}
.social-link:hover {fill:#A59C94;}
.awefont { font-family: 'Architects Daughter', cursive; color:#AD1D28}
/* aside {order: 1}
main {order:2} */
aside .menu ul, aside .menu li {list-style-type: none; margin:0; padding:0 }
aside .menu a { display: block; margin: 10px 10px 10px 0; padding: 10px; border-bottom:1px dotted #A0988E; color:#ad1d28}
aside .menu a:hover { text-decoration: none; background-color:#eceae8 !important; color:#ad1d28; border-bottom:1px dotted #A0988E }
aside .menu a.selected { position: relative; background: #A0988E; color:#fff; }
aside .menu a.selected:hover { color:#ad1d28; background: #A0988E;}
aside .menu a.selected:after { right: 0; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
border-color: rgba(222, 240, 251, 0); border-right-color: #fff; border-width: 12px; margin-top: -12px; }
.mind-oc-14 { max-width:700px; margin:30px auto 30px auto;padding: 10px}
.mind-oc-14 {background: #fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); border-radius:6px }
.mind-oc-14 .nivo-caption { background: rgba(0,0,0,0.6); color: #fff; font-size: 80%; padding: 10px; font-weight: bold; font-style: italic; text-align: center; right:0 ; left:auto;text-shadow: 2px 2px 1px rgb(0, 0, 0);}
.div_evento, .div_evento_archivio {
flex: 1 0 700px;}
@media (min-width: 400px){
body { background: transparent url(/plugins/slir/w500-/layout/icid/img/bgicid.png) top center no-repeat;}
#logo { margin:20px 0 0 20px }
}
@media (min-width: 500px){
body { background: transparent url(/plugins/slir/w850-/layout/icid/img/bgicid4.png) top center no-repeat;}
#logo { margin:20px 0 0 20px }
#payoff { font-size: 20px}
}
@media (min-width: 650px){
body { background: transparent url(/plugins/slir/w900-/layout/icid/img/bgicid4.png) top center no-repeat;}
#logo { margin:20px 0 0 20px;background:transparent url(/plugins/slir/w150-/layout/icid/img/logoicid.png) center center no-repeat; width: 170px; height: 120px; }
#payoff { font-size: 24px}
}
@media (min-width: 900px){
body { background:transparent url(/plugins/slir/w1300-/layout/icid/img/bgicid4.png) top center no-repeat;}
#logo { margin:20px 0 0 20px;background:transparent url(/plugins/slir/w200-/layout/icid/img/logoicid.png) center center no-repeat; width: 230px; height: 170px; }
#payoff { font-size: 28px; margin:20px 20px 0 0}
#map1,#map2, #map3,#map4 { float: left; width: 25%;}
#map1,#map2, #map3 {margin-top:40px}
#map4 { text-align: right;}
.uniroma2 { background:transparent url(/plugins/slir/h120-/layout/icid/img/unibig.png) center center no-repeat; height:120px; width:100%; display:block;margin: 10px 0;}
}
@media (min-width: 760px){ /* faccio apparire il menu a cubetti px*/
/* #logo a {width:360px ; background: transparent url("/plugins/slir/-w320/layout/commedia/img/logocomunicazionemedia.png") no-repeat scroll left center; margin: 0 auto; padding: 0}
#logo { float:left; margin-left:20px } */
nav#mobile {display:none; }
nav#menu-header { display:block;background: #a0988e; color:#fff; text-align: center;}
nav#menu-header .menu { max-width:1140px; margin:0 auto; }
nav#menu-header .navmenu { display:flex; list-style-type:none; justify-content:space-around;align-items:center;height:40px;margin:0; padding:0; }
#menu-header ul.liv1 li { margin:0; padding:0; list-style-type: none; display: inline;position:relative; }
nav#menu-header .navmenu li {display: inline-block;}
nav#menu-header a {color:#fff;text-decoration: none; font-variant: small-caps; }
.mind-oc-14 .nivo-caption { width:50%; height:100%; padding-top: 40px; font-size:120%; font-weight: normal; }
/* SISTEMO BARRA */
#bar-wrapper { display:flex; width:100%; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); }
.bar-wrapper { flex: 1 0 0 }
.bar-container { max-width:550px }
#bar1-wrapper h2 { float:right; }
#bar1-wrapper .bar-container { float: right}
/* GESTIONE COLONNA SX*/
#content-container { display:flex }
aside {flex-grow: 0;flex-basis: 260px; order: 1;padding-top:46px }
main {flex-grow: 1;flex-basis: 0;order: 2; }
}