*{
	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 #0090F0;
}

seccion_ecabezado {
     background: #0090F0;
     color: #FFF;
     display: inherit;
     font-size: 0.8em;
}
seccion_contenido {
     background: #0090F0;
     color: #000;
     display: block;
     /*border-left: 5px solid #0090F0;
     border-right: 5px solid #0090F0;*/
}
.eDivContenido{
     background: #FFF;
     color: #000;
     border-radius: 10px;
     overflow: hidden;
     margin: 0 5px ;
}
seccion_contenido h1{
     background: #0090F0;
     color: #FFF;
     margin: 20px;
     padding: 5px 10px;
     border-radius: 10px;
     font-size: 1.4em;
}
seccion_contenido h2{
     background: #DFDFDF;
     color: #0090F0;
     margin: 20px;
     padding: 5px 10px;
     border-radius: 10px;
     font-size: 1.3em;
}

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

.eAgregarSitioDiv{
     width: 70%;
     max-width: 500px;   
     margin: 0 auto;
     text-align: center;
}
.eAgregarSitio{
     width: 100%;
     border: 3px solid #31781F;

     color: #FFF;
     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;
}
.eAgregarSitio:hover{ background: linear-gradient(180deg, #398C24 0%, #72D559 100%); 
     border: 3px solid #000;}

/* 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;
     }
}


.eTextoNormal{
     font-size: 0.9em;
     padding: 10px;
}
.eTextoNormalCeleste{
     font-size: 0.9em;
     padding: 10px;
     color: #0090F0;
}
.eTextoNormalCelesteNormal{
     color: #0090F0;
}
.eTextoError{
     color: red;
     font-weight: bold;
     font-size: 0.95em;
}

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

.eLinkDestacado{ text-decoration: none; color: #0090F0; 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, #DD2626 0%, #F4B9B9 100%);
}
.eBotonLinkDesabilitado:hover{ background: linear-gradient(180deg, #F4B9B9 0%, #DD2626 100%);}

ul {
  list-style: url(imagenes/flechaDerecha.gif) inside; display: inline-block; padding: 0 2px 0 7px;
}

.eDivContenedor{
     overflow: hidden;
}
.eDivFlotanteDerecha{
     float: right;
     display: inline-block;
}
.eDivFlotanteIzquierda{
     float: left;
     display: inline-block;
}
.eMargenModerado{
     padding: 2px 5px;
     display: inline-block;
}


/******* Informacion *******/
.eMargenPaginaInformacion{
     padding-left: 100px;
}
seccion_contenido p{
     margin: 10px 30px;
     font-size: 0.9em;
}
.eVinetaInformacion{
     font-size: 0.9em;
     margin: 10px 30px;
}
.eDivAnuncio{
     text-align: center;
}

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

.eFormulario{
     width: 90%;
     max-width: 500px;   
     margin: 0 auto;
}
.eOcuparAcho{
     width: 100%;
}
.eMargenCampos{
     margin-bottom: 15px;
}
.eEtiqueta{
     font-size: 0.8em;
     color: #0090F0;
}
.eCampo{
     color: #000;
     border: 1px solid #0090F0;
     padding: 10px;
     background: #D5EEFF;
     border-radius: 5px;
     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 todos los Formularios*/
.eCampoInvalido {
     box-shadow: 0 0 3px red;
     border-color: #b03535;
}
.eCampoValido {
    box-shadow: 0 0 3px blue ;
    border-color: gray;
}

/* **************** Check box ******************* */

.eCasillaVerificacion input {
  display: none; /* Hide the default checkbox */
}

/* Style the artificial checkbox */
.eCasillaVerificacion span {
  height: 20px;
  width: 20px;
  display: inline-block;
  position: relative;
     color: #000;
     border: 1px solid #0090F0;
     margin: 5px;
     background: #D5EEFF;
     border-radius: 5px;
}

/* Style its checked state...with a ticked icon */
[type=checkbox]:checked + span:before {
  content: '\2714';
  position: absolute;
  top: -2px;
  left: 3px;
}