/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15-abr-2019, 14:19:38
    Author     : Esteve
*/


/* FONTS */

@font-face {
    font-family: 'Athelas-Bold';
    /*    src: url('../../../../pedidosweb/css/letra/Cuprum-Regular.ttf');*/
    src: url('../fonts/Athelas-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Athelas-BoldItalic';
    /*    src: url('../../../../pedidosweb/css/letra/Cuprum-Regular.ttf');*/
    src: url('../fonts/Athelas-BoldItalic.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Athelas-Italic';
    /*    src: url('../../../../pedidosweb/css/letra/Cuprum-Regular.ttf');*/
    src: url('../fonts/Athelas-Italic.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Athelas-Regular';
    /*    src: url('../../../../pedidosweb/css/letra/Cuprum-Regular.ttf');*/
    src: url('../fonts/Athelas-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}



.no-margin{
    margin: 0px !important;
}

.no-padding{
    padding: 0px !important;
}

.div-portada{
    width: 100%;
    height: 323px;
    background-image: url(../recursos/bellreguard.jpg);
    /*    opacity: 0.5;*/
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.logo-ajuntament{

}

.div-portada-bienvinguts{
    background-color: #b8112a94;
    color: white;
    width: 55%;
    padding: 20px;
}

.div-portada-bienvinguts > h1{
    font-size: 25px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.bloc-gran{

    overflow:hidden;
}




.texto-informacion{
    font-family: 'Dosis', sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.texto-informacion > p{
    /*color: #b8122a;*/
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/  
    /*text-shadow: 2px 0 0 #b8122a, -2px 0 0 #b8122a, 0 2px 0 #b8122a, 0 -2px 0 #b8122a, 1px 1px #b8122a, -1px -1px 0 #b8122a, 1px -1px 0 #b8122a, -1px 1px 0 #b8122a;*/
    letter-spacing: 2px;    
    transition: all 0.3s ease-in-out 0.3s; 
	    margin-bottom: 0px;
}

.cuadros-opcions{
    margin-top:25px;
}


.logo-ajuntament{
    width: 25%;
}

.footer{
    background-color: red;
    color: white;
    /*    margin-top: 25px;*/

}

.icono-redes{
    color:white !important;
    font-size: 35px;
    margin-left: 15px;
    margin-right: 15px;
}

.reds-socials{
    margin-top: 15px;
    margin-bottom: 15px;
}

.titulo-redes-sociales {
    font-size: 21px;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
}

.titulo-informativo{
    font-size: 17px;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;  
}

.footer{ 
    background: -prefix-linear-gradient(bottom, #de4c62, white); 
    background: linear-gradient(to top, #9e031b, #d08aa1);
}




/*VERSION MOVIL*/
@media(max-width:769px){
	
	.cuadros-mvl-juntos{
		margin-right: 10px !important;
		margin-left: 10px !important;
		margin-top: 0px !important;
	}
	
	.contingut-bloc-menut{
		    width: 100% !important;
	}
	
	.btn-tauler-anuncis, .btn-tauler-anuncis:focus, .btn-tauler-anuncis.focus{
	    background-color: #93123d;
    color: white;
    font-family: 'Dosis', sans-serif;
    position: absolute;
    top: 6px;
    right: 5px;
    font-size: 11px !important;
}

.btn-tauler-anuncis:hover{
	background-color: white;
	color: #93123d !important;
	border: 1px solid #93123d;
	font-family: 'Dosis', sans-serif;
}
	
	.bloc-gran:hover .foto-cuadrats-infomatius{
        border-radius: 0px !important;
        /*transition: all 0.3s ease 0.3s*/
        transition: all 0.3s ease-in-out 0.3s  
    }
	
	

	
	
	.bloc-grantria:hover .bloc-gran-doble{
		border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    background-color: #313131ad !important;
    border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	transition: all 0.3s ease-in-out 0.3s;
	
	}
	.bloc-grantemps:hover .bloc-gran-doble{
		border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    background-color: #313131ad !important;
    border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	transition: all 0.3s ease-in-out 0.3s !important;
	
	}
	
	.bloc-gran:hover .foto-cuadrats-infomatius-3{
		 border-radius: 0px !important;
    /* transition: all 0.3s ease 0.3s; */
    border-top-right-radius: 0px !important;
    transition: all 0.3s ease-in-out 0.3s;
    border-top-left-radius: 0px !important;
    transition: all 0.3s ease-in-out 0.3s;
	border-bottom-left-radius: 0px !important;
	}
	
	.bloc-gran:hover .foto-cuadrats-infomatius-2{
    border-radius: 0px !important;
    /* transition: all 0.3s ease 0.3s; */
    border-top-right-radius: 0px !important;
    transition: all 0.3s ease-in-out 0.3s;
    border-top-left-radius: 0px !important;
    transition: all 0.3s ease-in-out 0.3s;
	border-bottom-right-radius: 0px !important;


}

    .bloc-gran:hover .contingut-bloc {
        border-radius: 0px !important;
        background: #313131ad !important;
        /*     border: 4px solid #b30101;*/
        transition: all 0.3s ease-in-out 0.3s  
    }
	
	.bloc-gran:hover .texto-informacion > p {
    color: white;
    /* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; */
    font-size: 20px !important;
    transition: all 0.3s ease-in-out 0.3s;
}
	
	
	
	
	
	
	.row-dobles{
		display: block;
	}
	
	.bloc-grantria, .bloc-grantemps  {
		margin-right: 10px;
	}

    .hr-informacion-footer{
        border-bottom: 1px solid white;
        margin-bottom: 10px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .div-portada{
        height: 220px; 
    }

    .div-portada-bienvinguts > h1{
        font-size: 17px !important;  
    }

    .bloc-gran{
        margin-bottom: 10px;  
    }

    .contingut-bloc{
        height: auto;
        background: #0202029c;
    }

    .foto-cuadrats-infomatius{
        width: 100%;
        opacity: 0.4;  
        /*    border: 1px solid red;*/
    }

    .div-portada-bienvinguts {
        background-color: #b8112a94;
        color: white;
        width: 75%;
        padding: 20px;
    }

    .div-portada-bienvinguts > h1 {
        font-family: 'Dosis', sans-serif;
        font-size: 30px;
    }

    .logo-ajuntament{
        width: 40% !Important;
    }



}

/*VERSION TABLET*/
@media(max-width:991px) and (min-width:780px){
	
	.bloc-gran:hover .foto-cuadrats-infomatius{
        border-radius: 0px !important;
        /*transition: all 0.3s ease 0.3s*/
        transition: all 0.3s ease-in-out 0.3s  
    }
	
	.bloc-grantria:hover .bloc-gran-doble{
		border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    background-color: #313131ad !important;
    border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	transition: all 0.3s ease-in-out 0.3s;
	
	}
	.bloc-grantemps:hover .bloc-gran-doble{
		border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    background-color: #313131ad !important;
    border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	transition: all 0.3s ease-in-out 0.3s !important;
	
	}
	
	.bloc-gran:hover .foto-cuadrats-infomatius-3{
		 border-radius: 0px !important;
    /* transition: all 0.3s ease 0.3s; */
    border-top-right-radius: 0px !important;
    transition: all 0.3s ease-in-out 0.3s;
    border-top-left-radius: 0px !important;
    transition: all 0.3s ease-in-out 0.3s;
	border-bottom-left-radius: 0px !important;
	}
	
	.bloc-gran:hover .foto-cuadrats-infomatius-2{
    border-radius: 0px !important;
    /* transition: all 0.3s ease 0.3s; */
    border-top-right-radius: 0px !important;
    transition: all 0.3s ease-in-out 0.3s;
    border-top-left-radius: 0px !important;
    transition: all 0.3s ease-in-out 0.3s;
	border-bottom-right-radius: 0px !important;


}

    .bloc-gran:hover .contingut-bloc {
        border-radius: 0px !important;
        background: #313131ad !important;
        /*     border: 4px solid #b30101;*/
        transition: all 0.3s ease-in-out 0.3s  
    }
	
	.bloc-gran:hover .texto-informacion > p {
    color: white;
    /* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; */
    font-size: 20px !important;
    transition: all 0.3s ease-in-out 0.3s;
}
	
	
	
	
	
	.cuadros-opcions{
		display: block !important;
		
	}
	.bloc-gran-patrimoni{
		height:auto;
	}
	.foto-patrimoni, .bloc-gran-patrimoni{
		height: 100% !important;
	}
    .footer{
        background-color: red;
        color: white;
        /*    margin-top: 25px;*/
        position: initial !important;
        bottom: 0px;
    }
    .contingut-bloc {
        margin-right: 0px; 
        margin-left: 0px; 
        height: auto;
        background: #0202029c;
        margin-bottom: 15px;
    }

    .logo-ajuntament {
        width: 35%;
    }
    
    .hr-informacion-footer{
        display: block !important;
        border-bottom: 1px solid white;
        margin-bottom: 10px;
        margin-top: 10px;
        margin-right: 20px;
        margin-left: 20px;
    }

}

/**************************VERSION PC**************************************/
@media (min-width: 769px) {
	
	.btn-tauler-anuncis, .btn-tauler-anuncis:focus, .btn-tauler-anuncis.focus{
	background-color: #93123d;
    color: white !important;
    font-family: 'Dosis', sans-serif;
    position: absolute;
    top: 15px;
    right: 9px;
    font-size: 16px !important;
}

.btn-tauler-anuncis:hover{
	background-color: white;
	color: #93123d !important;
	border: 1px solid #93123d;
	font-family: 'Dosis', sans-serif;
}
	
	.bloc-gran-doble .texto-informacion > p{
		font-size: 16px;
	}
	
	 .bloc-gran-doble:hover .texto-informacion > p {
        color: white;
        /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/  
        font-size: 18px !important;
        transition: all 0.3s ease-in-out 0.3s  
    }

	.cuadros-opcions{
		display: flex;
		align-items: center;
	}
	.bloc-dividit2{
	    margin-left: 10px;	
	}
	
	.bloc-grantemps {
		margin-right: 10px !important;
	}
	
	.bloc-grantria {
		    margin-right: 5px !important;
	}
	.row-dobles{
		display:block;
	}
	
	.bloc-gran-doble{
		margin:0px !important;
	}
	
	.foto-patrimoni{
		    height: 100px; 
	}
	
	.bloc-gran-patrimoni{
		height: 85px;
		margin-bottom: 8px;
	}
	
	.bloc-gran-temps{
		margin-right: 10px;
	}
	
	.no-bottom{
		margin-bottom:0px !Important;
	}
	.contingut-bloc-patrimoni{
		margin-right: 10px;
		margin-left: 10px;
		height: 90px !important;
		background: #0202029c;
		margin-bottom: 10px;
	}
	.bloc-dividit2{
		display: flex;
	}
	
	.texto-informacion-tria{
	    font-family: 'Dosis', sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 800;
    /* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; */
    /* text-shadow: 2px 0 0 #b8122a, -2px 0 0 #b8122a, 0 2px 0 #b8122a, 0 -2px 0 #b8122a, 1px 1px #b8122a, -1px -1px 0 #b8122a, 1px -1px 0 #b8122a, -1px 1px 0 #b8122a; */
    letter-spacing: 2px;
    transition: all 0.3s ease-in-out 0.3s;
}

	}
	
	.texto-informacion-temps{
	    font-family: 'Dosis', sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 800;
    /* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; */
    /* text-shadow: 2px 0 0 #b8122a, -2px 0 0 #b8122a, 0 2px 0 #b8122a, 0 -2px 0 #b8122a, 1px 1px #b8122a, -1px -1px 0 #b8122a, 1px -1px 0 #b8122a, -1px 1px 0 #b8122a; */
    letter-spacing: 2px;
    transition: all 0.3s ease-in-out 0.3s;
}

	}
	
    .informacion-footer{
        margin-bottom: 10px;
    }
    
    .cuadros-opcions{
       margin-bottom: 50px;
    }
 
    
    .footer{
        background-color: red;
        color: white;
        /*    margin-top: 25px;*/
/*      position: absolute !important;*/
        bottom: 0px;
    }

    .contingut-bloc{
        margin-right: 10px;
        margin-left: 10px;
        height: auto;
        background: #0202029c;
    }

    .foto-cuadrats-infomatius{
        width: 95%;
        opacity: 0.4;  
        /*    border: 1px solid red;*/
    }

    .bloc-gran:hover .foto-cuadrats-infomatius{
        border-radius: 500px;
        /*transition: all 0.3s ease 0.3s*/
        transition: all 0.3s ease-in-out 0.3s  
    }
	
	.bloc-grantria:hover .bloc-gran-doble{
		border-radius: 55px !important;
    border-top-left-radius: 5px !important;
    background-color: #b9132c;
    border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	transition: all 0.3s ease-in-out 0.3s;
	
	}
	.bloc-grantemps:hover .bloc-gran-doble{
		border-radius: 55px !important;
    border-top-left-radius: 5px !important;
    background-color: #b9132c;
    border-top-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	transition: all 0.3s ease-in-out 0.3s;
	
	}
	
	.bloc-gran:hover .foto-cuadrats-infomatius-3{
		 border-radius: 55px;
    /* transition: all 0.3s ease 0.3s; */
    border-top-right-radius: 5px !important;
    transition: all 0.3s ease-in-out 0.3s;
    border-top-left-radius: 5px !important;
    transition: all 0.3s ease-in-out 0.3s;
	border-bottom-left-radius: 5px !important;
	}
	
	.bloc-gran:hover .foto-cuadrats-infomatius-2{
    border-radius: 55px;
    /* transition: all 0.3s ease 0.3s; */
    border-top-right-radius: 5px !important;
    transition: all 0.3s ease-in-out 0.3s;
    border-top-left-radius: 5px !important;
    transition: all 0.3s ease-in-out 0.3s;
	border-bottom-right-radius: 5px !important;


}

    .bloc-gran:hover .contingut-bloc {
        border-radius: 500px;
        background: #b9132c;
        /*     border: 4px solid #b30101;*/
        transition: all 0.3s ease-in-out 0.3s  
    }

    .bloc-gran .foto-cuadrats-infomatius{
        transition: all 0.3s ease 0.3s
            /*transition: all 0.3s ease-in-out 0.3s*/  

    }
	.bloc-gran .foto-cuadrats-infomatius-2, .foto-cuadrats-infomatius-3{
        transition: all 0.3s ease 0.3s
            /*transition: all 0.3s ease-in-out 0.3s*/  

    }

    .bloc-gran .contingut-bloc {
        transition: all 0.3s ease 0.3s;

    } 

    .bloc-gran:hover .texto-informacion > p {
        color: white;
        /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/  
        font-size: 23px;
        transition: all 0.3s ease-in-out 0.3s  
    }

    .foto-cuadrats-infomatius,  .foto-cuadrats-infomatius-2, .foto-cuadrats-infomatius-3 {
        height: 100%;
        width: 100%;
        opacity: 0.4;
        /* border: 1px solid red; */
        /* margin-right: 11px; */
        /*    border-bottom: 3px solid #8a8d8f;
            border-top: 3px solid #8a8d8f;
            border-left: 3px solid #8a8d8f;*/
    }
    
    .hr-informacion-footer{
        display: none;
    }
	

}








.enlace-mail{
    color: white !important;
}

.contenido-bloque-footer{

    min-height: 135px;
}

/*@media  (min-height: 800px) {
     .footer{
        background-color: blue;
        color: orange;
            margin-top: 25px;
      position: absolute !important;
        bottom: 0px;
    }
}*/



@media(max-width:1230px) and (min-width:991px){
	.bloc-gran-patrimoni{
		height: 50px !important;
	}
	
	.bloc-gran-doble .texto-informacion > p{
		font-size: 10px !important;
	}
	
	 .bloc-gran-doble:hover .texto-informacion > p {
        color: white;
        /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/  
        font-size: 11px !important;
        transition: all 0.3s ease-in-out 0.3s  
    }
	
	
}

	.bloc-patrimoni{
		margin-bottom:15px;
	}
	
	.bloc-bellreguardSegur{
		margin-left: 5px !important;	
	}
	
	.bloc-bellreguardSegur:hover .contingut-bloc{
		/*border: 4px solid #b30101; */
		border-radius: 500px;
		transition: all 0.3s ease-in-out 0.3s;
		border-radius: 0px !important;
		border-top-left-radius: 0px !important;
		background-color: #b9132c;
		border-top-right-radius: 35px !important;
		 border-top-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
	
	.bloc-bellreguardSegur:hover  .foto-cuadrats-infomatius-3 {
		border-radius: 0px !important;
		/* transition: all 0.3s ease 0.3s; */
		transition: all 0.3s ease-in-out 0.3s;
		transition: all 0.3s ease-in-out 0.3s;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 35px !important;
		 border-top-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
	
	
		
	.bloc-patrimoni:hover .contingut-bloc{
		/*border: 4px solid #b30101; */
		border-radius: 500px;
		transition: all 0.3s ease-in-out 0.3s;
		border-radius: 0px !important;
		border-top-left-radius: 0px !important;
		background-color: #b9132c;
		border-top-right-radius: 0px !important;
		 border-top-left-radius: 35px !important;
		border-bottom-right-radius: 0px !important;
	}
	
	.bloc-patrimoni:hover  .foto-cuadrats-infomatius-2 {
		border-radius: 0px !important;
		/* transition: all 0.3s ease 0.3s; */
		transition: all 0.3s ease-in-out 0.3s;
		transition: all 0.3s ease-in-out 0.3s;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 0px !important;
		 border-top-left-radius: 35px !important;
		border-bottom-right-radius: 0px !important;
	}
	
	.bloc-menutInfo{
		max-height: 150px;
	}
	
	.fotos-menut-informatiu{
		max-height: 150px;
		/* object-fit: cover; */
	}
	
	.cuadros-opciones-juntas{
		    margin-bottom: 0px;
	}

	.contingut-bloc-menut{
		width: 70%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
	}
	
	

/* nou css */

.max-container{
	max-width: 1280px;
    margin: 0 auto !important;
}

.div-container-options{
	/* background-color: #b00b3c; */
    margin: 20px;
    height: 200px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Athelas-BoldItalic';
    font-size: 26px;
    text-transform: uppercase;
	position: absolute;
    margin-bottom: 0px;
    z-index: 9;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 400;
    color: white;
    padding: 0 8px;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    /* max-width: 220px; */
    text-align: center;
    height: 200px;
    width: 300px;
	flex-direction:column;
	 transition: width 2s, height 4s;
}

.div-container-options p{
	color:white;
	margin-top: 15px;
    font-size: 25px;
}

.div-img{
	height: 200px;
    width: 300px;
    margin: 20px;
}

.img-new-cuadrado{
	width: 100%;
    object-fit: cover;
    height: 100%;
    filter: brightness(0.4);
}
.div-content-principal:hover .div-container-options{
	/* transform: scale(1.1); */
	cursor:pointer;
	background-color: #b00b3c78;
}

.div-content-principal{
	display: flex;
    justify-content: center;
    align-items: center;
}

.margen-footer{
		margin-bottom: 150px !important;
	}

	.contingut-bloc{
		    max-width: 400px;
	}
	
	.foto-cuadrats-infomatius{
		width: 100%;
    object-fit: cover;
	}