/*ENCABEZADO PRINCIPAL*/
h1 {
	FONT-FAMILY: Arial, sans-serif; LETTER-SPACING: -1px
}
h2 {
	FONT-FAMILY: Arial, sans-serif; LETTER-SPACING: -1px
}
h3 {
	FONT-FAMILY: Arial, sans-serif; LETTER-SPACING: -1px
}

#hdr {
		 height:65px;
		 background:#fff;
		 color: #333333;
 }
 
body { 
		font-family: Arial, sans-serif;
		font-size: 11px;
		font-weight:normal; 
		margin:9px 9px 0 9px;
		padding:0 0 0 0;
		background:#FFF;
		color:#000000
	}

/*BORDE QUE RODEA EL CONTENIDO CENTRAL DEL MODULO*/
#contenido{ border-top:1px dashed #ccc;
			border-bottom:1px dashed #ccc; 
			padding-top: 26px;
			margin-top:25px;
} 

/*caja de aviso*/
#caja{
		font-size: 100%;
		border:1px solid #000000;
		padding: .5em;
		color: #000000;
		/*background: #ffc;*/
		/*width:150px;*/
		/*height:10px;*/
}
#caja2{
		font-size: 100%;
		/*border:1px dotted #990000;*/
		padding: 10px 0px 10px 8px;
		color: #990000;
		background: #ffc;
		width:550px;
		height:auto;
		left: 253px;
		top: 190px;
}
#caja3{
		font-size: 100%;
		border:1px dotted #CC0000;
		padding: 10px 0px 10px 8px;
		color: #990000;
		background: #ffc;
		width:900px;
		height:auto;
		left: 253px;
		top: 190px;
}

/*tablas de captura de datos*/
#tablas{
		 /*font-weight: bold;*/
		 font-size: 100%; 
		 border:1px solid #004E61;
		 /*border-bottom:1px solid #36c;
		 border-top:1px solid #36c;
	     */
		 color: #000; 
	     background: #f9f9f9;
		 padding: 0 0 10px 0;
		 margin:5px 5px 5px 5px;
		 width:450px;
}
#tablas_ancha{ 
		 /*font-weight: bold;*/
		 font-size: 100%;          
		 border:1px solid #004E61;  /**/
		 color: #000; 
		 background: #f9f9f9;
		 padding: 0 0 10px 0;
		 margin:5px 5px 5px 5px;
		 width:1800px;
		 
		 
}

#tabla_users {
	  border-bottom: 1px dotted  #004e61;
	  border-right: 1px dotted  #004e61;
	  padding: 5px 5px 5px 5px;
	  width:220px;
	  height:120px;
}	  

#tabla_ciudades {
	  border-bottom: 1px dotted  #004e61;
	  border-right: 1px dotted  #004e61;
	  padding: 5px 5px 5px 5px;
	  width:100px;
	  height:150px;
	  float:right;
}

/*tabla flotante de despliegue de datos*/
#tabla_flot{
        font-size:100%;
		/* position:absolute; */
		border:1px solid #333;
		color: #333;
		background: #ffc;
		padding: 0 0 0 0;
		margin:5px 5px 5px 5px;
		width:441px;
		left: 512px;
		top: 160px;
		height:450;
        clear: both;
}
/*tabla flotante de despliegue de datos*/
#tabla_flot3{
        font-size:100%;
		border:1px solid #333;
		color: #333;
		background: #FFC;
		padding: 0px 5px 0px 10px;
		margin:2px 0 0 30px;
		width:600px;
		left: 322px;
		top: 159px;
		/*height:94px;*/
        clear: both;
}

#fondo{
		font-size: 100%;
		border:1px solid #003399;
		padding: 10px 0px 10px 8px;
		color: #990000;
		background-color: #F9F9F9;
		width:900px;
		height:auto;
		left: 253px;
		top: 190px;
}

#nom_negro{
font-weight: bold;float: left; width: 150px; text-align: left;
}
#nom_normal{
float: left; width: 150px; text-align: left;
}
#label_negro{
font-weight: bold; float: right; width: 440px; text-align: left;
}
#label_normal{
font-weight: normal; float: right; width: 440px; text-align: left;
}
.TableHead{
background:#006486;  
text-align:center;
font-family:Arial, sans-serif;
color:#FFFFFF; 
font-size:9px; 
font-weight:bold; 
padding:0 1 0 1;
}
.TableHead2{
background:#006486;  
text-align:center;
font-family:Arial, sans-serif;
color:#FFFFFF; 
font-size:12px; 
font-weight:bold; 
padding:0 1 0 1;
}
.TableHead a:hover {
   color:#FFFFFF; 
   text-decoration:underline;
}
.Bot_imp{
background-image:url(../images/printer2.gif);
width:80px;
height:80px;
}
/*subnavegacion*/
/* ====== Comentado en substitucion del nuevo menu ===== */
/*
div#submenu li {
	  display: inline;
	  padding-left: 6px;
	  padding-right: 10px;
	  border-right: 1px dashed #066;
  }

div#submenu li#last  {
	  display: inline;
	  padding-left: 6px;
	  padding-right: 6px;
	  border-right: 0px;
  } 
*/
/*PROPIEDADES DEL MENU DE NAVEGACION DEL SISTEMA*/
/*
#menu {
	margin: 0;
	padding: 0;
	}

#menu ul {
	border: 0px none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left
	}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
*/
/* ====== Comentado en substitucion del nuevo menu ===== */
/* 
#menu ul li a {
	background: #f0f0ff;
	width:118px;
	height: 2em;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #CC6600;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight:bold;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    xx-small;      
	font-size:    x-small;   
	}

#menu ul li#eleven a	{
	width: 119px;
	border-right: 1px solid #fff;
	}

#resources a:link, #resources a:visited {
	border-right: 1px solid #fff;
	}

#menu ul li a:hover {
	color: #3366ff; 
	background: #ff9;
	}

#menu a:active	{
	background: #c60;
	color: #FFFFFF;
	}
	
body#request_service #menu li#one a, 
body#timesheet #menu li#two a,
body#timeaverage #menu li#tree a,
body#employees #menu li#four a,
body#clients #menu li#five a,
body#contacts #menu li#six a,
body#plants #menu li#seven a,
body#render #menu li#eight a,
body#nomina #menu li#nine a,
body#qa006 #menu li#ten a,
body#administrator #menu li#eleven a,
body#logout #menu li#twelve a {
	background: #c60;
	border: 1px solid #c60;
	color: #FFFFFF;
	font-weight: bolder;
	}	
*/

/*BOTONES EN TODOS LOS MODULOS*/
.Buttons
{
	font: bold 12px Arial, sans-serif;
	color:#FFFFFF;
	border-left:1px solid #FFDBB7;
	border-right:2px solid #844200;
	border-top:1px solid #FFDBB7;
	border-bottom:2px solid #844200;
	height:20px;
	background-color: #CC6600;	/*left: 591px;
	top: 501px;*/
}

.edit2 	{ background:#1d93b6; padding:2px 8px 4px 8px; color:#fff; font-weight:bold }
.editT 	{ background:#EFD6AF; padding:2px 8px 4px 8px; color:#000000; font-weight:bold; border:1px solid #000000}
.edit3 	{ background:#DAE6EA; padding:2px 8px 4px 8px; color:#000000; font-weight:bold }

/* BOTON BLANCO */
.Button_Blanco
{
	font: bold 12px Arial, sans-serif;
	color:#000000;
	/*border-left:1px solid #FFDBB7;
	border-right:2px solid #844200;
	border-top:1px solid #FFDBB7; 
	border-bottom:2px solid #844200; */
	height:20px;
	background-color: #FFFFFF;	/*left: 591px;
	top: 501px;*/
}
/*BOTON DE LOS DEFECTOS*/
.Button_def
{
   font: bold 12px Arial, sans-serif;
   color:black;
   border-left:1px solid #cccccc;
   border-right:1px solid #888;
   border-top:1px solid #cccccc;
   border-bottom:1px solid #888;
   height:18px;
}
/*BOTONES DE AUTORIZACION*/
.Buttons_send
{
	font: bold 12px Arial, sans-serif;
	color:white;
	border-left:1px solid #A4FFA4;/*#00CC00*/
	border-right:2px solid #006600;
	border-top:1px solid #A4FFA4;
	border-bottom:2px solid #006600;
	height:20px;
	width:120px;
	/*left: 591px;
	top: 501px;*/
	background-color:#009900;
}
.Buttons_cancel
{
	font: bold 12px Arial, sans-serif;    
	color:#004e61;
	border-left:2px solid #D1E7ED;/*#FF6666*/
	border-right:2px solid #006486;
	border-top:2px solid #D1E7ED;
	border-bottom:2px solid #006486;
	height:20px;
	/*left: 591px;
	top: 501px;*/
	background-color:#D1E7ED;
}
.Button_esp
{
	font:bold 12px Arial, sans-serif;    
	color:white;
	border-left:1px solid #66CCFF;/*#00CC00*/
	border-right:2px solid #003366;
	border-top:1px solid #66CCFF;
	border-bottom:2px solid #003366;
	height:20px;
	width:120px;
	/*left: 591px;
	top: 501px;*/
	background-color:#0066CC;
}
.Buttons_cancel_rojo
{
	font: bold 12px Arial, sans-serif;    
	color:white;
	border-left:1px solid #FFAF95;/*#FF6666*/
	border-right:2px solid #8C2300;
	border-top:1px solid #FFAF95;
	border-bottom:2px solid #8C2300;
	height:20px;
	width:120px;
	/*left: 591px;
	top: 501px;*/
	background-color:#CC3300;
}
.Buttons_rend_rojo
{
	font: bold 10px Arial, sans-serif;
	color:#FFFFFF;/*FF0000*/
	border-left:1px solid #BDCEBB;/*#00CC00*/
	border-right:2px solid #464646;
	border-top:1px solid #BDCEBB;
	border-bottom:2px solid #464646;
	height:20px;
	width:45px;
	/*left: 591px;
	top: 501px;*/
	background-color:#CC0000;/*EFEFE7*/
}

.Buttons_rend_ama
{
	font: bold 10px Arial, sans-serif;
	color:#FFFFFF;
	border-left:1px solid #BDCEBB;/*#00CC00*/
	border-right:2px solid #464646;
	border-top:1px solid #BDCEBB;
	border-bottom:2px solid #464646;
	height:20px;
	width:45px;
	/*left: 591px;
	top: 501px;*/
	background-color:#FF9900;/*EFEFE7*/
}
.Buttons_rend_normal
{
	font: 10px Arial, sans-serif;
	color:#000000;
	border-left:1px solid #BDCEBB;/*#00CC00*/
	border-right:2px solid #464646;
	border-top:1px solid #BDCEBB;
	border-bottom:2px solid #464646;
	height:20px;
	width:45px;
	/*left: 591px;
	top: 501px;*/
	background-color:#FFFFFF;/*EFEFE7*/
}
.Buttons_gasto_normal
{
	font: 10px Arial, sans-serif;
	color:#000000;
	border-left:1px solid #BDCEBB;/*#00CC00*/
	border-right:2px solid #464646;
	border-top:1px solid #BDCEBB;
	border-bottom:2px solid #464646;
	height:20px;
	width:auto;
	/*left: 591px;
	top: 501px;*/
	background-color:#FFFFFF;/*EFEFE7*/
}
.Buttons_gasto_mal
{
	font: bold 10px Arial, sans-serif;
	color:#FFFFFF;/*FF0000*/
	border-left:1px solid #BDCEBB;/*#00CC00*/
	border-right:2px solid #464646;
	border-top:1px solid #BDCEBB;
	border-bottom:2px solid #464646;
	height:20px;
	width:auto;
	/*left: 591px;
	top: 501px;*/
	background-color:#CC0000;/*EFEFE7*/
}
#Button_modify
{
font-size: 8pt; 
margin:0 0 0 0;
padding:0 0 0 0;
height:20px;
width:45px;
color: blue;
/*background-color:#fff;*/
 	}
#but_modi a:hover {
	color: #fff; /*COLOR DE LETRA CURSOR ARRIBA #ffff99*/
	background:blue;/*FONDO CON CURSOR ARRIBA*/
}
#Button_delete
{
font-size: 8pt; 
margin:0 0 0 0;
padding:0 0 0 0;
height:20px;
width:45px;
color: red;
/*background-color:#fff;*/
}
#but_del a:hover {
	color: #fff; /*COLOR DE LETRA CURSOR ARRIBA #ffff99*/
	background:red;/*FONDO CON CURSOR ARRIBA*/
}

.tablemain {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color:#FFFFFF;
}

.ContenidoMain {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.ContenidoMainblack {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

.MenuBottom{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}
/*LINKS EN EL FONDO*/
A.MenuBottonLink{font:bold 12px Tahoma;text-decoration:none;}
A.MenuBottonLink:visited {color:#fff;}
A.MenuBottonLink:active {color:#fff;}
A.MenuBottonLink:link {color:#fff;}
A.MenuBottonLink:hover {color:#ffdd00;text-decoration:underline}

.CopyRight{
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.Title{
	font-family: sans-serif, Arial;
	font-weight: bold;
	font-size: 16px;
	color:#ffff00; 
	padding-left:100px;
	padding-top:10px;
}
.TitleTable{
	font-family: sans-serif, Arial;
	font-weight: bold;
	font-size: 12px;
	color:#004e61; 
}

.TitleForm{
	font-family: Arial, sans-serif;
	color:#ffffff;
	background-color:#1d93b6;
	padding-left:6px;
	margin:0;
	border-bottom-style: solid;
	border-bottom-color: #004e61;
	border-bottom-width: 1px;
}
.ContentForm{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#000; 
}

.tdContent {
	padding-left: 10px;
}

Input
{
   font:normal 12px Arial;
   color:black;
}
.white
{
   color:white;
}
.req {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #CC0000;
}
.req2 {
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #CC0000;
}
.norm {
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #006486;
}

/*CODIGO NUEVO*/
div.row {
  clear: both;
  padding-top: 2px;
  }
div.row2 {
  clear: both;
  padding-top: 4px;
  }

/*div.row span.label {
  float: left;
  width: 120px;
  text-align: right;
  padding-left:4px;
  } 
div.row span.formw {
  float: right;
  width: 200px ;
  text-align: left;
  }*/   
div.spacer {
  clear:both;
  }
#label_ord{
  font-weight:bold;
  color:#003366;
}
#label_ord2{
  font-weight:bold;
  color:#CC3300;
  font-size:12px;  
}
#user{ color:#CC3300; font-weight:bold; }
.TitleForm1{
	font-family: Arial, sans-serif;
	color:#ffffff;
	background-color:#1d93b6;
	padding-left:450px;
	margin:0;
	border-bottom-style: solid;
	border-bottom-color: #004e61;
	border-bottom-width: 1px;
}
#etiqueta{  
font-weight:bold;
font-size:9px;
} 

#cabecera_arriba {
background:url(../includes/img/titulo1.jpg) no-repeat;
width:984px;
height:100px;
}
#cabecera1 {
background:url(../includes/img/dz.jpg) no-repeat;
width:2000px;
height:500px;

}
#cabecera_arriba h1 {
 margin:0px 0px 0px 0px
}
#cabecera_arriba h1 span {
color:#AFC2C1;
display:none;
}

#cuatro650 {  
padding-left:10px;
 width:650px;
 height:auto;
}

#espaciador {
clear:both;
 }