@charset "utf-8";
.body {
	margin: 0px;
	width: 227px;
}
.header {
	background-image: url(./images/hh_back-header.png);
	height: 29px;
	width: 227px;
	margin: auto;
	background-repeat: repeat-x;
}

.logo{
	float:left;
	width:186px;
	margin-top:5px;
}
.logo_contiene{
	float:right;
	width:100%;
	height:100%;
}
.usuario{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-align: right;
	float: right;
}
.usuario img{
	float:left;
	margin-right:5px;
}
.empresa{
	float:right;
	height:80px;
}
.contacto {
	background-image: url(./images/back-contacto.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 250px;
	float: right;
	padding-top: 2px;
}
.contacto-texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	margin-left: 64px;
}
.contacto-texto-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	margin-left: 64px;
	font-weight: bold;
}
.logos-actores {
	clear: right;
	float: right;
	width: 250px;
	text-align: center;
	padding-top: 2px;
}
.texto-std{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#menuh{
	width: 100%;
	border:0px solid #E6E6E6;
	background: 0 0 #E6E6E6;
}
.footer {
	background-image: url(./images/back-footer.jpg);
	height: 94px;
	width: 100%;
	margin: 20px auto auto;
	background-repeat: repeat-x;
	float: left;
	vertical-align: top;
}
.contenidos {
	float: left;
	/*width: 1024px;*/
	width: 100%;
	min-height: 400px;
}
.columna-botones {	
	width: 30px;
}
.boton-rojo {
	background-image: url(./images/boton-rojo.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 220px;
	padding-left: 8px;
	line-height: 28px;
}
.boton-verde-gde {
	background-image: url(./images/boton-verde.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 100px;
    color: white;
    cursor:pointer;
}
.boton-verde {
	background-image: url(./images/boton-verde.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 220px;
	padding-left: 8px;
	line-height: 28px;
}
.boton-gris {
	background-image: url(./images/boton-gris.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 220px;
	padding-left: 8px;
	line-height: 28px;
}
.boton-basico {
	background-image: url(./images/boton-basico.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 220px;
	padding-left: 20px;
	line-height: 28px;
}
.clicksmall{
	cursor:pointer;
}
.menu-01st {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.menu-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.menu-01:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.menu-02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
.menu-02:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

}
.pre_t{
	brush: js; 
	margin-bottom: 0px;
}

.titulo-principal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(./images/hh_celda-verde.gif);
	height: 20px;
    padding-left: 12px;
    padding-top: 5px;
	text-decoration: none;
}

.titulo-principal-02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(./images/celda-verde-02.gif);
	height: 24px;
	width: 952px;
	line-height: 24px;
	text-decoration: none;
	padding-left: 6px;
}
.titulo-principal-chico {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(./images/celda-verde.gif);
	height: 30px;
	width: 100%;
	line-height: 28px;
	text-decoration: none;
}
.contenedor-tablas {
	border: 1px solid #CCCCCC;
	padding: 2px;
}

.contenedor-tablas-inter {
	width: 100%;
}

.tabla-titulos2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(./images/celda-gris.gif);
	padding-left: 6px;
}
.tabla-titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(./images/celda-gris.gif);
	background-repeat: repeat-x;
	padding-left: 6px;
	line-height: 20px;
}

.tabla-titulos-02 {
    background-image: url("./images/celda-gris-02.gif");
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    padding-left: 6px;
    text-decoration: none;
}
.tabla-titulos-03 {
    background-image: url("./images/celda-gris-03.gif");
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    padding-left: 6px;
    text-decoration: none;
}
.tabla-titulos-04 {
    background-image: url("./images/celda-gris-03.gif");
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    padding-left: 6px;
    text-decoration: none;
}
.tabla-celda-01-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	padding-left: 2px;
	background-color: white;
}
.tabla-celda-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	padding-left: 2px;
	background-color: #D9FFC1;
}
.tabla-celda-02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	padding-left: 2px;
	background-color: #F3C7B4;
}
.tabla-celda-03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	padding-left: 2px;
	background-color: #ECE77D;
}
.tabla-celda-listas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	padding-left: 2px;
	background-image: url(./images/celda-gris.gif);
	background-repeat: repeat-x;
}
.tabla-lista-01 {
	width: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
}
.tabla-lista-02 {
	width: 100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
}
.tabla-lista-03 {
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}


.tabla-titulos-03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(./images/celda-gris-03.gif);
	background-repeat: repeat-x;
	height: 24px;
	padding-left: 6px;
	line-height: 24px;
}
.tabla-titulos-04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(./images/celda-gris-04.gif);
	background-repeat: repeat-x;
	height: 24px;
	padding-left: 6px;
	line-height: 24px;
}
.tabla-titulos-05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(./images/celda-gris-05.gif);
	background-repeat: repeat-x;
	height: 24px;
	padding-left: 6px;
	line-height: 24px;
}
.tabla-celda-04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	padding-left: 2px;
	background-color: #EEEEEE;
}
.form-tabla {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F3F3F3;
	border: 1px dashed #DFE0E1;
}
.form-texto-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #709F2D;
	text-decoration: none;
	text-align: right;
}
.form-texto-grande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #709F2D;
	text-decoration: none;
	text-align: left;
	padding-left:10px;
}
.form-alerta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC3300;
	text-decoration: none;
	text-align: left;
}
.form-campo-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border: 1px solid #ABADB3;
	height: 18px;
	width: 240px;
	background-color: #F3F3F3;
}
.form-textarea-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border: 1px solid #ABADB3;
	height: 60px;
	width: 240px;
	background-color: #F3F3F3;
}
.form-textarea-02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border: 1px solid #ABADB3;
	height: 40px;
	background-color: #F3F3F3;
	width: 200px;
}
.form-boton-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(./images/boton-gris.jpg);
	height: 24px;
	width: 100px;
	border: 1px solid #5C5C5C;
}
.form-boton-02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(./images/boton-gris.jpg);
	height: 18px;
	width: 100px;
	border: 1px solid #5C5C5C;
}
.t-left{
    text-align: left;
    min-width: 150px;
}
.borde-base{
    border: 1px solid #D3D3D3;
}

/***** DASHBOARD *****/
.cajaDash{
	float:left;
	width: 40%;
	margin:10px;
	border: 0px solid #CCCCCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding:5px;
}
.contenedorCajaDash{
	min-height: 100px;
}

.filtrosA{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:3px;
}
.link-accion{
	margin:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #709F2D;
	cursor: pointer;
	text-decoration:none;
}
.fila_leyenda{
	float: left;
	width: 75%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #333333;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
}
.fila_accion{
	float: left;
	width: 20%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	color: #333333;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.ir_titulo{
	float: right;
	color:white; 
	margin-top:3px;
	margin-right:30px;
}
.hide{
	display:none;
}
.remito_cant{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #333333;
}
.remito_detalle{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-align:left;
	color: #333333;
}
.txtdestaca{
	font-size: 10px;
	font-weight:bold;
}
.color-deshabilitado{
	color:#0A2A0A;
}

/***** Pop up con informacion ******/
.link-listado{
	color:#088A08;
	text-decoration: none;
}
.vTitulo{
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	background-color:#DDFFDD;
	padding:2px;
	border-bottom:1px solid #BDBDBD;
}
.vDato{
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:2px;
	border-bottom:1px solid #BDBDBD;
}

.menu_header a{
	text-decoration:none;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
	cursor: pointer;
	color: #808080;
	margin-left: 2px;
}

.menu_header  a:hover{
	color: #000000;
}
.mensaje-op{
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	color: #808080;
}

.titulo-05 a {
	text-decoration:none;
	color: #99CC00;
}

.titulo-05   a:hover{
	color: #000000;
}


.link_submenu a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
	text-decoration:none;
	color: #99CC00;
}

.link_submenu   a:hover{
	color: #000000;
}

.usuario a {
	color: #333333;
}