ul, ol {
				list-style:none;
			}
			
			.nav > li {
				float:left;
			}
			
			.nav li a {
				/*background-color: #f50000;*/
				color: #fff;
				text-decoration: none;
				padding: 10px 12px;
				display: block;
				background: #000;
			}
			
			.nav li a:hover {
				background-color:#2f86c3;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
				border-left: thin solid #2f86c3;
				background: #000;
				z-index: 99999;				
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
			}
			
			.nav li ul li ul {
				right:-140px; 
				top:0px;
			}
			
			
			
			
			.nav_respon > li {
				/*float:left;*/
			}
			
			.nav_respon li a {
				background-color:#000;
				color:#fff;
				text-decoration:none;
				padding:10px 10px;
				display:block;
				font-size: 14px;
				letter-spacing: -1px;
			}
			
			.nav_respon li a:hover {
				background-color:#2f86c3;
				width: 96%;
			}
			
			.nav_respon li ul {
				display:none;
				position:absolute;
				min-width:140px;
				border-left: thin solid #000000;
				width:  96%;
			}
			
			.nav_respon li:hover > ul {
				display:block;
			}
			
			.nav_respon li ul li {
				position:relative;
			}
			
			.nav_respon li ul li a {
				background: #e4e4e4;
			}
			
			.nav_respon li ul li ul {
				right:-140px;
				top:0px;
			}
			
			.rayita_respon {
				width: 35px;
				height: 5px;
				background-color: white;
				margin: 6px 0;
			}
			
			#rayas_respon2 {
				display: none;
			}
			
			#sin_rayas_respon {
				display: none; 
			}
			
			.menus_respon {
				margin-bottom: 25px; 
			}
			
		.fijo {
			position: fixed;
		}

@media screen and (min-width:768px) {
	.menus {
		display: block; 
	}
	.menus_respon {
		display: none; 
	}
}

@media screen and (max-width:767px) {
	.menus {
		display: none; 
	}
	.menus_respon {
		display: block; 
	}
}