@import "https://fonts.googleapis.com/css?family=Lato:300,400|Open+Sans:400italic,400,600|Muli:300";


body {
	font-family: "Open Sans", sans-serif;
}
#header{
  box-shadow: 0px 2px 15px rgb(83 18 19 / 10%) !important;
}
section {
  overflow: inherit !important;
}
p {
	font-size: 1em;
	font-weight: normal;
	font-family: "Open Sans", sans-serif;
	line-height: 1.75em;
	color: rgb(49, 49, 49);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lato",sans-serif;
    font-weight: 300;
}

.thumbnail h3 {
    font-size: 1.5em;
}

.titol-seccio {
	color: #ae0000;
    font-weight: 300;
    line-height: 120%;
    margin: 20px 0 17px;
}

h3.titol-seccio {
	font-size: 1.7em;
}

h3.titol-footer {
	color: #e10000;
    font-weight: 300;
	font-size: 1.6em;
	line-height: 120%;
    margin: 20px 0 17px;
}

.header-top {
	overflow: hidden;
	padding: 20px 0 20px 0;
	background-image: linear-gradient(to top, #f0f0f0, #f4f4f4);
	/*background-image: url('../img/bg2.jpg');
  	background-size:cover;
  	width:100%;*/

}

.header-top h1 {
	color: #000;
    font-family: "Muli";
    font-size: 2.2em;
    margin-bottom: 5px;
    margin-top: 15px;
    word-spacing: -2px;
}

.header-top h1 span {
    color: #ae0000;
}

.box-panel {
    color: #333;
    background-color: #f6f6f6;
    border: 1px solid #e5e5e5;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 10px;
}

div.box-panel i.fa {
	background-color: #ae0000;
    color: #fff;
    margin-right: 20px;
    padding: 10px 0;
    width: 60px;
    text-align: center;
}

.box-panel a {
	padding-top: 20px;
}
.social-links{
  display: flex;
}
.footer-widgets {
	background-color: #444;
    border-top: 1px solid #ccc;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    color: #eee;
    margin-top: 30px;
    padding: 0 0 20px;
}

.footer-widgets p, .footer-widgets address {
	font-family: "Open Sans", sans-serif;
	line-height: 1.75em;
	font-size: 1em;
	color: #eee;
}

.footer-widgets a {
	color:#eee;
}

.footer-widgets .thumbnail {
	background-color: rgba(0, 0, 0, 0.2);
    border-color: #666;
}

#footer {
    background-color: #333;
    border-top: 1px solid #555;
    padding: 0 0 10px 0;
    text-align: center;
}

#footer p {
	color: #ccc;
}

.container-seccio-interna{
  width: 65%;
  margin: auto;
  min-height: 350px;
  margin-top: 150px;
}
.img-thumbnail {
  padding: 0rem;
  background-color: #fff;


  max-width: 100%;
  height: auto;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  border: 0;
  border-radius: .25rem;
}
.error{
  color: #ae0000;
}
/* Banner destacat */
.banner_destacat {
    background-image: url('../img/posgrado-acupuntura.jpg');
    background-size: cover;
    padding: 15px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.banner_destacat a {
    color: #fff;
}

.banner_destacat .titol {
    font-size: 2em;
}

.banner_destacat .subtitol {
    font-size: 1.3em;
}

.banner_destacat .text {
    color: #fff;
}

.banner_destacat hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* Banner destacat */

/* BEGIN: fer-se soci */

.soci_forms p, .soci_forms a {
    color:#eee !important;
}

.soci_forms .thumbnail {
    background-color: #363636;
    border-color: #666;
    color: #fff;
}

/* END: fer-se soci */

/* BEGIN: grups de treball */
.grupstreball .thumbnail {
  text-align: center;
  padding: 10px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  margin: 10px 0px;
}

.grupstreball .thumbnail .caption {
    text-align: center;

}

/* END: grups de treball */

/* BEGIN: Coneixement */

div.row.coneixement-list .thumbnail h3 {
	font-size: 1em;
	font-weight: bold;
}

div.row.coneixement-list .thumbnail {
    overflow: hidden;
}

div.row.coneixement-list .thumbnail p {
	font-size: .9em;
}

/* END: Coneixement */

/* BEGIN: Enllaços */

div.row.links .thumbnail {
    height: 215px;
    overflow: hidden;
}

div.row.coneixement-list .thumbnail p {
    font-size: .9em;
}

/* END: Enllaços */

/* CALENDAR */
#calendari_lateral_container {
    border: 1px solid #53121259;
    margin-bottom: 10px;
    /*padding-bottom:20px*/
  }

  .bic_calendar {
    background: white;
    border: 0;
    border-radius: 0;
    margin-left: 0px;
    margin-right: 0px;
  }

  .bic_calendar .days-month td {
    background: #53121259;
    color: black;
  }

  .bic_calendar .event {
    /*background: $primary-color !important;*/
    cursor: pointer;
  }

  .bic_calendar td.day.current-day div {
    padding-top: 5px;
  }

  .bic_calendar td.day.current-day div a {
    padding: 5px;
  }

  .bic_calendar td.day.current-day div a {
    border: 0px solid;
    border-radius: 50%;
    background: black;
    color: white;
  }

  .bic_calendar td.day.current-day div a.singleDayNumber {
    padding: 5px 8px;
  }

  .calendari_lateral_legenda {
    font-size: 10px;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .calendari_lateral_legenda ul {
    list-style: square inside;
  }

  .calendari_lateral_legenda ul li {
    float: left;
    padding-right:5px;
    list-style: square inside;
    font-size: 9px;
  }

  .calendari_lateral_legenda ul li.activitats {
    color: #ba122f;
  }

  .calendari_lateral_legenda ul li.beques {
    color: #3f3fba ;
    padding-right: 5;
  }

  .calendari_lateral_legenda ul li.extraacademiques {
    color: purple;
  }

  .calendari_lateral_legenda ul li span {
    color: black;
    font-size: 9px;
  }

.thumbnail.difusio {
    height: 275px;
}

.img-footer{
  width: 80%;
}
.item-login{
  margin-left: 30px;
}

.media{
  flex-direction: column;
}

.form-inline .form-group {
  display: inline-block;
}
.form-inline .row {
  display: table;
  clear: both;
}
.form-inline .form-group {
  display: inline-block; }
  .form-inline .form-group .control-label {
    display: inline-block; }


    .btn-primary {
      color: #fff;
      background-color: #723131;
      border-color: #641616;
  }
  .btn-primary:focus {
    color: #fff;
    background-color: #531212;
    border-color: #531212;
}

    .btn-primary:hover {
      color: #fff;
      background-color: #531212;
      border-color: #531212;
  }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #531212 !important;
    border-color: #531212 !important;
}
.text-footer-red{
 color: #e02222 !important;
}
.text-footer-white{
  color: #ccc !important;
 }

section.gt-header-img.abe {
  height:500px;
  width:100%;
  background: url(../img/noves_fotos/Grup-Basada-Evidencia.jpg) top center no-repeat;
}

section.gt-header-img.aer {
  height:500px;
  width:100%;
  background: url(../img/noves_fotos/tom-claes-HIdUiamYIs0-unsplash.jpg) top center no-repeat;
}

section.gt-header-img.acc {
  height:500px;
  width:100%;
  background: url(../img/noves_fotos/pexels-ryutaro-tsukata-5473184.jpg) top center no-repeat;
}

section.gt-header-img.ago {
  height:500px;
  width:100%;
  background: url(../img/noves_fotos/pexels-mart-production-7089329.jpg) top center no-repeat;
}

section.gt-header-img.ma {
  height:500px;
  width:100%;
  background: url(../img/noves_fotos/Grup-Veterinaria.jpg) top center no-repeat;
}

section.gt-header-img.pda {
  height:500px;
  width:100%;
  background: url(../img/noves_fotos/trent-erwin-UgA3Xvi3SkA-unsplash.jpg) top center no-repeat;
}

section.gt-header-img.asm {
  height:500px;
  width:100%;
  background: url(../img/noves_fotos/pexels-antoni-shkraba-6076104.jpg) top center no-repeat;
}

section.gt-header-img.af {
  height:500px;
  width:100%;
  background: url(../img/noves_fotos/toa-heftiba-a9pFSC8dTlo-unsplash.jpg) top center no-repeat;
}

section.gt-header-img.apa {
  height:500px;
  width:100%;
  background: url(../img/noves_fotos/Grup-Pediatrica.jpg) top center no-repeat;
}

.logo-societat {
width:110px;
height:auto;
}

.logo-societat-movil {
  width:60px;
  height:auto;
  }

  .links-home {
    height:200px;
    margin:30px 10px;
  }

.card-img-top {
  object-fit: cover !important;
  height: 180px !important;

}

.dataTables_wrapper .row {
  display: flex;
}


ul.navbar-right li {
list-style:none;

}

.nav-tabs .nav-item.active .nav-link {
  font-weight:bold;
}

@media (max-width: 500px) {
  .container-seccio-interna {
    width: 80%;
    margin-top: 50px;
}
.info-socis-honor{
  flex-direction: column;
}
.alert-info {
  margin-top: 80px;
}
}