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

 
#indexbody {
    background-color: #0b283c;
    
    font-family: 'Montserrat', sans-serif;

    background-image: url('../img/FONDO01.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
}

header{
    padding: 0;
    margin: 0;
}
.grid {
      background-color:#0b283c;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      display: grid;
      grid-gap: 0rem;
      grid-template-columns: 0.3fr 2.5fr 2fr 0.8fr;
      grid-template-rows: repeat(1,1fr);
      grid-template-areas:
      "n1 n2 n3 n4";
    }

img {
     height: auto;
     width: auto;
     max-height: 70px;
     max-width: 70px;
}
.logo {
    grid-area: n1;
}

h1{
    text-decoration: none;
}
.estudiovega{
    grid-area: n2;
    font-size: 0.8em;
    text-align:left;
    color:white;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 10px;
}
.menutext {
    grid-area: n3;
    color:#35b06c;
 }

.menutext ul li {
    list-style: none;
    margin: 15px 0px 0px 10px;
    padding: 15px 0px 0px 10px;
    float: left;
    position: relative;
    text-align: right;
    
}

.menutext ul li a{
    text-decoration: none;
    color:#35b06c;
    font-weight: bold;
    text-align: right;
    font-size: 14px;
}

.menutext ul li a::before {
    display:block;
    content: '';
    width: 0%;
    background: #35b06c;
    height: 3px;
    top:2px;
    position:absolute;
    transition: width 0.2s;
    text-align: right;
}

.menutext ul li a:hover:before {
    width: 100%;
 }


.redicono {
    grid-area: n4;
    height: auto;
    width: auto;
    max-height: 30px;
    max-width: 30px;
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}
 .redes ul li {
    list-style: none;
    text-decoration: none;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}

 .indexmain {
    font-family: 'Montserrat', sans-serif;

    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;

 }
 .title{
    font-size: 2em;
    text-align:left;
    color:white;
    padding: 300px 0px 0px 0px;
    margin: 90px 0px 5px 50px;
}
.parrafo{
    font-size: 1em;
    text-align:justify;
    color:white;
    padding: 15px 0px 80px 0px;
    margin: 0px 650px 0px 50px;
    max-width: 60ch;

}

#publibody {
    background-color: #0b283c;
    font-family: 'Montserrat', sans-serif;
}

.titlepubli{
    font-size: 2em;
    text-align:left;
    color:white;
    padding: 0px 0px 0px 0px;
    margin: 2% 5% 3% 3%;
}

.libroimg {
    height: auto;
    width: auto;
    max-height: 200px;
    max-width: 200px;
    margin: 0px 0px 0px 20px;
}
.LibroNombre{
    font-size: 1.5em;
    text-align: left;
    color:white;
    margin: 30px 0px 10px 20px;
    padding: 0px 0px 0px 0px;
}
.Libroautor{
    font-size: 1em;
    text-align:left;
    color:#35b06c;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}
.publigridmain {
    display:grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: 1fr;
    grid-template-areas:
    "Libro01 LibroDatos01 Libro02 LibroDatos02"
    "Libro03 LibroDatos03 Libro04 LibroDatos04"
    "Libro05 LibroDatos05 Libro06 LibroDatos06"
    "Libro07 LibroDatos07 . .";
    gap: 50px 20px;
    justify-items: start;
    
  }

.Libro01 {
    grid-area: Libro01;
}
.LibroDatos01 {
    grid-area: LibroDatos01;
}
.Libro02 {
    grid-area: Libro02;
}
.LibroDatos02 {
    grid-area: LibroDatos02;
}
.Libro03 {
    grid-area: Libro03;
}
.LibroDatos03 {
    grid-area: LibroDatos03;
}
.Libro04 {
    grid-area: Libro04;
}
.LibroDatos04 {
    grid-area: LibroDatos04;
}
.Libro05 {
    grid-area: Libro05;
}
.LibroDatos05 {
    grid-area: LibroDatos05;
    
}
.Libro06 {
    grid-area: Libro06;
}
.LibroDatos06 {
    grid-area: LibroDatos06;
}
.Libro07 {
    grid-area: Libro07;
}
.LibroDatos07 {
    grid-area: LibroDatos07;
}
.Libro08 {
    grid-area: Libro08;
}
.LibroDatos08 {
    grid-area: LibroDatos08;
}

#contactobody {
    background-color: #0b283c;
    font-family: 'Montserrat', sans-serif;
}
.required{
    font-size: 2em;
    text-align: left;
    color:white;
    margin: 30px 0px 10px 20px;
    padding: 0px 0px 0px 0px;
}
.contactogrid {
    display:grid;
    grid-template-columns: 0.2fr 0.4fr;
    grid-template-rows: 1fr;
    grid-template-areas:
    "Contacto01 ContactoDatos01"
    "Contacto02 ContactoDatos02"
    "Contacto03 ContactoDatos03"
    "Contacto04 ContactoDatos04"
    "Contacto05 ContactoDatos05";
    gap: 10px 0px;

    
  }

.Contacto01 {
    grid-area: Contacto01;
}
.ContctoDatos01 {
    grid-area: ContactoDatos01;
}
  
.Contacto02 {
    grid-area: Contacto02;
}
.ContctoDatos02 {
    grid-area: ContactoDatos02;
}
  
.Contacto03 {
    grid-area: Contacto03;
}
.ContctoDatos03 {
    grid-area: ContactoDatos03;
}
  
.Contacto04 {
    grid-area: Contacto04;
}
.ContctoDatos04 {
    grid-area: ContactoDatos04;
}
.Contacto05 {
    grid-area: Contacto05;
}
.ContctoDatos05 {
    grid-area: ContactoDatos05;
}

.Contacto06 {
    grid-area: Contacto06;
}
.contactoiconos {
    height: 50px;
    width: 50px;
    max-height: 200px;
    max-width: 200px;
    margin: 5px 0px 0px 30px;
}
.ContactoNombre{
    font-size: 1.5em;
    text-align: left;
    color:white;
    margin: 10px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}
.Contactoautor{
    font-size: 1em;
    text-align:left;
    color:#35b06c;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.input{
    font-size: 16px;
}

.serviciosgrid {
    display:grid;
    grid-template-columns: 0.2fr 0.8fr 0.2fr 0.8fr;
    grid-template-rows: 1fr;
    grid-template-areas:
    "Servicios01 ServiciosDatos01 Servicios02 ServiciosDatos02"
    "Servicios03 ServiciosDatos03 Servicios04 ServiciosDatos04"
    "Servicios05 ServiciosDatos05 Servicios06 ServiciosDatos06";
    gap: 18px 0px;

    
  }

.Serivicios01 {
    grid-area: Servicios01;
}
.ServiciosDatos01 {
    grid-area: ServiciosDatos01;
}
.Serivicios02 {
    grid-area: Servicios02;
}
.ServiciosDatos02 {
    grid-area: ServiciosDatos02;
}
.Serivicios03 {
    grid-area: Servicios03;
}
.ServiciosDatos03 {
    grid-area: ServiciosDatos03;
}
.Serivicios04 {
    grid-area: Servicios04;
}
.ServiciosDatos04 {
    grid-area: ServiciosDatos04;
}
.Serivicios05 {
    grid-area: Servicios05;
}
.ServiciosDatos05 {
    grid-area: ServiciosDatos05;
}
.Serivicios06 {
    grid-area: Servicios06;
}
.ServiciosDatos06 {
    grid-area: ServiciosDatos06;
}
.ServiciosNombre{
    font-size: 1.5em;
    text-align: left;
    color:white;
    margin: 10px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}
.Serviciosautor{
    font-size: 1em;
    text-align:left;
    color:#35b06c;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}