/* animaci horizontal */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}


/*formato de tablas*/
.customers {
  /*font-family: Arial, Helvetica, sans-serif;*/
  border-collapse: collapse;
  width: 100%;
}

.customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
  color:#000;
  font-size:18px;
}

.customers tr:nth-child(even){background-color: #d1d2d2;}

.customers tr:hover {
    background-color: #FFB600;
    
}

.customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #0032A0;
  color: white;
}
            
            
            
            .accordion {
			  background-color: #eee;
			  color: #444;
			  cursor: pointer;
			  padding: 5px;
			  width: 100%;
			  border: none;
			  text-align: center;
			  outline: none;
			  font-size: 12px;
			  transition: 0.4s;
			}

			.active, .accordion:hover {
			  background-color: #ccc; 
			}

			.panel {
			  padding: 0 18px;
			  display: none;
			  background-color: white;
			  overflow: hidden;
			}
			
			/**********/
			
			.accordion1 {
			  background-color: #0032A0;
			  color: #FFF;
			  cursor: pointer;
			  padding: 5px;
			  width: 100%;
			  border: none;
			  text-align: center;
			  outline: none;
			  font-size: 12px;
			  transition: 0.4s;
			}
			.accordion2 {
			  background-color: #0032a0;
			  color: #00e7ff;
			  cursor: pointer;
			  padding: 5px;
			  width: 100%;
			  border: none;
			  text-align: center;
			  outline: none;
			  font-size: 18px;
			  transition: 0.4s;
			}
			
			.active, .accordion2, .accordion1:hover {
			  background-color: #5b5b5b; /*5b5b5b*/  /*********************modif to carrousel*/
			  color: #1323f5;
			}
			
		
			.imagen_efecto:hover {filter: saturate(180%);}
			/****************/
		

			/***************/
            #marq {
            margin:0em auto; 
            width: 100%; height: 1.5em; 
            /*border: inset; */
            overflow: hidden; 
            white-space: nowrap;
            color:#fff;
            background-color: #0032A0; 
            font: 150%/1.5 serif; */
            
            }
            #orig {
            display: inline-block; 
            transform: translatex(0); 
            animation: marquesina 100s infinite normal linear 1s; 
            }
            #copia{
            /*background-color: lime; */
            animation: marquesina 100s infinite normal linear 1s;
            }
            @keyframes marquesina {
              0% {transform: translatex(0); }
              100% {transform: translatex(-50%); }
            }


/******************************************************************************/
/* .modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 5px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 60%;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}*/

a.mislink:link {
  color:blue;
}


a.mislink:visited {
  color: #000;
}


a.mislink:hover {
  color: blue;
}

a.mislink:link {
  color:blue;
  text-decoration: none;
}

a.mislink:visited {
  text-decoration: none;
}
.efecto:hover {
       filter: saturate(180%);
       -webkit-transform:scale(1.2);transform:scale(1.2);
       overflow:hidden;
}

.titulo14Center{
    font-size:14px;
    text-align:center;
    color:#FFB600;
}

.titulo16Center{
    font-size:16px;
    text-align:center;
    color:#FFB600;
}

.titulo20Center{
    font-size:20px;
    text-align:center;
    color:#3b3b3c;
}
.titulo16Left{
    font-size:16px;
    text-align:left;
    color:#3b3b3c;
}
.titulo20Left{
    font-size:20px;
    text-align:left;
    color:#3b3b3c;
}

.titulo25Leftazul{
    font-size:25px;
    text-align:left;
    color:blue;
}

.titulo30Center{
    font-size:30px;
    text-align:center;
    color:#3b3b3c;
}
.titulo30Left{
    font-size:30px;
    text-align:left;
    color:#3b3b3c;
}
.parrafo20Left{
    font-size:20px;
    text-align:left;
    color:#000;
}

.parrafo25LeftM{
 font-size:25px;
 text-align:left;
 color:#3e3f40;
 padding-top:0px;
 margin-top:0px;
 padding-bottom:5px;
 margin-bottom:0px;   
}

.margenes0b{
    padding-bottom:0px;
    margin-bottom:0px;
}

.texto16{
    font-size:16px;
    text-align:left;
    color:#000;
}

.texto16A{
    font-size:16px;
    text-align:center;
    color:#FFB600;
    font-weight: bold;
}

.texto20{
    font-size:20px;
    text-align:left;
    color:#000;
}

.texto30{
    font-size:30px;
    text-align:left;
    color:#000;
}

.margenes0t{
    padding-top:0px;
    margin-top:0px;
}

@media only screen and (max-width: 600px) {
 .titulo30Center{
    font-size:25px;
    text-align:center;
    color:#3b3b3c;
}

.titulo25Leftazul{
    font-size:15px;
    text-align:left;
    color:blue;
}

/******** Galeria de imagenes *************/
* {
  box-sizing: border-box;
}

/*body {
  margin: 0;
  font-family: Arial;
}*/

/* The grid: Four equal columns that floats next to each other */
.columnOK {
  float: left;
  width: 35%;
  padding: 10px;
 
}

/* Style the images inside the grid */
.columnOK img {
  opacity: 0.8; 
  cursor: pointer; 
}

.columnOK img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.rowOK:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container */
.containerOK {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}

/******** Fin Galeria de imagenes ********/


.a_efecto:hover {
  background-color: powderblue;
  transition: background-color 0.5s;
}




}