#guitar3_info{
	background: url(../img/fwa_motd_topright.png) no-repeat top right;
}

/*HOVER PROGETTI*/
.progetti_web img{
	opacity: 0.9;
	filter:alpha(opacity=90);
	filter:”alpha(opacity=90)”;
}
.progetti_web:hover{
	background-color: #fff;
}
.progetti_web:hover{
	background-color: #fff;
	border: 1px solid #CCC;	
}
.progetti_web:hover img{
	opacity: 1;
	filter:alpha(opacity=100);
	filter:”alpha(opacity=100)”;
}
/*BOTTONE MORE*/
.progetti_web .link_portfolio{
	font-weight: bold;
	color: #30aeef;
	text-transform: uppercase;
	background-color: #fff;
	padding: 0 5px;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; 
	text-decoration: none;
}
.progetti_web .link_portfolio:hover{
	
}
/*'M1cthin','M1clight', 'M1cregular','M1cmedium', 'M1cbold', 'M1cheavy', 'M1cblack', "Helvetica Neue"*/
#cont .page{
	padding: 60px 0;
}
.progetti_web{
	position: relative ;
	float: left ;
	width: 32% ;
	margin-left: 0.5% ;
	margin-right: 0.5% ;
	margin-bottom: 1% ;
	overflow: hidden ;
	border-radius: 5px ;
	border: 1px solid white ;
	text-align: center;
	background: url(../img/tx_portfolio_trasparente.png) repeat ;
}
.progetti_web .info_progetto{
	text-align: center;
}
.progetti_web .titolo_progetto{
	padding-top: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #30aeef;
	margin: 0px 0 10px 0;
}
.progetti_web h5.sottotitolo{
	display: inline;
	font-style: italic;
	font-weight: normal;
	color: #4C4C4C;
	font-size: 12px;
}
.progetti_web .link_sito{
	display: inline;
	font-style: italic;
}
.progetti_web .link_sito:hover{
	text-decoration: underline;	
}
/*CATEGORIE INFO*/
.progetti_web .categorie_progetto li{
	margin-bottom: 5px;
	display: inline;
	position: relative;
}
.progetti_web .categorie_progetto li .nomi_categorie, .progetti_web .categorie_progetto li .supporto_categorie{
	color: white;
	font-size: 10px;
	line-height: 12px;
	padding: 1px 3px 2px 3px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: none;
	cursor: pointer;
}
.progetti_web .categorie_progetto li .nomi_categorie span, .progetti_web .categorie_progetto li .supporto_categorie span{visibility: hidden;}
/*.progetti_web .categorie_progetto li .nomi_categorie:hover span, */
span.active span{
visibility: visible!important;
position: absolute;
bottom:-10px;
left: 0;
height: 10px;
width: 100%;
}
.descrizione .categorie_progetto li span a{
	color: white;
	text-decoration: none;
	text-shadow: none;
}
.cat_1{
	background-color:  #30aeef;
}
.cat_1 span{
	background: url(../img/puntatore_azzurro.png) no-repeat center center;
}
.cat_3{
	background-color:  #007896;
}
.cat_3 span{
	background: url(../img/puntatore_azzurro_blu.png) no-repeat center center;
}
.cat_4{
	background-color:  #003a49;
}
.cat_4 span{
	background: url(../img/puntatore_blu.png) no-repeat center center;
}
.cat_2{
	background-color:  #57c0ec;
}
.cat_2 span{
	background: url(../img/puntatore_2.png) no-repeat center center;
}
.progetti_web .categorie_progetto li .supporto_categorie{
	background-color: #666;
}
/*PARAGRAFI INFORMATIVI*/
.progetti_web p{
	margin-top: 15px;
	text-align: justify;
	height: 80px;
	width: 85%;
	font-size:11px;
	line-height: 13px;
	color: #666;
	display: none;
}
.progetti_web p strong{
color: #3a3a3a;
}
.progetti_web p a:hover{
text-decoration: underline;
}
p.active{
	display: block;
}
/*DOWNLOAD*/
.progetti_web .download{
text-align: center;
}
.download a{
	line-height: 0;
	padding:0 30px 42px 30px;
	opacity: 0.7;
	filter:alpha(opacity=70);
	filter:”alpha(opacity=70)”;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.download a:hover{
	opacity: 0.9;
	filter:alpha(opacity=90);
	filter:”alpha(opacity=90)”;
}
.download_windows{
	background: url(../img/icona_windows2.png) no-repeat center center;
}
.download_android{
	background: url(../img/icona_android2.png) no-repeat center center;
}
.download_apple{
	background: url(../img/icona_apple2.png) no-repeat center center;
}
.download_mac{
	background: url(../img/icona_mac2.png) no-repeat center center;
}

/*FILTRO PER APPLICAZIONI*/
#app_filter{
	position: relative;
	width: 98.5%;
	margin-left: 0.5%;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid white;
	text-align: center;
	background-color: black;
}
#app_filter div{
	float: left;
	overflow: hidden;
	line-height: 45px;
	width: 25%;
	height: 45px;
	margin: 0;
}
#app_filter a,
#app_filter span{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 45px;
}
#titolo_filter span{
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0px -1px 0px #3b3b3b;
}
.bottoni_filter{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; 
	background: #454545;
}
.bottoni_filter:hover{
	background: #4e4e4e url(../img/tx_portfolio_trasparente.png) repeat;
}
#app_filter a{
	border-left: 1px solid #ccc;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; 	
}
#app_filter a:hover{
}
#app_filter .active{
	background: #4e4e4e url(../img/tx_portfolio_trasparente.png) repeat;
}
#app_filter .active a{
	background-position: bottom center;
}
/*
#windows_filter{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;	
}
*/
body #app_filter a{
	background-position: top center; 
	background-repeat: no-repeat;
}
body #app_filter a:hover{
	background-position: bottom center; 
}
#windows_filter a{background-image: url(../img/filtro_w.png);}
#android_filter a{background-image: url(../img/filtro_an.png);}
#apple_filter a{background-image: url(../img/filtro_ap.png);}

body #app_filter #titolo_filter{
/*
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
*/
background: #0071d1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwNWJiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTU1OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0071d1 0%, #005bbc 40%, #015597 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0071d1), color-stop(40%,#005bbc), color-stop(100%,#015597)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0071d1 0%,#005bbc 40%,#015597 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0071d1 0%,#005bbc 40%,#015597 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0071d1 0%,#005bbc 40%,#015597 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0071d1 0%,#005bbc 40%,#015597 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071d1', endColorstr='#015597',GradientType=0 ); /* IE6-8 */
}




/*SCREEN*/
@media (min-device-width:1000px) and (max-width:999px),
(max-device-width:999px) and (orientation:portrait){
.progetti_web{
	width: 47%;
	margin-right: 1.25%;
	margin-left: 1.25%;
	margin-bottom: 2.5%;
	float: left;
}
#app_filter{
width: 97%;
margin-left: 1.25%;
margin-right: 1.25%;
margin-bottom: 6%;
}
#app_filter div{
	width: 20%;
}
body .page #app_filter #titolo_filter{
	width: 40%;
}
}
@media (min-device-width:720px) and (max-width:720px),
(max-device-width:610px){
#cont .page {
padding: 30px 0 10px 0;
}
.progetti_web{
	position: relative;
	float: none;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 6%;
}
.progetti_web .img_web img{
	width: 70%;
}
.progetti_web .link_sito{
margin-bottom: 5px;
}
.progetti_web .info_progetto{
	width: 100%;
}
.progetti_web .titolo_progetto{
	width: 100%;
	padding: 25px 0 5px 0;
}
.progetti_web .link_sito{
	width: 100%;
}
.progetti_web .categorie_progetto li{
	display: inline;
}
#app_filter{
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 6%;
}
#app_filter div{
	width: 33.3%;
}
body .page #app_filter #titolo_filter{
	width: 100%;
	border-bottom: 1px solid white;
}
}
/*IE correzioni*/
body .download a{
*display: block;
*float:left;
*width: 42px;
*height: 42px;
*padding: 0;
*margin: 0 23px;
}
.download a .none{
*display: inline;
*visibility: hidden;
*padding-top: 42px;
}