.catdidascaliatesto{
font-size: 0.8em;
text-align:justify;
max-width:100%;
margin-top:0.5em;
margin-right:0em;
margin-bottom:2em;
margin-left:0em;
padding-left:0.2em;
padding-right:0.2em;
}

.catdidascaliatit{
font-size: 0.8em;
text-align:left;
max-width:100%;
margin-top:0.9em;
margin-right:0em;
margin-bottom:0.7em;
margin-left:0em;
padding-left:0.2em;
padding-right:0.2em;
font-weight:bold;
text-transform:uppercase;
}
.catdidascaliapprimariga{
font-size: inherit; /*0.8em;*/
text-align:left;
max-width:100%;
margin-top:0.5em;
margin-right:0em;
margin-bottom:2em;
margin-left:0em;
padding-left:0.2em;
padding-right:0.2em;
}
.catdidascaliaprigatitolo{
font-size: inherit; /*0.8em;*/
text-align:left;
max-width:100%;
margin-top:0.5em;
margin-right:0em;
margin-bottom:0em;
margin-left:0em;
padding-left:0.2em;
padding-right:0.2em;
}
.catdidascaliapriganome{
font-size: smaller; /*0.8em;*/
text-align:left;
max-width:100%;
margin-top:0.5em;
margin-right:0em;
margin-bottom:2em;
margin-left:0em;
padding-left:0.2em;
padding-right:0.2em;
font-weight:bold;
}
.catdidascaliap{
font-size: 0.8em;
text-align:left;
max-width:100%;
margin-top:0.5em;
margin-right:0em;
margin-bottom:0em;
margin-left:0em;
padding-left:0.2em;
padding-right:0.2em;
}
.catdidascaliapultimariga{
font-size: 0.8em;
text-align:left;
max-width:100%;
margin-top:0.5em;
margin-right:0em;
margin-bottom:2em;
margin-left:0em;
padding-left:0.2em;
padding-right:0.2em;
}
.catmargincatmargin{
 margin-bottom:20px;

}

.DataListCat{
 margin-top:25px;
 padding-top:25px;
 background-color:#f7f7f7;
 margin-bottom:25px;
}

.fotogallery{
  
}

/* == Stili di base - Mobile first ========================================== */
#cat {
vertical-align:top;
max-width:100%;
width:100%;
}
.catcorniceesterna{
display:inline-block;
max-width:100%;
width:100%;
max-height:100%;
padding-top:4px;
padding-bottom:4px;
padding-left:4px;
padding-right:4px;
clear:both;
text-align:center;
 border:1px solid #e1dfdf;
background-color:#fff;
-moz-box-shadow:0 0 2px #e1dfdf;
-webkit-box-shadow:0 0 2px #e1dfdf;
margin-left:auto;
margin-right:auto;
margin-top:0em;
margin-bottom:0em;
}

#catfoto{
float:left;
max-width:100%;
clear:both;
width:100%;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
}
#catfotospan{
/*float:left;*/
margin:0px;
padding:0px;
width: 100%;
height:100%;
color: transparent/*#dedede*/;
background:transparent/*#222*/ ; /* browser che non supportano rgba */
background:transparent/*rgba(0,0,0,0.7)*/;
position:absolute;
left:0;
bottom:0;
}
 
#catfotospan strong {
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
display: block;
padding-bottom: 5px;
}
.catcornice{
max-width:100%;
/*max-height:200px;*/
/*padding:2px;
border:1px solid #999;
background-color:#fff;
-moz-box-shadow:0 0 2px #333;
-webkit-box-shadow:0 0 2px #333;
margin-left:auto;
margin-right:auto;
margin-top:0em;
margin-bottom:0em;*/
}
 .catcornice img {
  width: 100%;
  max-width: 100%;
 }

.cornice {
   /* max-height: 200px; 300px*/
    max-width: 100% /*31-10-18 ora le foto non sono più alte uguali ma si ridimensionano senza tagliare i lati. prima le foto erano tutte alte uguali e la didascalia iniziava dallo stesso punto*/
}
 
.catfoperagrande{
 max-width:100%;
text-align:center;
clear:both;
width:100%;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
}

#catdidascalia{
float:left;
max-width:100%;
clear:both;
width:100%;
 }





/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {


 #cat {
  display: inline-block;
  vertical-align: top;
  margin-left: 3%;
  margin-right: 0px;
  max-width: 45%;
  text-align: center;
 }

 #catfoto {
  float: left;
  max-width: 100%;
 }

 .cornice {
  max-height: 200px; /*300px*/
  max-width:100% /*31-10-18 ora le foto non sono più alte uguali ma si ridimensionano senza tagliare i lati. prima le foto erano tutte alte uguali e la didascalia iniziava dallo stesso punto*/
 }


 #catdidascalia {
  float: left;
  max-width: 100%;
 }
}


/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px) {

#cat {
display: inline-block;
vertical-align: top;
max-width:28% /*45%*/;
text-align:center;  
margin-top:0em;  
margin-bottom:0em;
}
#catfoto{
 max-width:100%;
}
#catdidascalia {
 max-width: 100%;
} 

#cattitolo{
max-width:100%;
}


}


/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px) {

#cat{
display: inline-block;
vertical-align: top;
max-width:28% /*45%*/;
text-align:center;  
margin-top:0em;  
margin-bottom:0em;
}
#catfoto{
  max-width:100%;  
}

#catdidascalia {
 max-width: 100%;
} 
#cattitolo{
max-width:100%;
}

}