/* Definicin de variables de color */

	:root {

	/* fons blocs principals */
	
	
	/* fons */

	 --f-body:  #174623; 		/*body*/	 
	 --f-caps:  #52794b; 		/*capsalera*/
	 --f-menu1: #52794b;			/*menu*/
	 --f-menu2: #52794b; 			/*submenu b*/
	 --f-menu3: #52794b; 			/*submenu c...*/
	 --f-main:  #020406; 	/*main*/
	 --f-mainb: #52794b; 		/*main blocs*/
	 --f-button: #52794b; 		/*butons*/		 	
	 --f-foot:  #e71753; 		/*footer*/ 

	/* text */	
		
	 --txt-body:  #e0dcbd;
	 --txt-caps:  #e0dcbd;
	 --txt-menu1: #e0dcbd;
	 --txt-menu2: #e0dcbd;
	 --txt-menu3: #e0dcbd;	 	 
	 --txt-main:  #e0dcbd;
	 --txt-mainb: #e0dcbd;
	 --txt-button: #e0dcbd;	 	 
	 --txt-foot:  #e0dcbd;
		
		
	/* links */	
		
	 --lk-txt-body:  #e0dcbd;	 
	 --lk-txt-caps:  #e0dcbd;
	 --lk-txt-menu1: #e0dcbd;
	 --lk-txt-menu2: #e0dcbd;
	 --lk-txt-menu3: #e0dcbd;	 	 
	 --lk-txt-main:  #e0dcbd;
	 --lk-txt-mainb: #e0dcbd;
	 --lk-txt-button: #e0dcbd;		  
	 --lk-txt-foot:  #e0dcbd;
		
	/* fons links */	
		
	 --lk-f-body:  #fff;
	 --lk-f-caps:  #ffffff;
	 --lk-f-menu1: #c0794d;
	 --lk-f-menu2: #feba37;
	 --lk-f-menu3: #feba37;	 	 
	 --lk-f-main:  #feba37;
	 --lk-f-mainb: #0d0d0d;
	 --lk-f-button: #52794b;	 	 
	 --lk-f-foot:  #ffffff;

		
	/* link hovers */	
		
	 --lk-txt-h-body:  #ff6161;
	 --lk-txt-h-caps:  #ff6161;
	 --lk-txt-h-menu1: #e0dcbd;
	 --lk-txt-h-menu2: #ff6161;
	 --lk-txt-h-menu3: #ff6161; 	 
	 --lk-txt-h-main:  #ff6161;
	 --lk-txt-h-mainb: #52794b;
	 --lk-txt-h-button: #ff9e9e;	  
	 --lk-txt-h-foot:  #ff6161;	
		
	 
	/* fons hovers */	
		

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

	/* especials */

	 --e1: #f0d6d6;
     --e2: #f00;

	/* caixes */
		
	  --bor-main: #fff;
	  --bor-table: #000;	
	  --bor-foot: #fff;		

}

 .svg{
filter: brightness(0) saturate(100%) invert(87%) sepia(14%) saturate(337%) hue-rotate(16deg) brightness(99%) contrast(90%);
}

	body {



		  /* The image used */
	   background-image: url("https://liberisliber.com/images/maquetacio_web/2010/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/2010/capsalera-web.jpg);
        background-size: cover;
        background-position:35% 0;
        background-repeat: no-repeat;
 background-color: var(--f-caps);

}

	#gradient {

        display: block;
        position: absolute;
		width: 100%;
	

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



      z-index: 1;

	}

	    main {
        /*background-image: url(https://liberisliber.com/images/maquetacio_web/2024/fons-bottom.jpg); */
        background-size: 160%;
        background-position: bottom;
        background-repeat: no-repeat;
		background-color:initial;
        /**/
    }