body {background-image: linear-gradient(to top, #0e3705, #2b6110, #4e8d16, #78bb18, #a8eb12); }

.jumbotron {
  padding: 15px 15px;
  margin-bottom: 10px;
  color: inherit;
  background-color: #eee;
}

.jumbotron p {
  margin-bottom: 1px;
  font-size: 15px;
  font-weight: 200;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 8px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
  }


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: #FFEAF2; 
}

/* HOME PAGE QUI SOTTO *//* HOME PAGE QUI SOTTO *//* HOME PAGE QUI SOTTO *//* HOME PAGE QUI SOTTO *//* HOME PAGE QUI SOTTO *//* HOME PAGE QUI SOTTO */


/* Titoli */
h1 {font: 24px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin:0;padding:0}
h2 {font: 15px Geneva, Arial, Helvetica, sans-serif; text-align: justify;}
h3 {font: 24px Geneva, Arial, Helvetica, sans-serif; text-align: center; margin:0;padding:0}

p.uppercase {text-transform: uppercase}
span.colore { color: #da1027; font-weight: bold;}
span.colore2 { color: red; font-weight: bold; font: 18px Geneva, Arial, Helvetica, sans-serif;text-transform: uppercase;}
span.d2 {color: red; font: 24px Geneva, Arial, Helvetica, sans-serif; font-weight: bold;text-align: center; margin:0;padding:0}
span.d {color: red; font: 20px Geneva, Arial, Helvetica, sans-serif; font-weight: bold;text-align: left; margin:0;padding:0}
a.c {color: blue; text-decoration: underline}
a.c:hover {color: red ; text-decoration: none}
.spacer {margin:0; padding:0; height:8px; }
p.b {font: 24px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin:0;padding:0}
p.c {font: 15px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin:0;padding:0}
p.c2 {font: 12px Geneva, Arial, Helvetica, sans-serif; font-style: italic; text-align: left; margin:0;padding:0}
p.c3 {font: 13px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin:0;padding:0}
p.c4 {color: red; font: 18px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin:0;padding:0}
p.d {color: red; font: 20px Geneva, Arial, Helvetica, sans-serif; font-weight: bold;text-align: left; margin:0;padding:0}
p.d2 {color: red; font: 24px Geneva, Arial, Helvetica, sans-serif; font-weight: bold;text-align: center; margin:0;padding:0}
p.e {font: 15px Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin:0;padding:0}
p.f {font: 12px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin:0;padding:0}
p.z {color: black; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.list-group-item {padding: 5px 5px}

.navbar-fixed-top .nav {
    padding: 2px 0;}
.navbar-fixed-top .navbar-brand {
    padding: 0 15px;}
@media(min-width:768px) {
    body {
        padding-top: 70px;     }
.navbar-fixed-top .navbar-brand {
        padding: 15px 0;    }
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: #FFEAF2; 
}

.jumbotron {
  padding: 15px 15px;
  margin-bottom: 10px;
  color: inherit;
  background-color: #eee;}
.jumbotron p {
  margin-bottom: 1px;
  font-size: 15px;
  font-weight: 200;}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 8px 0;}
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;}




 #misti1 {width:100%;}
  #misti1 ul{margin-left:-35px;}
  #misti1 ul li{display: inline;}



@media (max-width: 970px) {
 #optadATF{
    margin-top: 120px;
 }
}




#tasto_top{background:url(img/up1.png); width:70px; height:70px; display: none; z-index:9; position:fixed; top:100%; 
 margin-top:-200px; right:5%; margin-left:10px; opacity:.8; text-decoration:none; }
#tasto_top:hover{background:url(img/up2.png); width:70px; height:70px; display: none; z-index:9; position:fixed; top:100%; 
 margin-top:-200px; right:5%; margin-left:10px; opacity:.8; text-decoration:none; transition-duration: 1s;}
 @-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }






/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;}











#parentMenu {<!--from   w w w .j a  v  a2  s  .c  om-->
  display: block;
  top: 0;
}
/* Helps position submenu */
.dropdown-submenu {
  position: relative;
}
/* Menus under the submenu should show up on the right of the parent */
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
/* Make submenu visible when hovering on link */
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
/* Add carot to submenu links */
.dropdown-submenu>a:after {
  display: block;
  float: right;
  /*simple */
  content: "?";
  color: #cccccc;
  /* looks a little better */
  content: " ";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
/* Change carot color on hover */
.dropdown-submenu:hover>a:after {
  border-left-color: #ffffff;
}






/* VIDEO */
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }