/*================================
TOP
=================================*/ 
#top ul {
	padding-top: 8px;
}
.cerrar {
	float: right;
}
#titulo_chekc {
	color:#79C6AA;
}

#fila, #checkUsuario {
	display: none;
}

#top li {
	display: inline;
	line-height: 30px;
	margin: 0px 5px;
	color: white;
}
.social {
	width: 100%;
}
.social ul li a i {
	font-size: 20px;
	margin: 0 1px;
}
#menu-bar{
	display: none;
}

.Textocabezote p{
	margin-top: 40px;
	float: center;
	font-size: 30px;
}
.barraSuperior #admin {
	margin-right: 0;
	float: right;
} 
/*================================
HEADER
=================================*/
header #logotipo img{
	padding: 20px 60px;
	padding-left: 0px;
	margin: 0px;
}
header #logotipo {
	margin-left: 25%;
}

.nav > li {
	float: left;
	margin-left: 6%;
}
.nav li a {
	padding:10px 8px;
	display:block;
	background: #79C6AA;
	margin-left: 10px;
}
.nav li a:hover {
	background-color: #F8F9F9;
	color: gray;
}
.nav li ul {
	display:none;
	position:absolute;
	min-width:140px;
}
.nav li:hover > ul {
	display:block;
}
.nav li ul li {
	position:relative;
}
.nav li ul li ul {
	right:-140px;
	top:0px;
}


/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){
	
	header #logotipo img{
	padding: 20px 60px;
	padding-left: 0px;
	margin: 0px;
}

}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){
	
	header #logotipo img{
	padding: 25px 60px;
	padding-left: 0px;
	margin: 0px;
}

}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

	header #logotipo img{
	padding:30px 0px;
}

}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	header #logotipo img{
	padding:30px;
	padding-bottom: 10px;
}
	.nav{
		position: absolute;
		transition: all 0.9s;
	}
	.nav li {
		display: inline;
		height: 50px;
	}
	
}