/** 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; background-image: linear-gradient(to top,#ffa300 0px,transparent 30px);border: 1px solid #ffa300;margin-right: 5px;}
.tab-system-pers li.selected{background: #ffa300;border: solid #ffa300;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}
.tab-system-pers li.selected a:link,.tab-system-pers  li.selected a:active,.tab-system-pers li.selected a:visited,.tab-system-pers li.selected a:hover{line-height:30px;font-size:15px;text-decoration:none;display:block;color:#fff;font-weight:bold;padding:7px 30px}

div.pestana{width:100%;margin-bottom: 15px;padding:0;border:1px solid #ffa300;padding:20px;position:relative;top:-1px;border-radius:0 6px 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:#ffa300;font-weight:bold}
.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:#ffa300;}
.aside .nav-menu--level2 .main-nav__item--active-trail > .nav-menu__link{color:#ffa300}
.content-list__more .more-link a{background-color:#ffa300;}
.field__item p a {
  color:#ffa300;
}
.layout-3col__components-home .component__text--white,.layout-3col .component__text--white,.layout-3col .component__text--light{
width:100%;
margin-left:0;
}

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

/**  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: 75%;
  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 #ffa300;
}
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;
}

#edit-fora-catalunya-wrapper div.form-item,
#edit-entitat-fora-catalunya-wrapper div.form-item,
#edit-arees-interes-wrapper .form-item {
  width: 100%;
}

#edit-arees-interes-wrapper .form-item legend{
  padding-left: 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');
}
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:#ffa300;}
.vora{border:1px solid #ffa300;}
/* .pestana table{border:1px solid #ffa300;} */
.icona-taula{width:15%;}
.icona-taula10{width:10%;}
.fons{background-color:#ffa300;}

.principal a{color:#ffa300;}

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

.ud-denied-area {
  background-color: #e5e6ea;
  padding: 5px 20px 15px 20px;
  margin-bottom: 40px;
}

.contrasenya-oblidada{
	margin-bottom: 20px;
    margin-top: -20px;
}

.view-gestio-de-les-dades-d-usuaris table.views-table{
	font-size:12px;
	line-height:16px;
}

.view-gestio-de-les-dades-d-usuaris table.views-table tr th{
	background:#eee;
}

.view-gestio-de-les-dades-d-usuaris table.views-table tr td{
	padding:5px;
	border-bottom: 1px solid #ccc;
}

.view-gestio-de-les-dades-d-usuaris .view-filters form div label{
	height: auto;
    text-indent: inherit;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.view-gestio-de-les-dades-d-usuaris .view-filters form div .js-form-item{
	margin:0.5em;
}
.view-gestio-de-les-dades-d-usuaris .view-filters form div .js-form-item input{
	width:200px;
	margin-bottom:0px;
}

.view-gestio-de-les-dades-d-usuaris .view-filters form div .description{
	font-size:12px;
	color:#999;
}
.view-gestio-de-les-dades-d-usuaris. feed-icons{
	transform: translateX(90%);
}

.eu-cookie-compliance-buttons button,.eu-cookie-compliance-buttons button:hover{color:#777;}
.plataformamediatica{
	width: 20%;
	display: inline-block;
	float: right;
}
@media(max-width: 777px){
	.plataformamediatica{
		display: block;
		float: none;
		margin-top: 20px;
	}
}
@media(max-width: 550px){
	.plataformamediatica{
		width: 13em;
		vertical-align: top;
		margin: 0 auto;
		padding-top: 2em;
		margin-top: 0;
	}
}