/*####################################################
##													##
## DIAZRINALDI											##
## 													##
## ADMNAVBAR.CSS									##
## 													##
## 													##
## Estilo CSS										##
## Navbar del administrador							##
## Extensión PHP - CSS dinámico						##
##													##
####################################################*/

@charset "utf-8";

/* ESTILOS ESPECIALES */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/* NAVBAR ADMINISTRADOR */

#admnavbar * {
	color: #fff;
}

#admnavbar {
	width: 100%;
	padding: 10px;
	background: #191818;
	color: #fff;
	font-size: 22px;
	font-family: 'Arial';

	
		position: fixed; 

	
	
		bottom: 0;

	
	
		display: block;

	
	z-index: 5001;
	box-sizing: border-box;
}

	#admnavbar i {
		margin: 0 10px;
		cursor: pointer;
		position: relative;
		z-index: 1;
	}

	#admnavbar #titulo-ubicacion {
	    margin: 14px;
    	float: left;
   		font-size: 14px;
	}

	#admnavbar ul {
		margin: 0;
		padding: 0;
		background: #191818;
		font-size: 14px;
		text-decoration: none;
		display: none;
		box-shadow: 0px 0px 5px #222;
		list-style-type: none;
		position: absolute;
		left: 0;

		
			bottom: 42px;

		
		z-index: 5001;
	}

		#admnavbar ul li a {
			padding: 15px 20px;
			display: block;
			color: #eee;
			text-decoration: none;
			font-size: 14px;
		}

			#admnavbar ul li a:hover {
				background: #006699;
				text-decoration: none;
				color: #fff !important;
			}

			#admnavbar ul li a i {
				margin: 0;
				margin-right: 5px;
			}

	#admnavbar-titulo-sitio {
		width: 100%;
		font-size: 14px;
		display: block;
		text-align: center;
		position: absolute;
		top: 10px;
		left: 0;
		z-index: 0;
		cursor: default;
	}

/* MENSAJE DE MANTENIMIENTO */

#mensaje-mantenimiento {
	width: 100%;
	padding: 10px;
	padding-right: 35px;
	background: #191818;
	text-align: center;
	font-family: 'Arial';
	color: #fff;

	position: fixed;

	
		top: 0;

	
	z-index: 5000;
	box-sizing: border-box;
}

	#mensaje-mantenimiento a {
		color: #ffcc00;
	}

	#mensaje-mantenimiento span {
		position: absolute;
		top: 50%;
		right: 15px;
		cursor: pointer;
		transform: translateY(-50%);
	}