/*Stili generici pagina */

/*LARGHEZZA MASSIMA CONTAINER*/
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}

/*STILI BODY*/
body {
padding:0px; margin:0px; background-repeat:repeat-x; background-color:#ffffff;
}

/*STILI FOOTER*/
.foot{
margin-top: 0px;background-color:#524359;
}
.cont-footer{
background-color:#524359; color:white; width:100%;	
}
.cont-footer-mid{
text-align:center;background-color:#524359; color:white;	
}



/*PULSANTE CSS3 PIANO DELL'OPERA NEL FOOTER*/
.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3097d3), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3097d3, #65a9d7);
   background: -moz-linear-gradient(top, #3097d3, #65a9d7);
   background: -ms-linear-gradient(top, #3097d3, #65a9d7);
   background: -o-linear-gradient(top, #3097d3, #65a9d7);
   padding: 7px 14px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: 'Verdana', sans-serif;   
   text-decoration: none;
   vertical-align: middle;
   }
 .button:hover {
   border-top-color: #2b8ac2;
   background: #2b8ac2;
   color: #ffffff;
   }
 .button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }


.carousel-inner > .item > img {
    margin: 0 auto;
}

*{font-family: 'Open Sans', sans-serif;}


.carousel-control {
  width:2%;
}

.rot1 {
  width:8%;
}

.carousel-caption .titrot{color:#ff2b71; font-size:18px; font-weight:bold; }
.carousel-caption .descrot{color:#524359; font-size:14px }
.carousel-caption {background: rgba(255, 255, 255, .65);}

.carousel-indicators {
  position: absolute;
  bottom: -10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ccc;
}
.carousel-caption {
  position: absolute;
  right: 20%;
  bottom: 0px;
  left: 20%;
  z-index: 10;
  padding-top: 5px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0px 0px rgba(0, 0, 0, .6);
}

.btnmenutop {color:#c1c1c1;}
.btnmenutop:hover {color:#ff2b71;border-bottom-width:2px; border-bottom-color:#c1c1c1; border-bottom-style:dotted;background-color:white;}
.nav > li > a:hover, .nav > li > a:focus {background-color:white}


@media screen and (min-width: 1200px) and (max-width: 2000px) {
.padding-top{padding-top:3%}
.btnmenu{font-size:20px}
.btnmenuactive{font-size:20px}
.padding-top{ padding-top:3%}

}

@media screen and (min-width: 731px) and (max-width: 1190px) {
	#logo{width:170px}
	.btnmenu{font-size:14px}
	.btnmenuactive{font-size:14px}
	#logo{ width:170px}

}

@media screen and (min-width: 0px) and (max-width: 730px) {
	#logo{width:120px}
	.btnmenu{font-size:12px}
	.btnmenuactive{font-size:12px}
	#logo{ width:120px}

}