/* Menú hamburguer*/

#menu__toggle {opacity: 0;}

#menu__toggle:checked ~ .menu__btn > span {transform: rotate(45deg);}
#menu__toggle:checked ~ .menu__btn > span::before {top: 0;transform: rotate(0);}
#menu__toggle:checked ~ .menu__btn > span::after {top: 0;transform: rotate(90deg);}
#menu__toggle:checked ~ .menu__box {visibility: visible;top: 0;}

.menu__btn {display: flex;align-items: center;position: relative;float: right;margin-top:-18px;width: 22px;height: 20px;cursor: pointer;z-index: 4; margin-right: 5px;}

.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {display: block;position: absolute;width: 100%;height: 4px;background-color: #999;transition-duration: .25s;}
.menu__btn > span::before {content: '';top: -8px;}
.menu__btn > span::after {content: '';top: 8px;}

.menu__box {display: block;position: absolute;visibility: hidden;top: -300px;text-align: right;width: 100%;height: 200px;max-width: 1200px;margin: 0 auto;padding: 80px 0;list-style: none; transition-duration: .25s;z-index: 2;}

.menu__item{
	display: inline;
	padding: 1.5px 10px;
	font-size: 1em;
	line-height: 1.6em;
	transition-duration: .25s;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	background-color: rgba(255, 255, 255, .8);
}
.menu__item:hover {
	background-color: rgba(255, 255, 255, 1);
	color:#87332D;
	font-style: italic;
	cursor:pointer;
}

.no_link:hover{font-style: normal !important;background-color: rgba(255, 255, 255, .8) !important;color:#666; cursor:crosshair;}

.niv_1{font-weight: 700;font-style: bold;font-size: 2em;line-height: 1.5em;}
	.niv_1 a{text-decoration: none !important;}
	.niv_1 a:hover{font-style: italic;color:#000}
	.niv_1b{font-weight: 700;font-style: bold;font-size: 1.5em;line-height: 1.5em;}
.niv_2{font-size: 1.5em;line-height: 1.6em;padding: 2px 10px;}

.sel{text-decoration: line-through;}

/* ESTILOS MÓVIL */

@media screen and (max-width:800px) { 
	
	.menu__btn {margin-top:-38px;}
	
}