/* l'elemento body */

body {
	margin: 0;
	padding: 0;
	color: #423e3a;
	background: #71d1f1 url(i/bg.png) left top repeat-x;
	font: 80% Arial, sans serif;
	text-align: center;
}


/* varie */

div  p {
	margin: 0;
	padding: 0;
}

/* intestazione */
#central {
	width: 1000px;
	margin: auto;
	
}

#container
{ 
width: 100%;
margin:auto; 
margin: 0;
padding:0; 
background:#423e3a;
height:4em; 
line-height:4em;
float: left;
}

#sxc {
	width: 60%;
	float: left;
	text-align: left;
}

#dxc {
	width: 40%;
	float: left;
	
}

#homepage {
	clear: both;
	
}
/* corpo */

#centrato {
	width: 100%;
	float: left;
	
}







#corpo {
	background: #fff;
	margin-left: 90px;
}

#testo {
	float: left;
	width: 94%;
	margin: 2em 3%;
}

#testo2 {
	float: left;
	width: 94%;
	
}

#colonna {
	width: 60%;
	margin: 4em 20%;
	
}

#colonna-a {
	width: 40em;
	float: left;
	
}

#colonna-b {
	margin-left: 42em;
	
}

#colonna-1 {
	width: 35em;
	float: left;
	
}

#colonna-2 {
	margin-left: 36em;
	
}



/* footer */

#footer {
  clear: both;
 
  
}

#sxf {
	float: left;
	width: 40%;
}

#dxf {
	float: left;
	width: 60%; text-align: right;
}

#footer p {
	font-size: 0.8em;
	padding: 10px 0 0 10px;
	
}

#footer a {
	background: transparent;
	color:#000;
	text-decoration: none;
	
}

#foto {
	background: transparent;
	width: 100%;
}


/* prezzi */
.argomento {background:#fff; width:36em;padding:0;margin: 1.5em; float: left;}

.prezzo {
	float: left;
	width: 100%;
	padding-top: 0.4em;
	
}

.prezzo .argsx {
	float: left;
	width: 12em;

}

.prezzo .argdx {
	margin-left: 12em;
}

.zoom {
			display:inline-block;
			float: left;
			
		}
		
		/* magnifying glass icon */
		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }



.qty {
    width: 40px;
    padding: 0.6em 0.3em; 
    text-align: center;
	border:1px solid #ccc;
}
input.qtyplus { padding: 0.6em 0.6em; margin: 1em 0;  background: #8ccec9; border:0;}
input.qtyminus { padding: 0.6em 0.6em; margin: 1em 0; background: #8ccec9; border:0;}




.argomento1 {background:#fff; width:100%;padding:0;margin: 0;}
.argomento1 p { color: #444; font: 2.8em bold Arial,sans serif; text-align: center;}


/* i collegamenti */
a img {
	border: none;
	
}

a:link {
	background: transparent;
	color:#333;
	text-decoration: none;
}

a:visited {
	background: transparent;
	color:#333;
	text-decoration: none;
}

a:hover,a:focus,a:active {
	background: transparent;
	color:#333;
	text-decoration: none;
}

div#nav {
width: 540px;
font-size: 90%;
list-style: none;
margin: 0;
padding: 0;
float: left;
margin-left: -72px;
}

#nav li a.invm {
display: none;
}

div#nav ul ul, div#nav ul {
list-style-type: none;
margin-right: 0;
}

div#nav li li {
width: auto;
float:left;
margin: 0;
padding: 0 5px;
color:#fff;
} 

div#nav a {
display: block;
padding: 6.5px 2px;
text-decoration: none;
color: #fff;
line-height: 20px;
}

div#nav a:hover {
background-color: #423e3a;
color: #fff;
text-decoration: none;
}

div#nav li li ul {display: none}
div#nav li li:hover ul li ul{display: none}
div#nav li li ul li:hover ul {display: none}

div#nav li li ul li {
background: #423e3a;
color: #fff;
text-align: left;
}

div#nav li li:hover ul {
display: block;
position: absolute;
z-index:998;
width:204px;
padding: 0;
margin: 0;
background: #423e3a;
color: #fff;
text-align: left;
}

div#nav li li:hover ul  li:hover ul{
display: block;
position: absolute;
z-index:998;
width:204px;
padding: 0;
margin: -42px 0 0 206px;
background: #423e3a;
color: #fff;
text-align: left;
border-top: 2px solid #9acfc7;
}

div#nav li li li {border-bottom: 1px solid #9acfc7;width: 206px;} 
div#nav li li li li{border-bottom: 1px solid #9acfc7;width: 206px;}

div#nav li li {text-align: right;  background: transparent;}
div#nav li li: hover{text-align: right; background: #423e3a;}
div#nav li li li a {padding: 10px 2px 10px 2px; background: #423e3a; color: #fff}
div#nav li li li ul li a {padding: 10px 2px 10px 2px; background: #423e3a; color: #fff}
div#nav li li li a:hover {padding: 10px 2px 10px 2px; background: #423e3a; color: #fff}
div#nav li li li ul li:hover a {padding: 10px 2px 10px 2px; background: #423e3a; color: #fff}


 



div#shop {
font-size: 90%;
list-style: none;
margin:0; 
padding:0; 
width:320px; 
background:transparent;     float:right;     text-align:right;
}

#shop li a.invm {
display: none;
}

div#shop ul ul, div#shop ul {
list-style-type: none;
margin-right: 0;
}

div#shop li li {
width: auto;
float:left;
margin: 0;
padding: 0 5px;
color:#fff;
} 

div#shop a {
display: block;
padding: 6.5px 2px;
text-decoration: none;
color: #fff;
line-height: 20px;
}

div#shop a:hover {
background-color: #423e3a;
color: #fff;
text-decoration: none;
}

div#shop li li ul {display: none}
div#shop li li:hover ul li ul{display: none}
div#shop li li ul li:hover ul {display: none}

div#shop li li ul li {
background: #423e3a;
color: #fff;
text-align: left;
}

div#shop li li:hover ul {
display: block;
position: absolute;
z-index:998;
width:204px;
padding: 0;
margin: 0;
background: #423e3a;
color: #fff;
text-align: left;
}

div#shop li li:hover ul  li:hover ul{
display: block;
position: absolute;
z-index:998;
width:204px;
padding: 0;
margin: -42px 0 0 206px;
background: #423e3a;
color: #fff;
text-align: left;
border-top: 2px solid #9acfc7;
}

div#shop li li li {border-bottom: 1px solid #9acfc7;width: 206px;} 
div#shop li li li li{border-bottom: 1px solid #9acfc7;width: 206px;}

div#shop li li {text-align: right;  background: transparent;}
div#shop li li: hover{text-align: right; background: #423e3a;}
div#shop li li li a {padding: 10px 2px 10px 2px; background: #423e3a; color: #fff}
div#shop li li li ul li a {padding: 10px 2px 10px 2px; background: #423e3a; color: #fff}
div#shop li li li a:hover {padding: 10px 2px 10px 2px; background: #423e3a; color: #fff}
div#shop li li li ul li:hover a {padding: 10px 2px 10px 2px; background: #423e3a; color: #fff}


#modulo {width: 98%; padding: 0; text-align: left;}
#modulo fieldset {float:left;width:100%; margin: 0;padding: 0; border: 0; background: transparent;}
#modulo legend{font: normal 180% Arial,sans-serif;color: #888; margin: 0 0 0 0;}
#modulo legend.dopo {margin: 1em 0 0.5em 0 }
#modulo fieldset div{float:left;width:98%; background: transparent; padding: 2px 0; font: normal 14px/25px Arial, sans-serif; color: #000;}
#modulo fieldset input, textarea, select {border: 1px solid #ccc;}
#modulo fieldset textarea.post {width:100%; height: 200px;}
#modulo fieldset input.white {width:auto; border: 0;}
#modulo fieldset input.subject {width:100%;}
#modulo label{float:left;width:200px; display: inline;}
#modulo label.legal{display:block; clear: left; width: 100%;}
#modulo div.form-button input {font-weight: bold; padding: 0.3em; margin: 1em 0; background: #9acfc7; width:140px; border: 0; text-align:center;}
.buttona input {font-weight: bold; padding: 0.3em 0.1em; margin: 0.2em 1em; background: #9acfc7; width:70px; border: 0; text-align:center; float: left;}
.buttonb {font-weight: bold; padding: 0.45em 0.1em; margin: 0.2em 0; background: #9acfc7; width:70px; border: 0; text-align:center; float: left;}
.buttonb a {color: #000;}
#modulo div.form-button2 {padding: 1em; border: 0; text-align:center;}
#modulo div.form-button2 select {padding: 0.6em; border: 0;border:1px solid #ccc;}
#modulo div.form-button2 input.button {font-weight: bold; padding: 0.6em 0.3em; margin: 1em 0; background: #8ccec9; width:140px; border: 0; text-align:center;}





/* formattazione */

blockquote {
	font-size: 14px/25px;

}

p {
	font-size: 1em;
	text-align: justify;
	line-height: 1.6em;
}

p.titolo {
font-size: 1.4em;
color: #000;
font-variant: small-caps;
font-weight: bold;
border-bottom: 1px solid #8ccec9;
padding: 1em;
}

p.tcenter {
font-size: 1.4em;
color: #000;
font-variant: small-caps;
font-weight: bold;
border-bottom: 1px solid #8ccec9;
padding: 1em;
text-align: center;
}

p.prezzo {
font-size: 1.6em;
color: #000;
font-weight: bold;
padding: 1em 1em 0 1em;
}

p.descrizione {
font-size: 1.1em;
color: #333;
padding: 1em;
}

p.taglie {
font-size: 0.9em;
color: #333;
font-weight: bold;
padding: 1em 1.3em;
}

p.azzurro{
font-size: 0.8em;
color: #3383b5;
padding: 1em;
text-align: right;
font-weight: bold;
}

pre {
	margin: 10px 0;
	background: #888;
	padding: 5px;
	font-size: 14px;
	width: 320px;
	font-size: 14px/25px;
	text-align: justify;
	line-height: 1.6em;
	font-family: Impact, sans serif;
}

h1 {
font: normal 180%/1.3 Arial,sans-serif;
color: #888;
line-height: 2em;
}

h2 {
font-size: 1.4em;
color: #000;
}

h3 {
font-size: 1.0em;
color: #000;
}

h4 {
font-size: 0.8em;
color: #000;
}

p.mini {
	text-align: left;
	font-size: 1em;
}


p.center {
	text-align: center;
	
}

p.hcenter {
	text-align: center;
	font-size: 1.4em;
	color: #000;
	padding: 1em 1em;
}

p.right {
	text-align: right;
	
	
}


strong {
	font-weight: bold;
	
}

em {
	font-style: normal;
}


/* immagini */

img {
     max-width: 100%;
	 vertical-align: middle;
}



div.galleries {
     max-width: 33.333%;
	 float: left;
	 text-align: center;
	 
}

a.hovertext {
    position: relative;
    width: 100%;
    text-decoration: none !important;
    text-align: center;
  }
  a.hovertext:after {
    content: attr(title);
    position: absolute;
    right: 10px;
    bottom: -80px;
  background: #fff;
	  padding: 0.5em 20px;
    width: 40px;
    text-decoration: none !important;
    color: #333;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
  }
  a.hovertext:hover:after, a.hovertext:focus:after {
    opacity: 1.0;
  }
  

.back {
	z-index: 100;
	position: absolute;
	right: 20px;
	background: #fff;
	padding: 10px;
	top: 10px;
	font-size: 300%;
}


img.float {
     float: left;
	 margin: 0 10px 5px 0;
}

img.big {
     float: left;
	 width: 35em;
	 border: 0.1em solid #ccc;
	 border-left: 0;
	 border-bottom: 0;
}

img.little{
     width: 14.9em;
	 margin: 0 0.5em 0.5em 0;
}



/* liste */

#colonna-1 ul li, #colonna-1 ol li, #colonna-2 ul li, #colonna-2 ol li {
	font-size: 14px/25px;
	text-align: justify;
	line-height: 1.6em;
	color: #000;
	margin-left: 15px;
	padding-left: 10px;
}

/* tabelle */

table {
	width: 100%;
	background: transparent;
	border: 0;
	border-collapse: collapse;
	clear: left;
	color: #333;
}

th {
	border: 1px solid #eee;
	text-align: center;
	background: transparent url(i/sfondo_thead.jpg) repeat-x bottom center;
	border: 1px solid #ccc;
	border-collapse: collapse;
}



caption {
	text-align: right;
	font-weight: bold;
	
}

thead {
	background: #fff;
	width: 100%;
}


td, td p {
	border: 0;
	background: #fff;
	border-collapse: collapse;
}

td.sinistra {
	border: 0;
	text-align: left;
	background: #fff;
	border-collapse: collapse;
	width: 30em;
}

td.center {

	text-align: center;

	
}

td.center2 {

	width: 180px;

	
}

.table_img {
	float: left;
	width: 25%;
	margin-top: 0.4em;
}

.table_desc {
	float: left;
	width: 25%;
	margin-top: 0.4em;
}

.table_qta {
	float: left;
	min-width: 10%;
	margin-top: 0.4em;
}

.table_tot {
	float: left;
	min-width: 10%;
	margin-top: 0.4em;
}

.table_bt {
	float: left;
	min-width: 30%;
	margin-top: 0.4em;
}

.totale {
	clear: left;
	width: 100%;
}


#up {
	width: 100%;
	background: #fff;
	float: left;
	
}

#fascia {
	width: 100%;
	margin: auto;
	
}

#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}