/* COMMON GRID ELEMENTS
--------------------------------------------------------- */
.wrap { clear: both; width: 100%; }

/* MASONRY PRESETS
--------------------------------------------------------- */
/* Percentage width reference:
- 100%   ~ 1 col
- 50%    ~ 2 cols
- 33.3%  ~ 3 cols
- 25%    ~ 4 cols
- 20%    ~ 5 cols
- 16.6%  ~ 6 cols
- 14.2%  ~ 7 cols
- 12.5%  ~ 8 cols
- 11.1%  ~ 9 cols
- 10%    ~ 10 cols
*/
/* Default (Medium) ----*/
.grid.views-col { width: 49.5%; /* 4 cols */ max-width: 100%; }

.grid.views-col .grid-inner { padding: 0; margin: 0; }

.grid.views-col .grid-inner .node { margin: 10px; padding: 20px; position: relative; }

.grid.tb-wall-large-style { width: 50%; }

/* Auto Inner Grids ---*/
.col { float: left; }

.cols-1 .col { width: 100%; }

.cols-2 .col { width: 50%; }

.cols-3 .col { width: 33.3%; }

.cols-4 .col { width: 25%; }

.cols-5 .col { width: 20%; }

.single-grid { width: 250px; }

.double-grid { width: 500px; }

.triple-grid { width: 750px; }

/* MAIN CONTAINER
--------------------------------------------------------- */
.grid.views-col.tb-wall-single-style { width: 230px; }

.grid.views-col.tb-wall-double-style { width: 470px; }

.grid.views-col.tb-wall-triple-style { width: 710px; }

.block.grid-single { width: 250px; float: left; }

.block.grid-double { width: 500px; float: left; }

.block.triple-double { width: 750px; float: left; }

.sidebar .block { width: 250px; float: left; max-width: 100%; }

/*--- MASONRY COOL STYLE---*/

.view-showcase .field-name-field-categoria-news, .view-news .field-name-field-categoria-news,
.view-showcase .field-name-field-tipo-realizzazione, .view-realizzazioni .field-name-field-tipo-realizzazione {
margin-top: 10px;
color: #000;
font-style: italic;
}


.view-showcase .field-name-field-thumbnail .field-items, .view-showcase .field-name-field-thumbnail-news .field-items, 
.view-news .field-name-field-thumbnail-news .field-items, .view-news .field-name-field-thumbnail-news .field-items,
.view-realizzazioni .field-name-field-thumbnail .field-items {
	margin-top: -20px;
	margin-right: -20px;
	margin-left: -20px;
	overflow: auto;
	overflow: -moz-scrollbars-none;
}

.grid.views-col .grid-inner .node {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: auto;
}

.grid.views-col.tb-wall-grid .grid-inner .node .field-type-image img {
	width: 100%;
	height: auto;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	overflow: auto;
}

.grid.views-col.tb-wall-grid .grid-inner .node .field-type-image img {
	-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
	-moz-transition: all 0.5s ease-in-out; /* Firefox */
	-o-transition: all 0.5s ease-in-out; /* IE 9 */
	-ms-transition: all 0.5s ease-in-out; /* Opera */
	transition: all 0.5s ease-in-out;
	max-width: 100%;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	overflow: auto;
}

.grid.views-col.tb-wall-grid .grid-inner .node .field-type-image img:hover {
	-webkit-transform: scale(1.3); /* Safari and Chrome */
	-moz-transform: scale(1.3); /* Firefox */
	-ms-transform: scale(1.3); /* IE 9 */
	-o-transform: scale(1.3); /* Opera */
	transform: scale(1.3);
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	overflow: auto;
}

.view-showcase .node-links ul.links li.node-readmore a,
.view-news .node-links ul.links li.node-readmore a,
.view-realizzazioni .node-links ul.links li.node-readmore a {
color: #ccc;
}

.view-showcase .node-links ul.links li.node-readmore a:hover,
.view-news .node-links ul.links li.node-readmore a:hover,
.view-realizzazioni .node-links ul.links li.node-readmore a:hover {
color: #77B34F !important;
font-weight: 400;
}

.node-title a {
color: #000 !important;
font-size: 1.2em;
}

/*.node-title a:hover {
color: #77B34F !important;
font-size: 1.2em;
}*/

.view-news, .view-realizzazioni {
margin-top: 40px;
background: #eee;
}

.view-prodotti-homepage .views-field-field-immagine-principale img {
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
	-moz-transition: all 0.3s ease-in-out; /* Firefox */
	-o-transition: all 0.3s ease-in-out; /* IE 9 */
	-ms-transition: all 0.3s ease-in-out; /* Opera */
	transition: all 0.3s ease-in-out;
	max-width: 100%;	
}

.view-prodotto-della-realizzaizone .views-field-field-immagine-principale img {
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
	-moz-transition: all 0.3s ease-in-out; /* Firefox */
	-o-transition: all 0.3s ease-in-out; /* IE 9 */
	-ms-transition: all 0.3s ease-in-out; /* Opera */
	transition: all 0.3s ease-in-out;
	width: 80%;	
}

.view-prodotti-homepage .views-field-field-immagine-principale img:hover,
.view-prodotti .views-field-field-immagine-principale img:hover,
.view-prodotto-della-realizzaizone .views-field-field-immagine-principale img:hover {
	-webkit-transform: scale(1.1); /* Safari and Chrome */
	-moz-transform: scale(1.1); /* Firefox */
	-ms-transform: scale(1.1); /* IE 9 */
	-o-transform: scale(1.1); /* Opera */
	transform: scale(1.1);
	
}

.view-prodotti .views-field-field-immagine-principale img {
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
	-moz-transition: all 0.3s ease-in-out; /* Firefox */
	-o-transition: all 0.3s ease-in-out; /* IE 9 */
	-ms-transition: all 0.3s ease-in-out; /* Opera */
	transition: all 0.3s ease-in-out;
	/*width: 80%;*/
	
}

.tooltip img {
	-webkit-transition: all 0.1s ease-in-out; /* Safari and Chrome */
	-moz-transition: all 0.1s ease-in-out; /* Firefox */
	-o-transition: all 0.1s ease-in-out; /* IE 9 */
	-ms-transition: all 0.1s ease-in-out; /* Opera */
	transition: all 0.1s ease-in-out;
	max-width: 100%;	
	margin-top: 50px;
}

.tooltip img:hover {
	-webkit-transform: scale(1.3); /* Safari and Chrome */
	-moz-transform: scale(1.3); /* Firefox */
	-ms-transform: scale(1.3); /* IE 9 */
	-o-transform: scale(1.3); /* Opera */
	transform: scale(1.3);
	
}


.field-name-field-showcase-image {
	margin-bottom:-500px;
}

.tabs {
margin-top: 30px;
}


#footer-wrapper {
margin-top: 50px;
}

@-moz-document url-prefix() {  
.view-realizzazioni-new .views-field-field-showcase-image img{
        width: 100%;
        max-width: 100%;
    }
}



/* --- PITTOGRAMMI --- */

/*.pittogrammi ul {
	list-style-type: none;
}

.pittogrammi li {
	display:inline;
	margin-left: 20px;
}

.tooltip
{
  text-decoration:none;
  position:relative;
}
 
 
.tooltip span
{
  display:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:black;
  background:white; 
}
 
 
.tooltip:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:auto;
  max-width:320px;
  min-height:128px;
  border:1px solid #77B34F;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:8px;
}*/