.elementor-326602 .elementor-element.elementor-element-1c769ce{--display:flex;--background-transition:0.3s;}.elementor-326602 .elementor-element.elementor-element-94833b7 > .elementor-widget-container{margin:0px 0px 050px 0px;}.elementor-326602 .elementor-element.elementor-element-399ee0e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-326602 .elementor-element.elementor-element-f113041{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-326602 .elementor-element.elementor-element-1d9a25b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}:root{--page-title-display:none;}@media(min-width:813px){.elementor-326602 .elementor-element.elementor-element-f113041{--width:33.3333%;}.elementor-326602 .elementor-element.elementor-element-1d9a25b{--width:66.6666%;}}/* Start custom CSS */link {
  width: 0px;
  height: 95.5px;
  flex-grow: 0;
}

header {
    width: 1440px;
    height: 80px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 0 80px;
    background-color: #fff;
}

.logotipo-de-anayasvg-fill {
  width: 139px;
  height: 29px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px 0 0;
}
.grid-container {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'menu main main main main right'
    'footer footer footer footer footer footer';
  background-color: white;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 48px;
  padding: 0 116px;
}
.Container {
    height: 1760px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 48px;
    padding: 0 116px;
}
content {
  height: 1760px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  padding: 0;
} 
section {
  height: 1760px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  padding: 0;
}
/* MENU */
.Nav-List-Item {
  width: 273px;
  height: 400px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 4px;
  border-left: solid 4px #95948c;
  background-color: #f8f8f8;
}
.Nav-List-title {
  flex-grow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #555;
}
.Nav-List-vector { min-width: 15px; height: 1.5px; background-color: #505a5f; margin: 11px 4px 0 0;}
.Nav-List-dash {color:#505a5f; font-size: 18px; font-weight: bold;}
.Nav-List-line {display: inline;}
.Nav-List-text {
  flex-grow: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #06c;
}
/* MENU */
.Nav-Ordered-List {
  height: 40px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 0 0;
}
.Ordered-List {
  width: 40px;
  height: 24px;
  flex-grow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #555;
}
.Ordered-List-Frame {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
}
h1 {
  align-self: stretch;
  flex-grow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}
h2 {
  align-self: stretch;
  flex-grow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}
h3 {
  align-self: stretch;
  flex-grow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #444;
}
.texto-general {
  align-self: stretch;
  flex-grow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #555;
}
.text-style-bold {
  font-weight: bold;
}
ul {
  align-self: stretch;
  flex-grow: 0;
  font-family: "Open Sans", sans-serif;;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #555;
}
.link a {
  color: #06c;
}
a:hover {
  text-decoration: none;
}
.grid-container {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'menu main main main main right container'
    'footer footer footer footer footer footer';
  background-color: white;
  
}

.header {
  grid-area: header;
  background-color: #fff;
  text-align: left;
}

.header > h1 {
  font-size: 40px;
}

.menu {
  grid-area: menu;
  }
  
.menu ul {  list-style-type: none;  margin: 0;  padding: 0;}
.menu-box{  display: flex;}
.menu li {
  padding: 8px;
  margin-bottom: 7px;
  background-color: #33b5e5;
  float:left;
}

.menu li:hover {
  background-color: #0099cc;
}

.content {
  grid-area: main;
}

.footer {
  grid-area: footer;
  background-color: #0099cc;
  color: #ffffff;
  text-align: center;
}
.footer-content {width: 100%;}
@media only screen and (max-width: 600px) {
  .header {grid-area: 1 / span 6;}
  .menu {grid-area: 2 / span 6;}
  .content {grid-area: 3 / span 6;}
  .footer {grid-area: 5 / span 6;}
  .grid-container {padding: 0 16px 0 16px;}
  .Nav-List-title {display:none;}
  .Nav-List-Item {width:94%; padding:16px; border-left: solid 0px; height: 100%;}
}

@media only screen and (min-width: 600px) {
  .header {grid-area: 1 / span 6;}
  .menu {grid-area: 2 / span 1;}
  .content {grid-area: 2 / span 4;}
  .footer {grid-area: 4 / span 6;}
}

@media only screen and (min-width: 768px) {
  .header {grid-area: 1 / span 6;}
  .menu {grid-area: 2 / span 1;}
  .content {grid-area: 2 / span 4;}
  .footer {grid-area: 3 / span 6;}
}
code { font-weight: bold; color: #06c;}/* End custom CSS */