/*colori*/
/* eee2df   rosa sfondo  */
/* 154862  blu scuro sfondo footer */ 
/* 665b5a  grigio scuro icone header */
/* 336680  blu sfondo menu - righina home - banner  - marche */
/* 336680  blu testo categoria dovesono */
/* 49aaf2  azzurro testo link categorie breadcrumb */
/* 665b5a  grigio scuro testo normale breadcrumb */
/* 00a2ff  azzurro righina comunicazioni importanti */
/* f5f5f5  grigio sfondo comunicazioni importanti */
/* ff0000  rosso testo comunicazioni importanti */
/* 000000  nero testo comunicazioni importanti */
/* 000099  blu testo comunicazioni importanti */
/* 675c5b  grigio testo footer - righina  */
/* 336680  blu testo indirizzo contatti attivo */
/* 49aaf2  azzurro righina rettangolo prodotto */
/* 777777  grigio testo rettangolo prodotto */
/* 333333  nero testo categoria selezionata a sinistra e centrale */
/* 777777  grigio testo categoria link a sinistra  */
/* 000000  nero testo pagine statiche  */
/* d3ecd9  verdino carrello  */
/* ffffeb  giallino carrello  */
/* f8d7da  rosino carrello  */
/* cbeaff  celestino carrello  */
/* d5d5d5  grigino carrello  */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
body{
 font-size:12px;
}

#left{
  width:95%;
}


#prodotti{
  width:95%;
} 

#paginatesto{
  width:95%;
}

#cercatopx {
 display:none;
}

#cercatopxbc {
 display:block;
  width:100%;
  clear:both;
  height:24px;
  background-color: #eee2df;
  margin-bottom:20px;
}
#cercatop , #cercatop2 {
  width:90%;
}

 #carrellorighe {
  display:block;	
  width:100%;
 }
	
 #carrellospedi {
 width:100%;
 margin:4px 0px;
 float:left;
 }
 #carrellopaga {
 width:100%;
 margin:4px 0px;
 float:left;
 }
  #carrellototali {
 width:100%;
 margin:14px 0px;
 float:left;
 }	

#menusopra1{
width:100% ;
min-height:90px;
}


#menusopra3{
width:100% ;
height:80px;
background-color: #eee2df;
}

#menusopra2{
}

 #menutop2 {
 position:absolute;
 right:5px;
 top:15px;
 display:block;
}


 #menucontatti {
 position:absolute;
 right:5px;
 top:55px;
 display:block;
  z-index:3;
}

.menublocco {
  width:95%;
  text-align:left;
}

.logo {
  width:150px;
}

.logo img {
  width:100%;
}	

 #menucompleto{
  font-size:1.1em;
 }

 #indirizzo {
 display:block;
 width:95%;	
 min-width:110px;
 padding:0px;
 background: #ffffff;
 float:left;
 margin:10px auto;
 }

#contattisx{
 width:96%;
}
#contattidx{
 width:96%;
}

 #altritasso {
 width:98%;	
 }	
 
 #altritag {
 width:95%;	
 }	

#prodotto{
 width:95%;
}

#leftprod{
 width:100%;  
 height:auto;
 max-width:420px;
 max-height:420px;
}


#carrellofatturazione {
   width:96%; 
 }
 
  #carrellospedizione {
   width:96%; 
 }

 #leftclienti{
  width:100%;
  font-size:1.3em ; 
}

#leftclienti ul {
 width:100%;
 font-size:0.8em ; 
}

 #leftclienti li {
 width:45%;
 float:left;
}

#registrazionearea{
width:96%;
margin-left:0px;	
}

#testoclienti{
width:96%;
padding:1em 0; 
}


#txtpiccolo {
 font-size:0.75em; 
}

#infodispo {
 font-size:0.75em; 
}

#artcarrellob {
 display:none;
 width:0px; 
}

#bianca {
 display:none;
 width:0px; 
}




#artcarrellos {
 display:block ;
 float:left 
}

#fotocarrellos {
 display:block ; 
 float:left;
 width:100%;
 margin:10px auto; 
}

.foto_carrello img {
   width:100% ;
   display:block;
 }	

.contenitore_prod{
 width:90%;
 min-width:230px;
}

.articolicentro {
 height:470px ;   
}



}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
body{
 font-size:12px;
}

#left{
  width:95%;
}


#prodotti{
  width:95%;
}

#paginatesto{
  width:95%;
}

#cercatopx {
 display:none;
}

#cercatopxbc {
 display:block;
  width:100%;
  clear:both;
  height:24px;
  background-color: #eee2df;
  margin-bottom:20px;
}
#cercatop , #cercatop2 {
  width:90%;
}

 #carrellorighe {
  display:block;	
  width:100%;
 }
 	
 #carrellospedi {
 width:100%;
 margin:4px 0px;
 float:left;
 }
 #carrellopaga {
 width:100%;
 margin:4px 0px;
 float:left;
 }
  #carrellototali {
 width:100%;
 margin:14px 0px;
 float:left;
 }	

#menusopra1{
width:30% ;
min-width:490px;
}
#menusopra3{
width:100% ;
min-width:320px;
height:80px;
background-color: #eee2df;
}

#menusopra2{

}	

 #menucontatti {
 position:absolute;
 left:480px;
 top:15px;
 display:block;
  }


.menublocco {
  width:95%;
  text-align:left;
}

 #menucompleto{
  font-size:1.1em;
 }

.logo {
  width:auto;
}
.logo img {
  width:250px;
}

 #menutop2 {
 position: relative;
 margin-left:60px ;
 top: 15px;
 display:block;
 float:left;
 } 


 #indirizzo {
 display:block;
 width:48%;	
 min-width:110px;
 padding:0px;
 background: #ffffff;
 float:right;
 margin:10px auto;
 }

#prodotto{
 width:45%;
 margin-left:20px;
}

#leftprod{
 width:420px;  
 height:420px;
}

 #carrellofatturazione {
   width:48%; 
 }
 
  #carrellospedizione {
   width:48%; 
 }

 #leftclienti{
 width:100%; 
}

 #leftclienti ul {
 width:100%;
 font-size:1em ; 
}

 #leftclienti li {
 width:48%;
 float:left;
}


#registrazionearea{
width:96%;
}

#testoclienti{
width:96%;
padding:1em 0;
 
}

#txtpiccolo {
 font-size:0.8em; 
}

#infodispo {
 font-size:0.8em; 
}

#artcarrellob {
 display:none;
 width:0px; 
}

#bianca {
 display:none;
 width:0px; 
}




#artcarrellos {
 display:block ;
 float:left 
}

#fotocarrellos {
 display:block ; 
 float:left;
 width:100%;
 margin:10px auto; 
}

.foto_carrello img {
   width:100% ;
   display:block;
 }	

.contenitore_prod{
 width:40%;
 min-width:230px;
}

.articolicentro {
 height:470px ;   
}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

body{
 font-size:12px;
}

#left{
  width:27%;
}

#prodotti{
  width:67%;
} 

#paginatesto{
  width:95%;
}
	
#cercatopx {
 display:none;
}

#cercatopxbc {
 display:block;
  width:100%;
  clear:both;
  height:24px;
 background-color: #eee2df;
  margin-bottom:20px;
}
#cercatop , #cercatop2 {
  width:80%;
}


 #carrellorighe {
  display:block;	
  width:100%;
  
 }
 	
 #carrellospedi {
 width:100%;
 margin:4px auto;
 float:left;
 }
 #carrellopaga {
 width:100%;
 margin:4px auto;
 float:left;
 }
  #carrellototali {
 width:100%;
 margin:14px auto;
 float:left;
 }

#menusopra1{
width:30% ;
min-width:490px;
}
#menusopra3{
width:100% ;
min-width:320px;
height:80px;
}

#menusopra2{

}

.menublocco{	
  width:13% ;
  text-align:center;	
}

 #menucontatti {
 position:absolute;
 left:480px;
 top:15px;
 display:block;
  }



 #menucompleto{
  font-size:0.9em;
 }

#contattisx{
 width:48%;
}
#contattidx{
 width:48%;
}

 #altritasso {
 width:50%;	
 }	
 
 #altritag {
 width:45%;	
 }	
 
 
 #leftclienti{
 width:28%;
 max-width:260px;
 min-height:800px;
 min-width:200px; 
 }
 
 #leftclienti ul {
 width:100%;
 font-size:1.3em ; 
}

 #leftclienti li {
 width:100%;
}

#registrazionearea{
width:68%;
margin-left:10px;	
}

#testoclienti{
width:68%;
padding:1em; 
}

#txtpiccolo {
 font-size:1em; 
}

#infodispo {
 font-size:1em; 
}

#artcarrellob {
 display:table-cell;
 width:auto ; 
}

#bianca {
 display:table-cell;
 width: auto; 
}

#artcarrellos {
 display:none ; 
}

#fotocarrellos {
 display:none ; 
}

.foto_carrello img {
    max-width:90% ;
    max-height:90% ;
    width:auto;
    display:inline ;
 }	
 
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
body{
 font-size:12px;
}

#left{
  width:29%;
}


#prodotti{
  width:67%;
} 

#paginatesto{
  width:80%;
}

#cercatopx {
 display:none;
}

#cercatopxbc {
  display:block;
  width:100%;
  clear:both;
  height:24px;
  background-color: #eee2df;
  margin-bottom:20px;
}

#cercatop , #cercatop2 {
  width:50%;
}


.vedos {
  visibility:collapse;
 }

.vedol {
  visibility:visible;
 }


 #carrellorighe {
  display:block;	
  width:100%;
 }
#carrellorighe table {
 font-size:0.9em;
} 
 #carrellospedi {
 width:50%;
 float:left;
 margin:4px auto;
 }
 #carrellopaga {
  width:49%;
 float:right;
 margin:4px auto;
 }
  #carrellototali {
  width:49.2%;
 float:right;
 margin:14px auto;
 }

#menusopra1{
width:30% ;
}
#menusopra3{
width:30% ;
min-width:320px;
height:50px;
}

#menusopra2{

}

.menublocco{	
  width:13.5% ;
  text-align:center;	
}

 #menucontatti {
 position:relative;
 left:0px;
 top:15px;
 display:block;
 float:right;
 margin-bottom:20px;
 }

 #menucompleto{
  font-size:1em;
 }

#txtpiccolo {
 font-size:1.1em; 
}

#infodispo {
 font-size:1.1em; 
}


.contenitore_prod{
 width:230px;
}


 .minicarrello:hover + .carrellohover {
    display:block ;
   opacity: 1;  
   z-index: 1;
  animation: scroll-content ease;
 
  animation-duration: 10s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-delay: 1s;
 }

@keyframes scroll-content {
 /*   from { transform: translateY(0); }   */
 /*   to { transform: translateY(-95%); }  */
 /*  from { top: 50px ; }     */
 /*   to { top: -100%; }   */
}



}


/* Large devices (laptops/desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
body{
 font-size:13px;
}

#prodotti{
  width:67%;
} 

#cercatopx {
 display:none;
}

#cercatopxbc {
 display:block;
  width:100%;
  clear:both;
  height:24px;
  background-color: #eee2df;
  margin-bottom:20px;
}
 #carrellorighe {
  display:block;	
  width:100%;
 }
 #carrellorighe table {
 font-size:1em;
}
 #carrellospedi {
 width:50%;
 float:left;
 }
 #carrellopaga {
 width:49%;
 float:right;
 margin-right:0%;
 }
  #carrellototali {
 clear:both;
 width:49.1%;
 float:right;
 margin-right:0%;
 margin-top:6px ; 
 }

#menusopra1{
width:30% ;
}
#menusopra3{
width:25% ;
min-width:320px;
height:50px;
}




.menublocco{	
  width:13.5% ;
  text-align:center;	
}

 #menucompleto{
  font-size:1.1em;
 }

#txtpiccolo {
 font-size:1.1em; 
}

#infodispo {
 font-size:1.1em; 
}

.articolicentro {
 height:490px ;   
}


 
}


/* Extra large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {

body{
 font-size:14px;
}

#contenuto{
 max-width:1600px;
} 	

#prodotti{
  width:76%;
} 

#contattigiux{
 max-width:1600px;
} 

#cercatopx {
 width:33%;
 display:block;
}

#cercatopxbc {
 display:none;
}

#cercatop , #cercatop2 {
  width:98%;
}

 #carrellorighe {
  display:block;	
  width:100%;
 }
 #carrellorighe table {
 font-size:1.1em;
}
 #carrellospedi {
 width:40%;
 float:left;
 margin-left:0%;
 }
 #carrellopaga {
 width:33%;
 float:left;
 margin-left:0.25%;
 }
  #carrellototali {
 clear:none; 
 width:26%;
 float:right;
 margin-top:6px ; 
 }

#menusopra1{
width:29% ;
}
#menusopra3{
width:22% ;
height:50px;
}
 	
.menublocco{	
  width:13.5% ;
  text-align:center;	
}
 	
.articolicentro {
 height:520px ;   
}
 	
 	
}


/* Extra large devices (large laptops and desktops, 1920px and up) */
@media only screen and (min-width: 1920px) {

body{
  border-left:1px solid #154862;
  border-right:1px solid #154862;
}


}

/* fine devices */

body{
 font-family:Arial, Verdana, Helvetica, sans-serif;
 margin:0 auto;
 padding:0;
 background-color:#ffffff;
 max-width:1920px;
 min-width:360px;
}
 
#container{
 margin:0 auto;
 width:100%;
 background-color:#ffffff;
 overflow:hidden;
 }
#contenuto{
 display:block;
 margin:0 auto ;
 width:100%;
 background-color:#ffffff;
} 
 
#wrapper{
 clear:both;
}

#testo{
 
}

#paginatesto{
  margin:0 auto ;
}

.hide {
	position:relative; 
}

.rosso {color:#FF0000;

}

.blu {color:#0000FF;

}

.verde {color:#009900;

}

.zoom {
  transition: transform .5s ease; /* Animation */
}
.zoom:hover {
  transform: scale(1.5); /* (180% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
 
}

.zoombig {
  transition: transform .5s ease ; /* Animation */
}
.zoombig:hover  {
   transform: matrix(2, 0, 0, 2, 20, -70);
}



.mostrahover {
  position: absolute;
  z-index: 1;
  bottom: 60px ;  
  left: -180px;
  min-width:160px; 
  max-width:240px; 
  color:#333333;
  background-color:#ffffeb;
  padding:6px; 
  opacity: 0; 
  transition: opacity 0.5s ease-out;
  border:1px solid #666666;
  text-align:center; 
 }

.rosso:hover + .mostrahover {
  display:block ; 
    opacity: 1; 
}

.verde:hover + .mostrahover {
   display:block ; 
       opacity: 1; 
 }
 
 .blu:hover + .mostrahover {
    display:block ;
        opacity: 1;  
 }

 .nero:hover + .mostrahover {
    display:block ;
        opacity: 1;  
 }


.carrellohover {
  position: absolute;
  z-index: -1;
  top: 50px ;  
  left: -700px;
  width:900px; 
  color:#333333;
  background-color:#ffffeb;
  padding:6px; 
  opacity: 0; 
  transition: opacity 0.5s ease-out;
  border:1px solid #666666;
  text-align:center;
  font-size:9px; 
 }

#sfondo_head{
 background:#eee2df ;
 margin:0 auto;
}

#header{
 background:#eee2df ;
 clear:both;
 margin:0 auto;
 width:100%;
 display:block;
 padding:0;
}

.clear{
 clear:both;
 height:1px;
 }

a {
 text-decoration:none;
}


  
div.logo {
  position: relative;
  left: 15px;
  top: 15px;
  display:block;
  float:left;
}


#menusopra{
width:100% ;
min-height:90px;
}

#menusopra1{
float:left;
display:block;
height:50px;
}

#menusopra2{
 
}


#menusopra3{
float:right;
display:block;
}


#left{
 float:left;
 padding:5px;
 display:block; 
 max-width:300px;
 min-height:100px;
 margin-bottom:20px;
 
 }
 #left ul{
 width:100%;
 padding:0;
 margin:0;
 }
 #left li{
 margin-top:4px ;
 display:inline-block;
 padding:0;
 }

li.cat0 a::before, li.cat1 a::before, li.cat2 a::before, li.cat3 a::before, li.cat4 a::before {
  content: ">";
  display: block;
  float:left;
  margin-right: 8px ;
  margin-left: 0px ;
  margin-top: 6px ;
  height:34px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 9px;
  line-height: 1.2;
  transition: all 0.2s cubic-bezier(.7,0,.3,1);
}

li.cat0 a:hover::before, li.cat1 a:hover::before, li.cat2 a:hover::before, li.cat3 a:hover::before, li.cat4 a:hover::before {
  margin-right: 2px ;
  margin-left: 6px ;
  font-weight:bold;
}


 #left a{
 text-decoration:none;
 margin-top:0;
 display:block;
 }

 
 li.cat0 {
  font-size:1.3em; 
  margin-left:0;
  color:#333333;
  border-bottom:1px solid #cccccc;
}
li.cat0 a {
  color:#333333;
}
li.cat1 a , li.cat2 a ,li.cat3 a ,li.cat4 a {
  color:#777777;
}
li.cat1 a:hover , li.cat2 a:hover ,li.cat3 a:hover ,li.cat4 a:hover {
   color:#333333;
}


 li.cat1 {
  font-size:1.3em;
  margin-left:5px;
  }
 
 li.cat2 {
  font-size:1.2em;
  margin-left:10px;
  }
  li.cat3 {
  font-size:1.1em; 
  margin-left:15px;
 }
 li.cat4 {
  font-size:1em;
  margin-left:20px; 
 }
 
 #menulingue {
 position: relative;
 left:50px;  
 top: 15px;
 display:block;
 float:left;
 z-index:3;
 }
 
 #menulingue img {
 height:14px;
 margin-right:4px;
 }
 
 #menulingue span {
 margin:4px;
 text-align:center; 
 padding:0;
 display:block;
 }
 
 #menulingue i {
   font-size:1.2em;
   vertical-align: -4px;
 }
 
 /* Links inside the dropdown */
 #menulingue .dropdown-content a {
      min-width: 210px;
      padding:0; 
 }

 #menulingue .dropdown-content img {
  margin-right:12px;
  margin-left:12px;
  margin-top:9px;
  display:block;
  float:left;
 } 
 
  #menulingue .dropdown-content img:hover {
  margin-right:16px;
  height:16px;
 } 
 
 
 
 
 
 #menulingue .dropdown-content a span {
 display:block;
 margin:0;
 text-align:left; 
 width:100%;
 padding:8px;
 } 

 
 
 #menucontatti .dropdown-content a{
   font-size:1.2em;
   font-weight:normal;
   color:#333333;
   margin:0;
   padding:4px;
   display:block;
   min-width:20em;
   min-height:2.4em;
 } 
 

 #menucontatti .piccolo {
   font-size:1em;
   font-weight:normal;
   color:#49aaf2 ;

  } 
 #menucontatti .piccolo:hover {
   font-weight:bold;
 }

  #menucontatti .dropdown-content a:hover {
   font-weight:bold;
 }

 
  #menucontatti .dropdown-content i {
   font-size:2.4em;
   vertical-align: 10px;
   color:#333333;
   display:block;
   float:left;
   margin-left:8px ;
   margin-right:16px ;
   margin-top:4px ;
   margin-bottom:4px;
 } 
 
   #menucontatti .dropdown-content img {
   height:2.4em;
   display:block;
   float:left;
   margin-left:8px ;
   margin-right:16px ;
   margin-top:4px ;
   margin-bottom:4px;
 } 
 #menucontatti .dropdown-content img:hover {
   height:2.6em;
     margin-top:0 ;
 }
  #menucontatti .dropdown-content i:hover {
  font-size:2.6em;
  margin-top:0 ;
 }
 
  #menucontatti .dropdown-content a.scrivici {
   text-align:center;
   padding-top:1em;
   font-size:1.2em;
 }
 
 
 #menucontatti .scrivici::after {
  content: ">";
  display: block;
  float:right;
  margin-right: 8px ;
  margin-left: 8px ;
  margin-top: 4px ;
  height:1em;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  line-height: 1em;
  transition: all 0.2s cubic-bezier(.7,0,.3,1);
 } 

#menucontatti .scrivici:hover::after {  
  margin-right: 4px ;
  margin-left: 12px ;
 }
 
 
.dropbtn {
  color: #000000;
  padding: 8px 10px ;
  font-size: 1.1em;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  background-color: #eee2df;
}



.dropbtn::after {
display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  margin-bottom:20px; 
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  top:24px;
  right:0 ;
  background-color: #f9f9f9;
  min-width: 260px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:3;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  border:1px solid #eeeeee;
  font-size:1.2em;
}

/* span inside the dropdown */
#menutop2 .dropdown-content span {
  color: black;
  padding: 8px 10px;
  text-decoration:underline;
  display: block;
  border:1px solid #eeeeee;
  font-size:1.2em;
  
}




/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #f1f1f1;
font-weight:bold;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #ffffff;
  border-radius:4px;
}
 
 
#noitalianox {

}
 
#noitaliano {
 clear:both;
 display: block;	
 padding:5px;
 margin: 0px auto; 
 text-align:center; 
} 
 
#noitaliano a {
color:#666666;
font-size:1.2em;
}

#noitaliano a:hover {
color:#333333;
font-weight:bold;
} 

#cercatopx {
 max-width:800px;
 min-width:100px;
 float:right;
 padding:0;
 position:relative;
 top:7px; 
}
 
#cercatopxbc {
 float:right;
 padding:0;
 position:relative;
}
 
#cercatop , #cercatop2{
 float:right;
 display:inline-block;
 padding:4px; 
  } 
 
#cercatop input, #cercatop2 input   {
width:88%;
height:20px;
margin:1px;
border:none ;
float:left;
font-size:1.1em;
} 

#cercatop input:focus , #cercatop2 input:focus {
border:none ;
}

#cercatop button , #cercatop2 button {
background-color: #fad9db;
height:1.1em ;
margin:0;
border:none ;
float:left;
display:block;
} 
 
#menuutenti {
 position:relative;
 top:10px;
 display:block;
 float:right;
 font-size:1em;
}

#menuutenti .voceutente {
 display:block;
 float:left;
 padding:0;
 margin:4px auto;
 
} 
 
#menuutenti .voceutente a {
 color: #666666;
 margin:0 4px ;  
 padding:0 4px ; 
 text-align:center;
 display:block; 
}  

#menuutenti .voceutente i {
   margin:0 auto ;
   display:block;
   float:left;  
 }
#menuutenti .voceutente a p {
 margin:0; 
 padding:0; 
}

#menuutenti .voceutente a:hover {
 color: #333333;  
} 

#menuutenti  .tondino {
    border-radius: 50%;
    width:1.3em;
    height:1.3em;
    color: #ffffff; 
    background:#336680; 
    display:block;
    margin:0;  
    padding:1px; 
    text-align:center;
    float:right;
}

#menuutenti .voceutente .vuoto {
    width:3.3em;
    height:2em;
    display:block;
    margin:0;  
    float:left;
}
 
 #menucompleto{
 clear:both;
 width:100%;
 background: #336680;
 min-height:4em;  
 color: #ffffff;  
 display:block;
 overflow:hidden;
 }
 
.menublocco a {
 color: #ffffff;  
 text-decoration:none;
 }
 
.menublocco {
  display:block;
  float:left;
  padding:3px;
  min-height:3em;
  margin:4px 0;
 }
 
 .menublocco:hover {
  background: #154862;

 }
 
 
 
 #breadcrumb{
 clear:both;
 display:block;
 width:100%;
 background: #eee2df;
 min-height: 40px; 
 margin-top:15px; 
 color:#665b5a;
 }
 
 #breadcrumb a {
 color:#49aaf2;
 }
 
 #breadcrumb a:hover {
 color:#336680;
 }
 
 #breadcrumb-linea{
 display:block;
 position:relative;
 top:12px; 
 left:40px; 
 }
   
#footer{
 width:100%;
 clear:both;
 text-align:center;
 background: #eee2df;
 margin-top:5px; 
 color:#ffffff ;
 display:block;
  overflow:hidden;
 }

#footer a {
 color:#ffffff ;
 }
#footer a:hover {
 font-weight:bold ;
 }

 #fondo { 
 clear:both;
 background: #154862;
 }

 #contattigiu{
 width:100%;
  
 text-align:left;
 background: #eee2df;
 
 margin-top:1px; 
 color:#675c5b;
 font-size:1.2em;
 display:block;
 border-top:1px solid #154862;
 }
 
 #contattigiu h1 {
 margin-top:30px;
 display:block;
 border-bottom:1px solid;
 font-size:1.8em;
 }
 
#contattigiux{
 width:100%;
 clear:both;
 display:block;
 margin:0 auto;  
 background: #eee2df;
} 
  
#contattisx{
 min-height: 250px;    
 display:block ;
 float:left;
 margin-left:1%;
 clear:both;
}
 
 #contattisx h2 {
  font-size:1.2em;
  margin:0;
 }

 #contattisx h3 {
  font-size:1.1em;
   margin:0;
 }

 #negozi {
 display:block;
 width:40%;	
 min-width:120px;
 padding:10px;
 text-align:left;
 float:left;
 margin:10px;
 }	
 
 #negozi a {
 display:block;
 width:120px;	
 padding-top:2px;
 padding-bottom:2px;
 text-align:left;
 float:left;
 color:#777777;
 margin:0
 }	
 
 .negozio {
 display:block;
 width:120px;	
 padding:0;
 padding-top:2px;
 padding-bottom:2px;
 margin:0;
 text-align:left;
 float:left;
 font-size:1em;
 }	
 
 
 #indirizzo ul {
  list-style:none;
  color:#777777;
  margin:5px auto;
  padding:5px;
 }	
 
 #indirizzo a {
  color:#333333;
 }	
 
 #contattisx a:hover {
  font-weight:bold ; 
 }	
 
 
 #contattidx{
 display:block ;
 float:left;
 margin-bottom:10px;  
 margin-left:1%;
 }
 
 #contattidx a {
  color:#675c5b;
  display:block;
  float:right;
  margin-top:30px;
  margin-right:10%;
 }
 #contattidx a:hover {
  color:#675c5b;
  font-weight:bold;
 }
 
 #contattidx a::after {
  content: ">";
  display: block;
  float:right;
  margin-right:10px ;
  margin-left:4px ;
  margin-top:2px ;
  height:1em;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  line-height: 1em;
  transition: all 0.2s cubic-bezier(.7,0,.3,1);
 }
  #contattidx a:hover::after {
  margin-right:6px ;
  margin-left:8px ;
 }

#menugiu {
 width:95%;
}
 
#menutop3 {
  width:95%;
}
 
#copyright {
  width:95%;
  clear:both;
  display:block;
  padding:10px ;
}
 
 
 
 .bandierine a img {
 margin:10px 4px ;
 width:30px; 
 }
 
 
 
 #sitemap{
 }
#sitemap ul{
 list-style:none;
 margin:0 ;
 padding:0 ;
 }
#sitemap li a{
 text-decoration:none;
 color:#666666;
 
 }
#sitemap li a:hover{
 text-decoration:underline;
 color:#333333;
 }
#sitemap li a:visited{
 text-decoration:none;
 background-color:#eeeeee;
 }
li.sitemap0{
 display:block;
 font-size:1.4em;
 text-align:left;
 list-style:none;
 padding-left:20px;
 padding-top:1px;
 font-weight:normal;
 }

li.sitemap1 {
 padding-left:20px;
 margin-left:20px;
 display:block;
 font-size:1.2em;
 text-align:left;
 }


li.sitemap2{
 display:block;
 margin-left:40px;
 padding-left:20px;
 font-size:1.2em;
 text-align:left;
 }

li.sitemap3{
 display:block;
 margin-left:60px;
 padding-left:20px;
 font-size:1.1em;
 text-align:left;
 }

.tastofreccialeft  {
 top:20%;
 float:left;
 }

.tastofrecciaright  {
 top:20%;
 float:right;
 }
 
.tastofrecciaright , .tastofreccialeft {
 display:block; 
 margin:4px;
 padding:0;
 padding-top:12px;
 padding-bottom:10px;
 border-radius:3px;
 background-color: #336680;
 color: #ffffff;
 position:relative;
}

.tastofrecciaright span, .tastofreccialeft span {
 font-size:40px;
}


.btn  {
 display:block; 
 margin:4px;
 padding:4px;
 min-height:18px;
 min-width:38px;
 border-radius:3px;
 background-color: #336680;
 color: #ffffff;
 font-size:1em;
 margin:4px auto;
}

#cataloghihome {
 width:100%;
 max-width:1386px;   /* dim */
 clear:both;
 display:block;		
 text-align:center;
 margin:0 auto;
 border-bottom:1px solid #154862;
}

#introhome {
 clear:both;
 display:block;		
 text-align:center;
 margin:20px auto;

}
.introcentro {
 display:block;
 max-width:1386px;   /* dim */
 height:290px; 
 margin:0 auto;
 padding:0;
}

.bloccointro{
 display:block;	
 margin:8px;
 margin-left:16px;
 width:300px;
 height:290px;
 float:left;
 padding:10px;
 font-size:1.2em;
 color:#777777;
 }

#galleriacataloghi {
 display:block;	
 overflow:hidden;
 height:200px ;
 width:150px; 
 padding:0;
 margin: 0px auto ;
}

#galleriacataloghi img {
 max-height:200px ;
 max-width:150px; 
}


#comunicazioniimportanti {
 clear:both;
 display:block;		
 text-align:center;
 margin:20px auto;
}
#rettangolocomunicazioni {
 background-color:#eeeeee;
 margin:0 auto;
 padding:30px;
 border-radius:30px;
 border-color:#49aaf2;
 border-style: solid;
 border-width:4px;
 font-size:1.3em;
 color:#333333;
 max-width:1000px; /* dim */
 text-align:justify;
}



#articolinovita, #articolirichiesti {
 clear:both;
 display:block;	
 margin:0;
 width:100%;
 height:586px; 
 padding:10px;
 background-color:#eee2df;
 text-align:center;
 overflow:hidden;
 }

#articolinovita h1, #articolirichiesti h1, #marchiriferimento h1{
  color:#666666;
 }


#articolinovita{
 border-top:1px solid #154862;
 }

 #articolirichiesti {
 border-bottom:1px solid #154862;
}
.articolicentro {
 display:block;
 max-width:1386px;
 margin:0 auto;
 padding:0px;
 overflow:hidden;
}

.tasticentro {
 display:block;
 max-width:1486px;   /* dim */
 margin:0 auto;
 padding:0;
 height:450px;
} 


 
#marchiriferimento {
 display:block;
 clear:both;
 text-align:center;
 padding-top:20px;
}

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

#marchiriferimento li {
  display:block;
  float:left;
  height:80px;
  padding:5px;
  width:19%;
  min-width:250px;
}

#marchiriferimento img {
 max-height:70px;
}

.marchicentro {
 display:block;
 max-width:1386px;    /* dim */
 height:80px; 
 margin:0 auto;
 padding:0;
 overflow:hidden;
}

.tastimarchi {
 display:block;
 max-width:1450px;   /* dim */
 margin:0 auto;
 padding:0;
}

#catalogo{
display:block; 
width:100%; 
float:left;
} 

#catalogo hr {
  border: 0;
  border-top: 1px solid #cccccc;
  display:block;
  width:100%;
  
 }


#prodotti{
 display:block;	
 margin:0px;
 float:right;
 padding:10px;
 }


.totalpages{
 display:block;
 float:right;
 width:99%;	
 }

#catalogo .totalpages hr {
 margin-bottom:0;
  border: 0;
  border-top: 1px solid #efefef; 
 }
 
 #catalogo .totalpages i {
 font-size:1em;
 color: #999999;
 vertical-align: -2px;
 margin-right:0;
 }

.qbtnt {
 display:block;
 min-width:15px;
 float:left;
 padding:2px;
 margin:2px;
 border: 1px solid #cccccc;	
 color: #333333;
 text-align:center;	
 }

.qbtn a {
 display:block;
 min-width:15px;
 float:left;
 padding:2px;
 margin:2px;
 border: 1px solid #cccccc;	
 color: #cccccc;
 text-align:center;	
 }

.puntino {
 display:block;
 min-width:5px;
 float:left;
 padding:0px;
 margin:1px;
 color: #cccccc;
 text-align:center;	
 }

.qbtn a:hover {
 color: #333333;
 }

.qbtnr a {
 display:block;
 min-width:15px;
 float:right;
 padding:2px;
 margin:2px;
 border: 1px solid #cccccc;	
 color: #cccccc;
 text-align:center;	
 }


.qbtnr a:hover {
 color: #333333;
 }


.contenitore_prod{
 display:block;	
 margin:8px;
 margin-left:16px;
 float:left;
 padding:10px;
 border-radius:10px;
 border-color:#49aaf2;
 border-style: solid;
 border-width:1px;
 font-size:1em;
 color:#777777;
 background-color:#ffffff;
 }
 
 .contenitore_prod a {
 font-size:1.2em;
 color:#777777;
 }
 
 .contenitore_prod a:hover{
 color:#333333;
 }
 
 .contenitore_prod img {
 max-width:170px;
 max-height:170px;
  display:block;
  margin-bottom:5px;
  margin-top:5px;
  margin-left:auto;
  margin-right:auto;
 }
 
 .header_prod {
 height:200px;
 }
 
 .testo_prod span {
 height:7em;
 overflow: hidden;
 display: block;
 margin-bottom:0;
 margin-top:1em;
 }
 
 
.testo_prod p {
 height:3.6em;
 overflow: hidden;
  display: block;
  margin-bottom:0;
 }

 
.link_prod i {
   display: block;
   float:right;
 font-size:2.5em;
 color:#336680;
  margin-bottom:0;
  margin-top:0.5em;
}

 
.favor_prod button  {
   border: 0px;
   float:right;
   background:#ffffff ;
   z-index:3;
}

.favor_prod .giallo i {
  color:#CEB517;
}


#prodottoscheda{
display:block; 
width:100%; 
float:left;
} 


#prodotto{
 display:block;	
 float:left;
 padding:10px; 
 }



#prodotto p {
 font-size:1.4em;
 color:#777777;
 }
 
 #prodotto h2 {
 color:#777777;
 font-weight:normal;
 font-size:1.8em;
 }
 
 #tabellafiglio {
 display:block;	
 width:100%;
 font-size:1.2em;
 color:#777777;
 border-collapse: collapse;
 border: 1px solid #dddddd;
 margin-bottom:20px;
}
 #tabellafiglio table {
 display:block;	
 width:100%;
 }
 #tabellafiglio td {
  vertical-align:top;
  text-align:center; 
  padding:4px; 
 }

 #tabellafiglio th {
  padding:4px; 
  text-align:left; 
 }


 #tabellafigliocaratt table tr {
  border: 1px solid #dddddd;
 }

 #tabellafiglioprezzi table  {
  border: 1px solid #dddddd;
  width:100%;
  font-size:1.1em;
 }
  #tabellafiglioprezzi td  {
   text-align:center; 
  padding:4px; 
 }
 
 #tabellafiglioprezzi td hr  {
  color:#fefefe;
 }
 
  #tabellafiglioprezzi tr:nth-child(even) {
  background-color: #ffffff;
  }

.btnfiglio i {
 vertical-align: 0em;
 margin-top:0.2em;
}

 #tabelladocpdf {
  width:70%;
  margin-bottom:20px;
  min-width:400px;
 }
 
 #tabelladocpdf img {
   display:block;
   float:left;
   width:30px;
   margin:2px;
   height:21px;
   border: 1px solid #dddddd;
 }
 
 
 #tabelladocpdf table {
 width:100% ;
 font-size:1.2em;
 color:#777777;
 border-collapse: collapse;
 }
 
  #tabelladocpdf tr:nth-child(odd) {
  background-color: #f6f6f6;
  }

  #tabelladocpdf td {
  text-align:left;
  border: 1px solid #dddddd;
  padding:6px; 
  }
 
  
 #tabelladocpdf th {
  text-align:center;
  color:#333333;
  padding:6px; 
  background-color: #eeeeee;
  border: 1px solid #dddddd;
 }
 
  #tabelladocpdf a , #tabelladocpdf a:visited {
  color:#666666;
 }
 
#tabelladocpdf a:hover {
  color:#333333;
  font-weight:bold;
 }
 
 
 #tabellacaratteristiche {
 display:block;	
 width:100%;
 margin-bottom:20px;
 }
 
 #tabellacaratteristiche table {
 width:100% ;
 font-size:1.2em;
 color:#777777;
 border-collapse: collapse;
 }
 
 #tabellacaratteristiche tr {
 border: 1px solid #dddddd;
 }
 
  #tabellacaratteristiche tr:nth-child(even) {
  background-color: #f6f6f6;
  }
 
  #tabellacaratteristiche tr#figlioselezionato   {
   background-color: #f8d7da;
  color:#333333;
  font-weight:bold;
 }
 
 #tabellacaratteristiche td {
  text-align:center;
  border: 1px solid #dddddd;
 
  }
 
  
 #tabellacaratteristiche th {
  text-align:center;
  color:#333333;
  padding:6px; 
  border: 1px solid #dddddd;
 }
 
  #tabellacaratteristiche a , #tabellacaratteristiche a:visited {
  color:#333333;
 }

  #tabellacaratteristiche a:hover {
  color:#000000;
  font-weight:bold;
 }
  
 #accessori {
 display:block;	
 width:95%;
 padding:10px;
 text-align:center;
 }

 #correlati {
 display:block;	
 width:95%;
 padding:10px;
 text-align:center;
 }
 
 #alternativi {
 display:block;	
 width:95%;
 padding:10px;
 text-align:center;
 }

 
 #altritag {
 display:block;
 padding:10px;
 text-align:center;
 float:right;
 }
 
 #altritag a {
 display:block;
 text-align:center;
 float:left;
 color:#666666;
 padding:6px;
 margin: auto 2px;  
 border: 1px solid #dddddd;
 border-radius:3px;
 font-size:1.4em;
 }
 
 #altritag a:hover {
 color:#333333;
 font-size:1.5em;
 background-color: #f6f6f6;
 }
 
 
 #altritasso {
 display:block;
 padding:10px;
 text-align:center;
 float:left;
 }
 
 #altritasso a {
  color:#777777;
 }
 
 #altritasso a:hover {
  color:#333333;
 }
 
 #altritasso table {
 width:95% ;
 font-size:1.2em;
 color:#777777;
 border-collapse: collapse;
 }
 
  #altritasso tr {
 border-top: 1px solid #dddddd; 
 border-bottom: 1px solid #dddddd;
 }
 
  #altritasso tr:nth-child(even) {
  background-color: #f6f6f6;
  }
  
  #rigarossa a {
  color: #333333;
  font-weight:bold;
  } 
 
   #altritasso td {
  text-align:left;
   padding:6px; 
  }
 
 #leftprod{
 float:left;
 display:block; 
 margin-top:20px;
 margin-bottom:40px;
 padding:10px;
 border-color:#dddddd;
 border-style: solid;
 border-width:3px;
 }
 
  #leftprodh{
 display:block; 
 height:390px;

 }
 
 
  .foto_leftprod img {
  max-width:390px;  
  max-height:390px;
  display:block;
  margin-left:auto;
  margin-right:auto;
 
 }
 
#barracomandi{
 display:block ;
 float:left; 
 width:100%;
 height:30px ;
 
}

.Slides360 {display:none;}

#barraimg360 , #barradocpdf {
 display:block ;
 float:left; 
 margin:0 0.5em;
 padding:0.25em;

}

#barraimg360 i , #barradocpdf i {
 vertical-align:-0.2em;
}

.barraslideshover{
  position: absolute;
  z-index: 1;
  top: -470px ;  
  left: -16px;
  width:450px;  
  height:450px;
  background-color:#ffffff;
  padding:6px; 
  opacity:0; 
  transition: opacity 0.5s ease;
 border-color:#dddddd;
 border-style: solid;
 border-width:3px;
}

#barraslides360 img {
  width:100%;  
  max-height:410px;
 
}



#barraimg360:hover + .barraslideshover {
  display:block ; 
  opacity: 1; 
} 
 
.w3-hide_w3-show{  
 display:block;
} 
 
.w3-hide{  
 display:none;
} 


 
 #rightprod{
 float:right;
 display:block; 
 width:250px;    /* dim */
 min-height:260px;
 margin-top:20px;
 margin-bottom:60px;
 padding:10px;
 border-color:#dddddd;
 border-style: solid;
 border-width:1px;
 font-size:1.2em;
 color:#777777;
 }
 
  
#tastocarrello{
 display:block; 
 margin-left:auto;
 margin-right:auto;
 position:relative;
 bottom:10px;
 padding:10px;
 border-radius:3px;
 font-size:1.2em;
 color:#ffffff;
 background-color: #336680;
 text-align:center;
 }
  
.bottonecarrello  {
 display:block; 
 margin-right:2px;
 float:right;
 height:38px;
 width:38px;
 border-radius:3px;
 background-color: #336680;
 }
	
.qtacarrello  {
 display:block; 
 float:left;
 margin-top:8px;
 margin-bottom:2px;
 margin-left:6px;
}	

.btncarrello {
 vertical-align:-1.1em;
}

.btncarrello i {
 font-size:1.6em;
 vertical-align:-0.1em;
}

.qtacarrello input[type="number"] {
  width: 48px;
  padding: 2px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size:1.1em;
  text-align:center;

}


.figlioprezzo {
	padding:0;
	border:0 solid;
}

.figlioprezzo table {
	border:0 solid;
}

.figlioprezzo td {
	width:50%;
	padding:2px;
	margin:0 ;
 }
.figlioprezzo tr {
    margin:0 ;
    background-color: #ffffeb;
 }

.figlioprezzo tr:nth-child(even) {
  
  }


.imgfiglio img {
    max-width:120px ;
    max-height:60px ;
 }

/* REGISTRAZIONE ********************************************/ 

 .bandierina {
   width:30px; 
   display:block;
   float:right;
   margin-right:40px; 
 }


#registrazione{
    font-size:1.2em;
    color:#333333;
    text-align:center; 
    margin:0 auto;
    display:block;
    max-width:950px;
    padding:10px; 

}
#registrazione a, #registrazione a:visited {
   text-decoration:none ;
   color:#333333;
} 

#registrazione table {
  margin:0 auto; 
  border-collapse: collapse;
  width:96% ;
} 

#registrazione p {
    margin:2px; 
} 


#registrazione td {
  padding:0; 
  min-width:70px;
  text-align:left ; 
} 

#registrazione .btn {
  margin:20px auto;
} 

#reg {
    background-color: #ffffeb;
    border-radius: 10px;
    margin:20px auto;
    display:block;
    width:100%;  
    padding:10px;
    border:1px solid #dddddd;
    box-shadow: 5px 5px #999999; 
} 

#reg0 {
    background-color: #ffffeb;
    border-radius: 10px;
    margin:20px auto;
    display:block;
    width:100%;  
    padding:10px;
    border:1px solid #dddddd;
    box-shadow: 5px 5px #999999;  
}

#reg1 {
    background-color: #d3ecd9;
    border-radius: 10px;
    margin:20px auto;
    display:block;
    width:100%;  
    padding:10px;
    border:1px solid #dddddd;
    box-shadow: 5px 5px #999999;  
} 

#regrigheverdi {
    background-color: #d3ecd9;
    border-radius: 10px;
    margin:20px auto;
    display:block;
    width:100%;  
    padding:10px;
    border:1px solid #dddddd;
    box-shadow: 5px 5px #999999;
    text-align:center; 
} 

 
#regrigheverdi td {
    text-align:center;
    vertical-align:middle;   
} 

#regrigheverdi a  {
  color: #333333;
} 


#reg2 {
  background-color: #cbeaff;
   border-radius: 10px;
    margin:20px auto;
    display:block;
    width:100%;  
    padding:10px;
    border:1px solid #dddddd;
    box-shadow: 5px 5px #999999;  
    
} 

#reg3 {
    background-color: #f8d7da;
    border-radius: 10px;
    margin:20px auto;
    display:block;
    width:100%;  
    padding:10px;
    border:1px solid #dddddd;
    box-shadow: 5px 5px #999999;  
} 

#reg4 {
    background-color: #ffffeb;
    border-radius: 10px;
    margin:20px auto;
    display:block;
    width:100%;  
    padding:10px;
    border:1px solid #dddddd;
    box-shadow: 5px 5px #999999;      
} 


#ProgressBar  {
    background-color: #666666;
    display:block;
    width:160px;
    height:40px;
} 

.foto_bianca  {
   background:#ffffff ;
   display:block;
   width:128px;
   height:60px;
   float:left;
   padding:0;
   border-radius:6px;
   margin-right:4px; 
 }

.foto_bianca img {
    max-width:120px ;
    max-height:60px ;
    margin:0 auto;
     display:block; 
 }



 
/* fine  REGISTRAZIONE  ********************************************/ 

/*CARRELLO ********************************************/	
 
 #carrello, #carrello a , #carrello a:visited {
    font-size:1.2em;
    color:#666666;
    border-collapse:collapse; 
    display:block; 
 } 

 #carrello h2 {
    font-size:1.2em;
    margin:0 0 0.5em 0 ; 
 } 

 #carrello select {
    font-size:1em;
    background-color:#ffffff;
    color:#666666;
    border-collapse: collapse;
    border: 1px solid #dedede;
    min-width:200px;
    padding:4px;
     
 } 


 #carrellorighe {
 
 }
 
 
 #carrellorighe table {
 width:100% ;
 color:#777777;
 border-collapse: collapse;
 }
 
 #carrellorighe tr {
 border: 1px solid #999999;
 background-color:#d3ecd9;
 }
 
  #carrellorighe tr:nth-child(even) {
  background-color: #d0e6d4;
  }
 
 
 #carrellorighe td {
  text-align:center;
  border: 1px solid #999999;
  padding:0.5em;  
  }
 
 #bianca {
 background-color:#ffffff ;
 }

 .cellabianca {
 background-color:#ffffff ;
 }


 #grigino {
 background-color:#efefef;
 }

  
 #carrellorighe th {
  text-align:center;
  color:#333333;
  padding:0.5em; 
  border: 1px solid #999999;
  background-color:#d9d9d9;
 }

.foto_carrello {
   background-color:#ffffff ;
   display:block;

   margin:0 auto; 
   padding:0;
 }


 #carrellospedi {
 display:block;	
 border: 1px solid #999999;
  margin-top:6px;
  padding:9px 0px;
  min-height:634px ; 
 }
 
 #carrellospedi i {
  font-size: 12px; 
  margin-right:4px ;
  vertical-align: -1px;
 }
 
 #carrellototali {
 display:block;	

 }
 
 #carrellopaga {
 display:block;	
 border: 1px solid #999999;
  margin-top:6px;
 
  padding:0;
  
  min-height:652px ;
  background-color:#d3ecd9;
 }

 #carrellosceglipaga {
 display:block;	
 width:98%;
 margin:0;
 padding:1%;
 padding-top:9px;
 background-color:#ffffff;
 min-height:361px;
 }

 #carrellopagamenti {
 display:block;	
 margin-top:6px;
 padding:0px;
 min-height:145px;
 }  
 
 .paga-non-selezionato {
 display:block;
 float:right;	
 margin:3px;
 padding:3px 6px;
 background-color:#ffffff;
 color:#666666;
 border: 1px solid #666666;
 border-radius:6px;
 position:relative;
 } 
 
.paga-non-selezionato .mostrahoveryy {
  visibility: hidden;
  
  color:#333333;
  background-color:#ffffeb;
  padding:6px; 
  opacity: 0; 
  transition: opacity 0.5s ease-out;
  border:1px solid #666666;
  text-align:center; 
  
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}


.paga-non-selezionato:hover .mostrahoveryy {
  visibility: visible;
  opacity: 1;
}
 
 
 
 
 
 .paga-non-disponibile {
 display:block;
 float:right;	
 margin:3px;
 padding:3px 6px;
 background-color:#ffffff;
 color:#dddddd;
 border: 1px solid #dddddd;
 border-radius:6px;
 position:relative;
 } 
 
 
 
.paga-non-selezionato:hover {
  background-color:#e6eceb;
  color:#666666;
 }
 

 .paga-selezionato {
 display:block;
 float:left;	
 margin:3px;
 padding:4px 8px;
 color:#666666;
 background-color:#d3ecd9;
 border: 1px solid #333333;
 border-radius:6px;
 font-weight:bold;
 } 


 #carrelloindirizzi {
 display:block;	
 margin:0;
 padding:0;
 }  
 
 .spedi-non-selezionato {
 display:block;
 margin:3px 0;
 padding:3px 6px;
 background-color:#ffffff;
 color:#999999;
 border: 1px solid #999999;
 border-radius:6px;
 width:98%;
 position:relative;
 } 
 
  .spedi-non-selezionato:hover {
  background-color:#e6eceb;
  color:#666666;
 }
 
.spedi-non-selezionato .mostrahoveryy {
  visibility: hidden;
  
  color:#333333;
  background-color:#ffffeb;
  padding:6px; 
  opacity: 0; 
  transition: opacity 0.5s ease-out;
  border:1px solid #666666;
  text-align:center; 
  
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 30%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}



.spedi-non-selezionato:hover .mostrahoveryy {
  visibility: visible;
  opacity: 1;
}
 
 
 
 
 .spedi-selezionato {
 display:block;
 margin:3px 0;
 padding:3px 6px;
 color:#666666;
 background-color:#d3ecd9;
 border: 1px solid #333333;
 border-radius:6px;
 width:98%;
 } 

.spedifatturato {
 display:block;
 margin:3px 0;
 padding:4px 8px;
 color:#666666;
 background-color:#cbeaff;
 border: 1px solid #333333;
 border-radius:6px;
 width:90%;
 } 

.spediaddindi {
 display:block;
 margin:3px 0;
 padding:4px 8px;
 color:#666666;
 border: 1px solid #999999;
 border-radius:6px;
 width:90%;
}

.spediaddindi  input[type="text"] {
  width:97%;
  border: 1px solid #aaaaaa; 
}


 #carrellonota {
 display:block;	
 width:98%;
 border-top: 1px solid #999999;
 margin:0;
 padding:1%;
 background-color:#d3ecd9;
 
 }

 #carrellonota textarea {
 width:98%;
 
 }


 #carrellototali table {
  width:100%;
  padding:4px;
  border: 1px solid #999999;
 }
 
 #carrellospese {
 background-color:#d3ecd9;
 font-size:1.2em;
 }
 
 #carrelloimporto {
 background-color:#f8d7da;
  font-size:1.4em;
  font-weight:bold;
 }
 
 #carrellocard {
 background-color:#cbeaff;
 }
 
 #carrellofatturazione {
   display:block;
   float:left;
   min-width:200px ;
   padding-left:9px;
 }
 
  #carrellospedizione {
   display:block;
   float:left;
   min-width:200px ;
 }

  #carrellospedi p {
   margin-top:3px ; 
   margin-bottom:3px ; 
 }

 
 #carrelloconcludi {
  background-color: #336680;
  border-radius:6px;
  padding:8px;
  text-align:center;
  font-size:1.2em; 
 }
 
  #carrelloconcludi button {
  background-color: #336680;
  font-size:1.2em; 
  color:#ffffff;
  border:none;
 }
 #carrelloconcludi button:hover {
  font-weight:bold; 
 }
 
 #carrelloassicurati {
   background-color:#f8d7da;
 }
 
 #carrellocancellatutti  {
   display:block;
   float:left;
   width:30% ;
   min-width:300px;
 }
 
   #carrellocancellatutti span {
  display:block;
   float:left;
 }
 
  #carrellocancellatutti button {
  margin-top:9px;
  margin-right:6px;
 }
   #carrellocancellatutti p {
   display:block;
   float:left;
 }
 
 #carrellospedizionenondisponibili  {
   display:block;
   float:right;
   width:70% ;
   min-width:300px;
   text-align:right;
 }
  
#carrelloimmediato td {
   text-align:center;
   background-color:#d9d9d9;
   border:0; 
 }

#carrelloimmediatoart span, #carrelloimmediatoqta span, #carrelloimmediatotasto span {
      display:block;
      float:left;
      margin-left:1.5em; 
 }

#carrelloimmediatotasto span {
      margin-top:0.5em; 
 }

#immqtacarrello input[type="number"] {
  width: 48px;
  padding: 2px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size:1.1em;
  text-align:center;
}

#immartcarrello input[type="text"] {
  padding: 2px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size:1.1em;
  text-align:center;
}



/*FINE  CARRELLO ********************************************/	

/*VARIE UTIL ********************************************/

#nolinee {
 border:none;
 background:#eee2df ;
 text-align:right;
 }

#rosso td {
 background:#ff9966 ;
 color:#000000 ;
 }

.giallino   {
 background:#ffffeb ;
 }

 	
/*AREA CLIENTI ********************************************/

#headerclienti{
 background:#eee2df ;
 clear:both;
 margin:0 auto;
 width:100%;
 min-height:90px;
 padding:0;
 }

#registrazionearea{
padding:0px; 
display:block;
float:left;
}



#testoclienti{
margin:0;	
display:block;
float:left;
}

#testoclienti h1 i {
  font-size:1.8em;
  color:#999999;
  padding:3px; 
  vertical-align: -6px; 
  margin-right:15px ;  
}

 #testoclienti table {
 width:100% ;
 font-size:1.2em;
 color:#777777;
 border-collapse: collapse;
 }
 
 #testoclienti tr {
 border: 1px solid #dddddd;
 }
 
  #testoclienti tr:nth-child(even) {
  background-color: #f6f6f6;
  }
 
 
 #testoclienti td {
  text-align:center;
  border: 1px solid #dddddd;
  padding:6px; 
  }
 
  
 #testoclienti th {
  text-align:center;
  color:#333333;
  padding:6px; 
  border: 1px solid #dddddd;
 }

 #testoclienti a,  #testoclienti a:visited {
   color:#333333;
 }
 #testoclienti a:hover  {
   color:#000000;
   font-weight:bold;
 }

	
#leftclienti{
 background:#eee2df ;	
 float:left;
 padding:0;
 display:block; 
 padding:0;
 margin:0;
 }
 
 #leftclienti ul{
 padding:0;
 margin:0;
 }
 
 #leftclienti li,  #leftclienti span {
 display:block;
 }
  
 #leftclienti span {
  background:#ffffff ;	
  margin:0;
  padding:8px;
  padding-left:10px;
  font-weight:bold;
 }
 #leftclienti a {
  color:#333333;
  display:block;
  margin:0;
  padding:8px;
 }
 

#leftclienti a:hover {
  color:#ffffff !important;	
  background-color: #bcb0ad;
}
  
#leftclienti a i, #leftclienti span i  {
   font-size:1em;
   color:#333333;
   display:block;
   float:left;
   margin-left:4px ;
   margin-right:8px ;
   margin-top:2px ;
   margin-bottom:0;
}  
  
#leftclienti a i:hover  {
   font-size:1.2em;
   color:#333333;
   display:block;
   float:left;
   margin-left:3px ;
   margin-right:8px ;
   margin-top:1px ;
   margin-bottom:0;
}   

#prof-lista {
   font-size:1.2em;
   color:#333333;   	
   display:block;
   float:left;
   width:100% ;
   margin-left:20px ;
   text-align: center;
}

  
.prof-doc {
   display:block;
   float:left;
   width:200px ;
   height:350px;
   margin:10px ;
   padding:5px; 
}   

.prof-doc h2 {
  height:50px;
  display:block;
  margin:5px auto;
  padding:5px; 
  background-color: #eeeeee;
} 

  
.prof-doc img {
  height:200px;
  display:block;
  margin:5px auto;
}     

#datiordine button {
   display: block;
   float:right;
   margin:0 ; 
}
#datiordine td {
  text-align: left;
  border:0;
  background-color: #ffffeb; 
}
#datiordine table {
  text-align: left;
}

#datiordinerossi td {
   background-color: #f8d7da ; 
    text-align: right;
}

#pvpratica  {
  text-align: left;
  width:100% ;
}  

#pvpratica td {
  padding:6px;
}  

 
/* FINE AREA CLIENTI ********************************************/