/*  index.css          */
/*  Página web Proapi  */
/*  20/Ago/2022        */

body {
  background-image:   url("../images/ep_naturalwhite.webp");
}

h1 {
  text-align: center;
}

h3 {
  text-align: center;
}

table { /* importante */
  margin-left: 10%;
  width: 80%;
}

thead {
  text-align: center;
}

th {
  width: 50%;
}

td {
  padding: 10px;
}

/* - - - -  class  - - - - - */
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.margenInferior {
  height: 100px;
}

.centrado {
  margin-left: auto;
  margin-right: auto;
}

.centraBoton {
  text-align: center;
}

.lateralA {
  width: 80%;
  height: 360px;
  border-radius: 21px 21px 0 0;
}

.cuerpoPrinc {
  background-color: #FFFFF4;
  margin-left  : 0;
  margin-right : 0;
}

.cuadroCentral {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.cuadroCentralServs {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.cuadroCentralProys {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.logo {
  text-align: center;
}

.justificaDerecha {
  text-align: right;
}

.footCardSizeText {
  font-size: 15px;
}

/* ----------------------- */
.casosHeadLeft {
  font-size     : 25px;
  color         : #cd3333;
  text-align    : left;
  margin-left   : 1%;
  margin-bottom : 1%;
  margin-top    : 12%;

}

.casosBodyLeft {
  font-size     : 18px;
  color         : black;
  text-align    : left;
  margin-left   : 1%;
  margin-bottom : 3%;
}
/* ----------------------- */
.casosHeadRight {
  font-size     : 25px;
  color         : #cd3333;
  text-align    : left;
  margin-left   : 1%;
  margin-bottom : 1%;
  margin-top    : 12%;
}

.casosBodyRight {
  font-size     : 18px;
  color         : black;
  text-align    : left;
  margin-left   : 1%;
  margin-bottom : 3%;
}
/* ----------------------- */
.logoAspel {
  width: 190px;
}

.insigniaAws {
  width: 130px;
}
/* ----------------------- */

.aspelCardHeadLeft {
  margin: 0;
  padding: 0;
  /*width: 50%;*/
  text-align: left;
}

.aspelCardHeadRight {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: right;
}

/* --- */
.aspelCardBodyLeftLogo {
  text-align: center;
}

.aspelCardBodyRightLogo {
  text-align: center;
}
 /* --- */

 .servCardBodyinsigniaAws {
   text-align: center;
   padding-top: 35px;
   /*margin-top: 15%;*/
 }
 /* --- */
 .notasPiePag {
  margin-top: 60px;
  margin-left: 20px;
  font-style: italic;
  font-size: small;
 }

/* - - - -  id  - - - - - */


/* - - -  Media Queries  - - - */
@media only screen and (min-width: 769px) and (max-width: 1024px) { /* Para Ipad horizontal */
  .cuerpoPrinc {
    background-color: #FFFFF4;
    margin-left  : 9%;
    margin-right : 9%;
  }
  
  .cuadroCentral {
    margin-left: auto;
    margin-right: auto;
    width: 40%;
  }

  .cuadroCentralServs {
    margin-left: auto;
    margin-right: auto;
    width: 40%;
  }

  .cuadroCentralProys {
    margin-left: auto;
    margin-right: auto;
    width: 40%;
  }

  .lateralA {
    width: 80%;
    height: 310px;
    border-radius: 21px 21px 0 0;
  }
}

@media only screen and (min-width: 1025px) { /* Para PC */
  .cuerpoPrinc {
    background-color: #FFFFF4;
    margin-left  : 19%;
    margin-right : 20%;
  }
  
  .cuadroCentral {
    margin-left: auto;
    margin-right: auto;
    width: 40%;
  }

  .cuadroCentralServs {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
  }

  .cuadroCentralProys {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
  }

  .lateralA {
    width: 80%;
    height: 230px; /* 300 */
    border-radius: 21px 21px 0 0;
  }

  .logoAspel {
    width: 295px;
  }

  .aspelCardLeft {
    margin-left: 20px;
    width: 75%;
  }

  .aspelCardRight {
    margin-left: 25%;
    width: 75%;
  }

  .aspelCardHeadLeft {
    float      : left;
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: left;
  }
  
  .aspelCardHeadRight {
    float      : right;
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: right;
  }
  
  .aspelCardBodyLeftInfo {
    float      : left;
  }

  .aspelCardBodyLeftLogo {
    float      : left;
    text-align: center;
  }

  .aspelCardBodyRightInfo {
    float      : right;
  }
   
  .aspelCardBodyRightLogo {
    float      : right;
    text-align: center;
    padding-top: 35px;
  }

  .servCardBodyinsigniaAws {
    float      : right;
    text-align: center;
    /*padding-top: 100px;*/
  }

/* ----------------------- */
.casosHeadLeft {
  font-size     : 25px;
  color         : #cd3333;
  text-align    : left;
  margin-left   : 1%;
  margin-bottom : 1%;
  margin-top    : 0;
}

.casosBodyLeft {
  font-size     : 18px;
  color         : black;
  text-align    : left;
  margin-left   : 1%;
  margin-bottom : 3%;
}
/* ----------------------- */
.casosHeadRight {
  font-size     : 25px;
  color         : #cd3333;
  text-align    : left;
  margin-left   : 51%;
  margin-bottom : 1%;
  margin-top    : 0;
}

.casosBodyRight {
  font-size     : 18px;
  color         : black;
  text-align    : left;
  margin-left   : 51%;
  margin-bottom : 3%;
}
/* ----------------------- */
   
}