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

	 --f-body:  #fff; 		/*body*/	 
	 --f-caps:  #fff; 		/*capsalera*/
	 --f-menu1: #000;			/*menu*/
	 --f-menu2: #000; 			/*submenu b*/
	 --f-menu3: #ca0d0d; 			/*submenu c...*/
	 --f-main:  #fff; 	/*main*/
	 --f-mainb: #c1bbbb; 		/*main blocs*/
	 --f-button: #000; 		/*butons*/		 	
	 --f-foot:  #ca0d0d; 		/*footer*/ 

	/* text */	
		
	 --txt-body:  #ca0d0d;
	 --txt-caps:  #ca0d0d;
	 --txt-menu1: #fff;
	 --txt-menu2: #fff;
	 --txt-menu3: #fff;	 	 
	 --txt-main:  #796f6f;
	 --txt-mainb: #000;	
	 --txt-button: #fff;	 
	 --txt-foot:  #ffffff;
		
		
	/* links */	
		
	 --lk-txt-body:  #ca0d0d;	 
	 --lk-txt-caps:  #ffffff;
	 --lk-txt-menu1: #fff;
	 --lk-txt-menu2: #fff;
	 --lk-txt-menu3: #fff;	 	 
	 --lk-txt-main:  #fffde7;
	 --lk-txt-mainb:  #505050;	 
	 --lk-txt-button: #fff;
	 --lk-txt-foot:  #fff;
		
	/* fons links */	
		
	 --lk-f-body:  #ffffff;
	 --lk-f-caps:  #ffffff;
	 --lk-f-menu1: #c0794d;
	 --lk-f-menu2: #fff;
	 --lk-f-menu3: #fff;	 	 
	 --lk-f-main:  #ffffff;
	 --lk-f-mainb: #0d0d0d;
	 --lk-f-button: #000;	  
	 --lk-f-foot:  #ffffff;

		
	/* link hovers */	
		
	 --lk-txt-h-body:  #c1bbbb;
	 --lk-txt-h-caps:  #ffffff;
	 --lk-txt-h-menu1: #ca0d0d;
	 --lk-txt-h-menu2: #ca0d0d;
	 --lk-txt-h-menu3: #ca0d0d; 	 
	 --lk-txt-h-main:  #796f6f;
	 --lk-txt-h-mainb: #fff;
	 --lk-txt-h-button: #fff;	 
	 --lk-txt-h-foot:  #ffffff;	
		
	 
	/* fons hovers */	
		

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

	/* especials */

	 --e1: #f0d6d6;
     --e2: #ca0d0d;

	/* caixes */
		
	  --bor-main: #fff;
	  --bor-table: #5f5f5f;	
	  --bor-foot: #fff;			
		
	}

.change_svg{
	
	filter: brightness(0) saturate(100%) invert(99%) sepia(11%) saturate(439%) hue-rotate(215deg) brightness(112%) contrast(100%);
}

	body {
	
		 
		
		/* The image used */
	  /*! background-image: url("https://liberisliber.com/images/maquetacio_web/2012/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/2012/liberis_capsalera_web_tablet.jpg);
								background-size:   auto 100% ;
								background-position:170px 20px;
								background-repeat: no-repeat;
					      background-color: var(--f-caps);
								

				}







#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,  rgb(255 255 255 / 92%) 0%,rgba(0,0,0,0) 46%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		    
	}


.capsalera{
	
	color: var(--color-t3)
}

	#deco_img {

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

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

								background-image: url(https://liberisliber.com/images/maquetacio_web/2012/liberis_capsalera_web_trinxera.jpg);
								background-size:   auto 100% ;
								background-position:90px 0px;
								background-repeat: no-repeat;
					      background-color: var(--f-caps);
								

				}	
	.svg{
	
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1010%) hue-rotate(285deg) brightness(113%) contrast(100%);}

form .svg{
filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(1010%) hue-rotate(285deg) brightness(113%) contrast(100%);
}	

table .svg{
	
	filter: brightness(0) saturate(100%) invert(13%) sepia(4%) saturate(2598%) hue-rotate(331deg) brightness(106%) contrast(91%);
}
	
	.box_inline .weather_ico{
		
		filter: brightness(0) saturate(100%) invert(31%) sepia(0%) saturate(133%) hue-rotate(139deg) brightness(92%) contrast(88%);
		
		
	}	
	
	
}