/****************/
/* CSS Document */
/****************/
/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
    padding-top: 70px;
}
footer {
    padding: 30px 0;
}

/* LOGO NAVBAR */
.navbar a.navbar-brand img{
    width: 100px;
    margin-top: -14px;
    float: left;
    margin-right: 5px;
}

.jumbotron {
    border: #000 solid 1px;
    background-color: #fff;    
    background-size: contain;
    background-position: center;
    min-height: 280px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.img-center {
    margin: auto auto;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -80%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -80%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 80%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 80%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 80%; /* 6 columns */
    }
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.error{
    color: #ff0000;
}

/* STOPBULOS_VIEW */
.divBulo {
    background: #f1f1f1;
    height: 335px;
    margin: 10px;
    border: #cccccc solid 1px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(77,77,77,0.50);
    -moz-box-shadow: 5px 5px 5px 0px rgba(77,77,77,0.50);
    box-shadow: 5px 5px 5px 0px rgba(77,77,77,0.50);
}
.divContentBulo{
    height: 155px;
    padding: 5px;
}
.imgStopBulos {
    height: 140px;
    overflow: hidden;
}
.imgStopBulos img {
    width: 100%;
    margin: 0px auto;
    //max-height: 136px;
}

/* ESPECIALES_VIEW */
.divEspecial {
    background: #f1f1f1;
    height: 335px;
    margin: 10px;
    border: #cccccc solid 1px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(77,77,77,0.50);
    -moz-box-shadow: 5px 5px 5px 0px rgba(77,77,77,0.50);
    box-shadow: 5px 5px 5px 0px rgba(77,77,77,0.50);
}
.divContentEspecial{
    height: 155px;
    padding: 5px;
}
.imgEspeciales {
    height: 140px;
    overflow: hidden;
}
.imgEspeciales img {
    width: 100%;
    margin: 0px auto;
    //max-height: 136px;
}

/* PUBLICACIONES_VIEW */
.imgPublicaciones {
    width: 100%;
    max-height: 250px;
    overflow: hidden;
}
.imgPublicaciones img {
    width: 100%;
    max-width: 250px;
    margin: 0px auto;
    max-height: 250px;
    border-radius: 5px;
}


textarea {
    resize: none;
}

/* OPENLAYERS MARKERS */
.popover{
    min-width: 300px;
}
.popover-content {
    min-width: 300px;
}

#popupContent{
    min-height: 280px;
    max-height: 280px;
    overflow: hidden;
}

/* BOTON IR ARRIBA EN FOOTER */
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 10px;
}