@font-face {
    font-family: "centabel";
    src: url(../../fuentes/centabel/centabel.ttf) format("truetype");
}
@font-face {
    font-family: "magnolia";
    src: url(../../fuentes/magnolia/Magnolia.ttf) format("truetype");
}
.btn-receta {
    background: url(../images/negro03.png) repeat scroll 0% 0% transparent; border: 1px solid rgb(51, 51, 51); box-shadow: 0px 0px 3px rgb(34, 34, 34) inset; color: rgb(238, 238, 238);
}

.thumbnail {
    padding: 15px; 
    text-align: left;
}
.thumbnail {
    background: url("../images/pergamino5.jpg") repeat scroll 0 0 / cover #8b5d3b;
    box-shadow: 0 2px 4px #000, 0 11px 1px -5px #333;
    border:0;
    border-radius: 2px;
}

.row.destacados .thumbnail, .row.destacados .thumbnail * {
  outline: none !important;
  text-decoration: none !important;
}

.thumbnail img {border: 1px solid #ccc;}
/*.thumbnail * {color: white;}*/
li.list-group-item {
    background: url(../images/negro03.png) repeat scroll 0% 0% transparent;
    border: 1px solid #333333;
}

.thumbnail img {
    border: 0;
}
.thumbnail img.cocktail {
    border: 0;
    box-shadow: 0 0 4px #000000;
}

.thumbnail .caption p {
    margin-left: 45px;
}

.thumbnail .caption h3 {
    margin-left: 45px;
    margin-bottom: 0px;
}

.viga1 {
    background: url(../images/viga2.jpg) #333333; width: 100%; height: 50px; border-top: 2px solid #0a0a0a; border-bottom: 2px solid #0a0a0a; box-shadow: 0 0 10px black; position: relative;
}

.viga2 {
    background: url(../images/viga2.jpg) #333333; width: 100%; height: 50px; border-top: 2px solid #0a0a0a; border-bottom: 2px solid #0a0a0a; box-shadow: 0 0 10px black; position: relative;
}

.intro-resumen {
    background: url(../images/curved3.jpg) repeat scroll 50% bottom / cover #5D4235;
}
    .intro-resumen .row {
        overflow: hidden; 
        padding-top: 200px;
    }
        .intro-resumen .row .thumbnail.bitacoras {
            position: relative;
            bottom: 0px; 
            height: 400px;
            background: url(https://oceansdistillery.com/default_public/views/<?php echo LOCAL_URL_PATH; ?>default_public/images/pergamino3.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 0 none;
            border-radius: 2px;
            box-shadow: 0 2px 4px #000000, 0 11px 1px -5px #333333;
            padding: 15px;
        }
            .intro-resumen .row .thumbnail.bitacoras .timon {
                width: 36px; 
                float: left;
            }

        .intro-resumen .row .central {
            height: 400px;
        }

        .intro-resumen .row .thumbnail.recetas {
            position: relative;
            bottom: 0px; 
            height: 400px;
            background: url(../images/pergamino5.jpg) repeat scroll 0 0 / cover #8b5d3b;
            border: 0 none;
            border-radius: 2px;
            box-shadow: 0 2px 4px #000000, 0 11px 1px -5px #333333;
        }
            .intro-resumen .row .thumbnail.recetas .clip {
                position: absolute; 
                top: -20px; 
                left: 30px; 
                height: 120px;
                border:0; 
                width: 40px;
            }

        /*.intro-resumen .row .thumbnail:hover {
            bottom: 0px;
        }*/

	.bitacoras-cont{
		position: absolute; left: 0px; width: 100%; bottom: -20px; padding: 15px;
	}
	.rones-cont {
		position: absolute; width: 100%; left: 0px; bottom: -20px; padding: 15px;
	}
	.recetas-cont {
		position: absolute; width: 100%; left: 0px; bottom: -40px; padding: 15px;
	}

	.row.destacados .thumbnail {
		cursor: pointer;
	}

	.enlace-catalogo.movil {
		display: none;
	}


        @media (max-width: 768px) {
		.intro-resumen .row {
			padding-top: 20px;
		}
			.intro-resumen .row .central {
				height: auto;
			}
				.bitacoras-cont, .rones-cont, .recetas-cont {
					position: static;
				}

				.rones-cont img {
					margin-top: -35px;
				}

					.intro-resumen .row .thumbnail.recetas, .intro-resumen .row .thumbnail.bitacoras {
						height: auto;
					}
		.row.destacados .thumbnail {
			margin-bottom: 20px;
		}

		.texto-enlace-contacto {
			margin-bottom: 50px;
		}
	}

        @media (max-width: 1199px) {

		.intro-contacto .row .revista {
			display: none;
		}
		
		.enlace-catalogo.movil {
			display: block;
		}
		
		.texto-enlace-catalogo {
			display: none;
		}
		
		.enlace-catalogo.desktop {
			display: none;
		}
        }




.intro-contacto {
    box-shadow: none; 
    /*border-bottom: 20px solid rgb(18, 18, 18); 
    border-top: 20px solid rgb(18, 18, 18); */
    background: url(../images/wood-background.jpg) repeat scroll 50% 0 / cover  #222222; 
    padding-top: 50px; 
    padding-bottom: 50px;
}
    .intro-contacto .container {
        position: relative; 
        z-index: 99;
    }
        .intro-contacto .container .row {
            padding-top: 20px; 
            padding-bottom: 20px; 
            background-color: rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 8px rgb(0, 0, 0) inset; 
            border-radius: 2px;
        }
            .intro-contacto .container .row .contacto {
                text-align: ceter; 
                font-family: centabel; 
                font-size: 20px; 
                color: rgb(221, 221, 221);
            }
                .intro-contacto .container .row .contacto .p {
                    line-height: 38px; 
                    display: inline; 
                    color: rgb(245, 222, 179);
                }

            .intro-contacto .container .row .catalogo {
                text-align: ceter; 
                font-family: centabel; 
                font-size: 20px; 
                color: rgb(221, 221, 221);
            }
                .intro-contacto .container .row .catalogo .p {
                    line-height: 38px; 
                    display: inline; 
                    color: rgb(245, 222, 179);
                }

            .intro-contacto .container .row .revista {
                height: 335px; 
                width: 1132px; 
                clear: both;
            }               
                .intro-contacto .container .row .revista .enlace-catalogo {
                    background: url(../images/negro03.png) repeat scroll 0% 0% transparent;
                    left: 65%;
                    padding: 10px 20px 35px 0;
                    position: absolute;
                    top: 40%;
                }               
                    .intro-contacto .container .row .revista .enlace-catalogo a {
                        width: 250px;
                        color: orange;
                        font-size: 20px;
                    }

        .intro-contacto .container .row.destacados {
            background: rgba(0, 0, 0, 0.4);
            border: 1px solid #181818;
            box-shadow: 0 0 8px #000,  0 0 4px #000;
            margin-bottom: 50px;
            padding-bottom: 50px;
            padding-top: 50px;
        }
            .intro-contacto .container .row.destacados .thumbnail {
                box-shadow: 0 2px 4px #000000, 0 11px 1px -5px #222222;
            }
                .intro-contacto .container .row.destacados .thumbnail .caption p {
                    margin-left: 0px;
                }