/*==========================================
	INFO D'UNA OFERTA
==========================================*/
.slick-prev:before, .slick-next:before { color:#424242 !important; }
        						
.divSliderImatges{
    width:50%;
    border: 1px solid #E0E0E0;                        
}

.imatgeBanner{
    border: 1px solid #E0E0E0;
    height:5rem;
    overflow:hidden;
    max-width:20%;
}

.contingutBanner{
    margin-left:1rem;
    max-width:80%;
}

.titolArticle{
	color:var(--blau);
	font-weight: 600;
	font-size:1.6rem;
}
.titolArticle::-moz-selection { background: #D42E12; color:white; }
.titolArticle::selection { background: #D42E12; color:white;} 


.subTitolArticle{
	color:var(--blau);
	
	font-weight: 400;
	display:block;
	padding:0.3rem 0rem 0;
	text-align: justify;
	line-height: 1.5;
}
.subTitolArticle::-moz-selection { background: #D42E12; color:white; }
.subTitolArticle::selection { background: #D42E12; color:white; }

.titolCondicions{
	color:#F44336;
	font-size:1rem;
	font-weight: 700;
	display:block;
	padding:1.5rem 0rem 0.3rem;
	text-align: justify;
	line-height: 1.5;
}
.titolCondicions::-moz-selection { background: #D42E12; color:white; }
.titolCondicions::selection { background: #D42E12; color:white; }

.txtCondicions{
	color:var(--blau);
	
	font-weight: 400;
	display:block;
	padding:0rem 0rem 1rem;
	text-align: justify;
	line-height: 1.5;
}
.txtCondicions::-moz-selection { background: #D42E12; color:white; }
.txtCondicions::selection { background: #D42E12; color:white; }


.caduca{
	color:var(--blau);
	font-weight: 500;
	
	display:block;
	padding:0.3rem 0 0rem 0;
	text-align: left;
	color:#D42E12;
}
.caduca::-moz-selection { background: #D42E12; color:white; }
.caduca::selection { background: #D42E12; color:white; }


.divLinkExtern{
    display:inline-block;
	margin:0.8rem 0 1rem 0;
	text-align:center;
    font-size:0.8rem;
    background-color: #F44336;
    padding: 0.5rem 0.5rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    
    transition:1s;
}
.divLinkExtern:hover{background-color: #3f7887;}

.divLinkExtern a{
	font-weight: 600;
    color: white;
	text-decoration:none;
}



.contingutArticle{
	color:var(--blau);
	font-family: 'Raleway', sans-serif;
	
	display:block;
	padding:0 1rem;
	text-align: justify;
	line-height: 1.6;
}

.contingutArticle::-moz-selection { background: #D42E12; color:white; }
.contingutArticle::selection { background: #D42E12; color:white; }



.contingutFitxers{
    display:inline-block;
    text-align:justify;
    padding:0.5rem 1rem;
}

.infoFitxers{
    font-weight: 500;
    padding:2rem 0 0.4rem 0;
}

.linkFitxerAnunciPreview{
    font-weight: 400;
	
	color: #F44336;
	cursor:pointer;
	padding: 0.3rem 1rem;  /* TOP RIGHT BOTTOM LEFT*/
	text-overflow: ellipsis;
	text-decoration:none;
}
.linkFitxerAnunciPreview:hover{
	color:#1565C0;
}


/* .........................................................................................
    ESTILS PANTALLES PETITES PER A DISPOSITIUS MOBILS
   .........................................................................................
 */
 
     /*==========================================
 		P A N T A L L A   F I N S   1600px
 	========================================== */
    @media screen and (max-width: 1600px) {

        .divSliderImatges{ width:70%; }
        .contingutBanner{max-width:75%;}
        
    }
    
    /*==========================================
 		P A N T A L L A   F I N S   1024px
 	========================================== */
    @media screen and (max-width: 1024px) {
        .contingutArticle{ font-size:1rem; }
    
    }
    
    
    /*==========================================
 		P A N T A L L A   F I N S   800px
 	========================================== */
    @media screen and (max-width: 800px) {

        .divSliderImatges{ width:80%; }
        .imatgeBanner{display:none;}
        .contingutBanner{ max-width:100%; }
        .contingutArticle{ font-size:1.1rem; }
    
    }
    
    
    /*==========================================
 		P A N T A L L A   F I N S   600px
 	========================================== */
    @media screen and (max-width: 600px) {

        .divSliderImatges{ width:95%; }
        .imatgeBanner{display:none;}
        .contingutBanner{ max-width:95%; }
        .contingutArticle{ padding:0; }
        
        .titolArticle{ font-size:1.6rem; }
        .subTitolArticle{ font-size:1.1rem; }
        .contingutArticle{ font-size:1.1rem; }
        .titolCondicions{ font-size:1.2rem; }
        .txtCondicions{ font-size:1.1rem; }
        
    }