html {
  position: relative;
  min-height: 100%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
}


body {
    padding-top: 70px;
    margin-bottom: 115px;
    /*
    color: #0069B0;
    color: #0069B1;
    */
}
.container{
    opacity: .8;
    /* filter: alpha(opacity=80); */
}
/*
nav {
    background-image: url(../img/mosaico_header.png);
}
nav ul li a{
    background-color: #f90;
    opacity: .3;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
*/
.navbar-default {
    border-color: #f90;
}
.jumbotron {
    background-color: #FFF;
    /*
    background-color: #f90;
    background-color: rgba(255, 153, 0, 0.35);
    background-color: transparent;
    */
}
.navbar-brand {
    padding: 5px;
}
.navbar-fixed-bottom {
    border-top: 1px solid #f90;
    padding-top: 5px;
}
.infodiv{
    display: none;
    border-left: 3px solid #f90;
    padding-left: 5px;
}
#footer {
    height: 100px;
}

/* --------------------------- */

a.informacion {
  color: #000;
  text-decoration: none;
}
a.informacion:hover,
a.informacion:focus {
  color: #000;
  text-decoration: underline;
}
a.informacion:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* --------------------------- */

@media (max-width: 767px) { 
    /*
    .navbar-brand {
        padding: 0;        
    }
    */
    .navbar-brand img {
        margin-top: 3px;
        margin-left: 3px;
    }
    
    .navbar-fixed-bottom {
        position: relative;
    }
}
.productos {
    overflow:hidden;
}
@media (min-width: 768px){
    .productos:hover{
        background-color: #f90;
        	background: -webkit-linear-gradient(top left, #f90, #fff);
		background: -moz-linear-gradient(top left, #f90, #fff);
		background: -o-linear-gradient(top left, #f90, #fff);
		background: linear-gradient(top left, #f90, #fff);
	transition-delay: .5s;
    }
}

@media (min-width: 768px) {
    .productos {
        height:350px;
    }
}
@media (min-width: 992px) {
    .productos {
        height:406px;
    }
}
@media (min-width: 1200px) {
    .productos {
        height:460px;
    }
}