@charset "utf-8";

* {scroll-behavior: smooth;}

body {
  background: #edf0f3;
  font-family: Verdana, Geneva, sans-serif;
}

/* CABECERA */

#divtitulo {
  color: white;
  font-family: Helvetica, sans-serif;
  margin-left: 1rem;
}

#divtitulo a {color: inherit;}

#divtitulo,
#logoDefensa {display: inline-block;}

#titulo {
  display: block;
  font-size: 1.4em;
  font-weight: bold;
}

#logoDefensa {
  height: 32px;
  width: auto;
}

.menu {
  background-color: #00b050;
  font-size: 0.9em;
}

@media (min-width: 576px) {
  #logoDefensa {height: 48px;}
  #titulo {font-size: 1.6em;}
}

@media (min-width: 768px) {
  #logoDefensa {height: 54px;}
  #titulo {font-size: 2.2em;}
  #divtitulo {margin-left: 1.5rem;}
  #imagenCabecera {padding: 0.5rem;}
  #titulo {text-align: center;}
  #menu {text-align: center;}
  .menu {font-size: 0.71em;}
}

@media (min-width: 992px) {
  #logoDefensa {height: 64px;}
  #titulo {font-size: 2.4em;}
  #imagenCabecera {padding: 1rem;}
  .menu {font-size: 0.9em;}
}

@media (min-width: 1200px) {
  #logoDefensa {height: auto;}
  #titulo {font-size: 2.6em;}
  #imagenCabecera {padding: 1.5rem;}
}

#imagenCabecera {background-image: url("../imgs/backHeadHome.png");}

.anchoMax {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.img-max {
  max-width: 75%;
}

#menu li:hover, #menu li.selected {
  background-color: #4db0f1;
  color: black;
}

#menu a:hover {color: black;}

#submenu-derecha > ul > li > ul > li > ul > li,
#submenu-top ul > li > ul > li > ul > li{text-transform: initial;}
#submenu-top a {color:#318b48;}

#submenu-derecha ul, #submenu-top ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#submenu-derecha > ul, #submenu-colapsable {
  border-bottom: 2px solid #00b050;
}

#submenu-derecha .mainoption, #submenu-derecha .mainoption.selected,
#submenu-top .mainoption, #submenu-top .mainoption.selected {
  background-color: #00b050;
  color: #000;
  padding: 6px 5%;  
}

#submenu-derecha ul a,
#submenu-top ul a{display: block;}
#submenu-top > a:hover{text-decoration: none;}

#submenu-derecha ul li ul li, #submenu-top ul li ul li {border-bottom: 1px solid #888;}
#submenu-derecha > ul > li > ul > li > a, #submenu-top > ul > li > ul > li > a {color:#318b48;}
#submenu-derecha ul ul a, #submenu-top ul ul a {
  padding-right: 5%;
  padding-left: 7%;
  margin-top: 1px;
  margin-bottom: 1px;
}

#submenu-derecha ul ul a:hover, #submenu-derecha ul ul a.selected,
#submenu-top ul ul a:hover, #submenu-top ul ul a.selected{
  background-color: #a4da22;
  text-decoration: none;
}

#submenu-derecha > ul > li > ul > li > a, #submenu-top > ul > li > ul > li > a {color: black;}
#submenu-derecha ul ul ul li, #submenu-top ul ul ul li{margin-bottom: -1px;}
#submenu-derecha ul ul ul a, #submenu-top ul ul ul a{
  color:#555;
  padding-left: 15%;
}

.nav-link {
  text-decoration: none;
  color: black;
}

.dropdown-item {
  color: black;
  font-size: 0.9em;
}

.dropdown-item:hover {
  color: black;
  background-color: #a4da22;
}

.azul-twitter {color: #2ca5da;}
.azul-facebook {color: #3a5795;}
.azul-linkedin {color: #0073af;}

#hamburguesa {
  background-color: rgba(0, 176, 80, 0.5);
  color: white;
  border: 1px solid;
}

#migas ol{
  background-color: #edf0f3;
  font-size: 0.7rem;
}

#migas > ol > li {color:#555;}
#migas > ol > li > a {color:#777;}

main {
  font-size: 0.9rem;
  color: #555;
}

.carousel-caption {
  right: initial;
  left: initial;
  padding-bottom: initial;
  padding-top: initial;
  text-align: initial;
  bottom: 0px;
  width: 100%;
  background: none repeat scroll 0% 0% rgba(50, 50, 50, 0.8);
  overflow: hidden;
}

.carousel-caption h4,
.masInformacion a {color: #318b48;}

.carousel-indicators {
  bottom: initial;
  left: initial;
  margin-right: initial;
}

.carousel-indicators li {
  height: 15px;
  width: 15px;
}

h1 {
  font-size: 1.45rem;
  border-bottom: 1px solid #aaa;
  padding-bottom: 4px;
  color: #444;
}

.rrss:hover {
  transform: rotateX(360deg);
  -moz-transform: rotateX(360deg);
  -webkit-transform: rotateX(360deg);
  transform-origin: center;
  -moz-transform-origin: center;
  -webkit-transform-origin: center;
  transition: 1s ease all;
  -moz-transition: 1s ease all;
  -webkit-transition: 1s ease all;
}

h2 {
  color: #23b04b;
  font-size: 1.2rem;
  margin-bottom: 0;
}

hr {
  border: 0;
  height: 2px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  background: #333;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, hsla(137, 67%, 41%, 1)),
    color-stop(50%, hsla(137, 67%, 41%, 0.5)),
    color-stop(100%, hsla(137, 67%, 41%, 0))
  );
  background: -webkit-linear-gradient(
    left,
    hsla(137, 67%, 41%, 1) 0%,
    hsla(137, 67%, 41%, 0.5) 50%,
    hsla(137, 67%, 41%, 0) 100%
  );
  background: -moz-linear-gradient(
    left,
    hsla(137, 67%, 41%, 1) 0%,
    hsla(137, 67%, 41%, 0.5) 50%,
    hsla(137, 67%, 41%, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    hsla(137, 67%, 41%, 1) 0%,
    hsla(137, 67%, 41%, 0.5) 50%,
    hsla(137, 67%, 41%, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    hsla(137, 67%, 41%, 1) 0%,
    hsla(137, 67%, 41%, 0.5) 50%,
    hsla(137, 67%, 41%, 0) 100%
  );
  background: linear-gradient(
    left,
    hsla(137, 67%, 41%, 1) 0%,
    hsla(137, 67%, 41%, 0.5) 50%,
    hsla(137, 67%, 41%, 0) 100%
  );
}

.destacados {background-color: #efefef;}

.card h4 {
  margin: 0;
  padding: 0;
}

.accesos-directos .card {
  border-bottom: 3px solid #00b050;
  transition: transform 0.2s ease;
}

.destacados .card {
  color: white;
  background-color: #00b050;
  border-radius: 15px 0px 15px 0px;
  border-bottom: 3px solid #a4da22;
}

.navhijo .card {
  border-bottom: 5px solid #00b050;
  background-color: #a4da22;
  color: #222;
}

.navhijo .card a {color: #222;}

.navhijo .card-img-top {   
    width: 100%;
    height: 20vh;
    object-fit: cover;
}

.accesos-directos .card-body {border-bottom: 5px solid #a4da22;}

.accesos-directos .card-body h4 {
  font-size: 0.95em;
  color: initial;
}

.navhijo .card-body h4 {font-size: 0.95em;}

.card a {
  text-decoration: none;
  color: white;
}

.accesos-directos .card:hover {transform: scale(1.05);}
.destacados .card {transition: transform 0.2s ease;}
.destacados .card:hover {transform: scale(1.05);}
.navhijo .card {transition: transform 0.2s ease;}
.navhijo .card:hover {transform: scale(1.05);}

.card-deck {
  margin: 0;
  justify-content: space-around;
}

.card-deck .card {margin: 0 0 1rem;}

.enlaces-home .card-deck .card :hover {opacity: 0.75;}

.enlaces-home .card-deck .card {
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .card-deck .card {
    -ms-flex: 0 0 48.7%;
    flex: 0 0 48.7%;
  }

  .enlaces-home .card-deck .card {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
  }
  
  .navhijo .card-deck .card {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .card-deck .card {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }

  .enlaces-home .card-deck .card {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
  }
  
  .navhijo .card-deck .card {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
  }
}

@media (min-width: 992px) {
  .card-deck .card {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
  }

  .enlaces-home .card-deck .card {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
  
  .navhijo .card-deck .card {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
}

footer {
  background-color: #dfdfdf;
  font-size: 0.7rem;
}

footer ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

footer a {
  text-decoration: none;
  color: #999;
}

footer a:hover {
  text-decoration: none;
  color: #00b050;
}

.footer-cabecera a {
  font-weight: bolder;
  color: #666;
}

.barraLinks li {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.barraLinks a {color: initial;}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  transition: all 0.7s ease 0s;
}

#btn-back-to-top:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.masContenido h2, .masContenido h3{
  color: #004c02;
  font-size: 1.1rem;
}

.seccion-enlaces{
  background-color: #eaeaea;
  border-bottom: 3px solid #00b050;
}

.seccion-descargas{
  background-color: #d7fcd6;
  border-bottom: 3px solid #00b050;
}

.seccion-descargas a, .seccion-enlaces a{
  text-decoration: none;
  color: #005000;
}

#sub1{
  border-top: 2px solid #a4da22;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.bpi {
  border-bottom: 2px solid #a4da22;
  padding-bottom: 20px;
  clear: both;
  overflow: auto;
}

.bpi h2{color:green;}


.navegacion-subcontenido{background-color: #eaeaea;}

.navegacion-subcontenido ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.navegacion-subcontenido li{display: inline-block;}

.navegacion-subcontenido a{
  text-decoration: none;
  color: green;
}

.navegacion-subcontenido a:hover{
  background-color: #a4da22;
}

table {
  font-size: 0.70rem;
  text-align: left;
  }

th {
  text-align: center;
  background-color: #00b050;
  color: white;
}

td {vertical-align: middle;}

table caption {
  caption-side: top; 
  font-weight: bold;
  color: #333;
  }

.mapaweb-grupo {
  border-bottom: 2px solid #a4da22;
}

.mapaweb-grupo a{text-decoration: none;}

.mapaweb-grupo li {
  padding: 0 0 2px 0;
  margin: 0;
}
.mapaweb-grupo > ul {margin-left: 1em;}
.mapaweb-grupo > ul > li {list-style: none;}

.mapaweb-grupo > ul > li > a{
 color: #005C00;
 font-size: 1rem;
}

.mapaweb-grupo > ul > li:before {
  content: '\f101';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 600;
  display: inline;
  margin-right: 0.2em;
  color: #23b04b;
}

.mapaweb-grupo > ul > li > ul {
  margin-left: 1em;
  list-style: none;
 }
 
.mapaweb-grupo > ul > li > ul > li:before {
  content: '\f192';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 400;
  display: inline;
  margin-right: 0.2em;
  color: #23b04b;
}

.mapaweb-grupo > ul > li > ul > li a{
 color: #555;
 font-weight: bold;
}


.mapaweb-grupo > ul > li > ul > li > ul {
  margin-left: 1em;
  list-style: none;
 }
 
.mapaweb-grupo > ul > li > ul > li > ul > li:before {
  content: '\f105';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 600;
  display: inline;
  margin-right: 0.2em;
  color: #23b04b;
}

.mapaweb-grupo > ul > li > ul > li > ul > li a{
 color: #555;
 font-weight: normal;
}

.rotate{
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.rotate.down{
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}