body {
      margin-left:3%;
      margin-right:3%;
     }

#Encabezado {
             display:flex;
             flex-direction:row;
             justify-content: space-between;
             }

.Logo { 
       max-width:100%;
       max-height:100%;
       padding-top:30%;
       padding-bottom:30%;
      }

#Encabezado-derecho {
                     display:flex;
                     flex-direction:column;
                     justify-content:flex-start;
                    }
       
#Empresa {
          background:#003ba2;
          font-family:"Arial";
          font-size:14px;
          font-weight:bold;
          color:white;
          text-align:right;
         }
#FotoEncabezado {
                 max-width:100%;
                 max-height:100%;
                 }

                 
.Idiomas {
          display:flex;
          flex-direction:row;
          justify-content:space-around;
          align-items:center;
         }
.I {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
   }
.I3 {
     display:none;
    }

.Bandera { 
           width: 48px; height: 24px;
           padding-top:10%;
           padding-bottom:10%;
          }
p.Idiomas {
           font-family:"Arial";
           font-size:12px;
           font-weight:bold;
           text-align:center;
          }

#Menu {
       display:flex;
       flex-direction:row;
       justify-content: space-around;
       height:48px;
       font-family:"Arial";
       font-size:14px;
       font-weight:bold;
       text-align:center;
       color:white;
       background:#003ba2;
       align-items:center;
      }

a:link {color:white;}
a:visited {color:yellow;}
a:focous {color: green;}
a:active {color: floralwhite;}

a.Tarjeta1:link {color:blue;}
a.Tarjeta1:visited {color:mediumorchid;}
a.Tarjeta1:focous {color: green;}
a.Tarjeta1:active {color: orange;}

a.Legales:link {color:blue;}
a.Legales:visited {color:mediumorchid;}
a.Legales:focous {color: green;}
a.Legales:active {color: orange;}

h1 {
    font-family:"Arial";
    font-size:14px;
    font-weight:bold;
    text-align:center;
    }

.T1 {font-family:"Arial";
    font-size:18px;
    font-weight:bold;
    text-align:left;
    }

.T2 {font-family:"Arial";
    font-size:18px;
    font-weight:bold;
    text-align:center;
    }
.Tarjeta {
          max-width:90%;
          max-height:90%;
          display:block;
          margin:auto;
          align-content:center;
          }
#Tarjetas {
          display:flex;
          flex-direction:column;
          justify-content:center;
          }

p, .Tarjeta, .Tarjeta1 {
   font-family:"Arial";
   font-size:14px;
   font-weight:normal;
   text-align:center;	
  }
.contenido {
            font-family:"Arial";
            font-size:14px;
            font-weight:normal;
            text-align:left;
            }	
.seguro {
         display:grid;
         grid-template-columns: 2fr repeat(4, 1fr);
         font-family:"Arial";
         font-size:10px;
         font-weight:normal;
         align-self:stretch;
        }
div.seguro {
            border-style:solid;
            border-color:black;
            border-width:thin;
            }
.concepto1 {
              grid-column-start: 1;
              grid-column-end: 3;
              grid-row-start: 1;
              grid-row-end: 2;
              }
.concepto2 {
              grid-column-start: 1;
              grid-column-end: 3;
              grid-row-start: 2;
              grid-row-end:3;
              }
ol li {
       font-family:"Arial";
       font-size:14px;
       font-weight:normal;
       text-align:left;
      }
ol {
    counter-reset: section;
    list-style-type: none;
   }
li::before {
           counter-increment: section;
           content: counters(section, ".") ". ";
           }
.Intro {
       counter-reset: section -1;
       list-style-type: none;
       }
.i::before {
           counter-increment: section;
           content: counters(section, ".") ". ";
           }    

dl {
    font-family:"Arial";
    font-size:14px;
    font-weight:normal;
    text-align:left;
    }

form {
      margin:0 auto;
      width:280px;
      padding:1em;
      border:1px solid #CCC;
      border-radius:1em;
     }

fieldset {
           border:1px solid #CCC;
           border-radius:1em;
          }

legend {
        font-weight:bold;
       }

input, textarea {
       border:1px solid #CCC;
       border-radius:1em;
       }
.info-personal {
                display:grid;
                grid-template-columns:1fr;   
                }
.info-contacto {
                display:grid;
                grid-template-columns:1fr;
               }
.info-mensaje {
               display:grid;
               grid-template-columns:1fr;
               }
.info-envio {
             display:grid;
             grid-template-columns:repeat(5,1fr);
            }
#enviar {
         grid-column-start:2;
         grid-column-end:3;
         grid-row-start:1;
         grid-row-end:2;
         }
#borrar {
         grid-column-start:4;
         grid-column-end:5;
         grid-row-start:1;
         grid-row-end:2;
         }
#Legal     { 
          font-family:"Arial";
          font-size:14px;
          font-weight:bold;
          text-align:center;
          }
#Copyright {
            font-family:"Arial";
            font-size:12px;
            font-weight:bold;
            text-align:center;
            color:white;
            background:#003ba2;
            padding-left:10%;
            padding-right:10%;
           }