/** SISTEM TABS **/

ul.tab-system-pers{width:100%;margin:0;padding:0;list-style:none; overflow: hidden;}
.tab-system-pers li{float:left;background:#f5f5f5;border-radius:6px 6px 0 0}
.tab-system-pers li.selected{background:#fff;border:solid #f5f5f5;border-width:1px 1px 0 1px}
			
.tab-system-pers li a:link,.tab-system-pers li a:active,.tab-system-pers li a:visited,.tab-system-pers li a:hover{line-height:30px;font-size:15px;text-decoration:none;display:block;color:#000;padding:7px 30px}
			
div.pestana{width:100%;margin:0;padding:0;border:1px solid #f5f5f5;padding:20px;position:relative;top:-1px;border-radius:0 0 6px 6px}
div.pestana img[data-align="left"] {
  float: left;
  margin-right:15px;
}
div.pestana img[data-align="right"] {
  float: right;
}
div.pestana img[data-align="center"] {
  display: block;
  margin: auto;
}

/******* JOSEP *********/

@media (min-width: 42.5em){
.menu--main{
padding-left:10px;
}
}

@media (min-width: 58.75em){
.content-list--highlighted--image .field--type-image {
float:left;
max-width:49%;
margin-right:2%;
}

.node__wrapper--sidebar .node--full{
margin-bottom:0px;
}
}

@media (min-width: 71.875em){
.field--name-home-featured.field__items{
padding-top:2.8rem;
margin-left:1.5rem;
padding-left: 32px;
}
}

.node__wrapper--sidebar .node__bottom .component--white--concepts{
padding: 0 0 0 0;
}

.taula-premis-anteriors tr td a{color:#81cacd;}
.taula-premis-anteriors table h3{line-height:0;margin-top:0;}

.layout-3col .nav-menu--level2 .main-nav__item--collapsed::before,
.layout-3col .nav-menu--level2 .main-nav__item--expanded::before{
left:-10px;
top:3px;
}

.pestana h2{margin-bottom:0;}

.node__inside .nav-menu--level2 .main-nav__item--active-trail > .nav-menu__link{color:#81cacd;}
.aside .nav-menu--level2 .main-nav__item--active-trail > .nav-menu__link{color:#81cacd}
.content-list__more .more-link a{background-color:#81cacd;}
.field__item p a, .field__item div a {
  color:#81cacd; font-weight:700;
}
.layout-3col__components-home .component__text--white{
width:100%;
margin-left:0;
}

.videoResponsiu {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoResponsiu iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.layout-center .language-switcher-language-content-entity{position:relative;}
.language-switcher-language-content-entity ul li:last-child{display:none;}
.language-switcher-language-content-entity .language-switcher .language-link{color:#000;}

.field__items .field__item img,.principal .pestana p img {margin-right:10px;}

/**  FINAL JOSEP    **/

ul.tab-system-pers {
  position: relative;
}
ul.tab-system-pers:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  background-color: whitesmoke;
}
ul.tab-system-pers li {
  position: relative;  
}
ul.tab-system-pers li.selected:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  background-color: red;
}


/*** CUSTOM CLASES ***/
.custom-clases {
  overflow: hidden;
}
.custom-clases .principal {
  width: 100%;
  float: left;
}
.custom-clases .aside {
  width: 25%;
  float: left;
  display: inline-block;
  padding-right: 15px; 
}
/***.custom-clases h1.corrector-titulo{
  margin-left: 25%;
}***/
.custom-clases .owerflow-hidden {
  overflow: hidden;
}
.custom-clases .img-100 img{
  width: 100%;
}
.custom-clases .col3 {
  width: 33.3333%;
  float: left;
  box-sizing: border-box;
  padding: 0px 15px;
  margin-bottom: 30px;
}
.custom-clases .video {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 5px;
}
.custom-clases .video iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.custom-clases .node__menu .layout-center {
    padding: 0;
}
body {
  overflow-x: hidden;
}
.mt-0-p .field__item > p:first-child {
  margin-top: 0;
}
/** BOTON INSTAGRAM **/
.social-media .footer-item:last-child a:hover{
  text-decoration: none;
}
.social-media .footer-item:last-child a::before {
  content: '\f16d';
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  font-size: 20px;
}
footer .social-media .footer-item:last-child a::before{
  position: relative;
  top: 3px;
}
.mt{
 /* margin-top: 30px;*/
}
/* FORMULARIO DE REGISTRO */
form.user-register-form input, form.user-register-form .form-textarea-wrapper textarea {
  border: 1px solid #a8a9b8;
}
form.user-register-form .field-group-html-element {
  border: 1px solid #a8a9b8;
  padding: 15px;
  margin-bottom: 30px;
  overflow: hidden;
}
form.user-register-form h3 {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
form.user-register-form div.form-item{
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  
}
.field--name-descripcio-paragraph, .field--name-aplicacio, .field--name-nivell-educatiu {
  font-size: 15px;
}
/** SOCIAL MEDIA **/
header.header .social-media .social-media__twitter{
  background: url('twitter-cac.png');
}
header.header .social-media .social-media__facebook{
  background: url('facebook-cac.png') !important;
}
header.header .social-media .social-media__youtube{
  background: url('youtube-cac.png');
}

header.header .social-media .footer-item:last-child{
  background: url('instagram-cac.png');
}
header.header .social-media .footer-item:last-child a {
  margin-left: 0;
}

header.header .social-media .footer-item a {
  width: 34px;
  height: 32px;
}

p.titol-relacionat {
  margin: 0;
}
@media (max-width: 700px) {
  form.user-register-form div.form-item, form.user-register-form div.form-item input, form.user-register-form div.form-item textarea {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 50em){
  
}
@media (max-width: 50em){
  .custom-clases .aside {
    display: none;
  }
  .custom-clases .principal {
    width: 100%;
  }
  .custom-clases h1.corrector-titulo {
    margin-left: 0;
    text-align: center; 
  }
}
@media (max-width: 900px){ 
  .custom-clases .col3 {
    width: 100%;  
  }
}
.pestana table a {color:#81cacd;}
.vora{border:1px solid #81cacd;}
/* .pestana table{border:1px solid #81cacd;} */
.icona-taula{width:15%;}
.icona-taula10{width:10%;}
.fons{background-color:#81cacd;}

.principal a{color:#81cacd;}

.custom-clases .col3:nth-child(3n+1){clear:left;}