/* Show it is fixed to the top */
/*body {
  min-height: 75rem;
  padding-top: 4.5rem;
}
*/

#central{
	    width: 98%;
        max-width: 100%;
		padding: 15px 15px;
		margin: 0px 0px 20px 0px;
		background:#FFF;
		border-radius: .3rem;
		height:100%;
		overflow: auto;
	   }
	   
#slogan{
	    width: 98%;
        padding: 0px 0px 0px 15px;
		margin: 10px 0px 20px 0px;
		background:#FFF;
	   }
#footer{
	    width: 98%;
        padding: 15px 0px 15px 15px;
		margin: 0px 0px 20px 0px;
		background:#FFF;
	   }
	   
#datos1{
	    width: 98%;
        padding: 15px 15px 15px 15px;
		margin: 0px 0px 20px 0px;
		background:#FFF;
		height:100%;
		
	   }

table{   
     font-style: normal;
     font-weight: normal;
     text-align:left;
     border-collapse:collapse;
     width:100%;
	 margin:1px 0 0 0;
	
	
}
table thead {
    padding:3px 0px 0 5px;
    text-align: left; 
    line-height:1.0em;
    
}

table th{
    padding:3px 0px 0 5px;    
    font-weight:normal;
	text-align: left; 
   /* border: 1px solid #666;*/
    line-height:1.0em;
	color:000;
	font-size:12px;
	background:#EEE;
}

table td{
    padding:3px 0px 0 5px;    
    font-weight:normal;
	text-align: left; 
   /* border: 1px solid #666;*/
    line-height:1.0em;
	color:000;
	font-size:11px;
	
}

.peqs{
	 font-size:9px;
	}

.grisC{
	  background-color:#DFDFDF;	  
	  border: 1px solid #666;
	 }	   	   
	 
.grisTitulos{
	  background-color:#CCC;	  
	  border: 1px solid #666;
	 }	 
	 
div.scroll_vertical {
	height: 100%;
	/*height: 475px;*/
	width: 98%;
	overflow: auto;
	/*border: 1px solid #666;
	background-color: #F1F1F1;*/
	padding: 5px 15px 5px 5px;
	margin:10px 0 0 0;
	background:#FFF;
}
	 
.scrollbar-pink::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-pink::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-pink::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #ec407a; }

.scrollbar-indigo::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-indigo::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-indigo::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #3f51b5; }

.scrollbar-black::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-black::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-black::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #000; }

.scrollbar-lady-lips::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-lady-lips::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-lady-lips::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef), to(#fecfef));
  background-image: -webkit-linear-gradient(bottom, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
  background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }

.scrollbar-near-moon::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-near-moon::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-near-moon::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
  background-image: -webkit-linear-gradient(bottom, #5ee7df 0%, #b490ca 100%);
  background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); }

 body {
                margin: 0;
                padding: 0;
                /*overflow:hidden;*/
				overflow: auto;
				/*background-color: #007bff;*/
				background-color: #FFFFFF;
            }
            .example2 {
                background: #08B;
                background: -webkit-linear-gradient(180deg, #0BF 0%, #056 100%);
                background: -moz-linear-gradient(180deg, #0BF 0%, #056 100%);
                background: linear-gradient(180deg, #0BF 0%, #056 100%);
                width: 100%;
                height: 100%;
               /* overflow: hidden;*/
			   overflow: auto;
				z-index:-1000;
            }

            .cuadrados {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: -100;
            }
            .cuadrados li {
                position: absolute;
                list-style: none;
                display: block;
                width: 40px;
                height: 40px;
                background-color: rgba(255, 255, 255, 0.15);
                bottom: -160px;
                -webkit-animation: square 25s infinite linear;
                -moz-animation: square 25s infinite linear;
                animation: square 25s infinite linear;
            }
            .cuadrados li:nth-child(1) {
                left: 10%;
            }
            .cuadrados li:nth-child(2) {
                left: 20%;
                width: 80px;
                height: 80px;
                -webkit-animation-delay: 2s;
                -moz-animation-delay: 2s;
                animation-delay: 2s;
                -webkit-animation-duration: 17s;
                -moz-animation-duration: 17s;
                animation-duration: 17s;
            }
            .cuadrados li:nth-child(3) {
                left: 25%;
                -webkit-animation-delay: 4s;
                -moz-animation-delay: 4s;
                animation-delay: 4s;
            }
            .cuadrados li:nth-child(4) {
                left: 40%;
                width: 60px;
                height: 60px;
                -webkit-animation-duration: 22s;
                -moz-animation-duration: 22s;
                animation-duration: 22s;
                background-color: rgba(255, 255, 255, 0.25);
            }
            .cuadrados li:nth-child(5) {
                left: 70%;
            }
            .cuadrados li:nth-child(6) {
                left: 80%;
                width: 120px;
                height: 120px;
                -webkit-animation-delay: 3s;
                -moz-animation-delay: 3s;
                animation-delay: 3s;
                background-color: rgba(255, 255, 255, 0.2);
            }
            .cuadrados li:nth-child(7) {
                left: 32%;
                width: 160px;
                height: 160px;
                -webkit-animation-delay: 7s;
                -moz-animation-delay: 7s;
                animation-delay: 7s;
            }
            .cuadrados li:nth-child(8) {
                left: 55%;
                width: 20px;
                height: 20px;
                -webkit-animation-delay: 15s;
                -moz-animation-delay: 15s;
                animation-delay: 15s;
                -webkit-animation-duration: 40s;
                -moz-animation-duration: 40s;
                animation-duration: 40s;
            }
            .cuadrados li:nth-child(9) {
                left: 25%;
                width: 10px;
                height: 10px;
                -webkit-animation-delay: 2s;
                -moz-animation-delay: 2s;
                animation-delay: 2s;
                -webkit-animation-duration: 40s;
                -moz-animation-duration: 40s;
                animation-duration: 40s;
                background-color: rgba(255, 255, 255, 0.3);
            }
            .cuadrados li:nth-child(10) {
                left: 90%;
                width: 160px;
                height: 160px;
                -webkit-animation-delay: 11s;
                -moz-animation-delay: 11s;
                animation-delay: 11s;
            }
            .cuadrados li:nth-child(11) {
                left: 15%;
                width: 17px;
                height: 17px;
                -webkit-animation-delay: 12s;
                -moz-animation-delay: 12s;
                animation-delay: 12s;
                -webkit-animation-duration: 40s;
                -moz-animation-duration: 40s;
                animation-duration: 40s;
                background-color: rgba(255, 255, 255, 0.5);
            }
            .cuadrados li:nth-child(12) {
                left: 20%;
                width: 5px;
                height: 5px;
                -webkit-animation-delay: 15s;
                -moz-animation-delay: 15s;
                animation-delay: 15s;
                -webkit-animation-duration: 15s;
                -moz-animation-duration: 15s;
                animation-duration: 15s;
                background-color: rgba(255, 255, 255, 0.1);
            }
            .cuadrados li:nth-child(13) {
                left: 45%;
                width: 8px;
                height: 8px;
                -webkit-animation-delay: 17s;
                -moz-animation-delay: 17s;
                animation-delay: 17s;
                -webkit-animation-duration: 29s;
                -moz-animation-duration: 29s;
                animation-duration: 29s;
                background-color: rgba(255, 255, 255, 0.3);
            }
            .cuadrados li:nth-child(14) {
                left: 50%;
                width: 120px;
                height: 120px;
                -webkit-animation-delay: 11s;
                -moz-animation-delay: 11s;
                animation-delay: 11s;
                -webkit-animation-duration: 19s;
                -moz-animation-duration: 19s;
                animation-duration: 19s;
                background-color: rgba(255, 255, 255, 0.35);
            }
            .cuadrados li:nth-child(15) {
                left: 67%;
                width: 50px;
                height: 50px;
                -webkit-animation-delay: 6s;
                -moz-animation-delay: 6s;
                animation-delay: 6s;
                -webkit-animation-duration: 12s;
                -moz-animation-duration: 12s;
                animation-duration: 12s;
                background-color: rgba(255, 255, 255, 0.5);
            }
            .cuadrados li:nth-child(16) {
                left: 75%;
                width: 20px;
                height: 20px;
                -webkit-animation-delay: 1s;
                -moz-animation-delay: 1s;
                animation-delay: 1s;
                -webkit-animation-duration: 25s;
                -moz-animation-duration: 25s;
                animation-duration: 25s;
                background-color: rgba(255, 255, 255, 0.3);
            }
            .cuadrados li:nth-child(17) {
                left: 10%;
                width: 10px;
                height: 10px;
                -webkit-animation-delay: 2s;
                -moz-animation-delay: 2s;
                animation-delay: 2s;
                -webkit-animation-duration: 20s;
                -moz-animation-duration: 20s;
                animation-duration: 20s;
                background-color: rgba(255, 255, 255, 0.45);
            }
            .cuadrados li:nth-child(18) {
                left: 55%;
                width: 10px;
                height: 10px;
                -webkit-animation-delay: 2s;
                -moz-animation-delay: 2s;
                animation-delay: 2s;
                -webkit-animation-duration: 32s;
                -moz-animation-duration: 32s;
                animation-duration: 32s;
                background-color: rgba(255, 255, 255, 0.4);
            }
            .cuadrados li:nth-child(19) {
                left: 59%;
                width: 10px;
                height: 10px;
                -webkit-animation-delay: 8s;
                -moz-animation-delay: 8s;
                animation-delay: 8s;
                -webkit-animation-duration: 15s;
                -moz-animation-duration: 15s;
                animation-duration: 15s;
                background-color: rgba(255, 255, 255, 0.4);
            }
            .cuadrados li:nth-child(20) {
                left: 5%;
                width: 15px;
                height: 15px;
                -webkit-animation-delay: 3s;
                -moz-animation-delay: 3s;
                animation-delay: 3s;
                -webkit-animation-duration: 10s;
                -moz-animation-duration: 10s;
                animation-duration: 10s;
                background-color: rgba(255, 255, 255, 0.25);
            }

            /*
            * Animaciones
            */

            @-webkit-keyframes square {
                0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
            100% {
                -webkit-transform: translateY(-100%) rotate(600deg);
                transform: translateY(-100%) rotate(600deg);
            }
            }
            @-moz-keyframes square {
                0% {
                -moz-transform: translateY(0);
                transform: translateY(0);
            }
            100% {
                -moz-transform: translateY(-100%) rotate(600deg);
                transform: translateY(-100%) rotate(600deg);
            }
            }
            @keyframes square {
                0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
            100% {
                -webkit-transform: translateY(-1500px) rotate(600deg);
                transform: translateY(-1500px) rotate(600deg);
            }
            }


.mensajepago{/*background:#E0E0E0;  border: 1px solid #CCC;*/ font-size:12px; padding:5px 0px 1px 5px; margin:15px 5px 5px 5px;}
.datostexto{padding: 0; color:#000; margin:-1px 0 0 0;  }

.azulNormal{background:#1c74bb; color:#FFF;}
.azulClaro{background:#CBDCED; color:#006699;}
.centroAzul{text-align:center; color:#006699;}
.peq{margin:3px 0 0 0 ;padding:5px 0 0 3px; text-align:center; color:#000; font-size:8px; line-height:1.0em; width: 100%;}
.centro{text-align:center;}
.grande{font-size:14px;}
.grande2{font-size:18px;}
.centroNegro{text-align:center;color:#000;}
.negro{color:#000;}
.derecho{text-align:right;}
.blanco{color:#FFF;}
.rojo{color:#F00;}


.element {
	   /* height: 100px;*/
        min-height: 100px;
        /*width: 407px;*/
		width: 98%;
        box-shadow: 0 2px 5px #666666;
        padding: 10px;
		margin:5px;
    }	  
	  
	  
	  
.element ul {
        list-style-type: none;
        width: 400px;
} 

.element li {
        border-bottom: 1px solid #CCC;
        margin: 5px 0px 0px 5px;
		padding: 5px 0px 0px 5px;
		min-height:15px;
		pa
}



.element em { 
        color: #333;
        display: block;        
        line-height: 125%; 
		/*padding-left:150px;*/
		width:250px;
		margin:-13px 0px 0px 150px;
}

.element  span {
        color: #125F15;
        line-height: 150%;
}



.element2 {
        min-height: 100px;
        width: 94%;
        box-shadow: 0 2px 5px #666666;
        padding: 10px;
		margin-top:5px;
    }	  
	  
	  
	  
.element2 ul {
        list-style-type: none;
        width: 400px;
} 

.element2 li {
        border-bottom: 1px solid #CCC;
        margin: 5px 0px 0px 5px;
		padding: 5px 0px 0px 5px;
		min-height:15px;
		pa
}



.element2 em { 
        color: #333;
        display: block;        
        line-height: 125%; 
		/*padding-left:150px;*/
		width:250px;
		margin:-13px 0px 0px 150px;
}

.element2  span {
        color: #125F15;
        line-height: 150%;
}

.table3a table .table3a th, .table3a td{
    padding:5px 0px 2px 5px;    
    font-weight:normal;
	font-size:11px;
	text-align: left; 
    border-bottom: 1px solid #F5F5F5;
	/*line-height:1.0em;*/

}

.fgris{background:#E0E0E0;}
.frojoS{background:#FFD2D2; }
.derecha {text-align:right; padding: 0 4px 0 0 }



.datostexto{padding: 0; color:#000; margin:-1px 0 0 0;  }
		   

.modala{
	   max-width:750px;
	} 
	
	
.loader,
.loader:before,
.loader:after {
  background: #09F;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
}
.loader {
  text-indent: -9999em;
  margin: 40% auto;
  position: relative;
  font-size: 11px;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.loader:after {
  left: 1.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #09F;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #09F;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #09F;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #09F;
    height: 5em;
  }
}	

.vertical {
   width: 50px;
   font-size: 10px;
   word-wrap: break-word;
   writing-mode: vertical-lr;
   transform: rotate(180deg);
   text-align:center;
}  

.form-control { background-color: #FFFFFF;}

.form-control2 { background-color: #CCCCCC; font-weight:bold;}

.ancho{width:40px;}

.der { text-align:right;}


#popup {
		background-color: rgba(0,0,0,0.8);
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:0;
		-webkit-animation:autopopup 2s;
		-moz-animation:autopopup 2s;
		animation:autopopup 2s;
		z-index:100;
	}
		@-webkit-keyframes autopopup {
			from {opacity: 0;margin-top:-200px;}
			to {opacity: 1;}
		}
		@-moz-keyframes autopopup {
			from {opacity: 0;margin-top:-200px;}
			to {opacity: 1;}
		}
		@keyframes autopopup {
			from {opacity: 0;margin-top:-200px;}
			to {opacity: 1;}
		}

	#popup:target {
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		transition:all 1s;
		opacity: 0;
		visibility: hidden;
	}

	.popup-contenedor {
		position: relative;
		margin:7% auto;
		padding:30px 50px;
		background-color: #fafafa;
		color:#333;
		border-radius: 3px;
		width:50%;
		font-size: 11px;
	}

	a.popup-cerrar {
		position: absolute;
		top:3px;
		right:3px;
		background-color: #333;
		padding:7px 10px;
		font-size: 20px;
		text-decoration: none;
		line-height: 1;
		color:#fff;
	}
	
.err{
	 text-align:center;
	 color:#F00;
	}