/*******************************************************/
/********************** GENERALI   *********************/
/*******************************************************/

html,body{
	font-size: 18px;
	/* Pixels to Ems Conversion 
	*  
	*  ~12px => 0.7rem 
	*  ~14px => 0.8rem
	*  ~16px => 0.9rem
	*  ~18px => 1rem
	*  ~20px => 1.1rem
	*  ~22px => 1.2rem
	*  ~24px => 1.3rem 
	*  ~26px => 1.4rem
	*  ~28px => 1.5rem  
	*
	*/
}
a,
a:hover {
    color: #0A5D93;
}
.bg-white{
	background: #fff;
}
.bg-gray{
	background: #EFEFEF;
}
#btn-it, #btn-en{
	font-size: 0.7rem;
}
#lang-switch {
    margin-left: 15px;
}
.title-bar{
	box-sizing:border-box;
	background: #0A5D93;
	color:#fff;
	padding: 2px 8px;
	width: 100%;
	font-size: 1.3rem;
	line-height: 30px;
}
.title-bar a{
	color:#fff;
}
.title-bar.small{
	padding: 5px 10px;
	font-size: 1rem;
	line-height: 25px;
}


#menu-dx-int.preview{
	background: #0A5D93;
	padding-left: 15px;
}

.backtobo.preview{
	background: #0A5D93;
	padding-bottom: 15px;
}



/*******************************************************/
/**********************  HEADER  ***********************/
/*******************************************************/
.header{
	margin-top: 4px;
}
.slogan{
    background-color: #fff;
    /*background-color: #EFEFEF;*/
	text-align: left;
	/*font-weight: bold;*/
	color: #666;
	font-size: 0.7rem;
}

/*******************************************************/
/*********************** FOOTER ************************/
/*******************************************************/
.bottom_menu {
	margin-top: 20px;
    background: #0A5D93 none repeat scroll 0 0;
}
#footer{
	background: transparent;
}
#footer ul a {
    color: #0A5D93;
}
#footer ul li {
    color: #0A5D93;
}

/*******************************************************/
/******************** BREADCRUMBS **********************/
/*******************************************************/
.breadcrumbs {
	font-size: 0.85rem;
	margin-bottom: 7px;
}

/*******************************************************/
/******************   IMGRES   *************************/
/*******************************************************/
img.imgres{
    /*background-color: #EFEFEF;*/
    background: #fff;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.contenuto-elemento img.imgres{
}
.elemento-lista img.imgres{
}

/*******************************************************/
/*************   BOX NEWS/FOCUS/EVENTI HOME   **********/
/*******************************************************/
.box-home{
	margin-bottom: 25px;
}
.left-element {
	background: #fff;
	margin-top: 10px;
	height: 490px;
	position: relative;
}
.left-element .image {
    width: 347px;
    height: 242px;
}
.left-element .details {
    padding: 0 8px;
    margin: 0;
}
.left-element a {
	display: block;
	font-size: 0.9rem;
	max-height: 80px;
	line-height: 22px;
	font-weight: bold;
}
.left-element .desc {
	font-size: 0.8rem;
	color: #444;
	bottom: 0;
    height: 175px;
    padding-top: 10px;
}

.right-element {
	box-sizing:border-box;
	background: #fff;
	margin-top: 10px;
	height: 490px;
	padding-top: 13px;

}
.right-element div.right-container {
	margin: 0 auto 16px auto;
    padding-left: 8px; 
    float: left;
}
.right-element .image {
    float: left;
    width: 155px;
}

.right-element .details {
    float: right; 
    width: 176px;
    padding: 0 0 0 8px;
    height: 103px;
    margin: 0;
    line-height: 0.9rem;
}

.right-element a {
	font-size: 0.8rem;
	font-weight: bold;
}

.right-element span {
	font-size: 0.7rem;
	color: #000;
}
.old-element {
	background: #fff;
	margin-top: 10px;
	height: auto;
	padding-top: 13px;

}
.old-element div.old-container {
	margin: 0 auto 12px auto;
    float: left;
}
.old-element .image {
    float: left;
    width: 90px;
}
.old-element div.old-container.omega .image{
	xmargin-left: 8px;
}

.old-element .details {
    float: left; 
    width: 232px;
    padding: 0 0 0 8px;
    height: 60px;
    margin: 0;
    line-height: 0.9rem;
}

.old-element a {
	font-size: 0.8rem;
	font-weight: bold;
    line-height: 1.2px;
}

.old-element span {
	font-size: 0.7rem;
	color: #000;
}

/*******************************************************/
/*******************  MAIN MENU   **********************/
/*******************************************************/
#nav .home-icon{

}
.ri_main_menu{
	background-color: #fff;
 	padding: 5px;
 	height: 34px;
 	margin-left: 0;
 	padding-left: 0;
}
.ri_main_menu li{
	list-style: none;
}
.ri_main_menu ul,
.ri_main_menu li{
	margin: 0;
}
.ri_main_menu a {
	font-weight: bold;
	float: left;
	font-size: 0.85rem;
	line-height: 24px;
	padding: 0 12px;
	text-transform: uppercase;
}
.ri_main_menu .active a{
	height: auto;
	background: #0A5D93;
	color: #fff !important;
}
.ri_main_menu .active{
	background: #0A5D93;
}

/*******************************************************/
/*******************  SIDE MENU   **********************/
/*******************************************************/
.sidemenu .logo-miur{
	border: 2px solid #0A5D93;
	width: 180px;
	padding-top: 5px;
	margin: 30px auto;
    background-color: #142457;
}
.sidemenu .logo-miur img{
	width: 100%;
	height: auto;
}
.sidemenu .title-bar{
	font-size: 1rem;
	margin-bottom: 30px;
}
.sidemenu .sidemenu-progetti,
.sidemenu .sidemenu-mondoricerca,
.sidemenu .sidemenu-tag{
	margin-bottom: 40px;
}
.sidemenu .social-sidebar{
	overflow: auto;
	padding-bottom: 40px;
}
.sidemenu .social-sidebar ul {
    margin: 10px 0 0 15px;
    padding: 0;
}
.sidemenu .social-sidebar li {
    width: 40px;
    height: 40px;
    float: left;
    list-style: none;
    margin: 10px;
    padding: 0;
}
.sidemenu .progetto{
	border: 2px solid #0A5D93;
	width: 180px;
	height: 114px;
	margin: 8px auto;
	position: relative;
}
.sidemenu .progetto img{
	width: 100%;
	height: auto;
}
.sidemenu .progetto span{
	display: block;
	position: absolute;
	bottom: 0;
	background: rgba(255,255,255,.6);
	color: #1f497d;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}
.sidemenu-mondoricerca ul,
.sidemenu-mondoricerca li{
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 10px;
	line-height: 22px;
	padding-right: 10px;
}
.sidemenu-mondoricerca ul li{
	margin-bottom: 15px;
	font-size: 0.9rem;
	font-weight: bold;
	color: #000;
	line-height: 22px;
}
.sidemenu-mondoricerca ul li a{
	font-size: 0.9rem;
	font-weight: bold;
	color: #000;
	line-height: 22px;
}
.sidemenu-mondoricerca ul li ul li{
	margin-bottom: 0;
	margin-top: 2px;
}
.sidemenu-mondoricerca ul li ul li a{
	font-weight: normal;
}
.sidemenu-tag ul,
.sidemenu-tag li{
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 10px;
}
.sidemenu-tag ul li {
	font-size: 0.9rem;
	font-weight: bold;
	color: #000;
	line-height: 18px;
    margin-bottom: 15px;
    padding-right: 10px;
}
.sidemenu-tag ul li a{
	font-size: 0.9rem;
	font-weight: bold;
	color: #000;
}
.sidemenu-tag ul li ul li{
	margin-bottom: 0;
	margin-top: 10px;
}
.sidemenu-tag ul li ul li a{
	font-weight: normal;
}

/*******************************************************/
/***************  NAVIGATION BAR   *********************/
/*******************************************************/
#nav {
    background-color: #efefef;
    padding: 0 0 15px 0;
    margin-top: 5px;
    float: left;
    width: 100%;
}
#nav .sdt_box {
    background-color: #fff;
    padding: 5px;
}

#nav .sdt_box a {
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0 5px;
}

.home-icon{
	float: left;
	padding: 5px 5px 0 5px;
	/*background: url("../images/home-icon.jpg") no-repeat 1px 4px;
	width: 28px;
	height: 30px;*/
}

/*******************************************************/
/***********************  LISTA   **********************/
/*******************************************************/
.elemento-lista{
	background: #fff;
    margin: 0 0 20px 0;
	position: relative;
    height: 480px;
}
.lista-eventi .elemento-lista{
	margin: 0;
    padding: 5px 0 0 0;
}
.elemento-lista .img-title{
	position: relative;
	height: 229px;
	padding: 0;
	background: #ccc;
	overflow: hidden;
	margin-bottom: 3px;
}
/*
.elemento-lista .img-title img{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	  -ms-transform: translate(-50%,-50%);
	      transform: translate(-50%,-50%);
}
*/
.elemento-lista .img-title div{
	color: #fff;
	display: block;
	padding: 10px 0;
	position: absolute;
	bottom: 0;
	background: rgba(8,69,104,0.9);
	width: 100%;
    min-height: 40px;
}
.elemento-lista .img-title a{
	color: #fff !important;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 0 10px;
	display: block;
	line-height: 20px;
}
.elemento-lista .title a{
	color: #0A5D93 !important;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 10px 10px 0;
	display: block;
	line-height: 20px;
}
.elemento-lista .testo{
	font-size: 0.8rem;
	color: #404040;
	padding: 10px;
	height: auto;
}
.elemento-lista .fonte{
	font-size: 0.7rem;
	color: #404040;
	/*padding: 0 80px 0 10px;*/
	padding: 0 10px;
	font-weight: bold;
}
.elemento-lista .spacer{
	padding-top: 10px;
}
.elemento-lista .fonte .title{
    font-weight: normal;
}
.elemento-lista a.readmore{
	position: absolute;
	bottom: 0;
	display: block;
	font-size: 0.7rem;
    font-weight: bold;
	padding: 10px;
	color: #0A5D93;
	right: 0;
}

.elemento-lista.eventi-home {
	height: auto;
	padding-bottom: 4px;
	overflow: auto;
	margin-top: 10px;
}

.elemento-lista .evento {
    margin: 0 10px;
    padding: 5px 0;
    overflow: auto;
}
.elemento-lista .evento .data {
    float: left; 
    width: 8%; 
    text-align: center; 
    margin-right: 10px;
    margin-top: 5px;
    font-size: 0.8rem; 
    font-weight: bold; 
    padding: 0;
}

.elemento-lista .evento .data .giorno {
    background-color: #87001C;
    border: 1px solid #87001C;
    color: #FFFFFF; 
}
.elemento-lista .evento .data .mese {
    background-color: #FFFFFF;
    border: 1px solid #87001C;
    color: #87001C; 
}

.elemento-lista .evento .data .anno {
    background-color: #87001C;
    border: 1px solid #87001C;
    color: #FFFFFF; 
}

.elemento-lista .evento .data-eventi-passati {
    float: left; 
    width: 8%; 
    text-align: center; 
    margin-right: 10px;
    margin-top: 5px;
    font-size: 0.8rem; 
    font-weight: bold; 
    padding: 0;
}

.elemento-lista .evento .data-eventi-passati .giorno {
    background-color: #747676;
    border: 1px solid #747676;
    color: #FFFFFF;
}
.elemento-lista .evento .data-eventi-passati .mese {
    background-color: #FFFFFF;
    border: 1px solid #747676;
    color: #747676; 
}

.elemento-lista .evento .data-eventi-passati .anno {
    background-color: #747676;
    border: 1px solid #747676;
    color: #FFFFFF; 
}

.elemento-lista .evento .dettaglio {
    float: left; 
    width: 89%; 
    margin-bottom: 10px;
    padding-top: 3px;
    font-size: 0.7rem; 
}
.elemento-lista .evento .dettaglio .dataintera {
    color: #87001C;
    font-weight: bold;
}
.elemento-lista .evento .dettaglio .titolo {
    font-size: 0.9rem; 
    font-weight: bold;
    margin: 0 0 6px 0;
    pading: 0;
}
.elemento-lista .evento .dettaglio .sottotitolo {
    color: #000000; 
    font-size: 0.7rem; 
    font-style: italic; 
    margin: 2px auto;
}

#loadMore,
#end{
	border:2px solid #0A5D93;
	color: #0A5D93;
	background:transparent;
	padding:5px;
	margin: 20px 190px;
	text-align:center;
	/*width:300px;*/
	font-weight:bold;
	cursor:pointer;
	font-size: 0.7rem;
}
#loadMore:hover,
#end:hover{
	background:#0A5D93;
	color: #fff;
}
#linkeventipassati {
    padding: 20px;
    text-align: center;
}
a.bottone-eventi{
	margin: 30px auto;
    background: #EFEFEF none repeat scroll 0 0;
    border: 2px solid #0a5d93;
    color: #0a5d93;
    cursor: pointer;
    font-weight: bold;
    padding: 7px 100px;
    text-align: center;
    line-height: 1;
    font-size: 0.7rem;
}
a.bottone-eventi:hover {
	background:#0A5D93;
	color: #fff;
    text-decoration: none;
}

/*******************************************************/
/*********************  LISTA ORGS *********************/
/*******************************************************/
.lista-orgs{
	font-size: 0.9rem;
	margin: 0;
}
.lista-orgs .disclaimer {
	font-size: 0.9rem;
	margin: 20px 0 30px 0;
}

.orgs ul {
    display: none;
}

.orgs, .orgs ul {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

.orgs article .row {
    border-bottom: 1px solid #EEE;
    margin-bottom: 20px;
    padding: 10px 0px;
    min-height: 120px;
}

.sub-orgs {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sub-orgs li {
    margin-bottom: 0 !important;
    /*border: 1px solid #EEE !important;*/
    margin-left: 50px !important;
    padding-bottom: 10px !important;
}

/*******************************************************/
/*********************  LISTA ORGS *********************/
/*******************************************************/
#news-elenco h2 a {
    color: #0A5D93;
}

/*******************************************************/
/**********  PAGINA CONTENUTO ELEMENTO   ***************/
/*******************************************************/

.contenuto-elemento, .show-content{
	padding: 20px 50px 0px 50px;
	color: #333;
}

.contenuto-elemento .elemento-title-bar{
	padding: 12px 0 0 0;
	margin-bottom: 20px;
}

.contenuto-elemento p img{
	width: 100% !important;
	height: auto !important;
	margin: 15px 0 !important; 
	padding: 0 !important;
}
.contenuto-elemento p iframe{
	width: 100% !important;
	margin: 15px 0 !important; 
}
.contenuto-elemento img.img-lancio{
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  max-width: 300px !important;
  margin: 15px !important;
}

#content-showmap .contenuto-elemento,
#content-dashboard .contenuto-elemento{
	padding: 20px 0;
}
#content-showmap .contenuto-elemento .elemento-title-bar,
#content-dashboard .contenuto-elemento .elemento-title-bar{
	padding-left: 50px;
	padding-right: 50px;
}
#content-showmap .contenuto-elemento #content-noside,
#content-dashboard .contenuto-elemento #content-noside{
	padding: 0;
}

#content-informativa-cookie #content-noside,
#content-about-researchitaly #content-noside{
	padding: 20px 50px;
}

.elemento-title-bar{
	color: #333;
	padding: 12px 8px;
	margin-top: 12px;
	margin-bottom: 30px;
	width: 100%;
	font-size: 1.45rem;
	font-weight: bold;
	line-height: 30px;
}
#content-comunicato .elemento-title-bar{
	padding: 20px 50px 0px 50px;
}

.contenuto-elemento .img-title{
	position: relative;
	height: 195px;
	/*padding: 0;*/
	background: #ccc;
	overflow: hidden;
	/*margin: 20px 10px 0px 10px;*/
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 15px;
	width: 292px;
	float: left;
}
/*
.contenuto-elemento .img-title img{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	  -ms-transform: translate(-50%,-50%);
	      transform: translate(-50%,-50%);
}
*/
.contenuto-elemento .img-title div{
	color: #fff;
	display: block;
	/*padding: 10px 0;*/
	margin-top: 100px;
	position: absolute;
	bottom: 0;
	background: rgba(32,144,203,.7);
	width: 100%;
}
.contenuto-elemento .img-title span{
	color: #fff !important;
	font-size: 0.9rem;
	font-weight: bold;
	/*padding: 0 10px;*/
	display: block;
	line-height: 20px;
}
.contenuto-elemento .img-title .title a{
	color: #fff !important;
}
.contenuto-elemento #content{
	padding: 0;
	background: #fff;
}

.contenuto-elemento p{
	box-sizing:border-box;
	/*padding: 0 10px;*/
}

.approfondimenti{
	width: 100%;
	margin:0;
	/*background: rgba(255, 255, 255, 1) url("../images/bg-approfondimenti.png") no-repeat scroll 0 0;*/

	background-image: url("../images/bg-approfondimenti_v2.png"), url("../images/bg-approfondimenti_v2bg.png");
  background-repeat: no-repeat, repeat-y;
  background-position: 0 0, 0 0;

	min-height: 56px;
}
.approfondimenti ul li{
	font-size: 0.8rem;
}

.contenuto-elemento a.readmore{
	display: block;
	clear: both;
	font-size: 0.9rem;
	padding-top: 10px;
	margin-bottom: 20px;
	color: #0A5D93;
}
.contenuto-elemento.elemento-lista-first .testo{
	font-size: 1rem;
	color: #404040;
}
.contenuto-elemento.elemento-lista-first .fonte{
	font-size: 0.8rem;
	color: #404040;
	line-height: 16px;
}

.contenuto-elemento .enti{
	min-height: 0px;
	padding-bottom: 20px;
}
.contenuto-elemento .logo-enti{
    width: 270px;
    height: 130px;
    min-height: 90px;
    float: left;
    background: #FFF;
    margin-top: 0px;
    padding: 10px;
    position: relative;
}
.contenuto-elemento .logo-enti img{
    xwidth: 100% !important;
    xheight: auto !important;
    xpadding: 0 !important;
    xmax-width: 420px !important;		
}
.contenuto-elemento .info-enti{
    width: 314px;
    background: #FFF;
    opacity: 0.8;
    height: 130px;
    padding: 10px;
    margin: 20px 0 0 270px;
}
.contenuto-elemento .indirizzo-enti{
    font-size: 0.9rem;
    line-height: 1.2;
}

.contenuto-elemento .yt-video{
    clear: both;
}
.contenuto-elemento .video-content{
    width: 495px;
}

.approfondimenti-box{
	/*padding: 10px 10px 20px 10px;*/
	padding-top: 10px;
	padding-bottom: 20px;
	/*overflow:hidden;*/
	padding-left: 50px;
	padding-right: 50px;
}

.approfondimenti-title{
	padding: 0;
	font-size: 0.9rem;
	color:#333;
	padding-bottom:10px;
	
}

.tags-content{
	padding-left: 50px;
	padding-right: 50px;
}

.tags-content,
.approfondimenti-title{
	font-size: 0.8rem;
	color:#444;
}

#sharing{
	float: right;
	width: auto;
	padding-right: 40px;
}
#sharing div{
	float: left;
	margin-right: 10px;
	line-height: 1rem;
}
#sharing a{
	font-size: 0.8rem
}

/************************************************/
/**************  ELENCO BANDI   *****************/
/************************************************/
.call-list {
    padding-bottom: 20px;
    background: #fff;
}
.call-list .call-filter {
    padding: 0;
    overflow: auto;
}
.call-list .call-filter label {
    float: left;
    line-height: 2;
    margin-left: 40px;
    margin-right: 5px;
    /*padding-top: 5px;*/
    font-size: 0.9rem;
}
.call-list .call-filter span {
    float: right; 
    margin-right: 5px; 
    line-height: 30px;
}
.call-list .call-filter .filter-label {
    float: left;
    line-height: 2;
    xmargin-left: 40px;
    xmargin-right: 5px;
    /*padding-top: 5px;*/
    font-size: 0.9rem;
    font-weight: bold;
}

.call-list .call-filter a.cta_bandi {
    padding: 6px 5px;
    float: right;
}

.call-list .call-filter {
    overflow: hidden;
    margin-bottom: 20px;
}

#bandi-elenco.call {
    background: #fff url("../images/banda-call.png") no-repeat scroll 0 0;
}

#bandi-elenco.call .fonte,
#bandi-elenco.call .fonte{
	font-weight: normal;
	padding: 0 0 0 0;
    margin: 0;
}

#bandi-elenco {
    padding-left: 0 !important;
    width: 100%;
    margin: 8px 0;
    position: relative;
    background: #FFF url("../images/banda-news.png") no-repeat scroll 0% 0%;
    padding: 15px 0px 10px 60px;
    /*text-align: justify;*/
    font-size: 0.7rem;
    color: #000;
    border: 1px solid #DEDEDE;
    box-shadow: 0px 3px 4px -1px #BBB;

    overflow: auto;
}
#bandi-elenco .images {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
}
#bandi-elenco .img-data {
    margin: 0 5px;
    padding: 0;
    float: left;
}
#bandi-elenco .img-data img {
    margin: 0 5px;
    padding: 0;
    display: block;
}
#bandi-elenco .img-data-dx {
    margin: 0;
    padding: 5px 0;
}
#bandi-elenco .img-data-dx .first {
    margin-bottom: 10px !important;
}
#bandi-elenco .img-data-dx .titolodata {
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-align: center;
}
#bandi-elenco .img-data-dx .data {
   width: 50px; 
   height: 50px; 
   text-align: center; 
   background: url("../images/boxdata.png") center center no-repeat; 
   margin: 0 5px; 
   font-size: 0.8rem; 
   font-weight: bold; 
   padding: 0 0 5px 0;
}
#bandi-elenco .img-data-dx .data .giorno {
   padding-top: 5px;
   color: #fff;
}
#bandi-elenco .img-data-dx .data .mese {
   font-size: 0.8em;
   padding-top: 5px;
}
#bandi-elenco .details {
    margin-top: 0;
    padding: 0;
}
#bandi-elenco .details h2 a {
    font-size: 1rem !important;
    font-weight: bold;
}

#bandi-elenco .details .calendar .title {
    font-weight: bold;
}

#bandi-elenco .details .calendar {
    font-size: 0.85rem !important;
}

#bandi-elenco h2.call {
    min-height: 32px !important;
    line-height: 20px;
    margin-top: 4px;
    /*text-align: justify;
    width: 550px;*/
}

/***********************************************/
/**************  NEWS ELENCO   *****************/
/***********************************************/

#news-elenco.call {
    background: #fff url("../images/banda-call.png") no-repeat scroll 0 0;
}

#news-elenco.call .fonte,
#news-elenco.call .fonte{
	font-weight: normal;
	padding: 14px 0 0 0;
    margin: 0;
}

#news-elenco {
    padding-left: 0 !important;
    width: 660px;
    margin: 8px 0 8px 20px;
}
#news-elenco .img-data {
    margin: 0 5px;
    padding: 0;
    float: left;
}
#news-elenco .img-data img {
    margin: 0 5px;
    padding: 0;
    display: block;
}
#news-elenco .img-data-dx {
    margin: 0;
    padding: 5px 0;
    float: left;
}
#news-elenco .img-data-dx .first {
    margin-bottom: 10px !important;
}
#news-elenco .img-data-dx .titolodata {
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-align: center;
}
#news-elenco .img-data-dx .data {
   width: 50px; 
   height: 50px; 
   text-align: center; 
   background: url("../images/boxdata.png") center center no-repeat; 
   margin: 0 5px; 
   font-size: 0.8rem; 
   font-weight: bold; 
   padding: 0 0 5px 0;
}
#news-elenco .img-data-dx .data .giorno {
   padding-top: 5px;
   color: #fff;
}
#news-elenco .img-data-dx .data .mese {
   font-size: 0.8em;
   padding-top: 5px;
}
#news-elenco .details {
    margin-top: 0;
    padding: 0;
    float: left;
}
#news-elenco .details h2 a {
    font-size: 0.85rem !important;
    font-weight: bold;
}

#news-elenco .details .calendar .title {
    font-weight: bold;
}

#news-elenco .details .calendar {
    margin-top: 5px;
    font-size: 0.85rem !important;
}

#news-elenco h2.call {
    height: 32px !important;
    line-height: 20px;
    margin-bottom: 8px;
    margin-top: 4px;
    text-align: justify;
    width: 550px;
}

/************************************************/
/**************  ELENCO EVENTI  *****************/
/************************************************/


/*******************************************************/
/**************  PAGINA ELENCO COMUNICATI   *****************/
/*******************************************************/
#comunicati-elenco {
	xwidth: 640px;
	background: #fff url(../images/banda-comunicati.png);
	background-repeat: no-repeat;
	padding: 10px;
	text-align: justify;
	color: #000;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 1px solid #DEDEDE;
	box-shadow: 0px 3px 4px -1px #bbb;
	display: block;
}
#comunicati-elenco h2{
	font-size: 1rem;
	margin-top: 10px;
	margin-bottom: 5px;
}
#comunicati-elenco .testo{
	font-size: 0.8rem;
	margin-bottom: 5px;
}
#comunicati-elenco .fonte{
	font-size: 0.7rem;
	margin-bottom: 5px;
}

.testo li{
	margin-bottom: 20px;
	margin-left: 0px;
}

/***********************************************/
/****************  DOCUMENTI   *****************/
/***********************************************/
#documenti {
    background: #fff url(../images/banda-comunicati.png);
    background-repeat: no-repeat;
    padding: 15px 30px;
    /*font-size: 0.8rem;*/
    font-size: 1rem;
    text-align: left;
    color: #000;
    margin: 8px auto;
    border: 1px solid #DEDEDE;
    box-shadow: 0px 3px 4px -1px #bbb;
    height: auto;
    }  

#documenti h2 {
    color: #0A5D93;
    font-size: 1.2rem;
    margin: 10px 0;
    }   
   
#documenti h2 a:hover {
    color: #0A5D93;
    text-decoration: underline;
    }
   
#documenti .fonte {
    color: #555;
    font-weight:bold;
    }

#documenti .date-doc {
	color: #0A5D93;
	text-align: left;
    padding-bottom: 10px;
}

/*******************************************************/
/******************  BOX CORRELATI   *******************/
/*******************************************************/
.contenuto-correlati {
	margin-top: 20px;
}
.elemento-correlati {
	margin-top: 10px;
	height: 250px;
}
.elemento-correlati h2 a{
	height: 80px;
	display: block;
}
.elemento-correlati img.imgres{
    background-color: #fff;
}
.elemento-correlati h2{
    font-size: 0.9rem;
    line-height: 20px;
    margin: 0;
    padding: 10px;
    font-weight: bold;
}

/***********************************************/
/**************  FLEX SLIDER   *****************/
/***********************************************/
#flexslider.flexslider {
    border: 0;
    margin: 0 0 5px 0;
    background: none;
}
#flexslider.flexslider .flex-direction-nav a {
    width: 25px;
    height: 56px;
    background-color: rgba(255, 255, 255, 1);
}
#flexslider.flexslider .slides li {
    position: relative;
}
#flexslider.flexslider .slides li.css a {
    border-radius: 0;
}
#flexslider.flexslider .flex-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(102, 0, 0, 0.9);
    color: #fff;
    z-index:1;
}
#flexslider.flexslider .flex-caption h2 {
    margin: 0;
    padding: 5px 10px 5px;
}
#flexslider.flexslider .flex-caption p {
    margin: 0;
    padding: 5px 10px;
    font-size: 0.8rem;
}
.separatore {
    background-color: #7f7f7f;
    min-height: 10px;
    margin: 10px 0;
}
#carousel.flexslider {
    border: 0;
    margin: 0 0 25px 0;
    background: none;
}
#carousel.flexslider .flex-direction-nav a {
    width: 25px;
    height: 56px;
    background-color: rgba(255, 255, 255, 1);
}
#carousel.flexslider .slides li {
    position: relative;
    border-top: 4px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 2px solid #fff;
}
#carousel.flexslider .slides li.css a {
    border-radius: 0;
}

/**********************************************/
/**************  PGW SLIDER   *****************/
/**********************************************/
.pgwSlider {
    margin-bottom: 10px !important;
}

ul.pgwSlider,
.pgwSlider ul {
    margin: 0 0 10px 0 !important;
}
.pgwSlider li {
    margin-left: 0;
}

.btn.active {
  color: #333333;
  background-color: #ccc !important;
}

.pgwSlider .ps-current{
	font-size: 0.9rem !important; 
}
ul.pgwSlider > li, .pgwSlider > .ps-list > li{
	font-size: 0.7rem !important; 
}

.pgwSlider .ps-caption p {
    text-align: justify !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.pgwSlider .ps-list {
    margin-bottom: 0 !important;
    background-color: #fff;
}

.pgwSlider .ps-list li img {
    margin-bottom: 0;
}

.pgwSlider .ps-list li span {
    background: #ffffff !important;
    color: #555;
    font-weight: bold;
}

/******************************************/
/**************  SLIDER   *****************/
/******************************************/
.slider-evidenza {
    
}

.slider-list {
    padding-left: 0;
}

.slider-titolo {
    font-size: 0.7rem;
    line-height: 0.9rem;
    height: 65px;
    background-color: #ffffff;
    padding: 3px;
}
.slider-titolo a,
.slider-titolo a:visited {
    color: #0A5D93;
    font-weight: bold;
    font-size: 0.8rem;
}
    
.slider-titolo a:hover {
    text-decoration: underline;
}

.slider-evidenza-titolo{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
}
.slider-evidenza-titolo a{
    /*background-color: #5D0102;*/
    background-color: #FFFFFF;
    /*background-color: #142457;*/
    /*color: #fff;*/
    color: #0A5D93 !important;
    padding: 3px 5px;
    font-size: 1rem !important; 
    display: block;
    /*opacity: 0.9;*/
}

.slider-evidenza-titolo a,
.slider-evidenza-titolo a:visited {
    color: #fff;
    font-weight: bold;
}
    
.slider-evidenza-titolo a:hover {
    text-decoration: underline;
}

/**********************************************************/
/********************  INFINITE LIST  *********************/
/**********************************************************/
#infinite-list.bandi {
    padding-bottom: 10px;
}

/*****************************************************/
/********************  EURAXESS  *********************/
/*****************************************************/
#euraxess {
    margin: 0px;
}

#euraxess form {
    margin: 0px auto 20px;
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 6px;
    box-shadow: 2px 2px 10px #CCC;
    overflow: hidden;
}

#euraxess form label {
    font-weight: normal;
}

#euraxess form input[type="checkbox"] {
    width: auto;
    margin: 4px auto 0 auto;
    line-height: normal;
}

#euraxess form div {
    
}

/*******************************************************/
/*********************  Mappa della ricerca  ***********/
/*******************************************************/
#mapformcontainer form fieldset.filter{
    margin: 0 30px 0 0;
    width: 310px;
}

.map-list{
	margin-top:30px;
}

.map-list a {
	color:#0a5d93 !important;
	height:auto;
	padding: 0;
	font-weight: bold;
}

.map-list span{
	margin-top: -3px;
	display: block;
}

.map-list div{
	margin-bottom: 25px;
}

.map-list b{
	display: block;
}

.map-list .child{
	padding-left: 15px;
	font-size: 0.8rem;
	margin-bottom: 20px;
}

#orgcount{
   	border-bottom: 1px dotted #ddd;
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 5px;
}

#content-showmap .nav{
	margin-top: 20px;
}

#content-showmap a {
	outline: none;
}

#content-showmap .nav-tabs > li > a {
	/*line-height: 1.73;*/
	line-height: 1.5;
}

#content-showmap .nav-tabs > li.active > a {
	background: #0a5d93;
	color: #fff !important;
}

#content-showmap .filter div{
	margin-bottom: 18px;
	margin-top: 14px;
}
/*******************************************************/
/*********************  FORM UAN  **********************/
/*******************************************************/
#user-block{
	clear: both;
}

.cineca_uanbundle_content{
	font-size: 0.8rem;
}
.cineca_uanbundle_content div{
	clear: both;
	margin: 15px 30px;
}
.cineca_uanbundle_content form{
	width: 80%;
	margin: 0 auto;
}
.cineca_uanbundle_content input{
}
.cineca_uanbundle_content select{
}
.cineca_uanbundle_content label{
	font-size: 0.9rem;
  	color: #444;
  	line-height: 22px;
  	float: left;
  	padding-right: 10px;
  	line-height: 30px;
  	min-width: 150px;
}
.cineca_uanbundle_content div#fos_user_registration_form_anagrafica_sesso,
.cineca_uanbundle_content div#fos_user_registration_form_anagrafica_dataNascita,
.cineca_uanbundle_content div#fos_user_registration_form_anagrafica_cittadinanzaItaliana,
.cineca_uanbundle_content div#cineca_uanbundle_anagraficatype_cittadinanzaItaliana{
	float: left;
	clear: none;
	margin: 0;
}
.cineca_uanbundle_content div#fos_user_registration_form_anagrafica_sesso label,
.cineca_uanbundle_content div#fos_user_registration_form_anagrafica_cittadinanzaItaliana label,
.cineca_uanbundle_content div#cineca_uanbundle_anagraficatype_sesso label,
.cineca_uanbundle_content div#cineca_uanbundle_anagraficatype_cittadinanzaItaliana label{
	min-width: 0;
	width: auto;
	line-height: 30px;
}
.cineca_uanbundle_content div#fos_user_registration_form_anagrafica_sesso input[type="radio"],
.cineca_uanbundle_content div#fos_user_registration_form_anagrafica_cittadinanzaItaliana input[type="radio"],
.cineca_uanbundle_content div#cineca_uanbundle_anagraficatype_sesso input[type="radio"],
.cineca_uanbundle_content div#cineca_uanbundle_anagraficatype_cittadinanzaItaliana input[type="radio"]{
	margin-top: 8px;
}
.cineca_uanbundle_content div#fos_user_registration_form_anagrafica_dataNascita select{
	width: 84px;
}
.cineca_uanbundle_content .fos_user_resetting_request .control-label-large{
	text-align: left;
}
.cineca_uanbundle_content .fos_user_resetting_request .controls{
	margin-left: 0;
}
.cineca_uanbundle_content .fos_user_resetting_request .spaced-large{
	padding-left: 0;
}
.cineca_uanbundle_content .form-actions{
	padding-left: 0 !important;
	border: none;
	box-shadow: none;
	background: transparent;
	padding-top: 0;
	margin-top: 0;
}
.cineca_uanbundle_content.uan_actions{
	width: 80%;
	margin: 0 auto;
	border: none;
	box-shadow: none;
	padding-top: 0;
	text-align: center;
}
.cineca_uanbundle_content.uan_actions a{
	font-size: 0.9rem;
}

.cineca_uanbundle_content #loginform input[type="submit"]{
	display: block;
	clear: both;
	margin: 30px 0;
}
.loginstatus{
	text-align: left;
}
.loginstatus li{
	margin-left: 0;
}
.loginstatus .btn{
	padding: 0;
}
.loginstatus .btn a{
	padding: 4px 12px;
}
.loginstatus .btn .glyphicon{
	padding-right: 5px;
}

.loginstatus .btn .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    text-decoration: none;
    color: #ffffff;
    background-color: #0081c2;
}


.loginstatus ul.dropdown-menu{
	left: auto !important;
}


.cineca_uanbundle_content div.uan_user_show{
	clear: none;
	margin: 0;
}
.cineca_uanbundle_content div.uan_user_show div{
	float: left;
	clear: none;
	margin: 0;
}
.cineca_uanbundle_content ul{
	padding-left: 0;
}
.cineca_uanbundle_content ul li{
	margin-left: 0;
	clear: both;
}

/*******************************************************/
/*******************************************************/
/*****************  STYLE RESPONSIVE  ******************/
/*******************************************************/
/*******************************************************/
/*******************************************************/

.pr10{
	padding-right: 10px;
}
.pl10{
	padding-left: 10px;
}
.pl8{
	padding-left: 8px;
}
.pl4{
	padding-left: 4px;
}
.pr15{
    padding-right: 15px;
}
.pl15{
    padding-left: 15px;
}

.hpslider {
    min-height: 240px;
}

#content-noside h1{
	margin-bottom: 20px;
}
blockquote {
	border-left: none; 
}

#mapformcontainer form fieldset{
	padding: 0 15px 15px 15px !important;
}

.elemento-lista.taglist{
	height: 515px;
}
.elemento-lista.taglist .title a{
	padding-top: 0;
}
.tag_contenttype{
	width: 100%;
    background: #fff;
    font-size: 0.8rem;
    padding: 10px 10px 0 10px;
    font-weight: bold;
    text-transform: uppercase;
}

#listavuota{
	padding: 30px 10px; 
}

h1.elemento-title-bar.list_bytag{
	background: #fff;
	margin-bottom: 5px;
}

.layout_uan{
	overflow: auto;
}
.layout_uan #content-noside{
	width: 100%;
}

/*************/
/* EXCEPTION */
/*************/
.exceptionBox {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 0 0 #e5e5e5;
    margin: 0 0 2em 0;
    padding: 1.5em 3em;
}

.exceptionBox .errorPage {
    /* IE10 */
    background-image: -ms-radial-gradient(center, circle farthest-corner, #6AACC9 0%, #193F72 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center, circle farthest-corner, #6AACC9 0%, #193F72 100%);
    /* Opera */
    background-image: -o-radial-gradient(center, circle farthest-corner, #6AACC9 0%, #193F72 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center, circle farthest-corner, color-stop(0, #6AACC9), color-stop(1, #193F72));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(center, circle farthest-corner, #6AACC9 0%, #193F72 100%);
    /* Regola standard */
    background-image: radial-gradient(center, circle farthest-corner, #6AACC9 0%, #193F72 100%);
    width: 100%;
    height: 100%;
}

.exceptionBox .errorPage .logo
{
    text-align: center !important;
}

.exceptionBox .errorPage .logo .errornumber{
    font-family: Viga;
    font-size: 11em;
    color: #fff;
    padding: 100px 0;
}

.exceptionBox .errorPage .logo .errormessage{
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    padding: 50px 0;
}

.exceptionBox .errorPage .logo .errormessage img{
    width:40px;
    height: 40px;
    vertical-align:middle;
    margin: 0 5px 5px 5px;
}

.exceptionBox .errorPage .envelope
{
    background:url(../images/404_bg2.png) no-repeat 100% 0%;
    background-size: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 50px auto;
    width: 100%;
    max-width: 556px;
}

.exceptionBox .errorPage .envelope .message_bar
{
    padding: 2.8em 2em 5em 2em;
}

.exceptionBox .errorPage .envelope .message_bar p{
    font-size: 1.5em;
    color:#fff;
    font-weight: 300;
    margin: 2em 0em 0.9em 0em;
}

.exceptionBox .errorPage .envelope .message_bar span a{
    color:#fff;
    text-decoration:underline;
}

@media (min-width: 992px) {
	.container{
		width: 992px;
	}
}

@media (max-width: 991px) {

	html,body{
		font-size: 20px;
	}
	.pr10{
		padding-right: 15px;
	}
	.pl10,
	.pl8,
	.pl4{
		padding-left: 15px;
	}

	.slogan{
        text-align: center;
        /*font-weight: bold;*/
    }
    
    .slogan-image {
        margin-top: 10px;
    }

    .logo_miur_mobile{
		width: 100%;
	    text-align: center;
	    padding: 6px 0;
	}
	#logoit {
	    width: 100%;
	    max-width: 480px;
	    height: auto;
	    float: none;
	    margin: 15px auto 8px auto;
	}
	#logoit img{
	    width: 100%;
	    height: auto;
	}
	.content_menu_mobile{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.GSASearchBoxMobile{
		float: left;
		margin-top: 15px;
		margin-left: 15px;
	}
	.GSASearchBoxMobile form div.form-group{
		display: inline;
	}
	.GSASearchBoxMobile form input{
		width: 150px !important;
		float: left;
	}
	.languageswitcherMobile{
		margin-top: 15px;
		margin-right: 15px;
	}
	#lang-switch{
		width: auto;
	}
	

	.left-element{
		height: auto;
		padding: 0;
	}
	.left-element .image {
	    width: 100%;
	    height: auto;
	    text-align: center;
	}
	.left-element .image img{
	    width: 100% !important;
	    height: auto !important;
	    max-width: 420px !important;
	}
	.left-element .details{
		padding: 15px;
	}
	.left-element a{
		max-height: auto;
		padding-top: 0;
	}
	.left-element .desc{
		height: auto;
		padding-top: 15px;
	}

	.right-element{
		height: auto;
		overflow: auto;
		padding-top: 0;
		padding: 0;
	}
	.right-element a{
		display: block;
		padding-top: 5px;
		line-height: 1.3;
	}
	.right-element div.right-container{
		padding-left: 0;
		margin: 0 0 15px 0;
		padding: 0;
		width: 50%;
	}
	.right-element div.right-container:nth-child(2n){
		padding-left: 8px;
	}
	.right-element div.right-container:nth-child(2n+1){
		padding-right: 8px;
	}
	.right-element .image{
		float: none;
		width: 100%;
	}
	.right-element .image img{
	    width: 100% !important;
	    height: auto !important;
	    padding: 0 !important;
	}
	.right-element .details{
		width: 100%;
		float: none;
		padding: 5px 15px;
		height: auto;
	}

	.bottom_menu{
		margin-bottom: 15px;
	}
	#footer{
		margin-bottom: 30px;
	}
	#footer ul{
		clear: both;
		margin: 0;
		margin-left: 15px;
	}
	#footer ul li {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}

	#infinite-list.bg-gray{
		background: transparent;
	}
	.elemento-lista{
		width: 100%;
		height: auto;
		padding: 0 0 15px 0;
	}
	.elemento-lista.taglist{
		height: auto;
	}
	.elemento-lista .img-title{
		width: 100%;
		height: auto;
	    text-align: center;
	    background: #fff;
	}
	.elemento-lista .img-title img{
	    width: 100% !important;
	    height: auto !important;
	    padding: 0 !important;
	    max-width: 420px !important;
	}
	.elemento-lista .title a{
		padding: 15px;
	}
	.elemento-lista .testo{
		padding: 0 15px 5px 15px;
	}
	.elemento-lista .fonte{
		padding: 5px 15px 0 15px;
	}
	.tag_contenttype{
		padding-left: 15px;
		padding-right: 15px;
	}

	#loadMore,
	#end{
		padding:5px !important;
		margin: 20px auto;
		max-width: 480px;
	}

	.call-list .call-filter {
	    text-align: center;
	}
	.call-list .call-filter .btn-group{
	    margin-bottom: 20px;
	}
	.call-list .call-filter a.cta_bandi {
	    float: none;
	}

	#bandi-elenco .img-data{
		margin: 0;
		padding: 0 5px;
		width: 16%;
		text-align: center;
	}
	#bandi-elenco .img-data img {
	    margin: 0 auto;
	    padding: 0;
	    width: 100%;
	    height: auto;
	    max-width: 60px;
	}
	#bandi-elenco .details {
	    /*width: 82%;*/
        padding-left: 10px;
        padding-right: 10px;
	}
	#bandi-elenco h2.call {
	    height: 42px !important;
	    line-height: 0.9;
	    width: 100%;
	}

	.contenuto-elemento, .show-content{
		padding: 15px 0;
		font-size: 0.9rem;
	}
	.contenuto-elemento.elemento-lista-first .testo{
		font-size: 0.9rem;
	}
	.elemento-title-bar{
		font-size: 1.3rem;
	}
	.contenuto-elemento .img-title{
		width: 100%;
		height: auto;
	    text-align: center;
	    background: #fff;
	}
	.contenuto-elemento .img-title img{
	    width: 100% !important;
	    height: auto !important;
	    padding: 0 !important;
	    max-width: 420px !important;
	}
	#content-showmap .contenuto-elemento,
	#content-dashboard .contenuto-elemento{
		padding: 15px 0;
	}
	#content-showmap .contenuto-elemento .elemento-title-bar,
	#content-dashboard .contenuto-elemento .elemento-title-bar{
		padding-left: 15px;
		padding-right: 15px;
	}
	#content-informativa-cookie #content-noside,
	#content-about-researchitaly #content-noside{
		padding: 15px;
	}
	#content-comunicato .elemento-title-bar{
		padding: 15px;
	}
	.approfondimenti-box{
		padding-left: 0;
		padding-right: 0;
	}
	.tags-content{
		padding-left: 0;
		padding-right: 0;
	}
	.sharing-content,
	.approfondimenti-content{
		overflow: auto;
	}
	#sharing{
		padding-right: 0px;
	}

	.elemento-correlati{
		height: auto;
		text-align: center;
	}
	.elemento-correlati img{
	    width: 100% !important;
	    height: auto !important;
	    padding: 0 !important;
	    max-width: 420px !important;		
	}
	.elemento-correlati h2{
		text-align: left;
	}
	.elemento-correlati h2 a{
		height: auto;
	}

	.contenuto-elemento .enti{
		background: #fff;
	}
	.contenuto-elemento .logo-enti{
			width: 100%;
	    height: 130px;
	    min-height: 90px;
	    float: none;
	    background: #FFF;
	    margin-top: 0px;
	    padding: 10px;
	    position: relative;
	    text-align: left;
	}
	.contenuto-elemento .logo-enti img{
	    width: auto !important;
	    height: 130px !important;
	    padding: 0 !important;
	    xmax-width: 420px !important;		
	}
	.contenuto-elemento .didascalie img{
	    width: 100% !important;
	    height: auto !important;
	    padding: 0 !important;
	}
	.contenuto-elemento .didascalie span{
	    width: 100% !important;
	}
	.contenuto-elemento .info-enti {
	    width: 100%;
	    background: #CFE5F3;
	    opacity: 0.8;
	    height: auto;
	    padding: 10px;
	    margin: 0;
	}
	.contenuto-elemento .info-banda{
		display: none;
	}

	#content-noside{
		width: 100%;
	}
	#content-noside p{
		font-size: 0.9rem;
	}

	#content-showmap{
		overflow: auto;
	}
	#content-showmap #mapformcontainer form ul.as-selections{
		width: 100%;
		float: none;
	}
	#content-showmap #mapformcontainer form ul.as-selections input.as-input{
		width: 100%;
	}
	#content-showmap #map{
		width: 100% !important;
	}

	#mapformcontainer form fieldset.filter{
		width: 100%;
		margin: 0 0 20px 0;
	}
	#mapformcontainer .filter div{
		margin-top: 4px;
		margin-bottom: 4px;
	}
	#mapformcontainer #as-selections-orgs{
		margin-bottom: 0;
	}

	#content-showmap .nav-tabs.nav-justified > li{
		margin-left: 0;
	}

	h1.elemento-title-bar.list_bytag{
		margin-bottom: 0;
		padding: 15px;
	}

	.layout_uan #content-noside .cineca_uanbundle_content{
		padding: 15px;
		margin: 2em 0;
	}
	.layout_uan #content-noside .cineca_uanbundle_content div{
		margin: 15px 0;
	}
	.layout_uan #content-noside  .cineca_uanbundle_content form{
		width: 100%;
	}
	.layout_uan #content-noside  .cineca_uanbundle_content form legend{
		width: 90%;
		margin: 0 auto 20px auto;
	}
	.layout_uan #content-noside  .cineca_uanbundle_content form fieldset{
		margin: 20px 0;
		padding: 20px;
	}

  .uan_user_show .user_photo{
		background-position: 30px center;
	}
	.uan_user_show .user_data{
		width: 100%;
	}

	#documenti {
    padding: 15px;
    font-size: 0.9rem;
   } 
}

@media (max-width: 320px) {
	.call-list .call-filter .filter-label {
	    float: none;
	    display: block;
	}
    
    /*************************************************/
    /*********************  GSA **********************/
    /*************************************************/
    #GSASummary {
        font-size: 0.8rem;
    }
    
    #GSAPagination {
        font-size: 0.8rem;
    }
    
    #GSAPagination .pagination ul > .disabled > span,
    #GSAPagination .pagination ul > .disabled > a,
    #GSAPagination .pagination ul > .disabled > a:hover {
        width: auto;
    }
    
    #GSAPagination .pagination ul > li > a,
    #GSAPagination .pagination ul > li > span {
        width: auto !important;
    }
}

@media (max-width: 480px) {
	body{
	    background: #EFEFEF;
	}
    
    /**************************************************/
    /*********************  GSA  **********************/
    /**************************************************/
    #GSASummary {
        font-size: 0.8rem;
    }
    
    #GSAPagination {
        font-size: 0.8rem;
    }
    
    #GSAPagination .pagination ul > .disabled > span,
    #GSAPagination .pagination ul > .disabled > a,
    #GSAPagination .pagination ul > .disabled > a:hover {
        width: auto;
    }
    
    #GSAPagination .pagination ul > li > a,
    #GSAPagination .pagination ul > li > span {
        width: auto !important;
    }

    .uan_user_show .user_data .profile_data{
			display: block;
		}
}

@media (max-width: 600px) {
	.elemento-lista .evento .data{
		width: 20%;
	}
	.elemento-lista .evento .dettaglio{
		width: 76%;
	}
}

@media (max-width: 767px) {
	#bandi-elenco h2.call {
	    height: auto !important;
	}
}

/*******************************************************/
/*******************************************************/
/**************  STYLE ri_menu_mobile  *****************/
/*******************************************************/
/*******************************************************/
/*******************************************************/

#ri_menu_mobile{
	height: auto !important;
}

#ri_menu_mobile .toggle, #ri_menu_mobile [id^=drop] {
 display: none;
}

#ri_menu_mobile nav {
  margin: 0;
  padding: 0;
  background-color: #EFEFEF;
}

#ri_menu_mobile label {
  margin: 0;
}

#ri_menu_mobile #logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 1rem;
  line-height: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#ri_menu_mobile nav:after {
  content: "";
  display: table;
  clear: both;
}

#ri_menu_mobile nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

#ri_menu_mobile nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #EFEFEF;
}

#ri_menu_mobile nav a {
  display: block;
  padding: 0 20px;
  line-height: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
}

#ri_menu_mobile nav ul li ul li:hover { 
}

#ri_menu_mobile nav a:hover { 
}

#ri_menu_mobile nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

#ri_menu_mobile nav ul li:hover > ul { 
	display: inherit; 
}

#ri_menu_mobile nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

#ri_menu_mobile nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

#ri_menu_mobile li > a:after { content: ' +'; }

#ri_menu_mobile li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 991px) {

	#ri_menu_mobile #logo {
	  display: block;
	  padding: 0;
	  width: 100%;
	  text-align: center;
	  float: none;
	}

	#ri_menu_mobile nav { 
		margin: 0; 
	}

	#ri_menu_mobile .toggle + a,
	 #ri_menu_mobile .menu { 
	 	display: none; 
	 }

	#ri_menu_mobile .toggle {
	  display: block;
	  padding: 0 20px;
	  color: #0A5D93;
	  font-size: 1rem;
	  line-height: 20px;
	  padding-top: 15px;
	  padding-bottom: 15px;
	  text-decoration: none;
	  border: none;
	  cursor: pointer;
	}
	#ri_menu_mobile .toggle.title_menu_mobile {
	  text-transform: uppercase;
	}
	#ri_menu_mobile .toggle span.iconmenu_mobile{
		display: inline-block;
	  width: 20px;
	  height: 14px;
	  margin-left: 4px;
	  margin-bottom: 2px;
	  background: url(../images/chevron-down-color-sm.png);
	}
	#ri_menu_mobile .toggle:hover span.iconmenu_mobile{
	  background: url(../images/chevron-down-bianca-sm.png);
	}
	#ri_menu_mobile ul li .toggle span.iconmenu_mobile{
	  width: 15px;
	  height: 11px;
	  margin-bottom: 2px;
	  background: url(../images/chevron-down-color-sm_2.png);
	}
	#ri_menu_mobile ul li .toggle:hover span.iconmenu_mobile{
	  background: url(../images/chevron-down-bianca-sm_2.png);
	}
	#ri_menu_mobile ul .toggle {
	  line-height: 20px;
	  padding-top: 15px;
	  padding-bottom: 15px;
	}
	#ri_menu_mobile .toggle:hover {
		background-color: #0A5D93; 
		color: #fff;
	}

	#ri_menu_mobile [id^=drop]:checked + ul { 
		display: block; 
	}
	#ri_menu_mobile [class=checkbox_menu_mobile]:checked + ul.menu { 
		border-top: 2px solid #c5c5c5;
	}

	#ri_menu_mobile nav ul li {
	  display: block;
	  width: 100%;
	  border-bottom: 2px solid #c5c5c5;
	}
	#ri_menu_mobile nav ul ul li {
	  border-bottom: none;
	}
	#ri_menu_mobile nav ul ul ul li {
	  border-bottom: none;
	}

	#ri_menu_mobile nav ul ul .toggle,
	 #ri_menu_mobile nav ul ul a { 
	 	padding: 0 40px; 
	 	font-size: 0.9rem;
	 }

	#ri_menu_mobile nav ul ul ul a { 
		padding: 0 80px;
		font-size: 0.8rem;
	}

	#ri_menu_mobile nav a:hover { 
		background-color: #0A5D93; 
		color: #fff;
	 }

	 #ri_menu_mobile nav ul ul li { 
	 	background-color: #EFEFEF; 
	 }

	 #ri_menu_mobile nav ul ul li:nth-child(2n+1) { 
	 	background-color: #fff !important; 
	 }

	#ri_menu_mobile nav ul ul {
	  float: none;
	  position: static;
	  color: #ffffff;
	}

	#ri_menu_mobile nav ul ul li:hover > ul,
	#ri_menu_mobile nav ul li:hover > ul { 
		display: none; 
	}

	#ri_menu_mobile nav ul ul li {
	  display: block;
	  width: 100%;
	}

	#ri_menu_mobile nav ul ul ul li { 
		position: static;
	}

	#ri_menu_mobile nav ul .toggle,
	#ri_menu_mobile nav ul a { 
	 	font-size: 1rem; 
	 	font-weight: normal;
	 	color: #2685b8;
	}

	#ri_menu_mobile nav ul ul .toggle,
	 #ri_menu_mobile nav ul ul a { 
	 	font-size: 0.8rem; 
	 	font-weight: normal;
	 	line-height: 20px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	 }

	#ri_menu_mobile nav ul ul ul .toggle,
	#ri_menu_mobile nav ul ul ul a { 
		font-size: 0.8rem; 
	 	font-weight: normal;
	 	line-height: 20px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	}

	#ri_menu_mobile #lang-switch{
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#ri_menu_mobile #lang-switch a{
		float: left;
		overflow: auto;
		width: 100%;
		margin: 0;
	}
	#ri_menu_mobile #lang-switch img{
		float: left;
		height: 20px;
		width: auto;
		margin: 0 5px 0 0;
		padding: 0;
	}
	#ri_menu_mobile #lang-switch span{
		float: left;
	}

	#ri_menu_mobile .search_mobile{
		margin: 13px 20px;
	}	
	#ri_menu_mobile .search_mobile form div.form-group{
		display: inline;
	}
	#ri_menu_mobile .search_mobile form input{
		width: 150px !important;
		float: left;
	}
    
    .slider-evidenza {
        padding-right: 15px;
        position: relative;
    }
    .slider-evidenza-titolo{
    		padding-left: 15px;
        padding-right: 15px;
    }
    .slider-list-item{
        width: 50%;
        float: left;
        margin-top: 10px;
    }
    .slider-list-item.left-item{
				padding-right: 10px;
    }
    .slider-list-item.right-item{
    		padding-left: 10px;
    }

}

@media all and (max-width : 330px) {

	#ri_menu_mobile nav ul li {
	  display: block;
	  width: 94%;
	}

}