* { box-sizing:border-box; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; }

html, body{height: 100%; background-color:#000; /*413f3f;*/ /*d1d1d1;*/ margin: 0;padding: 0;}

/*body {
background-image: url('../imagenes/universalfondo.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-blend-mode: multiply;
}*/

h1, h2, h3, h4 {color:#07adf3;}

label {	padding:2px;
	margin-top:2px;
	margin-right:5px;
	float:left;
    color:#e3e3e3;
}

input, select {
	font-size:1em;
	padding:3px 5px;
	border:1px solid #2f3336;
    color:#111;
	background-color:#f9f2ff; /*dbdbdb;*/
	float:left;
	border-color: #2f3336;
	/*height:25px; line-height:25px;*/

}
.estilotextarea  {
	font-size:1em;
	padding:3px 5px;
	border:1px solid #2f3336;
    color:#111;
	background-color:#f9f2ff; /*dbdbdb;*/
	float:left;
	border-color: #2f3336;
}

input[type="radio"] {height:25px; line-height:25px;}
input[type="checkbox"] {height:25px; line-height:25px;}

textarea { 	background-color:#f5f5f5; font-size:1em; padding:3px 5px; border:1px solid #777; color:#111; border-color: #c6c6c6;}


.barraMenu {
    height: 40px;
    background-color: #4c2270;
	color: #fff;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/*#btn-menu {	display: none;}

.icon-menu {
	
	cursor: pointer;
	display: none;
	border: 1px solid #333;
	padding-top: 0px;
	padding-bottom: 5px;
	
	margin-right: 5px;
	background-color: #07adf3;
	width: 40px;
    float: right;
}
*/

.menu ul {
	background-color: #4c2270;
	display: flex;
	list-style: none;
}

.menu ul ul {
	background: #4c2270;
	display: none;
}

.menu a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration:none;
}

.menu a:hover {
	/*background: rgba(0,0,0,0.4);*/
	background-color:#7f39bc; 
	color:#fff;
}

.menu a:hover span {
    color:#fff;
}

.menu a span {
	margin-left: 10px;
}

.menu ul li:hover ul {
	display:block;
	position: absolute;
}

/*.menu a.active:hover {background: blue;}*/


.menuBoton {display:none; cursor:pointer; background-color:#7f39bc; /*#07adf3;*/ padding:3px 6px; /*border: 1px solid #000;*/ float:right;margin-top: 10px;margin-right: 7px; }
.bar1, .bar2, .bar3 {width:35px; height:3px; background-color:#fff; margin: 6px 0; transition: 0.4s;}
.change .bar1 {transform: rotate(-45deg) translate(-7px, 6px);}
.change .bar2 {opacity: 0;}
.change .bar3 {transform: rotate(45deg) translate(-7px, -6px);}


/* ---Fin Menu --*/

.barraTop {position:fixed; width:100%; z-index:1; top:0; background-color:#4c2270;}

.fila {padding:0px 16px; overflow: auto;}
.fila_g {padding:10px 5px; overflow: auto;}


.logoI {float:left; margin:0px 0 0px 0; 
	position: absolute;
	top: 2px;
	left:10px;
	background: url(../imagenes/universal_group2.png) no-repeat;
	background-size: 240px 80px;
	width: 240px;  height: 80px;
	cursor:pointer;
}

.logoT {float:left; margin:0px 0 0px 0; 
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 100px;
	padding-right: 0px;
	font-weight: bold;
	font-size: 40px;
	cursor:pointer;
	font-family: "Times New Roman", Times, serif;
	color:#29166f;
}


.infoUsuario, .infoUsuario2 {display:inline-block; padding: 0px 5px; float:right; margin-top: 5px; }
.infoUsuario2 {display: none; background-color:#000; width: 100%; margin-bottom: 10px; margin-top: 0px; padding: 8px 8px 8px 20px;}
.avatar {float: left; width:40px; height:40px; border-radius:50%; border: 1px solid #333;}
.usuario, .usuarioB {float: left; color:#a8a8a8; padding:11px 12px; }
.usuarioB {color:#a8a8a8;}


/* Boton */

.boton1 {
	display:inline-block;
	background-color:transparent; /*#fff;*/ 
	color:#fff; 
	border:none; 
	border: 1px solid #fff;
	border-radius: 0px;
	outline:none;
	float:left;
	padding:7px 12px 7px 12px;
	text-align:left;
	margin-right:10px;
	margin-bottom:0px;
	/*box-shadow: 0 2px #999;*/
	transition: background 0.2s linear;
	cursor: pointer;
	height: auto;
	line-height: normal;
	font-size: small;
	margin-top:0px;
}
.boton1:hover {background-color:#fff; color:#000;}
.boton1:hover img {filter: invert(100%);}
.boton1:active { background-color:#474747; color:#fff; border: 1px solid #474747;     /*box-shadow: 0 0px #666; transform: translateY(2px);*/ }
.boton1 a i {font-size:1em; }
.boton1 a {color:#fff; text-decoration:none; }
.boton1:hover a:hover { color:#000; }
.boton1 img{float:left; margin:0px 5px 0px 0px;}

.boton1 p {float:left; margin:0; padding:0; }
.boton1 div{float:left; margin:0px 5px 0px 0px; width:16px; height:16px; }
.botonAct {background-color:#006600;}
.botonAct:hover {background-color:#003d00;}
.boton1G{ text-transform:uppercase; letter-spacing:2px; padding:15px 25px 15px 25px;}

.boton1:disabled {background-color:#6c6c6c; }

.boton2 {color:#cc9900; text-decoration: underline; cursor: pointer; }
.boton2:visited {color:#cc9900;}
.boton2:hover {color:#996600; }
.boton2:active {color:#663300; }


/* Paneles */

.principal { height: auto; min-height: 100%;}
.container, .container2 { padding-top: 100px; padding-right:10px; padding-left: 10px; margin-right: auto;margin-top:0px;  height: auto; }
.panel, .panelF {display:block; margin-bottom: 15px; margin-top:0px; overflow:auto; padding:8px 10px; 
color:#e3e3e3;
background-color:#15181c; 
border:1px solid #2f3336;
/*box-shadow:2px 2px 3px 0px rgba(0,0,0,0.08);*/
-webkit-overflow-scrolling: touch;  
/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.08);*/
/*box-shadow:0 2px 2px 0 rgba(0,0,0,0.08)*/}

.container2 { padding-top: 200px; }


.panelF {padding:0px; }
.panelI {padding:8px 10px;overflow: auto;}
.tituloPanel{ color:#222; background-color: #e7ba26; padding: 5px 10px; margin-bottom: 10px; }

.subTitulo {background-color:#ccc; color:#66af22; font-weight:bold; padding:8px 5px; width:100%; overflow:hidden; margin-top:30px; margin-bottom:10px;}
.campoFicha{width:100%; overflow:hidden; margin-bottom:10px;}
.labelAncho {width:230px; text-align:left;}
.labelAncho2 {width:350px;}
.margenAbajo{margin-bottom: 10px;}

.campoFicha3 {width:100%; overflow:hidden; margin-bottom:10px;}
.labelAncho3 {width:200px; text-align:left; padding-left:30px;}
.labelAncho5 {width:200px; text-align:left; padding-left:0px;}
.campoFicha4 {width:100%; overflow:hidden; margin-bottom:5px;}
.labelAncho4 {width:280px; text-align:left; padding-left:30px;}

.divleft { float:left; margin-right:20px; margin-bottom:5px;}

.divbotones {float:right; }

.pie { height:30px; clear:both; overflow: auto;}
.piepagina{ text-align:center; padding:8px; background:#4c2270; height:30px; margin-top:-30px; float:left; width:100%; }
.piepagina p { color: #f3f3f3; font-weight:500; font-size:12px; /*letter-spacing: 1px;*/ }

.txtResaltado{color:#e10000; font-weight:bold;}

/* Tablas */
.tdatos { border-collapse:collapse; width:100%; border:1px solid #2f3336; background-color:#f9f2ff; /*#f5f5f5;*/  color:#000;}
.tdatos th { text-align:left; padding:4px; border:1px solid #2f3336; background-color:#4c2270;   /*#07adf3;*/  color:#fff; font-weight:bold; }
.tdatos td { text-align:left; padding:4px; border:1px solid #2f3336; }
.tdatos tr:nth-child(even){ background-color: #eae5fc; color:#000; }
.tdatos tr:hover {background-color:#07adf3; /*#4c2270;*/ color:#fff;}

.tficha{ border-collapse: collapse; width: 100%;}
.tficha td {padding-top: 5px; padding-bottom: 5px;} 


.campo10 { width:120px;}
.campo30 { width:290px;}
.campo40 { width:350px;}
.campo50 { width:450px;}

.avisos {display:none; background-color:#efbebe; padding: 5px 5px; color:#ff0000; font-weight:bold; margin: 10px 0px; }


/* Capas */
.espera{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	/*background:transparent url(../imagenes/circular.gif) center no-repeat;*/
	background: url(../imagenes/esperar2.gif) center no-repeat;
	background-size: 100px 100px;
	background-color:rgba(255, 255, 255, 0.5);
	/*background-color:rgba(0, 0, 0, 0.25);*/
	
	z-index:1100;
}

.capaoscura{
	display: none;
	position: fixed; 
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color:rgba(255, 255, 255, 0.5);
	/*background-color:rgba(0, 0, 0, 0.30);*/
	z-index:1001;
}


.ventanEmergente {
	display:none; position:fixed; left:50%; top:50%; width:450px;  margin-left:-225px;
	padding:0px; border:1px solid #333;  z-index:1005; text-align:center; 
	height:auto; margin-top:-300px;

	background-color:#15181c; 
	border:1px solid #2f3336;
	box-shadow:2px 2px 3px 0px rgba(0,0,0,0.35);  

	/*background-color:#dedede; 
	border:1px solid #c1c1c1; 
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)*/
}


.tituloEmergente{background-color:#4c2270; color:#fff; width:100%; text-align:left; }
.tituloEmergente h3, .tituloEmergente h2 {color:#fff; padding:10px; }

.ventanEmergenteAncha_450 {width:450px; margin-left:-225px;}
.ventanEmergenteAncha_600 {width:600px; margin-left:-300px;}
.ventanEmergenteAncha_60 {width:60%; margin-left:-30%; }
.ventanEmergenteAncha_90 {width:90%; margin-left:-45%; }


.ventanEmergenteInterno {background-color:#312a37; display:block; margin:0 auto; padding:10px; overflow:auto; max-height:550px;}
.ventanEmergente p, .ventanEmergenteInterno p, .panel3 p {padding: 2px 5px; color:red; font-weight:bold; display:block; background-color:#efbebe; margin: 5px 0px; display:none;}

.botonEmergente {
	background:  url(../imagenes/cerrar2.png) center no-repeat;
	height:16px; width:16px; position:absolute; opacity:0.9; filter: alpha(opacity=90); transition: all 0.1s linear; top:16px; right:10px;
}
.botonEmergente:hover {opacity:1.0; filter: alpha(opacity=100);}

.

.venEmerBot1 {display:inline-block; text-align:center; width:100%;}
.venEmerBot2 {margin:0 auto; display:inline-block; padding-top: 10px;}
.aviso {width:100%; height: 22px; overflow:auto; padding: 2px 5px; color:red; font-weight:bold; text-align:center; }
.avisoR {color:red; background-color:#efbebe;}


.estatus0, .estatus1, .estatus2, .estatus3, .estatus4 {background:#3232d7; color:white; padding:2px 6px 1px 6px; margin:0;border-radius:10px; }
.estatus1{background:#3232d7;} /*Azul*/
.estatus2{background:#d73232;} /*Rojo*/
.estatus3{background:#45d732;} /*Verde*/
.estatus4{background:orange;} /*Anulado*/


/*---- Botones Presionados ---*/


.botonP {
	display:inline-block;
	color:#1e51a4; 
	border: 2px solid #1e51a4;
	border-radius: 0px;
	outline:none;
	float:left;
	padding:5px 10px 3px 10px;
	text-align:left;
	margin:0px;
	margin-right:0px;
	margin-bottom:5px;
	transition: background 0.2s linear;
	cursor: pointer;
}
.botonP:hover { color:#fff; background-color:#006600; /*1e51a4;*/ border: 2px solid #006600;}

.switch {display: inline-block; margin:0px; padding: 0px;}
.switch input {display:none;}

input:checked + .botonP { color:#fff; background-color:#1e51a4; border: 2px solid #1e51a4;}


.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
/*---*/

/* Para la Impresion */
.salida {display:none;}
.mostrar {display:block;}
.linea {display: inline-block; width: 100%; }
.colum {float:left; padding: 5px; }


/* Animacion Emergente */
.animate {
    -webkit-animation: animatezoom 0.5s;
    animation: animatezoom 0.5s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}



@media (max-width: 768px) {
	/*header label {*/
	/*.icon-menu { display:block;	}*/
    
    .barraMenu { height: 10px; }
        
	.menu {
		position: absolute;
		top:60px;
		left:0;
		width: 100%;
		transform: translateX(-100%);
        /*display:none;*/
		transition: all 0.3s;
	}

	.menu ul {
		/*flex-direction: column;*/
		display: block;
		/*background: #555;*/

	}

	.menu ul li:hover ul {
		display: none;
		position: static;
	}

	.menu a span {
		position: absolute;
		right: 5px;
	}

        
	#btn-menu:checked ~ .menu {
		transform: translateX(0%);
	}

	.menu ul ul {
		background: rgba(0,0,0,0.2);
		overflow-x:auto;
		max-height: 300px;
		-webkit-overflow-scrolling: touch;
	}

	.menu ul ul a {
		padding: 15px 40px;
	}
    
	.logoI {
		top: 5px;
		left:10px;
		background-size: 150px 50px;
		width: 150px;  height: 50px;
		cursor:pointer;
	}
	.logoT {
		padding-top: 10px;
		padding-bottom: 0px;
		padding-left: 56px;
		font-size: 35px;
	}

	.fila_g {padding:10px 5px;}

    .menuBoton {display:inline-block;}
    
	.infoUsuario {display: none;}
	.infoUsuario2 {display:block;}    
    
	.container, .container2 { padding-top: 75px; padding-right: 10px; padding-left: 10px; margin-right: auto;margin-top: 0px; }
	.container2 { padding-top: 100px; }
	.divleft {width:100%; margin-bottom:5px;  }

	.labelAncho {width:300px;}
	.labelAncho2 {width:auto;}
	.labelAncho3 {width:100%; padding-left: 0px;}
	.labelAncho4 {width:100%; padding-left: 0px;}
	.labelAncho5 {width:100%; padding-left: 0px;}

	.campo10 { width:150px;}
	.campo30 { width:280px;}
	.campo30b { width:220px;} 
	.campo40 { width:280px;}
	.campo50 { width:280px;}

	.ventanEmergente {width:320px; margin-left: -160px;  margin-top:-280px; }

	.ventanEmergenteAncha_450 {width:320px; margin-left:-160px;}
	.ventanEmergenteAncha_600 {width:98%; margin-left:-49%;}
	.ventanEmergenteAncha_60 {width:320px; margin-left:-160px; }
	.ventanEmergenteAncha_90 {width:320px; margin-left:-160px; }

	.ventanEmergenteInterno { max-height:450px;} 

	.panel3 {width:320px;}
	.botonCel {margin-bottom: 10px; }
}