@charset "UTF-8";
/* CSS Document */

#categorie li {
	font-family: 'Roboto', sans-serif;
	color:#152224;
	text-align:center;
	float:left;
	list-style:none;}

#categorie a {
	font-family: 'Roboto', sans-serif;
	color:#152224;
	text-decoration:none;
	display:block;
	transition-property: background-color;
	transition-duration: 1s;
	-webkit-transition-property: background-color; /*safari*/
	-webkit-transition-duration: 1s;
	-o-transition-property: background-color;      /*opera*/
	-o-transition-duration: 1s;       
	-moz-transition-property: background-color;    /*firefox*/
	-moz-transition-duration: 1s;
	}

#categorie a:hover {
	color:#8c8e90;
	background-color:#d5d5d5;
	text-decoration:none;}

#descrizione {
	margin-left:auto;
	margin-right:auto;
	height:auto;}

.titoloCategoria {
	width:100%;
	height:auto;
	margin-bottom:20px;
	float:left;
	border-bottom:#009f43 dotted 2px;}

.boxTre {
	width:100%;
	margin-top:25px;
	height:auto;}

.boxLati {
	height:auto;
	float:left;}

.boxCentro {
	height:auto;
	float:left;}

.sectionTre {
	margin-left:auto;
	margin-right:auto;
	height:auto;
	margin-top:25px;}

.boxFotoTreZoom {
	width:100%;
	height: auto;
	margin-top:10px;
	margin-bottom:10px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;}

.boxFotoTreZoom:hover {
	-webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);}

.boxFotoTreZoom img {
	width:98%;
	height:auto;
	aspect-ratio: attr(width) / attr(height);
	padding:1%;
	border:#009f43 solid 1px;}

.boxDescrizioneQuattro {
	width:100%;
	height: auto;}

.boxDescrizioneQuattro p {
	font-size:14px;
	line-height:18px;}


/* Mobile Layout: 480px and below. */

#descrizione {
	width:95%;}

#categorie {
	height:120px;}

#categorie li {
	width:100%;
	height:30px;
	font-size:14px;
	line-height:30px;}

#categorie a {
	height:30px;}

#categorie a:hover {
	height:30px;}

.boxLati {
	width:100%;}

.boxCentro {
	width:100%;
	margin-left:0;
	margin-right:0;}

.sectionTre {
	width:95%;}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

#descrizione {
	width:90%;}

#categorie {
	height:60px;}

#categorie li {
	width:25%;
	height:60px;
	font-size:14px;
	line-height:60px;}

#categorie a {
	height:60px;}

#categorie a:hover {
	height:60px;}

.boxLati {
	width:32%;}

.boxCentro {
	width:32%;
	margin-left:2%;
	margin-right:2%;}

.sectionTre {
	width:90%;}
	}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

#descrizione {
	width:90%;}

#categorie {
	height:60px;}

#categorie li {
	width:25%;
	height:60px;
	font-size:15px;
	line-height:60px;}

#categorie a {
	height:60px;}

#categorie a:hover {
	height:60px;}

.boxLati {
	width:32%;}

.boxCentro {
	width:32%;
	margin-left:2%;
	margin-right:2%;}

.sectionTre {
	width:90%;}
	}