/* COMUNES */

body {
    background: none repeat scroll 0 0 #FFF;
    color: #333;
}

H1, H2, H3, H4, H5, a {
    color: #B6BE00;
}

H6 { color: #333; }

a:hover, a:active, a:focus { color: #A2AA00; }

hr { border-color: #DDD; }

label { color: #666; }

/* TABLAS */

table {
    background: none repeat scroll 0 0 #FFF;
}

table tr th, table tr td {
    color: #333;
}

table thead tr th { 
    background: none repeat scroll 0 0 #BBB!important;
	color: #333;
}

table tr {
    background: none repeat scroll 0 0 #DDD;
}

table tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #EEE!important;
}

table a, table a .gris {
    color:#666;
    text-decoration: underline;
    font-weight: bold;
}

table a:hover, table a .gris:hover {
    color:#444;
}

table tr td.header-tabla {
    background: none repeat scroll 0 0 #BBB!important;
}

table tr:nth-of-type(2n) td.header-tabla {
    background: none repeat scroll 0 0 #CCC!important;
}

table tfoot tr td {
    background: none repeat scroll 0 0 #BBB!important;
}

table tr.total td { background: #BBB;}

table a {

    color:#666;
    text-decoration: underline;
    font-weight: bold;
}

table a:hover {
    color:#777;
}

.barra-filtros table {
    background: none repeat scroll 0 0 #EEE;
}

.barra-filtros table tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #E6E6E6 !important;
}


/* TABLA OSCURO */

table.oscuro {
    background: none repeat scroll 0 0 #333;
}

table.oscuro tr th, table tr td {
    color: #333;
}

table.oscuro thead tr th {
    background: none repeat scroll 0 0 #444 !important;
    color: #666;
}

table.oscuro tr {
    background: none repeat scroll 0 0 #666;
}

table.oscuro tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #555 !important;
}

table.oscuro a {
    color:#333;
    text-decoration: underline;
    font-weight: bold;
}

table.oscuro a:hover, table.oscuro a .gris:hover {
    color:#444;
}

table.oscuro tr td.header-tabla {
    background: none repeat scroll 0 0 #5c5c5c!important;
}

table.oscuro tr:nth-of-type(2n) td.header-tabla {
    background: none repeat scroll 0 0 #4c4c4c!important;
}

table.oscuro tfoot tr td {
    background: none repeat scroll 0 0 #444!important;
}

table.oscuro a {
    color:#333;
    text-decoration: underline;
    font-weight: bold;
}

table.oscuro a:hover {
    color:#777;
}

/* ESPECIFICOS */

.cabecera, .grafico , .tabla { border-bottom: 1px solid #DDD; }

.panel-filtros hr { border-color: #CCC; }

.gris { color: #BBB; }

a .gris:hover, a .gris:active, a .gris:focus,
a.gris:hover, a.gris:active, a.gris:focus { color: #999; }

.tab-bar .menu-icon span:after {
    box-shadow: 0 0 0 2px #999, 0 7px 0 2px #999, 0 14px 0 2px #999;
}

.tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 2px #F00, 0 7px 0 2px #F00, 0 14px 0 2px #F00!important;
}

.barra-filtros {
	background: #EEE;
	color: #333;
}

.barra-filtros H3 { color: #999; }


/* FORMULARIOS */

label { color: #999;}

.formulario { 
    background: none repeat scroll 0 0 #EEE;
    border-color: #DDD;
}

.panel-menu, .panel-filtros, .left-submenu, .solapas {
    background: none repeat scroll 0 0 #EEE;
    color: #666;
}

.login, .login input[type=submit]  {
    background: none repeat scroll 0 0 #EEE;
    border: 1px solid #DDD;
    color: #999;
}

.login input[type=submit]:hover {
    background: none repeat scroll 0 0 #DDD;
    color: #888;
}

.login input[type=submit]:active {
    box-shadow: 0px 3px 15px rgba(0,0,0,.8) inset;
    border: 1px solid #DDD;
}

.login h1  {
    color: #999;
}

.login input[type=checkbox]:checked + label:before {
    color: #AAA;
} /* checked icon fi-check */


.login input[type=checkbox]:not(:checked) + label:before {
    color: #CCC;
} /* unchecked icon fi-x*/

.solapas { border-bottom: 1px solid #CCC; }

.panel-filtros button, .panel-filtros .button {
    background: #DDD;
    color: #999;
}

.panel-filtros button:hover, .panel-filtros .button:hover {
    background: #CCC;
    color: #888;
}

.tabs dd > a { padding: 0.5rem 1rem; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA;}

.tabs dd a { background-color: #BBB; color: #777; text-transform: uppercase; font-size: 1rem; }

.tabs dd a:hover { background-color: #AAA; color: #666; }

.tabs dd.active > a {
    background-color: #e4e4e4; 
    color: #666;
    border-bottom: 1px solid #E4E4E4;
}

.panel-filtros ul.off-canvas-list li, .panel-menu ul.off-canvas-list li a {
    border-bottom: 1px solid #DDD;
    color: #999;
}

ul.off-canvas-list li a:hover{
    background: none repeat scroll 0 0 #DDD;
    color: #FFF;
}

ul.off-canvas-list li label {
    background: none repeat scroll 0 0 #CCC;
    color: #999999;
}

.left-submenu .back > a {
    background: none repeat scroll 0 0 #AAA;
    color: #777!important;
    border: 0!important;
}

.left-submenu .back > a:hover {
    background: none repeat scroll 0 0 #999;
    color: #666;
    border: 0;
}

/* FILTROS 


input.derecha {
    background: #BBB url("../../iconos/pasar-todo-dcha.png") 50% 6px no-repeat!important;
}

input.izquierda {
    background: #BBB url("../../iconos/pasar-todo-izda.png") 50% 6px no-repeat!important;
}

input.buscar {
    background: #B4B902 url("../../iconos/buscar24b.png") 50% 6px no-repeat!important;
}

*/

input.derecha {
    background: #BBB url("iconos/pasar-todo-dcha.png") 50% 6px no-repeat!important;
}

input.izquierda {
    background: #BBB url("iconos/pasar-todo-izda.png") 50% 6px no-repeat!important;
}

input.buscar {
    background: #B4B902 url("iconos/buscar24b.png") 50% 6px no-repeat!important;
}

input.derecha:hover, input.izquierda:hover {
    background-color: #AAA!important;
}

input.derecha:active, input.izquierda:active {
    background-color: #999!important;
    box-shadow: 0px 3px 15px rgba(0,0,0,.8) inset;
}

input.buscar:hover {
    background-color: #AAAF01!important;
}

input.buscar:active {
    background-color: #A0A501!important;
    box-shadow: 0px 3px 15px rgba(0,0,0,.8) inset;
}

.radio-boton label {
    background: #DDD;
    color: #999;
}

.radio-boton label:hover {
     background:#CCC;
     color: #888;
}

/* FOOTER */

footer {
    border-top: 1px solid #DDD;
	color: #999;
}

.logo-empresa { 
    background: url("../images/doeet-claro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 50px;
    width: 106px;
    display: inline-block;
}

.logo-doeet { 
    background: url("../images/doeet-claro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 50px;
    width: 106px;
    display: inline-block;
}

.cabecera .logo-doeet { 

}

.login-form .cabecera .logo-doeet { 
    display: inline-block;
}

.logo-ipyc { 
    background: url("../images/ipyc-pie-claro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 26px;
    width: 60px;
    margin: 3px 5px 0 0;
}