@charset "utf-8";
/* CSS Document */

body{
	/*background: rgba(0,0,0,1.00);*/
	background: rgba(226,226,226,1.00);
	color: #FFF;
	overflow-x: none;
}
.mail{
	text-transform:lowercase;
	text-align: center;
	font-weight: bold;
	
	
}
.input{
	color:#000000;
	font-weight: bold;
	text-align: center;
	text-transform:capitalize;
	outline: none;
	
}
input[type=number]{
	outline: none;
	
}

input[type=password] {
    color:#000000;
	font-weight: bold;
    -moz-appearance:textfield;
	text-align: center;
	text-transform:none;
	outline: none;
	
}
input[type = tel]{
	outline: none;
}
input[type=text] {
    color:#000000;
	font-weight: bold;
    text-align: center;
	outline: none;
	/*text-transform:none;*/
	
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }
.pass1 .pass2{
	text-transform:none;
	color:#FFF;
	font-weight: bold;
	text-align: center;
	
	
	
	
}
.noms{
	text-transform: capitalize;
	
}
.modalFuera{
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
	width: 100%;
    z-index: 2000;
    left: 0;
    top: 0;
	overflow-y: scroll;
	background: rgb(139,143,139);
    background: linear-gradient(90deg, rgba(139,143,139,0.468312324929972) 0%, rgba(1,1,1,0.47) 50%, rgba(139,143,139,0.4739145658263305) 100%);
	
}
.div-modal{
	border:solid 2px #807e7e;
	box-shadow: rgba(100,100,111,0.2) 2px 2px 10px 1px;
	display: flex;
    align-items: center;
    justify-content: center;
	
	
}
.verModal{
	display:block;
	z-index: 100;
}
.esconderModal{
	display: none;
}
.tituloAlertaNegativa{
    /* background: rgb(138,138,140);
     background: linear-gradient(90deg, rgba(138,138,140,1) 0%, rgba(3,3,3,1) 44%, rgba(138,138,140,1) 100%);*/
	background: rgb(172,104,104);
background: linear-gradient(90deg, rgba(172,104,104,1) 0%, rgba(1,1,1,0.6307773109243697) 50%, rgba(172,104,104,1) 100%);
	 color: #FFF;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
	padding-bottom: 5Px;
	padding-top: 10px;
	
}
.tituloAlertaInformativa{
    background: rgb(168,172,104);
    background: linear-gradient(90deg, rgba(168,172,104,1) 0%, rgba(1,1,1,0.6307773109243697) 50%, rgba(168,172,104,1) 100%);
	color: #FFF;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
	padding-bottom: 5Px;
	padding-top: 10px;
	
}
.tituloAlertaPositiva{
	background: rgb(104,172,107);
background: linear-gradient(90deg, rgba(104,172,107,1) 0%, rgba(1,1,1,0.6307773109243697) 50%, rgba(104,172,107,1) 100%);
	color: #FFF;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
	padding-bottom: 5Px;
	padding-top: 10px;
}
.tituloAlertaPregunta{
	background: rgb(83,103,135);
background: linear-gradient(90deg, rgba(83,103,135,0.5999649859943977) 0%, rgba(14,64,238,0.47) 50%, rgba(83,103,135,0.6) 100%);
	color: #FFF;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
	padding-bottom: 5Px;
	padding-top: 10px;
}
.img-modal-info{
	display: flex;
    align-items: center;
    justify-content: center;
	
}
.img-modal-info img{
	/*width: 100%;
	height: auto;*/
}
.btn-aceptarModal{
	border:solid  2px rgba(0,0,0,1.00); 
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	color: #F40004;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	}
.btn-aceptarModalI{
	background: rgba(255,228,14,1.00);
	border:solid  2px  #000000;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	}
.btn-aceptarModalI:hover{
	background: rgba(255,228,14,0.8);
}
.btn-aceptarModalR{
	background:rgba(25,199,57,0.7);/*  rgba(255,228,14,1.00);*/
	border:solid  2px rgba(160,160,160,1.00);
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	}
.btn-aceptarModalR:hover{
	background:rgba(25,199,57,1.0);/*  rgba(255,228,14,1.00);*/
}
.btn-aceptarModalN{
	background:rgba(235,123,125,0.7);   /*rgba(25,199,57,0.7);/*  rgba(255,228,14,1.00);*/
	border:solid  2px rgba(160,160,160,1.00);
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	}
.btn-aceptarModalN:hover{
	background:rgba(235,123,125,1.0);/*  rgba(255,228,14,1.00);*/
}
.btn-aceptarModal:hover{
	background: rgba(216,216,216,1.00);
}
.redondo{
	border-radius: 15px 15px 15px 15px;
}
.redondoAlert{
	border-radius: 10px 10px 0px 0px;
}

.imgLogo{
	width: 45%;
	height: auto;
}

.tituloB{
	font-size: 32px;
	color: #FFF;
	font-weight: bold;
	
}
.texto-jus{
	text-align: justify;
}
.texto-center{
	text-align:center;
}
.texto-izq{
  text-align: left;
}
.texto-der{
 text-align: right;
}
.cerrar{
	cursor: pointer;
}
.text-center-v{
	
	display: flex;
    align-items: center;
    justify-content: center;
}
.div-img-logo{
	background-image: url("../imagenes/logo.png");
	  background-size: 100% 100%;
	
	background-position: center;
	background-repeat: no-repeat;
	height: auto;
	width: 100%;
}
.div-imagenes{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}
.idiomas{
	position:absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
}
.input-group, .ussL{
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	
}
.botonRe{
	background: #000000;
	border: solid 2px #FFF;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
	/*padding: 2px;*/
	padding-bottom: 6px;
	padding-top: 4px;
	border-radius: 4px 4px 4px 4px;
	
}
.textPlano{
	font-size: 15px;
}
.textPlanoInput{
	font-size: 20px;
}
.textPlano0{
	font-size: 12px;
}
.textoBoton{
	
	padding-left: 5px;
	padding-bottom: 5px;
}
.App{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
}
.home{
	background: rgba(226,226,226,1.00);
}
.barraHeader{
	/*background: #4B4B4D;*/
	background: #6690FE;
	padding-bottom: 3px;
	padding-top: 3px;
	height: 60px;
	
}
.body-home{
	/*background: #4B4B4D;*/
	background: #6690FE;
	
	
}
.barraHeader2{
	/*background: #4B4B4D;*/
	background: #463BFB;
	padding-bottom: 3px;
	padding-top: 3px;
	height: 50px;
	color: rgba(226,226,226,1.00);
	
	
}
.barraHeader2 i svg{
	color: rgba(226,226,226,1.00);
	height: 40;
	width: 40;
}
.barra-div-fluid{
	padding-right: 13px;
}
.titulo-barra{
	padding-top: 10px;
	font-size: 23px;
	font-weight: bold;
}
.imgHeader{
  height: 40px;
  width: auto; 
}
.containerMenu{
	
	/*background:#000000;*/
	background: #6690FE;
	transition: 0.6s;
	min-height: 100vh;
	height: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	
	
}
.fondoMenu{
	/*background: #FFF;*/
	background: #463BFB;
	
	padding-bottom: 10px;
	padding-top: 15px;
	

}
.fondoMenu div{
	padding-left: 10px;
	padding-right: 10px;
}
.imagenAutor{
	align-content: center;
	align-items: center;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 60px;
}
.imagenAutor i svg{
	height: 150px;
	width: 150px;
}
.boton{
	background: #E6E7E8;
	padding: 5px;
	text-align: center;
	color:#000000;
	
}
.botonMenu{
	/*border:solid 1px #000000;*/
	border-left: solid 1px #FFF;
	border-right:solid 1px #FFF;
	border-top: solid 1px #FFF;
	color:#ffffff;
	
	padding: 5px;
	padding-left: 20px;
	cursor: pointer;
	font-weight: 700;
}
.ico-btn {
	font-size: 25px;
	padding-top: 10px;
}
.botonMenu:hover{
	/*background:rgba(213,213,213,1.00);/* rgba(174,174,174,1.00);*/
	background: #6690FE;
	color:#000;
	/*border-radius: 5px 5px 5px 5px;*/
}
.botonMenuU{
	border-bottom: solid 1px #FFF;
}
.btn_cambia{
	padding: 5px;
	background: rgba(143,38,40,0.7);
	cursor: pointer;
	text-align: center;
	width:70%;
	border: solid 2px rgba(143,38,40,1.00);
	color: #FFF;
	border-radius: 10px 10px 10px 10px;
	
}
.btn_cambia:hover{
	padding: 5px;
	background: rgba(143,38,40,1.00);
	border: solid 2px rgba(143,38,40,0.7);
	color: #FFF;
	
	
}

.div-dentro2{
	border: solid 2px #000000;
	border-radius: 10px 10px 10px 10px;
}
.div-dentro i{
	color:#fff;
}
.active .div-dentro{
	border: solid 2px #000000;
	border-radius: 10px 10px 10px 10px;
	background: rgba(226,226,226,1.00);
	padding-bottom: 4px;
	padding-top: 4px;
	color: #000;
}
.active .div-dentro i{
	color: #000;
}



.cierraCesion{
	background: #FFF;
	padding: 25px;
	padding-top: 5px;
	padding-bottom:  5px;
	text-align: center;
	border: solid 1px rgba(228,228,228,1.00);
	cursor: pointer;
	font-weight: 700;
}
.cierraCesion i svg{
	height: 26px;
	width: 26px;
}
.ojo{
	cursor: pointer;
	background: rgba(0,0,0,1.00);
	color: #FFF;
	font-weight: bold;
	border: solid 2px #000000;
	border-right: solid 1px #FFF;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
.spanEmail{
	
	background: rgba(0,0,0,1.00);
	color: #FFF;
	font-weight: bold;
	border: solid 2px #000000;
	border-left: solid 1px #FFF;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
.vinculo{
	cursor: pointer;
	text-decoration: underline;
	
}
.vinculo:hover{
	text-decoration-color:rgba(179,179,179,1.00);
}

.norobot{
	padding-top: 0px;
	/*border: solid 2px #FFF;*/
}
.div-robot{
	height: 80px;
	width: 350px;
	/*background:#FFF; */
}
.selecionaText{
	padding-top: 5px;
	padding-bottom: 2px;
	color: #FFF;
}
.selecionaText span{
	font-weight: bold;
}

/*.classAc i{
	border: solid 2px rgba(255,255,255,1.00);
	
	align-content: center;
	align-items: center;
	padding: 3px;
	border-radius: 5px 5px 5px 5px;
	
}
.classAc i:hover{
	border: solid 2px rgba(255,255,255,1.00);
	
	align-content: center;
	align-items: center;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	
}*/
/*=====================================
estilos de la utilidad
Copiar esto
=====================================*/
.contenedor-btn-file input[type="file"] {
    appearance: none;
    display: none;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}
.contenedor-btn-file {
    display: inline-block;
    position: relative;
    background-color: #FFF;;
    color: #fff;
    border: 0;
    padding: 12px 20px;
    border-radius: 8px;
      box-shadow: 0 0 12px rgba(255,255,255,1.00);
    overflow: hidden;
    transition: ease-out 120ms background-color;
}
.contenedor-btn-file:hover {
    background-color: #16579B;
}
.contenedor-btn-file:active {
    background-color: #114378;
}
.contenedor-btn-file > i {
    margin-right: 15px;
}

.contenedor-btn-file label {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    cursor: pointer;
}

.contenedor-btn-file.bordeado {
    background-color: #fff;
    border: 2px solid #FFF;
    color: #000000;
}
.contenedor-btn-file.bordeado:hover {
    background-color: #000000;
    color: #fff;
}
.cont-imagePreview{
  padding-left: 15px;
	padding-right: 15px;
}
.subeImg {
	/*align-content: flex-end;
    align-items: flex-end;
	/* position: relative;*/
}
.contenedor-btn-file2{
	/*display: inline-block;*/
  /* position: absolute;*/
	/*left: 0px;*/
    background-color:#000000;
    color: #fff;
    border: solid 2px rgba(128,128,128,1.00);
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(128,128,128,1.00);
    overflow: hidden;
	cursor: pointer;
	
   /* transition: ease-out 120ms background-color;*/

}
.contenedor-btn-file2:hover{
	background-color:#fff;
    color:#000000; 
}
.div-texto{
	align-content: center;
	align-items: center;
	text-align: end;
}

/*****************************************************
     CARRUSEL
**********************************************/
.img-Cat{
	height: 200px;
	width: 100%;
}
.carousel-control-next span, .carousel-control-prev span{
	background: rgba(78,78,78,0.8);
	color: #FFF;
	border-radius: 4px 4px 4px 4px;
}
.div-relativo{
	position: relative;
}
/*****************************************************
    HASTA AQUI EL CARRUSEL
**********************************************/

/*.tool_Img{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	padding: 5px;
	color:rgba(238,51,55,0.5);
	background: rgba(0,0,0,.6);
	border-radius: 5px 5px 5px 5px;
	text-align: center;
	align-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 100;
}*/
.tool_Img{
	position: absolute;
	top: 5px;
	right: 40px;
	width: 30px;
	padding: 5px;
	color:rgba(238,51,55,0.5);/*rgba(244,10,14,0.7);*/
	background: rgba(0,0,0,.6);
	border-radius: 5px 5px 5px 5px;
	text-align: center;
	align-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 100;
}
.tool_Img svg:hover{
	color:rgba(238,51,55,1.0);
	
}
.e_imgG{
	text-align: center;
	color: red;
	font-weight: bold;
}
.imagenAutor{
	cursor: pointer;
}
.datosUss{
	padding: 6px;
	border-left: solid 4px #FFF;
}
.cambiaImgUss{
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 5px 5px 5px 5px;
	background: rgba(255,255,255,0.4);
	padding: 3px;
	
}
.SImgUss, .ImgUss {
	width: 35px;
	height: 35px;
	padding: 2px;
	
}
.SImgUss:hover, .ImgUss:hover{
	background: rgba(255,255,255,1.0);
	
}
.SImgUss{
	border-radius: 5px 5px 5px 5px;
	background: rgba(255,255,255,0.8);
	border: solid 2px #000000;
	color:rgba(2,45,12,0.8);
	cursor: pointer;
}
.ImgUss{
	border-radius: 5px 5px 5px 5px;
	background: rgba(255,255,255,0.8);
	border: solid 2px #000000;
	color: rgba(247,8,12,1.0);
	cursor: pointer;
}
.SImgUss div{
	position: absolute;
	top: 10%;
	left: -10%;
	
	
}
.FileimgUssInput{
	
	opacity: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	cursor: pointer;
	
}
.subeImg, .quitaImg{
	cursor:pointer;
		
	
}
.tituloModal1{
	background: rgb(59,59,59);
background: linear-gradient(90deg, rgba(59,59,59,1) 0%, rgba(68,95,189,0.47) 50%);
	color: #FFF;
	font-weight: bold;
	
	padding-bottom: 5Px;
	padding-top: 10px;
	 border-radius: 10px 0px 0px 0px;
}
.tituloModal2{
	background: rgb(68,95,189);
background: linear-gradient(90deg, rgba(68,95,189,0.47) 50%, rgba(59,59,59,0.6) 100%);
	 border-radius: 0px 10px 0px 0px;
	color: #FFF;
	font-weight: bold;
	
	padding-bottom: 5Px;
	padding-top: 10px;
	text-align: right;
	cursor: pointer;
}

.contenedor{
	   display: flex;
	  	justify-content: center;
	 	 align-items: center;
		 height: 80vh;
		width: 100%;
	
}

.btn-boton1{
	background:#6690FF;
	border-radius: 10px 10px 10px 10px;
	color: #FFF;
	font-weight: bold;
	padding: 7px;
	border: solid 3px  #463BFB;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 3px grey;
}
.btn-boton1:hover{
	background:  #463BFB; 
	border-radius: 10px 10px 10px 10px;
	color: #FFF;
	font-weight: bold;
	padding: 7px;
	border: solid 3px #6690FF;
	text-align: center;
	cursor: pointer
}
.cabezaTabla{
	background:#B5B5B5; /* rgba(95,95,95,1.00);*/
	padding: 5px;
	border-bottom: solid 2px #000;
}
.renglonTabla{
	text-transform: capitalize;
	padding: 5px;
	border-bottom: solid 1px rgba(244,244,244,1.00);
	
}
td i svg{
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: #EDEDED;
	border: solid 1px #000;
	padding: 4px;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 3px 3px 3px grey;
	
	
}
td i svg:hover{
	
	background:yellow;
	border-radius: 10px 0px 10px 0px;
	
	
	
}

.btn-boton2{
	background:rgba(37,199,64,0.7);
	border-radius: 10px 10px 10px 10px;
	color: #FFF;
	font-weight: bold;
	padding: 7px;
	border: solid 3px  rgba(37,199,64,1.0);
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 3px grey;
}
.btn-boton2:hover{
	background:  rgba(37,199,64,1.0);; 
	
}
.btn-boton3{
	background:rgba(166,44,34,0.7);
	border-radius: 10px 10px 10px 10px;
	color: #FFF;
	font-weight: bold;
	padding: 7px;
	border: solid 3px  rgba(166,44,34,1.0);
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 3px grey;
}
.btn-boton3:hover{
	background:  rgba(166,44,34,1.0); 
	
}
.titulo-barra svg{
	width: 40px;
	height: 40px;
}
.img-item-dropdown, .input-group-text i svg{
	width: 50px;
	height: 50px;
	outline: none;
}
.img-dropdown{
	width: 25px;
	height: auto;
	outline: none;

}
t:focus, .form-control:focus, .btn:focus{
	border: solid 1px rgb(203, 203, 205);
	outline: none;

}
/************************************
   SELECTOR DROPDOWN
************************************/
.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 100px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 0px 0px;
	z-index: 1;
}
/*.dropdown-content div img{
	z-index: 0;
}*/

.dropdown:hover .dropdown-content {
	display: block;
}

/************************************
   HASTA AQUI SELECTOR DROPDOWN
************************************/
.numCel, .nomsSms{
	font-size: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}
.textarea{
	resize: none;
}
.ejecutar{
	height: auto;
	min-height: 100vh;
}
.ctrl-file{
	opacity: 0;
	position: absolute;
	left:20px;
	top:30px; 
	font-size: 2px;
	height: 100px;
	width: 100px;
}
.img-ico-file i svg{
	position:absolute;
	top: 30px;
	left: 20px;
	width: 50px;
	height: 50px;
	
}
.formato{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.act-envio{
	padding: 5px;
	cursor: pointer;
	color: #114378;
	font-size: 25px;
	border: solid 1px #114378;
	background: #b6b6b8;
	border-radius: 15px 15px 15px 15px;
	
	}
.div-entrada{
	background: rgb(157,191,221);
background: linear-gradient(90deg, rgba(157,191,221,0.4010854341736695) 0%, rgba(69,97,252,1) 82%);
min-height: 100vh;
}
.div-login{
	height: auto;
	width: 450px;
	max-width: 450px;
	background:rgb(68,95,189,0.6);
	border: solid 2px rgb(68,95,189,1.0); /*#2A51AA;*/
	border-radius: 20px 20px 20px 20px;
	padding-left: 30px;
	padding-right: 30px;
	box-shadow: 1px 1px 1px rgb(68, 95, 189);
	padding-bottom: 10px;
}
.uss-ico{
	background: rgb(68,95,189,0);
	
	
}
.uss-ico i{
	font-size: 25px;
	color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;

}
.usuario, .usuario:focus, .clave, .clave:focus, .usuario::after, .clave::after {
	font-size: 25px;
	color: #FFF;
	font-weight: bold;
	background:rgb(68,95,189,0.8);
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px rgb(68,95,189,1.0);
	
}

.usuario::placeholder, .clave::placeholder{
	color: rgb(115, 129, 181);

}
.div_robot{
	height: 100px;
	width: 105%;
	border: solid 3px rgb(68,95,189,1.0);
	background: rgb(68,95,189,0.7);
	
}
.classAc{
	font-size: 28px;
	cursor: pointer;
}
.busca-grupo{
	font-size: 25px;
	background: #463BFB;
	color: #FFF;
	font-weight: bold;
	border:none ;
}

/*input[type="text"],input[type="password"]{
	color: #FFF;
}*/


/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width:576px){
	.modalFuera{
	    padding-top: 5%;
		
	}
	
		.textPlano{
			font-size: 12px;
		}
		.textPlanoInput{
			font-size: 14px;
		}
		.textPlano0{
			font-size: 10px;
		}
		.imgLogo{
			width: 100%;
		}
	.div-registro{
		padding: 0px;
		margin: 0px;
	}
	.fondoD1{
		padding: 5px;
		/*margin: 5px;*/
	}
	.div-robot{
	height: 80px;
	width: 250px;
	/*background:#FFF; */
}
.cont-imagePreview{
  padding-left: 10px;
	padding-right: 10px;
}
	.contenedor-btn-file2{
	/*display: inline-block;*/
 /*  position: absolute;*/
	left: 0px;
    background-color:#000000;
    color: #fff;
    border: solid 2px rgba(128,128,128,1.00);
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(128,128,128,1.00);
    overflow: hidden;
	cursor: pointer;
	
   /* transition: ease-out 120ms background-color;*/

}
	.div-texto{
	
	text-align: justify;
}
.cat-Pag{
	height: 200px;
}
	.div-imagenes{
	padding-left: 1px;
	padding-right: 1px;
		padding-bottom: 2px;
}
.tool_Img{
	position: absolute;
	top: 5px;
	right: 40px;
	width: 30px;
	padding: 5px;
	color:rgba(238,51,55,0.5);/*rgba(244,10,14,0.7);*/
	background: rgba(0,0,0,.6);
	border-radius: 5px 5px 5px 5px;
	text-align: center;
	align-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 100;
}
.input-group, .ussL{
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	
}
.barraHeader{
	background: #6690FF;
	padding-bottom: 5px;
	padding-top: 5px;
	height: auto;
	align-content: flex-end;
	align-items: flex-end;
	
	
}



.barraHeaderF1{
	background: #4B4B4D;
	padding-top: 40px;
	
}
.barraHeaderF{
	background: #4B4B4D;
	padding-top: 40px;
	border-bottom: solid 1px #FFF;
	
}
.imgHeader{
	padding-top: 0px;
 
  
	 height: 50px;
	width: auto;
}
	
	
	.menuP{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 2px;
		padding-right: 2px;
		
		/*background: #FFF;*/
		/*border:solid 1px rgba(177,177,177,1.00);*/
		color: rgb(255, 255, 255);
		cursor: pointer;
		/*box-shadow: 1px 1px 2px white;*/
		z-index: 500;
	}
	.menuP:hover{
		background: rgba(169,183,178,1.00);
		color:#FFF;/* rgba(142,96,97,1.00);*/
		
	}
	.containerMenu{
		z-index: 20;
	}
	.containerMenu1{
		position:absolute;
		top:0px;
		left: -4000px;
		width: 100%;
		height: 100%;
		
	}
	.containerMenu2{
		position:absolute;
		top:0px;
		left: 0px;
		width: 100%;
		max-width: 320px;
		height: 100%;
		position:fixed;
		overflow-y: auto;
		z-index: 2000;
		
		
	}
	.cierraMenu{
		font-weight: bold;
		cursor: pointer;
		color: #EDEDED;
	}
	.numCel, .nomsSms{
		font-size: 25px;
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: bold;
	}
	
	.div-login{
		height: auto;
		width: 320px;
		max-width: 450px;
		background:rgb(68,95,189,0.6);
		border: solid 2px rgb(68,95,189,1.0); /*#2A51AA;*/
		border-radius: 20px 20px 20px 20px;
		padding-left: 0px;
		padding-right: 0px;
		box-shadow: 1px 1px 1px rgb(68, 95, 189);
		padding-bottom: 10px;
	}
	.div_robot{
		height: 100px;
		width: 110%;
		/*border: solid 3px rgb(68,95,189,1.0);*/
		background: rgb(68,95,189,0.7);
		
	}
	.uss-ico i{
		font-size: 18px;
		color: #FFF;
		padding-top: 0px;
		padding-bottom: 0px;
	
	}
	.usuario, .usuario:focus, .clave, .clave:focus {
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		background:rgb(68,95,189,0.8);
		padding-top: 2px;
		padding-bottom: 2px;
		border: solid 2px rgb(68,95,189,1.0);
		
	}
	.usuario::placeholder, .clave::placeholder{
		color: rgb(115, 129, 181);
	
	}
	.div_robot{
		height: 100px;
		width: 105%;
		border: solid 3px rgb(68,95,189,1.0);
		background: rgb(68,95,189,0.7);
		
	}
	.classAc{
		font-size: 22px;
		
		
	}
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/

@media (max-width:767px) and (min-width:576px){
	.modalFuera{
	    padding-top: 5%;
		
	}
	
		.textPlano{
			font-size: 14px;
		}
		.textPlanoInput{
			font-size: 18px;
		}
		.textPlano0{
			font-size: 10px;
		}
		.imgLogo{
			width: 100%;
		}
	.div-registro{
		padding: 0px;
		margin: 0px;
	}
	.fondoD1{
		padding: 5px;
		/*margin: 5px;*/
	}
	.div-robot{
	height: 80px;
	width: 250px;
	/*background:#FFF; */
}
.cont-imagePreview{
  padding-left: 10px;
	padding-right: 10px;
}
	.contenedor-btn-file2{
	/*display: inline-block;*/
 /*  position: absolute;*/
	left: 0px;
    background-color:#000000;
    color: #fff;
    border: solid 2px rgba(128,128,128,1.00);
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(128,128,128,1.00);
    overflow: hidden;
	cursor: pointer;
	
   /* transition: ease-out 120ms background-color;*/

}
	.div-texto{
	
	text-align: justify;
}
.cat-Pag{
	height: 200px;
}
	.div-imagenes{
	padding-left: 1px;
	padding-right: 1px;
		padding-bottom: 2px;
}
.tool_Img{
	position: absolute;
	top: 5px;
	right: 40px;
	width: 30px;
	padding: 5px;
	color:rgba(238,51,55,0.5);/*rgba(244,10,14,0.7);*/
	background: rgba(0,0,0,.6);
	border-radius: 5px 5px 5px 5px;
	text-align: center;
	align-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 100;
}
.input-group, .ussL{
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	
}
.barraHeader{
	background: #6690FF;
	padding-bottom: 5px;
	padding-top: 5px;
	height: auto;
	align-content: flex-end;
	align-items: flex-end;
	
	
}



.barraHeaderF1{
	background: #4B4B4D;
	padding-top: 40px;
	
}
.barraHeaderF{
	background: #4B4B4D;
	padding-top: 40px;
	border-bottom: solid 1px #FFF;
	
}
.imgHeader{
	padding-top: 0px;
 
  
	 height: 50px;
	width: auto;
}
	
	
	.menuP{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 2px;
		padding-right: 2px;
		
		/*background: #FFF;*/
		/*border:solid 1px rgba(177,177,177,1.00);*/
		color: rgb(255, 255, 255);
		cursor: pointer;
		/*box-shadow: 1px 1px 2px white;*/
		z-index: 500;
	}
	.menuP:hover{
		background: rgba(169,183,178,1.00);
		color:#FFF;/* rgba(142,96,97,1.00);*/
		
	}
	.containerMenu{
		z-index: 20;
	}
	.containerMenu1{
		position:absolute;
		top:0px;
		left: -2000px;
		width: 100%;
		height: 100%;
		
	}
	.containerMenu2{
		position:absolute;
		top:0px;
		left: 0px;
		width: 100%;
		max-width: 320px;
		height: 100%;
		position:fixed;
		overflow-y: auto;
		z-index: 2000;
		
		
	}
	.cierraMenu{
		font-weight: bold;
		cursor: pointer;
		color: #EDEDED;
	}
	.numCel, .nomsSms{
		font-size: 25px;
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: bold;
	}
	.classAc{
		font-size: 28px;
	}
	.div-login{
		height: auto;
		width: 420px;
		max-width: 450px;
		background:rgb(68,95,189,0.6);
		border: solid 2px rgb(68,95,189,1.0); /*#2A51AA;*/
		border-radius: 20px 20px 20px 20px;
		padding-left: 5px;
		padding-right: 5px;
		box-shadow: 1px 1px 1px rgb(68, 95, 189);
		padding-bottom: 10px;
	}
	
	.uss-ico i{
		font-size: 22px;
		color: #FFF;
		padding-top: 0px;
		padding-bottom: 0px;
	
	}
	.usuario, .usuario:focus, .clave, .clave:focus {
		font-size: 22px;
		color: #FFF;
		font-weight: bold;
		background:rgb(68,95,189,0.8);
		padding-top: 2px;
		padding-bottom: 2px;
		border: solid 2px rgb(68,95,189,1.0);
		
	}
	.usuario::placeholder, .clave::placeholder{
		color: rgb(115, 129, 181);
	
	}
	.div_robot{
		height: 100px;
		width: 105%;
		border: solid 3px rgb(68,95,189,1.0);
		background: rgb(68,95,189,0.7);
		
	}
}

/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){
	.modalFuera{
	    padding-top: 120px;
	}
	
		.textPlano{
			font-size: 12px;
		}
		.textPlanoInput{
			font-size: 14px;
		}
		.textPlano0{
			font-size: 10px;
		}
		.imgLogo{
			width: 100%;
		}
	.div-registro{
		padding: 20px;
		/*margin: 20px;*/
	}	
	.fondoD1{
		padding: 15px;
		
	}
	.cat-Pag{
	height: 220px;
}
	.div-imagenes{
	padding-left: 5px;
	padding-right: 5px;
		padding-bottom: 5px;
}
	.input-group, .ussL{
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	
}
.barraHeader{
	background: #6690FF;
	padding-bottom: 5px;
	padding-top: 5px;
	height: auto;
	align-content: flex-end;
	align-items: flex-end;
	
	
}
.containerMenu{
	z-index: 20;
}
.containerMenu1{
	position:absolute;
	top:0px;
	left: -2000px;
	width: 100%;
	height: 100%;
	
}
.containerMenu2{
	position:absolute;
	top:0px;
	left: 0px;
	width: 100%;
	max-width: 320px;
	height: 100%;
	position:fixed;
	overflow-y: auto;
	z-index: 2000;
	
	
}
.cierraMenu{
	font-weight: bold;
	cursor: pointer;
	color: #EDEDED;
}

}
@media (max-width:1199px) and (min-width:992px){
	.barraHeader{
		background: #6690FF;
		padding-bottom: 5px;
		padding-top: 5px;
		height: auto;
		align-content: flex-end;
		align-items: flex-end;
		
		
	}
	.containerMenu{
		z-index: 20;
	}
	.containerMenu1{
		position:absolute;
		top:0px;
		left: -2000px;
		width: 100%;
		height: 100%;
		
	}
	.containerMenu2{
		position:absolute;
		top:0px;
		left: 0px;
		width: 100%;
		max-width: 320px;
		height: 100%;
		position:fixed;
		overflow-y: auto;
		z-index: 2000;
		
		
	}
	.cierraMenu{
		font-weight: bold;
		cursor: pointer;
		color: #EDEDED;
	}
	
}