/* ~~ este contenedor rodea a todas las demás divs, lo que les asigna su anchura basada en porcentaje ~~ */
.container {
	width: 100%;
	/*max-width: 1260px;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
	/*min-width: 780px;*//* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */*/
	background: #FFF;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
}

/* ~~no se asigna una anchura al encabezado. Se extenderá por toda la anchura del diseño. Contiene un marcador de posición de imagen que debe sustituirse por su propio logotipo vinculado~~ */
.header {
/*	background: #385182;*/
	height: 60px;
	/*padding-top: 0px;
	padding-left: 0px;*/
	/*background-color: rgba(0, 0, 0, 0.73);*/
    padding-right: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;

}

.footer {
   display: none;
}

.content {
	width: 100%;
	overflow: hidden;
	margin: 134px auto 0;
	z-index: 2;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


.content2 {
	min-height: 815px;
    width: 100%;
    background-color: #f2f2f5;
}


.infomo{display: none;

}

.info{
	    float: right;
    margin-top: 13px;
    padding-right: 405px;
    font-family: monospace;
    font-size: 18px;
    color: black;
    font-weight: 700;
    text-align: right;
    line-height: 20px;
}

.reloj{
	margin: 0 auto;
    position: relative;
    width: 18%;
    margin-left: 82%;
    margin-top: -48px;
    font-size: 40px;
    color: white;
}

.leng{
	    margin: 0 auto;
    margin-left: 90%;
    margin-top: -13px;
    font-size: 16px;
    z-index: 1;
    width: 321px;
    float: right;
    
}

.btning{
    padding-top: 14px;
    margin-left: 8%;
    
}


.datosuser{
    margin: 0 auto;
    width: 100%;
    margin-top: 0%;
    overflow: hidden;
    padding: 9px;
    background-color: #ecece7;
    font-size: 16px;
    text-align: center;
    color: darkcyan;
    padding-bottom: 60px;
}

.datosusermo{
    display: none;
}

.avisodet{
    margin: 0 auto;
    width: 90%;
    margin-top: 0%;
    overflow: hidden;
    padding: 0px;
}

.avisodetmo{
    display: none;

}

.detmo{
    display: none;

}

.menum{
    display: none;
}


.aviso{
	margin: 0 auto;
    width: 85%;
    overflow: hidden;
    padding-top: 34px;
}

.avisomo{
	display: none;
}

.aviso2{
	    margin: 0 auto;
  
    width: 95%;
    margin-left: 3%;
    margin-top: 1%;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 40px;
}

.aviso3{
	    margin: 0 auto;
  
    width: 95%;
    margin-left: 3%;
    margin-top: 1%;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 30px;
}

.cabecera{
	margin: 0 auto; 
	width: 100%; 
	min-width: 150px; 
	position: relative; 
}

  
.bienvenido2 {
	color: white;
    font-size: 23px;
    margin-left: 4%;
    margin-top: 0px;
    width: 100%;
}

.bienvenidomo {
	display: none;
}

.trip2 {
    display: none;    
}

.trip {
    margin-left: 0%;
    margin-top: 0px;
}
.tripc {
    margin-left: -50%;
    float: right;
}