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

@font-face {
  font-family: 'FuentePagina';
  font-style: normal;
  /*font-weight: 100;*/
  src: url('../fonts/Exo-Regular.ttf') format('woff2');
}

.eBody {
    background: #000;
    color: #fff;
    font-family: FuentePagina, Arial, Helvetica, Tahoma, sans-serif;
    width: 90%;
    max-width: 1000px;   
    margin: 0 auto;
    border: 1px solid #408080;
}

seccion_ecabezado {
     background: #408080;
     color: #FFF;
     display: inherit;
     font-size: 0.8em;
     padding: 2px 5px;
}
seccion_contenido {
     background: #408080;
     color: #000;
     display: block;
     /*border-left: 5px solid #408080;
     border-right: 5px solid #408080;*/
}
.eDivContenido{
     background: #FFF;
     color: #000;
     border-radius: 10px;
     overflow: hidden;
     margin: 0 5px ;
}
.eTituloPrincipal{
     background: #000;
     color: #FFF;
     margin: 20px;
     padding: 5px 10px;
     border-radius: 5px;
     font-size: 1.5em;
     text-align: center;
     
}
seccion_contenido h1{
     background: #408080;
     color: #FFF;
     margin: 20px;
     padding: 5px 10px;
     border-radius: 8px;
     font-size: 1.3em;
}
seccion_contenido h2{
     background: #DFDFDF;
     color: #408080;
     margin: 20px;
     padding: 5px 10px;
     border-radius: 8px;
     font-size: 1.2em;
}

seccion_pie {
     background: #408080;
     color: #FFF;
     text-align: center;
     display: inherit;
     padding: 5px;
     font-size: 0.8em;
}

/* aqui pongo todo lo que va a ocurrir para Celulares */
@media screen and (max-width:810px) {
	.eBody {
	    width: 100%;
	}
     seccion_ecabezado {
     }
     
     seccion_contenido .eMargenPaginaInformacion{
          padding-left: 50px;
     }
     
     seccion_contenido .eDivAnuncio img{
          width: 350px;
     }
}

.eMargenPaginaInformacion{
     padding-left: 100px;
}
.eTextoNormal{
     font-size: 0.9em;
     padding: 10px;
}
.eTextoNormalCeleste{
     font-size: 0.9em;
     padding: 10px;
     color: #408080;
}
.eTextoNormalCelesteNormal{
     color: #408080;
}
.eTextoError{
     color: red;
     font-weight: bold;
     font-size: 0.95em;
}
.eTextoOk{
     color: green;
     font-weight: bold;
     font-size: 0.95em;
}

.eLinkSimple{ text-decoration: none; color: #408080;}
.eLinkSimple:hover {text-decoration: underline; color: #C66300;}

.eLinkDestacado{ text-decoration: none; color: #408080; font-weight: bold;}
.eLinkDestacado:hover {text-decoration: underline; color: #C66300;}

.eLinkTexto{ text-decoration: none; color: inherit;}
.eLinkTexto:hover {text-decoration: underline; color: #C66300;}

.eBotonLink{
     text-decoration: none;
     font-size: 0.85em;
     color: #FFF;
     border: 1px solid #2D730F;
     padding: 3px;
     margin: 3px;    
     display: inline-block;
     border-radius: 5px;
     background: linear-gradient(180deg, #72D559 0%, #31781F 100%);
}
.eBotonLink:hover{ background: linear-gradient(180deg, #398C24 0%, #72D559 100%);}

.eBotonLinkDesabilitado{
     text-decoration: none;
     font-size: 0.85em;
     color: #FFF;
     border: 1px solid #DD2626;
     padding: 3px;
     margin: 3px;    
     display: inline-block;
     border-radius: 5px;
     background: linear-gradient(180deg, #F4B9B9 0%, #DD2626 100%);
}
.eBotonLinkDesabilitado:hover{ background: linear-gradient(180deg, #DD2626 0%, #F4B9B9 100%);}



.eDivContenedor{
     overflow: hidden;
}
.eDivFlotanteDerecha{
     float: right;
     display: inline-block;
}
.eDivFlotanteIzquierda{
     float: left;
     display: inline-block;
}



/******* Formularios *******/

.eFormulario{
     width: 90%;
     max-width: 500px;   
     margin: 0 auto;
}
.eFormularioLogin{
     width: 90%;
     max-width: 500px;   
     margin: 0 auto;
     border: 1px solid red;
}
.eOcuparAcho{
     width: 100%;
}
.eMargenCampos{
     margin-bottom: 15px;
}
.eEtiqueta{
     font-size: 0.8em;
     color: #408080;
     
}
.eCampo{
     color: #000;
     border: 1px solid #408080;
     background: #D5EEFF;
     border-radius: 5px;
     padding: 7px;
     font-family: FuentePagina, Arial, Helvetica, Tahoma, sans-serif;
}
.eBoton{
     color: #FFF;
     border: 1px solid #2D730F;
     padding: 15px;
     font-weight: bold;
     display: inline-block;
     border-radius: 5px;
     background: linear-gradient(180deg, #72D559 0%, #31781F 100%);
     font-family: FuentePagina, Arial, Helvetica, Tahoma, sans-serif;
}
.eBoton:hover{ background: linear-gradient(180deg, #398C24 0%, #72D559 100%);}


/*botón up*/
.eBotonSubir{
  display: none;
  background: #000;
  border: 1px solid #fff;
  border-radius: 4px;
  position: fixed;
  right: 5px;
  bottom:5px;
  z-index: 400;
  padding: 5px;
}
/*evento hover*/
.eBotonSubir:hover{
  box-shadow:   0px 2px 10px 0px rgba(255, 255, 255, 0.75);
}

.eMensajeOK{
     background: #C8F0CD;
     color: #000;
     font-size: 1em;
     font-weight: lighter;
}
.eMensajeError{
     background: #FFB9B9;
     color: #000;
     font-size: 1em;
     font-weight: lighter;
}


/** Para Seccion Datos **/
.eTabla{
     width: 80%;
     margin: 10px auto;
     box-shadow: 0 0 10px gray;
     background: #004040;
     border: 1px solid #004040;
     display: grid;
}
.eTablaAncho{
     width: 100%;
     margin: 10px auto;
     box-shadow: 0 0 10px gray;
     background: #004040;
     border: 1px solid #004040;
     display: grid;
}

.eCTListaRubroProvincia{
     grid-template-columns: 30px auto;
}
.eCTListaHistoriaPlan{
     grid-template-columns: 200px auto auto;
}

.eCTEncabezado{
     font-weight: bold;
     padding: 3px 2px;
     font-size: 1em;
     background: #004040;
     color: #FFF;
     overflow: hidden;
}

.eCTItem{
     padding: 3px 2px;
     margin: 0.5px;
     font-size: 0.95em;
     background: #FFF;
}

/** Pagina seccionEstadoPlan.php **/

.eTablaInfo{
     width: 100%;
     margin: 10px auto;
     display: grid;
}
.eGrillaInfo{
     grid-template-columns: 40% 60%;
}
.eCeldaInfo{
     margin: 5px 2px;
     padding: 3px;
     text-align: center;
     border: 1px solid #408080;
     background: #D5EEFF;
     border-radius: 5px;
}
.eCeldaEtiqueta{
     margin: 5px 2px;
     padding: 3px;
     text-align: right;
}