@font-face {
    font-family: 'Relevant';
    src: url("Relevant/Relevant-Normal.eot");
    src: url('Relevant/Relevant-Normal.eot?#iefix') format('embedded-opentype'),
         url('Relevant/Relevant-Normal.woff') format('woff'),
         url('Relevant/Relevant-Normal.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Relevant-Italic';
    src: url("Relevant/Relevant-Italic.eot");
    src: url('Relevant/Relevant-Italic.eot?#iefix') format('embedded-opentype'),
         url('Relevant/Relevant-Italic.woff') format('woff'),
         url('Relevant/Relevant-Italic.woff2') format('woff2');
    font-style: italic;
}

@font-face {
    font-family: 'Relevant-Bold';
    src: url("Relevant/Relevant-Bold.eot");
    src: url('Relevant/Relevant-Bold.eot?#iefix') format('embedded-opentype'),
         url('Relevant/Relevant-Bold.woff') format('woff'),
         url('Relevant/Relevant-Bold.woff2') format('woff2');
    font-style: bold;
    font-weight: normal;
}

@font-face {
    font-family: 'Relevant-Black';
    src: url("Relevant/Relevant-Black.eot");
    src: url('Relevant/Relevant-Black.eot?#iefix') format('embedded-opentype'),
         url('Relevant/Relevant-Black.woff') format('woff'),
         url('Relevant/Relevant-Black.woff2') format('woff2');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'Relevant Normal';
    src: url("Relevant/Relevant-Normal.eot");
    src: url('Relevant/Relevant-Normal.eot?#iefix') format('embedded-opentype'),
         url('Relevant/Relevant-Normal.woff') format('woff'),
         url('Relevant/Relevant-Normal.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*BASICS****************************************************/
html, body, div, object, iframe, fieldset { }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/** { vertical-align: top }*/
body { font-size: 1.0em; font-family: "Relevant"; text-align: center; margin: 0 auto; }
ol, ul { /*list-style: none;*/ margin: 30px; padding: 0; }
/* s'hauria de mirar el comportament...... no faci un embolic 7/9/20*/
.convocatories_block ol, .convocatories_block ul { list-style: inherit; margin:0 0 0 20px ; padding: 0; }
.ul-fitxers li {list-style: none; margin-left: -20px}
/* Start: Video Responsive */
.video-responsive {
    overflow:hidden;
    padding-bottom:400px; /* Adecua este valor para controlar la altura del video */
    position:relative;
    height:0;
}

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* End: Video Responsive */

a { text-decoration: none; color: #f18969; /*font-weight: bold;*/ }
a:hover { text-decoration: underline; color:#66C1BF; }
hr { border-bottom: rgba(0,0,0,1.00) 1px solid; border-top: none }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 600 !important;  }
h4 {font-size: 1.2em}
h5 {font-size: 1.1em}
h1 { font-size: 1.5em; line-height:1.1em; font-weight: 900; margin: 0 0 20px 0; padding-top: 30px; font-family: 'Relevant'; /*border-top: #000000 1px solid;*/ text-align: left }
h2 { font-size: 1.2em; line-height:1.1em; font-weight: 900; margin: 30px 0 20px 0; font-family: 'Relevant'; text-align: left }
table { border-collapse: collapse; }
table, th, td { border: 1px solid black; }
tbody {
    vertical-align: text-top!important;
}
p { margin: 10px 0px; }

ui-draggable-handle {-ms-touch-action: auto!important;/* touch-action: none; */}
.grecaptcha-badge {opacity:0}

.nomobile {display:none }
.clear { float: none; clear: both }
.trencatot { height: 1em; float: none; clear: both; }


.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }





/*Altres ***************************************************************************/
.twitter_noticies {display: none;}
.twitter_noticies_after { display: inherit}
#social { display: none }
.amagat {display: none!important}

.margin80 { margin: 40px 0 }
.margin60 { margin: 30px 0 }
.margin45 { margin: 0 45px }
.margin30 { margin: 0 30px }
.marginbot20 {margin-bottom: 20px}
.marginbot10 {margin-bottom: 10px}
.far, .fas {vertical-align:middle}

/*VIDEO RESPONSIVE**********************************************/
.video-responsive {position: relative;padding-bottom: 56.25%; /* 16/9 ratio */padding-top: 30px; /* IE6 workaround*/height: 0;overflow: hidden;}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*IMATGES****************************************************/
.urlvideo { position: relative; }
.urlvideo .ratio { display: block; width: 100%; height: auto;  }
.urlvideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.urlvideo a      { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.urlvideo .foto_prop      { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden }

img.foto { width: 100% !important }
img.fotosliderhome { width: 75% !important; z-index: 10 }
.irl_img { width: 100% !important; max-width: 600px; }

.ov iframe {width:100%; margin: -20px 0 20px 0; /*border-bottom: medium solid #000;  border-top: medium solid #000;  border-left: none; border-right: none*/ }
.ov_alert iframe {width:100%;  /*border-top: medium solid #000;*/  }

/*ESTRUCTURA****************************************************/

#irlpag     { line-height:1.5em; float: none; clear: both; padding: 0 25px;  text-align: center; margin: 80px auto 0 auto; background-color: #FFFFFF;  z-index: 50; ; position: relative;    ;
 }
#irlpag_ample { float: none; clear: both; text-align: center; }
.irlcontent { margin: 70px auto 0 auto; width: 100%; float: none; clear: both; text-align: left;  }


.actualitat #spgrid {margin-bottom:0; }
.actualitat .grid-item {padding:0;}
.irlfila {width:100%;float:left;margin-bottom:20px;max-width:1380px;}

.titol_separador { padding:25px 25px;  font-family: 'Relevant'; color: #000; margin: -4px 0 0 0; font-weight: 700; text-align: left; border-top: #000000 9px solid; font-size: 1.4em }
.titol_separador a {color: #000 }


.titol_separador .lletrafina { font-weight: 300!important}

.clear { float: none; clear: both }

.trencatot { height: 1em; float: none; clear: both; }

.home 		    {padding:0 !important; margin-top:0 !important;}
.landing 		    {padding:0 !important; }
.irlhome 		{padding:0 10px; width: 100%; float: left; clear: both; text-align: left;  }
.irlhome_titol 	{padding:0; width: 100%; float: left; clear: both; text-align: left;  }

/*Per a Seus**********************************************************/
.irlbox 		{ padding: 0px; text-align: left; width: 100%; margin-bottom:0px;max-width:1380px;}
.irlbox10 		{ padding: 0; text-align: left; width: 100%;   }
.irlbox_mig 	{ padding: 5px; text-align: left; width: 100% }
.irlbox_quart 	{ padding: 5px; text-align: left; width: 100%;  }
.irlbox_3quarts { padding: 5px; text-align: left; width: 100% }
.tablehorari 	{border:none;}
.tablehorari td { width: 50%; border:none; }

/*BOTONS ADTHIS IMPRESIO******************************************/
.botonsAI { width: 100%; clear: both; float: left; margin: 20px 0 0 0; padding: 0 }
.botonsAI .col1 { float: left; width: 70% }
.botonsAI .col2 { float: left; width: 29%; text-align: right }


/** GLOBAL STYLES */
.destacat { margin: 10px 0px; padding: 10px 0px; border-top: 1px solid #BCBCBC; border-bottom: 1px solid #BCBCBC; font-family: 'Relevant'; font-size: 1.1em; line-height: 1.4em!important; font-weight: 400!important }

.date { margin-bottom: 0px; font-size: 0.85em; font-weight: 700; text-transform: uppercase }
.flotant {float:left;}


.destacat_aprendre a  {font-weight: 700}
.textajut ul li a {font-weight: 700}


/* Footer *********************************************************************************/
.irlfooter {
    width: 100%;
    font-size: 0.9em;
    line-height: 1.2em;
    float: none;
    clear: both;
    border-top: solid black 9px !important;
    background-color: #fff  /*#f6e7ce*/;
	padding: 10px;
}
.irlpeu 	{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; padding:0;  color: #000; font-weight: 500;     
 }


.irlpeu .irlpeu_col1 {width: 100%; padding: 10px; float: left; text-align: left; vertical-align: bottom; overflow: hidden}
.irlpeu .irlpeu_col2 {width: 100%; padding: 10px; float: left; text-align: left; vertical-align: bottom; overflow: hidden }
.irlpeu .irlpeu_col3 {width: 100%; padding: 10px; float: left; text-align: left; vertical-align: bottom; overflow: hidden}
.irlpeu li {list-style: none;}

.logotips {display: none}

.irlfooter a         {color: #000; text-decoration: underline;}
.irlfooter a:hover   {color:#f18969;  }
.irlpeu a         {color: #000; text-decoration: underline;}
.irlpeu a:hover   {color:#f18969;  }


.logo_retall img.gene {width:  30%; }
.logo_retall img.goib {width:  40%; }
.logo_retall img.bcn  {width:  30%; }
.logo_retall img.llull{width:  50%; }

.logo_retall 					{ margin-top:10px; padding: 0 20px 0 0  }
.logo_retall a 					{ vertical-align: bottom;}
.logo_retall a:hover 			{ opacity: 0.8 }

.xsocial             {display:inline-block; float: left; margin-right: 5px}

/*subscripcio***************************************************************************/

.formbutlleti, .formbutlleti_left {width: 100%; float: none;  margin: 0; padding:0px 0px; text-align: left} 
.formbutlleti_left input,
.formbutlleti input { background-color: #fff /*f6e7ce*/; color: #000000; font-family: 'Roboto', sans-serif;  padding: 5px 5px 5px 0; border: none; border-bottom: solid black 1px; font-size: 0.9em; font-weight: 400;  }
.formbutlleti_left .correuelectronic {width: 70%; margin-right: 25px  }
.formbutlleti .correuelectronic     {width: 70%;  }
.formbutlleti .enviarform           { }

.formbutlleti input::-webkit-input-placeholder { color: black!important;  } 
.formbutlleti input:-moz-placeholder { /* Firefox 18- */ color: black!important; } 
.formbutlleti input::-moz-placeholder { /* Firefox 19+ */ color: black!important; } 
.formbutlleti input:-ms-input-placeholder { color: black!important; }
.formbutlleti input:focus::-webkit-input-placeholder{color:transparent;}

/*Altres coses***************************************************************************/
.twitter_noticies {display: none;}
.twitter_noticies_after { display: inherit}
#social { display: none }
.amagat {display: none!important}



@media all and (min-width: 500px) {
.twitter_noticies {display: inherit; clear: both; float: none; height:400px}
.twitter_noticies_after { display: none}
}

@media all and (min-width: 600px) {
h1 { font-size: 1.8em; font-weight: 900; margin: 0 0 20px 0; padding-top: 15px; font-family: 'Relevant'; border-top: none; text-align: left }
h2 { font-size: 1.4em; font-weight: 900; margin: 15px 0 10px 0; font-family: 'Relevant'; }
.titol_separador {font-size:1.9em;line-height:1.2em;}
.irlbox_mig { padding: 5px; text-align: left; width: 50% }
.irlbox_quart { padding: 5px; text-align: left; width: 25% }
.irlbox_3quarts { padding: 5px; text-align: left; width: 75% }
    
.irlpeu .irlpeu_col1 {width: 50%; padding: 10px; float: left; text-align: left; vertical-align: bottom; overflow: hidden}
.irlpeu .irlpeu_col2 {width: 50%; padding: 10px; float: left; text-align: left; vertical-align: bottom; overflow: hidden }
.irlpeu .irlpeu_col3 {width: 50%; padding: 10px; float: left ; text-align: left; vertical-align: bottom; overflow: hidden}    
}

@media all and (min-width: 800px) {
#irlpag {margin: 90px auto 0 auto; }
.nomobile {display:inherit}
.destacat { margin: 10px 0px; padding: 10px 0px; border-top: 1px solid #BCBCBC; border-bottom: 1px solid #BCBCBC; font-family: 'Relevant'; font-size: 1.3em; line-height: 1.5em!important; font-weight: 400!important }
.irlhome 		{padding:0 10px 20px 10px; width: 100%; float: left; clear: both; text-align: left;  }
.irlhome_titol 	{padding:0; width: 100%; float: left; clear: both; text-align: left; margin-top: -4px; }
.irlhome_titol 	{padding:0; width: 100%; float: none; clear: both; text-align: left; margin-top: -4px; }
.irlfooter { width: 100%; font-size: 1em; line-height: 1.4em; border-top: solid black 9px!important; clear: both; ;
 /*background-color: #f18969*/}
                                                                                                                                            .irlpeu 	{ }
}

@media all and (min-width: 768px) {
h1 { font-size: 3em; font-weight: 900; margin: 0 0 20px 0; padding-top: 20px; font-family: 'Relevant'; text-align: left }
h2 { font-size: 2.4em; font-weight: 900; margin: 20px 0 15px 0; font-family: 'Relevant'; }
.titol_separador {font-size:2.2em;line-height:1.2em;}
 
                                                                .formbutlleti {text-align: left} 
.formbutlleti_left {text-align: left} 
.irlpeu .irlpeu_col1 {width: 33.3333%; float: left; text-align: left; }
.irlpeu .irlpeu_col2 {width: 33.3333%; float: left; text-align: left;  }
                                                                .irlpeu .irlpeu_col3 {width: 33.3333%; float: right; text-align: left; }
.logotips {display: inherit}
}

@media all and (min-width: 1200px) {
#irlpag {margin: 130px auto 0 auto; }
#irlpag_ample { }
																						.irlcontent {margin-top:100px;}

}
/*afegits a bootstrap*/
.px-45 {    padding-right: 2.1rem !important;
    padding-left: 2.1rem !important;}