/* CSS - Media Queries */
/* Pongo el fondo reducido a todos, para luego especificar cual llevaran el 
fondo normal */
@media all {
	/*app.css + user.css*/
}

@media only screen and (min-width: 768px) and (min-height: 521px) {
    /*app.css + user.css*/
}

/* Fondo normal si tienes como minimo 1024 x 768 de resolucion */
@media screen and (min-width: 1023px) and (min-height: 767px) {
    /*app.css + user.css*/	
}

/* El footer se oculta en resoluciones de hasta 480px de alto */
@media screen and (max-height: 480px) {
	#m-footer {
		display: none;
	}
}

/* Agrando tamaños si tiene de minimo de ancho 768px y de alto maximo 520px */
@media only screen and (min-width: 768px) and (max-height: 520px) {

	body {
		margin-bottom: 40px;
	}
	
	#m-encabezado {
		height: 50px;
		line-height: 50px;
	}
	
	#m-imagen-logo {
		height: 50px;
	}
		
	#m-titulo-general {
		font-size: 1.3em;
		text-align: left;
	}
}

/* Agrando tamaños si tiene de minimo de ancho 768px y de alto 521px */
@media only screen and (min-width: 768px) and (min-height: 521px) {
	body {
		margin-bottom: 60px;
	}
	
	#m-copyright {
		font-size: 1em;
		padding-right: 1em;
	}
	
	#m-encabezado {
		height: 80px;
		line-height: 80px;
	}
	
	#m-footer {
		height: 60px;
	}
	
	#m-imagen-logo {
		height: 80px;
	}
	
	#m-menu-navegacion-abajo {
		line-height:60px;
	}
	
	#m-titulo-general {
		font-size: 2em;
		text-align: left;
	}
}

/* Disminuyo tamaños hasta  767px */
@media only screen and (max-width: 767px) {
	
	body {
		margin-bottom: 40px;
	}
	
	#m-encabezado {
		height: 50px;
		line-height: 50px;
	}
	
	#m-copyright {
		font-size: 0.9em;
		padding-right: 0.9em;
	}
	
	#m-footer {
		height: 40px;
	}
	
	
	#m-titulo-general {
		font-size: 1.3em;
		text-align: center;
	}
}


/* CSS - Standard */

html {

}

.content {
    display:table-cell;
    vertical-align:middle;
}

.v-center {
    display:table !important; 
}

#loginBackVideo {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translate(-50%, -50%);
}

#m-copyright {
	text-align: right;
	height: 100%;
}

#m-encabezado {
	background-color: rgba(255, 255, 255, 0.8);
}

#m-footer {
	background: rgba(0,0,0,0.5);
	bottom: 0;
	position: absolute;
  	width: 100%;
}

#m-titulo-general {
}

#m-menu-navegacion-abajo {
	display: table;
	height: 100%;
}

#m-menu-navegacion-abajo ul {
	display: table-cell;
	list-style-type: none;
	padding: 0;
	vertical-align: middle;
}

#m-menu-navegacion-abajo ul li {
	display: inline;
}

#m-menu-navegacion-abajo ul li a {
	text-decoration: underline;
}

#m-menu-navegacion-abajo ul li a:hover {
	color: white;
}

#m-menu-navegacion-abajo li:after {
	content: "|";
}

#m-menu-navegacion-abajo li:last-child:after {
	content: "";
}

.main-content {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.title-box {
    color: #fff!important;
}

.black {
    color: #000000!important;
}