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

		* maas1024
		* 1024
		* 770
		* 450

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


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@mas1024
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	nav.ancho {
		 
	}
		#menu_chk{
			display: none;
		}
		#menu_chk + label{
			margin-bottom: 0;
			cursor: default;
		}
			.menu-ppl{

			}
				.menu-ppl > ul{
					display: table;
					padding: 0;
					margin: 0;
					list-style: none;
					margin-left: auto;
				}
					.menu-ppl > ul > li{
						display: table-cell;
						position: relative;
						vertical-align: bottom;
					}
					.menu-ppl li.menu-item-has-children {
					position: relative;
					}
						.menu-ppl > ul > li > a{
							display: block;
							padding: 5px 15px 10px;
							font-size: 1.35rem;
							font-family: 'Barlow Semi Condensed', sans-serif;
							color: #00005A;
							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: #00829B;
							/*background-color: #2DCCD3;*/
						}
						.menu-ppl > ul > li.menu-item-has-children > a{
							background-image: url(../images/arrow_down.png);
							background-position: center bottom;
							background-repeat: no-repeat;
						}
						.menu-ppl li.menu-item-has-children > ul{
              				position: absolute;
							padding: 0;
							right: -5000px;
							list-style: none;
							background-color: #00829B;
							opacity: 0;
							z-index: 100000;
              				-webkit-transition: left 0s linear 0.6s, opacity 0.3s linear 0.3s;
							   -moz-transition: left 0s linear 0.6s, opacity 0.3s linear 0.3s;
									transition: left 0s linear 0.6s, opacity 0.3s linear 0.3s;
						}
						.menu-ppl li.menu-item-has-children:hover > ul{
							opacity: 1;
							z-index: 100001;
							border: 1px solid #fff;
							-webkit-transition: left 0s linear 0s, opacity 0.2s linear 0s;
							   -moz-transition: left 0s linear 0s, opacity 0.2s linear 0s;
									transition: left 0s linear 0s, opacity 0.2s linear 0s;
						}
			            .menu-ppl > ul > li.menu-item-has-children > ul{
			            	top: 100%;
			            }
            			.menu-ppl > ul > li.menu-item-has-children:hover > ul{
							right: 0;
							border-top: none;
						}
							.menu-ppl > ul > li > ul a{
								display: block;
								padding: 10px 20px;
								background-color: #00829B;
								min-width: 100px;
								text-align: left;
								color: #fff;
								font-size: 1.1rem;
								font-family: 'Barlow Semi Condensed', sans-serif;
								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: #1e4966;
							}
              .menu-ppl > ul > li.menu-item-has-children li.menu-item-has-children > ul {
							  top: 0;
  						}
  						.menu-ppl > ul > li.menu-item-has-children li.menu-item-has-children:hover > ul{
  							right: 100%;
								left:auto;
  						}

	#btn_menu{
		display: none;
		width: 37px;
		height: 38px;
		top: 0;
		right: 15px;
		margin: auto;
		background-image: url(../images/btn_menu.png);
		background-position: top;
		border-radius: 0px;
		border: 1px solid #3f7295;
	}
	#menu_chk:checked + label #btn_menu, #btn_menu.btn_activo{
		background-position: bottom;
		border-radius: 0;
	}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@1024
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1024px){
	nav{
		padding: 0;
	}
	.menu-ppl > ul{
		text-align: right;
	}
		.menu-ppl > ul > li{
			display: inline-block;
		}
		.menu-ppl > ul > li{
			border: none;
		}
			.menu-ppl > ul > li > a{
				padding: 5px 10px 8px;
				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{

			}


}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@768
\*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:768px){

	nav.ancho {
		margin: -50px 5% 0 auto;
		text-align: right;
		position: relative;
		width: auto;
		display: table;
	}
	#menu_chk + label{
		display: inline-block;
		cursor: pointer;
		position: relative;
	}
	.menu-ppl{
		position: absolute;
		padding: 0;
		top: 100%;
		right: -500px;
		width: 300px;
		opacity: 1;
		overflow: hidden;
		z-index: 200;
		border: 1px solid #0069b2;
		border-top: none;
		border-radius: 0;
		-webkit-transition: right 0.3s ease-out 0.0s, opacity 0.2s ease-out;
			 -moz-transition: right 0.3s ease-out 0.0s, opacity 0.2s ease-out;
				transition: right 0.3s ease-out 0.0s, opacity 0.2s ease-out;
	}
	#menu_chk:checked + label .menu-ppl, .menu-ppl.verMenu{
		right: 0;
		opacity: 1;
			-webkit-transition: right 0.3s ease-out 0s, opacity 0.2s ease-out;
			 -moz-transition: right 0.3s ease-out 0s, opacity 0.2s ease-out;
				transition: right 0.3s ease-out 0s, opacity 0.2s ease-out;
	}
		.menu-ppl > p{
			display: none;
		}
		#menu_chk + label .menu-ppl > ul{
			display: block;
			margin: 0;
			border: none;
			background-color: #0069b2;
		}
			.menu-ppl > ul > li{
				display: block;
				margin: 0;
				border: none;
			}
				.menu-ppl > ul > li > a{
					display: block;
					height: auto;
					padding: 10px 15px;
					color: #fff;
					background-color: #3f7295;
					border: none;
				}
				.menu-ppl > ul > li:hover > a, .menu-ppl > ul > li > a:focus{
					background-color: #5a8fb4;
					color: #fff;
				}
				.menu-ppl > ul > li.menu-item-has-children > a {
					background-image: url(../images/arrow_down_w.png);
				}
				.menu-ppl li.menu-item-has-children > ul{
					max-height: initial;
					position: static;
					border: none;
					opacity: 1;
				}
					.menu-ppl li.menu-item-has-children > ul a {
						background-color: #326182;
						text-align: center;
					}
					.menu-ppl > ul > li > ul a {
						white-space: normal;
					}

				.menu-ppl li.menu-item-has-children:hover > ul {
					border: none;
				}
	#btn_menu{
		display: block;
	}
}


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

	}

}