/********* SIGN IN *******/
        .form-signin {
            margin: 0 auto;
            max-width: 330px;
            padding: 15px;
        }
        .form-signin .form-signin-heading, .form-signin .checkbox {
            margin-bottom: 10px;
        }
        .form-signin .checkbox {
            font-weight: normal;
        }
        .form-signin .form-control {
            -moz-box-sizing: border-box;
            font-size: 16px;
            height: auto;
            padding: 10px;
            position: relative;
        }
        .form-signin .form-control:focus {
            z-index: 2;
        }
        .form-signin input[type="text"] {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            margin-bottom: -1px;
        }
        .form-signin input[type="password"] {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            margin-bottom: 10px;
        }
        /******************/
    
    
        .padding_zero {
            padding: 0;
        }
        .margin_15 {
            margin: 0px 15px 15px 15px;
        }
        .margin_bottom_20 {
            margin-bottom: 21px;
        }
        a {
        }
        .badge {
        }
        .row-offcanvas {
            -webkit-transition: all 0.5s ease-in 0s;
            -moz-transition: all 0.5s ease-in 0s;
            -o-transition: all 0.5s ease-in 0s;
            -ms-transition: all 0.5s ease-in 0s;
            transition: all 0.5s ease-in 0s;
        }
        .thumbnail {
            /*background: #151515;*/
        }
        .thumbnail, html, footer p, body {
           /* background: #151515 !important;*/
        }
        .list-group-item, .list-group-item, .list-group-item {
            cursor: pointer;
        }
        .list-group-item.active, .list-group-item:hover, .list-group-item:focus {
           /* background-color: #151515;*/
            border-color: #151515;
        }
        /*#contenido_pral div.row div div.thumbnail {
            height: 450px;
        }*/
        .elipsis {
            height: 8.5em;
        }
        .elipsis-h {
            height: 2em;
        }
        .thumbnail {
            /*background-color: #060606;
            border: 1px solid #343434;*/
        }
       /* .thumbnail .caption {
            margin-top: 4px;
        }
        .thumbnail:hover .caption {
             -webkit-transition: background-color 100ms linear;
             -moz-transition: background-color 100ms linear;
             -o-transition: background-color 100ms linear;
             -ms-transition: background-color 100ms linear;
             transition: background-color 100ms linear;
        }
        .thumbnail:hover .caption .acceso_recetil {
            /*display: none;* /
                background-color: #D67200;
                border-color: #C26700;
                color: #FFFFFF;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
                outline: 0 none;
            /* -webkit-transition: background-color 100ms linear;
             -moz-transition: background-color 100ms linear;
             -o-transition: background-color 100ms linear;
             -ms-transition: background-color 100ms linear;
             transition: background-color 100ms linear;* /
        }*/
        /*.thumbnail:hover .caption h3 {
            color: #111111;
            /*font-weight: bold;* /
            opacity: 0.7;
            text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 0 0 rgba(0, 0, 0, 0.5);
        }*/
        /*.thumbnail .caption h3 {
            color: #fff;
            /*font-weight: bold;* /
            opacity: 0.9;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6), 0 0 0 rgba(255, 255, 255, 0.5);
        }*/
    
        .thumbnail:hover .caption .elipsis {
            /*height: 6.5em;*/
        }
      /*  .thumbnail:hover img {
            filter: sepia(30%);
            -webkit-filter: sepia(30%);
            -moz-filter: grays(30%);
            -ms-filter: sepia(30%);
            -o-filter: sepia(30%);
        }*/
        .panel { border-width: 0; }
        .panel .panel-body ul.list-group {
            margin: 0;
        }
        h1, /* {
            font-family: magnolia;  /*color: white;* /}
        }*/
        h2, h3 {
            font-family: centabel;  /*color: white;*/}
        .acceso_recetil {
            width: 100%;
        }
        .unidad_recetil .thumbnail:hover {
            /*opacity: 0.8;*/
            cursor: pointer;
        }
        .filtro_sidebar a:hover{
            text-decoration: none;
        }
        
        .list-group-item:hover, .list-group-item:focus {
            background-color: #77B300;
            border-color: #77B300;
        }
        .list-group-item:hover a, .list-group-item:focus a {
            color: #fff !important;
        }
        
        .list-group-item.active:hover, .list-group-item.active:focus {
            background-color: #77B300;
            border-color: #77B300;
        }
        .list-group-item.active:hover a, .list-group-item.active:focus a {
            color: #fff !important;
        }


        .thumbnail {padding: 15px; /*background: rgba(0, 0, 0, 0.6);border: 1px solid #888;*/}
        .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;
        }
        
        .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;
        }
        ul.list-group {
            box-shadow: 0 0 8px #000000 inset;
        }
        li.list-group-item a {
    color: #F5DEB3;
            cursor: pointer;
        }
        .thumbnail img.cocktail {
            border: 0;
            box-shadow: 0 0 4px #000000;
        }


h1{
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 0 0 0 rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5);
}

.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);
}

        #footer {
            background-image: url("../images/olas_pie2.jpg");
            background-position: center bottom;
            bottom: 0;
            box-shadow: 0 0 8px #000000 inset;
            color: #AAAAAA;
            min-height: 300px;
            padding-top: 20px;
            position: fixed;
            width: 100%;
            z-index: 4;
        }

        #footer .container {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
            padding-bottom: 30px;
            padding-top: 20px;
        }