.amagaordenador{display:none !important; visibility:hidden !important; }
.ensenyaordenador  {display:inherit  !important; visibility:visible  !important; }


.hind {	font-family: 'Hind', sans-serif !important; }

.noto {	font-family: 'Noto Serif', serif !important;}

.gris1 {color:#e1e1e1 !important;}
.gris2 {color:#cacaca !important;}
.gris3 {color:#a7a7a6 !important;}
.gris4 {color:#81817f !important;}
.gris5 {color:#5f5f5f !important;}
.gris6 {color:#343434 !important;}
.gris7 {color:#222 !important;}
.gris8 {color:#1f1a1a !important}
.negre {color:#343434 !important;}
.blanc {color:#fff !important}
.vermell {color:#ca1112 !important}

.gristitol {color:#66696b}

.fonsgris {background-color:#e8e6e6 !important;}
.fonsgris1 {background-color:#e1e1e1 !important;;}
.fonsgris2 {background-color:#cacaca !important;;}
.fonsgris3 {background-color:#a7a7a6 !important;;}
.fonsgris4 {background-color:#81817f !important;;}
.fonsgris5 {background-color:#5f5f5f !important;;}
.fonsgris6 {background-color:#343434 !important;;}
.fonsgris7 {background-color:#222 !important;;}
.fonsgris8 {background-color:#1f1a1a !important;}
.fonsgris10 {background-color:#111111 !important;}
.fonsnegre {background-color:#343434 !important;;}
.fonsblanc {background-color:#fff !important;;}
.fonsvermell {background-color:#ca1112 !important;}

.fonstransparent {background-color: transparent !important}


.fonsblanc {background-color:#fff !important;}



.dreta {float:right !important}
.esquerra {float:left !important}

.center {text-align:center; margin:auto;}

.text-dreta {text-align:right  !important}
.text-esquerra {text-align:left  !important}

.text-centre {text-align:center  !important; margin:auto  ;}




.italic {font-style:italic !important}
.uppercase {text-transform:uppercase !important;}
.bold{font-weight:bold !important;}


.displayblock {display:block !important;}
.displayinline {display:inline !important;}

.nomargin {margin:0px !important;}
.nopadding {padding:0px !important;}

.fontweight100 {font-weight:100 !important}
.fontweight200 {font-weight:200 !important}
.fontweight300 {font-weight:300 !important}
.fontweight400 {font-weight:400 !important}
.fontweight600 {font-weight:600 !important}
.fontweight700 {font-weight:700 !important}
.fontweight800 {font-weight:800 !important}

.letterspacing0 {letter-spacing:0px !important;}
.letterspacing1 {letter-spacing:1px !important;}
.letterspacing2 {letter-spacing:2px !important;}
.letterspacing3 {letter-spacing:3px !important;}
.letterspacing4 {letter-spacing:4px !important;}
.letterspacing5 {letter-spacing:5px !important;}


.text9 {font-size:9px;}
.text10 {font-size:10px !important;}
.text11 {font-size:11px !important;}
.text12 {font-size:12px !important;}
.text13 {font-size:13px !important;}
.text14 {font-size:14px !important;}
.text15 {font-size:15px !important;}
.text16 {font-size:16px !important;}
.text17 {font-size:17px !important;}
.text18 {font-size:18px !important;}
.text19 {font-size:19px !important;}
.text20 {font-size:20px !important;}
.text21 {font-size:21px !important;}
.text22 {font-size:22px !important;}
.text23 {font-size:23px !important;}
.text24 {font-size:24px !important;}
.text25 {font-size:25px !important;}
.text26 {font-size:26px !important;}
.text27 {font-size:27px !important;}
.text28 {font-size:28px !important;}
.text29 {font-size:29px !important;}
.text30 {font-size:30px !important;}
.text35 {font-size:30px !important;}
.text40 {font-size:40px !important;}
.text45 {font-size:45px !important;}
.text50 {font-size:50px !important;}
.text60 {font-size:60px !important;}
.text70 {font-size:70px !important;}
.text80 {font-size:80px !important;}
.text90 {font-size:90px !important;}
.text100 {font-size:100px !important;}
.text150 {font-size:150px !important;}
.text200 {font-size:200px !important;}

.opacitat0 {opacity:0 !important;}
.opacitat05 {opacity:0.05 !important;}
.opacitat1 {opacity:0.1 !important;}
.opacitat2 {opacity:0.2 !important;}
.opacitat3 {opacity:0.3 !important;}
.opacitat4 {opacity:0.4 !important;}
.opacitat5 {opacity:0.5 !important;}
.opacitat6 {opacity:0.6 !important;}
.opacitat7 {opacity:0.7 !important;}
.opacitat8 {opacity:0.8 !important;}
.opacitat85 {opacity:0.85 !important;}
.opacitat9 {opacity:0.9 !important;}
.opacitat95 {opacity:0.95 !important;}
.opacitat10 {opacity:1 !important;}

.lineheight11 {line-height:11px !important;}
.lineheight12 {line-height:12px !important;}
.lineheight13 {line-height:13px !important;}
.lineheight14 {line-height:14px !important;}
.lineheight15 {line-height:15px !important;}
.lineheight16 {line-height:16px !important;}
.lineheight17 {line-height:17px !important;}
.lineheight18 {line-height:18px !important;}
.lineheight19 {line-height:19px !important;}
.lineheight20 {line-height:20px !important;}
.lineheight21 {line-height:21px !important;}
.lineheight22 {line-height:22px !important;}
.lineheight23 {line-height:23px !important;}
.lineheight24 {line-height:24px !important;}
.lineheight25 {line-height:25px !important;}
.lineheight26 {line-height:26px !important;}
.lineheight27 {line-height:27px !important;}
.lineheight28 {line-height:27px !important;}
.lineheight29 {line-height:29px !important;}
.lineheight30 {line-height:30px !important;}
.lineheight40 {line-height:40px !important;}
.lineheight50 {line-height:50px !important;}
.lineheight60 {line-height:60px !important;}
.lineheight70 {line-height:70px !important;}


 .margintop1 {margin-top:1px !important;}
 .margintop2 {margin-top:2px !important;}
 .margintop3 {margin-top:3px !important;}
 .margintop4 {margin-top:4px !important;}
 .margintop5 {margin-top:5px !important;}
 .margintop10 {margin-top:10px !important;}
 .margintop20 {margin-top:20px !important;}
 .margintop30 {margin-top:30px !important;}
 .margintop40 {margin-top:40px !important;}
 .margintop50 {margin-top:50px !important;}
 .margintop60 {margin-top:60px !important;}
 .margintop70 {margin-top:70px !important;}
 .margintop80 {margin-top:80px !important;}
 .margintop90 {margin-top:90px !important;}
 .margintop100 {margin-top:100px !important;}
 .margintop110 {margin-top:110px !important;}
 .margintop120 {margin-top:120px !important;}
 .margintop150 {margin-top:150px !important;}
  
 .marginbottom1 {margin-bottom:1px !important;}
 .marginbottom2 {margin-bottom:2px !important;}
 .marginbottom3 {margin-bottom:3px !important;}
 .marginbottom4 {margin-bottom:4px !important;}
 .marginbottom5 {margin-bottom:5px !important;}
 .marginbottom10 {margin-bottom:10px !important;}
 .marginbottom20 {margin-bottom:20px !important;}
 .marginbottom30 {margin-bottom:30px !important;}
 .marginbottom40 {margin-bottom:40px !important;}
 .marginbottom50 {margin-bottom:50px !important;}
 .marginbottom60 {margin-bottom:60px !important;}
 .marginbottom70 {margin-bottom:70px !important;}
 .marginbottom80 {margin-bottom:80px !important;}
 .marginbottom90 {margin-bottom:90px !important;}
 .marginbottom100 {margin-bottom:100px !important;}
 .marginbottom110 {margin-bottom:110px !important;}
 .marginbottom120 {margin-bottom:120px !important;}
 .marginbottom150 {margin-bottom:150px !important;}


 .margindreta1 {margin-right:1px !important;}
 .margindreta2 {margin-right:2px !important;}
 .margindreta3 {margin-right:3px !important;}
 .margindreta4 {margin-right:4px !important;}
 .margindreta5 {margin-right:5px !important;}
 .margindreta10 {margin-right:10px !important;}
 .margindreta20 {margin-right:20px !important;}
 .margindreta30 {margin-right:30px !important;}
 .margindreta40 {margin-right:40px !important;}
 .margindreta50 {margin-right:50px !important;}
 .margindreta60 {margin-right:60px !important;}
 .margindreta70 {margin-right:70px !important;}
 .margindreta80 {margin-right:80px !important;}
 .margindreta90 {margin-right:90px !important;}
 .margindreta100 {margin-right:100px !important;}
 .margindreta110 {margin-right:110px !important;}
 .margindreta120 {margin-right:120px !important;}
 .margindreta150 {margin-right:150px !important;}


 .marginesquerra1 {margin-left:1px !important;}
 .marginesquerra2 {margin-left:2px !important;}
 .marginesquerra3 {margin-left:3px !important;}
 .marginesquerra4 {margin-left:4px !important;}
 .marginesquerra5 {margin-left:5px !important;}
 .marginesquerra10 {margin-left:10px !important;}
 .marginesquerra20 {margin-left:20px !important;}
 .marginesquerra30 {margin-left:30px !important;}
 .marginesquerra40 {margin-left:40px !important;}
 .marginesquerra50 {margin-left:50px !important;}
 .marginesquerra60 {margin-left:60px !important;}
 .marginesquerra70 {margin-left:70px !important;}
 .marginesquerra80 {margin-left:80px !important;}
 .marginesquerra90 {margin-left:90px !important;}
 .marginesquerra100 {margin-left:100px !important;}
 .marginesquerra110 {margin-left:110px !important;}
 .marginesquerra120 {margin-left:120px !important;}
 .marginesquerra150 {margin-left:150px !important;}






 .padding10 {padding:10px !important;}
 .padding20 {padding:20px !important;}
 .padding30 {padding:30px !important;}
 .padding40 {padding:40px !important;}
 .padding50 {padding:50px !important;}
 .padding60 {padding:60px !important;}
 .padding70 {padding:70px !important;}
 .padding80 {padding:80px !important;}
 .padding90 {padding:90px !important;}
 .padding100 {padding:100px !important;}
 .padding110 {padding:110px !important;}
      
      
 .paddingtop1 {padding-top:1px !important;} 
 .paddingtop2 {padding-top:2px !important;}      
 .paddingtop3 {padding-top:3px !important;}     
 .paddingtop4 {padding-top:4px !important;} 
 .paddingtop5 {padding-top:5px !important;} 
 .paddingtop6 {padding-top:6px !important;}      
 .paddingtop7 {padding-top:7px !important;}     
 .paddingtop8 {padding-top:8px !important;}  
 .paddingtop9 {padding-top:9px !important;}  

 .paddingtop10 {padding-top:10px !important;}
 .paddingtop20 {padding-top:20px !important;}
 .paddingtop30 {padding-top:30px !important;}
 .paddingtop40 {padding-top:40px !important;}
 .paddingtop50 {padding-top:50px !important;}
 .paddingtop60 {padding-top:60px !important;}
 .paddingtop70 {padding-top:70px !important;}
 .paddingtop80 {padding-top:80px !important;}
 .paddingtop90 {padding-top:90px !important;}
 .paddingtop100 {padding-top:100px !important;}
 .paddingtop110 {padding-top:110px !important;}
 .paddingtop150 {padding-top:150px !important;} 
 .paddingtop200 {padding-top:200px !important;}


 .paddingbottom1 {padding-bottom:1px !important;} 
 .paddingbottom2 {padding-bottom:2px !important;}      
 .paddingbottom3 {padding-bottom:3px !important;}     
 .paddingbottom4 {padding-bottom:4px !important;} 
 .paddingbottom5 {padding-bottom:5px !important;} 
 .paddingbottom6 {padding-bottom:6px !important;}      
 .paddingbottom7 {padding-bottom:7px !important;}     
 .paddingbottom8 {padding-bottom:8px !important;}  
 .paddingbottom9 {padding-bottom:9px !important;}  
 .paddingbottom10 {padding-bottom:10px !important;}
 .paddingbottom20 {padding-bottom:20px !important;}
 .paddingbottom30 {padding-bottom:30px !important;}
 .paddingbottom40 {padding-bottom:40px !important;}
 .paddingbottom50 {padding-bottom:50px !important;}
 .paddingbottom60 {padding-bottom:60px !important;}
 .paddingbottom70 {padding-bottom:70px !important;}
 .paddingbottom80 {padding-bottom:80px !important;}
 .paddingbottom90 {padding-bottom:90px !important;}
 .paddingbottom100 {padding-bottom:100px !important;}
 .paddingbottom110 {padding-bottom:110px !important;}
 .paddingbottom150 {padding-bottom:150px !important;}
 .paddingbottom200 {padding-bottom:200px !important;}
      
      
 .paddingdreta5 {padding-right:5px !important;}
     
 .paddingdreta10 {padding-right:10px !important;}
 .paddingdreta20 {padding-right:20px !important;}
 .paddingdreta30 {padding-right:30px !important;}
 .paddingdreta40 {padding-right:40px !important;}
 .paddingdreta50 {padding-right:50px !important;}
 .paddingdreta60 {padding-right:60px !important;}
 .paddingdreta70 {padding-right:70px !important;}
 .paddingdreta80 {padding-right:80px !important;}
 .paddingdreta90 {padding-right:90px !important;}
 .paddingdreta100 {padding-right:100px !important;}
 .paddingdreta110 {padding-right:110px !important;}


 .paddingesquerra10 {padding-left:10px !important;}
 .paddingesquerra20 {padding-left:20px !important;}
 .paddingesquerra30 {padding-left:30px !important;}
 .paddingesquerra40 {padding-left:40px !important;}
 .paddingesquerra50 {padding-left:50px !important;}
 .paddingesquerra60 {padding-left:60px !important;}
 .paddingesquerra70 {padding-left:70px !important;}
 .paddingesquerra80 {padding-left:80px !important;}
 .paddingesquerra90 {padding-left:90px !important;}
 .paddingesquerra100 {padding-left:100px !important;}
 .paddingesquerra110 {padding-left:110px !important;}


.amaga {display:none !important; visibility:hidden !important; }





.nofloat{
    float: none !important;
}

 
.col-center{
    float: none !important;
    margin: 0 auto !important; 
}


.bordertop {border-top:1px dotted rgba(0, 0, 0, 0.3) !important; }

.bordertop {border-bottom:1px dotted rgba(0, 0, 0, 0.3) !important; }



.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.no-border {border:none !important}







@media (max-width: 768px) {

.amagaiphone {display:none !important; visibility:hidden !important; }
.ensenyaiphone  {display:inherit  !important; visibility:visible  !important; }


					}




@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.amagaipad  {display:none !important; visibility:hidden !important; }
.ensenyaipad  {display:inherit  !important; visibility:visible  !important; }


					}








/* IPAD Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
 {
.amagaipadvertical  {display:none !important; visibility:hidden !important; }
.ensenyaipadvertical  {display:inherit  !important; visibility:visible  !important; }

			}
			
			
			

/* IPAD  Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
 {
.amagaipadhoritzontal  {display:none !important; visibility:hidden !important; }
.ensenyaipadhoritzontal  {display:inherit  !important; visibility:visible  !important; }



			}





@media only screen and (max-width: 980px) and (orientation : landscape) {
	/* LANDSCAPE:
	Nexus 7
	HTC Evo 3D*/


.amagagalaxyhoritzontal  {display:none !important; visibility:hidden !important; }
.ensenyagalaxyhoritzontal  {display:inherit  !important; visibility:visible  !important; }




				}