* {
  margin: 0;
  box-sizing: border-box;
}

a {
 text-decoration: none;
}

/* Lo común en open-sans */

* {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.os-3r { font-weight: 300; color: #a80a2e; }
.os-3n { font-weight: 300; color: #333333; }
.os-4r { font-weight: 400; color: #a80a2e; }
.os-4n { font-weight: 400; color: #333333; }
.os-5n { font-weight: 500; color: #333333; }
.os-5r { font-weight: 500; color: #a80a2e; }
.os-6n { font-weight: 600; color: #333333; }
.os-6r { font-weight: 600; color: #a80a2e; }
.os-7n { font-weight: 700; color: #333333; }
.os-7r { font-weight: 700; color: #a80a2e; }
.os-8n { font-weight: 800; color: #333333; }
.os-8r { font-weight: 800; color: #a80a2e; }

.fs-08 { font-size: 0.8em; }
.fs-09 { font-size: 0.9em; }
.fs-12 { font-size: 1.2em; }
.fs-14 { font-size: 1.4em; }
.fs-16 { font-size: 1.6em; }
.fs-18 { font-size: 1.8em; }
.fs-24 { font-size: 2.4em; }
.fs-30 { font-size: 3.0em; }
.fs-38 { font-size: 3.8em; }


.borde-bajo {
  border-bottom: 1px solid #a80a2e;
}

.centrar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.ancho {
  width: 1165px;
  padding: 0px 10px 0px 15px;
}

.distribuir {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#uhu_head {
  width: 180px;
  padding: 5px 0px;
}

#menu_icon {
  display: none;
  color: #333333;
}

@media screen and (max-width: 992px) {
  #menu_icon { display: block; }
}

#menu_icon:hover {
  color: #a80a2e;
}


h3 {
  cursor: default;
}

.h3_1 {
  padding-top: 6px;
}

.h1_1 {
  line-height: 1.2em;
  padding-bottom: 6px;
}

.bg-claro {
  background-color: #f7f7f7;
}

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

@media screen and (max-width: 992px) {
  #menu_head { display: none; }
}

#menu_head .nodrop {
  padding: 12px 12px 10px 12px;
}

#menu_head .dropbtn {
  padding: 14px 12px 7px 12px;
}

.nodrop a, .dropbtn {
  color: #333333;
}

.nodrop a:hover, .dropdown:hover .dropbtn {
  color: #a80a2e;
}

#menu_head .dropdown:hover .dropbtn {
  cursor: default;
  border-bottom: 6px solid #a80a2e;
}

#menu_head .dropdown:hover .dropbtn i {
  color: #f7f7f7;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #fcfcfc;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-top: 1px solid #a80a2e;
  text-align: left;
} 

#menu_head .dropdown-content {
  min-width: 15em;
}

.dropdown-content a {
  display: block;
  color: #308F90;
}

#menu_head .dropdown-content a {
  padding: 9px 0px 9px 24px;
}

.dropdown-content a:hover {
  color: #005165;
}

#inv_head {
  margin-left: -95px;
  padding-right: 20px;
}

#inv_head td:nth-child(2) a {
  padding-left: 8px;
}

.capital a {
  font-variant: small-caps;
}


@keyframes bajada {
  from { margin-top: -15px; }
  to { margin-top: 0px; }
}

.bajada {
 animation-name: bajada;
 animation-duration: 0.5s;
}

#slider {
  height: 400px;
  background: url("imagenes/slider_fccee.svg") center top/cover no-repeat;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-end;
}

#slider > div {
  width: 100%;
}

#slider > div:nth-child(1) {
  width: 1400px;
  padding: 0px 5px 0px 5px;
  margin-bottom: 135px;
}

@media screen and (max-width: 1310px) {
  #slider > div:nth-child(1) { display: none; }
}

#slider > div:nth-child(2) {
  margin-bottom: 30px;
}

#slider > div:nth-child(2) div {
  width: 24px;
  height: 4px;
  margin: 0px 5px;
  background-color: #ffffff;
  border: 1px solid white;
  border-radius: 5px;
}



h2 {
  cursor: default;
}

.h2_1 {
  padding: 24px 0px 10px 0px;
}

.card_ad {
  position: relative;
  height: 120px;
  text-align: center;
  margin: 10px 0px 10px 0px; 
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.2);
}

@media screen and (max-width: 600px) {
  .card_ad { width: 100%; }
}

@media screen and (min-width: 601px) {
  .card_ad { width: 49%; }
}

@media screen and (min-width: 992px) {
  .card_ad { width: 24%; }
  .card_ad:nth-of-type(1) > div:nth-child(2) {
    top: -4%;
    left: 122%;
    transform: translate(-50%, 0%);
  }
  .card_ad:nth-of-type(3) > div:nth-child(2) {
    top: -345%;
    left: 101%;
    transform: translate(-50%, 0%);
  }
  .card_ad:nth-of-type(4) > div:nth-child(2) {
    top: 5%;
    left: -4%;
    transform: translate(-50%, 0%);
  }
  .card_ad:nth-of-type(7) > div:nth-child(2) {
    top: -83%;
    left: 101%;
    transform: translate(-50%, 0%);
  }
  .card_ad:nth-of-type(8) > div:nth-child(2) {
    top: -287%;
    left: -4%;
    transform: translate(-50%, 0%);
  }
}

.card_ad a {
  color: #308F90;
}

.card_ad a:hover {
  opacity: 80%;
}

.card_ad i {
  color: #a80a2e;
}

.card_ad > div:nth-child(1) a:hover {
  cursor: default;
}

.card_ad > div:nth-child(2) {
  display: none;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.card_ad:hover > div:nth-child(2) {
  display: block;
}

.card_ad > div:nth-child(2) a {
  display: block;
  width: 16em;
  margin-top: 4px;
  padding: 6px 0px 6px 0px;
  border-radius: 20px;
  text-align: center;
  opacity: 1;
  background-color: #005165;
  color: #a6c2c9;
}

.card_ad > div:nth-child(2) a:hover {
  background-color: #003d4c;
}


.h2_2 {
  padding: 45px 0px 25px 0px;
}

@media screen and (max-width: 768px) {
  #news_1 { order: 1; } 
  #news_2 { order: 3; } 
  #news_3 { display: none; }
  #news_4 { order: 2; } 
  #news_1, #news_2, #news_4 { width: 100% }
  #news_1 { margin-bottom: 0px; }
  #news_4 { height: 60px; }
}

@media screen and (min-width: 769px) {
  #news_1, #news_3 { width: 35% }
  #news_2, #news_4 { width: 65% }
  #news_1 { margin-bottom: 30px; }
  #news_3 { height: 90px; display: flex; justify-content: center; }
  #news_4 { height: 90px; }
}

#news_1 {
 background-color: #f4e4e7;
}

#news_1 div {
 min-height: 370px;
}

#news_1 p {
  padding: 15px 15px 15px 15px;
}

#news_1 a {
  color: #005165;
}

#news_2 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

#news_image{
  box-shadow: 15px -15px #f4e4e7;
  margin: 15px;
  width: 92%;
}

@keyframes entrada {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  100% { opacity: 1; }
}

.not_animacion {
 animation-name: entrada;
 animation-duration: 6s;
 animation-iteration-count: infinite;
}

#news_3 img {
  padding: 0px 10px 0px 10px;
}

#news_4 div {
  width: 24px;
  height: 4px;
  margin: 5px 5px;
  background-color: #dddddd;
  border: 1px solid #dddddd;
  border-radius: 5px;
  cursor: pointer;
}


#OPC_1, #OPC_2, #OPC_3, #OPC_4, #OPC_5 {
  display: none;
}


.card_c30, .card_c35 {
  height: 300px;
  margin: 15px 0px 15px 0px;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.2);
}

@media screen and (max-width: 992px) {
.card_c30, .card_c35 { width: 100%; }
}

@media screen and (min-width: 993px) {
.card_c30 { width: 30%; }
.card_c35 { width: 35%; }
}

.h3_2 {
  padding-top: 15px;
}

#admon ol {
 margin: 10px 0px 0px 15px;
 padding: 0px;
}

#admon li {
 padding: 0px 0px 10px 10px;
 line-height: 1.3em;
}

#admon li::marker, #admon i {
 color: #a80a2e;
 font-weight: bold;
}

#admon li::marker {
 font-size: 1.2em;
}

#admon i {
 padding-right: 10px;
}

#admon a {
  color: #333333;
}

#admon a:hover {
  color: #a80a2e;
}

#admon li:nth-child(1)::marker {
 content: '\0040';
}

#admon li:nth-child(2)::marker {
 content: '\260E';
}

#admon li:nth-child(3)::marker {
 content: '\23CF';
 font-size: 1.8em;
}

#admon li:nth-child(4)::marker {
 content: '\2709';
}

.dci_fondo {
  background: url(imagenes/fondo_dci.jpg) center center/cover no-repeat;
}


#uhu_foot {
  width: 100%;
  padding-top: 70px;
}


.bg-medio-pad {
  background-color: #ededed;
  padding: 11px 0px 51px 0px;
}

.h1_2 {
  line-height: 1.2em;
  padding-bottom: 29px;
}

#menu_foot .nodrop, #menu_foot .dropdown {
  padding-top: 17px;
}

#menu_foot .dropdown {
position: relative;
width: 100%;
}

#menu_foot .dropbtn {
  width: 10em;
}

#menu_foot .dropdown-content {
width: inherit;
}

#menu_foot .dropbtn:hover {
  cursor: pointer;
}

#menu_foot .dropdown-content a {
  padding: 9px 0px 9px 15px;
}

#menu_foot #inv_foot {
  padding: 0px 10px 10px 0px;
}

#inv_foot td {
  vertical-align: top;
}

#inv_foot td:nth-child(1) a {
  padding: 3px 0px 3px 15px;
}

#inv_foot td:nth-child(2) a {
  padding: 3px 0px 3px 6px;
}

#menu_foot .nodrop i, #menu_foot .nodrop span { vertical-align: middle; }


@media screen and (max-width: 992px) {
  #footer_1 div, #footer_2 div { width: 100%; text-align: center; }
  #footer_1 span, #footer_2 span { height: 100px; }
}

@media screen and (min-width: 993px) {
  #footer_1 span, #footer_2 span { justify-content: space-between }
  #footer_1 span, #footer_2 span { height: 50px; }
}

.bg-oscuro { background-color: #E6E6E6; }

#footer_1 div {
  margin: 2px 0px 2px 0px;
}

#footer_2 div {
  margin: 4px 0px 4px 0px;
}

#footer_1 i, #footer_1 span { vertical-align: middle; }

#footer_2 a { color: #333333; }

#footer_2 a:hover { color: #a80a2e; }

#crue { width: 115px; }

#universia { width: 98px; margin: 0px 31px 0px 21px; }

#upa { width: 58px; margin-right: 5px; }


.submenu {
  margin-top: 13px;
}

.submenu a {
  color: #333333;
}

.submenu a:hover {
  color: #a80a2e;
}

.subapdo {
  margin: 12px 0px 26px 0px;
}

.subapdo span {
  vertical-align: middle;
}


.estirar {
  align-items: stretch;
}

@media screen and (max-width: 992px) {
  .card_125, .card_173 { width: 100%; }
  .card_125 { min-height: 200px; } 
}

@media screen and (min-width: 993px) {
  .card_125 { width: 25%; }
  .card_173 { width: 73%; }
  .card_125 { min-height: 300px; }
}

.card_125, .card_173 {
  margin: 15px 0px 15px 0px;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.2);
}

.card_173 {
  padding: 30px 30px 30px 30px;
  text-align: left; 
}

.i {
  font-style: italic;
}

.card_173 ol {
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

.card_173 li {
  padding-left: 15px;
  line-height: 2em;
  color: #308F90;
}

.card_173 li::marker {
 color: #D891A1;
 font-weight: bold;
 font-size: 1.2em;
 content: '\2014';
}


.OPC_12 ol {
  position: relative;
  margin-left: 20px;
  padding: 0px;
}

.OPC_12 ol:first-of-type {
  margin-bottom: 45px;
}

.OPC_12 ol b {
  position: relative;
  left: -20px;
  padding: 10px;
}

.OPC_12 li {
  padding-left: 15px;
  line-height: 2em;
}

.OPC_12 li::marker {
 color: #D891A1;
 font-weight: bold;
 font-size: 1.2em;
 content: '\2014';
}

.OPC_12 li a {
  color: #308F90;
}

.OPC_12 li a:hover {
  color: #005165;
}


.card_m32 {
  height: 290px;
  margin: 15px 0px 15px 0px;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.2);
  padding: 15px 0px 0px 15px;
}

@media screen and (max-width: 699px) {
.card_m32 { width: 100%; }
.card_m32 img { width: 125px; }
}

@media screen and (min-width: 700px) {
.card_m32 { width: 49%; }
.card_m32 img { width: 150px; }
}

@media screen and (min-width: 1100px) {
.card_m32 { width: 32%; }
.card_m32 img { width: 150px; }
}

.card_m32 img { 
  float: left;
  padding: 0px 15px 15px 0px;
}

.card_m32 p { 
  padding-top: 15px;
}

.card_m32 i {
  color: #a80a2e;
  padding-right: 10px;
}

.card_m32 i, .card_m32 span {
  vertical-align: middle;
}

.card_m32 a { 
  color: #333333;
}

.card_m32 a:hover { 
  color: #a80a2e;
}


.h2_3 {
  margin: -15px 0px 0px 0px;
}

.h2_4 {
  margin: 20px 0px 0px 0px;
}

@media screen and (max-width: 699px) {
.fis, .mat3, .mat4, .bio { margin: 0px 10px 0px 125px; }
}

@media screen and (min-width: 700px) {
.fis, .mat3, .mat4, .bio { margin: 0px 10px 0px 150px; }
}

@media screen and (min-width: 1100px) {
.fis, .mat3, .mat4, .bio { margin: 0px 10px 0px 150px; }
}

.fis, .mat3, .mat4, .bio, .agrfor {
  color: white;
  text-align: center;
}

.agrfor {
  background-color: purple;
}

.fis {
  background-color: red;
}

.mat3 {
  background-color: orange;
}

.bio, .mat4 {
  background-color: green;
}


.acordeon_0 {
  border: 1px solid #e6e6e6;
  margin-bottom: 5px;
}

.acordeon_1 {
  color: #666666;
  padding: 20px 30px 20px 30px;
  position: relative;
}

.acordeon_1 b {
 width: 90%;
}

.acordeon_1 span {
 width: 5%;
 text-align: right;
}

.acordeon_1:hover {
  background-color: #e6e6e6;
}

.acordeon_1 i:hover {
  cursor: pointer;
}

.acordeon_2 {
  position: relative;
  display: none;
}

.acordeon_2 ol {
  margin: 10px 10px 10px 45px;
  padding: 0px;
}

.acordeon_2 li {
  padding-left: 15px;
  line-height: 2em;
  color: #308F90;
}

.acordeon_2 li::marker {
 color: #D891A1;
 font-weight: bold;
 font-size: 1.2em;
 content: '\2014';
}

.acordeon_3 {
  background: url(imagenes/footer-acordeon.png) center center/cover no-repeat;
  height: 220px;
  padding: 17px 10px 0px 55px;
}

.acordeon_3 a {
  color: #005165;
}


.OPC_14 .acordeon_2 {
  padding: 0px 0px 30px 30px;
}

.OPC_14 .acordeon_2 > div {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: flex-start;
}

.OPC_14 .acordeon_2 > div div:first-of-type {
  width: 240px;
}

.OPC_14 .acordeon_2 > div div {
  margin: 0px 20px 0px 0px;
  padding: 10px 0px 10px 0px;
}

.OPC_14 .acordeon_2 i {
  color: #a80a2e;
  padding-right: 10px;
}

.OPC_14 .acordeon_2 i, .OPC_14 .acordeon_2 span {
  vertical-align: middle;
}

.OPC_14 .acordeon_2, .OPC_14 .acordeon_2 a { 
  color: #308F90;
}

.OPC_14 .acordeon_2 a:hover { 
  color: #a80a2e;
}


@media screen and (max-width: 992px) {
  .card_433, .card_465 { width: 100%; }
  .card_433 { max-height: 300px; } 
  .card_433 img { height: 98%; }
}

@media screen and (min-width: 993px) {
  .card_433 { width: 33%; }
  .card_465 { width: 65%; }
  .card_433 { min-height: 300px; }
}

.card_433, .card_465 {
  margin: 15px 0px 15px 0px;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.2);
}

.card_433 img { max-width: 92%; }

.card_465 {
  padding: 30px 30px 30px 30px;
  text-align: left; 
}

.card_465 { min-height: 300px; }


#plano {
  max-width: 675px;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
#plano { width: 98%; }
}