#cmappa{
	background-color: #23221e;
}

#stanga{
	height: 400px;
	background-color: #23221e;
}
.bxslider LI
{
	padding: 0;
}

.barrettaLIS {
	width: 49%;
 border-bottom: 50px solid #2e3192 ;
 border-left: 15px solid #2e3192;
 border-right: 50px solid transparent;
 padding-right: 20px;
	color: #e5e6e5;
	font: 1.20em 'EB Garamond', serif;
	line-height: 2.7;
	vertical-align: middle;
	height: 0;
	text-transform: uppercase;
}                
                
#scheda{
	background-color: #23221f;
}
h4{
	font: 1.5em/1em 'Titillium Web', sans-serif;
	font-variant: small-caps;
	text-align: left;
	color:#C4C4C3;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 1%;
	text-transform: capitalize;
}

h5{
	font: 1.3em/1.1em 'Titillium Web', sans-serif;
	font-variant: small-caps;
	text-align: left;
	color: #8f8671;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 1%;
	text-transform: capitalize;
}
p{
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 1%;
	font-size:1.1em;
	line-height:22px;
	text-align:justify;
	color:#C4C4C3;
	font-family:'Titillium Web', sans-serif;
}
#crediti {
	position:relative;
	width:100%;
	height:45px;
	background-color:#403B30;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#provincia {
	position:relative;
	width:100%;
	height:125px;
	background-color:#FFFFFF;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding-top:10px;
}

#h-info {
	background-color:#41210C;
	background-image:url(../images/800info.jpg);
	background-position:100% 0px;
	background-position-x:100%;
	background-position-y:0;
}

#h-mangiare {
	background-color:#723A2A;
	background-image:url(../images/800mangiare.jpg);
	background-position:100% 0px;
	background-position-x:100%;
	background-position-y:0;
}

#h-prodotti {
	background-color:#54774E;
	background-image:url(../images/800prodotti.jpg);
	background-position:100% 0px;
	background-position-x:100%;
	background-position-y:0;
}

#h-interculture {
	background-color:#8A623C;
	background-image:url(../images/800interculture.jpg);
	background-position:100% 0px;
	background-position-x:100%;
	background-position-y:0;
}

#h-infiorata {
	background-color:#B29B2E;
	background-image:url(../images/800infiorata.jpg);
	background-position:100% 0px;
	background-position-x:100%;
	background-position-y:0;
}

#h-eventi {
	background-color:#403b31;
	height:103px;
	background-image:url(../images/800eventi.jpg);
	background-position:100% 0px;
	background-position-x:100%;
	background-position-y:0;
}

#h-paese {
	background-color:#988676;
	height:103px;
	background-image:url(../images/800paese.jpg);
	background-position:100% 0px;
	background-position-x:100%;
	background-position-y:0;
}

#h-monumenti {
	background-color:#B17C3E;
	background-image:url(../images/800monumenti.jpg);
	background-position:100% 0px;
	background-position-x:100%;
	background-position-y:0;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
}

#h-virtual {
	background-color: #e37f09;
	background-image: url(../images/800virtual.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	background-position-x:100%;
	background-position-y:0;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
}

#h-drone {
	background-color: #0b5235;
	background-image: url(../images/800drone.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	background-position-x:100%;
	background-position-y:0;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
}

#occhiello {
	position:relative;
	width:100%;
	height:32px;
	background-color:#403B30;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	background-image:url(../images/occhiello.png);
	background-position:95% 50%;
	background-position-x:95%;
	background-position-y:50%;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	border-top:5px solid #AF7A43;
}

#headcomune {
	position:relative;
	width:100%;
	height:175px;
	background-color:#C0B49B;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.punto{
	width: 60px;
	background: url(../images/punto.png) no-repeat 0 0;
	height: 60px;
	position: relative;
	left: 60px;
	text-align: center;
	color: #ffffff;
	vertical-align: middle;
	font-size: 1.5em;
	top: -10px;
	float: left;
	font-weight: bold;
	line-height: 50px;
}

.VrT{
	width: 50px;
	padding-right: 5%;
	margin-top: 10px;
}

li {
	text-align:left;
	padding-left: 4%;
	padding-top: 3%;
	border-top:3px solid #FFFFFF;
	overflow: hidden;
	vertical-align: middle;
}
	
.acapo{
	position: relative;
	left: 3%;
	float: left;
	text-align: left;
	/*vertical-align: middle;*/
	padding-bottom: 30px;
	width: 80%;
		margin-top: 9px;
	}

ol {
	list-style-position:inside;
	list-style-type:none;
	color:#E6E6E6;
	font-family:'Titillium Web', sans-serif;
	font-weight:lighter;
	font-size:1.5em;
}

* {
	text-align:center;
	margin:0;
	padding:0;
}
h6 {
	color:#E6E6E6;
	text-align:left;
	padding-top: 1%;
	padding-bottom: 1%;
	font: 2.1em/1em 'Titillium Web', sans-serif;
	padding-left: 1%;
}
:hover {
}

body {
	background-color:#333333;
	font-family:'Titillium Web', sans-serif;
	width: 800px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.accordion {
	overflow:hidden;
	width:100%;
	height:103px;
	-webkit-transform:translate3d(0px, 0px, 0px);
	transform:translate3d(0px, 0px, 0px);
	-o-transform:translate3d(0px, 0px, 0px);
	-ms-transform:translate3d(0px, 0px, 0px);
	-moz-transform:translate3d(0px, 0px, 0px);
	-webkit-transition-property:height;
	transition-property:height;
	-o-transition-property:height;
	-ms-transition-property:height;
	-moz-transition-property:height;
	-webkit-transition-duration:0.8s;
	transition-duration:0.8s;
	-o-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	transition-timing-function:initial;
	-webkit-transition-timing-function:initial;
	-o-transition-timing-function:initial;
	-ms-transition-timing-function:initial;
	-moz-transition-timing-function:initial;
	transition-delay:initial;
	-webkit-transition-delay:initial;
	-o-transition-delay:initial;
	-ms-transition-delay:initial;
	-moz-transition-delay:initial;
	background-color:#23221F;
}

.accordion header {
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-origin:initial;
	background-clip:initial;
	background-size:initial;
	height:103px;
	text-align:left;
	width:100%;
	display:table;
	padding-left:4%;
}

.accordion.opened header {
	background-image:url(../img/arrows.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:253px 23px;
	background-position-x:253px;
	background-position-y:23px;
	background-origin:initial;
	background-clip:initial;
	background-color:#FF8000;
	background-size:initial;
}

header img, header h3 {
	display:table-cell;
	vertical-align:middle;
}

header img {
	opacity:0.5;
	width:400px;
	height:103px;
	margin:0px auto 0px auto;
}

header h3 {
	font: 2.1em 'Titillium Web', sans-serif;
	color:#E6E6E6;
	text-align:left;
	padding-top:0;
	padding-bottom:0;
	line-height:1em;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	margin-right:0;
	width:100%;
}

.accordion .content {
}

.accordion .content p, .accordion .content a {
	font-size:1.1em;
	line-height:22px;
	text-align:justify;
	color:#C4C4C3;
	font-family:'Titillium Web', sans-serif;
}

.accordion .content p {
	margin:0px 0px 10px 0px;
}

.accordion .content a {
	text-decoration: none;
	text-align:center;
	padding:8px 0px 0px 0px;
}
#comunel{
		  position: relative;
		  top: -5px;
	  }
@media all and (max-width: 3200px) and (min-width: 1024px) {
  body {
    
    width: 1024px;
  }
  .punto{
  	left: 104px;
  	 top: -14px;
  	position: relative;
  }


}

@media all and (max-width: 1023px) and (min-width: 768px) {
  body {
    
    width: 768px;
  	
  }


}

@media all and (max-width: 767px) and (min-width: 640px) {
  body {
       width: 640px;
  }

  .punto{
  	left: 34px;
  	 top: -8px;
  	position: relative;
  }
  #doppia{
  	position: relative;
  	top: 2px;
  }

}

@media all and (max-width: 639px) and (min-width: 520px) {
  body {
 
    width: 520px;
  }
 
header.barre{
	width: 650px;
}
    .punto{
    	position: relative;
    	 left: 12px;
    	 top: 0;
    }
    .acapo{
		text-align: left;
    	 padding-top: 16px;
    	  position: relative;
    	  left: -1px;
     }
     #doppia{
     	position: relative;
     	top: 12px;
     }
     #headcomune {
     	
     	height: 170px;
     	
     }

     }

@media all and (max-width: 519px) and (min-width: 460px) {
  body {
    
    width: 460px;
  }

 header.barre{
 	width: 620px;
 }
  #comunel{
  	width: 370px;
	  position: relative;
	  top: -5px;
  }
  .punto{
  	position: relative;
  	 left: 4px;
  	 top: 2px;
  }
  .acapo{
  	font-size: 0.9em;
  	 text-align: left;
  	 padding-top: 16px;
  	  position: relative;
  	  left: -1px;
   }
  #doppia{
  	position: relative;
  	top: 13px;
  }
  #d480{
  	position: relative;
  	top: 13px;
  }
  #headcomune {
  	
  	height: 160px;
  	
  }

  }


@media all and (max-width: 459px) and (min-width: 400px) {
  body {
   
    width: 400px;
  }

 header.barre{
 	width: 590px;
 }
 #comunel{
 	width: 330px;
	 top: -5px;
	 position: relative;
 }
 .punto{
 	position: relative;
 	 left: 4px;
 	 top: 3px;
 }
 .acapo{
 	font-size: 0.9em;
 	 text-align: left;
 	 padding-top: 16px;
	  position: relative;
	  left: -1px;
 	width: 340px;
 }
#doppia{
	position: relative;
	top: 13px;
}
#d480{
	position: relative;
	top: 13px;
}
#headcomune {
	
	height: 150px;
	
}

}


@media all and (max-width: 399px) and (min-width: 10px) {
  body {
    
    width: 320px;
  }
 
  header.barre{
  	width: 540px;
  }

 #comunel{
 	width: 290px;
	 top: -5px;
	 position: relative;
 }
 .punto{
 	position: relative;
	 left: 10px;
	 top: 4px;
 }
 #doppia{
 	position: relative;
 	top: 15px;
 }
 
 #d320{
 	position: relative;
 	top: 15px;
 }
 #d480{
 	position: relative;
 	top: 15px;
 }
 .acapo{
 	font-size: 0.8em;
	 text-align: left;
	 padding-top: 16px;
	 width: 230px;
 }
 li{
 	padding-left: 0;
 }  
 #headcomune {
 	
 	height: 135px;
 	
 }

 }