/* -------------------------------------------------------------------------------- */
/*
		    __                     __        __      
		   / /_  ____  __  _______/ /___  __/ /__    
		  / __ \/ __ \/ / / / ___/ __/ / / / / _ \  
		 / /_/ / /_/ / /_/ (__  ) /_/ /_/ / /  __/   
		/_.___/\____/\__,_/____/\__/\__, /_/\___/     
		                           /____/                                             

*/
/* -------------------------------------------------------------------------------- */

/*

 =========================================================
 	Pergamum - v10.0
 =========================================================
 
	*	BouStyle 					 
	*	by Bourscheid, Ricardo 	 
	*	2020 						 

*/

/* -------------------------------------------------------------------------------- */

 



/* --- BUTTONS --- */
	.bktema.branco.btnstema.hover
		{
			color: rgba(var(--temaTxt), 1);
		}
	.bkroxo.btnsroxo.branco.hover.hpreto
		{
			background-color: rgba(var(--buttonRoxo), 1);
			box-shadow: 
				0 14px 26px -12px rgba(var(--buttonRoxo), 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(var(--buttonRoxo), 0.2);
			color: rgba(var(--buttonRoxoTxt), 1);
		}
	.bkverde.btnsverde.branco.hover
		{
			background-color: rgba(var(--buttonVerde), 1);
			box-shadow: 
				0 14px 26px -12px rgba(var(--buttonVerde), 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(var(--buttonVerde), 0.2);
			color: rgba(var(--buttonVerdeTxt), 1);
		}
	.bklaranja.btnslaranja.branco.hover
		{
			background-color: rgba(var(--buttonLaranja), 1);
			box-shadow: 
				0 14px 26px -12px rgba(var(--buttonLaranja), 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(var(--buttonLaranja), 0.2);
			color: rgba(var(--buttonLaranjaTxt), 1);
		}
	.bkvermelho.btnsvermelho.branco.hover
		{
			background-color: rgba(var(--buttonVermelho), 1);
			box-shadow: 
				0 14px 26px -12px rgba(var(--buttonVermelho), 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(var(--buttonVermelho), 0.2);
			color: rgba(var(--buttonVermelhoTxt), 1);
		}
	.bkazul.btnsazul.branco.hover
		{
			background-color: rgba(var(--buttonAzul), 1);
			box-shadow: 
				0 14px 26px -12px rgba(var(--buttonAzul), 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(var(--buttonAzul), 0.2);
			color: rgba(var(--buttonAzulTxt), 1);
		}
	.bkdark70.btnscinza.branco.hover
		{
			background-color: rgba(var(--buttonPreto), 1);
			box-shadow: 
				0 14px 26px -12px rgba(var(--buttonPreto), 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(var(--buttonPreto), 0.2);
			color: rgba(var(--buttonPretoTxt), 1);
		}
	.bkmagenta.btnsmagenta.branco.hover
		{
			background-color: rgba(var(--buttonMagenta), 1);
			box-shadow: 
				0 14px 26px -12px rgba(var(--buttonMagenta), 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(var(--buttonMagenta), 0.2);
			color: rgba(var(--buttonMagentaTxt), 1);
		}
	.bktiffany.btnstiffany.branco.hover
		{
			background-color: rgba(var(--buttonTifanny), 1);
			box-shadow: 
				0 14px 26px -12px rgba(var(--buttonTifanny), 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(var(--buttonTifanny), 0.2);
			color: rgba(var(--buttonTifannyTxt), 1);
		}
/* --- .BUTTONS --- */ 



/* -- GLOBAL  -- */	
	body 
		{
			overflow-x:hidden;				
			font-family: 'Roboto', serif !important;			
			left:0px; 			
			padding: 0px !important; 
		}
	body.sombraTopo:before 
		{ 
		    content: "";
		    position: fixed;
		    top: -10px;
		    left: -10px;
		    width: 110%;
		    height: 10px;
		    box-shadow: 0px 0px 10px rgba(0,0,0,.3);
		    z-index: 999;
		}
	body.sombraTopo:after 
		{	
		    content: "";
		    position: fixed;
		    bottom: -10px;
		    left: -10px;
		    width: 110%;
		    height: 10px;
		    box-shadow: 0px 0px 10px rgba(0,0,0,.3);
		    z-index: 999;
		}	
/* -- .GLOBAL  -- */		


/* -- CORES TEMAS FIXOS -- */
	.agata		{	color: rgb(0, 0, 0);		}
	.ambar		{	color: rgb(210, 155, 0);	} 
	.ametista	{	color: rgb(66, 9, 95);		} 
	.cristal	{	color: rgb(111, 111, 113);	} 
	.esmeralda	{	color: rgb(7, 74, 49);		} 
	.oceanus	{	color: rgb(48, 150, 255);	} 
	.rose		{	color: rgb(235, 158, 158);	} 
	.rubi		{	color: rgb(172, 35, 51);	} 
	.safira		{	color: rgb(0, 51, 102);		} 
	.topazio	{	color: rgb(208, 77, 0);		} 
	
	.bkagata		{	background-color: rgb(0, 0, 0);			}
	.bkambar		{	background-color: rgb(210, 155, 0);		} 
	.bkametista		{	background-color: rgb(66, 9, 95);		} 
	.bkcristal		{	background-color: rgb(111, 111, 113);	} 
	.bkesmeralda	{	background-color: rgb(7, 74, 49);		} 
	.bkoceanus		{	background-color: rgb(48, 150, 255);	} 
	.bkrose			{	background-color: rgb(235, 158, 158);		} 
	.bkrubi			{	background-color: rgb(172, 35, 51);		} 
	.bksafira		{	background-color: rgb(0, 51, 102);		} 
	.bktopazio		{	background-color: rgb(208, 77, 0);		} 
/* -- .CORES TEMAS FIXOS -- */

		
/* -- CARACTERES ESPECIAIS -- */	
	.obrigatorio:after
		{	
			content: "(*)";
			margin-left: 2px;
			font-size: 1rem !important;
		}
/* -- .CARACTERES ESPECIAIS -- */			
	
/* --- FONTES - TAMANHO --- */
	/* - rem - */
		.s07r				{	font-size: 0.7rem !important;	}
		.s08r				{	font-size: 0.8rem !important;	}
		.s09r				{	font-size: 0.9rem !important;	}
		.s1r				{	font-size: 1rem !important;		}
		.s11r				{	font-size: 1.1rem !important;	}
		.s12r				{	font-size: 1.2rem !important;	}
		.s13r				{	font-size: 1.3rem !important;	}
		.s14r				{	font-size: 1.4rem !important;	}
		.s15r				{	font-size: 1.5rem !important;	}
		.s16r				{	font-size: 1.6rem !important;	}
		.s17r				{	font-size: 1.7rem !important;	}
		.s18r				{	font-size: 1.8rem !important;	}
		.s19r				{	font-size: 1.9rem !important;	}
      	.s2r 				{	font-size: 2rem !important;		}
      	.s3r 				{	font-size: 3rem !important;		}
      	.s4r 				{	font-size: 4rem !important;		}
      	.s5r 				{	font-size: 5rem !important;		}
      	.s6r				{	font-size: 6rem !important;		}
	/* - px - */      		
		.s6					{	font-size: 6px !important;		}
		.s7					{	font-size: 7px !important;		}
		.s8					{	font-size: 8px !important;		}
		.s9					{	font-size: 9px !important;		}
		.s10				{	font-size: 10px !important;		}
		.s11				{	font-size: 11px !important;		}
		.s12				{	font-size: 12px !important;		}
		
	/* s1313 a o 13px mesmo */
		.s1313				{	font-size: 13px !important;		}
		
	/* o s13 esta com o valor de 14px pq no meio do processo apenas foi devido o tamanho q antes era 12px */
		.s13				{	font-size: 14px !important;		}
		
		.s14				{	font-size: 14px !important;		}
		.s15				{	font-size: 15px !important;		}				
		.s16				{	font-size: 16px !important;		}
		.s17				{	font-size: 17px !important;		}
		.s18				{	font-size: 18px !important;		}
		.s19				{	font-size: 19px !important;		}
		.s20				{	font-size: 20px !important;		}
		.s21				{	font-size: 21px !important;		}
		.s22				{	font-size: 22px !important;		}
		.s23				{	font-size: 23px !important;		}
		.s24				{	font-size: 24px !important;		}
		.s25				{	font-size: 25px !important;		}
		.s26				{	font-size: 27px !important;		}
		.s27				{	font-size: 27px !important;		}
		.s28				{	font-size: 28px !important;		}
		.s30				{	font-size: 30px !important;		}
		.s35				{	font-size: 35px !important;		}
		.s40				{	font-size: 40px !important;		}
		.s50				{	font-size: 50px !important;		}
		.s60				{	font-size: 60px !important;		}
		.s70				{	font-size: 70px !important;		}
		.s80				{	font-size: 80px !important;		}
		.s90				{	font-size: 90px !important;		}
		.s100				{	font-size: 100px !important;	}
		.s110				{	font-size: 110px !important;	}
		.s120				{	font-size: 120px !important;	}
		.s130				{	font-size: 130px !important;	}
		.s140				{	font-size: 140px !important;	}
		.s150				{	font-size: 150px !important;	}					
/* --- .FONTES - TAMANHOS --- */

/* --- FONTES DA AJUDA --- */
	.corrigeAjuda .s1,
	.corrigeAjuda .s2,
	.corrigeAjuda .s3,
	.corrigeAjuda .s4,
	.corrigeAjuda .s5,
	.corrigeAjuda .s6,
	.corrigeAjuda .s7,
	.corrigeAjuda .s8,
	.corrigeAjuda .s9,
	.corrigeAjuda .s10,
	.corrigeAjuda .s11,
	.corrigeAjuda .s12,
	.corrigeAjuda .s13,
	.corrigeAjuda .s14,
	.corrigeAjuda .s15,
	.corrigeAjuda .s16,
	.corrigeAjuda .s17,
	.corrigeAjuda .s18,
	.corrigeAjuda .s19,
	.corrigeAjuda .s20,
	.corrigeAjuda .s21,
	.corrigeAjuda .s22,
	.corrigeAjuda .s23, 
	.corrigeAjuda .s24{
		font-size: inherit !important;
	}
/* --- .FONTES DA AJUDA --- */

/* --- FONTES - ESTILOS --- */			
		.italico		{	font-style: italic;				}
		.f100			{	font-weight: 100 !important;	}			
		.f300			{	font-weight: 300 !important;	}
		.f400			{	font-weight: 400 !important;	}
		.f500			{	font-weight: 500 !important;	}
		.f700			{	font-weight: 700 !important;	}
		.f900			{	font-weight: 900 !important;	}
/* --- .FONTES - ESTILOS --- */
	
/* --- CORES --- */			
		.azul				{	color: #3399FF;		}
		.verde				{	color: #419F42;		}
		.tiffany			{	color: #087CA2 !important;		}
		.obrigatorio:after,
		.vermelho			{	color: #F00   ;		}
		.amarelo			{	color: #fdc00d;		}
		.laranja			{	color: #ff7f24 !important;		}
		.roxo				{	color: #8D419F;		}
		.magenta			{	color: #e20a7b;		}
		
		.lilas				{	color: #C96AF8; 	}
		.piscina			{	color: #11C8C0; 	}
		.orange				{	color: #EB8F3F; 	}
		.musgo				{	color: #91B387; 	}
		.ceu				{	color: #53b5d5; 	}
		.rosa				{	color: #F66BB2; 	}
		.neon				{	color: #EEE177; 	}
		.tree 				{	color: rgba(147, 224, 106, 1);		}
		
		.preto				{	color: #000000;			!important;	}
		.preto10			{	color: rgba(0,0,0,.1)		!important;	}
		.preto20			{	color: rgba(0,0,0,.2)		!important;	}
		.preto30			{	color: rgba(0,0,0,.3)		!important;	}
		.preto40			{	color: rgba(0,0,0,.4)		!important;	}
		.preto50			{	color: rgba(0,0,0,.5)		!important;	}
		.preto60			{	color: rgba(0,0,0,.6)		!important;	}
		.preto70			{	color: rgba(0,0,0,.7)		!important;	}
		.preto80			{	color: rgba(0,0,0,.8)		!important;	}
		.preto90			{	color: rgba(0,0,0,.9)		!important;	}		
		.branco				{	color: #FFF !important;	}
		.branco10			{	color: rgba(255, 255, 255, 0.10);		}
		.branco20			{	color: rgba(255, 255, 255, 0.20);		}
		.branco30			{	color: rgba(255, 255, 255, 0.30);		}
		.branco40			{	color: rgba(255, 255, 255, 0.40);		}
		.branco50			{	color: rgba(255, 255, 255, 0.50);		}
		.branco60			{	color: rgba(255, 255, 255, 0.60);		}
		.branco70			{	color: rgba(255, 255, 255, 0.70);		}
		.branco80			{	color: rgba(255, 255, 255, 0.80);		}
		.branco90			{	color: rgba(255, 255, 255, 0.90);		}
		.cinza				{	color: #c0c0c0;		}
		.cinza2				{	color: #9d9d9d;		}
/* --- .CORES --- */			
		
/* --- BG --- */	
	/* - cores - */ 		
		.bkazul				{	background-color: #3399FF ;		transition: All 0.4s ease	}
		.bkverde			{	background-color: #419F42 ;		transition: All 0.4s ease	}		
		.bktiffany		 	{ 	background-color: #087CA2 ; 	transition: All 0.4s ease   }
		.bkvermelho			{	background-color: #F00	  ;		transition: All 0.4s ease	}	
		.bklaranja			{	background-color: #ff7f24 ;		transition: All 0.4s ease	}		
		.bkroxo				{	background-color: #8D419F ;		transition: All 0.4s ease	}		
		.bkpreto			{	background-color: #000000 ;		transition: All 0.4s ease	}
		.bkamarelo			{	background-color: #fdc00d ;		transition: All 0.4s ease	}
		.bkpergamum			{	background-color: #003366 ;		transition: All 0.4s ease	}
		.bkbranco			{	background-color: #FFF    ;		transition: All 0.4s ease	}
		.bkcinza			{	background-color: #c0c0c0 ;		transition: All 0.4s ease	}
		.bkcinza2			{	background-color: #f2f2f2 ;		transition: All 0.4s ease	}
		.bkcinza3			{	background-color: #3a3a3a ;		transition: All 0.4s ease	}		
		.bkmagenta			{	background-color: #e20a7b ;		transition: All 0.4s ease	}		
		.bkamarelo			{	background-color: #f0ad4e ;		transition: All 0.4s ease	}
	/* - pretos - */ 
		.bkdark2			{	background-color: rgba(  0,   0,   0, 0.02);	transition: All 0.4s ease	}
		.bkdark5			{	background-color: rgba(  0,   0,   0, 0.05);	transition: All 0.4s ease	}
		.bkdark10			{	background-color: rgba(  0,   0,   0, 0.10);	transition: All 0.4s ease	}
		.bkdark20			{	background-color: rgba(  0,   0,   0, 0.20);	transition: All 0.4s ease	}
		.bkdark30			{	background-color: rgba(  0,   0,   0, 0.30);	transition: All 0.4s ease	}
		.bkdark40			{	background-color: rgba(  0,   0,   0, 0.40);	transition: All 0.4s ease	}
		.bkdark50			{	background-color: rgba(  0,   0,   0, 0.50);	transition: All 0.4s ease	}
		.bkdark60			{	background-color: rgba(  0,   0,   0, 0.60);	transition: All 0.4s ease	}
		.bkdark70			{	background-color: rgba(  0,   0,   0, 0.70);	transition: All 0.4s ease	}
		.bkdark80			{	background-color: rgba(  0,   0,   0, 0.80);	transition: All 0.4s ease	}
		.bkdark90			{	background-color: rgba(  0,   0,   0, 0.90);	transition: All 0.4s ease	}
	/* - brancos - */ 
		.bklight10			{	background-color: rgba(255, 255, 255, 0.10);	transition: All 0.4s ease	}
		.bklight20			{	background-color: rgba(255, 255, 255, 0.20);	transition: All 0.4s ease	}
		.bklight30			{	background-color: rgba(255, 255, 255, 0.30);	transition: All 0.4s ease	}
		.bklight40			{	background-color: rgba(255, 255, 255, 0.40);	transition: All 0.4s ease	}
		.bklight50			{	background-color: rgba(255, 255, 255, 0.50);	transition: All 0.4s ease	}
		.bklight60			{	background-color: rgba(255, 255, 255, 0.60);	transition: All 0.4s ease	}
		.bklight70			{	background-color: rgba(255, 255, 255, 0.70);	transition: All 0.4s ease	}
		.bklight80			{	background-color: rgba(255, 255, 255, 0.80);	transition: All 0.4s ease	}
		.bklight90			{	background-color: rgba(255, 255, 255, 0.90);	transition: All 0.4s ease	}
	/* - neutro - */ 
		.bknone				{	background-color: rgba(0, 0, 0, 0);				transition: All 0.4s ease	}
		.bkzero				{	background-color: transparent !important;		transition: All 0.4s ease	}
	/* - modulos - */
		.bklilas			{	background-color: rgba(201, 106, 248, 1); 		}
		.bkpiscina			{	background-color: rgba(17, 200, 192, 1); 		}
		.bkorange			{	background-color: rgba(235, 143, 63, 1); 		}
		.bkmusgo			{	background-color: rgba(145, 179, 135,1); 		}
		.bkceu				{	background-color: rgba(83, 181, 213, 1); 		}
		.bkrosa				{	background-color: rgba(246, 107, 178, 1); 		}
		.bkneon				{	background-color: rgba(238, 225, 119, 1); 		}	
		.bktree				{	background-color: rgba(147, 224, 106, 1); 		}		
/* --- .BG --- */


/* --- BG ESPECIAIS --- */		
		.erro_500
			{
				background-image: url(../img/erro_500.jpg);
			    background-repeat: no-repeat;
			    background-position: center;
			    height: 100vh;
			    background-size: cover;
			}
		.erro_404
			{
				background-image: url(../img/erro_404.jpg);
			    background-repeat: no-repeat;
			    background-position: center;
			    height: 100vh;
			    background-size: cover;
			}
		.erro_negado
			{
				background-image: url(../img/erro_negado.jpg);
			    background-repeat: no-repeat;
			    background-position: center;
			    height: 100vh;
			    background-size: cover;
			}
		.erro_manutencao
			{
				background-image: url(../img/erro_manutencao.jpg);
			    background-repeat: no-repeat;
			    background-position: center;
			    height: 100vh;
			    background-size: cover;
			}
/* --- .BG ESPECIAIS --- */

/* --- SOMBRAS --- */
		.sombra			{	box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);		}
		.sroxo,
		.btnsroxo		
			{    box-shadow: 
				0 14px 26px -12px rgba(141, 65, 159, 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(141, 65, 159, 0.2);
			}
		.scinza,
		.btnscinza		
			{    box-shadow: 
				0 14px 26px -12px rgba(208, 208, 208, 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(210, 210, 210, 0.2);
			}
		.scinza2,
		.btnscinza2		
			{    box-shadow: 
				1px 4px 9px 0px rgba(208, 208, 208, 0.42)							
			}		
		.sazul,
		.btnsazul		
			{    box-shadow: 
				0 12px 20px -10px rgba(0, 188, 212, 0.28), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(0, 188, 212, 0.2);
			}
		.svermelho,
		.btnsvermelho	
			{    box-shadow: 
				0 12px 20px -10px rgba(244, 67, 54, 0.28), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(244, 67, 54, 0.2);
			}
		.sverde,
		.btnsverde		
			{	box-shadow: 
				0 12px 20px -10px rgba(76, 175, 80, 0.28), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(76, 175, 80, 0.2);
			}
		.stiffany,
		.btnstiffany
			{
				box-shadow: 
				0 12px 20px -10px rgba(8, 124, 162, 0.28), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(8, 124, 162, 0.2);
			}
		.slaranja,
		.btnslaranja	
			{	box-shadow: 
				0 12px 20px -10px rgba(255, 152, 0, 0.28), 
				0 4px 20px 0px rgba(0, 0, 0, 0.12), 
				0 7px 8px -5px rgba(255, 152, 0, 0.2);
			}
		.smagenta,
		.btnsmagenta		
			{    box-shadow: 
				0 12px 20px -10px rgba(226, 10, 123, 0.28), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(212, 0, 92, 0.2);
			}	
		.spreto,
		.btnspreto		
			{	box-shadow: 
				0 12px 20px -10px rgba(0, 0, 0, 0.28), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(0, 0, 0, 0.2);
			}	
			
		.sceu,
		.btnsceu		
			{	box-shadow: 
				0 12px 20px -10px rgba(var(--ceu), 0.28), 
				0 4px 23px 0px rgba(var(--ceu), 0.12), 
				0 8px 10px -5px rgba(var(--ceu), 0.2);
			}			
/* --- SOMBRAS --- */		
					
/* --- TEXT SHADOWS --- */
	    .textsazul			{	text-shadow: 0px 10px 10px  rgba(var(--azul) ,1);		}
		.textsverde			{	text-shadow: 0px 10px 10px  rgba(var(--verde) ,1);		}
		.textstiffany		{	text-shadow: 0px 10px 10px  rgba(var(--tiffany) ,1);	}
		.textsvermelho		{	text-shadow: 0px 10px 10px  rgba(var(--vermelho) ,1);	}
		.textslaranja		{	text-shadow: 0px 10px 10px  rgba(var(--laranja) ,1);	}
		.textsroxo			{	text-shadow: 0px 10px 10px  rgba(var(--roxo) ,1);		}
		.textsmagenta		{	text-shadow: 0px 10px 10px  rgba(var(--magenta) ,1);	}
		.textspreto			{	text-shadow: 0px 10px 10px  rgba(var(--preto) ,1);		}
		.textsbranco		{	text-shadow: 0px 10px 10px  rgba(var(--branco) ,1);		}
		.textsamarelo		{	text-shadow: 0px 10px 10px  rgba(var(--amarelo) ,1);	}
		.textscinza			{	text-shadow: 0px 10px 10px  rgba(var(--cinza) ,1);		}
		.textscinza2		{	text-shadow: 0px 10px 10px  rgba(var(--cinza2) ,1);		}
		.textsnone			{	text-shadow: none;										}
/* --- TEXT SHADOWS --- */					
					
/* --- BORDAS - CORES  --- */	
		.b-azul				{	border-color: #3399FF !important;		}		
		.b-verde			{	border-color: #419F42 !important;		}
		.b-tiffany			{	border-color: #087CA2 !important;		}
		.b-vermelho			{	border-color: #ff0000 !important;		}
		.b-laranja			{	border-color: #ff7f24 !important;		}
		.b-roxo				{	border-color: #8D419F !important;		}
		.b-magenta			{	border-color: #e20a7b !important;		}
		.b-preto			{	border-color: #000000 !important;		}
		.b-branco			{	border-color: rgba(255, 255, 255, 1) !important;			}
		.b-branco10			{	border-color: rgba(255, 255, 255, 0.1) !important;		}
		.b-branco20			{	border-color: rgba(255, 255, 255, 0.2) !important;		}
		.b-branco30			{	border-color: rgba(255, 255, 255, 0.3) !important;		}
		.b-branco50			{	border-color: rgba(255, 255, 255, 0.5) !important;		}
		.b-branco70			{	border-color: rgba(255, 255, 255, 0.7) !important;		}		
		.b-amarelo			{	border-color: #fdc00d !important;		}
		.b-cinza			{	border-color: #aeaeae !important;		}
		.b-cinza2			{	border-color: #dddfe6 !important;		}
		.b-none,
		.b-none:hover		{	border-style: none;			}	
		
		.b-lilas			{	border-color: #C96AF8; 	}
		.b-piscina			{	border-color: #11C8C0; 	}
		.b-orange			{	border-color: #EB8F3F; 	}
		.b-musgo			{	border-color: #91B387; 	}
		.b-ceu				{	border-color: #53b5d5; 	}
		.b-rosa				{	border-color: #F66BB2; 	}
		.b-neon				{	border-color: #EEE177; 	}
		.b-tree				{	border-color: rgba(147, 224, 106, 1);	}
/* --- .BORDAS - CORES --- */

/* --- BORDAS - TIPOS --- */			
		.b-solid			{	border-style: solid;		}
		.b-dotted			{	border-style: dotted;		}
		.b-dashed			{	border-style: dashed;		}
		
		.b-solid-bottom		{	border-style: none none solid  none;		}
		.b-dotted-bottom	{	border-style: none none dotted none;		}
		.b-dashed-bottom	{	border-style: none none dashed none;		}
		
		.b-solid-top		{	border-style: solid  none none none;		}
		.b-dotted-top		{	border-style: dotted none none none;		}
		.b-dashed-top		{	border-style: dashed none none none;		}
		
		.b-solid-left		{	border-style: none none none solid ;		}
		.b-dotted-left		{	border-style: none none none dotted;		}
		.b-dashed-left		{	border-style: none none none dashed;		}
		
		.b-solid-right		{	border-style: none solid  none none;		}
		.b-dotted-right		{	border-style: none dotted none none;		}
		.b-dashed-right		{	border-style: none dashed none none;		}
/* --- .BORDAS - TIPOS --- */		

/* --- BORDAS - ESPESSURAS --- */		
		.b-w1				{	border-width: 1px;			}
		.b-w2				{	border-width: 2px;			}	
		.b-w3				{	border-width: 3px;			}	
		.b-w4				{	border-width: 4px;			}	
		.b-w5				{	border-width: 5px;			}	
		.b-w10				{	border-width: 10px;			}		
/* --- BORDAS - ESPESSURAS --- */
	
/* --- TEXTOS - ALINHAMENTO (*) - USAR PREFERENCIALMENTE O BOOTSTRAP / ESTA PARTE PODE SER DESCONTINUADA --- */
		.txt-center		{	text-align: center;		}
		.txt-left		{	text-align: left;		}
		.txt-right		{	text-align: right;		}
		.txt-justify	{	text-align: justify;	}
		.align-RL		{	text-align: right;		}
		.align-CL		{	text-align: center;		}
		.align-LC		{	text-align: left;		}
		.align-RC		{	text-align: right;		}
		.l1				{	margin-left: 1px;		}
		.l5				{	margin-left: 5px;		}
		.l10			{	margin-left: 10px;		}
		.l15			{	margin-left: 15px;		}
		.l20			{	margin-left: 20px;		}
		.l30			{	margin-left: 30px;		}
		.l40			{	margin-left: 40px;		}
		.r1				{	margin-right: 1px;		}
		.r2				{	margin-right: 2px;		}
		.r5				{	margin-right: 5px;		}
		.r10			{	margin-right: 10px;		}
		.r20			{	margin-right: 20px;		}
		.r30			{	margin-right: 30px;		}
		.t1				{	margin-top: 1px;		}
		.t5				{	margin-top: 5px;		}
		.t8				{	margin-top: 8px;		}
		.t-30			{	margin-top: -30px;		}
		.t-20			{	margin-top: -20px;		}
		.t-15			{	margin-top: -15px;		}
		.t-10			{	margin-top: -10px;		}
		.t-5			{	margin-top: -5px;		}
		.t-3			{	margin-top: -3px;		}
		.t-2			{	margin-top: -2px;		}
		.t-1			{	margin-top: -1px;		}
		.t0				{	margin-top: 0px;		}
		.t2				{	margin-top: 2px;		}
		.t3				{	margin-top: 3px;		}
		.t5				{	margin-top: 5px;		}
		.t10			{	margin-top: 10px;		}
		.t15			{	margin-top: 15px;		}
		.t20			{	margin-top: 20px;		}
		.t25			{	margin-top: 25px;		}
		.t30			{	margin-top: 30px;		}
		.t40			{	margin-top: 40px;		}
		.t45			{	margin-top: 45px;		}
		.t100			{	margin-top: 100px;		}
		.b-20			{	margin-bottom: -20px;	}
		.b-15			{	margin-bottom: -15px;	}
		.b-10			{	margin-bottom: -10px;	}
		.b0             {   margin-bottom: 0px;  	}
		.b5				{	margin-bottom: 5px;		}
		.b10			{	margin-bottom: 10px;	}
		.b20			{	margin-bottom: 20px;	}
		.b30			{	margin-bottom: 30px;	}		
/* --- .TEXTOS - ALINHAMENTO --- */
		
/* -- TAMANHOS FIXO  */	
		.wh15	{	width: 15px;	height: 15px;	}
		.wh20	{	width: 20px;	height: 20px;	}
		.wh25	{	width: 25px;	height: 25px;	}
		.wh28	{	width: 27px;	height: 27px;	}
		.wh30	{	width: 30px;	height: 30px;	}
		.wh35	{	width: 35px;	height: 35px;	}	
		.wh40	{	width: 40px;	height: 40px;	}
		.wh45	{	width: 45px;	height: 45px;	}
		.wh50	{	width: 50px;	height: 50px;	}
		.wh55	{	width: 55px;	height: 55px;	}
		.wh60	{	width: 60px;	height: 60px;	}
		.wh65	{	width: 65px;	height: 65px;	}
		.wh70	{	width: 70px;	height: 70px;	}
		.wh75	{	width: 75px;	height: 75px;	}
		.wh80	{	width: 80px;	height: 80px;	}
		.wh85	{	width: 85px;	height: 85px;	}
		.wh90	{	width: 90px;	height: 90px;	}
		.wh95	{	width: 95px;	height: 95px;	}
		.wh100	{	width: 100px;	height: 100px;	}
		.wh80	{	width: 80px;	}
		.wp100	{	width: 100%;	}
	/* - alturas - */
		.h10	{	height: 10px;	}
		.h15	{	height: 15px;	}
		.h20	{	height: 20px;	}
		.h25	{	height: 25px;	}
		.h30	{	height: 30px;	}
		.h35	{	height: 35px;	}	
		.h40	{	height: 40px;	}
		.h45	{	height: 45px;	}
		.h50	{	height: 50px;	}
		.h100	{	height: 100px;	}
	/* - alturas m�nimas - */		
		.hm300m	{	min-height:300px;	}		
/* -- .TAMANHOS FIXO  */				
	
/* --- HOVER --- */		
		.hover:hover			{	color: #FFF !important;					-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}		
		.hazul:hover			{	background-color: #3399FF !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}		
		.hverde:hover			{	background-color: #419F42 !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.htiffany:hover			{	background-color: #087CA2 !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}		
		.hvermelho:hover		{	background-color: #F00	  !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}		
		.hlaranja:hover			{	background-color: #ff7f24 !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}		
		.hroxo:hover			{	background-color: #8D419F !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.hpreto:hover			{	background-color: #000000 !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.hamarelo:hover			{	background-color: #fdc00d !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}		
		.hbranco:hover			{	background-color: #FFF    !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.hcinza:hover			{	background-color: #c0c0c0 !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.hcinza2:hover			{	background-color: rgba(192, 192, 192, 0.20) !important;		-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}				
		.hmagenta:hover			{	background-color: #e20a7b !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}				
		.hamarelo:hover			{	background-color: #f0ad4e !important;	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}	
		
		.hlilas:hover			{	background-color: rgba(201, 106, 248, .3); 	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.hpiscina:hover			{	background-color: rgba(17, 200, 192, .3); 	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.horange:hover			{	background-color: rgba(235, 143, 63, .3); 	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.hmusgo:hover			{	background-color: rgba(145, 179, 135, .3); 	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.hceu:hover				{	background-color: rgba(83, 181, 213, .3); 	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.hrosa:hover			{	background-color: rgba(246, 107, 178, .3); 	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
		.hneon:hover			{	background-color: rgba(238, 225, 119, .3); 	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}	
		.htree:hover			{	background-color: rgba(147, 224, 106, .3); 	-webkit-transition: All 0.8s ease;		transition: All 0.8s ease;	}
/* --- .HOVER --- */
	
/* --- PADDING - 4 LADOS (*) - USAR PREFERENCIALMENTE O BOOTSTRAP / ESTA PARTE PODE SER DESCONTINUADA --- */			
		.pad0				{	padding: 0px !important		}
		.pad1				{	padding: 1px !important		}
		.pad2				{	padding: 2px !important		}
		.pad5				{	padding: 5px !important		}
		.pad10				{	padding: 10px !important	}		
		.pad15				{	padding: 15px !important	}
		.pad20				{	padding: 20px !important	}
		.pad30				{	padding: 30px !important	}
		.pad40				{	padding: 40px !important	}
		.pad50				{	padding: 50px !important	}
/* --- PADDING - 4 LADOS --- */					

/* --- CURSOR --- */
		.click				{	cursor: pointer; 	}
		.noclick 			{	cursor: no-drop;	}	
/* --- .CURSOR --- */				
	
/* -- DIN�MICOS -- */		
		.dinamico 			{	display: none;		}		
		.dinamicoInverso 	{	display: block;		}
/* -- .DIN�MICOS -- */
	
/* --- OPACIDADE --- */
		.op0	{	opacity: 0		!important;	}
		.op1	{	opacity: 0.1	!important;	}
		.op2	{	opacity: 0.2	!important;	}
		.op3	{	opacity: 0.3	!important;	}
		.op5	{	opacity: 0.5	!important;	}
		.op7	{	opacity: 0.7	!important;	}
		.op10	{	opacity: 1		!important;	}
/* --- .OPACIDADE --- */

/* --- LINK --- */
		.nolink, .nolink:hover	{	text-decoration: none !important;			}	
		.link, .link:hover		{	text-decoration: underline !important;		}
		.riscado 				{ 	text-decoration: line-through;				}
/* --- LINK --- */		
	
/* --- BORDAS ARREDONDADAS --- */					
		.rad1	{	border-radius: 1px;		}
		.rad2	{	border-radius: 2px;		}
		.rad3	{	border-radius: 3px;		}
		.rad5	{	border-radius: 5px;		}
		.rad10	{	border-radius: 10px;	}
		.rad15	{	border-radius: 15px;	}	
		.rad20	{	border-radius: 20px;	}
		.rad20p	{	border-radius: 20%;		}
		.rad50p	{	border-radius: 50%;		}
/* --- BORDAS ARREDONDADAS --- */

/* ---- button DISABLED ---- */	
		button:disabled
			{	
				background: rgba(0,0,0,0.05) !important;
				color: rgba(0,0,0,0.3) !important;
				cursor: no-drop;
				box-shadow: none;
				text-decoration: line-through;
			}
		button:disabled:hover
			{				
				background: rgba(0,0,0,0) !important;
				color: rgba(0,0,0,0.5) !important;
				cursor: no-drop;
				box-shadow: none;
			}
		.bkzero button:disabled
			{	
				background: rgba(0,0,0,0) !important;
				color: rgba(0,0,0,0.3) !important;
				cursor: no-drop;
				box-shadow: none;
				text-decoration: line-through;
			}
		.bkzero button:disabled:hover
			{				
				background: rgba(0,0,0,0) !important;
				color: rgba(0,0,0,0.5) !important;
				cursor: no-drop;
				box-shadow: none;
			}
/* ---- .button ---- */		
				

/* -------------------------------------------------------------------------------- */
/* --- MEDIAS QUERY --- */

	@media (min-width: 576px) 
		{ /*...*/ }
	
	
	@media only screen and (max-width: 768px) 
		{ /*...*/ }
	
	
	@media only screen and (max-width: 991px) 
		{			
			.dinamico			{	display: inline-block;		}		
			.dinamicoInverso	{	display: none;				}				
			.align-RL			{	text-align: left;		}
			.align-CL			{	text-align: left;		}
			.align-LC			{	text-align: center;		}
			.align-RC			{	text-align: center;		}			
		}
	
	@media (min-width: 992px) 
		{ /*...*/ }
	
	@media (min-width: 1200px) 
		{ /*...*/ }
		
/* --- .MEDIAS QUERY --- */
/* -------------------------------------------------------------------------------- */