/********* 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: 20px;
}
a {
    color: darkorange;
}
.badge {
    background-color: darkorange;
}
.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: 4.5em;
}
.thumbnail {
    /*background-color: #060606;*/
    border: 1px solid #343434;
}
.thumbnail .caption {
    margin-top: 4px;
}
.thumbnail:hover .caption {
    background: darkorange !important;
     -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;
}
h2 {
color: darkorange; }
.acceso_recetil {
    width: 100%;
}
.unidad_recetil .thumbnail:hover {
    /*opacity: 0.8;*/
    cursor: pointer;
}
.filtro_sidebar a:hover{
    color: darkorange;
    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;
}
.activadores-botellas {
    height: 100%; width: 33%;display: inline-block; position: absolute; top:0; display: block;
    
    /*background: red; opacity: 0.4;*/
    
}
@font-face {
    font-family: "centabel";
    src: url(../../fuentes/centabel/centabel.ttf) format("truetype");
}

.seccion * {
    font-family: centabel; 
}

.tipo-ron_orange {
    /*color: orange;*/
    font-weight: bold;
    text-shadow: 0 0 196px orange;
}

.tipo-ron_darkorange {
    /*color: darkorange;*/
    font-weight: bold;
    text-shadow: 0 0 196px darkorange;
}

.tipo-ron_crimson {
    /*color: crimson;*/
    font-weight: bold;
    text-shadow: 0 0 196px crimson;
}



.well {
    background: url("../images/pergamino3.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 2px 4px #333333, 0 8px 1px -5px #333333;
}


.jumbotron {
    background: url(../images/negro03.png) repeat scroll 0% 0% transparent;
    border-radius: 2px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    color: #000;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.14286;
    text-shadow: 0 0 5px #7E6C60, 0 0 5px #7E6C60, 0 0 5px #A38F7F, 0 0 5px #A38F7F;
}

.gradiente1 {
    background: #222222; /* Old browsers */
    background: -moz-linear-gradient(top, #232323 0%, #060606 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(100%,#060606)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #232323 0%,#060606 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #232323 0%,#060606 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #232323 0%,#060606 100%); /* IE10+ */
    background: linear-gradient(to bottom, #232323 0%,#060606 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#060606',GradientType=0 ); /* IE6-9 */
}

#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;
}

.lead {
    font-size: 20px;
}


.logo-enlace {
    cursor: pointer; display: block; background: url("https://oceansdistillery.com/default_public/views/32px/_blank.png") no-repeat scroll 6px 6px rgba(0, 0, 0, 0.3); 
    border-radius: 3px; margin: 0px auto; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.8); 
    box-shadow: 0px 0px 2px rgb(0, 0, 0) inset, 0px 1px 3px -2px rgb(238, 238, 238); display: block;
}




/************************************************/
#rones-contenedor 
 { margin-bottom: 300px; z-index: 5; position: relative;padding-top: 30px; background: #222; }

    #rones-contenedor #sidebar
     { position: fixed; padding-top: 40px; padding-bottom: 60px; opacity: 0.7; } 

        #rones-contenedor #sidebar h2
         { font-family: centabel; color: rgb(245, 222, 179); text-align: left; margin-left: 15px; }

        #rones-contenedor #sidebar .gama 
         { margin-top: 15px; margin-bottom: 15px; }

    #rones-contenedor #contenido_pral
     { float: right; padding-top: 40px;border-left: 0px solid #343434; background: url(../images/fondo-madera-5.jpg) #67554b; box-shadow: 0 0 8px 0 #000 inset; }

        #rones-contenedor #contenido_pral #rones-empezo 
         { margin: 20px 50px 50px; padding: 48px 80px; text-align: left; background-size: cover; background-position: 50% center; background-image: url(https://oceansdistillery.com/default_public/images/rones/pagina1.jpg); }

        #rones-contenedor #contenido_pral #rones-azar 
         { margin: 20px 50px 50px; padding: 48px 80px; text-align: left; background-size: cover; background-position: 50% center; background-image: url(https://oceansdistillery.com/default_public/images/rones/pagina2.jpg); }

        #rones-contenedor #contenido_pral #rones-progreso 
         { margin: 20px 50px 50px; padding: 48px 80px; text-align: left; background-size: cover; background-position: -160px center; background-image: url(https://oceansdistillery.com/default_public/images/rones/pagina3.jpg); }

        #rones-contenedor #contenido_pral #rones-continua 
         { margin: 20px 50px 50px; padding: 48px 80px; text-align: left; background-size: cover; background-position: 50% center; background-image: url(https://oceansdistillery.com/default_public/images/rones/pagina4.jpg); }

        @media (max-width: 1080px) {
            #rones-contenedor #contenido_pral #rones-empezo, #rones-contenedor #contenido_pral #rones-azar, #rones-contenedor #contenido_pral #rones-progreso, #rones-contenedor #contenido_pral #rones-continua
             {  margin: 10px 20px 20px; padding: 20px 40px; }
        }