/*!

 * CSS BajoFlamenco - v. 2.0

 * 2015 - Javi Ortiz (info@desarrollowebjaen.es)

 * Licensed GPL

 * Based on Bootstrap

*/



@font-face {

  font-family: 'Lato';

  font-style: normal;

  font-weight: 300;

  src: local('Lato Light'), local('Lato-Light'), url(fonts/Lato-Light.woff2) format('woff2');

}

@font-face {

  font-family: 'Lato';

  font-style: normal;

  font-weight: 400;

  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/Lato-Regular.woff2) format('woff2');

}

@font-face {

  font-family: 'Lato';

  font-style: normal;

  font-weight: 700;

  src: local('Lato Bold'), local('Lato-Bold'), url(fonts/Lato-Bold.woff2) format('woff2');

}



@font-face {

    font-family: 'DIN Next Rounded LT Pro';

    src: url('fonts/DINNextRoundedLTPro-Regular.otf');

}



@font-face {

    font-family: 'DIN Next Rounded LT Pro';

    src: url('fonts/DINNextRoundedLTPro-Medium.otf');

    font-weight: bold;

}

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('fonts/texgyreadventor-bold-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreadventorregular';
    src: url('fonts/texgyreadventor-regular-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    position: relative;

}

body {

    margin: 0;

    font-family: 'Lato', sans-serif;

    line-height: 1.72222;

}

body > main footer.footer {

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

}

a{

  color: #000000;

}

a:hover{

  color: #ff0134;

  text-decoration: none;

}

.nav li a {

padding: 15px 10px;

}

.navbar-default {

background: #3d3d3d;

border: none;

font-family: 'texgyreadventorbold';

font-size: 12px;

}

header{

    background: url(images/background.png) repeat-x center -25px;

}

.navbar{

    margin-bottom: 0;

}

#breadcrumb-bar{

    padding-top: 10px;

    background-color: #fff;

}

.navbar-default .navbar-brand {

  color: #ffffff;

}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

  color: #ededed;

}

.navbar-default .navbar-text {

  color: #ffffff;

}

.navbar-default .navbar-nav > li > a {

  color: #FFF;

  /* text-transform: uppercase; */

  font-weight: bold;

  font-size: 1.25em;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

color: #FFFFFF;

background: #ff0134;

}

.navbar-default .navbar-nav > li > .dropdown-menu {

  background: #FFFFFF;

}

.navbar-default .navbar-nav > li > .dropdown-menu > li{

    border: none;

}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {

  color: #ffffff;

  background-color: #f64d54;

}

.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {

  background-color: #0099c0;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

color: #FFFFFF;

background: #ff0134; /* Old browsers */

/* Firefox */
background: -moz-linear-gradient(top, rgba(246, 77, 84,1) 0%, rgba(255, 1, 52,1) 100%);

/* Chrome, Safari, Opera */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246, 77, 84,1)), color-stop(100%,rgba(255, 1, 52,1)));

/* Chrome 10+, Safari 5.1+, Opera 11.10+ */
background: -webkit-linear-gradient(top, rgba(246, 77, 84,1) 0%,rgba(255, 1, 52,1) 100%);

/* Opera 11.10+ */
background: -o-linear-gradient(top, rgba(246, 77, 84,1) 0%,rgba(255, 1, 52,1) 100%);

/* IE 10+ */
background: -ms-linear-gradient(top, rgba(246, 77, 84,1) 0%,rgba(255, 1, 52,1) 100%);

/* Standard syntax */
background: linear-gradient(to bottom, rgba(246, 77, 84,1) 0%,rgba(255, 1, 52,1) 100%);


}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

color: #FFFFFF;

background: #f64d54;

}

.navbar-default .navbar-toggle {

  border-color: #fff;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

  background-color: #111111;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #fff;

}

.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

  border-color: #111;

}

.navbar-default .navbar-link {

  color: #ffffff;

}

.navbar-default .navbar-link:hover {

  color: #ededed;

}

.badge{

    background-color: #ff0134;

}

.dropdown-menu .user-header a{

    padding: 0;

}

@media (max-width: 767px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #ededed;

    background-color: #6D0019;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #ededed;

    background-color: #0099c0;

  }

}

.breadcrumb{

  background: #F9F9F9;

  color: #006A84;

}

.nav li a:hover{

    background: transparent;

}

.logo {

    margin: 50px 0;

}

.panel-default .panel-heading{

    background-color: #EDEDED;

}

.panel-default{

    border-color: #F3F3F4;

}

footer.bgfooter{

background: #2C9BB6;

color: #FFF;

border-top: 10px solid #EFEFEF;

}

footer.bgfooter a{

  color: #FFFF00;

  font-weight: bold;

}

footer.bgfooter a:hover{

  color: #CCC;

}

.menu-column .panel-body{

    font-family: 'DIN Next Rounded LT Pro', sans-serif;

}

.menu-column .nav li a{

    font-size: 14px;

}

.menu-column .panel-heading{

    text-transform: uppercase;

    background-color: #EDEDED;

}

.menu-column .panel-heading a{

    font-weight: bold;

}

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {

    .logo {

        margin: 25px 0;

    }

}

/* Medium-small screens*/

@media (min-width: 480px) and (max-width: 767px) {

    .logo {

        margin: 24px 0;

    }

}

/* Smalls screens */

@media (min-width: 320px) and (max-width: 479px) {

    .logo {

        margin: 10px 0;

    }

}

/* Landscape phones and down */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .logo {

        margin: 20px 0;

    }

}

.menucursos {
  display: flex;
  flex-wrap: wrap;
}

.menucursos-item {
  width: 25%;
  padding-top: 25%;
  background-color: red;
  display: flex;
  flex-direction: column; /* Para alinear el ícono y el título verticalmente */
  justify-content: center;
  align-items: center;
  position: relative; /* Para posicionar correctamente el título */
  border: 2px solid red; /* Agrega un borde rojo */
}

.menucursos-item i {
  color: white; /* Color del ícono */
}

.titlecursos {
  color: white; /* Color del título */
  font-size: 14px; /* Tamaño del texto del título */
  font-weight: bold; /* Peso de la fuente del título */
  text-align: center; /* Alineación del texto */
  width: 100%; /* Ajustar al ancho del contenedor */
  margin-top: 5px; /* Espacio desde el ícono */
}