@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');

body {  
  padding-top: 50px;  /* 70px amb menú superior */
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  /*background-color: #f2f4f6;*/
}

h1, h2, h3, h4, h5 {
  font-family: 'Open Sans Condensed', sans-serif;
}

h2 {
  color: #633f5c;
  font-size: 2em;
  font-weight: 600;
}

h3 {
  font-size: 1.7em;
  font-weight: 400;
}

h4 {
  font-size: 1.2em;
  font-weight: 400;
}

p {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

ul, ol {
  padding-left: 15px !important;
}

li {
  margin-bottom: 5px;
}

.page {
  background-color: #fff;
  padding-top: 3em;
  padding-bottom: 3em;
}

.page-content {
  padding: 0 15px 15px 15px;
}

.hr-title {
  height: 6px;
  background: url(../img/hr-bg.png) repeat-x 0 0;
  border: 0;
}

/* .header,
.footer {
  padding-right: 15px;
  padding-left: 15px;

} */
.text__color-accent {
  color: #0975c2;
}
/* Custom page header */
.header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

.header_banner {
  font-family: 'Open Sans Condensed', sans-serif;
  background-color: #633f5c;
  padding-top:1em; 
  color: #ffc57b; 
  font-size: 1.6rem;
  margin-top: 1px;
  line-height: 1.3em;
}

.img-header {
  width: 100%;  /* Mateix ample que el contenidor */
  /*max-width: 1200px;*/
  margin:auto;
}

/* ASIDE */

.aside {  
  background-color: #353230;
  color: #f6f6f6;
  border-radius: 10px;
}

.aside .important {
  background-color: #1E1E1E;
  padding: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.aside .banners {
  padding: 15px;
}

.aside .info {
  padding: 15px;
}

.aside h5 {
  font-size: 1.4em;
  margin-bottom: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #ffc57b;
}

.aside .event {
  margin-bottom: 15px;
}

.aside .event .date {
  color: #cc0000;
  font-size: 1.1em;
  padding-bottom: 5px;
  margin-bottom: 2px;
  border-bottom: 1px solid #666;
}

.aside .event .title {
  color: #f6f6f6;
  font-size: .9em;
}

.aside img {
  width: 100%;
}

/* Custom page footer */
.footer {
  padding: 19px 15px 15px 15px !important;
  /*margin-top: 15px;*/
  font-size: .9em;
  color: #fff;
  border-top: 2px solid #ffc57b;
  background-color: #633f5c;
}

.footer p {
  line-height: 20px;
}

.footer a {
  color: #fff;
  text-decoration: underline;
}

/*@media (min-width: 1200px) {

    .img-header {
        max-width: 1199px;
    }

}*/

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 1199px;
  }

  .page-content {
    padding-right: 0;
  }

}
.container-narrow > hr {
  margin: 30px 0;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }  
  
}

/* PAGINES */

.page-full {
  padding: 2px 15px 15px 15px;
}

.item
{
  padding-left: 10px;
  margin-bottom: 10px;
  border-left: 1px solid #355681;
}

.comites .item {
  margin-top: 2em;
}

.comites .item .row {
  margin-bottom: 5px;
}

.img-colaborador {
  margin-bottom: 1em;
  border:1px solid #f6f6f6;
}

.programa p {
  margin-bottom: .3em !important;
}

.programa .row {
  margin-bottom: 1em;
}