/* Definicin de variables de color */
	
	:root {
	 
	
	 
	/* fons */

	 --f-body:  #fff; 		/*body*/	 
	 --f-caps:  #fff; 			/*capsalera*/
	 --f-menu1: #354b72;		/*menu*/
	 --f-menu2: #354b72; 		/*submenu b*/
	 --f-menu3: #354b72; 			/*submenu c...*/
	 --f-main:  transparent; 	/*main*/
	 --f-mainb: #354b72; 		/*main blocs*/
	 --f-button: #354b72; 		/*butons*/		 		
	 --f-foot:  #244970; 		/*footer*/ 

	/* text */	
		
	 --txt-body:  #354b72;
	 --txt-caps:  #354b72;
	 --txt-menu1: #fff;
	 --txt-menu2: #fff;
	 --txt-menu3: #fff;	 	 
	 --txt-main:  #fff;
	 --txt-mainb: #fff;	
	 --txt-button: #fff;	  
	 --txt-foot:  #ffffff;
		
		
	/* links */	
		
	 --lk-txt-body:  #354b72;	 
	 --lk-txt-caps:  #354b72;
	 --lk-txt-menu1: #fff;
	 --lk-txt-menu2: #fff;
	 --lk-txt-menu3: #fff;	 	 
	 --lk-txt-main:  #fff;
	 --lk-txt-mainb: #fff;
	 --lk-txt-button: #fff;		 	 
	 --lk-txt-foot:  #fff;
		
	/* fons links */	
		
	 --lk-f-body:  #ffffff;
	 --lk-f-caps:  #ffffff;
	 --lk-f-menu1: #f31414;
	 --lk-f-menu2: #354b72;
	 --lk-f-menu3: #354b72;	 	 
	 --lk-f-main:  #ffffff;
	 --lk-f-mainb: #0d0d0d;
	 --lk-f-button: #354b72;	  
	 --lk-f-foot:  #ffffff;

		
	/* link hovers */	
		
	 --lk-txt-h-body:  #ffffff;
	 --lk-txt-h-caps:  #ffffff;
	 --lk-txt-h-menu1: #354b72;
	 --lk-txt-h-menu2: #a2bff7;
	 --lk-txt-h-menu3: #a2bff7; 	 
	 --lk-txt-h-main:  #a2bff7;
	 --lk-txt-h-mainb: #a2bff7;	
	 --lk-txt-h-button: #fff;	 
	 --lk-txt-h-foot:  #ff3e3e;	
		
	 
	/* fons hovers */	
		

	 --lk-f-h-body:  #ffffff;
	 --lk-f-h-caps:  #4d4d4d;
	 --lk-f-h-menu1: #fff;
	 --lk-f-h-menu2: #354b72;	 
	 --lk-f-h-menu3: #354b72;
	 --lk-f-h-main:  #fff;
	 --lk-f-h-mainb: #ffffff;
	 --lk-f-h-button: #e71753;	 
	 --lk-f-h-foot:  #ffffff;	 

	/* especials */

	 --e1: #f0d6d6;
	 --e2: #ff3e3e;

	/* caixes */
		
	 --bor-main: #fff;
	 --bor-table: #fff;	
	 --bor-foot: #fff;	
		
	}
	
	body {

		
	  /* The image used */
	  /*! background-image: url("https://liberisliber.com/images/maquetacio_web/2020/fons-blur.jpg"); */

		/* Full height */


		/* Create the parallax scrolling effect */
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
	
	}	


	.wrap_mobile {

        background-color: var(--f-caps);
        background-size: auto 100%;
        background-position:35% -19px;
        background-repeat: no-repeat;
        

}

.change_svg{
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7463%) hue-rotate(53deg) brightness(112%) contrast(101%);
}	
.cookie_svg{filter: brightness(0) saturate(100%) invert(25%) sepia(64%) saturate(444%) hue-rotate(179deg) brightness(90%) contrast(89%);}
.svg{
	
	filter: brightness(0) saturate(100%) invert(100%) sepia(76%) saturate(1%) hue-rotate(162deg) brightness(103%) contrast(101%);}

.weather_ico {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7463%) hue-rotate(53deg) brightness(112%) contrast(101%);
}	

#mes_info_list .weather_ico{
	
	filter: brightness(0) saturate(100%) invert(24%) sepia(53%) saturate(410%) hue-rotate(177deg) brightness(105%) contrast(99%);
}

 @media screen and (min-width: 768px) {

	#gradient {
		
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+46,000000+46&0.92+0,0+46 */
		background: linear-gradient(to right,  var(--f-caps) 15%,rgba(0,0,0,0) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}




	.wrap_mobile {

        background-image: url(https://liberisliber.com/images/maquetacio_web/2020/capsalera-web.jpg);
        background-size: auto 100%;
        background-position:35% -19px;
        background-repeat: no-repeat;
        

}
	

	#deco_img {

		/*background-image: url("https://liberisliber.com//images/maquetacio_web/2020/capsalera-web.jpg");*/
        background-size: auto 80%;
        background-position: 100% 100%;
        z-index: 2;
	}
	    main {
        background-image: url(https://liberisliber.com/images/maquetacio_web/2020/fons-bottom.png);
        background-size: 30%;
        background-position: right bottom;
        background-repeat: no-repeat;
			background-color:initial;
        /**/
    }

.change_svg, .weather_ico {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7463%) hue-rotate(53deg) brightness(112%) contrast(101%);
}	

.capsalera svg{
	

}
	 .cookie_svg{filter: brightness(0) saturate(100%) invert(25%) sepia(64%) saturate(444%) hue-rotate(179deg) brightness(90%) contrast(89%);}
.parallax::before {
  content:"";
  position: absolute;
  top:0px;
	background-image: linear-gradient(to top,  var(--f-body) 15%,rgba(0,0,0,0) 30%), url("https://liberisliber.com/images/maquetacio_web/2020/fons-blur.png");
  background-size:   contain;
  /*background-color: red;*/
  background-repeat:  repeat;
	width: 100%;
  height:var(--dynamic-height);
  transform: translateZ(-1px) scale(2.5);
 opacity:0.6;


}

.parallax::after {
  content:"";
  position: absolute;
	background-image:linear-gradient(to top,  var(--f-body) 15%,rgba(0,0,0,0) 20%),  url("https://liberisliber.com/images/maquetacio_web/2020/fons-blur.png");
  background-size:   contain;
  /*background-color: red;*/
  background-repeat:  repeat;
	width: 100%;
   height:var(--dynamic-height);
  transform: translateZ(-4px) scale(4);
;
opacity:0.3;

}
}