/* ~~ 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: 62px;
	/*padding-top: 0px;
	padding-right: 10px;*/
	/*background-color: rgba(0, 0, 0, 0.73);*/
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
}

.footer {
	background: white;
	height: 53px;
	/*padding-top: 0px;
	padding-right: 10px;*/
	/*background-color: rgba(0, 0, 0, 0.73);*/
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    border-top-style: inset;
    border-top-width: 2px;
    border-top-color: #438ecd;
}

.content {
	width: 100%;
	overflow: hidden;
	margin: 76px auto 0;
	z-index: 2;
    padding-bottom: 4px;
}

.info{display: none;}

.infomo{
	    float: right;
    margin-top: 5px;
    padding-right: 87px;
    font-family: sans-serif;
    font-size: 13px;
    text-align: right;
    line-height: 18px;
    font-weight: 600;

}

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


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

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

.leng{
	width: 15%;
    margin-top: -17px;
    font-size: 13px;
    z-index: 1;
    float: right;
    margin-left: 81%;
    position: absolute;
}

.btning{
	padding-top: 14px;
    color: white;
    margin-left: 2%;
    position: absolute;
}


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

.datosusermo{
    margin: 0 auto;
    width: 100%;
    margin-top: 0%;
    overflow: hidden;
    padding: 5px;
    background-color: #ecece7;
    text-align: center;
    font-size: 18px;
}

.datosuser{
    display: none;
}

.menu{
    display: none;
}

.detpc{
    display: none;

}

.avisodet{
    display: none;
}

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

.aviso{
	display: none;
}

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

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

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

  
.bienvenido2 {
	display: none;
}

.bienvenidomo {
	margin-left: 0%;
    margin-top: 0px;
}

.sideslider {
    display: none;
}

.trip {
    display: none;    
}
  
.trip2 {
    margin-left: 0%;
    margin-top: 0px;
}  

.navbar {
    display: none;    
}