body {
    font-family: Raleway, sans-serif;
    font-size: 1rem;
    line-height: 20px;
}

h1.page-title {
    color: gray;
    font-size: 1.5rem
}

a {
    color: #c10e2f;
    text-decoration: none
}

a:hover {
    color: #c10e2f;
}

a.blanco {
    color: #fff!important;
    text-decoration: none
}

.rojo {
    color: #c10e2f!important
}

.div-header-mantente-informado {
    color: #ffffff;
    background-color: #c10e2f;
    text-align: center;
    font-size: 20px;
    line-height: 3em;
}

.div-header-suscribete {
    color: #c10e2f;
    background-color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 3em;
    font-weight: bold;
}

.background-color-primary {
    background-color: #c10e2f;
}

.color-primary {
    color: #c10e2f;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pr-60 {
    padding-right: 60px;
}

.pl-60 {
    padding-left: 60px;
}


.pl-90 {
    padding-left: 90px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.ml-100 {
    margin-left: 100px;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-40 {
    margin-bottom: 40px;
}
.mb-100 {
    margin-bottom: 100px;
}

.mr-30 {
    margin-right: 30px;
}

.bt-1 {
    border-top:  1px solid #ececec;
}

.bb-1 {
    border-bottom:  1px solid #ececec;
}

.div-body-shadow {
    background-color: #ffffff;
    padding-bottom: 40px;
}

.shadow-cb {
    /*background: repeat-y right url('../img/shadow-r.png');*/
    box-shadow: 0 5px 19px 2px rgba(0, 0, 0, 0.1);
}

.div-selector-language {
    padding-left: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*.shadow-cb:after {
    background-color: #fff;
    height: 20px;
    content: "";
    position: absolute;
    bottom: -20px;
    left: -20px;
    right: -20px;
}
*/

h2.butlleti-professional {
    color: #ffffff;
    font-size: 80px;
    margin-top: 150px;
}

h2.butlleti-professional a{
    color: #ffffff;
}

h2.butlleti-professional a:hover{
    text-decoration: none;
}

hr.costa-brava {
    display:block;
    border:0px;
    height:50px;
    background: no-repeat center url('../img/separador.jpg');
}

.post-content{
    margin-top: 20px;
    line-height: 1.5rem;
}

hr.post-divider {
    border-top: 1px solid #000000;
}

.post > .abstract {
    font-size: 16px;
}

.logo-cnmv {
    max-width: 91px !important;
    max-height: 91px !important;
    min-width: 91px !important;
    min-height: 91px !important;
    width: 91px !important;
    height: 91px !important;
}

#header-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 239px;
}

#header-image a {
    margin-left: 100px;
}

#header-image h1 {
    color: #666666;
    text-transform: uppercase;
    padding-left: 3em;
    padding-top: 3em;
    font-size: 200%;
;
}

.header-bg {
    background: no-repeat top center url('../img/header-lg.jpg');
    height: 190px;
    padding-left: 85px;
}

.form-buscar {
    margin-top: 40px;
    color: #c10e2f;
    margin-bottom: 40px;
}

.links-footer {
    margin: 60px 0;
}

.banner_newsletter_footer .right_news{
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

h1.post-title {
    color: #c61331;
    font-size: 1.5rem;
    padding-top: 1.5em !important;
}

.select-language {
    background-color: #c10e2f;
    border: 0px;
    color: #ffffff;
}

.dropdown-select-language button {
    background-color: #c10e2f;
    border: 0px;
    color: #ffffff;
}

.dropdown-select-language button:hover {
    background-color: #c10e2f;
    border: 0px;
    color: #ffffff;
}

.dropdown-select-language button:focus {
    background-color: #c10e2f;
    border: 0px;
    color: #ffffff;
}

.select-language option {
    background-color: #ffffff;
    color: #000000;
}

.div-breadcrumb {
    background-color: #ececec;
    padding: 3px 0 0 0;
}

ol.breadcrumb {
    margin-bottom: 0px;
    padding-left: 0px;
}

.breadcrumb-item a {
    color: gray;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "»";
}


a.element-newsletter-list:hover{
    text-decoration: none;
}
.newsletter-list {
    padding: 20px;
}

.newsletter-post-icon-social img {
    max-width: 40px !important;
    max-height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
}

.newsletter-list .col-fecha {
    font-size: 15px;
    text-align: center;
    color: #444242 !important;
}

.newsletter-list .col-title {
    color: #444242 !important;
}

.form-cercar {
    background-color: #494949;
    padding: 15px;
}

.form-cercar input[type="text"] {
    border-radius: 25px;
    border: 0;
    outline: none;
    padding: 6px 2px;
    font-size: 14px;
}

.btn-trobar-ca {
    background: no-repeat url('../img/btn-trobar-ca.png');
    width: 84px;
    height: 33px;
    border: 0;
    outline: 0;
}

.btn-trobar-es {
    background: no-repeat url('../img/btn-trobar-es.png');
    width: 84px;
    height: 33px;
    border: 0;
    outline: 0;
}

.btn-trobar-en {
    background: no-repeat url('../img/btn-trobar-en.png');
    width: 84px;
    height: 33px;
    border: 0;
    outline: 0;
}

.post-gallery {
    width: 640px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin: 0 auto;
}

.post-gallery img{
    margin: 0 auto;
}
.sidebar form#frm_cercador{
    margin-bottom: 10px;
}

.p-15 {
    padding: 15px;
}

.sidebar form#frm_cercador input[type="text"]{
    width: 160px;
    margin-right: 15px;
    padding-left: 10px;
}
.sidebar h4 {
    margin-bottom: 2px;
    text-transform: uppercase;
    padding: 5px 15px;
}

.sidebar .year {
    float: left;
    width: 25%;
}

.background-grey {    
    background-color: #f0f0f0;
}

.text-blue {    
    color:#2485d9 !important;
}

.category_year {
    background-color: #cccccc;
    color: #000000;
    padding: 15px 5px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 20px;
}

.link-f {
    margin-right: 2em
}


.btn-link-post {
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 50px 10px 20px;
    font-size: 18px;
    background: #2485d9 no-repeat right url('../img/ico-plus.png');
}

.btn-link-post:hover{
    color: #ffffff;
    text-decoration: none;
}

.div-post-grey {
    background-color: #f5f5f5;
}

.div-post-blue {
    background-color: #8fcfff;
}

.div-post-blue img {
    margin: 0 auto;
}

.post {
    width: 100%;
}

.post .postimg{
    float: left;
    width: 300px;
}

.post .postinfo{
    float: right;
}

.post .ul-categories {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #cccccc;
    list-style: none;
    list-style-type: none;
    display: inline-block;
}

.post .ul-categories li a {
    background-color: #2485d9;
    color: #ffffff;
    font-size: 12px;
    padding: 2px 4px;
}

.butlletins-anteriors-year {
    margin-bottom: 10px;
}

.butlletins-anteriors-year a {
    display: block;
    color: #000000;
    border-bottom: 1px solid #fff;
    padding: 4px 0;
}

.butlletins-anteriors-year a:hover{
    text-decoration: none;
}

.btn-formularis {background-color:#2485d9; border-radius: 0;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 10px;
    font-size: 18px;
    margin-top:20px;}

.word {
    font-family: Tahoma;
    padding: 4px 4px 4px 4px;
    letter-spacing: 3px;
}
span.size1 {
    color: #000;
    font-size: 2.4em;
}
span.size2 {
    color: #333;
    font-size:2.2em;
}
span.size3 {
    color: #666;
    font-size: 2.0em;
}
span.size4 {
    color: #999;
    font-size: 1.0em;
}
span.size5 {
    color: #aaa;
    font-size: 1.6em;
}
span.size6 {
    color: #bbb;
    font-size: 1.4em;
}
span.size7 {
    color: #ccc;
    font-size: 1.2em;
}
span.size8 {
    color: #ddd;
    font-size: .8em;
}
span.size0 {
    color: #ccc;
    font-size: .6em;
}

.pre-footer{
    height: 60px;
    width: 100%;
}

.post-footer {
    background-color: #ffffff;
    padding: 10px 20px;
}

.ferror{
    border: 1px solid red;
}

.footer .icon-rss{
    max-width: 40px !important;
    max-height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
}

.m-pre-footer {margin-top: 80px;}

.footer .content {
    background: no-repeat top url('../img/footer2.png');
    background-color: #00acff;
    padding-top: 50px;
    text-align: center;
    padding: 70px 0 20px 0;
}

.footer .content h5{
    font-size: 20px;
}

.footer .content ul {
    list-style: none;
    list-style-type: none;
    padding: 0px;

}

.footer .content ul.xarxes-socials li {
    margin-right: 2px;
    margin-left: 0px;
}

.footer .content ul li {
    display: inline;
    margin-right: 20px;
}

.footer .content ul li a{
    color: #ffffff;
}

.footer .content ul li a:hover{
    text-decoration: none;
}

.link-social-facebook {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../img/icons.png') 0 0;
}

.link-social-facebook:hover {
    background: url('../img/icons.png') 0 30px;
}

.link-social-twitter {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../img/icons.png') -32px 0;
}

.link-social-twitter:hover {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../img/icons.png') -32px 30px;
}

.link-social-youtube {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../img/icons.png') -66px 0;
}

.link-social-youtube:hover {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../img/icons.png') -66px 30px;
}

.link-social-linkedin {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../img/icons.png') -100px 0;
}

.link-social-linkedin:hover {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../img/icons.png') -100px 30px;
}

.link-social-pinterest {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../img/icons.png') -134px 0;
}

.link-social-pinterest:hover {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../img/icons.png') -134px 30px;
}


.slick-prev,
.slick-next {
    padding: 5px;
    background-color: #666666;
    width: 30px;
    height: 60px;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:active,
.slick-next:active,
.slick-prev:focus,
.slick-next:focus{
    background-color: #666666;
}

.slick-dots li button:before {
    font-size: 9px;
}

.pull-right {
     float: right;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}


@media (max-width: 480px) {

    #header-image h1 {
        padding-left: 1.3em;
        padding-top: 0.5em;
        font-size: 180%;
    }

    .div-selector-language {
        padding-left: 30px;
    }

    #header-image a {
        margin-left: 40px;
    }


    .header-bg {
        height: 432px;
    }
    .header-bg .logo-costa-brava {display: block;
        float: left;
        height: 90px;
        width: 322px;
        background: no-repeat top left url('../img/logo_costa_brava_2.png');
    }

    h2.butlleti-professional {
        font-size: 40px;
        margin-top: 30px;
    }

    .header-bg .toolbar {
        margin-top: 30px
    }
}

.pagination li.active.page-item .page-link {
    background-color: #a50837;
    border-color: #a50837;
    color: #ffffff;
}

.pagination li.page-item a.page-link:focus {
    box-shadow: none;
}

.pagination li.page-item a.page-link {
    color: #a50837;
}

.cc-div-background {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.74); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}

.cc-cookies {
    margin-top: 40vh;
    background-color: transparent;
    color: #ffffff;
    font-size: 1rem;
}

.cc-cookies span {
    display: block;
    margin-bottom: 5px;
}

.cc-cookies a.cc-cookie-accept, a#cookiemore {
    background-color: #ffffff;
    color: #c10e2f!important;
    padding: 10px 60px !important;
    border-radius: 5px;
    text-decoration: none;
}

.cc-cookies a.cc-cookie-accept:hover{
    background-color: #ffffff;
}