/* Enter Your Custom CSS Here */
/* SG Bordo Tridimensionale Bottoni */
.myBorder {
  border:4px solid #C3E0F1;
  border-radius:9px;
  box-shadow:3px 3px 3px;
  margin:16px 16px;
  padding-left:9px;
  padding-right:9px
  padding-bottom:16px;
  padding-top:16px
  -moz-border-radius:9px;
  -o-border-radius:9px;
  -webkit-border-radius:9px;
  width: 96%; //for some explorer browsers to trigger hasLayout
}

/* SG Bordo Tridimensionale Bottoni */

/* SG Carosello immagini */
.thumbsWrapper {
  width: 100%;
  height: 135px;
  margin-bottom: 15px;
  position: relative
}
.thumbsWrapper .thumbsContainer {
  overflow-y: hidden;
  overflow-x: scroll;
  height: 125px;
  padding-bottom: 10px;
  width: 100%
}
.thumbsWrapper .thumbsContainer: : -webkit-scrollbar {
  -webkit-appearance: none
}
.thumbsWrapper .thumbsContainer: : -webkit-scrollbar: vertical {
  width: 11px
}
.thumbsWrapper .thumbsContainer: : -webkit-scrollbar: horizontal {
  height: 15px
}

.thumbsWrapper .thumbsContainer: : -webkit-scrollbar-thumb {
  border: 2px solid white;
  background-color: #ccc
}
.thumbsWrapper .thumbsContainer: : -webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px
}
@media only screen and (max-width: 64.9375em) {
  .thumbsWrapper .thumbsContainer {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
  }
}
.thumbsWrapper .thumbArrs {
  width: 35px;
  overflow: hidden;
  height: 135px;
  display: block;
  position: absolute;
  top: 0;
  color: #3eafe9;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 90px;
  font-size: 0.8em
}
.thumbsWrapper #prevTh {
  left: 0;
  background: #fff url(http://95.110.246.75/it/wp-content/uploads/2015/04/left.png) no-repeat 2px 50%;
  padding-left: 0
}

.thumbsWrapper #nextTh {
  right: 0;
  background: #fff url(http://95.110.246.75/it/wp-content/uploads/2015/04/left.png) no-repeat -95px 50%;
  text-align: right;
  padding-right: 2px
}

.thumbs {
  width: 2000px;
  overflow: hidden;
  margin: 0 45px;
  padding: 0 !important
}

.thumbs li {
  list-style: none !important;
  border: 2px solid #3eafe9;
  width: 100px;
  height: 100px;
  float: left;
  margin: 5px;
  overflow: hidden;
  position: relative;
  padding: 0;
  cursor: pointer;
  opacity: 0.9;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: box;
  box-pack: center;
  box-align: center
}

.thumbs li img {
  width: 100px
}

.thumbs li .slideLabel {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1px 3px;
  background: rgba(62, 175, 233, 0.9);
  color: #fff;
  width: 100%;
  font-size: 0.8em;
  z-index: 0
}

.thumbs li .slideLabel: empty {
  height: 0;
  visibility: hidden
}

.thumbs li .stepCounter {
  color: #fff;
  position: absolute;
  top: 15px;
  left: 35px;
  font-size: 2.8em;
  text-shadow: 1px 1px 5px #000;
  z-index: 5
}

.thumbs li: hover {
  opacity: 1
}

.thumbs .active {
  border-color: #ff838b;
  opacity: 1
}

.slide {
  display: none;
  margin: 0 auto;
  width: 100%
}

.slide: before, .slide: after {
  content: " ";
  display: table
}

.slide: after {
  clear: both
}
.slide .slideDescription {
  -webkit-transition: width 0.1s ease;
  -moz-transition: width 0.1s ease;
  -o-transition: width 0.1s ease;
  transition: width 0.1s ease;
  padding: 0 10px;
  float: left;
  width: 32%;
  padding-left: 0 !important
}
/* SG Carosello immagini */

#menu12 {
width: 178px;
padding: 0 0 0 0;
margin-bottom: 1em;
font-size: 11px;
font-weight: normal;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #6898d0;
color: #333;
}
#menu12 ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}		
#menu12 li {
border-bottom: 1px solid #90bade;
margin: 0;
width: auto;
}
#menu12 li a {
display: block;
padding: 3px 0px 3px 0.5em;
border-left: 5px solid #8AA1B6;
border-right: 5px solid #8AA1B6;
background-color: #6898d0;
color: #fff;
text-decoration: none;
width: auto;
}
#menu12 li a:hover {
border-left: 5px solid #800000;
border-right: 5px solid #800000;
background-color: #FF7C3E;
color: #fff;
}
.bt1 {
width : auto;
font-family : Verdana, Arial, Helvetica, sans-serif;  
font-size : 10px; 
text-align : left; 
font-weight : bold; 
color : #ffffff; 
background-color : #8AA1B6; 
padding-top : 3px; 
padding-bottom : 4px; 
padding-left : 4px; 
border-left: 5px solid #FF7C3E;
display : block; 
}
.ht11 {
font-size : 10px; 
font-weight: bold;
color : #000;  
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-decoration : none; 
} 	
.hw12 {
font-size : 11px; 
font-weight : bold; 
color : #ffffff; 
font-family : verdana, arial, helvetica, sans-serif;
text-decoration : none; 
}

