body, html {
	background: #EFEFEF;
	font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 12px;
	margin: 0px; padding: 0px
}

.demo_wrapper { width: 100%; margin: 0 auto; }

#principale {background: #EFEFEF}
.bianco { background: #fff; }
.grigio { background: #F9F9F9 }

.bianco img,.bianco iframe, .bianco object, .bianco embed { max-width: 500px }

#logo
{
	background: #F7F7F7;
}

#testo_footer { border-top:20px solid #DFE1C5; background:#EFEFEF }

#testo_footer a
{ color:black; text-decoration: none; font-weight: bold; }

#testo_footer a:hover
{ color: Green; text-decoration: underline; font-weight: bold; }

#cornice_sotto{
width: 530px;
background: url(../img/content-top-right.png) no-repeat top right;
}

.ctt, #contenuto { color:green; text-align: justify; }

#contenuto p {
font-size: 12px;
}

#contenuto h1 {
	font-size: 14px;
}

#maincontent {
	padding: 10px 0px;
}

#maincontent h1 {
	font-size: 14px;
}

.bandierina {
float:left;
margin-top: 5px; 
margin-left: 3px;
margin-right: 3px;
}

.bandierinattiva {
float:left;
margin-top: 5px; 
margin-left: 3px;
margin-right: 3px;
background:url(../img/sottolineatura.png) no-repeat;
background-position: bottom;
}

#lingue
{
background:#F7F7F7;
position:absolute;
width:251px;
margin-left: 16px;
margin-top: -25px;
padding-left: 20px
}        
	     
#sx { 
padding-top: 32px;
padding-left: 15px;
padding-right:22px;
vertical-align: top;
}

#sx ul {
margin-top:-20px;
color:#757373;
font-weight: bold;
font-size: 14px;
list-style: none;
margin-bottom: 20px;
padding-bottom: 4px;
}

#sx ul li{
margin-left: -20px;
padding-left: 26px;
margin-top: 4px;
background: url(../img/vocemenu.jpg) repeat-x #F5EDEB;
}

#sx ul li a {
color:#A5A3A3;
text-decoration: none;
font-size: 12px;
}

.titolo {
padding-bottom: 10px;
padding-top:  10px;
margin-left: -20px;
padding-left: 15px;
background: url(../img/nomemenu.jpg) repeat-x;
}

#select_lingue {
background: #D9EAF4;
}

#cookiepolicy { position:fixed; bottom:0px; padding:10px; left: 0; right: 0; margin:0px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .8); font-size:14px; color:#fff; z-index:99999; display:none; text-align:center; }
#cookiepolicy a { color:#18B6EF }

.mille 	{ width:100%; max-width:95%; display:block; }
.mille2 { width:100%; display:block; }
.bkmt { background:#EFEFEF }

.cubes { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; margin: 30px 0 0 0}

.cube { -webkit-box-shadow: 0px 0px 5px 0px #5F0000; -moz-box-shadow: 0px 0px 5px 0px #5F0000; box-shadow: 0px 0px 5px 0px #5F0000; background:#ffffff; text-align:center; margin:0 15px 15px 0; vertical-align: top; display: inline-block; *display: inline; zoom: 1 }
.cube:hover { }
.cube a { display:block; padding:10px; color:#000000; text-decoration:none; margin:0px; padding:0px; }
.cube img  { max-height:170px; position: relative; margin: 0px auto; transform: scale(1); transition: all 0.3s ease-in-out 0s; height: auto; border:3px solid #ffffff }
.cube img:hover { transform: scale(1.1); -webkit-transform: scale(1.1);  -moz-transform:    scale(1.1);  -ms-transform:     scale(1.1);  -o-transform:      scale(1.1);  transform:         scale(1.1); border:3px solid #5F0000 }

.zerogrid{ width: 100%; position: relative; margin: 0 auto; padding: 0px; font-size:1em; word-spacing:0.2em; }
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .dx{ float:right }

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-10, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-10{width:10%;}
.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}

.zerogrid > img { max-width:100%; height:auto }

iframe { max-width: 100%; }

.cd-top {
  display: inline-block;
  height: 43px;
  width: 43px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(182, 186, 122, 1.0) url('/img/cd-top-arrow.png') no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

@media only screen and (min-width: 950px) and (max-width: 1199px) {
	.zerogrid{width:100%;}
	.mille {width:100%;}
	.ricerca input { width: 120px; font-size:14px; }
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{width:100%;}
	.mille {width:100%;}
	.ricerca input { width: 50px; font-size:14px; }
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }	
}

@media only screen and (max-width: 767px) {
	.zerogrid{width:100%;}
	.mille {width:100%;}
	.ricerca input { width: 50px; font-size:14px; }
	.cube { width:100%; margin:0 0 15px 0; }
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.zerogrid{width:100%;}
	.mille {width:100%;}
	.ricerca input { width: 50px; font-size:14px; }
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }	
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.zerogrid, .cube, .cube2{width:100%;}
	.zerogrid .col-1-3, .zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4{width:50%;}
	.zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	.mille {width:100%;}
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }	
	.bow { margin-left:0px; }
}

@media only screen and (max-width: 479px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6, .cube, .cube2{width:100%;}
	.mille {width:100%;}
	img { max-width: 100% }
	.zerogrid img { max-width: 100%; height:auto !important }	
	select { max-width:150px }
	input { max-width:150px }
	object { max-width:100% }
	iframe { max-width: 100%; height:auto }
	.issuuembed, .issuu-isrendered { max-width:100% }
	.nowi, .phone { display:none }
	.view { display:block }
	.bow { margin-left:0px; }
	
	/* Forza la tabella a non essere piu una tabella */
		table, thead, tbody, th, td, tr { display: block; }
		tr { } 
		td { border: none; display: block; }
		td  h2{ display: block; }
		
		.thumbpro, .testoprodotto { width:100%; display:block; }
}	