/* Definicin de variables de color */
	

		:root {
	 
	/* fons blocsrincipals */
			
		
	/* fons */

	 --f-body:  #8e8e8e; 		/*body*/	 
	 --f-caps:  #f7f6eb; 		/*capsalera*/
	 --f-menu1: #000;			/*menu*/
	 --f-menu2: #000; 			/*submenu b*/
	 --f-menu3: #000; 			/*submenu c...*/
	 --f-main:  transparent; 	/*main*/
	 --f-mainb: #f7f6eb; 		/*main blocs*/
	 --f-button: #000; 		/*butons*/		 	
	 --f-foot:  #4d3725; 		/*footer*/ 

	/* text */	
		
	 --txt-body:  #000;
	 --txt-caps:  #201b1b;
	 --txt-menu1: #fff;
	 --txt-menu2: #fff;
	 --txt-menu3: #fff;	 	 
	 --txt-main:  #151111;
	 --txt-mainb: #262222;
	 --txt-button: #f7f6eb;	 	 
	 --txt-foot:  #ffffff;
		
		
	/* links */	
		
	 --lk-txt-body:  #b75050;	 
	 --lk-txt-caps:  #ffffff;
	 --lk-txt-menu1: #fff;
	 --lk-txt-menu2: #fff;
	 --lk-txt-menu3: #fff;	 	 
	 --lk-txt-main:  #fff;
	 --lk-txt-mainb: #6f6f6f;
	 --lk-txt-button: #f7f6eb;		 	 
	 --lk-txt-foot:  #fff;
		
	/* fons links */	
		
	 --lk-f-body:  #ffffff;
	 --lk-f-caps:  #ffffff;
	 --lk-f-menu1: #000;
	 --lk-f-menu2: #fff;
	 --lk-f-menu3: #000;	 	 
	 --lk-f-main:  #ffffff;
	 --lk-f-mainb: #0d0d0d;
	 --lk-f-button: #000;	 	 
	 --lk-f-foot:  #ffffff;

		
	/* link hovers */	
		
	 --lk-txt-h-body:  #ffffff;
	 --lk-txt-h-caps:  #ffffff;
	 --lk-txt-h-menu1: #000;
	 --lk-txt-h-menu2: #f2b95a;
	 --lk-txt-h-menu3: #f2b95a; 	 
	 --lk-txt-h-main:  #000;
	 --lk-txt-h-mainb: #f2b95a;
	 --lk-txt-h-button: #fff;	  
	 --lk-txt-h-foot:  #f2b95a;	
		
	 
	/* fons hovers */	
		

	 --lk-f-h-body:  #ffffff;
	 --lk-f-h-caps:  #4d4d4d;
	 --lk-f-h-menu1: #f7f6eb;
	 --lk-f-h-menu2: #000;	 
	 --lk-f-h-menu3: #000;
	 --lk-f-h-main:  #20921c;
	 --lk-f-h-mainb: #ffffff;
	 --lk-f-h-button: #d5b28c;	 
	 --lk-f-h-foot:  #ffffff;	 

	/* especials */

	 --e1: #4d3725;
     --e2: #ff3e3e;

	/* caixes */
		
	  --bor-main: #fff;
	  --bor-table: #4c4c4c;	
	  --bor-foot: #fff;	
		
	}

.change_svg{
filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(254%) hue-rotate(12deg) brightness(111%) contrast(94%);
}	

	body {
	
		 
		
		  /* The image used */
	   background-image: url("https://liberisliber.com/images/maquetacio_web/2017/fons-blur.jpg");
		
		/* Full height */
	
	
		/*! background-color: #02112a !important; */
	
		/* Create the parallax scrolling effect */
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
	
	}	
	
	.wrap_mobile {
	
        background-image: url(https://liberisliber.com/images/maquetacio_web/2017/capsalera-web.png);
        background-size: 50%;
        background-position:80% 50%;
        background-repeat: no-repeat;
		    background-color: #f7f6eb;
        

}
	

	#deco_img {

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

 @media screen and (min-width: 768px) {
form .svg, .change_svg{
filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(254%) hue-rotate(12deg) brightness(111%) contrast(94%);
}	
}