/* Minification failed. Returning unminified contents.
(212,31): run-time error CSS1036: Expected expression, found ';'
(223,31): run-time error CSS1036: Expected expression, found ';'
(364,1): run-time error CSS1019: Unexpected token, found '}'
 */
body {
  font-weight: 400;
  color: #333;font-size:14px;
  line-height:1.6em;font-family:Open Sans;
  }
  

a:link, a:visited{color:#666;}
a:hover, a:active{color:#444;}
.nav-item {
    padding: 0px 8px;
}
.dropdown-menu {
border-radius:0px;
}
h2 {
    font-weight: 500;
    font-size: 28px;
    border-left: 5px solid #F41B16;
    padding-left: 10px;
    display: inline-block;
    text-align: center;
}
.titols{
    font-weight: 500;
    font-size: 28px;
    border-left: 5px solid #F41B16;
    padding-left: 10px;
    display: inline-block;
    text-align: center;
}

.subtitols {
    border: 0px !important;
    color: #F41B16;
    font-size: 20px !important;
    font-weight: 200 !important;
    font-style: italic;
    display: block;
}

.text-titol{color:#666666;font-size:18px;}
.text-secciocgi{font-size:20px;text-align:center;font-weight: 200;}
.navbar {z-index: 2!important;}
.cont-section-blanc{text-align: center;padding:50px 0px;}
.cont-section-gris{text-align: center;padding:50px 0px;background:#F0F2F2;}

.navbar-toggler-icon{color:#F41B16;}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
   /* border: 1px solid #F41B16;*/
    border-radius: .25rem;
}

.hover-img-superior{transition:0.9s;}
.hover-img-superior:hover{ -webkit-filter: grayscale(60%);    filter: grayscale(60%);}


/*topheader*/

	#topheader{z-index:99999; position:relative; width:100%;  color:#fff; font-size:0.8em;position: absolute;background: #000;opacity: 0.8;line-height: 35px;}

		#topheader .btn{background-color: transparent; margin-right:10px; color:#fff; font-size:1.2em; }
		#topheader .btn .fa{font-size:0.9em;}
		.navbar{position:absolute;width:100%;z-index:1;background-color:#fff;top:35px;}
		
	


/*carrusel slider*/
.owl-item{-moz-box-shadow: 2px 3px 30px -22px rgba(255,255,255,0.75);box-shadow: 2px 3px 30px -22px rgba(255,255,255,0.75);}
		#owl-articlescarrusel .item{margin: 3px 14px;-webkit-box-shadow: 2px 3px 30px -22px rgba(255,255,255,0.75);}
		#owl-articlescarrusel .item img{display: block; width: 100%; height: auto;}
		#owl-articlescarrusel .item h3{font-size: 1em; margin-bottom:0; margin-top:10px; color:#ccc;}
            #owl-articlescarrusel .item p {
                position: absolute;
                z-index: 9999999999999;
                background: rgba(255,0,0,0.7);
                color: #000;
                bottom: -14px;
                width: 92.5%;
                width: 89%;
                padding: 5px 10px;
                color: #fff;
            }
		#owl-articlescarrusel .item p .fa{color:#666;}
		#articlescarrusel{padding-top:40px;  padding-bottom:40px; position: absolute;
z-index: 1;
top: 180px;
left: 0;
right: 0;
margin: auto;background: rgba(255,255,255,0.8);
max-height: 280px;}
		#articlescarrusel h2{margin-left:14px; color:#fff; position:relative; font-size:2.2em; margin-bottom:20px; padding-bottom:20px;}
		#articlescarrusel .customNavigation{margin-right:14px;}
            #articlescarrusel .customNavigation .btn {
                background-color: rgba(0, 0, 0, 0.4);
                color: #fff;
                cursor:pointer;
                padding: 5px 15px;
                margin-top: 25px;
                border-radius: 0px;
            }
		#articlescarrusel .customNavigation .btn:hover, #articlescarrusel .customNavigation .btn:active, #articlescarrusel .customNavigation .btn:focus{ background-color: rgba(0, 0, 0, 1); color:#f7c51e;}
		#articlescarrusel .customNavigation .viewall{ background-color: rgba(0, 0, 0, 0.2); color:#666;}
		

		
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #fff solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/*serveis*/
.mbt10 a{text-decoration:none;color:#666;}
.quadrats-home-serveis{background:#fff;padding:20px 10px;width:210px;height:170px;-webkit-transition:  1s;     transition:  1s;}
.quadrats-home-serveis p{font-size:13px;margin-top:10px;}
.quadrats-home-serveis:hover{background:#FE2D2D;color:#fff;}
.quadrats-home-serveis:hover img{filter:brightness(900%);}
.mbt10{margin:10px auto;}


/*actualitat*/
.link-home-articles{color:#F41B16!important;text-decoration:none;padding:0px 5px;}
.link-home-articles:hover{color:#FFFFFF!important;text-decoration:none;background:#F41B16;}
.container-img {  position: relative;}

.image {  display: block;  width: 100%;  height: auto;}

.overlay-img-aricle {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0;  transition: .5s ease;  background-color: #F41B16;}

.container-img:hover .overlay-img-aricle {  opacity: 0.8;}

.text-img-aricle {  color: white;  font-size: 25px;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);}
.h3-article-home{color:#F41B16;font-size:18px;text-align:left;}



/*peu*/
footer{background:#000;padding:50px 0px;}






.boletes-cont {
    text-decoration: none;
    position: relative;
}

.boleta {
    text-decoration: none;
    width: 8px;
    height: 8px;
    background: #22303e;
    display: inline-block;
    border-radius: 50%;
    right: 0px;
    bottom: 0px;
    margin: 0px 2.5px;
    position: relative;
}


.boleta2 {
    text-decoration: none;
    width: 8px;
    height: 8px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    right: 0px;
    bottom: 0px;
    margin: 0px 2.5px;
    position: relative;
}

.boletes-cont:hover > .boleta {
    position: relative;
    background: #FE2D2D;
    bottom: 0px;
    animation-name: jump;
    animation-duration: .3s;
    animation-iteration-count:;
    animation-direction: alternate;
    animation-timing-function: ease;
}

.boletes-cont:hover > .boleta2 {
    position: relative;
    background: #FE2D2D;
    bottom: 0px;
    animation-name: jump;
    animation-duration: .3s;
    animation-iteration-count:;
    animation-direction: alternate;
    animation-timing-function: ease;
}

.boletes-cont .boleta-1 {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
}

.boletes-cont .boleta-2 {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}

.boletes-cont .boleta-3 {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

@keyframes jump {
    from {
        bottom: 0px
    }

    to {
        bottom: 10px
    }
}

@-webkit-keyframes jump {
    from {
        bottom: 0px
    }

    to {
        bottom: 10px
    }
}


.img-sup-seccio {
    background-image: url(/Images/slider/slider02.jpg);
    width: 100%;
    height: 300px;
    background-attachment: fixed;
}

.fas-color-tick {
    color: #FE2D2D;
}









.noticia-article {
    background-color: #FFFFFF;
    padding: 20px 20px 20px 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.5s;
}

    .noticia-article:hover {
        -webkit-box-shadow: -2px 28px 36px -14px rgba(0,0,0,0.54);
        -moz-box-shadow: -2px 28px 36px -14px rgba(0,0,0,0.54);
        box-shadow: -2px 28px 36px -14px rgba(0,0,0,0.54);
        margin-top: -30px;
        margin-bottom: 78px !important;
    }

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #F41B16;
    border-color: #F41B16;
}

.bd-example {
    margin: 0 auto;
    text-align: center;
}

.noticia-article h3 {
    font-size: 18px;
    margin: 10px 0px;
    color: #F41B16;
}

.noticia-article p {
    font-size: 14px;
}

a.llegirmesb {
    font-size: 14px;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    color: #555555;
    padding: 4px 10px;
    text-decoration: none;
    background-color: #FFFFFF;
    -webkit-transition: all 0.3s;
}

    a.llegirmesb:hover {
        background-color: #F41B16;
        color: #fff;
    }

.llistat-categoria {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #F41B16;
    border-color: #F41B16;
}

.page-item {
    text-align: center !important;

}
.bd-example {
    margin: 0 auto;
    text-align: center;
}

.noticia-article h3 {
    font-size: 18px;
    margin: 10px 0px;
    color: #F41B16;
    min-height: 70px;
}
}

.noticia-article p {
    font-size: 14px;
}

a.llegirmesb {
    font-size: 14px;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    color: #555555;
    padding: 4px 10px;
    ext-decoration: none;
    background-color: #FFFFFF;
    -webkit-transition: all 0.3s;
}

    a.llegirmesb:hover {
        background-color: #F41B16;
        color: #fff;
    }
.categories-sidebar {
    padding: 20px 0px;
}

    .categories-sidebar .fas {
        color: #F41B16;
    }

    .categories-sidebar .p {
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    .categories-sidebar h3 {
        font-size: 16px;
    }

    .categories-sidebar ul {
        text-align: left;
    }
.pagination {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}

.nav-item:hover {
    border-bottom: 4px solid #F41B16;
}
.nav-item {
    border-bottom: 4px solid #ffffff;
}
.separador_grafics {
    font-size:50px;padding:20px;
    color: #E49191;
    display: inline-block;
    line-height:80px;vertical-align:top;
}

.cont_grafics {
    display: inline-block;
}

    .cont_grafics p {
        background-color: #DC5050;
        padding: 5px 10px;
        border-radius: 5px;
        color: #ffffff;
        box-shadow: inset 0 0 0 2px rgba(255,255,255,0.6), 0 1px 2px rgba(255,255,255,0.1);
    }
.fons_grafics {
    width: 100px;
    height: 100px;
    background-color: #DC5050;
    padding: 20px;
    border-radius: 50%;
    position: relative;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.6), 0 1px 2px rgba(255,255,255,0.1);
    margin: 0 auto;
}

.fa-cv {    color: #F41B16;}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

    #owl-articlescarrusel .item p {
        position: absolute;
        z-index: 9999999999999;
        background: rgba(255,0,0,0.7);
        color: #000;
        bottom: -14px;
        width: 88%;
        padding: 10px;
        color: #fff;

    }



    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0rem;
        padding-left: 0rem;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    .nav-item {
        border-bottom: 1px solid #ccc;
    }


    #owl-articlescarrusel .item p {
        position: absolute;
        z-index: 9999999999999;
        background: rgba(255,0,0,0.7);
        color: #000;
        bottom: -14px;
        width: 84%;
        padding: 10px;
        color: #fff;
    }
	.col-sm-6{min-height:250px;}
.col-sm-9{display: block;height:auto;}
.col-sm-3{display: block;height:170px;text-align:center;}
.text-middle{display: block;	vertical-align: top;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {	#articlescarrusel{display:none;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}