/* ELENCO */
section.elenco {
	margin:0.3125rem auto;
	padding:1.25rem 3%;
	width:94% !important;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-flow:row wrap;

	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	height:auto!important;
	clear:both;
	background: #EBEEF2;
	max-width: 75rem;
}
section.elenco article {
	position:relative;
	width:14.6rem;
	height:19.4rem;
	padding:0.15rem 0;
	cursor:pointer;
	margin-top:0.625rem;
	margin-bottom:0.625rem;
	background: #FFFFFF;
	box-shadow: 0 0 10px #DDD;
}
section.elenco article a.vai {
	color:#333 !important;
	background:#FFF;
	text-decoration:none!important;
	padding:0.625rem 1.25rem;
	font-size:0.8rem!important;
	line-height: 140%;
	font-weight: 400!important;
	box-shadow: 0 0 10px #DDD;
	width: 7rem;
	text-align: center;
	position: absolute;
	bottom: 1rem;
	left: calc(50% - 4.125rem);
	font-weight: 700!important;
	text-transform: uppercase;
}
section.elenco article div.testo {
	border: none!important;
}
#ordinamento {
 margin:0 auto;
 padding:0;
 width: calc(100% - 5rem);
 text-align:right;
	max-width: 75rem;
}
#ordinamento label {
 margin:0;
 padding:0;
}
#ordinamento label select{
 margin:0;
 padding:0;
}
#contenuto section.elenco article h3 {
	padding:0 0.3125rem;
	margin:0.3125rem 0;
	line-height: 125%;
	text-align: center;
    color: #05193F;
	font-weight: 700;
	font-style: normal;
	font-size: 1rem;
}
#contenuto section.elenco article h3 a {
	text-decoration:none;
	color: #05193F;
	display: inline;
	padding: 0 0 0 1rem;
	background: url("../../images/pubblico/bg_H3_a.gif") no-repeat;
	background-position: left 0.25rem;
	background-size: 0.7rem 0.7rem;
	
}
#contenuto section.elenco article h3 a:hover {
	color:#05193F !important;
}
#contenuto section.elenco article p {
	text-align:center;
	padding:0 0.3125rem;
	margin:0 0 0 0;
	color:  #505669;
	font-size: 0.75rem;
}
#contenuto section.elenco article p a {
	color:#505669 !important;
}
#contenuto section.elenco p span {
	text-align:center;
	width: 100%;
	display: block;
	padding:0 0rem;
	margin:0 0 0.625rem 0;
	color:  #B0B4B9;
	text-transform: uppercase;
	font-family: rift, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem;
}
#contenuto section.elenco article a.img {
	height:9.53rem;
	width: 14.30rem!important;
	display:block;
	margin:0rem auto 0rem auto;
	padding: 0 0 0 0;
	overflow:hidden;
	background-size: cover!important;
}
#contenuto section.elenco article div.data, #contenuto section.elenco span.prezzo, #contenuto section.elenco article a.aggiungi, #contenuto section.elenco span.prezzo_barrato, #contenuto section.elenco a.download, #contenuto section.elenco article.item_nullo {
	display: none;
}
/* --- PAGINAZIONE --- */
#contenuto #paginazione {
	width:100%;
	clear:both;
	margin:5px 0px;
	padding:0px;
	text-align:center;
}
#contenuto #paginazione a {
	display:inline-block;
	padding:0.3125rem 0.625rem;
	margin:0px 1px;
	border-radius:5px;
    text-decoration: none;
}
#contenuto #paginazione a.selected {
	background:none;
}
@media only screen and (max-width : 600px) {
#contenuto section.elenco article {
	margin-left: calc((100% - 14.6rem - 2px) / 2);
	margin-right: calc((100% - 14.6rem - 2px) / 2);
}
}
@media only screen and (min-width : 601px) and (max-width : 900px)  {
#contenuto section.elenco article {
	margin-left: calc((50% - 14.6rem - 2px) / 2);
	margin-right: calc((50% - 14.6rem - 2px) / 2);
}
}
@media only screen and (min-width : 901px) and (max-width : 1200px) {
#contenuto section.elenco article {
	margin-left: calc((33.33% - 14.6rem - 2px) / 2);
	margin-right: calc((33.33% - 14.6rem - 2px) / 2);
}
}
@media only screen and (min-width : 1201px) {
#contenuto section.elenco article {
	margin-left: calc((20% - 14.6rem - 2px) / 2);
	margin-right: calc((20% - 14.6rem - 2px) / 2);
}
#contenuto.duecolonne section.elenco article {
	margin-left: calc((33.33% - 14.6rem - 2px) / 2);
	margin-right: calc((33.33% - 14.6rem - 2px) / 2);
}
}

/* LISTA */

section.lista {
	margin:0;
	padding:0;
	display:flex;
	align-items:flex-start;

	display:-webkit-flex;
	-webkit-align-items:flex-start;

	display:-ms-flexbox;
	-ms-align-items:flex-start;
	
	
	flex-flow:column nowrap;
	-webkit-flex-flow:column nowrap;
	-ms-flex-flow:column nowrap;

	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

#contenuto section.lista article {
	width:100%;
	max-width: 75rem;
	padding:2.5rem 0 6.5rem;
	margin:0rem auto;
	border-bottom: 1px solid #DDD;
	opacity:1 !important;
}
#contenuto section.lista article a.img {
	float:left;
	width:35rem;
	height:13.65rem;
	margin: 0 5rem 0 0;
	padding: 0 0 0 0;
	z-index: 1;
	box-shadow: 0 0 10px #CCC;
}

#contenuto section.lista article div.data_ora {
	padding: 0 0 0.625rem 0;
	justify-content:flex-start!important;
	-webkit-justify-content:flex-start!important;
	-ms-flex-pack:flex-start!important;
    
    width: auto!important;
}
#contenuto section.lista article div.data_ora span {
	margin:0rem 0.4rem 0.3125rem 0rem!important;
}
#contenuto section.lista article div.testo {
	
}
#contenuto section.lista article h3 {
	color:#3C4258!important;
	text-align:left;
    margin: 0 0 0rem 0;
	padding: 0 0 0 0rem!important;
	display: inline;
	position: relative;
}
#contenuto section.lista article h3 a {
	color:#3C4258 !important;
    font-weight: 700!important;
	font-size: 1.2rem!important;
	text-decoration: none;
	position: relative;
	padding: 0 0 0 1.4rem!important;
	background: url("../../images/pubblico/bg_H3_a.gif") no-repeat;
	background-size: 0.85rem;
	background-position: 0 0.25rem;
	display: inline-block;
}
#contenuto section.lista article h3 a:hover {
	color:#3C4258 !important;
}
#contenuto section.lista article p {
	text-align:left;
	padding:0.3125rem 0;
	margin:0.625rem 0;
	font-size: 1rem!important;
	color:#3C4258!important;
}
#contenuto section.lista .controlli {
	width:100%;
}
#contenuto section.lista article span.copertura {
	display:none;
}
#contenuto section.lista article a.vai, #contenuto section.lista a.download {
	font-size: 0.75rem;
	color: #000;
	display: inline-block;
	padding: 1rem 2.5rem;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 0.625rem;
	float: right;
	background: #FFF;
	border: 1px solid #000;transition: all ease-in-out 300ms;
}
#contenuto section.lista article a.vai:hover, #contenuto section.lista a.download:hover {
	font-size: 0.75rem;
	color: #FFFFFF;
	background: #000000;
}
#contenuto section.lista article div.data {
	margin:0.625rem 0;
	padding:0;
	position:relative;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}
#contenuto section.lista article div.data span {
	text-transform: uppercase;
	color: #866806;
	padding: 0 0.15rem 0 0;
	font-size: 1rem;
}
#contenuto section.lista article:last-child div.data span {
	font-size: 0;
}
#contenuto section.lista article div.testo {
	border: none;
}
main.prodotti #contenuto section.lista article.optionals {
	display: none;
}
/* Smartphones ----------- */
@media only screen and (max-width : 1200px) {
#contenuto section.lista {
	overflow:visible;
	padding:1rem 0;
	margin: 0 0 0 0;
	width: 100% !important;
	content: "ridotto";
	margin-left: 0!important;
	height:auto!important;
}
#contenuto section.lista article h3 {
	font-size: 0.875rem;
}
#contenuto section.lista article a.img {
	float:left;
	width:100%;
	height:38vw;
	margin:0 0 2.5rem 0;
	z-index: 1;
	
}
#contenuto section.lista article div.testo {
	width: 100%;
}
}
/* ipad desktop ----------- */
@media only screen and (min-width : 1201px) {
#contenuto section.lista {
	overflow:visible;
	padding:1rem 0;
	width: 100% !important;
}
#contenuto section.lista article {
	position: relative;
}
#contenuto section.lista article a.vai {
	position: absolute;
	bottom: 2.5rem;
	right: 0;
}
#contenuto section.lista article div.testo {
	width: calc(50% - 2.5rem);
	float: right;
}
#contenuto section.lista article a.aggiungi {
	position: absolute;
	bottom: 7rem;
	right: 0rem;
	padding: 0.85rem 1.25rem 0.85rem 3rem;
	border: 1px solid #357BAC;
	background-position: 0rem center!important;
	text-decoration: none;
	background-color: #357BAC;
	color: #FFF;
}
#contenuto section.lista article span.prezzo {
	position: absolute;
	bottom: 7rem;
	right: 9rem;
	padding: 0.625rem 1.25rem 0.625rem 1.25rem;
	font-size: 1.1rem;
	font-weight: 700;
	
}
#contenuto section.lista article span.prezzo_barrato {
	position: absolute;
	bottom: 7rem;
	right: 16rem;
	padding: 0.875rem 1.25rem 0.875rem 1.25rem;
	font-size: 1.1rem;
	font-weight: 400;
	text-decoration: line-through;
	
}
}



/* --- ALLEGATI --- */
section.lista article.file {
	padding-bottom:3rem;
	position:relative;
}


/* TAG RICERCA */

#tag_ricerca {
	margin: 0 0 0 0;
	padding: 1.25rem 0;
	width: 100%;
	text-align: center;
}
#contenuto #tag_ricerca a {
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 400;
	padding: 0 0.3125rem 0 2rem;
	color: #212122!important;
	line-height: 2rem;
	margin: 0.3125rem 0.3125rem;
	border-radius: 0.3125rem;
	background: url("../../images/pubblico/checked_no.svg") no-repeat #FFFFFF!important;
    background-position: 0.25rem center!important;
    background-size: 1.5rem 1.5rem!important;
	text-decoration: none;
}
#contenuto #tag_ricerca a:hover {
	color: #D9202D!important;
	background: url("../../images/pubblico/checked.svg") no-repeat #FFFFFF!important;
    background-position: 0.25rem center!important;
    background-size: 1.5rem 1.5rem!important;
}
#contenuto #tag_ricerca a.selected {
	color: #212122!important;
	background: url("../../images/pubblico/checked.svg") no-repeat #FFFFFF!important;
    background-position: 0.25rem center!important;
    background-size: 1.5rem 1.5rem!important;
}
#contenuto #tag_ricerca a.selected:hover {
	color: #D9202D!important;
	background: url("../../images/pubblico/checked_del.svg") no-repeat #FFFFFF!important;
    background-position: 0.25rem center!important;
    background-size: 1.5rem 1.5rem!important;
}



/* Elenco con file */

section a.general {
	background: url('../../images/pubblico/icone/metro/general.png') no-repeat top left;
}
section a.archivio {
	background: url('../../images/pubblico/icone/metro/archivio.png') no-repeat top left;
}
section a.cad {
	background: url('../../images/pubblico/icone/metro/cad.png') no-repeat top left;
}
section a.db {
	background: url('../../images/pubblico/icone/metro/db.png') no-repeat top left;
}
section a.font {
	background: url('../../images/pubblico/icone/metro/general.png') no-repeat top left;
}
section a.immagine {
	background: url('../../images/pubblico/icone/metro/immagine.png') no-repeat top left;
}
section a.musica {
	background: url('../../images/pubblico/icone/metro/musica.png') no-repeat top left;
}
section a.pdf {
	background: url('../../images/pubblico/down.png') no-repeat top left;
}
section a.ppt {
	background: url('../../images/pubblico/icone/metro/ppt.png') no-repeat top left;
}
section a.txt {
	background: url('../../images/pubblico/icone/metro/txt.png') no-repeat top left;
}
section a.vector {
	background: url('../../images/pubblico/icone/metro/vector.png') no-repeat top left;
}
section a.video {
	background: url('../../images/pubblico/icone/metro/video.png') no-repeat top left;
}
section a.word {
	background: url('../../images/pubblico/icone/metro/word.png') no-repeat top left;
}
section a.xls {
	background: url('../../images/pubblico/icone/metro/xls.png') no-repeat top left;
}






/* Correlati */
#contenuto section.correlati {
	background: #FFF!important;
}
#contenuto section.correlati article {
	width:9.3rem;
	height:15.3rem;
	background: #FFF;
	border: none!important;
	box-shadow: none;
}
#contenuto section.correlati article a.img {
	height:6rem;
	width: 9rem!important;
	box-shadow: 0 0 10px #DDD;
}
#contenuto section.correlati article h3 {
	font-size: 1rem;
	text-transform: none;
	background: url("../../images/pubblico/bg_H3_a.gif") no-repeat;
	background-position: left 0.255rem;
	background-size: 0.7rem 0.7rem;
	padding: 0 0 0 1rem;
	display: inline-block;
	width: calc(100% - 18rem);
	float: right;
}
#contenuto section.correlati article h3 a {
	display: inline;
	padding: 0 0 0 0rem;
	background: none;
}
@media only screen and (max-width : 600px) {
#contenuto section.correlati article {
	margin-left: calc((50% - 9.3rem - 2px) / 2);
	margin-right: calc((50% - 9.3rem - 2px) / 2);
}
#contenuto section.correlati article h3 {
	width: calc(100% - 1.1rem);
	margin: 0.3125rem auto;
	text-align: left;
}
}
@media only screen and (min-width : 601px) and (max-width : 900px)  {
#contenuto section.correlati article {
	margin-left: calc((33.33% - 9.3rem - 2px) / 2);
	margin-right: calc((33.33% - 9.3rem - 2px) / 2);
}

#contenuto section.correlati article h3 {
	width: calc(100% - 1.1rem);
	margin: 0.3125rem auto;
	text-align: left;
}
}
@media only screen and (min-width : 901px) and (max-width : 1200px) {
#contenuto section.correlati article {
	margin-left: calc((20% - 9.3rem - 2px) / 2);
	margin-right: calc((20% - 9.3rem - 2px) / 2);
}
}
@media only screen and (min-width : 1201px) {
#contenuto section.correlati article {
	width: calc(50% - 3rem);
	height:8rem;
	margin: 1.25rem 1.5rem 0 1.5rem!important;
	padding: 1.25rem 0 2.5rem;
	border-bottom: 1px solid #DDD;
}
#contenuto section.correlati article a.img {
	height:10rem;
	width: 15rem!important;
	float: left;
	margin: 0 1.25rem 0 0;
}
#contenuto section.correlati article h3 {
	text-align: left;
}
}