@media screen and (min-width: 961px){
	
body{min-width:960px;}.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
}
@font-face {
    font-family: 'CabinRegular';
    src: url('../font/Cabin-Regular-webfont.eot');
    src: url('../font/Cabin-Regular-webfont_162a16fe.eot') format('eot'),
         url('../font/Cabin-Regular-webfont.woff') format('woff'),
         url('../font/Cabin-Regular-webfont.ttf') format('truetype'),
         url('../font/Cabin-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CabinItalic';
    src: url('../font/Cabin-Italic-webfont.eot');
    src: url('../font/Cabin-Italic-webfont_162a16fe.eot') format('eot'),
         url('../font/Cabin-Italic-webfont.woff') format('woff'),
         url('../font/Cabin-Italic-webfont.ttf') format('truetype'),
         url('../font/Cabin-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CabinMedium';
    src: url('../font/Cabin-Medium-webfont.eot');
    src: url('../font/Cabin-Medium-webfont_162a16fe.eot') format('eot'),
         url('../font/Cabin-Medium-webfont.woff') format('woff'),
         url('../font/Cabin-Medium-webfont.ttf') format('truetype'),
         url('../font/Cabin-Medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CabinMediumItalic';
    src: url('../font/Cabin-MediumItalic-webfont.eot');
    src: url('../font/Cabin-MediumItalic-webfont_162a16fe.eot') format('eot'),
         url('../font/Cabin-MediumItalic-webfont.woff') format('woff'),
         url('../font/Cabin-MediumItalic-webfont.ttf') format('truetype'),
         url('../font/Cabin-MediumItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CabinSemiBold';
    src: url('../font/Cabin-SemiBold-webfont.eot');
    src: url('../font/Cabin-SemiBold-webfont_162a16fe.eot') format('eot'),
         url('../font/Cabin-SemiBold-webfont.woff') format('woff'),
         url('../font/Cabin-SemiBold-webfont.ttf') format('truetype'),
         url('../font/Cabin-SemiBold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CabinSemiBoldItalic';
    src: url('../font/Cabin-SemiBoldItalic-webfont.eot');
    src: url('../font/Cabin-SemiBoldItalic-webfont_162a16fe.eot') format('eot'),
         url('../font/Cabin-SemiBoldItalic-webfont.woff') format('woff'),
         url('../font/Cabin-SemiBoldItalic-webfont.ttf') format('truetype'),
         url('../font/Cabin-SemiBoldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CabinBold';
    src: url('../font/Cabin-Bold-webfont.eot');
    src: url('../font/Cabin-Bold-webfont_162a16fe.eot') format('eot'),
         url('../font/Cabin-Bold-webfont.woff') format('woff'),
         url('../font/Cabin-Bold-webfont.ttf') format('truetype'),
         url('../font/Cabin-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CabinBoldItalic';
    src: url('../font/Cabin-BoldItalic-webfont.eot');
    src: url('../font/Cabin-BoldItalic-webfont_162a16fe.eot') format('eot'),
         url('../font/Cabin-BoldItalic-webfont.woff') format('woff'),
         url('../font/Cabin-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/Cabin-BoldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*
@font-face {
	font-family: 'CantarellRegular';
	src: url('../font/Cantarell-Regular-webfont.eot') format('eot');
	src: local('☺'), url('../font/Cantarell-Regular-webfont.woff') format('woff'), url('../font/Cantarell-Regular-webfont.ttf') format('truetype'), url('../font/Cantarell-Regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*/


@font-face {
    font-family: 'CantarellRegular';
	src: url('../font/Cantarell-Regular-webfont.eot') format('eot');
    src: url('../font/Cantarell-Regular-webfont_162a16fe.eot') format('eot'),
         url('../font/Cantarell-Regular-webfont.woff') format('woff'),
         url('../font/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('../font/Cantarell-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'CantarellOblique';
	src: url('../font/Cantarell-Oblique-webfont.eot');
	src: local('☺'), url('../font/Cantarell-Oblique-webfont.woff') format('woff'), url('../font/Cantarell-Oblique-webfont.ttf') format('truetype'), url('../font/Cantarell-Oblique-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'DejaVuSerifBook';
    src: url('../font/DejaVuSerif-webfont_162a16fe.eot') format('eot'),
         url('../font/DejaVuSerif-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifItalic';
	src: url('../font/DejaVuSerif-Italic-webfont.eot') format('eot');
    src: url('../font/DejaVuSerif-Italic-webfont_162a16fe.eot') format('eot'),
         url('../font/DejaVuSerif-Italic-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-Italic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifBold';
    src: url('../font/DejaVuSerif-Bold-webfont_162a16fe.eot') format('eot'),
         url('../font/DejaVuSerif-Bold-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-Bold-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifBoldItalic';
    src: url('../font/DejaVuSerif-BoldItalic-webfont_162a16fe.eot') format('eot'),
         url('../font/DejaVuSerif-BoldItalic-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-BoldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensed';
    src: url('../font/DejaVuSerifCondensed-webfont_162a16fe.eot') format('eot'),
         url('../font/DejaVuSerifCondensed-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensed';
    src: url('../font/DejaVuSerifCondensed-Italic-webfont_162a16fe.eot') format('eot'),
         url('../font/DejaVuSerifCondensed-Italic-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-Italic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensedBold';
    src: url('../font/DejaVuSerifCondensed-Bold-webfont_162a16fe.eot') format('eot'),
         url('../font/DejaVuSerifCondensed-Bold-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-Bold-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensedBoldItalic';
    src: url('../font/DejaVuSerifCondensed-BoldItalic-webfont_162a16fe.eot') format('eot'),
         url('../font/DejaVuSerifCondensed-BoldItalic-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-BoldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}




body{
	background: url(../resource/page_bg.jpg) repeat-x left top;
		    	
			font-family: 
	'DejaVuSerifItalic';
		font-size: 13px;

		color: #434343;
}

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {
	padding-bottom: 180px;
		background: url(../resource/light_bg.png) no-repeat center top;
	margin-bottom: 20px;
	font-size-adjust: 0.5em;
	position: relative;
}  /* must be same height as the footer */

footer {

position: relative;
	margin-top: -180px; /* negative value of footer height */
	height: 180px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

menu ul{
	list-style-type: none;
}
	

p{
	line-height: 1.4em;
	margin-bottom: 10px;
	display: block;
	padding-right: 10px;

}

h1{
    font-family: 'CabinRegular';
		color: #434343;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 10px;
	font-size: 22px;
	text-transform: none;
}

/*h1{
	text-transform: uppercase;
	font: normal 18px 'CantarellRegular';
	margin-bottom: 10px;
	background:#f26522; color:#fff; 
	padding: 5px;
}

h2{
	font-family: 'DejaVuSerifItalic';
	color: #f26522;
	margin-bottom: 10px;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	text-align: right;
	
}*/

h2{

	margin-bottom: 10px;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	margin-top: -5px;
	text-transform: uppercase;
	color: #5b5c5c;
		font-family: 'CantarellRegular';
}

.container{
	background: url(../resource/light_bg.png) no-repeat center;
}


header{
	margin-bottom: 40px;
}

#banner{
	background: url(../resource/vertech_logo.png) no-repeat left top;
	height: 119px;
}

#menu{
	background: url(../resource/menu_line.png) no-repeat right 2px;
}

#banner li{
	width: 176px;
	height: 119px;
	background: url(../resource/menu_line.png) no-repeat left 2px;
	float: left;
	padding-left: 1px;
	
}

#banner li a{
	display: block;
	float: left;
	text-align: left;
	padding-left: 15px;
	width: 161px;
	font-size: 14px;
	color: #5b5c5c;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 42px;
    font-family: 'CabinRegular';	line-height: 25px;
	}

.cssanimations #banner li a:hover{
	-webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all  0.8s ease;
}

#banner li a span{
	display: block;
	color: #898989;
font-family: 'DejaVuSerifItalic';

		font-size: 11px;
	text-transform: lowercase;
}

#banner li a:hover{
	background: url(../resource/over_menu.png) repeat-x left top;
	color: #4c4ec4;
}



#banner li#current a{
	background: url(../resource/over_menu.png) repeat-x left top;
	color: #4c4ec4;
}

#banner a:hover span{
	color: #424242;
	
}

#banner li#current a:hover{
	color: #4c4ec4;
	
}

#banner li#current a:hover span{
	color: #898989;
	
}

	


.bottom{
	background: url(../resource/product_bottom.png) no-repeat left top;
	min-height: 200px;
	padding-top: 30px;
	
}

.grid_14 img{
	max-width: 525px;
	height: auto;	
}


.top{
	height: 320px;
}

div.home p{
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1.8em;
	font-family: 'CabinRegular';

}

div.product_popup p{
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1.8em;
	margin-top: 8px;
	padding-left: 390px;

}

div.product_popup h1{
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 390px;
	padding-top: 10px;
	font-family: 'DejaVuSerifItalic';
}


.basic{
	margin-top: 30px;
}

img, #frame-container{
	border: 3px solid white;
	outline: 1px solid #dedede;
	-webkit-box-shadow: 2px 2px 2px #707070;
	-moz-box-shadow: 2px 2px 2px #707070;
	box-shadow: 2px 2px 2px #707070;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#707070, offX=2, offY=2, positive=true);
}


.top img, figure.home img, article.product img{
	border: none;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}

.lista{
	margin-left: 15px;
	
}	
	
.lista li{
	list-style-position: outside;
	margin-bottom: 15px;
	line-height: 1.9em;
	background-repeat: no-repeat;
	font-size: 12px;
	text-transform: uppercase;
	color: #7d7d7d;
	list-style-image: url(../resource/bullet.png);
}

.lista span{
	display: block;
	color: black;
	font-weight: normal;
	line-height: 1.3em;
	font-style: normal;
	
}

	

footer 
{
	
	height: 180px;
	
	repeat-x left 3px;
	
	font-size: 10px;
	
	text-transform: uppercase;
			
	font-family: 'CantarellRegular';

} 




.dal_portfolio{
	background: url(../resource/siti_web_pisa_portfolio.png) no-repeat left top;
	height: 137px;
	padding-top: 20px;
	margin-left: 40px;
}



.dal_portfolio img{
	height: 86px;
	width: 130px;
	margin-left:20px;
	float: left;
	margin-right: 20px;
}

.descr_progetto p{
	margin-bottom: 8px;
	text-transform: uppercase;
font-family: 'CabinRegular';
}

.descr_progetto p strong{
	font-weight: normal;
	font-style: normal;
		    font-family: 'DejaVuSerifItalic';
	text-transform: lowercase;
	font-size: 11px;
}


.descr_progetto a, .tag a,a.link-blu{
	color: #037eac;
	display: block;
	margin-top: 20px;
	text-transform: uppercase;
}

a.link-blu{
	font-size: 10px;
	margin-top: 10px;
font-family: 'CantarellRegular';


}

.cssanimations .descr_progetto a, .cssanimations .tag a,.cssanimations a.link-blu{
	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all  0.2s ease;
}

.cssanimations .descr_progetto a:hover, .cssanimations .tag a:hover,.cssanimations a.link-blu:hover{
	text-indent: 10px;
}

.tag{
	padding-top: 20px;
}

.tag strong{
	font-weight: normal;
	font-style: normal;
	color: #4c4ec4;
	    font-family: 'DejaVuSerifItalic';
	text-transform: lowercase;
	font-size: 11px;
	line-height: 1.8em;
}

.cssanimations .tag strong{
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;

}

.cssanimations .tag strong:hover{
	background-color: #4c4ec4;
	color: white;
}



.colophon, .copyright{
	color: #7d7d7d;
	margin-top: 10px;
	line-height: 30px;
	padding-bottom: 10px;
}

#symfony{
	display: block;
	float: left;
	height: 32px;
	width: 32px;
	
	background: url(../resource/symfony.png) no-repeat left top;
}

#html5{
	display: block;
	float: left;
	margin-right: 5px;
	height: 32px;
	width: 32px;
	background: url(../resource/HTML5_Logo.png) no-repeat left top;
}

#symfony,#html5{
	text-indent: -999px;
	overflow: hidden;
}

/* servizi */

span.prezzo{
	font-weight: bold;
	    font-family: 'Georgia';
	    font-size: 16px;
}

.servizio{
	margin-bottom: 20px;
	text-transform: none;
	font-size: 12px;
		font-family: 
	'DejaVuSerifItalic';
	border-bottom: 1px dashed #dedede;
	padding-bottom: 15px;
}


#schede-servizi article:last-child{
	border: none;
	margin-bottom: 0px;
	padding: 0;
}

div.caratteristiche{
	padding-top: 50px;
	/*background: url(../caratteristica.png) no-repeat left top;*/
}

div.caratteristiche ul li{
line-height: 1.6em;}

.servizio a{
	color: #037eac;
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
}

p.prezzo{
	font-family: 'DejaVuSerifItalic';
	font-size: 11px;
}

p.prezzo a{
		font-family: 'CantarellRegular';
	font-size: 10px;
}



.cssanimations p.prezzo, .cssanimations span.prezzo{
	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all  0.2s ease;

}

.cssanimations p.prezzo:hover{
	text-indent: 10px;
}

.cssanimations p.prezzo:hover span.prezzo{
	color: #4c4ec4;
}

/* contatti */

input, 
textarea {  
width : 100%;
max-width: 450px;
padding : 8px;
background-color : white;
border : 1px solid #dedede;
border-top-color : rgb(172,171,190);
border-bottom-color : (100,97,113);
color : #5e5e5e;
text-shadow : 0 -1px 1px rgb(255,255,255);
font-size : 11px; 
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
    font-family: 'DejaVuSerifItalic'; 

 }

input:active, 
textarea:active,
input:focus, 
textarea:focus {
outline : none; }



textarea {  
height : 200px;
max-height: 200px;
overflow: auto; }

form{
	margin-top: 20px;
}

button{
	background: none;
	color: #037eac;
	text-transform: uppercase;
	border: none;
	font-size: 10px;
	text-decoration: underline;
	word-spacing: normal;
	font-family: 'CantarellRegular';
}

.cssanimations button{
	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all  0.2s ease;
}

.cssanimations button:hover{
	text-indent: 10px;
}

input[type="checkbox"]{
	display: block;
	float: left;
	width:25px;
	margin-top: 3px;
	margin-bottom: 10px;
}

p.small{
	font-size: 10px;
}

/* portfolio */

#scheda-portfolio{
	margin-top: 20px;
	display: block;

}

.wrap-portfolio{
	display: block;
	min-height:400px
}

#scheda-portfolio p{
	font-size: 13px;
}

#scheda-portfolio h1{
	color: #037eac;
}

#scheda-portfolio img{
	width: 525px;
	max-width: 544px;
	height: auto;
	margin-left: 17px;
}

aside.portfolio a{
	font-size: 10px;
	text-transform: uppercase;
	color: #434343;
	text-decoration: none;
	padding: 5px 5px 5px 0;
	display: block;
}

.cssanimations aside.portfolio a{
	-webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;
}

aside.portfolio a:hover{
	color: white;
	background: #037eac;
	text-indent: 10px;
}

article.portfolio ul{
	margin-left:10px;
}

article.portfolio ul li{
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0 0 10px 8px;
	width: 172px;
	position: relative;
}

article.portfolio ul li a{
	display: block;
	
	float: left;
	background: white;
	overflow: hidden;
}

article.portfolio ul li img{
	height: 115px;
	width: 166px;
	position: relative;		
}

.thumb{

}

.cssanimations .thumb{
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.thumb:hover{
	border-color: #dedede;
}

.descr_progetto a{
	font-size: 10px;
	text-decoration: underline;
font-family: 'CantarellRegular';


}

.grid_8, .grid_16, .portfolio{
	padding-left: 20px;
font-family: 'CantarellRegular';

}

.grid_9{
	padding-left: 20px;
	font-family: 'CantarellRegular';
	padding-top: 25px;
}

.descr_progetto p{
	line-height: 1.8em;
}

#slider{
	overflow: hidden;
	height: 300px;
}			

/* Products */

#scene-products{
	margin-bottom: 20px;
	display: block;

}

.wrap-products{
	display: box;
	min-height: 400px;
}/*wrap the middle content, adjustment to footer*/

#scene-products p{
	font-size: 13px;
}

#scene-products h1{
	color: #037eac;
}

#scene-products li#current a{
	color: white;
	background: #037eac;
	text-indent: 10px;
}

aside.products a{
	font-size: 15px;
	color: #434343;
	text-decoration: none;
	padding: 5px 5px 5px 0;
	display: block;
}

.cssanimations aside.products a{
	-webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;
}

aside.products a:hover{
	color: white;
	background: #037eac;
	text-indent: 10px;
}

article.products ul{
	margin-left:10px;
}

article.products ul li{
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0 0 10px 8px;
	width: 172px;
	position: relative;
}

article.products ul li a{
	display: block;
	
	float: left;
	background: white;
	overflow: hidden;
}

article.products ul li img{
	height: 115px;
	width: 166px;
	position: relative;		
}

#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}

/*
#popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	width:700px;
	height:350px;
	margin-left:-200px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd}*/

.popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	background: url(../resource/pu_bg.png) no-repeat center;
	width:900px;
	height:400px;
	margin-left:-300px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}

/* Easy Slider */

#slider-container{
	position: relative;
	overflow: hidden;
	margin-top: -40px;
}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		display: block;
		width:870px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:0px;
		top:110px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:920px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		text-indent: -9999px;
		overflow: hidden;	
		}	
	#prevBtn a{
	background: url(../resource/prec.png) no-repeat left top;
}	

 #nextBtn a{
	background: url(../resource/succ.png) no-repeat right top;
}	
#slider img{
	border: none;
}
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#434343;
		padding:0 10px;
		text-decoration:none;
		}

@media screen and (max-width: 960px) {
	
#wrap{
	padding-bottom: 0;
	min-height: auto;
	overflow: hidden;
}	
	
#banner{
	clear: both;
	display: block;
	background-position: center top;
	height: 160px;
}	


menu{
	padding-top: 119px;
}

ul#menu{
	height: 25px;
	padding-top: 20px;
	margin: 0 10px;
	display: block;
	background: none;
}

#banner li{
	display: block;
	float: left;
	width: 25%;	
	background: none;
	height: 25px;
	border: none !important;
	padding: 0;
	margin: 0;
}

#banner li a{
	width: 100%;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	height: 25px;
	line-height: 25px;
	text-align: center;	
	font-size: 12px;
	}
	
#banner li a:hover{
	color: #4c4ec4;
	background: none;
}



#banner li#current a{
	background:#4c4ec4;
	color: white;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

	
figure.home{
	display: block;
	clear: both;
	width: auto;
	overflow: hidden;
}

	
#main figure.home img{
	display: block;
	position: relative;
	margin-right: 0 !important;
	margin-left: auto;
	width: 100%;
}


div.cycle-images{
	width: 100% !important;
	min-height: 250px;
}


#main #scheda-portfolio div.cycle-images img{
	display: block;
	position: relative;
	width: 340px;
	height: auto;
}
	
#main{
	padding-bottom: 20px;
}

footer{
	margin-top: 0;
}
	
aside.grid_8{
	display: block;
}	

aside.grid_16{
	display: block;
}	

article.servizio div, aside.grid_8, article.gride_8, article.grid_16{
	padding-left: 20px;
}

div.dal_portfolio{
	margin-left: 0;
	padding-left: 35px;
}
	
	figure.home img, div.cycle-images img{
	height: auto;
}
  	  
  	  
  	 div.tag, div.colophon, div#slider-container, div#slider, div.caratteristiche,article.portfolio, img.pisa, #menu li a span,div.descr_progetto p:last-child{
	display: none !important;
} 

#scheda-portfolio article,#scheda-portfolio aside{
	display: block;
	clear: both;
}

#scheda-portfolio aside{
	margin-top: 20px;
	margin-left: 20px;
}
 
#scene-products article,#scene-products aside{
	display: block;
	clear: both;
}
 
#schede-servizi{
	padding-top: 0;
}  	 
  	   
  	div.copyright{
}
  	  
  	  .bottom{
		background: none;
}
  	        
}