@import url(../sistema/fonts/GothamBook.css);
@import url(../sistema/fonts/GothamBold.css);
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
header{
  position: fixed;
  width: 100%;
}
body{
  display: table;
  width: 100%;
  height: 100vh;
  background: url(../img/campechitofondo.png) no-repeat top center;
  background-size: cover;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
[alt="www.000webhost.com"]{
  display: none;
}

.color_fondo{
  background: rgba(0, 0, 0, 0.5);
  display: table-cell;
  padding: 10px;
  width: 100%;
  height: 100vh;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login{
    background: rgba(37, 108, 160, 0.75);
    border-radius: 15px;
    text-align: center;
    padding: 30px 50px;
}
.fondo2{
    padding: 5px 5px;
    overflow: hidden;
    overflow-y: auto;
    width: 477px;
    height: 70%;
}

.login h1{
	  color: white;
    font-style: italic;
    font-size: 50px;
    font-family: arial;
}
.login input{
	 width: 90%;
	 padding: 4px;
	 display: block;
	 margin: 25px auto;
	 border-radius: 5px;
	 border: 1px solid #ccc;
	 text-align: center;
	 font-size: 14pt;
}

.login .enlace{
    color: antiquewhite;
    font-size: 19px;
    margin: 25px auto;
    text-decoration: none;
    font-style: italic;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-family: arial;
}
.enlaceRegistro{
  color: #0cc309;
}
.enlaceRegistro:hover{
  color:#0fff0b;
}

.login .btnLogin{
	display: block;
    margin: 30px auto;
    color: white;
    padding: 5px 35px;
    font-size: 18px;
    background: red;
    border: 2px solid white;
    border-radius: 5px;
    cursor: pointer;
    transition: 1s;
}

.login .btnLogin:hover{
	background: white;
	color: red;
	border: 2px solid red;
	transition:1s;
}

.login a{
	font-size: 19px;
    margin: 25px auto;
    text-decoration: none;
    font-style: italic;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-family: arial;
}

.login .delmensaje{
  color: #FFF;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background: red;
  margin-bottom: -25px;
  z-index: 10;
  cursor: pointer; 
}
.login .delmensaje a{
  font-style: normal;
  font-weight: 100;
}

.alert{
	width: 100%;
	background:rgba(245, 21, 21, 0.4);
	border-radius: 6px;
	margin: 20px auto;
}
.msg_error{
	color:white;
}
.msg_save{
  color:#c3cccc;
}
.alert p{
	padding: 10px;
	text-align: center;
}
#formularios{
  position: relative;
}

#formularios > div{
  position: absolute;
  left: 100%;
  top: 0;
  padding: 0 30px;
  width: 100%;
  transition: 2s all;
  margin-top: 20px;
}
.formularioActivo{
  left: 0 !important;
}
.formularioleft{
  left: -100% !important;
}
.formularioright{
  left: 100% !important;
}
.imgLogin{
  width: 100px;
  height: 90px;
}
.mClave{
    cursor: pointer;
    margin: auto;
    display: block;
    font-size: 28px;
    margin-top: 13px;
    margin-bottom: -12px;
    color: #0cb632;
}
.mClave:hover{
  color:#0fff0b;
}
.td_btn{
  padding: 0px 10px;
}
#MuestraCorreo{
  color:rgb(25 212 48 / 94%);
}
.Volver_Enviar{
    font-size: 17px;
    border-bottom: 1px solid #f5ebd7;
    color: #0cc309;
    cursor: pointer;
} 
.Volver_Enviar:hover{
  color:#ff0000a8;
  border-bottom: 1px solid rgb(25 212 48 / 94%);
}

.tblregistrarbtn{
  margin: -30px auto;
}

.tblregistrarbtn td{
  padding: 10px;
}

.login .btnVolverRegistro{
    font-style: normal;
    font-weight: 100;
    text-transform: unset;
}
#CodigoOlvido .btnLogin{
   font-weight: 200;
}
/*=============Index=================*/
.header{
  color: #FFF;
  background: #0a4661;
  height: 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.optionsBar{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.optionsBar span {
    color: #FFF;
    font-size: 11pt;
    font-family: 'GothamBook';
    text-transform: uppercase;
    margin-left: 30px;
}
.photouser {
    margin-left: 30px;
    width: 25px;
    height: 25px;
    border-radius: 25%;
}
.close{
  width: 25px;
    height: 25px;
}
.optionsBar a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0px 25px;
    color: #fff;
    align-items: center;
    letter-spacing: 3px;
    text-decoration: none;
    background: #058167;
    padding: 0px 5px;
    border-radius: 5px;
}
.body_index{
    display: unset;
    background: unset;
    width: unset;
    height: unset;
    align-items: unset;
    background: #00ffff0f;
}
#sesion{
  padding: 90px 15px 15px;
}

/*===========About================*/
.form_register{
  width:750px;
  margin: auto;
  text-align: center;
}
.aboutTitle{
  font-size: 40px !important;
}
.dashboardAbout{
    display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
    justify-content: space-around;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
    background: #fff;
}

.dashboardAbout .imagen{
    width:335px;
    height: 473px;
}

.dashboardAbout .tituloEncabezado{
    background-color: rgb(5 129 103);
    text-align: center;
    color: white;  
    padding: 12px; 
    font-size: 25px;  
    cursor: pointer;  
    width: 48%;
    margin: 5px 0px;
}
  
.dashboardAbout .tituloEncabezado:hover{
  background: #0a4661;
}
.dashboardAbout .texto{
    line-height:40px;
    margin: 15px 0px;
    background: #0a4661;
    text-align: justify;  
    padding: 5px 25px;
}
.dashboardAbout .texto:hover{
    background: rgb(5 129 103);
 }

/*====================footer=====================*/

footer{
    width: 100%;
    color: #FFF;
    background: #0a4661;
    display: inline-flex;
    flex-wrap: wrap;
    margin-top: 3%;
}
.imglogo{
  margin: 10px 20px;
}
.imglogo img{
    width:162px;
    height: 115px;
    float: left;
    border-radius: 7px;
    transition: 0.5s;
    margin-top: 18px;
}
.imglogo img:hover{
  margin-top:0px;
  transition: 0.5s;
}
.copyright{
    font-size: 18px;
    margin: auto;
}
.disclaimer{
  display: none;
}