/* ------------------------------------------------------------- */
/* SEZIONE */
/* ------------------------------------------------------------- */

#servizio {
display: block;
margin: 0 0 20px;
padding: 0;
}

/* COL SX */
#servizio #col_sx {
display: block;
float: left;
width: 630px;
margin: 0;
padding: 0;
}
#servizio #col_sx h3 {
position: relative;
display: block;
font-family: 'coolveticaregular', sans-serif;
font-size: 240%;
font-weight: normal;
margin: 0 0 20px;
padding: 10px 60px 10px 15px;
text-align: left;
line-height: 1;
color: #FFF;
}
#servizio #col_sx h3.grafica { background-color: #ffcc00; }
#servizio #col_sx h3.stampa { background-color: #7ab51d; }
#servizio #col_sx h3.vetrate { background-color: #ee7f00; }
#servizio #col_sx h3.veicoli { background-color: #0092bb; }
#servizio #col_sx h3.abbigliamento { background-color: #eb6e98; }
#servizio #col_sx h3.gadgets { background-color: #a778ae; }
#servizio #col_sx h3:after { content: ""; display: block; position: absolute; top: 10px; right: 15px; width: 29px; height: 24px; background: url(../img/icone/nuvola.png) left -24px no-repeat; background-size: 29px 48px; z-index: 1; }
#servizio #col_sx p {
display: block;
font-size: 160%;
font-weight: normal;
margin: 0 0 1em;
padding: 0;
text-align: left;
line-height: 1.5;
color: #454545;
}

/* COL DX */
#servizio #col_dx {
display: block;
float: right;
width: 300px;
margin: 0;
padding: 0;
}

/* SOTTO MENU */
nav#sotto_menu {
display: block;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
}
nav#sotto_menu ul {
display: block;
font-family: 'coolveticaregular', sans-serif;
font-size: 180%;
font-weight: normal;
margin: 0;
padding: 0;
line-height: normal;
}
nav#sotto_menu ul li {
display: block;
margin: 0;
padding: 0;
border-bottom: 1px solid #ebebeb;
}
nav#sotto_menu ul li:first-child { border-top: 1px solid #ebebeb; }
nav#sotto_menu ul li a {
display: block;
font-weight: normal;
margin: 0;
padding: 10px 0;
text-decoration: none;
white-space: normal;
}
nav#sotto_menu ul li a, nav#sotto_menu ul li a:link, nav#sotto_menu ul li a:visited { color: #999; }
nav#sotto_menu ul li.grafica a:active, nav#sotto_menu ul li.grafica a:hover, nav#sotto_menu ul li.grafica a:focus { color: #ffcc00; }
nav#sotto_menu ul li.stampa a:active, nav#sotto_menu ul li.stampa a:hover, nav#sotto_menu ul li.stampa a:focus { color: #7ab51d; }
nav#sotto_menu ul li.vetrate a:active, nav#sotto_menu ul li.vetrate a:hover, nav#sotto_menu ul li.vetrate a:focus { color: #ee7f00; }
nav#sotto_menu ul li.veicoli a:active, nav#sotto_menu ul li.veicoli a:hover, nav#sotto_menu ul li.veicoli a:focus { color: #0092bb; }
nav#sotto_menu ul li.abbigliamento a:active, nav#sotto_menu ul li.abbigliamento a:hover, nav#sotto_menu ul li.abbigliamento a:focus { color: #eb6e98; }
nav#sotto_menu ul li.gadgets a:active, nav#sotto_menu ul li.gadgets a:hover, nav#sotto_menu ul li.gadgets a:focus { color: #a778ae; }
nav#sotto_menu ul li.grafica.active a, nav#sotto_menu ul li.grafica.active a:link, nav#sotto_menu ul li.grafica.active a:visited, nav#sotto_menu ul li.grafica.active a:active, nav#sotto_menu ul li.grafica.active a:hover, nav#sotto_menu ul li.grafica.active a:focus { color: #ffcc00; }
nav#sotto_menu ul li.stampa.active a, nav#sotto_menu ul li.stampa.active a:link, nav#sotto_menu ul li.stampa.active a:visited, nav#sotto_menu ul li.stampa.active a:active, nav#sotto_menu ul li.stampa.active a:hover, nav#sotto_menu ul li.stampa.active a:focus { color: #7ab51d; }
nav#sotto_menu ul li.vetrate.active a, nav#sotto_menu ul li.vetrate.active a:link, nav#sotto_menu ul li.vetrate.active a:visited, nav#sotto_menu ul li.vetrate.active a:active, nav#sotto_menu ul li.vetrate.active a:hover, nav#sotto_menu ul li.vetrate.active a:focus { color: #ee7f00; }
nav#sotto_menu ul li.veicoli.active a, nav#sotto_menu ul li.veicoli.active a:link, nav#sotto_menu ul li.veicoli.active a:visited, nav#sotto_menu ul li.veicoli.active a:active, nav#sotto_menu ul li.veicoli.active a:hover, nav#sotto_menu ul li.veicoli.active a:focus { color: #0092bb; }
nav#sotto_menu ul li.abbigliamento.active a, nav#sotto_menu ul li.abbigliamento.active a:link, nav#sotto_menu ul li.abbigliamento.active a:visited, nav#sotto_menu ul li.abbigliamento.active a:active, nav#sotto_menu ul li.abbigliamento.active a:hover, nav#sotto_menu ul li.abbigliamento.active a:focus { color: #eb6e98; }
nav#sotto_menu ul li.gadgets.active a, nav#sotto_menu ul li.gadgets.active a:link, nav#sotto_menu ul li.gadgets.active a:visited, nav#sotto_menu ul li.gadgets.active a:active, nav#sotto_menu ul li.gadgets.active a:hover, nav#sotto_menu ul li.gadgets.active a:focus { color: #a778ae; }

/* LAVORI */
#lavori {
display: block;
margin: 0;
padding: 0;
}
#lavori h4 {
display: block;
font-family: 'coolveticaregular', sans-serif;
font-size: 240%;
font-weight: normal;
margin: 0 0 20px;
padding: 0;
text-align: left;
line-height: normal;
color: #454545;
}
#lavori div.foto {
position: relative;
display: block;
float: left;
width: 300px;
height: 200px;
margin: 0 0 30px 30px;
padding: 0;
border-width: 3px;
border-style: solid;
overflow: hidden;
}
#lavori div.foto:nth-of-type(3n+1) { margin-left: 0; }
#lavori.grafica div.foto { border-color: #ffcc00; }
#lavori.stampa div.foto { border-color: #7ab51d; }
#lavori.vetrate div.foto { border-color: #ee7f00; }
#lavori.veicoli div.foto { border-color: #0092bb; }
#lavori.abbigliamento div.foto { border-color: #eb6e98; }
#lavori.gadgets div.foto { border-color: #a778ae; }
#lavori div.foto img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#lavori div.foto a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=") left top repeat;
z-index: 1000;
}
#lavori div.foto a:active ~ img, #lavori div.foto a:hover ~ img, #lavori div.foto a:focus ~ img {
-webkit-transform: rotate(5deg) scale(1.2);
-moz-transform: rotate(5deg) scale(1.2);
-ms-transform: rotate(5deg) scale(1.2);
-o-transform: rotate(5deg) scale(1.2);
transform: rotate(5deg) scale(1.2);
}

/* ------------------------------------------------------------- */
/* PIXEL RATIO */
/* ------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { 

	#servizio #col_sx h3:after {
		background-image: url(../img/icone/nuvola@2x.png); 
		background-size: 29px 48px;
	}
			
}

/* ------------------------------------------------------------- */
/* RESPONSIVE */
/* ------------------------------------------------------------- */

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

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

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

}

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

}

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

@media only screen and (max-width: 1023px) {
	
	/* COL SX */
	#servizio #col_sx { float: none; width: 100%; }
	
	/* COL DX */
	#servizio #col_dx { float: none; width: 100%; }
	
	/* SOTTO MENU */
	nav#sotto_menu { margin: 0 0 30px; }
	
	/* LAVORI */
	#lavori div.foto { width: 48%; height: auto; margin: 0 0 30px; }
	#lavori div.foto:nth-of-type(2n) { float: right; }
	
}

@media only screen and (max-width: 767px) {
		
}

@media only screen and (max-width: 735px) {
		
}

@media only screen and (max-width: 666px) {
	
	/* LAVORI */
	#lavori div.foto { margin: 0 0 25px; }
			
}	

@media only screen and (max-width: 599px) {
	
}

@media only screen and (max-width: 567px) {
	
	#servizio { margin: 0 0 10px; }
	
	/* LAVORI */
	#lavori div.foto { float: none; width: 100%; margin: 0 0 20px; }
	#lavori div.foto:nth-of-type(2n) { float: none; }
	#lavori div.foto:last-child { margin: 0; }
		
}

@media only screen and (max-width: 479px) {
	
	/* COL SX */
	#servizio #col_sx h3 { padding: 15px 60px 15px 15px; }
	#servizio #col_sx h3:after { top: 15px; }

	
}

@media only screen and (max-width: 320px) {
	
	/* COL SX */
	#servizio #col_sx h3 { font-size: 200%; padding-right: 110px; }
	#servizio #col_sx h3:after { width: 44px; height: 36px; background-size: 44px 72px; background-position: left -36px; }

	
}