/* CSS Document */

body, html {
	height:100%;
}

body {
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color:#f1f3f5;
}

#outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

#middle {
    display: table-cell;
    vertical-align: middle;
}

#inner {
    margin-left: auto;
    margin-right: auto; 
    width: 460px;
	height:560px;
	background-color:#fff;
	-webkit-box-shadow: 1px 5px 10px 0px rgba(27, 20, 1, 0.2);
	-moz-box-shadow: 1px 5px 10px 0px rgba(27, 20, 1, 0.2);
	box-shadow: 1px 5px 10px 0px rgba(27, 20, 1, 0.2);
	text-align:center;
}
#linea{
	border-width: 1px;
	border-color: #f1bf06;
	border-style: solid;
	background-color: #f1bf06;
	width: 55px;
	height: 1px;
	margin:auto;
}

#inner img{
	padding-top:40px;
}

#inner .destacado{
	font-family: Arial;
	color:
	#f1bf06;
	font-size: 18px;
	font-weight: 700;
	text-align: justify;
}
	
#formulario{
	width:400px;
	height:180px;
	margin:auto
}

#formulario input{
	width:268px;
	height:38px; 
	float:left;
	border:#d4d9dd 2px solid; 
	text-indent:5px;
	margin-left:-2px;
}

#olvido{
	font-family: Arial;
	color: #f1bf06;
	font-size: 12px;
	font-weight: 600;
	text-decoration:none;
	floar:right;
	margin-right:-140px;
	width:134px;
	height:30px;
	line-height:30px;
}

#boton{
	display:block;
	border-radius: 6px;
	background-color: #133a74;
	width: 75px;
	height: 30px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 30px;
	text-decoration:none;
	float:right;
	margin-right:10px;
}

#header{
	box-shadow: 1px 2px 3px 1px rgba(27, 20, 1, 0.3);
	position:relative;
	/*width: 100%; */
	min-width:1124px;
	height: 90px;
	background-color:#fff;
	border-bottom: #f1bf06 4px solid;
	z-index:1000;
}

#logoInt{
	display:block;
	width: 200px;
	height: 90px;
	box-shadow: 0px 0px 7px 2px rgba(27, 20, 1, 0.2);
	float:left;
}

#logoInt img{
	padding: 15px 18px 14px 11px;
}

#info{
	padding-left:54px;
	height:87px;
	width:290px;
	float:left;
	font-family: Arial;
	color:#8794a2;
	font-size: 12px;
	font-weight: 400;
	line-height: 12.002px;
	text-align: left;
	position:relative;	
}
#info img{
	margin-right:13px;
	padding-top:12px;
}

#lastacc{
	font-family: Arial;
	color:#8794a2;
	font-size: 12px;
	font-style: italic;
	text-align: justify;
}
#nombreusuario{
	font-family: Arial;
	color:#8794a2;
	font-size: 12px;
	font-weight: 700;
	line-height: 12.002px;
	text-align: left;
}

#menu{
	float:right;
	position:relative;
	height:87px;
	line-height:87px;
	padding-right:101px;
	cursor:pointer;	
}

#config{
	float:left;
	border-right:#e7eaec 1px solid;
	text-indent:30px;
	padding-right:17px;
	padding-left:17px;	
	background:url(../_img/config.png) no-repeat;
	background-origin:content-box;
	background-position:left center;
	font-family: Arial;
	color:#8794a2;
	font-size:12px;
	font-weight:400;
	text-align:justify;
}

#config:hover{
	background-color: #f3f4f6;
}


#admin{
	float:left;
	border-right:#e7eaec 1px solid;
	border-left:#e7eaec 1px solid;
	text-indent:30px;
	padding-right:17px;
	padding-left:17px;	
	background:url(../_img/config.png) no-repeat;
	background-origin:content-box;
	background-position:left center;
	font-family: Arial;
	color:#8794a2;
	font-size:12px;
	font-weight:400;
	text-align:justify;
}

#admin:hover{
background-color: #f3f4f6;
}

#salir{
	float:left;
	border-right:#e7eaec 1px solid;
	text-indent:30px;
	padding-right:17px;
	padding-left:17px;
	background:url(../_img/power.png) no-repeat;
	background-origin:content-box;
	background-position:left center;
	font-family: Arial;
	color:#8794a2;
	font-size:12px;
	font-weight:400;
	text-align:justify;
	
}

#salir:hover{
background-color: #f3f4f6;
/*	color:#F1BF06; */
}


#cuerpo{
	width:100%;
	height:auto;
	overflow: auto;
	/* padding-bottom: 50px;	*/ 
	min-height:100%;
}

#contenido{
	position:relative;
	margin-left:200px;
	padding:12px 54px 20px 54px;
	z-index:0;
	overflow: hidden;
	min-width:800px;
	min-height:675px;
}

#menulat{
	background-color:#fff;
	box-shadow: 1px 2px 7px 3px rgba(27, 20, 1, 0.15);
	position:absolute;
	top:92px;
	width: 200px;
	display:block;
	float:left;
	z-index:10;
	bottom:0px;
	min-height:710px
}

#sep_sup{
	height:65px;
	width: 200px;
	border-bottom: #e7eaec 2px solid;
}

.item{
	display:block;
	font-family: Arial;
	color: #8794a2;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	height:56px;
	line-height:56px;
	border-bottom: #e7eaec 2px solid;
	text-indent:59px;
	position:relative;
	cursor:pointer;
}

.item:hover{
	color:#ffffff;
}

.sub_item{
	height:49px;
	line-height:49px;
	border-bottom: #d4d9dd 2px solid;
	text-indent:59px;
	font-family: Arial;
	color: #8794a2;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	cursor:pointer;
}

#mon {
	background:url(../_img/IconoMonitor.png)  no-repeat;
	background-origin:padding-box;
	background-position:10px 50%;
}

#mon:hover{
	background:url(../_img/Monitor.png) no-repeat transparent;
	background-origin:padding-box;
	background-position:10px 50%;
	background-color:#8794a2;
}

.monselect {
	background:url(../_img/Icono_Monitor_y.png) no-repeat;
	background-origin:padding-box;
	background-position:10px 50%;
	color: #f1bf06;
}



#rep {
	background: url(../_img/Icono%20Reportes.png) no-repeat;
	background-origin:padding-box;
	background-position:15px 50%;
}

#rep:hover{
	background: url(../_img/Icono_Reportes.png) no-repeat;
	background-origin:padding-box;
	background-position:15px 50%;
	background-color:#8794a2;
}



#rep_bl{
	background: url(../_img/Reporte1.png) #f3f4f6 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
}

#rep_bl:hover{
	background: url(../_img/Reporte1_bl.png) #8794a2 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
	color:#fff;
}

#rep_carga{
	background: url(../_img/Reporte1.png) #f3f4f6 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
}

#rep_carga:hover{
	background: url(../_img/Reporte1_bl.png) #8794a2 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
	color:#fff;
}

#rep_mb{
	background: url(../_img/Reporte2.png) #f3f4f6 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
}

#rep_mb:hover{
	background: url(../_img/Reporte2_bl.png) #8794a2 no-repeat;
	background-origin:padding-box;
	background-position:19px 50%;
	color:#fff;	
}


#titulo{
	font-family: Arial;
	color:#8794a2;
	font-size: 22px;
	font-weight: 400;
	text-align: left;
	text-transform:uppercase;
	text-indent:71px;
	height:54px;
	line-height:54px;
	border-bottom: #8794a2 2px solid;
	width:450px;
}

.mon_tit{
	background: url(../_img/IconoMonitorcopia.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}

.adm_tit{
	background: url(../_img/IconoMonitorcopia.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}
.con_tit{
	background: url(../_img/Icono_configuracion.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}
.con_bl{
	background: url(../_img/Reporte1copia.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}

.con_mfto{
	background: url(../_img/Reporte_2_copia.png) no-repeat;
	background-origin:padding-box;
	background-position: 0px 45%;
}


#proceso{
	height: 150px;
	background-color:#fff;
	margin-top:19px;
	width:830px;
	margin-bottom:13px;	
	
}

#actual{
	border-bottom: #f1f3f5 2px solid;
	height:43px;
	line-height:43px;
	text-align:center;
}

.tit_actual{
	font-family: Arial;
	color:#f1bf06;
	font-size: 18px;
	font-weight: 400;
	background:url(../_img/IconoCargando.png) no-repeat;
	background-position:right center;
	background-origin:padding-box;
	padding-right:22px;
}

#nom_proceso{
	font-family: Arial;
	color:#8794a2;
	font-size: 18px;
	font-weight: 400;
	padding-left:4px;
}

#resultados{
	width: 830px;
	margin:auto;
	padding-top:21px;
	padding-left:54px;
}

.resultado{
	border-radius: 8px;
	border-width: 1px;
	border-color:#e7eaec;
	border-style: solid;
	background-color:#ffffff;
	width: 352px;
	height: 35px;
	float:left;
	line-height:35px;
	color: #8794a2;
	font-size: 13.985px;
	font-weight: 400;
	transform: scaleY(1.0011);	
	text-indent: 60px;
}

#envio{
	background:url(../_img/Icono%20Subiendo.png) no-repeat;
	background-position: 10px center;
	background-origin:padding-box;
}

#recepcion{
	margin-left:14px;
	background:url(../_img/IconoBajando.png) no-repeat;
	background-position: 10px center;
	background-origin:padding-box;	
}

.res_ok{
	display:block;
	font-family: Arial;
	color:#5c990c;
	font-size: 13.989px;
	font-weight: 400;
	transform: scaleY(1.0008); 	
	background:url(../_img/Icono_Check.png) no-repeat;
	background-position: 10px center;
	background-origin:padding-box;
	width:280px;
	text-indent:40px;
	height:35px;
	line-height:35px;
	float:right;
}

.res_error{
	display:block;	
	font-family: Arial;
	color:#bc2f1d;
	font-size: 14px;
	font-weight: 400;
	transform: scaleX(1.0016); 	
	background:url(../_img/Icono_X.png) no-repeat;
	background-position: 10px center;
	background-origin:padding-box;
	width:280px;
	text-indent:40px;
	height:35px;
	line-height:35px;
	float:right;	
}

#filtros{
	width: 830px;
	margin:10px 0px 20px 0px;
	padding-top:21px;
	height: 120px;
	color: #8794a2;
	font-size: 13.985px;
	font-weight: 400;
}

#filtros_busqueda{
	width: 810px;
	padding-top:20px;
	height: 90px;
	color: #8794a2;
	font-size: 13.985px;
	font-weight: 400;
}
.titulo_filtros{
	background: #fff;
	height: 43px;
	padding-left: 10px;
	width: 820px;
}

.titulo_filtros h4{
	font-family: Arial;
	color:  #f1bf06;
	font-size: 18px;
	font-weight: 400;
	line-height: 43px;
	text-align: justify;
}
.filtr_bg_white{
	background-color:  #ffffff;
	padding: 10px;
}
#filtros>#colizq, #filtros>#colder{
	float:left;
	padding:5px;
	width:405px;
}

.input_flt{
	width:400px;
	margin:auto;
	height:24px;
	border:1px solid #d4d9dd;
}


#cambiocontra{
	background:#fff;
	width: 830px;
	margin:19px 0px 20px 0px;
	padding-top:21px;
	height: 177px;
	color: #8794a2;
	font-size: 13.985px;
	font-weight: 400;
	transform: scaleY(1.0011);	
}

.input_cc{
	width:180px;
	margin:auto;
	height:20px;
	border:1px solid #d4d9dd;
}


#cambiocontra>#colizq{
	padding: 20px 5px 5px 25px;
	float:left;
	width:320px;
}

 #cambiocontra>#colder{
	padding: 20px 5px 5px 10px;
	float:left;
	width:465px;

}

#subtitulo{
	height:43px;
	border-bottom: #e7eaec 2px solid;
	color: #f1bf06;
	font-size: 18px;
	font-weight: 400;
	padding-left:32px;

}

#footer{ 
	position: relative;
	margin-top: -50px; /* altura en px del footer con valor negativo */
	height: 50px; /* Altura del Footer en px*/
	clear: both;
	background: #fff;
	text-align: center;
	color: #000;
	box-shadow: hsla(0,0%,0%,0.30) -1px -2px 4px;
	z-index:9;
}