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

CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org

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

/* BODY */

 
body { 
    
	width:		 	1280px; 
	margin-left:	auto;
    margin-right: 	auto;
    
}

#back{
 position:absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 margin: 0px;
 background:url(../img/fundo.jpg);
}
 
/* CONTAINER */
 
		#container {

			/*width: 850px;*/
			
			width:  1280px; 

			margin: 0 auto;

			font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

			font-size: 12px;

			line-height: 1.0em;
			/*acima não colocar mais que 1.2 em pois altera posição do menu */

			color: #666;

			background-color: #FFF;
		}



/* GENERAL MOJO AND MULA */


		h1 {

			font-family: Arial, Helvetica, sans-serif;

			font-weight: normal;

			font-size: 32px;


			color: darkblue;

			margin-bottom: 30px;

			background-color: #FFF;

		}



		h2 {

			color: #666666;

			font-size: 16px;

			font-family: Arial, Helvetica, sans-serif;

			background-color: #FFF;

		}

		
		h3{ 
		
		font-size: 15px;
		
		color: darkred;
		
		
		}
		


		a {

			/*color:#CC6714;*/

                        color:#000;

			text-decoration: none;
			
		}



		a:hover {

			color: #104E8B; /*#CC6714;*/
			background-color: #adcf3d;  /*yellow; /* #F5F5F5; #cc6714*/
			
		}

		
				

 		.link {    /*Link azul sublinhado*/
                    
                    text-decoration: underline;
                    
                    color: #352ACB;
                    
                }
		
		.perto {
			
				margin: 0px;
			
		}



		form {

			float:left; 

			margin-top: 0px;

            margin-left: 0px;

			font-size: 10px;
			

		}




                textarea:first-child {

                        background-color: #F5F5F5;

                }



                div {

                        border-top-left-radius: 0.3em;

                        border-top-right-radius:0.3em;

                        border-bottom-left-radius:0.3em;

                        border-bottom-right-radius:0.3em;

                }



                td {
						
						font-size: 12px; 

                        border-top-left-radius: 0.3em;

                        border-top-right-radius:0.3em;

                        border-bottom-left-radius:0.3em;

                        border-bottom-right-radius:0.3em;

                }


                /*td's especiais'*/

                .td1 {

                    background-color: #ff9966;

                }



.centralizado { 

	width:50%; 
	margin-left:auto; 
	margin-right:auto;

}
				

.imgFotoVista {
	
	position: relative; 
	
	margin: 3em 15em 3em 1.5em; 
	
	float:left; 
	
	border: 2px solid; 
	
	border-color: #88F #CCF #CCF #88F; 
		
	
}


.imgFotoVistaAoLado{

	
	
	position:relative; 
	
	margin: 2em 0em 1em 1.5em; 
	
	float:left; 
	
	border: 2px solid; 
	
	border-color: #88F #CCF #CCF #88F; 
		
	
}


.imgFotoVista2 {
	
	position: relative; 
	
	float:left; 
	
	border: 2px solid; 
	
	border-color: #88F #CCF #CCF #88F; 
		

}


.imgFotoVista3 {
	
	position: relative; 
	
	margin: 3em 15em 3em 10em; 
	
	float:left; 
	
	border: 2px solid; 
	
	border-color: #88F #CCF #CCF #88F; 
		

}


.imgFotoVista4 {
	
	position: relative; 
	
	margin: 3em 15em 3em 12em; 
	
	float:left; 
	
	border: 2px solid; 
	
	border-color: #88F #CCF #CCF #88F; 
		

}



.imgFotoVista5 {
	
	position: relative; 
	
	margin: 4em 0em 4em 0em; 
	
	float:left; 
	
	border: 2px solid; 
	
	border-color: #88F #CCF #CCF #88F; 
		
	
}



.formMoney {

        width: 600px;

        float:left;

        margin-top: 10px;

        margin-left: 0px;

        font-size: 10px;

}





		input {

			background-color: #FFF;

			color: #000;/*#999999;*/

			border: 1px solid #CCC;

			font-size: 14px;

			padding: 3px;

			border-top-left-radius: 0.3em;

			border-top-right-radius:0.3em;

			border-bottom-left-radius:0.3em;

			border-bottom-right-radius:0.3em;
 
		}
		

		input.readOnly{ /* input com atributo readonly fica cinza 
					
					background-color: #D3D3D3; /* Cinza claro */

		}

	


		 
		.msgDispMovel
		{ 
				
			width:40%; 
			float: left; 
			margin-left:auto; 
			margin-right:auto;
				
			
		} 

	
		.buttonDispMovel 
		{

			padding: 4px;
			
			width:40%; 
			float:left; 
			
			margin-right: 5px;

			color : #333C1A;  /*#FFF;   /*#657b1b;  /* #adcf3d; /*#FFF; */
			letter-spacing: 4px;
			
			background-color: #AAA; 
		 /*	background-color: #104E8B; 
			background-color: #6E7B8B; LightSteelBlue4
			background-color: #777777; /* Cinza Anterior */
			
			border: 1px inset;
		
			border-top-color: #87CEEB ;                        

			border-left-color: #87CEEB;

			border-right-color: #999;

			border-bottom-color: #999;

			border-top-left-radius: 0.2em;

			border-top-right-radius:0.2em;

			border-bottom-left-radius:0.2em;

			border-bottom-right-radius:0.2em;

		}
			

		.button {

						padding: 8px;
						margin-right: 5px;
                        color : #45580e;  /*#333C1A;  /*#FFF;   /*#657b1b;  /* #adcf3d; /*#FFF; */
                        letter-spacing: 4px;
						background-color: #AAA; 
						
					 /*	background-color: #104E8B; 
                        background-color: #6E7B8B; LightSteelBlue4
						background-color: #777777; /* Cinza Anterior */
						
						font-weight: bold;			
						font-size: 15px;						
                        border: 3px inset;                        
                        border-top-color: #87CEEB;                        
                        border-left-color: #87CEEB;
                        border-right-color: #999;
                        border-bottom-color: #999;
                        border-top-left-radius: 0.2em;
                        border-top-right-radius:0.2em;
                        border-bottom-left-radius:0.2em;
                        border-bottom-right-radius:0.2em;						
						
		}
		
		.buttonDisabled {

						padding: 8px;
						margin-right: 5px;
                        color : #45580e;  /*#333C1A;  /*#FFF;   /*#657b1b;  /* #adcf3d; /*#FFF; */
                        letter-spacing: 4px;
						background-color: #efb3b3; 
						
					 /*	background-color: #104E8B; 
                        background-color: #6E7B8B; LightSteelBlue4
						background-color: #777777; /* Cinza Anterior */
						
						font-weight: bold;			
						font-size: 15px;						
                        border: 3px inset;                        
                        border-top-color: #87CEEB;                        
                        border-left-color: #87CEEB;
                        border-right-color: #999;
                        border-bottom-color: #999;
                        border-top-left-radius: 0.2em;
                        border-top-right-radius:0.2em;
                        border-bottom-left-radius:0.2em;
                        border-bottom-right-radius:0.2em;						
						
		}
		
		
		.marginBot10px { 
		
			margin-bottom:10px; 
		
		}
		
		
		.buttonMed {

						padding: 4px;
					
						padding-top:8px; 
						
						padding-bottom:8px; 
										
						margin-left: 5px;
						
						margin-top: 2px;
						
						color : #b2d235;  /*#45580e;*/  /*#333C1A;  /*#FFF;   /*#657b1b;  /* #adcf3d; /*#FFF; */
						
                        letter-spacing: 2px;
						
						background-color: #000;  /*#AAA;*/ 
											
                        border: 1px inset;
                        
                        border-top-color: #87CEEB ;                        

                        border-left-color: #87CEEB;

                        border-right-color: #999;

                        border-bottom-color: #999;

                        border-top-left-radius: 0.4em;

                        border-top-right-radius:0.4em;

                        border-bottom-left-radius:0.4em;

                        border-bottom-right-radius:0.4em;
						
						font-size: 16px; 
						
						font-weight: bold; 

		}
		
		
		
		.buttonGde { 

			padding: 10px; 
			margin-right: 5px;

			color : #45580e; /* #FFF; /*#104E8B; */
			letter-spacing: 5px;
			
			background-color: #AAA; 
			/*  background-color: #D1D1E0; 
				background-color: #6E7B8B; LightSteelBlue4
				background-color: #777777; /* Cinza Anterior */
			
			font-weight: bold; 
						
			border: 1px inset;
			
			border-top-color: #87CEEB ;                        

			border-left-color: #87CEEB;

			border-right-color: #999;

			border-bottom-color: #999;

			border-top-left-radius: 0.5em;

			border-top-right-radius:0.5em;

			border-bottom-left-radius:0.5em;

			border-bottom-right-radius:0.5em;

		}
		
		

		.destaqueAzulAmarelo {

			padding: 4px;

                        color : yellow;

                        letter-spacing: 4px;

						background-color: #104E8B; 
                     /* background-color: #6E7B8B; LightSteelBlue4
						background-color: #777777; /* Cinza Anterior */
						
						
                        border: 1px inset;

                        
                        border-top-color: #87CEEB ;                        

                        border-left-color: #87CEEB;

                        border-right-color: #999;

                        border-bottom-color: #999;

                        border-top-left-radius: 0.2em;

                        border-top-right-radius:0.2em;

                        border-bottom-left-radius:0.2em;

                        border-bottom-right-radius:0.2em;

		}
 
 
.divCenter {
  
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center
	 
 }
 
 
.erroMsgCentro { 

		
		color: #F03 !important; /* !important prioriza sobre outras */

		font-size: 16px;

		font-family: Arial, Helvetica, sans-serif;

		background-color: #FFF !important; /* !important prioriza sobre outras */

		border: none;

		text-align: center;
		
		
}

 	

.error {

	color: #F03 !important; /* !important prioriza sobre outras */

	font-size: 16px;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #FFF  !important; /* !important prioriza sobre outras */

	border: none;

	margin-bottom: 10px;

}




.errorPeq { 

	color: #cc6714 !important; /* !important prioriza sobre outras */

	font-size: 9px;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #FFF  !important; /* !important prioriza sobre outras */

	border: none;

}



.errorMed {

	color: #cc6714 !important; /* !important prioriza sobre outras */

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #FFF  !important; /* !important prioriza sobre outras */

	border: none;

}



/* HEADER ELEMENTS */


		#header {

			/*border-top:    1px solid #104E8B;
			border-bottom: 1px solid #104E8B /* #4035FF; #948979*/;*/
			
			padding-top: 5px;

			clear: both;

			margin-bottom: 0px;
			
			/* background: 	#F0FFFF; */
			
			height: 105px;

		} 



		/* the slogan */

		#header p {

			margin-top: -20px;

			margin-left: 30px;

			color: #999999;

		}

		
				
		.logoCET{ 

				width: 81px;
				
				position: relative;
				
				float: left;
				
				padding-top: 15px;
				
				padding-left: 0px;
				
				
		}



		.logoSantos{ 

			position: relative;
			
			float: left; 
			
			margin-top: 0px;
			
			padding-left: 0px;
				
			width: 110px;

			text-align: right;

		}

		
		.banner{ 

			position: relative;
			float: right;
			margin-top: 15px;
			padding-right: 180px;
			width: 110px;
			text-align: right;

		}


		.msgAmbiente {

			color: red      !important; /* !important prioriza sobre outras */
			font-size: 11px;
			position: relative;
			float: left;
			margin-top: 20px;
			padding-left: 100px;
			width: 340px;
			text-align: left;

		}




		.usuarioLogado {

				color: #5e7319;
				position: relative;
				float: left;
				margin-top: 34px;
				width: 288px;
				text-align: right;
				padding-left: 34px;

		}

		
		.usuarioExt {


			color: #104E8B;
			
			position: ;

			margin-top : 5px;

			float: right;

			width: 250px;

			text-align: right;

		}

				
				
		



/* NAVIGATION ELEMENTS */



		 #navigation ul {
			 
			font-size: 11px;
			
			float:left;

			margin-left: 0px;

			padding-left: 0;

			list-style-type: none;

			width: 120px;

		}




		#navigation a {

			display: block;

			padding: 5px;

			width: 120px;

			border-bottom: 1px solid #CCF;/*#CCC;*/

		}



		#navigation a:link, #navlist, #navlist2,  a:visited {

			color: #2A2D34  /*#4035FF;  #CC6714; */

			text-decoration: none;

		}



		#navigation a:hover {

			padding-left: 2px;
			
			padding-right: 20px;
			
			background: #adcf3d url(../img/arrowDarkBlue.png) 96% 50% no-repeat;

			background-color: #adcf3d /*#FFFF00; #FFCC44; /*#F5F5F5;*/

			color: #2015FF; /*#CC6714;*/

		}



/* THE SMALL BOX BELOW NAV */

		#navigation p	 {

			
			
			margin-top: 0px;
			
			padding: 0px;
			
			/* border-bottom: 1px dotted #CCC; */ 
			
			/* text-align: center; */

			/* border-top: 1px dotted #CCC; */

		}



		#navigation p.menu {

			width: 120px;
			
			letter-spacing: 2px;
			
			margin-left: 0px;

			margin-top: 20px;			
			
			padding-top: 0px;
												
			height: 18px;

			color: yellow; 

			font-weight: bold;

			background-color: blue;

			text-align: center;

			border-bottom: 1px dotted darkred; /*#CCC;*/

		} 

		
		#navigation p.menu2 {
			
			margin-left: 0px;
						
			width: 130px;
			
			letter-spacing: 5px;
			
			margin-left: 0px;
			
			margin-top: 10px;			
		
			padding-top: 5px;
												
			height: 18px;

			font-weight: bold;
		  			
			text-align: center;
			
			color : #000;

            background-color: #adcf3d; /*#adcf3d; */
			
			border-bottom-width: 1px; 
			
			border-bottom-style: solid; 	

			border-bottom-color: gray;	
			
			border-top-width: 1px; 
			
			border-top-style: solid; 	

			border-top-color: gray;	

		}

		


/* CONTENT ELEMENTS */



		#content {

			/*width: 362px;*/
			width:		 	1280px; 
			margin-left:     10px;
			margin-right:    10px;
			margin-top:       0px;
			

			/*margin-right: 200px;*/

		}



		#content p {

			padding-bottom: 5px;

			border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */

		}



/* SIDEBAR ELEMENTS */



		#sidebar {

			float: right;

			width: 175px;

		}



		#sidebar p {

			padding-bottom: 10px;

			border-bottom: 1px solid #DDDDDD;

		}



/* 	 ELEMENTS */



		#footer {
			
			color: #white; 
			margin-top: 30px;
			clear: both;
			
			width:		 	1280px; 
			margin-left:	auto;
			margin-right: 	auto;
			
			/*
			border-top:  	1px solid #104E8B;
			border-bottom:  1px solid #104E8B;
			*/

			background-color: #b2d235; #104E8B; /*#F0FFFF;  /* #4035FF; #575352;*/

			padding: 0px 5px 0px 5px;
			

		}



		#footer p {

						
			color: #black;  /*  #104E8B;   /*#89817f;*/
			background-color: #b2d235;  /*#575352*/;
			
			padding: 5px;

		}



		#footer p a {

			color: #5e7319; 
			
			
			border-bottom: 1px dotted #89817f;

		}



		#footer p a:hover {

			
			
			background-color: #adcf3d;  /*#575352*/;

		}




.font-conteudo { 


	font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

    font-size: 10px;

    color: #104E8B;
			 


}
		

		
.form1{ 

			width: 700px;
			
			float:left;

			margin-top: 0px;

            margin-left: 10px;

			font-size: 10px;

}



		
.form2{ 

			width: 700px;
			
			font-size: 8px;
			
			float:left;

			margin-top: 0px;

            margin-left: 10px;



}




.cont1  {

            width: 400px;

            height: 400px;

            margin-left: 10px;

            /*margin-right: 200px;*/





        }





/* SEM 'FUNDO' */

.cont2  {

            width: 800px;


            margin-left: 0px;

            /*margin-right: 200px;*/

		
		}







/* SEM 'FUNDO', SEM MARGEM */

.cont3  {

            margin-left: 10px;

            overflow: auto;



        }








.cont4  {

            width: 600px;

            margin-left: 0;

            padding: 0;

            border: 0;

        }




.cont5  {
            width: 750px;
			
			margin-top: 10px;

			margin-left: 5px;
			
			float:left;

			font-size: 16px;
			
            
        }


 


.pesquisaradio { 

				position: relative; 
				
				float: 		  left; 
				
				padding-left: 100px;
				
				padding-bottom: 10px;
				

}
        

        


.txtTitulo {

            width: 850px;

            margin: 0 auto;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 12px;

            line-height: 1.3em;

            color: #666;

            background-color: #FFF;

}


 
 


.avisoDestacado{

		
			color : #000;
			
            background-color: #adcf3d;  /*#104E8B; */
			
			width: 690px; 
			
			margin: 20px 0px 10px 0px;           
			
            font-family:  Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 16px;

			padding-bottom: 5px;
			 
			padding-top: 5px;
			
			padding-left: 5px;
		
			border-bottom-width: 1px; 
			
			border-bottom-style: solid; 	

			border-bottom-color: gray;	
			
			
			border-top-width: 1px; 
			
			border-top-style: solid; 	

			border-top-color: gray;	
			
}			



.tituloBemVindo{

            margin-bottom: 10px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 20px;

            color: blue;

}


.tituloRel0{
			
			margin-top: 20px;
			
            margin-bottom: 5px;
			
			margin-left: 10px; /*titulode relat */
			
			width: 720px; 

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 16px;

			color: darkred;
	
	
}

.subtitulo{ 

			
			margin-left: 0px; 
			
			margin-top: 20px;
			
            margin-bottom: 5px;
			
			padding-left: 0px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 14px;

			color: #666;
		
}


 
.tituloRel{
 

			margin-left: 0px; 
			
			margin-top: 20px;
			
            margin-bottom: 5px;
			
			padding-left: 0px;
			
			padding-top: 10px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 16px;

			color: black; 
		 

}


.tituloRelMed{ 
 
			margin-left: 0px; 
			
			margin-top: 20px;
			
            margin-bottom: 5px;
			
			padding-left:  0px;
			
			padding-bottom: 5px; 
			
			padding-top: 10px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 16px;

			color: black; 
}


.tituloRelGde{ 
 

			margin-left: 0px; 
			
			margin-top: 20px;
			
            margin-bottom: 5px;
			
			padding-left: 5px;
			
			padding-bottom:10px; 
			
			padding-top: 10px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 30px;

			color: black; 
		 

}



.tituloRel2{


				
			margin-top: 45px;
			
            margin-bottom: 5px;
			
			padding-left: 15px; /*titulode relat */

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 16px;

			/* color: #666; */
			
			color: red;

}


.tituloRel3{

				
			margin-top: 0px;
			
            margin-bottom: 0px;
			
			padding-left: 0px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 14px;

			color: #666;
			
			

}


.tituloRel4{

				
			margin-top: 20px;
			
            margin-bottom: 5px;
			
			padding-left: 5px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 14px;

			color: #666;
			
			

}






.tituloRelEsq{


			position: relative; 
			
			float: left; 
			
			margin: 0px;
			
            padding-left: 0px;
			
			padding-right: 20px;
			
			padding-bottom: 20px;
			
            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 14px;

			color: #666;
	
}




.tituloRelAzul{

            margin-bottom: 10px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 15px;

            color: blue;
			
			

}



.tituloRelAzul2{

            margin-bottom: 0px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 18px;

            color: #104E8B;
			
			

}



.tituloRelPlanilha{

            
			
			margin-top: 26px;
			
			padding-left:10px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 15px;
			
			text-align: left;

            color: #104E8B;
			
			
			
			

}




.tituloRelPlanilha2{

            
			width: 650px; 
			
			margin-top:26px;
			
			padding-left:10px;
			
			padding-top:10px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 15px;
			
			text-align: left;

            color: #104E8B;
			
			
			
			

}
 

.tituloPerguntaMed{

            margin-bottom: 10px;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
		
			font-weight: bold;
			
            font-size: 20px;

            color: #68840f;

}



.txtTituloColuna{
			
			text-align: center;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 16px;

            color: darkblue;

}


.txtTituloColunaGde{
			
			text-align: center;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 24px;

            color: darkblue;

}



.direitaSenha {

             position: relative;

             float: right;

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 13px;

             width: 260px;

             /* height: 150px; desnecessário*/

             background: #FFAAAA;

             padding: 10px;

             margin: 0px 5px 30px 15px;

             border-width: 2px;

             border: solid red;

}


.quadroSenha {

            
             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 13px;
			 
			 line-height: 1em; 

             width: 260px;

             background: #FFAAAA;

             padding: 10px;

             margin: 190px 0px 0px 0px;

             border-width: 2px;

             border: solid red; 

}

.quadroSenha2 {

            
             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 14px;
			 
			 line-height: 1.2em; 

             width: 300px;
			 
             background: #FFAAAA;

             padding: 10px;

             margin: 0px 0px 0px 0px;

             border-width: 2px;

             border: solid red; 

}




/*Formulario*/

.det0 { 

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 12px;

             color: black;
			 
			 font-weight: bold;
			 
			 line-height: 1.4em; 
			 
			 
}

.det {

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 14px;

             color: black;



}

 

.det2 {

            text-align: right;

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 14px;

             color: black;



}
 

.det3 {

             text-align: justify;

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 15px;

             color: black;
			 
			 margin-bottom: 10px; 
			
			line-height: 1.2em; 


}





.arotuloDet2 {

             /*font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif;

             */

             font-size: 14px;

             color:  #68840f; /* #666; /* #A9A9A9  é darkgrey */
			 
			 /*
				display: block;

				padding: 5px;

				width: 120px;
			*/

			border-bottom: 1px solid #CCF;/*#CCC;*/

		}
		




.arotuloDet {

             /*font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif;

             */

             font-size: 11px;

             color:  #68840f; /* #666; /* #A9A9A9  é darkgrey */
			 
			 display: block;

			 padding: 5px;

			 width: 120px;

			 border-bottom: 1px solid #CCF;/*#CCC;*/

		}
		






.rotuloDet {

             /*font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif;

             */

             font-size: 15px;
				
			 color: #68840f /*#666;	 */
			 /* color: #A9A9A9;  #A9A9A9  é darkgrey */
			 
			 //font-weight: bold; 

			 
			 
}




.justificativa {

    /* textarea para justificativa 230 posicoes */

    font-size: 14px;

    background-color: #ffc;



}







hr {



     height: 1px;

     background-color: #BBB;

     border-width: 0px;

}





.hr2 {

	width: 680px;

	text-align:center;

	height: 1px;

    /*background-color: #BBB;*/
	background-color: #104E8B; 

	/* margin-left: 5px; */
	margin-left: 0px;
	
	/* margin-right: 70px; */
	margin-right: 0px;

    border-width: 1px;

	
	border-color: #104E8B; 
	/*
    border-color: #F00 #666 #666 #F00;
	border-color: #BBFFFF;
	*/

}



.hr2b {

	width: 680px;

	text-align:center;

	height: 1px;

    /*background-color: #BBB;*/
	background-color: #BBB;

	/* margin-left: 5px; */
	margin-left: 0px;
	
	/* margin-right: 70px; */
	margin-right: 0px;

    border-width: 1px;

	
	border-color: red;
	/*
    border-color: #F00 #666 #666 #F00;
	border-color: #BBFFFF;
	*/

}






.hr3 {

	margin-left: 0px; 
	
	width: 700px; 

	text-align:center;

	height: 1px;

    background-color: #BBB;

	margin-left: 0px;

    border-width: 1px;

	border-color: red;

	/*
    border-color: #F00 #666 #666 #F00;
	border-color: #BBFFFF;
	*/

}





.hrTop {

	width: 700px;
	
	margin-left:10px;
	
	margin-right: 0px;

	text-align: left;
	
	height: 3px;

    background-color: #BBB;
	
    border-width: 1px;

	/*
    border-color: #F00 #666 #666 #F00;
	*/
	
	border-color: red;



}





/*Novos*/

ul.listaDocs {
    list-style-type: square;
}


.tituloProcedimento0 { /*Em verde */
    
    padding: 0px;
    color: #333C1A;
    font-weight: bold;
   	border-top: 1px solid #DDDDDD; /* A faint grey line above the text */
    /* border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */   
   
}


.tituloProcedimento { /*Em azul*/
    
    padding: 8px;
    color: #0b356e;
    font-weight: bold;
   	border-top: 1px solid #DDDDDD; /* A faint grey line above the text */
    /* border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */   
   
}


.tituloProcedimento2 { /*Em azul sem linha */
    
    padding: 8px;
    color: #0b356e;
    font-weight: bold;
   	
    /* border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */   
   
}


	


.tituloProcedimento3 { /*Em azul sem linha para DIVs*/

    padding: 0px;
    color: #0b356e;
	font-size: 12px; 
    font-weight: bold;
	width: 50%; 
	margin-left:auto; 
	margin-right:auto;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	
	
}



/*Alterado:*/

.mensagemProcedim {
    
    margin: 0px 0px 50px 0px;
    padding: 12px;
    border: 5px solid #a3a3a3;
    /*float: left;*/
    color: #3d3d3d;
    font-weight: bold;
    background-color: #f1f1f1;

}




.bloco {


    /*margin: 20px 0px;*/

    padding-top:  20px;

    border: none;

    float: left;

    color: white;

    width: 100%;


}






.mapaPatio4 {


    margin: auto;

    border: solid white;

    border-width: 5px;

}



/*Alterado:*/
.quadroEncargos{
	
	padding: 10px 0px 10px 25px;
	margin-top: -5px;
	border: 2px solid #a3a3a3;
	color: black;
	font: large/100% "New Century Schoolbook", monospace;
	font-size: 120%;
	font-weight: bold;
	/*background-color: #CC6714; */

}


.inputReadOnly
		{
				
				background-color: #D3D3D3 /* Cinza claro */ !important; /* !important prioriza sobre outras */
		}



.inputMoney{

    text-align: right;
 
    border: none;

}



.inputMoneyD{  /*Digitar $*/

    text-align: right;

    border: none;

    background-color: #ddd;

}



.inputMoneyTotal{

    font-weight: bold;

    text-align: right;

    border: none;

}







.relacBoleto{ /* relacao de boletos */

    background-color: #ccffcc;

    height: 40px;

    margin: 5px 0px;

    border: 1px solid #99cc99;

}







.relacFichaComp{ /* relacao de fichas de compensacao */

    background-color: #ffccaa;

    height: 40px;

    margin: 5px 0px;

    border: 1px solid #cc6622;

}







/*

.relacBoletoDetVerm{

    background-color: #ffcccc;

    height: 28px;

    margin: 5px;

    border: 1px solid #cc9999;

    width: 45px;

    float: left;

    text-align: center;

}

*/





/*

    background-color: #aaccff;

    height: 18px;

    margin: 4px;

    border-top:    2px solid #ffd;

    border-left:   2px solid #ffd;

    border-bottom: 2px solid #666;

    border-right:  2px solid #666;

    padding: 5px;

    width: 85px;

    float: left;

    text-align: center;

    font: bold 14px/14px sans-serif;

    color: #000;*/







.relacBoletoDetVerm{  /* detalhe */

    background-color: #f44;

    height: 20px;

    margin: 4px;

    border-top:    2px solid #ffd;

    border-left:   2px solid #ffd;

    border-bottom: 2px solid #666;

    border-right:  2px solid #666;

    padding: 4px;

    width: 45px;
 
    float: left;

    text-align: center;

}



.relacBoletoDetVerd{  /* detalhe */

    background-color: #b2d235;   /*#ccffcc*/

    height: 20px;

    margin: 4px;

    border-top:    2px solid #ffd;

    border-left:   2px solid #ffd;

    border-bottom: 2px solid #666;

    border-right:  2px solid #666;

    padding: 4px;

    width: 45px;

    float: left;

    text-align: center;

}





.relacFichaCompDetLar{  /* detalhe */

    background-color: #FFccaa;

    height: 20px;

    margin: 4px;

    border-top:    2px solid #ffd;

    border-left:   2px solid #ffd;

    border-bottom: 2px solid #666;

    border-right:  2px solid #666;

    padding: 4px;

    width: 45px;

    float: left;

    text-align: center;

}







.relacBoletoDetCinza{  /* detalhe */

    background-color: #cccccc;

    height: 20px;

    margin: 4px;

    border-top:    2px solid #ffd;

    border-left:   2px solid #ffd;

    border-bottom: 2px solid #666;

    border-right:  2px solid #666;

    padding: 4px;

    width: 45px;

    float: left;

    text-align: center;

}





.faixaIconesALV{ /* relacao de ALVs */

    background-color: #aaccff;

    height: 40px;

    margin: 5px 0px;

    border: 1px solid #99cc99;

}





.faixaIconesALVmCabrao{ /* relacao de ALVs mCabrao*/

    background-color: #ffffaa;

    height: 40px;

    margin: 5px 0px;

    border: 1px solid #99cc99;

}






.iconeALVverde{  /* detalhe */



    background-color: #b2d235; /* #aaccff; */

    height: 18px;

    margin: 4px;

    border-top:    2px solid #ffd;

    border-left:   2px solid #ffd;

    border-bottom: 2px solid #666;

    border-right:  2px solid #666;

    padding: 5px;

    width: 85px;

    float: left;

    text-align: center;

    font: bold 14px/14px sans-serif;

    color: #000;



}



.iconeALVazul{  /* detalhe */



    background-color: #aaccff;

    height: 18px;

    margin: 4px;

    border-top:    2px solid #ffd;

    border-left:   2px solid #ffd;

    border-bottom: 2px solid #666;

    border-right:  2px solid #666;

    padding: 5px;

    width: 85px;

    float: left;

    text-align: center;

    font: bold 14px/14px sans-serif;

    color: #000;



}







.iconeALVmCabrao{  /* detalhe */



    background-color: #ffffaa;

    height: 18px;

    margin: 4px;

    border-top:    2px solid #ffd;

    border-left:   2px solid #ffd;

    border-bottom: 2px solid #666;

    border-right:  2px solid #666;

    padding: 5px;

    width: 85px;

    float: left;

    text-align: center;

    font: bold 14px/14px sans-serif;

    color: #000;



}









.iconeALVcinza{  /* detalhe */

    background-color: #cccccc;

    height: 18px;

    margin: 4px;

    border-top:    2px solid #ffd;

    border-left:   2px solid #ffd;

    border-bottom: 2px solid #666;

    border-right:  2px solid #666;

    padding: 5px;

    width: 85px;

    float: left;

    text-align: center;

    font: bold 14px/14px sans-serif;

    color: #000;



}









.aviso {

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 14px;

             color: #FF2222;

}





.textoPeq {

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 9px;

             color: gray;

}



.textoPeqblack{

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 10px;

             color: black;

}


.textoPeqCinza{

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 10px;

             color: #666;

}

.textoMedBlack{

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 12px;

             color: Black;

}

.txt20pxEspacos{ 


	padding-left: 20px; 

}


.tituloBarraAposMenu{
	
/* antigo tituloAlertaVermelho2 */
	
			font-family:  Montserrat; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 20px;
			font-weight: bold;
			color : #333C1A;  /* #b2d235; */
			background-color: #AAA; /* #333C1A;  #104E8B; */
			width: 750px; 
			margin: 5px 0px 20px -10px;           
			padding: 10px;
			line-height: 0.7em;
			
			/*font-family:  Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs
			border-bottom-width: 1px;			
			border-bottom-style: solid;
			border-bottom-color: gray;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: gray;
			border-left-width: 1px;
			border-left-style: solid;
			border-left-color: gray;
			border-right-width: 1px;
			border-right-style: solid;
			border-right-color: gray; */
			
}


			 

.txtGdeCorMenu{

        font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; 
		
		font-size: 20px;

        color: #68840f; 
			 
		font-weight: bold;
			 
		background-color: white;
				
	}
 


.txtMedCorMenu{

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 16px; 

             color: #68840f; 
			 
			 font-weight: bold;
			 
			 background-color: white;
		
			
		}
		
		

.txtPeqCorMenu{	
    
	font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; 
    
	font-size: 12px;
    
	color: #333C1A;
	
	background-color: white;
  		
}

 
.txtPeqCorMenuBold{	
    
	font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; 
    
	font-size: 12px;
    
	color: #333C1A;
    
	font-weight: bold;
	
	background-color: white;
  		
}


.txtPeqBlack {

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 9px;

             color: black;
			 
			 font-weight: normal;

}



.txtPeqBlackb {

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 9px;

             color: black;
			 
			 font-weight: bold;

}



.txtAzul14{


            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 10px;

            color: #104E8B;

}


.txtAzul14Center{
			
			text-align: center;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 16px;

            color: #104E8B;

}



.txtAzul16{


            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 16px;

            color: #104E8B;

}



.txtPeqAzul{

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 12px;

             color:  #104E8B;
			 

}

.txtMedAzul{

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 16px;

             color: #104E8B;
			 
			 background-color: white;
		
			
		}

.txtMedAzul2{

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 16px;

             color: #104E8B; /* #68840f;  /* blue; */
			 
			background-color: white;
		
			
		}
		

.txtGdeAzul{

           font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

		   font-size: 20px;

           color: #104E8B; 
			 
		   background-color: white;
				
		}
			 




.txtPeqVermelho {

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 11px;

             color: red;			 

}




.txtMedVermelho {

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 14px;

             color: red;			 

}




.txt16Vermelho {
/* antigo tituloAlertaVermelho */

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 16px;
			 
			 line-height: 1.2em;
			 
             color: red;			 

}
		




.txtListagem {

	font-family: sans-serif ;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

}


/*
.txtListagemGreen {

	font-family: sans-serif ;

	font-size: 12px;

	font-weight: normal;

	color: #009900;

}*/



.txtListagem :hover { 

		color: #104E8B;
		background-color: transparent;
				
	}



.txtListagemb {

	font-family: sans-serif ;

	font-size: 12px;

	font-weight: bold;

	color: #000000;
	
}



.txtListagemb :hover { 

		color: #104E8B;
		background-color: transparent;
				
	}



.txtListagem12{

	font-family: sans-serif ;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

}


.txtListagem12:hover {

		color: #104E8B;
		
		background-color: transparent;

}


.txtListagem2 {

	font-family: sans-serif ;

	font-size: 12px;

	font-weight: normal;

	color: #000000;
	
	margin: 0px; 
	
	text-align: center;
	
	justify-content: center;

}


.txtListagem2 :hover { 

		color: #104E8B;
		background-color: transparent;
				
	}


.txtListagem3 {

	font-family: sans-serif ;

	font-size: 12px;

	font-weight: normal;

	color: #000000;
	
	width: 50%; 
	
	margin-left: auto;
	
	margin-right: auto;
	
	align-items: center;
	
	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: center;
	
}



.txtListagemG {

	font-family: Arial ;

	font-size: 19px;

	font-weight: bold;

        letter-spacing: 4px;

	color: #000000;

}





/*

    divs

*/







.esqA { /*Bloco esquerda*/

    position: relative;

    margin : 0px;

    float: left;

    width: 280px;

    text-align: left;

    clear: left;

    background-color: #dde;

    padding: 2px;
   

}





.esqB {

    position: relative;

    margin : 0px;

    float: left;

    width: 276px;

    text-align: center;

    background-color: #cfc;

    padding: 2px;

}



.esqC {

    position: relative;

    margin : 0px;

    float: left;

    width: 180px;

    text-align: left;

    font-size: 14px;

    background-color: #ddf;

    padding: 3px;

}



.esqD {


    position: relative;

    margin : 0px;

    /*float: left;*/

    width: 80px;

    float: right;

    clear: right;

    text-align: center;

    font-size: 14px;

    background-color: #ddcccc;

    padding: 3px;

}






.dirA {



    position: relative;

    /*margin-right: 2%;*/

    margin-bottom: 4px;

    float: right;

    width: 57%;

    font-size: 14px;

    text-align: left;

    clear: right;

    padding: 2px;

    background-color: #dde;

    

}






.dirB { /*MODELO////////////////////////////////////////////*/



    position: relative;

    margin-bottom: 3px;



    width: 98%;

    font-size: 14px;

    text-align: left;

    clear: right;

    padding: 3px;

    background-color: #cfc;

    visibility: visible;   

    display: none;

    

}



.dirC {

    position: relative;

    margin: 0px;

    float: left;

    font-size: 14px;

    text-align: left;

    clear: left;

    padding: 3px;
   

    background-color: #EEEE88;

    width: 18%;

}




.dirD {

    position: relative;

    margin: 0px;

    float: right;

    font-size: 14px;

    text-align: left;

    clear: right;

    padding: 3px;

    

    background-color: #DDDDFF;

    width: 78%;

}



.pnPatio {



    position: relative;

    margin-bottom: 3px;

    float:  left;

    width: 98%;

    font-size: 14px;

    text-align: left;

    clear: right;

    padding: 3px;

    background-color: #cfc;

    visibility: visible;   

    display: block;/*none*/

   

}



.txtMenuCenter{
			
			text-align: center;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 16px;

            color: blue;

}


/* Abaixo vindo do CSS De infracoes para unificar em um unico 
/* Em 08/02/2022 

/* pisca por alguns instantes: 4 piscadas de 0,5 segundos */
.blink_me1 {
  animation: blink-animation 0.5s steps(5, start) 2;
  -webkit-animation: blink-animation 0.5s steps(5, start) 2;
}


@keyframes blink-animation { 
  to {  
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.blink_meRed { 

  animation: blink-animation 0.5s steps(5, start) 2500000000000000000000;
  -webkit-animation: blink-animation 0.5s steps(5, start) 2500000000000000000000;
  
  color: #F03;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFF;
  border: none;
  text-align: center;
  
  
}




.txtAzul12Center{
			
			text-align: center;

            font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

            font-size: 12px;

            color: #68840f /* blue; */

}

 
 .txtMedDarkRed {

             font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

             font-size: 14px;

             color: darkred;		
 }


.buttonDarkRed {

			padding: 4px;
			margin-right: 5px;

                        color : white;

                        letter-spacing: 4px;

						background-color: #8b0000; /*darkred*/
                     						
                        border: 1px inset;
                        
                        border-top-color: #87CEEB ;                        

                        border-left-color: #87CEEB;

                        border-right-color: #999;

                        border-bottom-color: #999;

                        border-top-left-radius: 0.2em;

                        border-top-right-radius:0.2em;

                        border-bottom-left-radius:0.2em;

                        border-bottom-right-radius:0.2em;

}


.titSistemas{ 

	display: block;
	width: 100%;
	padding: 0px; 
	margin-bottom: 0px;
	margin-left: 5px;
	margin-bottom: 10px; 
	font-family: Lucida, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
    font-size: 20px;
    color: #45580e;  /*#104E8B; azul */ 
    background-color: white;
	font-weight: bold;						
	
} 

.menuSistemas{ 

	display: block;
	width: 100%;
	padding: 0px 0 10px 10px;
	margin-bottom: 0px;
	margin-left: -10px;
	
} 

.botaoSistemas 
{
    display: block;
	width: 100%;
    cursor: pointer;
	margin-bottom:5px; 
}

 		
 
#senha {
    padding-right: 25px; /* Espaço para o ícone */
}




.icone-olho {
	
    position: absolute;
	float: right; 
    left: 180px;
	padding-top:  35px;
    cursor: pointer;
    color: #ccc;
	font-size: 25px; 
}

.icone-olho:hover {
    color: #999;
}


.icone-olho2 {
	
    position: absolute;
	float: left; 
    left: 230px;
	padding-top:  30px;
    cursor: pointer;
    color: #ccc;
	font-size: 25px; 
}

.icone-olho2:hover {
    color: #999;
}


.form-group {
	margin-bottom: 15px;
}

.btn {
	width: 100%;
	padding: 10px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

@media screen and (max-width: 600px) {
   .container {
		width: 100%;
	}
} 


.navbar-nav {
  display: flex;
  justify-content: space-around; /* Ajusta a distribuição dos itens do menu */
}

.navbar-nav li {
  flex: 1; /* Os itens do menu terão larguras iguais */
  text-align: center; /* Centraliza o texto dentro dos itens do menu */
}


@keyframes piscar {
            0%, 100% {
                opacity: 1;
            }
            10%, 30%, 50%, 70% {
                opacity: 0;
            }
            20%, 40%, 60%, 80% {
                opacity: 1;
            }
        }

.piscar {
	animation: piscar 6s steps(8) 1;
}