@charset "UTF-8";

		body{
			margin: 0px;
			
		}
		a {
			text-decoration: none;
			
		}
		#cont{
		
		height:1000px;
		transform-origin: top center;
		-moz-transform-origin: top center;
		-webkit-transform-origin: top center;
		-o-transform-origin: top center;
		
		transform : scale(3);
        -moz-transform : scale(3);      /* Firefox */
        -webkit-transform : scale(3);   /* Chrome - Safari */
        -o-transform : scale(3);        /* Opera */
		
		
		}
		#archivo {
			 width: 0.1px;
			 height: 0.1px;
			 opacity: 0;
			 overflow: hidden;
			 position: absolute;
			 z-index: -1;
		 }
		 label[for="archivo"] {
		 	background-color:#288dfa;
		    font-weight:normal;
		    color:white;
		    border-color: #dadada #919191 #919191 #dadada;
			border-width: 2px;
			border-style: solid;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
			display:inline-block;
			font-size:10pt;
			line-height:20pt;
		 }
		 label[for="archivo"]:active {
		 	
		    border-color: #919191 #dadada #dadada #919191;
			
		 }
		 label[for="archivo"]:hover {
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		#archivoGRADOS {
			 width: 0.1px;
			 height: 0.1px;
			 opacity: 0;
			 overflow: hidden;
			 position: absolute;
			 z-index: -1;
		 }
		 label[for="archivoGRADOS"] {
		 	background-color:#288dfa;
		    font-weight:normal;
		    color:white;
		    border-color: #dadada #919191 #919191 #dadada;
			border-width: 2px;
			border-style: solid;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
			display:inline-block;
			font-size:10pt;
			line-height:20pt;
		 }
		 label[for="archivoGRADOS"]:active {
		 	
		    border-color: #919191 #dadada #dadada #919191;
			
		 }
		 label[for="archivoGRADOS"]:hover {
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		#archivoHORAS {
			 width: 0.1px;
			 height: 0.1px;
			 opacity: 0;
			 overflow: hidden;
			 position: absolute;
			 z-index: -1;
		 }
		 label[for="archivoHORAS"] {
		 	background-color:#288dfa;
		    font-weight:normal;
		    color:white;
		    border-color: #dadada #919191 #919191 #dadada;
			border-width: 2px;
			border-style: solid;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
			display:inline-block;
			font-size:10pt;
			line-height:20pt;
		 }
		 label[for="archivoHORAS"]:active {
		 	
		    border-color: #919191 #dadada #dadada #919191;
			
		 }
		 label[for="archivoHORAS"]:hover {
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		#archivoLIC {
			 width: 0.1px;
			 height: 0.1px;
			 opacity: 0;
			 overflow: hidden;
			 position: absolute;
			 z-index: -1;
		 }
		 label[for="archivoLIC"] {
		 	background-color:#288dfa;
		    font-weight:normal;
		    color:white;
		    border-color: #dadada #919191 #919191 #dadada;
			border-width: 2px;
			border-style: solid;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
			display:inline-block;
			font-size:10pt;
			line-height:20pt;
		 }
		 label[for="archivoLIC"]:active {
		 	
		    border-color: #919191 #dadada #dadada #919191;
			
		 }
		 label[for="archivoLIC"]:hover {
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		#archivoDNI {
			 width: 0.1px;
			 height: 0.1px;
			 opacity: 0;
			 overflow: hidden;
			 position: absolute;
			 z-index: -1;
		 }
		 label[for="archivoDNI"] {
		 	background-color:#288dfa;
		    font-weight:normal;
		    color:white;
		    border-color: #dadada #919191 #919191 #dadada;
			border-width: 2px;
			border-style: solid;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
			display:inline-block;
			font-size:10pt;
			line-height:20pt;
		 }
		 label[for="archivoDNI"]:active {
		 	
		    border-color: #919191 #dadada #dadada #919191;
			
		 }
		 label[for="archivoDNI"]:hover {
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		input[type=button] {
		    background-color:#202617;
		    font-size:12pt;
		    color:white;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
		}
		input[type=button]:hover {
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.boton{
			background-color:#202617;
		    font-size:12pt;
		    color:white;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
		}
		.boton:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		.boton span{
			font-size:15pt;
			line-height:20pt;
		}
		.botonFormu{
			/*background-color:#b94130;*/
			background-color:#288dfa;
		    font-size:30pt;
		    color:white;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
			
			
		}
		.botonFormu:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.botonFormu span{
			font-size:10pt;
			line-height:20pt;
		}
		.botonFormuVerde{
			/*background-color:#b94130;*/
			background-color:#25d366;
		    font-size:30pt;
		    color:white;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
			
			
		}
		.botonFormuVerde:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.botonFormuVerde span{
			font-size:10pt;
			line-height:20pt;
		}
		.botonFormuE{
			background-color:#b94130;
		    font-size:30pt;
		    color:white;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
			
			
		}
		.botonFormuE:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.botonFormuE span{
			font-size:10pt;
			line-height:20pt;
		}
		
		.botonLesionado{
			background-color:white;
		    font-size:12pt;
		    color:#b94130;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
		}
		.botonLesionado:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		.botonLesionado span{
			font-size:15pt;
			line-height:20pt;
		}
			
		#navMenu span{
			font-size:25pt;
			line-height:35pt;
	
		}
		
		.accion{
			background-color:#202617;
			color:white;
			font-size:15pt;
			border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
		}
		.accion:hover{
		box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		#general {
			/*background-color:#162021;*/
			background-image:url(../imagenes/fondo.jpg);
			background-size:cover;
			/*background-image:url(../imagenes/fondo.jpg);*/
			min-height:100%;
			margin: 0px;
			position:relative;
			
		}
        #divContenido{
			width:100%;
			background-color:white;
			position:relative;
			z-index:1;
			
		}
		#divLogo{
			position:absolute;
			width:20%;
			height:100px;
			z-index:1;
			top:30px;
			left:40px;
		
		}
		#imgLogo{
			width:200px;
			
		}
		hr{
		width:55%;
		left:25%;
		height: 4px;
		color: #fff;
		background-color: #fff;
		border: none;
		margin-top:0;
		margin-bottom:10px;
		opacity:0.9;
		}
		#divTitulo{
			position:absolute;
			width:100%;
			height:80px;
			text-align:center;
			/*font-family: "Rockwell Extra Bold";*/
			font-size: 55px;
			color: #fff;
			top:20px;
			z-index:10;
			text-shadow:1px 1px 0.2em #2f1a09,
							2px 2px 0.2em #2f1a09,
							3px 3px 0.2em #2f1a09,
							4px 4px 0.2em #2f1a09,
							-1px -1px 0.2em #2f1a09,
							-2px -2px 0.2em #2f1a09,
							-3px -3px 0.2em #2f1a09,
							-4px -4px 0.2em #2f1a09,
							-1px 1px 0.2em #2f1a09,
							-2px 2px 0.2em #2f1a09,
							-3px 3px 0.2em #2f1a09,
							-4px 4px 0.2em #2f1a09,
							1px -1px 0.2em #2f1a09,
							2px -2px 0.2em #2f1a09,
							3px -3px 0.2em #2f1a09,
							4px -4px 0.2em #2f1a09;
			
		
		}
		#imgTitulo{
			
			height:80px;
			width:60%;
			
			
		}
		#divEscudo{
			position:absolute;
			
			height:90%;
			top:5%;
			right:5%;
			text-align:right;
			margin-right:20px;
			
			
		}
		
		#imgEscudo{
			
			height:100%;
			
		}
		
		
		
		#divCabecera{
			position:relative;
			width:100%;
			height:200px;
			/*background-image:url(../imagenes/Fondo%20Hojas2.jpg);*/
			background-image:url(../imagenes/imagenCabecera.jpg);
			background-size:cover;
			
			
		}
		#divMenu{
			position:absolute;
			top:200px;
			width:100%;
			
		}
		#divMenuMovil{
			display: none;
		}
		#divMenuMovilNav{
			display: none;
		}
		
		
		#divPrincipal{
			position:absolute;
			top:300px;
			width:100%;
			text-align: center;
			z-index:-1;
		}
		#divTituloRecuadro{
			background-color:#202617;
/* 			background-color: #364026; */
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			height:40px;
			font-size:16px;
 			font-family:Arial;
 			font-weight:bold;
 			color:#ffffff;
 			line-height:40px;
		}
		#divErrores{
		  	background-color:#fff59b;
		  	border-width: 2px;
		  	border-style: solid; 
		  	border-color: red;
		  	font-size:12pt;
		  	text-align:left;
		  	padding:5px;
  		}
  		#divAvisos{
		  	background-color:#BBEDEF;
		  	border-width: 2px;
		  	border-style: solid; 
		  	border-color: blue;
		  	font-size:12pt;
		  	text-align:left;
		  	padding:5px;
		}
		#divRecuadro{
			position:relative;
			margin:0px auto;
			background-color: #B8BFAC;
			border-radius: 15px;
			box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);
			width:80%;
			text-align:center;
			
		}
		#divRecuadro table {
       		margin: 0 auto;
       		
		}
		
		
		#ulRecuadro{
				
				width:100%;
				position:absolute;
				
				
				
		}
		#ulRecuadro li{
				background-color: #B8BFAC;
				border-radius: 10px;
				box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);
    			display:inline-block;
    			width:80%;
    			z-index:0;
    			padding:50px;
    			text-align:center;
				
		}
		
		#imgFiatc{
			float:right;
			width:auto;
			height:30px;
		}
		
		#imgExcel{
			float:left;
			width:auto;
			height:30px;
		}
		
		#fech_Desde{
		width: 80%;
		}
		#fech_Hasta{
		width: 80%;
		}
		.archivo{
			font-size:20pt;
			line-height:25pt;
			color:white;
			font-weight:normal !important;
		}
		
		.inputAlta{
	width:100%;
	
	
	}

canvas {
  display: block;
  margin: 0 auto;
  
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 15px 3px #ccc;
  cursor:pointer;
}