body {
    background-color : lightgray  ;
    height:100%;
}

.content-orange {
  background-color: #84abb7;
  width: 100%;
  height: 15%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.encabezado{
            align-content:center;
            align-items:baseline;
            vertical-align: bottom;
            width:100%;
            background-color: #245da4;
            height: 30px;
            border-bottom:outset ;
            border-bottom-color:lightgray   ;
            }
.ClaseLogo {
            margin-top: 0px;
           }

.cuerpo{
        width:98%; 
        border-width:2px;
        margin-left:5px;
        }

.contenedor{
            width:315px;
            max-width :320px;
            min-width:200px;
            margin:0 auto;
            border: 2px solid #999999;
            background-color: #ffffff;
            border-style: double;
            box-shadow: 10px 12px 15px 3px rgb(110, 140, 150);
            height:100%;
            }

.contenedorInicio{
            width:315px;
            max-width :320px;
            min-width:200px;
            margin:0 auto;
            border: 2px solid #999999;
            border-style: double;
            box-shadow: 10px 12px 15px 3px rgb(110, 140, 150);
            height:100%;
            background-color: #ffffff;
            }

 .main{
     width:100%; 
     height:100%; 
     text-align:center; 
     align-content:center;
     padding:0px;
     box-sizing:border-box;
     background-color: #ffffff;
 }

 .thestilo{
   text-align: left; 
   vertical-align:top ;

 }
 .entrada{
   border: 1px solid silver;
    border-radius:5px; 
    text-align: left;
    font-size:12pt; 
    font-weight:100;
    font-family:Arial;
    margin-left:21px;
    margin-bottom:10px;
    width:213px;
    height:26px;
  
    }

 .entradapw{
   border: 1px solid silver;
    border-radius:5px; 
    text-align: left;
    font-size:12pt; 
    font-weight:100;
    font-family:Arial;
    margin-left:21px;
    margin-bottom:10px;
    width:213px;
    height:26px;
    }

 .labelentrada{
   top:initial; 
   text-align:left; 
   vertical-align:bottom; 
   color: #808080; 
     font-weight:100;
   font-family:Arial ;
   font-size:medium ;
   width:300px;
   height:16px;
   margin-left:15px;
   margin-top:15px;
   vertical-align:bottom ;
 }
  .labelentrada1{
   /*top:initial;*/ 
   text-align:right; 
   vertical-align:top   ; 
   color: #808080; 
   font-weight:100;
   font-family:Arial ;
   font-size:12px ;
   width:300px;
   height:12px;
   margin-left:2px;
   margin-top:0px;
 }


 .tablacentro{
    width:306px; 
    border: 0px solid #ccc; 
    text-align:left; 

 }

 .botonazul{
    border-radius:8px;
    background-color : #245da4; 
    color: #FFFFFF; 
    font-weight:100;
    font-family:Arial;
    font-size:medium;
    box-shadow: 2px 2px 5px 3px rgba(179, 172, 179, 1);
    }

 .botonverde{
    border-radius:8px;
    background-color : #14c68f; 
    color: #FFFFFF; 
    font-weight:100;
    font-family:Arial;
    font-size:medium;
    box-shadow: 2px 2px 5px 3px rgba(179, 172, 179, 1);
    margin-left: 7px;
}

 .botonicon{
     margin-left:5px;
     margin-right:5px;
     box-shadow: 2px 2px 5px 3px rgba(179, 172, 179, 1);
 }