/*General*/

body, td, p, .text {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif !important; /* mgaete */
 font-weight: normal;
 font-style: normal;
 color: #4c4c4c;
}	
a , a:visited {
	color:#3F3FFF;
	
}

wAncho{
	min-width: 1280px;
    width: 100vw;
}

select{
	border:none; 
	border:1px solid #CCC;
	font-size:11px;
}

input[type='checkbox']{
	vertical-align:middle;
}


.flot {
	float:left;
}
.cont-left {	
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	height:100%;
}
.cont-right{
	width:0%;
	overflow:hidden;
	height:100%;
	background-color:#B20000;
}


.foot-left {
	width:30%; 
	height:100%;
}
.foot-right {
	width:70%;
	height:100%;
}
.tblue {
	background-color:#0061A6;
}
.font-white {
	color:#FFF;
	padding:0;
	margin:0;
	text-align:center;
	font-size:4em;
	padding-top:10px;
}
.font-black {
	color:#000;
	padding:0;
	margin:0;
	text-align:center;
	font-size:5em;
}
.font-black-m {
	color:#000;
	padding:0;
	margin:0;
	text-align:center;
	font-size:3.8em;
}
.margin-80 {
	padding-top:100px;	
}
.margin-30 {
	margin-top:30px;
}

.p20 {
	padding-top:20px;
}
.p40 {
	padding-top:40px;
}

.app-prow {
	max-width:1280px;
	min-width:1024px;
	margin:auto;
	height:768px;
	overflow:hidden;
}

/***********************************************************************************************************/

/* Header */

.app-bcolor {
	background-color:#676768; /*#4D7AFF;*/
	height:120px;
	width:100%;
}
	.app-bcolor .app-bcolor-float{
		float:left;
		width:19%;
		height:118px;
		text-align:center;
	}
		.app-bcolor .app-bcolor-float img{
			width:80%;
			height:100%;
			border:none;
			margin-top:0.6%;
		}
	.app-bcolor .app-bcolor-float-c{
		float:left;
		width:57%;
		height:118px;
		line-height:120px;
	}
		.app-bcolor .app-bcolor-float-c span{
			font-size:35px;
			color:#FFF;
			margin-left:5%;
			margin-top:-100px;
		}
	.app-bcolor .app-bcolor-float-l{
		float:left;
		width:22%;
		height:118px;
		line-height:55px;
		text-align:right;
		font-size:1.4em;
		color:#FFF;
	}
		.app-bcolor .app-bcolor-float-l a{
			color:#FFF !important;
			margin-left: 4%;
		}
		
		.name-user {
			margin-right:4%;
		}
		
/* Fin Header */
	
/* Menu */

.a-unstyled {
	color:#4C4C4C !important;
	text-decoration:none;
}
	
.app-prow .menu {
	max-width:250px;
	float:left;
	height:auto;
	padding-left:0%;
	padding-right:0%;
	width:20%;
	margin-top:1.7%;
}
.app-prow .menu-contenido {
	height:528px;
	background-color: #EFEFEF; /*#E6E7E9;*/
	margin-bottom:10px;
	/*padding:6%;*/
	padding-top:3%;
	overflow:hidden;
}

#nav {
	float: left; 
	width: 99.5%; 
	padding:0 !important; 
	font-size:1.2em;
}
#nav, #nav ul, #nav li {
	list-style:none;
}
#nav li {
	border-bottom: 2px solid #FFF;
}
.lastone{
	border-bottom: none !important;
}
#nav li a {
	display: block; 
	padding: 8px 9px; 
	padding-left: 7%;
	text-decoration: none; 
	font-weight:bold; 
	/*border-right: 3px solid #eeeeee !important; */
	padding-right:1%; 
}
#nav li > .arrow-down:after { 
	display:block; 
	content:""; 
	width:20px; 
	height:16px; 
	background: transparent url(/imagenes/arrow1.png) no-repeat; 
	background-size: 100% 100%; 
	float:right; 
}
#nav li > .arrow-up:after { 
	display:block; content:""; 
	width:20px; 
	height:16px; 
	background: transparent url(/imagenes/arrow1.png) no-repeat; 
	background-size: 100% 100%;
	float:right; 
	transform:rotate(180deg); 
}
#nav li a.active  {
	/*border-right-color:#4D7AFF !important;*/
	background-color:#676768;
	color:#FFF;
}
#nav li ul, #nav li ul li {
	border-bottom: none;
}
#nav li ul { 
	padding-left:0 !important; 
	display: none;
}
#nav li ul li a {
	padding: 8px 2px;
	padding-left: 13% !important; 
	font-weight:normal; 
	color:#4C4C4C; 
	/*border-right: 3px solid #eeeeee !important; */ 
}
#nav li ul li > a:after {
	content: ''; 
}
#nav li ul li:hover, #nav li ul li.active  {
	/*border-right-color:#4D7AFF !important;*/
	background-color:#676768;
	color:#FFF !important;
}
#nav li ul li a:hover, #nav li ul li a.active  {
	color:#FFF !important;
}
.cursorP{
	cursor:pointer;
}

/* Fin Menu */

/* Contenido */

.cont-datos {
	height:63px;
	
}
.contenido {
	max-width:1000px;
	float:left;
	width:78%;
	padding-left:1.8%;
	height:100%;
	margin-top:1.7%;
}

.content-principal {
	width:100%;
	height:100%;
	overflow:hidden;
}

.sub-title {
	float:left;
	width:70%;
	height:75px;
	line-height:6px;
}
	.sub-title .ruta{
		font-size: 1.4em;
		font-weight:400 !important;
	}
	.sub-title .sTitle{
		font-size: 2.5em;
	}
	.sub-title .menu_entidad{
		font-size: 2.5em;
	}
.sub-title-2 {
	float:left;
	width:29.7%;
	height:75px;
	text-align:right;
}
	.sub-title-2 .boton-app
	{
		background-color:#1971AE;
		padding: 1.1em 4.5em;
		border: 0px solid lightgrey;
		cursor:pointer;
		color:#FFFFFF !important;
		line-height: 20px;
		text-align: center;
		vertical-align: middle;
		text-decoration: none !important;
		/*display:block;*/
		/*font-size:13px;*/
		border-radius:3px;
		font-size:1.2em;
	}
	
	.sub-title-2 .boton-app
	{
		-moz-user-select: none;
		cursor: pointer;
		display: inline-block;
		line-height: normal;
		text-align: center;
		vertical-align: baseline;
		white-space: nowrap;
	}
	
	.sub-title-2 .boton-app:hover
	{
		background-color:#1A9ADA;
		color:#FFF !important;
		border-radius:2px;
	}
.sub-title-3 {
	float:left;
	width:30%;
	height:75px;
	text-align:right;
}
	.sub-title-3 .boton-app
	{
		background-color:#1971AE;
		padding: 1.1em 1.2em;
		border: 0px solid lightgrey;
		cursor:pointer;
		color:#FFFFFF !important;
		line-height: 20px;
		text-align: center;
		vertical-align: middle;
		text-decoration: none !important;
		/*display:block;*/
		/*font-size:13px;*/
		border-radius:3px;
		font-size:1.4em;
	}
	
	.sub-title-3 .boton-app
	{
		-moz-user-select: none;
		cursor: pointer;
		display: inline-block;
		line-height: normal;
		text-align: center;
		vertical-align: baseline;
		white-space: nowrap;
	}
	
	.sub-title-3 .boton-app:hover
	{
		background-color:#1A9ADA;
		color:#FFF !important;
		border-radius:2px;
	}

.content-table {
	float:left;
	border:1px solid #AEAFAF; /*#E7E7E7;*/
	width:99.5%;
	max-width:1000px;
	/*height:166px;*/
}
.content-table table {
	width:100%;
	border-collapse:collapse;
}
.content-table table thead th {
	background-color:#E6E7E9;
	padding:13px;
	font-size:1.2em;
}

/* BOTONES DE EDICION DE REGISTROS */
.icon{
	background-repeat:no-repeat !important;
	background-size:100% 100% !important;
	border: medium none;
	background-color: transparent !important;
	text-decoration:none;
	list-style:outside none none;
}
.a-btn-eliminar{
	background:url(/imagenes/iconos/xroja_50x50.png);
	display:inline-block;
	width:19px;
	height:19px;
}
.a-btn-editar{
	background:url(/imagenes/iconos/editar_50x50.png);
	display:inline-block;
	width:19px;
	height:19px;
}
.a-btn-tilde{
	background:url(/imagenes/iconos/checkverdeok_50x50.png);
	display:inline-block;
	width:19px;
	height:19px;
}

#monitores_id thead th {
	padding:5px !important;
}
#grupos_id thead th, #grupos_Hc_id thead th {
	padding:3px !important;
	font-size:1.1em !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
.content-table table tbody td {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
}

.content-table > table > tbody tr:nth-child(4n+1) {
	background-color: #F2F3F4 !important;
}

#filtros{
	display:none;
	font-size:10px !important;
}
.auni.active{
	color: #FFF !important;
}

/* Fin Contenido */

/* Usuarios Combos Opciones */

.grupos{
	width:280px;
	height:180px;
	-moz-box-shadow: 2px 1px 4px 2px #ccc;
	-webkit-box-shadow: 2px 1px 4px 2px #ccc;
	box-shadow: 2px 1px 4px 2px #ccc;
	border:1px solid #CCCCCC\9;	
	border:1px solid #CCCCCC\9\0;
	display:none;
	position:absolute;
	z-index:999;
	background-color:#FFFFFF;
}
.grupos > .overf{
	height:100%;
	width:100%;
	overflow-y:auto;
}
.grupos > .overf > table thead th {
	background-color:#EFEFEF;
	height:30px;
}
.grupos > .overf > table > tbody > tr > td {
	border: 0px solid #CCCCCC;
}
.grupos > .overf > table > tbody > tr > td{
	padding:5px;
}
.fontSize{
	font-size:11px;
}
#box_nuevo{
	text-align:center;
}
.btn_numero:focus, .btn_numero:visited, .btn_numero:link, .btn_numero:active, .btn_numero:selected {
	border:none;
	outline:none !important;
}



.centros{
	width:250px;
	height:180px;
	-moz-box-shadow: 2px 1px 4px 2px #ccc;
	-webkit-box-shadow: 2px 1px 4px 2px #ccc;
	box-shadow: 2px 1px 4px 2px #ccc;
	border:1px solid #CCCCCC\9;	
	border:1px solid #CCCCCC\9\0;
	display:none;
	position:absolute;
	z-index:999;
	background-color:#FFFFFF;
}
.centros > .overfc{
	height:100%;
	width:100%;
	overflow-y:auto;
}
.centros > .overfc > table thead th {
	background-color:#EFEFEF;
	height:30px;
}
.centros > .overfc > table > tbody > tr > td {
	border: 0px solid #CCCCCC;
}
.centros > .overfc > table > tbody > tr > td{
	padding:5px;
}

.entidades{
	width:250px;
	height:180px;
	-moz-box-shadow: 2px 1px 4px 2px #ccc;
	-webkit-box-shadow: 2px 1px 4px 2px #ccc;
	box-shadow: 2px 1px 4px 2px #ccc;
	border:1px solid #CCCCCC\9;	
	border:1px solid #CCCCCC\9\0;
	display:none;
	position:absolute;
	z-index:999;
	background-color:#FFFFFF;
}
.entidades > .overfe{
	height:100%;
	width:100%;
	overflow-y:auto;
}
.entidades > .overfe > table thead th {
	background-color:#EFEFEF;
	height:30px;
}
.entidades > .overfe > table > tbody > tr > td {
	border: 0px solid #CCCCCC;
}
.entidades > .overfe > table > tbody > tr > td{
	padding:5px;
}

/* ********************************* */

.gruposPrioridad{
	width:280px;
	height:180px;
	-moz-box-shadow: 2px 1px 4px 2px #ccc;
	-webkit-box-shadow: 2px 1px 4px 2px #ccc;
	box-shadow: 2px 1px 4px 2px #ccc;
	border:1px solid #CCCCCC\9;	
	border:1px solid #CCCCCC\9\0;
	display:none;
	position:absolute;
	z-index:999;
	background-color:#FFFFFF;
}
.gruposPrioridad > .overP{
	height:100%;
	width:100%;
	overflow-y:auto;
}
.gruposPrioridad > .overP > table thead th {
	background-color:#EFEFEF;
	height:30px;
}
.gruposPrioridad > .overP > table > tbody > tr > td {
	border: 0px solid #CCCCCC;
}
.gruposPrioridad > .overP > table > tbody > tr > td{
	padding:5px;
}

/* Fin Usuarios Combos Opciones */

/***********************************************************************************************************/