*{margin:0;padding:0}
		article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
		#pagewrap {width: 1480px;max-width: 100%;margin: 0 auto;}
		.wrapper {overflow: hidden;}
		h3{margin-bottom:10px;}

.colonnamia{background: #fff;float: left;margin-left: 3.2%;margin-bottom: 30px;}
		.fullwidth .colonnamia {float: none;margin-left: 0;}
		
		/* grid4 col */
.grid4 .colonnamia {width: 22.6%;}
		
		/* grid3 col */
.grid3 .colonnamia {width: 31.2%;}
		
		/* grid2 col */
.grid2 .colonnamia {width: 48.4%;}
		
		/* clear col */
		.grid4 .colonnamia:nth-of-type(4n+1),
		.grid3 .colonnamia:nth-of-type(3n+1),
		.grid2 .colonnamia:nth-of-type(2n+1) {
			margin-left: 0;
			clear: left;
		}

		/* reset cols to 3-column */
		@media screen and (max-width: 740px) {
			/* grid4 */
			.grid4 .colonnamia {
				width: 31.2%;
			}
			.grid4 .colonnamia:nth-of-type(4n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid4 .colonnamia:nth-of-type(3n+1) {
				margin-left: 0;
				clear: left;
			}
		}
		
		/* reset cols to 2-column */
		@media screen and (max-width: 600px) {
			/* grid4 */
			.grid4 .colonnamia {
				width: 48.4%;
			}
			.grid4 .colonnamia:nth-of-type(3n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid4 .colonnamia:nth-of-type(2n+1) {
				margin-left: 0;
				clear: left;
			}
		
			/* grid3 */
			.grid3 .colonnamia {
				width: 48.4%;
			}
			.grid3 .colonnamia:nth-of-type(3n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid3 .colonnamia:nth-of-type(2n+1) {
				margin-left: 0;
				clear: left;
			}
		}
		
		/* reset cols to fullwidth */
		@media screen and (max-width: 400px) {
			/* grid4 */
			.colonnamia {
				width: 100% !important;
				margin-left: 0 !important;
				clear: none !important;
			}

          

          
           

		}

     



          #schermopieno{
	background-color:black ;
    opacity:0.8;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    z-index:10000000;
}


          #riquadroingresso{
	position:absolute ;
   
	
	border: 1px solid #fff;
    padding:10px;
    opacity:0.9;
   

       z-index:10000020;
    background-color:#00529e ;
       
      top:130px;
         position: absolute;
  left: 50%;
  top: 50%;

  /*
  Nope =(
  margin-left: -25%;
  margin-top: -25%;
  */

  /* 
  Yep!
  */
  transform: translate(-50%, -50%);

  /*
  Not even necessary really. 
  e.g. Height could be left out!
  */
  width: 40%;
 

}


 #pulsantechiusuraingresso{
	position:absolute ;
	left :100%;
	top: -30px;
	border: 0px solid #e1b01a;
   
   margin-right:10px;
    text-align :center;
    cursor :pointer ;
}





 @media (max-width: 1000px) {
    #riquadroingresso{}
    #riquadroingresso{left:50%;top:51%;position:absolute;width:100%;text-align:center;max-width:500px;max-height:550px;}
    #posizionalogo{
      position:absolute ;
       padding:10px;
       z-index:10000020;
           position: relative;
  left: -5%;
  
 
  margin:20px;
  margin-left:0;
  /*
  Nope =(
  margin-left: -25%;
  margin-top: -25%;
  */

  /* 
  Yep!
  */
  transform: translate(-50%, -50%);

  /*
  Not even necessary really. 
  e.g. Height could be left out!
  */
  width: 40%;
 
    }

#pulsantechiusuraingresso{
	position:absolute ;
	left :90%;
	top: 20px;
	border: 0px solid #e1b01a;
   
   margin-right:10px;
    text-align :center;
    cursor :pointer ;
}


 
#nuovaposizione{

min-width:220px;
z-index:1;
}

#loginaccediposiziona{
      position:absolute ;
   display:none;
	
    padding:10px;
           z-index:10000020;
  
         position: relative;
    left: 80%;
  top :2%;
 
  /*
  Nope =(
  margin-left: -25%;
  margin-top: -25%;
  */

  /* 
  Yep!
  */
  transform: translate(-50%, -50%);

  /*
  Not even necessary really. 
  e.g. Height could be left out!
  */
  width: 40%;
 
    }


  #mobileaccount {
	
    margin-top:17px;
    display: inline;
    margin-bottom:15px;
}


}
@media (min-width: 1000px) {
    #riquadroingresso{left:50%;top:42%;position:absolute;}
    #riquadroingresso-inner{width:500px;height:100%;margin-left:-250px;text-align:center;max-width:500px;max-height:500px; background-color:#000; opacity:0.8; top:42%}

   #mobileaccount {
	   margin:15px;
       position :relative;
      display:none ;
}


}


.rettangolocarrellocopertura {
	width:150px;
	height:40px;
	
	background:#00529e;
    padding-top:6px;
   left :0%;
   bottom:5px;
   position:absolute;
   color :white;
  
}
.rettangolocarrello {
	width:150px;
	height:40px;
	
	background:#64be5f;
    padding-top:6px;
   left :0%;
   bottom:5px;
   position:absolute;
   color :white;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;
    cursor :pointer ;
    font-weight:800;
}


.rettangolocarrello:hover {
    width: 180px;
    	background:#00529e;
}


.mioprezzo{

	
    padding-top:6px;
   left :65%;
   bottom:12px;
   position:absolute;
   color :#00529e;
   font-weight:800;
   font-size:18px;
   color:red ;
}


.prezzotagliato{

	
    padding-top:6px;
   left :60%;
   bottom:40px;
   position:absolute;
   
   font-weight:800;
   font-size:15px;
   color:gray ;
}


.prezzotagliatoschedaarticolo{



   margin-bottom:-30px;
   position:absolute;
  margin-left:150px;
   font-weight:800;
   font-size:15px;
   color:gray ;
}

.cerchioscontoschedarticolo {
	width:55px;
	height:55px;

    font-weight:800;
	border-radius:50px;
	background:red;
    color:white;
  padding-top:15px;
  font-size:18px;
   margin-bottom:-25px;
   position:absolute;
  margin-left:230px;
}

.strikethrough {
  position: relative;
}
    .strikethrough:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        border-color: inherit;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
       font-size:13px;

    }


.cerchiosconto {
	width:40px;
	height:40px;

    font-weight:800;
	border-radius:50px;
	background:red;
    color:white;
    padding-top:6px;
   padding-top:6px;
   left :80%;
   bottom:40px;
   position:absolute;
   position:absolute;
}

.cerchioscontoslide {
		width:70px;
	height:30px;
 font-size:15px;
  text-align :center;
	
	background:#be2a65;
    color:white;
    padding-top:3px;
   
   left :0%;
   bottom:300px;
   position:absolute;
}

.cerchioscontoarticolo {
	width:70px;
	height:30px;
 font-size:15px;
  text-align :center;
	
	background:#be2a65;
    color:white;
    padding-top:3px;
   
   left :0%;
   bottom:300px;
   position:absolute;
 
}



.mioprezzoslide{

	
    padding-top:6px;
   left :60%;
   bottom:53px;
   position:absolute;
   color :#00529e;
   font-weight:800;
   font-size:16px;
   color:red ;
}
.rettangolocarrelloslide {
	width:75%;
	
    height:40px;
	background: white;
    padding-top:4px;
    font-family:Teko;
    font-size:22px;
   left :52px;
   bottom:1px;
  

 position:absolute;

    cursor :pointer ;
    

 
  display: inline-block;
  padding: 6px 50px;
  border: 2px solid #64be5f;
  color: #131930;

  background-image: linear-gradient(#64be5f, #64be5f);
  background-repeat: no-repeat;
  transition: background-size .5s, color .5s;

}


.rettangolocarrelloslide {
  background-position: 50% 50%;
}

.rettangolocarrelloslide {
  background-size: 0% 0%;
}
.rettangolocarrelloslide:hover {
  background-size: 100% 100%;
  color: #fff;
}

.addtocart{
    position :absolute;
    margin-left:-40%;


}

.scrittacquista{
    position :absolute;
    margin-left:-12%;


}
.silepreferiti {
	width:50px;
	height:40px;
	
	background:#f6f6f6;
    padding-top:6px;
   left :0px;
   bottom:1px;
   position:absolute;
   color :black;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;
    cursor :pointer ;
    font-weight:800;
}


.prezzotagliatoslide{

	font-weight:800;
   font-size:13px;
   color:#909090 ;
}

.prezzotagliatoarticolo{

	
   
   
   font-weight:800;
   font-size:13px;
   color:#909090 ;
}
.strikethroughslide {
  position: relative;
}
    .strikethroughslide:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        border-color: inherit;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
 

    }