body {
	padding-top: 50px;    /* Padding for .navbar-fixed-top. Change value if navbar height changes. Remove if using .navbar-static-top. */
	color: #959595;
	background: #333;
	}
	
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #FFD700;
	}
	
.feature {
  background: url(../images/light_bulb.jpg);
  background-position: top right;
  background-size: cover;
  background-color: #FCDD96;
  color: white;
  text-shadow: 1px 1px 8px black;
  }

.feature .btn {
	text-shadow: none;
	}

.contenedor_logo_texto {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; 
    gap: 20px;
  }
	
.logo img {
  width: 150px;
  height: auto;
  }

.titulos {
  text-align: center;
  }

/* RESPONSIVE: Cuando la pantalla es pequeña, pone los títulos debajo del logo */
@media (max-width: 768px) {
  .contenedor_logo_texto {
      flex-direction: column;
      text-align: center;
  }
  
  .logo img {
      width: 120px;
  }
}

.item-1 {
	background: url('../images/mung_beans.jpg');
	}
	
.item-2 {
	background: url('../images/coffee_beans_1.jpg');
	}
	
.item-3 {
	background: url('../images/grapes.jpg');
	}
		
.item-1,
.item-2,
.item-3 {
	background-size: cover;
	background-position: 50% 50%;
	}

.featured-product > img,
.featured-product > a > img {
	height: 103px;
}

.featured-product h3 {
	color: #dd845a;
	font-size: 18px;
	}

	
.footer-info {
    padding: 20px 0;
    background: #f7f7f7;
}

.footer-info,
.footer-info a:link,
.footer-info a:hover,
.footer-info a:focus,
.footer-info a:visited {
    color: #959595;
	}

.footer-info h3 {
	color: black;
	font-size: 18px;
	}
    
.footer-info-item {
    padding: 0px 20px;
    }
    
footer .small-print {
	background-color: #999;
	color: #fff;
	padding: 30px 0;
	text-align: center;
}
footer .small-print  a{
	color: #F0C737;
}


/*
*************************** 
Override Bootstrap Classes 
***************************
*/

/* Links */
a {
  color: orange;
  text-decoration: none;
}
a:hover,
a:focus {
  color: darkorange;
  text-decoration: underline;
}

/* Navbar */
.navbar-default {
  background-color: #820A26;
  border-bottom-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #dd845a;
  padding-top:0px;
}
.navbar-default .navbar-brand {
  color: #dd845a;
  padding-top:0px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: sienna;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: orange;
}


/* Primary Buttons */
.btn-primary {
  color: #fff;
  background-color: orange;
  border-color: orange;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: darkorange;
  border-color: darkorange;
}
.btn-primary:hover {
  color: #fff;
  background-color: darkorange;
  border-color: darkorange;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: darkorange;
  border-color: darkorange;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: darkorange;
  border-color: darkorange;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: sandybrown;
  border-color: sandybrown;
}
.titulo_pagina{
	background-color: reed important!;
}

.titulos_pagina{
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  align-content: center;
  min-height: 300px;
}

.titulo_oficial_pagina{
  margin-bottom: 10px;
  font-family: fantasy;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
  text-align: center;
}

.titulo_comision_pagina{
  font-size: 1.6em;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px  0 black;
  text-align: center;
}

label {
	font-size:12px;
	margin-top:5px;
	margin-bottom:0px;
}
.right{
	text-align: right;
	float:right;
}
.table th {
    background-color: #eFeFeF!important;
	color:#AAAAAA;
	text-align:center;

  }



.col-xs-5,

.col-sm-5,

.col-md-5,

.col-lg-5 {

  min-height: 1px; 

  position: relative;

}

.col-xs-5 {

  float: left;

  width: 20%;

}

@media (min-width: 768px) {

  .col-sm-5 {

    float: left;

    width: 20%;

  }

}

@media (min-width: 992px) {

  .col-md-5 {

    float: left;

    width: 20%;

  }

}

@media (min-width: 1200px) {

  .col-lg-5 {

    float: left;

    width: 20%;

  }

}