.destra {
  text-align: right;
}
.breadcrumb {
  border: 1px solid  #dddddd;
}

.navbar-default {
  background-color: #4E748C;
  border-color: #4E748C;
  border-radius: 5px;
  }  
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 20px;
  overflow: hidden;
  background-color: #e5e5e5;
}
.navbar-default .navbar-nav >  li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color:  #ffffff;
  background-color:#D25151;
}
.navbar-default .navbar-nav > li > a {
  color:  #ffffff;
}

.evidenziato  {
  color:  #ffffff;
  background-color:#D25151;
  margin: 2px 0px;
  }
  
.con-margine  {
  margin: 2px 0px;
  }

navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color:#D25151;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #D25151;
}
.navbar-text {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
p {
  margin: 0 0 10px;
}

 .evidenza {
  background-color: #D2D2D2;
}


/* Testata */

.header-sezione {
  border-bottom: 2px solid #4E748C;
}
@media screen and (min-width: 768px) {
 .header-sezione {
 margin-left: 0;
 margin-right: 0; 
 }
}
/* Lavoro in evidenza */

.box-lavoro-evidenza {
 margin: 15px 0;
}
.box-lavoro-evidenza h3 {margin-top: 0}

/* Pannelli dell'accordion basati sui panel di Bootstrap */

.panel-carousel {
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #4E748C;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-carousel-heading {
  margin: -15px -15px 15px;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 400;
  background-color:  #4E748C;
  color:#fff;
  border-bottom: 1px solid #4E748C;
}
.panel-carousel-footer {
  margin: 15px -15px -15px;
  padding: 10px 15px;
  background-color: #ecf7ff;
  border-top: 1px solid #4E748C;
}

.panel-carousel-control {
  font-size: 16px;
}
.panel-carousel-control:hover,
.panel-carousel-control:focus {
  text-decoration: none;
}

.panel-carousel2{
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #D25151;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-carousel2-heading {
  margin: -15px -15px 15px;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 400;
  background-color: #D25151;
  color: #fff;
  border-bottom: 1px solid #D25151;
}
.panel-carousel2-footer {
  margin: 15px -15px -15px;
  padding: 10px 15px;
  background-color: #ecf7ff;
  border-top: 1px solid #D25151;
}

.panel-carousel2-control {
  font-size: 16px;
}
.panel-carousel2-control:hover,
.panel-carousel2-control:focus {
  text-decoration: none;
}

.nav-tabs {
  border-bottom: 1px solid #4E748C;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #4E748C;
  border-bottom-color: #4E748C;
  width: 220px;
}

.nav-tabs > li> a {
  border-color: #4E748C #4E748C #4E748C;  
  background-color: #4E748C;
  color: #ffffff;
  width: 220px;
}

.nav-tabs > li > a:hover {
  border-color: #D25151 #D25151 #D25151;
  background-color: #D25151;
  color: #ffffff;  
  width: 220px;
}
blockquote {
 border-left: 2px solid #4E748C;
}

h2,
.h2 {
  font-size: 27px;
}

h3,
.h3 {
  font-size: 20px;
}

.sfondo {
 background-image: url(http://www.magazzinisociali.it/immagini/sfondo-pz-ms.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 background-color:  #2F2F2F;
 }
 .btn-primary2{
  color: #fff;
  background-color:#4E748C;
  border-color: #4E748C;
}
.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2.focus,
.btn-primary2:active,
.btn-primary2.active,
.open > .dropdown-toggle.btn-primary2{
  color:  #fff;
  background-color: #D25151;
  border-color: #D25151;
}
.finale-sfondo {
  background-color:  #2f2f2f;
  }
  
.finale {
  background-color: #4E748C; 
  border-color: #4E748C;
  color: #fff;
} 
 
.finale > a,
.finale > a:hover,
.finale > a:focus {
color: #fff;
}

.btn-primary {
  color: #fff;

  border-color: #337ab7;
}

.btn-default {
  border-color: #4E748C;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #4E748C;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-color: #4E748C;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #ffffff;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #D25151;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
footer {
 padding: 25px;
 background-color: #357ebd;
 color: #fff;
}
footer a, footer a:hover {color: #5cb85c;}
#footer-copy {
 padding: 10px 0 0 0;
 border-top: 1px solid #fff;
}

hr {
    background-color:#444;
    border-width:0;
    color:#444;
    height:1px;
    line-height:0;
    margin: 0.5em 0;
    text-align: center;
}
/* Responsive iFrame */
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.container-1 {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container-1 {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-1 {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-1 {
    width: 1170px;
  }