/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||     PARTE GENERAL A TODOS LOS CINES    |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.caja_menu_0000xxxx{
						padding: 0em 0em;
						position: fixed;				/*para sacarlo hacia afuera*/
						left: 0;
						top: 4em;
						right:0;	
			/*			height:3.5em;*/				
						
					/*	background:#e06377 ;*/

				background-color: #e06377;
				height: 60px;
				position: fixed;
				/*width: 100%;*/
				max-width: auto;
				
			/*
				top: 0;
				left: 0;
*/

}



.nav{
	/*	
			display: flex;
			justify-content: space-between;
	*/
			max-width: 992px;
		/*	max-width: 80%;*/

			margin: 0 auto;
		/*	background: #d64161;*/
 		
	
}
/*
.nav-link{
			color: white;
			float:left;
}
*/


/*
.logo{
			font-size: 30px;
			font-weight: bold;
			padding: 0 40px;
			line-height: 80px;
	
}
*/
.nav_menu{
						display: flex;
						margin-right: 40px;
						list-style: none;
						
						width: 80%;
						margin: 0 auto 0 auto;
						background-color: #F4D03F ;	
						
	
}

.nav_menu_item{
							font-size: 1.0em;
							margin: 0 10px;
							line-height: 60px;
							text-transform: uppercase;
							width: max-content;
						/*	color: #ffeead;*/
}



.nav_menu_link_activo{
										background-color: #034574;	
}


/*
.nav-toggle{
						color: white;
						background: none;
						border: none;
						font-size: 30px;
						padding:0 20px;
						line-height: 60px;
						cursor: pointer;
						display:none;
	
}
*/

.open_menu,
.close_menu{
	display: none;
	border: none;
	background: none;
	cursor: pointer;
	line-height: 60px;
							

	
}

.close_menu{
	align-self: flex-end;
	padding: 3px 15px;
		background-color: #8ca3a3;	
			height: 45px;
}

.open_menu{
	/*align-self: flex-end;*/
	margin: 10px 0px 0px 0px;
	padding: 0px 15px;
	float:right;
	/*background-color: #7e4a35;*/	
	
}


.img_open,
.img_close{
	width: 35px;
	height: 35px;
	line-height: 25px;
}


/********************************************   https://www.youtube.com/watch?v=xQstBIPeOdU      ********************************/
/*@media only screen and (max-width: 650px){*/

@media only screen and (max-width: 1000px) {
		body{
				/*	padding-top: 40px;*/
			
		}


		.caja_menu_0000xxxx{
						height: 60px;
		}

		.nav_menu{
								flex-direction: column;
								align-items: center;
								margin-right: 20px;
								background-color: #92a8d1;
								position:fixed;
								/*left: 0;*/
								top: 134px;   /*habra que añadir la cabecera*/	
								width: 100%;
								height: calc(100%-60px);   /*para que aparezca un scroll en el caso de muchas opciones. los 60 son lo que mide el la barra, yo tendré que añadir la cabecera*/
								overflow-y: auto;	   /*     añadira el escroll cuando sea necesario*/
								left: 100%;   /*   100% corrido hacia la derecha , para ocultarlo  */
								transition: left 0.3s;
								top: 77px;
								opacity: 1;
								height: 520px;  
								
		}

		.nav_menu_item{	
									font-size: 2.0em;
									line-height: 60px;
									margin-top: 20px; 
		}


		.opcion_activa{
								background: none;
								color: #d9ecd0;	
		}

	
		.nav_menu_visible{		left: 0; 
		}
		.nav_menu_oculto{		left: 100%;
		}
	
	
	
		.open_menu,
		.close_menu{
							display: block;
		}

		.menu_opened{
									opacity: 1;
							/*		pointer-events: all;*/
		}
	
	
}

/*****************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0004baix            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


.caja_menu_0004baix{
										background-color: #66757F;
}

.nav_menu_link_0004baix{
										color: #FFFFFF;
}


.nav_menu_0004baix{
										background-color: #66757F;
}

.nav_menu_link_0004baix{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0004baix:hover{
										background-color: #034574;	
										transition: 0.5s;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0006kult            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


.caja_menu_0006kult{
										background-color: #3e4444;
}

.nav_menu_link_0006kult{
										color: #FFFFFF;
}


.nav_menu_0006kult{
										background-color: #3e4444;
}

.nav_menu_link_0006kult{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0006kult:hover{
										background-color: #405d27;	
										transition: 0.5s;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0008monc            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


.caja_menu_0008monc{
										background-color: #034f84;
}

.nav_menu_link_0008monc{
										color: #FFFFFF;
}


.nav_menu_0008monc{
										background-color: #034f84;
}

.nav_menu_link_0008monc{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0008monc:hover{
										background-color: #f7786b;	
										transition: 0.5s;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0010cica            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


.caja_menu_0010cica{
										background-color: #36486b;
}

.nav_menu_link_0010cica{
										color: #fefbd8;
}


.nav_menu_0010cica{
										background-color: #36486b;
}

.nav_menu_link_0010cica{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0010cica:hover{
										background-color: #618685;	
										transition: 0.5s;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0015prad            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


.caja_menu_0015prad{
										background-color: #212F3C;
}

.nav_menu_link_0015prad{
										color: #ECEFF1;
}


.nav_menu_0015prad{
										background-color: #212F3C;
}

.nav_menu_link_0015prad{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0015prad:hover{
										background-color: #607D8B ;	
										transition: 0.5s;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0016ribe            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


.caja_menu_0016ribe{
										background-color: #212F3C;
}

.nav_menu_link_0016ribe{
										color: #ECEFF1;
}


.nav_menu_0016ribe{
										background-color: #212F3C;
}

.nav_menu_link_0016ribe{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0016ribe:hover{
										background-color: #607D8B;	
										transition: 0.5s;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0017core            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


.caja_menu_0017core{
										background-color: #7a3b2e;
}

.nav_menu_link_0017core{
										color: #ECEFF1;
}


.nav_menu_0017core{
										background-color: #7a3b2e;
}

.nav_menu_link_0017core{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0017core:hover{
										background-color: #607D8B;	
										transition: 0.5s;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0025labo            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

.caja_menu_0025labo{
										background-color: #4A235A ;
}

.nav_menu_link_0025labo{
										color: #ECEFF1;
}


.nav_menu_0025labo{
										background-color: #4A235A ;
}

.nav_menu_link_0025labo{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0025labo:hover{
										background-color: #607D8B;	
										transition: 0.5s;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0026cint            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

.caja_menu_0026cint{
										background-color: #5E1222  ;
}

.nav_menu_link_0026cint{
										color: #ECEFF1;
}


.nav_menu_0026cint{
										background-color: #5E1222     ;
}

.nav_menu_link_0026cint{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0026cint:hover{
										background-color: #9E3C51;	
										transition: 0.5s;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  0030reti            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

.caja_menu_0030reti{
									/*	background-color: #D6DBDF  ;*/
										background-color: #B56357; 
}

.nav_menu_link_0030reti{
										color: #B4DBC0;
}


.nav_menu_0030reti{
										background-color: #B56357;
}

.nav_menu_link_0030reti{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_0030reti:hover{
										background-color: #EAE3EA;	
										transition: 0.5s;
										color: #B56357;
}


.zzzzzzznav_menu_item_0030reti{
							font-size: 1.0em;
							margin: 0 30px;
							line-height: 60px;
							text-transform: uppercase;
							/*width: max-content;*/
							width: 20em;
						/*	color: #ffeead;*/
}




/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------            para cine  9999zzzz            ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

.caja_menu_9999zzzz{
										background-color: #4682B4  ;
}

.nav_menu_link_9999zzzz{
										color: #ECEFF1;
}


.nav_menu_9999zzzz{
										background-color: #4682B4     ;
}

.nav_menu_link_9999zzzz{
											padding: 8px 12px;
											border-radius: 8px;
											text-decoration: none;
											font-family: 'Montserrart', sans-serif;	
									/*		color: #ffeead;*/
}

.nav_menu_link_9999zzzz:hover{
										background-color: #40E0D0;	
										transition: 0.5s;
}