/* GENERICS */
/* ------------------------------------------------------------------------------------------------------------------------------------------*/
/* Parametres associats a ias_metadades per mostrar el titol del blog amb els estils definits des de comunicació */

.blog_list  .page-header{
	border-bottom-width: 0px!important;
}

.blog_list h2 {
	margin-top: 20px;
	margin-bottom: 0px;
        font-size: 1.05em;
        font-weight: bold;
}

.blog_list .titol_interior {
       display: none;
}

.icones_fitxes {
       margin-right:1em!important;
       width:20px!important;
}

/* Treure imatge independent de l'article en el resultat blog_calendar*/
.blog_list img.size-auto {
	display: none;
}


/* Treure llegir mes en el resultat blog_calendar*/
.blog_list p.readmore {
	display: none;
}

.oculta-meta .uk-article-meta {
	display: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* Per poder ocultar el títol als formularis simpleemailform                                           */

.ocultar {
    display: none!important;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* MENU HORITZONTAL en posició main-top */
.menu-horitzontal .uk-nav > li {
	float: left;
	display: table;
	padding: 10px;
}

.menu-horitzontal .uk-nav > li > a{
        border: none!important;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------*/
/* RSSEARCH Estil per fer que el text al modul de cerca estigui aliniat a l'esquerra */
.rssearch-esquerra input, .rssearch-esquerra input:hover, .rssearch-esquerra input:focus {
	text-align: left !important;
	padding-left: 40px !important;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------*/
/* Ocultar la imatge de la introducció en l'agenda incorporada al widgetkit                         */

.agenda-widget .newsimg {
	display: none !important;
}

/* Treure l'espaiat entre la imatge i el text de l'agenda */

.agenda-widget .uk-heading-large.uk-margin-top-remove {
	font-size: 18px !important;
	line-height: 24px !important;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------*/

.content-oculto .tm-content {
  display:none;
}

li a.opciooculta {
	display:none!important;
}

ul li a.sensefills  + div {
	display:none!important;
}

body.fonsweb {
	background-color: #F5F5F5;
	background-image: url("/images/style/fonsweb.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



/*------------------------------------------------------------*/
/*Imatges capçalera*/

.section-name-title {
    font-size: 40px;
    color: #fff;
    text-shadow: 2px 0 10px #333;
}

@media only screen  and (max-device-width : 667px) and (orientation : portrait) {
  .section-name-title {
      font-size: 25px;
  }
}


.section-name {
    text-align: center;
    position: absolute;
    width: 100%;
bottom: 40%;
  
}

.section-cont {
    position: static;
    overflow: visible;
}
/*------------------------------------------------------------*/

.butlletins legend
{
    color: #666666;
}


.uk-panel-box-primary a,
.uk-panel-box-primary .uk-link {
  color: #ffffff;
  text-decoration: none !important;
}
.uk-panel-box-primary a:hover,
.uk-panel-box-primary .uk-link:hover {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none !important;
}
.uk-panel-box-primary .uk-badge {
  background: #ffffff;
  color: #71a7cd;
}


.uk-panel-box-secondary a,
.uk-panel-box-secondary .uk-link {
  color: #ffffff;
  text-decoration: none !important;
}
.uk-panel-box-secondary a:hover,
.uk-panel-box-secondary.uk-link:hover {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none !important;
}
.uk-panel-box-secondary .uk-badge {
  background: #ffffff;
  color: #71a7cd;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#fondo-imag {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#fondo-imag img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}

#título-negro {
  background: #ffffff;
  color: #000000;
}


/*--------------------------------------------------------------------------------------------------------*/
/* BlocCalendar amb estils ST */

.blogCalendarDay {
    color: #878181;
}

a.blogCalendarDay {
	color: #6fa287 !important;
}

a.blogCalendarToday {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: white !important;
}

/*--------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------*/
/*-------------------------Estils idiomes gtranslate-------------------------------------------*/

a.flag {
                background-image: url("https://web.sabadell.cat/images/Ajuntament/iconetes/gtranslate.png");
                background-size: cover;
                font-size: 0.7em;
                padding-left: 7px;
                padding-right: 5px;
                padding-top: 5px;
                padding-bottom: 3px;
}


/*--------------------------------------------------------------------------------------------------------*/

/*===================================================================================================*/
/*                                             ESTILS UIKIT QUE NO ESTAN INCLOSOS A LA PLANTILLA                                                                */
/*===================================================================================================*/
/* Inline
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 * 5. Force hardware acceleration without creating a new stacking context
 *    to fix 1px glitch when combined with overlays and transitions in Webkit
 * 6. Clip child elements
 */
[class*='uk-inline'] {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  -webkit-backface-visibility: hidden;
}

/* ========================================================================
   Component: Position
 ========================================================================== */
/* Directions
 ========================================================================== */
[class*='uk-position-top'],
[class*='uk-position-bottom'],
[class*='uk-position-left'],
[class*='uk-position-right'],
[class*='uk-position-center'] {
  position: absolute !important;
}
/* Edges
 ========================================================================== */
/* Don't use `width: 100%` because it is wrong if the parent has padding. */
.uk-position-top {
  top: 0;
  left: 0;
  right: 0;
}
.uk-position-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
.uk-position-left {
  top: 0;
  bottom: 0;
  left: 0;
}
.uk-position-right {
  top: 0;
  bottom: 0;
  right: 0;
}
/* Corners
 ========================================================================== */
.uk-position-top-left {
  top: 0;
  left: 0;
}
.uk-position-top-right {
  top: 0;
  right: 0;
}
.uk-position-bottom-left {
  bottom: 0;
  left: 0;
}
.uk-position-bottom-right {
  bottom: 0;
  right: 0;
}
/*
 * Center
 * 1. Fix text wrapping if content is larger than 50% of the container (Not working in Firefox)
 * 2. Fix text wrapping for Firefox
 */
.uk-position-center {
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* 1 */
  display: table;
  /* 2 */
  width: -moz-max-content;
  box-sizing: border-box;
}
/* Vertical */
.uk-position-center-left,
.uk-position-center-right {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.uk-position-center-left {
  left: 0;
}
.uk-position-center-right {
  right: 0;
}
/* Horizontal */
.uk-position-top-center,
.uk-position-bottom-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /* 1 */
  display: table;
  /* 2 */
  width: -moz-max-content;
  max-width: 100%;
  box-sizing: border-box;
}
.uk-position-top-center {
  top: 0;
}
.uk-position-bottom-center {
  bottom: 0;
}

/*===================================================================================================*/

/* Home TRANSPARENCIA */
.article_sense_marges .tm-article {
	padding-bottom: 0px!important;
        padding-top: 5px!important;
}

.modul_sense_marges >ul{
       padding-left:0px;
}

#MenuTransparencia > li > a {
	max-width: 135px;
	text-align: center;
	line-height: 20px !important;
	padding-left: 18px;
	padding-right: 18px;
	font-size: 0.90em;
}

/* -------------------------------------------------------------------------------------------------------------
                                Destacats de salut - IASArticles actualitat                 */

ul.iasaarticleseparator {
  list-style:none!important;
  padding-left:0px!important;
}

ul.iasaarticleseparator > li {
   padding-top:8px!important;
   padding-bottom:8px!important;
   border-bottom: 1px solid #E5E5E5;
}

h5.iasaarticleseparator {
   margin: 0px!important;
}

span.article-separator {
	display: none;
}

/* -------------------------------------------------------------------------------------------------------------*/


/* -------------------------------------------------------------------------------------------------------------
                         CIUTAT I ESCOLA                                                              */

.cie-cerca {
  padding-top: 27px!important;
  padding-bottom: 27px!important;
}

/* -------------------------------------------------------------------------------------------------------------*/

.divtransparent #content {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}


/* estils noticies */

.noticies-actualitat ul {
    list-style-type:none;
    padding-left: 0px;
}

.noticies-actualitat ul > li:first-child {
    padding-top: 0px;
    background-image: none;
}

.noticies-actualitat ul > li {
    background: url("/images/010/list_line.png") 0 0 repeat-x;
    padding: 15px 0;
}

/* Per la visualització de les noticies importades del component zoo */
.img-article {
    padding-top: 15px;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
/* estils genere */

.genere .uk-panel-box-primary a, .uk-panel-box-primary .uk-link {
	color: #666666 !important;
	text-decoration: none !important;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------*/
/* --- pel mòdul ias_metadades, per personalitzar el color de fons d'un altre color --------------- */

.fonspanellblanc .uk-panel-box-primary {
	background-color: #ffffff!important;
}

.fons_panellgris .uk-panel-box-primary {
	background-color: #f1f1f1!important;
}



/*----------------------------------------------------------------------------------------------------------------------------------*/
/* Estil h2 del mòdul cookies                                                                                          */
.jb.cookie h2
{
    color: #ffffff;
}

.jb.accept.green {
    background:#72a086;
}

.jb.cookie.green p a
{
     color:#72a086;
}


/* per fer sortir el label de l'input lliure a la part de dalt del camp */
.iassearchmulticamp label {
    display: block!important;
} 

/* Estils per les fitxes de 010 */
.agenda010 p
{

      margin-top:0px;
      margin-bottom:0px;

}
div .agenda010 
{
     padding-left: 30px;
     padding-top:1em;
}


/* Per resaltar el títol de la web amb una ombra, i canviar color                     */
.TitolsWebs h1
{
    font-size: 3em;
    text-shadow: 2px 2px #333333;
    color: #ffffff;
    text-transform: uppercase;
}

.ukhorizontal .uk {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ukhorizontal .nav> li {
    float: left;
    display: table;
    padding: 10px;
}


.ukhorizontal  ul.nav{
    display:inline!important;
}

.ukhorizontal  .rssearch_box {
    display:inline!important;
}