/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
	
	Contenido

		* maas1024
		* 1024
		* 770
		* 450

\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@mas1024
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#elMenu{
	
}
	nav{
		vertical-align: bottom;
		padding: 0;
		clear: both;
	}
		#menu_chk{
			display: none;
		}
		#menu_chk + label{
			margin-bottom: 0;
			position: relative;
			cursor: default;
		}
			#menu_ppl{
			}
				#menu_ppl > p{
					display: none;
				}
				#menu_ppl > ul{
					display: table;
					padding: 0;
					margin: 0 0 0 auto;
				}
					#menu_ppl > ul > li{
						display: table-cell;
						position: relative;
						vertical-align: bottom;
					}
						#menu_ppl > ul > li > a{
							display: block;
							padding: 5px 15px;
							font-size: 1.3rem;
							font-family: 'Fjalla One', sans-serif;
							color: #727272;
							outline: none;
							text-align: center;
							-webkit-transition:all 0.2s ease-out; 
							   -moz-transition:all 0.2s ease-out; 
									transition:all 0.2s ease-out; 
						}
						#menu_ppl > ul > li:hover > a, #menu_ppl > ul > li > a:focus{
							color: #2c4e95; 
							background: none;
						}
						#menu_ppl > ul > li.parent > a{
							background-image: url(../images/arrow_down.png);
							background-position: center bottom;
							background-repeat: no-repeat;
						}
						/*#menu_ppl > ul > li::after{
							content: '';
							position: absolute;
							margin-top: -2px;
							width: 4px;
							height: 4px;
							background-color: #fff;
							right: -2px;
							top: 50%;
							border-radius: 50%;
							z-index: 10;
						}
						#menu_ppl > ul > li:last-child::after{
							display: none;
						}*/
						#menu_ppl ul.nav-child{
							max-height: 0;
							list-style: none;
							padding: 0;
							overflow: hidden;
							position: absolute;
							left: 0;
							top: 100%;
							z-index: 100000;
							-webkit-transition:all 0.5s ease-out;
								 -o-transition:all 0.5s ease-out;
							   -moz-transition:all 0.5s ease-out;
								-ms-transition:all 0.5s ease-out;
									transition:all 0.5s ease-out;
						}
						#menu_ppl > ul > li:hover > ul{
							max-height: 600px;
						}
							#menu_ppl > ul > li > ul a{
								display: block;
								padding: 10px 30px;
								background-color: #ddd;
								min-width: 100px;
								text-align: left;
								color: #333;
								font-size: 1.3rem;
								white-space: nowrap;
								-webkit-transition:all 0.2s ease-out;
									 -o-transition:all 0.2s ease-out;
								   -moz-transition:all 0.2s ease-out;
									-ms-transition:all 0.2s ease-out;
										transition:all 0.2s ease-out;
							}
							#menu_ppl > ul > li > ul a:hover{
								background-color: #b9c6e2;
								color: #222;
							}
							#menu_ppl > ul > li > ul li:first-child a{
								border-radius: 4px 4px 0 0;
							}
							#menu_ppl > ul > li > ul li:last-child a{
								border-radius: 0 0 4px 4px;
							}
	#btn_menu{
		display: none;
		width: 40px;
		height: 40px;
		top: 0;
		right: 15px;
		margin-left: auto;
		background-image: url(../images/btn_menu.png);
		background-position: top;
		background-color: #314b98;
		border-radius: 5px;
	}
	#menu_chk:checked + label #btn_menu, #btn_menu.btn_activo{
		background-position: bottom;
		border-radius: 5px 5px 0 0;
	}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@1024
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1024px){
	nav{
		padding: 0;
	}
	#menu_ppl > ul{
		text-align: right;
	}
		#menu_ppl > ul > li{
			display: inline-block;
			margin: 3px;
		}
			#menu_ppl > ul > li > a{
				padding: 5px 10px;
				border: 1px solid #ccc;
				text-transform: none;
			}
			#menu_ppl > ul > li:hover > a, #menu_ppl > ul > li > a:focus{
				
			}
			#menu_ppl ul.nav-child{
				background-color: rgba(230,230,230,1);
			}
			#menu_ppl > ul > li:hover > ul{
				
			}


}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@770
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:770px){
	
	#menu_chk + label{
		cursor: pointer;
	}
		#menu_ppl{
			position: absolute;
			top: 40px;
			right: -100px;
			width: 0;
			overflow: hidden;
			z-index: 200;
			-webkit-transition: all 0.2s ease-out; 
			   -moz-transition: all 0.2s ease-out; 
					transition: all 0.2s ease-out; 
		}
		#menu_chk:checked + label #menu_ppl #menu_ppl, #menu_ppl.verMenu{
			width: 302px;
			right: 0px;
		}
			#menu_ppl > p{
				display: none;
			}
			#menu_chk + label #menu_ppl > ul{
				width: 300px;
				margin: 0;
				border: 1px solid #314b98;
			}
				#menu_ppl > ul > li{
					display: block;
					margin: 0;
					border-bottom: 1px solid #ddd;
				}
					#menu_ppl > ul > li > a{
						padding: 10px 15px;
						background-color: #eee;
						border: none;
					}
					#menu_ppl > ul > li:hover > a, #menu_ppl > ul > li > a:focus{
						background-color: #eee;
					}
					#menu_ppl ul.nav-child{
						max-height: initial;
						position: static;
						border: none;
					}
					#menu_ppl > ul > li:hover > ul{
						border: none;
					}
						#menu_ppl > ul > li > ul a{
							text-align: center;
						}
		#btn_menu{
			display: block;
		}
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@450
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:450px){
	#menu_chk:checked + label #menu_ppl > ul, #menu_ppl.verMenu > ul{
		
	}
	
}