html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #000000;
	width: 100%;
}


		.container{
	width:100%;
	margin:0;
		}
		.navigation{
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 999;
	height: 100px;
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	-moz-box-shadow: 0 0 8px #999999;
	-webkit-box-shadow: 0 0 8px #999999;
	box-shadow: 0 0 8px #999999;
		}
	.navigation2{
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 999;
	height: 40px;

		}
	.section{
	margin-top: 100px;
		}
	.section1{


		}
	.section2{

		}
/* Menu 1 starts here */
#menu1 {
	float: left;
}

#menu1 ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu1 li
{
display: inline;
/* for IE5 and IE6 */
}

#menu1 a
{
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	display: inline-block;
	font-weight: 500;
	margin-top: 1px;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}

#menu1 a:link, #menu a:visited
{
	text-decoration: none;
}

#menu1 a:hover
{
background-color: #6c043a;
color: #fff;
}

#menu1 li a#current
{
	background: #6c043a;
}
/* Menu 1 ends here */


/* inizio navig1
 */		
	a.navigazione{
	text-decoration: none;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
		}
	a.navigazione:link{
	text-decoration: none;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
		}

	a.navigazione:hover{
	text-decoration:none;
	color: #FFFFFF;
	background-color: #CC3366;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
		}

        .active:link,
		.active:hover,
		.active:visited
		{
	color: #fff;
	background: #CC3366;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
		}
	/* fine navig1 */


		*{
			font-family: sans-serif;
			color: #666;
		}
		div#banner_up{
	width: 100%;
	height: 260px;
}
 #porta_chiudi{
	height: 38px;
	width: 42px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;

!important;
	margin-left: 10px;
 }
 a.chiudi
{
	background-image: url(../images/ico_menu3.png);
	width: 42px;
	height: 38px;
	display: block;
	background-repeat: no-repeat;
}

a.chiudi:hover
{
	background-image: url(../images/ico_menu3.png);
	width: 42px;
	height: 38px;
	display: block;
	background-repeat: no-repeat;
}
	#porta_seguici{
	z-index: 1000;
	margin-top: 40px;
	float: right;
	text-align: center;
	margin-right: 20px;
	display: block;
}
	#porta_chiusura{
	float: left;
	margin-left: 20px;
	display: block;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	font-weight: bold;
}
	#porta_nav{
	z-index: 1000;
	margin-top: 40px;
	float: left;
	text-align: center;
	margin-left: 20px;
	display: block;
}
	#porta_nav_aux{
	z-index: 999;
	display: none;
!important;
	background-color: #000;
	position: absolute;
	top: 100px;
	width: 100%;
}

		#porta_fb{
	text-align: center;
	margin-top: 10px;
	float: right;
	margin-right: 10px;
	font-size: 7px;
}

img {
	max-width: 100%;
	height: auto;
}

.google-maps {
	position: relative;
	height: 300px;
	overflow: hidden;
	border: 1px solid #999;
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
      }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
      } 

#porta_sezione{
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
#porta_sezione_servizi{
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
#porta_sezione_portfolio{
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
#porta_sezione2{
	margin-right: auto;
	margin-left: auto;
	background-color: #F1E4EC;
	padding-top: 20px;
}
#porta_sezione3{
	margin-right: auto;
	margin-left: auto;
	background-color: #8E4A75;
	padding-top: 20px;
}
#porta_titolo{
	margin-left: auto;
	margin-right: auto;
	height: 93px;
	background-image: url(../img/linea_separata.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#porta_titolo2{
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	background-image: url(../img/linea_separata.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
}
#porta_servizi{
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
	padding-top: 20px;
	height: auto;
}
#testo_prodotti{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding-top: 20px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: justify;
	font-weight: lighter;
	padding-right: 10px;
	padding-left: 10px;
	max-width: 1280px;
}
#testo_contatti{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding-top: 5px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	font-weight: lighter;
	padding-right: 10px;
	padding-left: 10px;
	max-width: 1280px;
	color: #FFF;
	margin-bottom: 10px;
}
#linguetta_titolo{
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	height: 93px;
	max-width: 290px;
	text-align: center;
	position: relative;
}
div#linguetta_nav{
	background-color: #FFFFFF;
	float: left;
	height: 166px;
	width: 100%;
	margin-right: 10px;
	margin-bottom: 20px;
}
#separa{
	width: 40px;
	float: left;
	height: 80px;
}
#porta_logo{
	width: 267px;
	height: 80px;
	position: absolute;
	top: 10px;
	left: 44%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -133px;
}
#porta_logo_small{
	width: 214px;
	height: 64px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -107px;
	display: none;
}

#porta_thumb{
	background-color: #FFFFFF;
	float: left;
	height: 166px;
	width: 290px;
	margin-left: 10px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	margin-right: 17px;
}
#porta_thumb_trattamenti{
	float: left;
	width: 300px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
}
#ico_thumb{
	float: left;
	text-align: center;
	height: 166px;
	width: 300px;
}
 a.linkopacity img {
   	filter:alpha(opacity=100);
   	-moz-opacity: 1.0;
  	 opacity: 1.0;
   	-khtml-opacity: 1.0;}
     a.linkopacity:hover img {
   	filter:alpha(opacity=50);   
   	-moz-opacity: 0.4;   
  	 opacity: 0.5;
  	 -khtml-opacity: 0.4; }

#porta_thumb_servizi{
	float: left;
	width: 290px;
	margin-left: 100px;
	margin-bottom: 30px;
	text-align: center;
}
#porta_icona{
	float: left;
	width: 290px;
	height: 154px;
}
#porta_contenuti{
	float: left;
	width: 290px;
}
#porta_contenuti2{
	float: left;
	width: 290px;
	margin-top: 20px;
}
#porta_contenuti_trattam{
	float: left;
	width: 300px;
}

div#contenitore_thumb{
	max-width: 1440px;
}

				.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
						
				.details{ margin:15px 20px; }	
					h4{ font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff;}
					p{ font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#aaa;}
					a{ text-decoration:none; }
					p.thumb1{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
                    }
					p.thumb2{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
                    }
					p.testo{
	                color: #999999;
	                font-family: Arial, Helvetica, sans-serif;
	                font-size: 18px;
                    }
.prod_txt{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
}
p.testo2{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
}
p.testo_small{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}

span.total{
  color: #FF6600;
  font-weight: bold;
}

#porta_banner{
	height: auto;
}
#porta_banner2{
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#sfondo_prodotti{
	height: auto;
}
#porta_banner_small{
	display: none;
	height: 230px;
}
@media only screen and (max-width: 768px) {
	#porta_banner{
	height: auto;
}
	#porta_nav{
	display: none;!important;
	}
	#porta_logo{
	display: none;!important;
	}
	#porta_logo_small{
	display: block;
}
	 #porta_chiudi{
display: block;
	}
}

@media only screen and (max-width: 360px) {
   #porta_banner_small {display: none;!important; }
   #porta_banner {display: block; }
   #porta_banner{
	height: auto;
}

   #porta_logo {display: none;!important; }
   #porta_logo_small {display: block; }
   #linguetta_titolo {float: left; }
   a.navigazione:link { line-height: 1.6em; }
   #linguetta_titolo {margin-left:10px; }
   #porta_thumb_servizi {margin-left:10px; }
   #porta_thumb_servizi {max-width:290px; }
   #porta_servizi {max-width:320px; }
   
}
@media only screen and (max-width: 320px) {
   #porta_banner_small {display: none;!important; }
   #porta_banner {display: block; }
   #porta_banner{
	height: auto;
}
 
   #porta_logo {display: none;!important; }
   #porta_logo_small {display: block; }
   a.navigazione:link { line-height: 1.6em; }
   #linguetta_titolo {float: left; }
   #linguetta_titolo {margin-left:10px; }
   #porta_thumb_servizi {margin-left:10px; }
   #porta_thumb_servizi {max-width:290px; }
   #porta_servizi {max-width:320px; }
}

@media (min-width:1280px) and (max-width:1366px){
	#porta_sezione2{
	margin-right: auto;
	margin-left: auto;
	background-color: #F6EDF2;
	padding-top: 5px;
}
#porta_logo{
	width: 267px;
	height: 80px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -133px;
}

#porta_banner2 {
	display: block;
	width: 70%;
}
	a.navigazione{
	text-decoration: none;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
		}
	a.navigazione:link{
	text-decoration: none;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
		}

	a.navigazione:hover{
	text-decoration:none;
	color: #FFFFFF;
	background-color: #CC3366;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
		}
#testo_prodotti{
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	padding-top: 5px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: justify;
	font-weight: lighter;
	padding-right: 10px;
	padding-left: 10px;
	max-width: 1280px;
}
#porta_banner {display: block; }
#porta_titolo { margin-top:10px; }
}
@media (min-width:1480px) and (max-width:1920px){
#porta_banner {display: block; }
#porta_logo {margin-left:-30px; }
}
@media (min-width:1366px) and (max-width:1470px){
#porta_logo{
	width: 267px;
	height: 80px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -133px;
}
#porta_banner {display: block; }
	a.navigazione{
	text-decoration: none;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
		}
	a.navigazione:link{
	text-decoration: none;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
		}

	a.navigazione:hover{
	text-decoration:none;
	color: #FFFFFF;
	background-color: #CC3366;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
		}
}