body{font-family: 'Open Sans', Tahoma, Verdana, sans-serif;font-size: 16px; line-height: 1.5em; font-weight: 400; background-color:#f1f1f1;}

h1{ color:#666;font-size: 2.2rem;padding-bottom:24px;
    letter-spacing: 0px;}
h2{font: Bold "Inter"; font-weight: bold; font-size: 2.3rem;
    letter-spacing: 0px;
}
img{max-width: 100%;}
.bggrey{background-color:#f1f1f1}
.grey{color:#7F7F7F;}
a, img, div, li, :after, :before{transition: all 0.3s ease-in-out;}
a{color:#008dd4}
a:hover{text-decoration: none;}
.fit-content{
    width: fit-content;
}
.display-none{
    display: none;
}
.vcenter {
    display: flex;
    align-items: center;  
}
.relative{position: relative;}
.hright{
    display: flex;
    justify-content: flex-end;
}
.bg-lightblue{

  background-color: #DFF4FF !important;
}
.bg-lightgray{

    background-color: rgb(177, 177, 177);
  }
.lime-green{
    color: #5FC600;
}
.dark-grey{
    color: #2C2C2C;
}
.blue{color:#0081C6 !important}
.red{color:#fc0000 !important}
.green{color:#92cf4f !important}
.yellow{color:#EBCB1D !important}
.grey{color:#999;}
.white{color:#fff;}
.bg-dark{background-color:#777;}
.bgwhite{background-color:#fff;}
  
/* home */
header{background:#fff;padding-bottom:15px;box-shadow: 0 1px 2px rgba(0,0,0,0.15),0 -1px 0 rgba(0,0,0,0.1) inset;position: sticky;
    top: 0px;
    z-index: 9999;}
.pretop{background-color:#008dd4}
.pretop ul{padding:0px; list-style: none;}
.pretop li{display:inline-block;color:#fff;font-size: 0.7rem;}
.pretop li a{color:#fff;text-transform: uppercase;}

.franja-premis{background:#fff; border-bottom: 5px solid #000; background-image:url('https://eu01.edcwb.com/assets/web/current/common-site/awards/bakground-image-head.jpg');background-size: cover; }

.franja-menu{background-color:#fff;}
.franja-menu ul{padding-left: 0px;}
.franja-menu li{display: inline-block;color:#999;}
.franja-menu li a{color:#999;padding:10px; font-size: 1rem;}
.franja-menu li a:hover{color:#008dd4; text-decoration:none}
.zdropdown-menu{display: none;}

.untreball{background-color:#fff; border:1px solid #ddd;padding:15px;height: 100%;}
.untreball h2{color:#008dd4; font-weight: normal; font-size: 1.4rem; padding-top:0px;}
.untreball p{color:#666;margin-bottom: 0px;}


footer{padding-top:30px; padding-bottom:20px;}
.logofooter small{line-height: 2em;display: block;margin-top:12px}
.links-social{margin:0px;list-style: none;}
.links-social li{display: inline-block;}
.links-social li a{color:#666; font-size: 1.3rem; margin:5px;}

.filtres select{width: 100%; border:1px solid #bbb; padding:4px; border-radius: 7px;background-color:#fff;color:#666;}
.filtres input[type=submit]{background-color:#008dd4;color:#fff;border:0px; border-radius: 8px;padding: 10px 20px;font-weight: bold;;}

.white-box{
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15), 0 -1px 0 rgba(0,0,0,0.1) inset;
    padding:15px;
}
.white-box.sticky-top{top:110px;}
.gohome{font-size: 0.9rem; color:#666; text-decoration: underline; padding-bottom: 10px; display:block;}
.btn-box{width: 100%;}
.btn {width: 250px; border-radius: 25px; padding:10px 20px;}
.educa-blue{background-color: #0081C6; color:#fff; font-size: 0.8rem;}
.educa-blue:hover{background-color: #fff; border:1px solid #0081C6; color:#0081C6;}
/***** DETALL *****/
.detall h1{padding-bottom:5px !important;}
.detall h2{color:#008dd4; font-weight: normal; margin-top:0px; margin-bottom: 25px;}
.detall h3{color:#008dd4; font-weight: bold; font-size: 1.3rem;}
.detall hr{border-top: 1px solid rgba(250,250,250,1);margin:40px 0px;}
.detall .btn-box .btn{position:relative; bottom:-33px;}

.box-text{max-height: 100px; overflow: hidden; 
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;}
.box-text-open{ 
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;}
.togglebtn{cursor: pointer; display:block; margin-top:10px;}
.cta{padding-top:40px; padding-bottom: 40px;}
.cta h2{color:#333;}

/******** PAGINATION *********/
.pagination ul{list-style: none; display: flex; margin-top:10px;}

.pagination a{display:inline-block; color:#0081C6; 
    font-weight: 400; font-size: 1rem; padding:5px 10px; margin:5px;
background-color:#f1f1f1;border-radius: 5px;border:1px solid #ddd;}

.pagination .active a,
.pagination a:hover {
  color: #fff;
  cursor: default;
  background-color: #0081C6;
}

.pagination a i{color: #0081C6;}

@media (max-width: 992px){
    .btn-box .btn{width:101%;}
}

@media (max-width: 767px){
#menu-premis>li {
    display: block;
    width: 100%;
}
#menu-premis li {
    text-align: left;
}
.hidden-xs {
    display: none!important;
}
.white-box.sticky-top {
    margin-bottom: 40px;
}
.btn-box .btn{width: 200px;}

}

@media (max-width: 767px){
    h1{font-size: 1.6rem;}
    #menu-premis{border-bottom: 1px solid #f1f1f1;padding-bottom:20px;}
    .detall h2{font-size: 1.6rem;}
    .detall hr{margin:20px 0;}
    .pretop li{font-size: 0.6rem;}
}



/* Menu desplegable  */
#menu-premis .close {
  display: none;
}
#menu-premis .open {
  display: block;
}
#menu-premis li {
  position: relative;
  text-align: left;
}
#menu-premis ul {
  position: absolute;
  top: 40px;
  left: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  background-color: #fff;
  -webkit-box-shadow: 1px 3px 5px #ccc;
  -moz-box-shadow: 1px 3px 5px #ccc;
  box-shadow: 1px 3px 5px #ccc;
  background-color: #fff;
  z-index: 100;
}
#menu-premis ul li {
  float: none;
  padding: 0 15px;
}
#menu-premis ul li a {
  min-width: 130px;
  padding: 3px;
  display: block;
  font-weight: 400;
}
#menu-premis>li>a {
  display: block;
}
#menu-premis .serp-icon {
  display: inline-block;
  vertical-align: 2px;
  margin-left: 4px;
}
.serp-icon {
  background: url(https://eu03.edcwb.com/img/web/puc/serp-icons-v5.png) no-repeat top left;
}
.serp-icon-fletxa-filtre {
  background-position: 0 -431px;
  width: 7px;
  height: 4px;
}
#menu-premis ul li .fletxa-filtre-right {
  margin-top: 10px;
  display: none!important;
}
#menu-premis ul li:hover .fletxa-filtre-right {
  display: inline-block!important;
}
#menu-premis .rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.pull-right {
  float: right!important;
}
#menu-premis ul ul {
  left: 100%;
  top: 0;
}
#menu-premis>li {
  float: none;
  display: inline-block;
}
.ullev-3 {
  width: min-content;
}