body
{
    color: #AECAD9;
    background: #333333;
    background-image: none;
}
.acento
{
    color: #4d6c7d;
}
a:link 
{
  color: #AECAD9;
  text-decoration: none; 
}

a:visited 
{
  color: #AECAD9;
  text-decoration: none;
}

a:hover 
{
  color: #AECAD9;
  text-decoration: none;
}
a:active 
{
  color: #AECAD9;
  text-decoration: none; 
}
.tituloinicio
{
    color: #AECAD9;
}
input[type = submit], .button, button
{
    border: 1px solid #AECAD9;
    color: #AECAD9;
    background: none;
}

input[type = submit]:hover, .button:hover, button:hover
{
    background: rgba(77,108,125, 0.8);
}

input[type = text],
input[type = date],
input[type = time],
input[type = password],
select
{
            color: #AECAD9;
        border: 1px solid #AECAD9;
        background: #333333;
}

input[type = text]:focus,
input[type = password]:focus
{
    border: 1px solid #4d6c7d;
}

.color-secundario
{
    color: #AECAD9;
}

.color-primario
{
    color: #1E1F1F;
}

main th, main td
{
            border: 2px solid #AECAD9;
        color: #AECAD9;
    }

.table-container
{
    }

.grafica
{
    background: rgba(174,202,217, 0.8);
    border-radius: 5px;
}

.wrap-vaciado
{
    border: 1px solid #1E1F1F;
}

.tabulacion
{
    background: rgba(30,31,31, 0.6);
    border-radius: 5px;
    padding: 15px;
}

.login-wrap .flex-row input[type = submit]
{
    background: #AECAD9;
    color: #1E1F1F;
}

.login-wrap .flex-row input[type = submit]:hover
{
    background: rgba(174,202,217, 0.8);
}
.login-wrap
{
    color: #1E1F1F;
}
.tituloinicio
{
    border-bottom: 1px solid #333333;
}
.bg-claro
{
    background: rgba(30,31,31, 0.6);
}
.tienda:hover
{
    background: #1E1F1F;
}
.navegacion-div
{
    border-left: 3px solid #333333;
}
.titulo-temperatura
{
    border-bottom: 1px solid #333333;
}
.barra-temperatura
{
    border-top: 1px solid #333333;
    background: none;
}
.rango-temperatura
{
    background: none;
}
.termometro-temperatura
{
    border-left: 1px solid #333333;
}
.panel
{
    background: #1E1F1F;
}
.box
{
    border: 3px solid #AECAD9;
}
.panel-humedad
{
    border-left: 1px solid #333333;
}
.paginacion.active
{
    color: #4d6c7d;
}
.tab
{
    transition: border-bottom 0.5s;
    padding-bottom: 3px;
    border-bottom: 2px solid rgba(0,0,0,0);
}
.tab:hover
{
    color: #AECAD9;
    border-bottom: 2px solid #4d6c7d;
}
.tab.active
{
    color: #AECAD9;
    border-bottom: 2px solid #4d6c7d;
}
.footer
{
    border-top: 1px solid #AECAD9;
    padding: 10px;
    margin-bottom: 10px;
}

.contenido-acceso
{
    color: #1E1F1F;
}

.divThermo
{
    background: #1E1F1F;
}

.logoSCMI
{
    border-bottom: 1px solid #AECAD9;
}

.logoSCMI h3
{
    color: #AECAD9;
            background: rgba(30,31,31, 0.8);
        padding: 10px;
    border-radius: 3px;
}

/*Estilos grandes*/
@media only screen and (min-width: 750px)
{
    .navegacion
    {
        margin-top: 15px;
        padding-left: 20px;
        background: #1E1F1F;
    }
    nav ul a
    {
        border: 1px solid rgba(174,202,217, 0.2);
        background: rgba(30,31,31, 0.4);
    }
    nav ul a:hover
    {
        background: #1E1F1F;
    }
    .titulo
    {
        background: #1E1F1F;
        color: #AECAD9;
    }
    .contenido .wrap
    {
        border: 1px solid #AECAD9;
        background: rgba(30,31,31, 0.6);
    }

}
@media only screen and (max-width: 750px)
{   
    nav
    {
        background: rgba(30,31,31, 0.9);
    }
    .headerSmall
    {
        background: #333333;
    }
    
    .logoSCMI h3
    {
        margin-top: 10px;
    }
}