body{background-color:#FFF;color:#000}
img{max-width:100%;height:auto}
/*form{margin-left:auto;margin-right:auto;width:50%;border:1px solid red}*/
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: underline}
a:active {text-decoration: underline}
figcaption {text-size:10px}
p{font-family: 'Titillium Web',sans-serif;text-align:left;text-indent:0px;line-height:20px
text-align:left;text-indent:0px;line-height:20px}
h1{font-family:'Permanent Marker',cursive;font-size:30px;color:#000;text-align:left;text-shadow:1px 1px 1px grey;}
h2{font-family:'Permanent Marker',cursive;font-size:20px;text-align:left}
h4{font-family:'Permanent Marker',cursive;font-size:20px;text-align:left}
img{padding:0px 0px 0px 0px}
.contenitore{width:90%;margin:auto}
.sx,.centro{float:left;width:50%;border:0px solid red;text-align:center}
.dx{overflow:hidden;width:auto;border:0px solid green;text-align:center}
.footer{text-align:center}

#wrapper 		{width: 960px;margin: 0 auto}
#header 		{width: 920px;float:left} 
#mainmenu		{width: 100%;float:left;background:#000;}
#main 			{width: 920px;float:left}
/*** Menu ***/
#mainmenu ul 		{margin: 0px 0 0px 0px;float:left;width:100%; list-style: none}
#mainmenu ul li 	{float:center;margin:0 0px 0 0;position:relative}
#mainmenu a 		{color:#fff;display:block;font-family:Permanent Marker;font:14px;text-height:bold;padding-top:50px; padding-bottom:50px;padding-left:30px;padding-right:30px}
#mainmenu a:hover   {background:#999}
/* Button Responsive Menu*/
.btn-responsive-menu{display:none;float:right;padding:5px;cursor:pointer;margin: 0px 20px 0 0;color:#ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:#333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.icon-bar 			{display: block;width: 18px;height: 2px;margin:5px;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
.show{display:block!important}

@media (min-width: 1200px) {
/* Structure > 1200px */
#wrapper 		{width: 1170px;margin: 0 auto;}
#header 		{width: 1130px;float:left;padding: 20px 20px 20px 20px;} 
#mainmenu		{width: 100%; float:left;}
#main 			{width: 1130px;float:left;padding: 20px 20px 20px 20px;}
}
@media (min-width: 768px) and (max-width: 980px) {
/* Structure 768 to 1000 */
#wrapper 		{width: 748px;margin: 0 auto;}
#header 		{width: 708px;float:left;padding: 20px 20px 20px 20px;} 
#mainmenu		{width: 100%;float:left;}
#main 			{width: 708px;float:left;padding: 20px 20px 20px 20px;}
}
@media (max-width: 767px) {
/* Structure  < 767 */
body{padding:10px;background:#fff;}
#wrapper 		{width:100%;margin: 0 auto;}
#header 		{width:100%;padding: 20px 0 20px 0px;} 
#mainmenu		{width:100%;float:left;}
#main 			{width:100%;float:left;padding: 20px 0 0 0;}
/* Header */
#site-title a {font-size:25px;margin-left:10px;}
#mainmenu			{display:none;}
#mainmenu ul li 	{float: none;}
.btn-responsive-menu{display:block;}	
}
/*form a.p.*/
.formmail{background-color:#bc133e;color:#fff;padding:12px 20px;border-radius:4px;cursor:pointer;border:none;float:right}
input[type=submit]:hover{opacity:.7}
.container{border-radius:5px;background-color:#fff;padding:20px}
.etichette{float:left;width:25%;margin-top:6px}
.campi{float:left;width:75%;margin-top:6px}
/*.row:after{content:"";display:table;clear:both}*/

/*INIZIO CSS PER LA SLIDESHOW*/
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1150px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* Position the "previus button" to the left */
.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #ffffff;
  font-size: 20px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: left;
text-shadow: 2px 2px 10px black;}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}