body{
    background-color: transparent;
}

#contenidoPrincipal{
    margin-top:500px;
    background-color: RGB(244,160,0) !important;
}



.flag-banner {
  top: 50px !important;
  }
  

.modal{
   z-index: 99999999999; 
}

.ui-datepicker-month{
	background-color: #BC955C;
}

#calendar {
  cursor:  pointer !important;
  background-color: transparent !important;
}

.error{
  color:red;
  font-size: 1rem;
  font-style: italic;
}

.cajaError{
  border:red 2px dashed !important;
}

.ui-datepicker-week-end, .ui-datepicker-unselectable {
  background: rgba(152,152,154,0.3);
}


#FormularioAsistencia_1 input, #FormularioAsistencia_1 select{
	font-size: 1rem !important;
}

#HoraTab_1, #HoraTab_Detalle {
	font-size: 0.8rem !important;
}

.divTabla {
  max-height: 450px;
  overflow-y: auto;
}

.EnlaceUsuario{
  cursor: default;
}

.sub-navbar {
  top: 18px  !important;
}

.flag-banner {
  margin-top: 50px  !important;

}

/*loader spinner progress bar*/  
#contenedorLoader{
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     position:fixed;
     top:0px;
     left:0px;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.2);
     visibility:hidden;
     z-index: 33333333333;
 }

 #Loader {
 border: 20px solid green;
 border-radius: 50%;
 border-top: 20px solid #BC955C;
 border-left: 20px solid #6F7271;
 border-right: 20px solid #6F7271;
 border-bottom: 20px solid #BC955C;
 width: 200px;
 height: 200px;
 -webkit-animation: spin 2s linear infinite;
 animation: spin 2s linear infinite;
 }


 @-webkit-keyframes spin {
 0% { -webkit-transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); }
 }

 @keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
 }


   /* Slider pagina de inicio*/
.tituloImagen{
  position: absolute;
  left: 0px;
  bottom: -50px;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  z-index: 99;

  -webkit-transition: all 700ms ease-in-out;
-moz-transition: all 700ms ease-in-out;
-ms-transition: all 700ms ease-in-out;
-o-transition: all 700ms ease-in-out;
transition: all 700ms ease-in-out;
}

.tituloSinHover{
    
  animation: cambioTitulo 10s infinite alternate linear;
  -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

@keyframes cambioTitulo {
  0% {bottom: -50px;}
  10% {bottom: 0px}
  20% {bottom: 0px}
  
  25% {bottom: -50px;}
  35% {bottom: 0px}
  45% {bottom: 0px}
  
  50% {bottom: -50px;}
  60% {bottom: 0px}
  70% {bottom: 0px}
  
  75% {bottom: -50px;}
  85% {bottom: 0px}
  100% {bottom: 0px;}
}

.tituloImagen:hover{
  color: white;
  text-decoration: none;
  background: rgba(16, 49, 43, 0.7);
}

div:hover > .tituloImagen{
  bottom: 0px;
}


.slider {
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 10s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}
/* Termina Slider pagina de inicio*/


/* Modal aviso COSECO */

.aviso_1{
  display: block;
  position: fixed;
  height: 10000px !important;
  width: 100px !important;
  background: rgba(0, 0, 0, 1) !important;
  z-index: 9999999999999999 !important;  
}

.aviso_2{
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;

  
  position:fixed ;
  height: 100% ;
  width: 100% ;
  background:rgba(0, 0, 0, 0.5) ;
  z-index: 9999 ;
  
}