.carrusel-cartelera:hover {
	
	box-shadow:  10px 5px 5px black;
	transition: 1s;
}

.mapa {
	width: 200px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 10;
}

.mapa:hover {
	opacity: 50%;
	width: 250px;
	transition: 1s;

}

.mapa2 {
	width: 200px;
	position: fixed;
	bottom: 250px;
	right: 10px;
	z-index: 10;
}

.mapa2:hover {
	opacity: 50%;
	width: 250px;
	transition: 1s;

}

@media (max-width: 30em){
	.mapa {
	width: 50px;
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 10;
}
.mapa2 {
	width: 80px;
	position: fixed;
	bottom: 250px;
	right: 5px;
	z-index: 10;
}
}

@media (max-width: 1366px){
	.mapa {
	width: 100px;
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 10;
}
.mapa2 {
	width: 80px;
	position: fixed;
	bottom: 250px;
	right: 5px;
	z-index: 10;
}
}



.fecha-movil {
	width: 80%;
	display: none;
}

.carousel-control-prev-icon {
	
	border-radius: 10px;

}
.carousel-control-next-icon {
	
	border-radius: 10px;

}
.carousel-control-prev {
	left: -50px;
}
.carousel-control-next {
	right: -50px;
}

.margin-temporal {
	margin-left: 60px;
}
.dias{

	color: #000;
}

.banercito-1{
    width: 101%;
    float: center;
    
}
.banercito-2{
    width: 101%;
    float: center;
    
}

.carrusel-cartelera {

    width: 17%;
    padding: 4px;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 21px;
 

}

.fondo-meses {
	padding: 10px; 
	background-image: url(../img/element/fondo-mes.png); 
	background-size: 97.8%; 
	background-repeat: no-repeat; 
	background-position: center;
	
}
.imagen-semanas {
	width: 105%;
	border-radius: 10px;
}

.banner-cartelera {
	width: 100%;
}



@media (max-width: 30em){

	   .fecha-movil {
	        width: 80%;
           	display: block;
           	border-radius: 10px;
           	padding-bottom: 5px;
         }
  
      .fondo-meses {
      	padding: -20px; 
	    background:#f0ead0;
	    border-radius: 10px;
      }

      .imagen-semanas {
      	display: none;
      }

      .carrusel-cartelera {
      	width: 24%;
      }

      .carousel-control-prev {
	left: -8px;
      }
      .carousel-control-next {
      	right: -8px;
      }
      ul.tabs {
      	width: 93%;
      	margin-left: 15px;
      }

}










.num{
	text-align: right;
	font-weight: bold;	
}

.texto{
	text-align: left !important;
	font-weight: normal;
}

.botoncito{
	text-align: left !important;
	font-weight: normal;
	background-color: #00a2d3;
	color: #fff;
	padding: 2px;
	border-radius: 10px;
	font-weight: bold;
}

.opacidad{
	opacity: 50%;
}

.btn-close {
	width: 30px;
	height: 10px;
	border-radius: 5px;
	color: #000;
}

.editorial {
    color: #fff;
    background-color: #203988;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.narraciones {
    color: #fff;
    background-color: #44b275;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.talleres {
    color: #fff;
    background-color: #12b3e3;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.presentaciones {
    color: #fff;
    background-color: #ed6b1b;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.exposiciones {
    color: #fff;
    background-color: #b94b96;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    padding: 2px;
}

td{
	width: 10%;
}

tr{
	width: 1%;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #b94b96;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #b94b96;
}

.fondnum {
	background-color: #fff;
	padding: 5px;
	border-radius: 20px;
}

.mes{
	width: 13%;
}

.cartelera{
	width: 30%;
}

.verde{
	color: #44b275;
}
.azulclaro{
	color: #12b3e3;
}
.azuloscuro{
	color: #203988;
}
.naranja{
	color: #ed6b1b;
}
.rosa{
	color: #b94b96;
}
.morado{
	color: #993366;
}

.days{
	width: 25%;
	opacity: 0%;
}

button {
	border: none;
}

ul.tabs{
	width: 100%;
	list-style: none;
	display: flex;
	justify-content: center;
  }

  ul.tabs li{
	width: 10%; 
  }

  li.sombra img{
	  opacity: 40%;
  }

  .active img{
	opacity: 100% !important;
  }
  
@media (max-width: 30em){

	table{
		width: 100%;
	}
	table tr{
		display: flex;
		flex-direction: column;
		border: 1px solid;
	}
	td{
		width: 350px;
	}
	th{
		width: 350px;
	}
	.dias{
		display: none;
	}

	.mes{
	width: 50%;
    }

    .cartelera{
	width: 80%;
    }

    .days{
	width: 23%;
	opacity: 100%;
}

ul.tabs {
    width: 100%;
    list-style: none;
    display: block;
    justify-content: left;
	padding-left: 100px;
}



}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    font-family: 'Montserrat';
    font-size: 15px;
}




.dias{

	color: #000;
}

.num{
	text-align: right;
	font-weight: bold;	
}

.texto{
	text-align: left !important;
	font-weight: normal;
}

.botoncito{
	text-align: left !important;
	font-weight: normal;
	background-color: #00a2d3;
	color: #fff;
	padding: 2px;
	border-radius: 10px;
	font-weight: bold;
}

.opacidad{
	opacity: 50%;
}

.btn-close {
	width: 30px;
	height: 10px;
	border-radius: 5px;
	color: #000;
	background-color: #000;
}

.editorial {
    color: #fff;
    background-color: #203988;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.narraciones {
    color: #fff;
    background-color: #44b275;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.talleres {
    color: #fff;
    background-color: #12b3e3;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.presentaciones {
    color: #fff;
    background-color: #ed6b1b;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #f0e9d0;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

.exposiciones {
    color: #fff;
    background-color: #b94b96;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.formacion {
    color: #fff;
    background-color: #993366;
    border-color: #000;
    border-radius: 5px;
    padding: 5px;
}

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    padding: 2px;
}

td{
	width: 10%;
}

tr{
	width: 1%;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #b94b96;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #b94b96;
}

.fondnum {
	background-color: #fff;
	padding: 5px;
	border-radius: 20px;
}

.mes{
	width: 13%;
}

.cartelera{
	width: 30%;
}

.verde{
	color: #44b275;
}
.azulclaro{
	color: #12b3e3;
}
.azuloscuro{
	color: #203988;
}
.naranja{
	color: #ed6b1b;
}
.rosa{
	color: #b94b96;
}

.days{
	width: 25%;
	opacity: 0%;
}

button {
	border: none;
}

ul.tabs{
	width: 100%;
	list-style: none;
	display: flex;
	justify-content: center;
	 margin-left: 0px;
  }

  ul.tabs li{
	width: 50%;
    display: flex;
    justify-content: center; 
  }

  li.sombra img{
	  opacity: 40%;
  }

  .active img{
	opacity: 100% !important;
  }
  
@media (max-width: 30em){
	.margin-temporal {
	margin-left: 0px;
}


	table{
		width: 100%;
	}
	table tr{
		display: flex;
		flex-direction: column;
		border: 1px solid;
	}
	td{
		width: 370px !important;
	}
	th{
		width: 370px !important;
	}
	.dias{
		display: none;
	}

	.mes{
	width: 50%;
    }

    .cartelera{
	width: 80%;
    }

    .days{
	width: 23%;
	opacity: 100%;
}

ul.tabs {
    width: 92%;
    list-style: none;
    display: block;
    justify-content: left;
	padding-left: 100px;
	margin-left: 13px;
}



}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    font-family: 'Montserrat';
    font-size: 15px;
}