/* Estilos pestaña mapa distrito gastronómico */

#contenedorMapaDistrito {
	margin-top: 10vw !important;
}
	#contenedorMapaDistrito > .fusion-row,
	#contenidoCuchara > .fusion-column-wrapper {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
		#contenidoCuchara > .fusion-column-wrapper {
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			-moz-align-items: flex-end;
			-ms-align-items: flex-end;
			-o-align-items: flex-end;
			align-items: flex-end;
		}
			#imagenCuchara {
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%);
				-moz-align-self: flex-start;
				-ms-align-self: flex-start;
				-o-align-self: flex-start;
				align-self: flex-start;
				margin-left: -3vw;
			}
			#imagenCuchara + * {
				margin-top: -3vw !important;
			}
			#contenedorMapaDistrito .textoEditor {
				color: #fff;
				max-width: 370px;
				text-align: right;
			}
				

/* Fin de los estilos pestaña mapa distrito gastronómico */

/* Estilos para la agenda de eventos */

	.agendaEventos .fusion-events-thumbnail {
		display: none !important;
	}

/* Fin de los estilos para la agenda de eventos */

/* Estilos reproductor de video */

	#contenedorVideo .fusion-column-content-centered {
		position: relative;
	}
		#btnVideoPlay,
		#btnVideoPause { 
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			cursor: pointer;
			display: none;
			left: 38%;
			position: absolute;
			top: 50%;
			z-index: 9999999;
		}
		#btnVideoPlay.mostrar {
			display: block;
		}
		#btnVideoPause.mostrar {
			display: block;
		}

/* Fin de los estilos reproductor de video */

			#contenedorLeyenda {
				padding: 20px;
			}
				#contenedorLeyenda > ul {
					display:  block;
					list-style: none;
					margin: 0;
					padding: 0;
				}
					#contenedorLeyenda > ul > li {
						display: inline-block;
						width: 31%;
					}
					#contenedorLeyenda > ul > li + li {
						margin-left: -3px;
						padding-left: 3.5%;
					}
						#contenedorLeyenda > ul > li span {
							display: inline-block;
							line-height: 44px;
							vertical-align: middle;
						}
						#contenedorLeyenda > ul > li:nth-child(3n+1) {
							margin-left: 0;
							padding-left: 0;
						}
						#contenedorLeyenda > ul > li:nth-child(n+4) { 
							margin-top: 15px;
						}

/* Slider Unesco */
#sliderUnesco {}
    #sliderUnesco .contenidoSliderUnesco {}
    #sliderUnesco .btnSliderUnesco { font-size: 1.6rem !important;}

/******************************************/


/* Decálogo gastronómico */
.decalogoGastronomico {}
    .decalogoGastronomico .colCentral {}
        .decalogoGastronomico .colCentral .fusion-column-wrapper { padding: 6% 4% !important; text-align: center;}
        .decalogoGastronomico .colCentral .fusion-text { width: 80%; margin: 0 auto 50px auto; text-align: left; }
            .decalogoGastronomico .colCentral h4 { font-size: 1.2rem; color: #fff; font-weight: 300 !important; letter-spacing: 3px;}
            .decalogoGastronomico .colCentral h2 { font-size: 4rem !important; color: #fff; font-weight: 900 !important;}
            .decalogoGastronomico .colCentral p { font-size: 1.8rem; color: #fff; font-weight: 300 !important; margin: 10px 0 0 0 !important; }
        .decalogoGastronomico .colCentral .fusion-button-wrapper { display: inline-block;}
        .decalogoGastronomico .colCentral .fusion-button-wrapper + .fusion-button-wrapper { margin-left: 20px;}
            .decalogoGastronomico .colCentral .fusion-button-wrapper .btnDecalogo {}
    .decalogoGastronomico .colDer {}
        .decalogoGastronomico .colDer .fusion-column-wrapper { padding: 6% 4% !important; text-align: center;}
        .decalogoGastronomico .colDer .fusion-text { width: 80%; margin: 0 auto; text-align: left; }
            .decalogoGastronomico .colDer h3 { font-size: 2.5rem; color: #ff5e35; font-weight: 900 !important; text-transform: uppercase; }
            .decalogoGastronomico .colDer p { font-size: 1.8rem; color: #666666; margin: 10px 0 0 0 !important;}
            .decalogoGastronomico .colDer .fusion-imageframe { margin: 30px 0;}


@media only screen and (min-width: 800px) and (max-width: 1650px) {
    .decalogoGastronomico {}
        .decalogoGastronomico .colCentral {}
            .decalogoGastronomico .colCentral .fusion-column-wrapper { }
            .decalogoGastronomico .colCentral .fusion-text { width: 90%; margin: 0 auto 20px auto; }
                .decalogoGastronomico .colCentral h2 { font-size: 3.5rem !important; }
                .decalogoGastronomico .colCentral p { font-size: 1.6rem; line-height: 1.3; }
            .decalogoGastronomico .colCentral .fusion-button-wrapper {}
            .decalogoGastronomico .colCentral .fusion-button-wrapper + .fusion-button-wrapper { margin-left: 15px;}
                .decalogoGastronomico .colCentral .fusion-button-wrapper .btnDecalogo { padding: 10px 15px; font-size: 1.3rem;}
        .decalogoGastronomico .colDer {}
            .decalogoGastronomico .colDer .fusion-column-wrapper { }
            .decalogoGastronomico .colDer .fusion-text { width: 90%; }
                .decalogoGastronomico .colDer h3 { font-size: 2.5rem;  }
                .decalogoGastronomico .colDer p { font-size: 1.6rem; line-height: 1.3;}
                .decalogoGastronomico .colDer .fusion-imageframe { margin: 20px 0;}
}

@media only screen and (max-width: 1280px) {

	#contenedorMapaDistrito {
		margin-top: 18vw !important;
	}
		#contenedorMapaDistrito > .fusion-row {
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
		}
			#contenedorMapaDistrito > .fusion-row > * {
				width: 100% !important;
			}
				#contenidoCuchara > .fusion-column-wrapper {
					min-height: inherit !important;
				}
					#contenidoCuchara > .fusion-column-wrapper > .tituloH2Apartado,
					#contenidoCuchara > .fusion-column-wrapper > .textoEditor {
						position: relative;
						top: -5vw !important;
					}

}

@media only screen and (max-width: 768px) {

	#contenedorMapaDistrito {
		margin-top: 26vw !important;
	}

}

@media only screen and (min-width: 800px) and (max-width: 1366px) {
    .decalogoGastronomico {}
        .decalogoGastronomico .colCentral {}
            .decalogoGastronomico .colCentral .fusion-column-wrapper { }
            .decalogoGastronomico .colCentral .fusion-text {  }
                .decalogoGastronomico .colCentral h4 { letter-spacing: 2px;}
                .decalogoGastronomico .colCentral h2 { font-size: 3rem !important; }
                .decalogoGastronomico .colCentral p { font-size: 1.5rem; }
            .decalogoGastronomico .colCentral .fusion-button-wrapper {}
            .decalogoGastronomico .colCentral .fusion-button-wrapper + .fusion-button-wrapper { }
                .decalogoGastronomico .colCentral .fusion-button-wrapper .btnDecalogo { }
        .decalogoGastronomico .colDer {}
            .decalogoGastronomico .colDer .fusion-column-wrapper { }
            .decalogoGastronomico .colDer .fusion-text { }
                .decalogoGastronomico .colDer h3 { font-size: 2.2rem;  }
                .decalogoGastronomico .colDer p { font-size: 1.5rem; }
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
    .decalogoGastronomico {}
        .decalogoGastronomico .colCentral {}
            .decalogoGastronomico .colCentral .fusion-column-wrapper { }
            .decalogoGastronomico .colCentral .fusion-text {  }
                .decalogoGastronomico .colCentral h4 { font-size: 1.1rem;}
                .decalogoGastronomico .colCentral h2 { font-size: 2.6rem !important; }
                .decalogoGastronomico .colCentral p { font-size: 1.4rem; }
            .decalogoGastronomico .colCentral .fusion-button-wrapper {}
            .decalogoGastronomico .colCentral .fusion-button-wrapper + .fusion-button-wrapper { }
                .decalogoGastronomico .colCentral .fusion-button-wrapper .btnDecalogo { padding: 8px 12px; font-size: 1.2rem;}
        .decalogoGastronomico .colDer {}
            .decalogoGastronomico .colDer .fusion-column-wrapper { }
            .decalogoGastronomico .colDer .fusion-text { width: 90%; }
                .decalogoGastronomico .colDer h3 { font-size: 2rem;  }
                .decalogoGastronomico .colDer p { font-size: 1.4rem; }
                .decalogoGastronomico .colDer .fusion-imageframe { }
}



/******************************************/


/* Destacados de noticias */
#contenedorNoticias { }

    /* Recent posts */
    .fusion-recent-posts {}
    .fusion-recent-posts .recent-posts-content .entry-title { line-height: 1.2 !important;}
        .fusion-recent-posts .recent-posts-content .entry-title > a { color: #ff5e35 !important; font-size: 2.4rem !important;}
        .fusion-recent-posts .recent-posts-content .entry-title > a:hover { color: #5e1742 !important;}
    .fusion-recent-posts .recent-posts-content > p { margin: 0; line-height: 1.4;}
    .fusion-recent-posts .recent-posts-content > .meta { font-size: 1.3rem !important; margin: 10px 0 !important;}
        .fusion-recent-posts .recent-posts-content > .meta a:hover { color: #5e1742 !important;}

    #contenedorNoticias .textoCompartir { text-transform: uppercase; font-size: 1.2rem; color: #666666; letter-spacing: 3px;}
        #contenedorNoticias .textoCompartir p { margin-bottom: 0;}
    #contenedorNoticias .fusion-sharing-box { margin-bottom: 0; text-align: center;}



@media only screen and (max-width: 1024px) {

    .fusion-recent-posts .recent-posts-content .entry-title { }
        .fusion-recent-posts .recent-posts-content .entry-title > a { font-size: 2rem !important;}
    .fusion-recent-posts .recent-posts-content > p { font-size: 1.4rem;}
    .fusion-recent-posts .recent-posts-content > .meta { font-size: 1.2rem !important; margin: 6px 0 !important;}


    #contenedorNoticias > .fusion-row {
        /*
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        */
    }
        #contenedorNoticias > .fusion-row > .flexBox:nth-child(1) {
            /*
            margin-right: 0 !important;
            width: 100% !important;
            */
        }
        #contenedorNoticias > .fusion-row > .flexBox:nth-child(2) {
            /*
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column;
            width: 100% !important;
            */
        }
            #contenedorNoticias > .fusion-row > .flexBox:nth-child(2) > .fusion-column-wrapper {
                /*
                background: #23b38f !important;
                */
            }
        
}

@media only screen and (max-width: 800px) {

    #contenedorNoticias .fusion-recent-posts {
        margin-bottom: 0 !important;
    }
        #contenedorNoticias .fusion-columns .fusion-column:not(.fusion-column-last) {
            margin-bottom: 20px !important;
        }
            
}

/******************************************/


/* Distrito gastronómico */
#distritoGastronomico {}
    #distritoGastronomico .colIzq {}
        #distritoGastronomico .colIzq .fusion-column-wrapper { padding: 30% 10% 10% 10% !important;}
        #distritoGastronomico .colIzq .cuchara { position: absolute; top: -8vw; left: 0; }
        #distritoGastronomico .colIzq .fusion-text { text-align: right; margin-bottom: 40px;}
            #distritoGastronomico .colIzq .fusion-text h4 { font-size: 3.5rem; font-weight: 900; color: #ffffff;}
            #distritoGastronomico .colIzq .fusion-text p { font-size: 1.8rem; font-weight: 300; color: #ffffff;}
    #distritoGastronomico .colMapa {}


@media only screen and (min-width: 801px) and (max-width: 1366px) {
    #distritoGastronomico .colIzq {}
        #distritoGastronomico .colIzq .fusion-column-wrapper { padding: 25% 8% 8% 8% !important;}
        #distritoGastronomico .colIzq .fusion-text { margin-bottom: 25px;}
            #distritoGastronomico .colIzq .fusion-text h4 { font-size: 3rem; margin-bottom: 5px; }
            #distritoGastronomico .colIzq .fusion-text p { font-size: 1.5rem; line-height: 1.4; }
            #distritoGastronomico .colIzq .fusion-button { font-size: 1.3rem; padding: 12px 20px; }
    #distritoGastronomico .colMapa {}
}

@media only screen and (max-width: 800px) {
    #distritoGastronomico .colIzq {}
        #distritoGastronomico .colIzq .fusion-column-wrapper { margin-top: 22vw; }
        #distritoGastronomico .colIzq .cuchara { top: 0vw;  }
        #distritoGastronomico .colIzq .fusion-text { }
            #distritoGastronomico .colIzq .fusion-text h4 {  }
            #distritoGastronomico .colIzq .fusion-text p {  }
            #distritoGastronomico .colIzq .fusion-button {  }
    #distritoGastronomico .colMapa {}
}
@media only screen and (max-width: 800px) {
	
		#contenedorLeyenda > ul > li {
			display: block;
			margin-left: 0 !important;
			padding-left: 0 !important;
			width: 100%;
		}
		#contenedorLeyenda > ul > li + li {
			margin-top: 15px;
		}
	
	}