/* Estilos para TAI Automatización */ 

body {
   margin:7;
   font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height:17px;
   color:#333333;
   background-color:#ffffff;
   }

body.n {
   font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
   color:#036;
   background-color:#000000; 
   margin-left:-8px; 
   margin-top:-8px;
   font-size:10px;
   }

input, textarea, select{   
    padding:2px;  
    border:solid 1px #E5E5E5;  
    outline:0;  
    font:normal 12px/100% Verdana, Tahoma, sans-serif;  
    height:23px;
            box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;  
       -moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;  
	 border-radius:5px 5px 5px;
	 float:left;
	 margin-bottom:5px;
    }  
input:hover, textarea:hover,  
input:focus, textarea:focus {   
    border-color:#C9C9C9;   
    -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 8px;  
    }  

.navi {
   color:white;
   font-size:12px;
   margin-left:15px; 
   }

a.n:link:focus, a.n:visited:focus {
   color:#fff;
   text-decoration:none;
   background-color:#5b5e6e; /+ /*color pestaña activa*/
   -webkit-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);
      -moz-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);
           box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);
   }
a.n:link { font-size: 10pt; color: #ffffff; font-weight:normal; text-decoration:none;}
a.n:visited { font-size: 10pt; color: #ffffff; font-weight:normal; text-decoration:none;}
a.n:hover { font-size: 10pt; background-color: transparent; color: #fff; font-weight:normal; text-decoration:none;
            background-image: linear-gradient(to bottom, #8a8e9a, #444753, #4c4d51);}
a.n:active { font-size: 10pt; color: #ffffff; font-weight:normal; text-decoration:none;}

#header {
	height:95px
	}

#logo {
	padding-top:0px;
	float:left;
	width:120px;
	height:20px;
	}	

#contacto {
	float:right;
	padding-top:2.3em;
	width:auto;
	}	

#datos {
	width:220px;
	padding:10px;
	margin:0px;
	position:absolute;
	top:100px;
	left:20px;
	}	

#grafica {
	width:700px;
	height:350px;
	border:2px solid gray;
	margin:0px;
	border-radius:10px;
	box-shadow:5px 5px 2px;
	position:relative;
	top:0px;
	left:300px;
	}	

#contenedor {
	width: 1160px;
	   -moz-box-shadow:0 0 8px #bbb;
	-webkit-box-shadow:0 0 8px #bbb; padding:0 10px 20px 10px;
	        box-shadow:0 0 8px #bbb;
	border-radius:0 0 8px 8px;
	margin:7px; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	overflow:hidden;
	margin-bottom:5px;
	background-color:#DDD;
   }


/*** Diseño de pantallas ***/

.cabecera {
	font-size:12pt; 
   color:#638cb5; 
   font-weight:bold;
   }

.captura {
	font-size:10pt; 
   color:black;
   }

.boton {
	font-size:8pt;  
   color:white; 
   font-weight:bold; 
   background-color:#638cb5;
   border:0px; 
   width:80px; 
   height:19px;
	float:left;
	margin:10px 5px 10px 5px; 
   }

.boton2 {
	font-size:8pt;  
   color:white; 
   font-weight:bold; 
   background-color:#638cb5;
   border:0px; 
   width:130px; 
   height:19px;
   float:left;
	margin:10px 5px 10px 5px;
	}


/* */

.titulo  {
	font-size: 8pt; 
   color: white; 
   text-align: center;
   background-color: #638cb5; 
   font-weight: bold; 
   empty-cells: hide; 
}

.reporte {
	font-size: 8pt; 
   color: black;
   empty-cells: hide; 
   border-collapse: collapse;
}

.numero {
	font-size: 8pt; 
   color: black; 
   text-align: right; 
}

.numerototal {
	font-size: 8pt; 
   color: white; 
   text-align: right; 
}

.impresora {
	font-size: 5pt; 
   color: black;
   empty-cells: hide; border-collapse: collapse;
}
.impresoracabecera {
	font-size: 10pt; 
   color: black; text-align: right;
}
.impresoratitulo {
	font-size: 8pt; 
   color: black; text-align: center;
   empty-cells: hide; border-collapse: collapse;
}
.numeroimpresora {
	font-size: 8pt; 
   color: black; text-align: right; 
}

.rojo {
	font-family: verdana,helvetica;
	color: #ffffff;
	background-color: #df0000;
	font-weight: bold;
	font-size: 9px;
	text-align: center;
   }

.azul {
	font-family: verdana,helvetica;
	color: #ffffff;
	background-color: #3366ff;
	font-weight: bold;
	font-size: 9px;
	text-align: center;
   }