<b>div_opacity:</b> 1 - 100 | <b>div_opacity_hover:</b> 0.58 - 58      


/* ELENCO BLOCCHI INIZIO *****************************************************/
.wrapper_content .inner .contenuto .elenco-blocchi{ float:left; width:100%; margin:10px 0px 10px 0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrapper_content .inner .contenuto .elenco-blocchi li{ float: left; width:23%; margin: 0px 1% 20px 1%; padding: 0px; list-style-type: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrapper_content .inner .contenuto .elenco-blocchi li a, .wrapper_content .inner .contenuto .elenco-blocchi li .item{ text-decoration: none; outline:none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wrapper_content .inner .contenuto .elenco-blocchi li .item{ float: left; width: 100%; height: 300px; margin: 0px 0px 0px 0px; padding: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 3px 2px #d0d0d0; box-shadow: 0px 0px 3px 2px #d0d0d0; border-radius: 20px; }
.wrapper_content .inner .contenuto .elenco-blocchi li .item:hover{ background-color: #e4e4e4; }
.wrapper_content .inner .contenuto .elenco-blocchi li .item .trumb{ float: left; padding: 0px; width: 100%; height: 150px; margin: 0px 10px 0px 0px; }
.wrapper_content .inner .contenuto .elenco-blocchi li .item .trumb .crop_trumb{ float: left; overflow: hidden; position: relative; border: 2px solid #ffffff; width: 100%; height: 150px; padding: 0px; margin: 0px; border-radius: 20px;}
.wrapper_content .inner .contenuto .elenco-blocchi li .item .trumb .crop_trumb img{ position:absolute; top:0px; left:0px; border: none; width: 100%; min-height: 150px; height: auto !important; height: 150px; padding: 0px; margin: 0px; }	
.wrapper_content .inner .contenuto .elenco-blocchi li .item .titolo{ float: left; width: 100%; height: 90px; margin: 5px 0px 5px 0px; color: #212121; font-weight: 400; font-size: 16px; line-height: 18px; text-decoration: none; text-align: left; overflow-y: hidden; }
.wrapper_content .inner .contenuto .elenco-blocchi li .item .leggi{ float: right; text-align:center; margin: 3px auto 0px auto; padding: 3px 5px 3px 5px; color: #e8e8e8; font-weight: 400; font-size: 16px; line-height: 22px; background-color: #e00877; text-transform: uppercase; border-radius: 5px; }
.wrapper_content .inner .contenuto .elenco-blocchi li .item .leggi:hover{ background-color: #838383; color: #565656; }
/* ELENCO BLOCCHI FINE *******************************************************/

/* ELENCO LISTA INIZIO *******************************************************/
.wrapper_content .inner .contenuto .elenco-lista{ float:left; width:100%; margin:10px 0px 10px 0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrapper_content .inner .contenuto .elenco-lista li{ float: left; width:100%; margin: 0px 0px 20px 0px; padding: 0px; list-style-type: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrapper_content .inner .contenuto .elenco-lista li a, .wrapper_content .inner .contenuto .elenco-lista li .item{ text-decoration: none; outline:none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wrapper_content .inner .contenuto .elenco-lista li .item{ float: left; width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 10px; background-color: #ffffff; /*border-right: 4px solid #8C8C8C; border-bottom: 4px solid #8C8C8C;*/ border-radius: 0px 20px 0px 20px; -webkit-box-shadow: 0px 0px 3px 2px #d0d0d0; box-shadow: 0px 0px 3px 2px #d0d0d0; border-radius: 20px;  }
.wrapper_content .inner .contenuto .elenco-lista li .item:hover{ background-color: #e4e4e4; }

.wrapper_content .inner .contenuto .elenco-lista li .item .trumb{ float: left; padding: 0px; width: 7%; height: 75px; margin: 0px 1% 0px 0px; }
.wrapper_content .inner .contenuto .elenco-lista li .item .trumb .crop_trumb{ float: left; overflow: hidden; position: relative; border: 2px solid #ffffff; width: 100%; height: 75px; padding: 0px; margin: 0px; border-radius: 20px;}
.wrapper_content .inner .contenuto .elenco-lista li .item .trumb .crop_trumb img{ position:absolute; top:0px; left:0px; border: none; width: 100%; min-height: 75px; height: auto !important; height: 75px; padding: 0px; margin: 0px; }	


.wrapper_content .inner .contenuto .elenco-lista li .item .titolo{ float: left; height: auto; margin: 5px 0px 5px 0px; color: #212121; font-weight: 400; font-size: 16px; line-height: 18px; text-decoration: none; text-align: left; overflow-y: hidden; }

.wrapper_content .inner .contenuto .elenco-lista li .item .leggi{ float: right; text-align:center; margin: 3px auto 0px auto; padding: 3px 5px 3px 5px; color: #e8e8e8; font-weight: 400; font-size: 16px; line-height: 22px; background-color: #e00877; text-transform: uppercase; border-radius: 5px; }


.wrapper_content .inner .contenuto .elenco-lista li .item .leggi:hover{ background-color: #838383; color: #565656; }
/* ELENCO LISTA FINE *********************************************************/


/* WIEV PAGE INIZIO **********************************************************/
.wrapper_content .inner .contenuto #gallery { margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wrapper_content .inner .contenuto #gallery:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.wrapper_content .inner .contenuto #gallery figure { float:left; display:inline; width:23%; margin:1%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wrapper_content .inner .contenuto #gallery a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block; width:100%; border:1px solid #ffffff; background:#FFFFFF; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -0-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: 0 0 5px #42403f; -moz-box-shadow: 0 0 5px #42403f; box-shadow: 0 0 5px #42403f; } 
.wrapper_content .inner .contenuto #gallery a:hover { opacity:0.58; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=58)"; filter: alpha(opacity = 58); border:1px solid #cc270a; } 
.wrapper_content .inner .contenuto #gallery img { width:100%; height:150px; display:block; border:none; -ms-interpolation-mode:bicubic; }
/* WIEV PAGE FINE ************************************************************/


/*Crappyt Poirtrait (240x300)*/
@media only screen and (min-width: 240px) and (max-width: 319px) { 
   /* WIEV PAGE INIZIO **********************************************************/
   .wrapper_content .inner .contenuto .scheda-gallery .foto{ width: 48%; }
   /* WIEV PAGE FINE ************************************************************/

      
}
      
/*Mobile portrait (320x480)*/
@media only screen and (min-width: 320px) and (max-width: 480px) { 

}
      
/* Mobile landscape (480x320) - Small tablet portrait (600x800)*/
@media only screen and (min-width: 481px) and (max-width: 768px) { 

}
      
/*Small tablet landscape (800x600) Tablet portrait (768x1024) */
@media only screen and (min-width: 769px) and (max-width: 1024px) { 
   /* WIEV PAGE INIZIO **********************************************************/
   .wrapper_content .inner .contenuto .scheda-gallery .foto{ width: 14%; }
   /* WIEV PAGE FINE ************************************************************/
     
}
      
/*Tablet landscape (1024x768)*/
@media only screen and (min-width: 1024px) and (max-width: 1279px) { 
     
}
      
/* DESKTOP */
@media only screen and (min-width: 1280px) { .inner { width: 1100px; } }