@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

h2 {
    color: #000;
}

a {
    color: #0F6BC8;
    text-decoration: none;
}

a:hover {
    color: #0F6BC8;
    text-decoration: underline;
}

th.actions, th.disabled {
    color: #888;
}

li img {
    vertical-align: middle;
}

.ocult {
    display: none;
}

.amagat {
    visibility: hidden;
}

.f100 {
    font-size: 100%;
}

.f110 {
    font-size: 110%;
}

.f115 {
    font-size: 115%;
}

.bold {
    font-weight: bold;
}

.w100 {
    width: 100% !important;
}

.no_margin {
    margin: 0px !important;
}

.margin_bot {
    margin-bottom: 15px !important;
}

.text-center {
    text-align: center;
    padding-top: 10px;
}

.text-left {
    text-align: left;
    padding-top: 10px;
}

.float-none {
    float: none !important;
}

.floatl {
    float: left;
}

.floatr {
    float: right;
}

.va_bot {
    vertical-align: bottom;
}

.pad_bot_15 {
    padding-bottom: 15px;
}

.center {
    text-align: center;
}

.bordert {
    border-top: 2px solid #0F6BC8;
}

.pointer {
    cursor: pointer;
}

.message {
    text-align: center;
}

.success {
    text-align: center;
}

form .error {
    color: #444;
    /*font-weight:bold;*/
}

/** General Style Info **/
body {
    background-color: #FFFFFF;
    color: #73766F;
    font: 13px Helvetica, Arial, Sans-Serif;
}

#wrapper {
    background: url("../img/bg.png") repeat-y scroll left top transparent;
    margin: 0 auto;
    padding: 0 56px;
    width: 892px;
    height: auto;
    overflow: hidden;
}

#header {
    background: url("../img/header_outer_bg.png") repeat-x scroll left bottom transparent;
    height: 118px;
}

#header .inner {
    background: url("../img/header_bg_2016.jpg") no-repeat scroll left top transparent;
    background-size: 100%;
    position: relative;
}

#eco-gest .inner {
    background: url("../img/header_ecogest_2016.jpg") no-repeat scroll left top transparent;
    background-size: 100%;
    position: relative;
}

#header, #header .inner, #eco-gest, #eco-gest .inner {
    height: 118px;
    width: 100%;
}

.username {
    float: left;
    width: 100%;
    border-bottom: 1px solid #999;
    vertical-align: middle;
    line-height: 140%;
    background-color: #EEE;
}

#benvingut {
    float: left;
    position: relative;
    margin-left: 1%;
    color: #06F;
    text-align: left;
    font-size: 100%;
}

#ayuda {
    float: right;
    position: relative;
    margin-right: 3%;
    text-align: right;
    /*font-size:12px;*/
}

#logout {
    float: right;
    position: relative;
    margin-right: 1%;
    text-align: right;
    /*font-size:12px;*/
}

#logout a {
    color: #900;
}

#content {
    height: auto;
    min-height: 500px;
    overflow: hidden;
    padding: 20px;
    width: 852px;
}

#menu, #submenu {
    float: left;
    min-height: 25px;
    list-style: none outside none;
    width: 100%;
    margin: 0 0 15px 0;
    padding-bottom: 5px;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px solid #666;
}

#submenu {
    display: none;
}

#menu a {
    cursor: pointer;
}

#menu ul, #submenu ul {
    margin: 0;
}

#menu li, #submenu li {
    display: inline-block;
    margin: 0 18px 0 0;
}

#footer {
    background-color: #666666;
    color: #FFFFFF;
    font: 10px Arial, Verdana;
    font-style: italic;
    height: 23px;
    width: 100%;
}

#footer .inner {
    height: 23px;
    line-height: 23px;
    padding: 0 20px;
}

/*** content ***/
.div_login {
    clear: both;
    width: 50%;
    margin: 10% 24%;
}

input[type="submit"] {
    float: right;
    margin-right: 4%;
}

.grid, .grid_servidores {
    float: left;
    width: 100%;
    padding: 0 0;
}

.grid ul, .grid_servidores ul {
    width: 98%;
    float: left;
    margin: 1%;
}

.grid ul a:hover, .grid_servidores ul a:hover {
    text-decoration: none;
}

.grid ul li {
    display: inline-block;
    float: left;
    width: 153px;
    height: 140px;
    border: 1px solid #ccc;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 12px;
    margin: 5px 25px 25px 0;
    overflow: hidden;
}

.grid ul li:hover {
    border: 2px solid #0F6BC8;
    padding: 11px;
}

.grid ul li h3 {
    color: #0F6BC8;
    text-align: center;
}

.grid ul li p {
    text-align: left;
    /*font-size:90%;*/
    overflow: hidden;
    font-weight: normal;
    color: #666;
}

.grid_servidores ul li {
    display: inline-block;
    float: left;
    width: 306px;
    height: auto !important;
    border: 1px solid #ccc;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 12px;
    min-height: 200px;
    margin: 20px 40px;
}

.grid_servidores ul li:hover {
    border: 1px solid #ccc;
    padding: 12px;
}

.grid_servidores ul li ol li {
    display: block;
    padding: 6px 8px;
    margin: 4px 0px;
    width: auto;
    float: none;
    height: auto;
    min-height: inherit;
    line-height: 26px;
    font-size: 110%;
}

.grid_servidores ul li ol li:hover {
    border: 2px solid #0F6BC8;
    padding: 5px 7px;
}

.grid_servidores ul.lista_categorias {
    padding: 0px;
    margin: 0px 0px 8px 0px;
    font-size: 110%;
}

.grid_servidores ul.lista_categorias li {
    display: inline-block;
    float: left;
    width: auto;
    min-height: inherit;
    height: 22px !important;
    border: none;
    padding: 0px 6px 0px 0px;
    margin: 0px 6px 0px 0px;
    color: #0F6BC8;
}

.grid_servidores ul.lista_categorias li a.sel {
    color: #DD6E02;
}

.grid_servidores ul.lista_categorias li a:hover {
    color: #DD6E02;
}

.grid_servidores form {
    width: auto;
    margin-right: 0;
}

.listado_checks {
    max-height: 380px;
    overflow: auto;
}

.div_check_all {
    float: right;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.check_all {
    float: right;
    margin: 0px;
    padding: 0px 4%;
}

.filtro_listado {
    width: 100%;
    margin-bottom: 8px;
    text-align: right;
}

.filtro_listado label {
    margin-right: 6px;
    color: #0F6BC8;
}

.filtro_listado input[type="text"] {
    width: 100px;
    padding: 1px;
}

.filtro_listado input[type="submit"] {
    margin: 0px 4px;
    padding: 2px 5px;
}

/* front */
.cap_esq {
    float: left;
    width: 39%;
}

.cap_esq h2 {
    margin-bottom: 0.2em;
    font-style: italic;
}

.cap_dreta {
    float: left;
    width: 60%;
    font-weight: bold;
}

.tipo_informe {

}

.tipo_centro {
    margin-bottom: 24px;
    color: #0F6BC8;
}

form .table_inform div {
    margin: 0px;
    padding: 0px;
}

.table_inform input[type="radio"] {
    float: inherit;
    margin: 6px;
}

.table_inform tr:nth-child(even) {
    background: none;
}

.table_inform tr td {
    padding: 0px 2px 2px 2px;
    vertical-align: bottom;
    font-size: 110%;
}

.table_inform tr.tr_view td {
    padding-top: 0px;
}

.categoria_inform td {
    font-weight: bold;
    border-bottom: none;
    padding: 10px 0px 0px 0px !important;
}

.table_inform select {
    font-size: 80%;
}

.table_inform input[type="text"] {
    font-size: 70%;
}

.total_inform td {
    font-weight: bold;
    border-bottom: none;
    border-top: 2px solid #555;
    padding: 10px 0px !important;
}

#total_avg, #total_val, #total_prev {
    border: 2px solid #555;
}

.color_2 {
    background-color: #F00;
    margin: 0px 12px;
}

.color_4 {
    background-color: #FF9228;
    margin: 0px 12px;
}

.color_6 {
    background-color: #393;
    margin: 0px 12px;
}

.color_8 {
    background-color: #09F;
    margin: 0px 12px;
}

.x_2 {
    color: #F00;
    margin: 0px 12px;
    font-size: 110%;
    font-weight: bold;
}

.x_4 {
    color: #FF9228;
    margin: 0px 12px;
    font-size: 110%;
    font-weight: bold;
}

.x_6 {
    color: #393;
    margin: 0px 12px;
    font-size: 110%;
    font-weight: bold;
}

.x_8 {
    color: #09F;
    margin: 0px 12px;
    font-size: 110%;
    font-weight: bold;
}

.textarea_obs {
    width: 98%;
}

.button {
    width: 33%;
    text-align: center;
    font-size: 80%;
    border-bottom: none;
}

.left {
    padding: 0px 26px 0px 0px;
    float: left;
    border-bottom: none;
    font-size: 100%;
}

.tipo_tit {
    font-size: 110%;
    margin-top: 16px;
    margin-bottom: 0px;
}

.tipo_tit tr {
    background: none !important;
}

.nota_8 {
    background: url(../img/x_azul.jpg) no-repeat scroll center bottom;
    background-position: 50% 80%;
}

.nota_6 {
    background: url(../img/x_verde.jpg) no-repeat scroll center bottom;
    background-position: 50% 80%;
}

.nota_4 {
    background: url(../img/x_naranja.jpg) no-repeat scroll center bottom;
    background-position: 50% 80%;
}

.nota_2 {
    background: url(../img/x_rojo.jpg) no-repeat scroll center bottom;
    background-position: 50% 80%;
}

.confirm a {
    background: #5BA150 !important;
    border-color: #2D6324 !important;
    color: #FFF !important;
    text-shadow: none !important;
}

.confirm a:hover {
    background: #6abe5d !important;
    border-color: #2D6324 !important;
    color: #FFF !important;
    text-shadow: none !important;
}

.print {
    background: url(../img/print.png) no-repeat scroll center bottom;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.div_resum_inform {
    float: left;
    margin: 4% 8%;
    padding: 10px;
    width: 30%;
    border: 1px solid #333;
    min-height: 100px;
}

.filtro_listado {
    width: 100%;
    margin-bottom: 12px;
    text-align: right;
}

.filtro_listado label {
    margin: 0px 4px 0px 14px;
    color: #001942;
    width: auto;
}

.filtro_listado input[type="text"] {
    width: 100px;
    padding: 1px;
    font-size: 100%;
}

.filtro_listado input[type="submit"] {
    margin: 0px 4px;
    padding: 2px 5px;
}

.reset {
    width: auto !important;
    font-size: 100%;
    margin: 0px 4px;
    padding: 2px 5px;
    background: gainsboro;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(gainsboro));
    background-image: -webkit-linear-gradient(top, #FEFEFE, gainsboro);
    background-image: -moz-linear-gradient(top, #FEFEFE, gainsboro);
    background-image: -ms-linear-gradient(top, #FEFEFE, gainsboro);
    background-image: -o-linear-gradient(top, #FEFEFE, gainsboro);
    background-image: linear-gradient(top, #FEFEFE, gainsboro);
    color: #333;
    border: 1px solid #BBB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: white 0px 1px 0px;
    min-width: 0;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    user-select: none;
}

.enviar_mail_titulo {
    font-size: 110%;
    font-weight: bold;
    padding: 10px 0px 5px 0px;
    float: left;
    width: 100%;
    font-style: italic;
}

td.l {
    border-left: 1px solid #DDD;
    text-align: center;
}

td.r {
    border-right: 1px solid #DDD;
    text-align: center;
}

td.lr {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    text-align: center;
}

tr.bottom th {
    border-bottom: none;
    border-top: 2px solid #555;
}

.table_inventario tr td {
    padding: 0px 2px 2px 2px;
    vertical-align: bottom;
    font-size: 110%;
}

.table_inventario tr.tr_view td {
    padding-top: 0px;
}

.table_inventario .numeric {
    width: auto !important;
    font-size: 100%;
    text-align: center;
}

.actions a.normal {
    font-weight: bold;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0px;
    text-decoration: none;
    text-shadow: none;
    min-width: 0;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: none;
    -webkit-user-select: none;
    user-select: none;
}

.actions a.normal:hover {
    text-decoration: underline;
}

.actions a.estado_3 {
    color: #F63;
}

.actions a.estado_4 {
    color: #393;
}

.actions a.estado_5 {
    color: #06F;
}