@media screen and (max-width: 800px){
  #redes{
  display: none;
  }
  #fon-regis{ 
    width: 100%; height: 100vh;
    background-size: cover;
    box-sizing: border-box; 
  }
}
/* body{
  background-color: #fff;
} */
.bg-global {
  padding-top: 100px;
  background-color: #fffffffd;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
/* .nv-color{
  background-color: #49b3da;
} */
.nv-color{
  background-color: #001a57;
}
/* .btn-color{
  background: none;
  border-color: #f79e2a;
  color: #f79e2a;
} */
.btn-color{
  background: #e2113d;
  border-color: #e2113d;
  color: #ffffff;
}
/* .txt-norm{
  color: rgb(206, 85, 5);
} */
.txt-norm{
  color: #001a57;
}
.txt-footer{
  color: #ffffff;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.txt-imp{
  color: #f79e2a;
}
.txt-menu{
  color: #ffffff;
}
.txt-det{
  color: #e2113d;
}
/* .btn-hover:hover{
    background:#f79e2a;
} */
.btn-hover:hover{
  background: #2785ff;
  border-color: #0e77ff;
  color: #fff;
}
.dropdown:hover>.dropdown-menu{
	display: block;
}
/* .container .btn-conf{
  background: none;
  border-color: #e2113d;
} */
/* Este es para crear un sub-menu en el menu
.submenu{
  position: relative;
  left: 157px;
  top:0px;
}
*/
/* .container{
  margin-top: 20px;
  margin-bottom: auto;
} */
.margin-top{
  margin-top: 100px;
}
.margin-footer{
  margin-top: 20px;
}
.redondo{
	width: 80%;
  border-radius: 10px;
}
.redondomodal{
    border-radius: 20px;
}
.redondoinfo{
    border-radius: 20px;
    width: 60%;
}
.card{
	background-color: transparent;
	border-color: transparent;
}
.card:hover {
  	background-color: none;
}
.img{
	width: 50%;
	height: auto;
}
footer{
	height: auto;
	/* background-color: #1A7592; */
  background-color: #001a57;
}
th div{
  text-align: center;
}




.letras-registro{ color:#fff }
.fon-regis{ 
	background: linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),url('../img/login3.jpg') no-repeat; width: 100%; height: 100vh;
	background-size: 100%;
	box-sizing: border-box; 
}

.form-container{ 
  border: 0px solid #fff; padding:30px 30px; margin-top: 15vh;
	-webkit-box-shadow: 0px 3px 26px 12px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 26px 12px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 26px 12px rgba(0,0,0,0.75);
}

.form-perfil{
  padding:30px 30px;
  margin-top: 15vh;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 26px 12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 26px 12px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 26px 12px rgba(0,0,0,0.75);
}


.imgmodal{
	width: 100%;
	height: auto;
    display:block;    
}
/* Este modifica el diseño de la imagen y el efecto se hacerse pequeño del inex*/
.div-img .imgmodal {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
}
/* Este modifica el diseño del texto y el efecto se hacerse pequeño del index*/
.div-img .text {
  font-family: 'Open Sans';
  padding-top: 5px;
  display: block;
  text-align: center;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
/* Este modifica para el efecto de la imagen se haga pequeña del index*/
.div-img:hover .imgmodal {
  transform: scale(0.5) translate(0px,-90px);
  -ms-transform: scale(0.5) translate(0px,-90px);
  -moz-transform: scale(0.5) translate(0px,-90px);
  -webkit-transform: scale(0.5) translate(0px,-90px);
  -o-transform: scale(0.5) translate(0px,-90px);
}
/* Este modifica para que aparezca el texto del index*/
.div-img:hover .text {
  transform: translate(0px, -20px);
  opacity: 2;
}