/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7/05/2022, 05:39:27 PM
    Author     : Andres
*/

/**#btnNormas{
    background-color: red;
}*/

.botonLink{    
    border: none; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0),
            0 0 16px rgba(0,0,0,0); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0),
            0 0 16px rgba(0,0,0,0); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0),
            0 0 16px rgba(0,0,0,0); 
    padding: 15px;
            
    cursor:pointer;
    color: #2B6CB0 !important;    
    font-size: 1.1em;
    text-decoration: underline;
    font-weight: bold;
     
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    
    background-color: #4CAF50;
    
}

.botonLink:hover { /* el efecto hover */
    /*opacity: 0.8;*/
    color: #184AB5 !important;    
    text-decoration:none;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/*TEXTO QUE PARPADEA*/

/*
.text {
  font-size:28px;
  font-family:helvetica;
  font-weight:bold;
  color:#71d90b;
  text-transform:uppercase;
}
.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
*/
/*FIN TEXTO QUE PARPADEA*/