/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto);

#all {
    border: 1px #CCCCCC solid;
    margin: 5px;
    padding: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    margin: 0px auto;
    width: 1000px;
}

html {
    background-color: #EBEBEB;
    font-size: 10px;
    font-family: 'Trebuchet MS';
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #666666;
}

h1 {
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}

h3 {
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}

h4, h5 {
    padding: 0px;
    margin: 0px;
    font-weight: 100;
}

p {
    margin: 0px;
    padding: 3px;
}

#cabecera {
    border-bottom: 1px #CCCCCC solid;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

#pie {
    margin-top: 0px;
}

#menu {
    border-top: 1px #CCCCCC solid;
    margin-top: 10px;
    padding: 2px;
    padding-top: 10px;
}

#submenu {
    border-bottom: 1px #CCCCCC solid;
    margin-top: 0px;
    padding: 0px;
    padding-top: 0px;
    font-size: 12px;
    font-family: "Trebuchet MS";
}



a:link, a:visited {
    font-size: 12px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #003399;
}

a:hover {
    font-size: 12px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FF0000;
}



.link {
    cursor: pointer;
    color: #00F;
    text-decoration: underline;
}

.tituloEstadoNuevo {
    padding: 10px 5px 10px 5px;
    font-size: 10px;
    letter-spacing: 5px;
    background-color: #FF0;
}

.tituloEstado {
    padding: 10px 5px 10px 5px;
    font-size: 10px;
    letter-spacing: 5px;
    background-color: #f3f3f3;
}


.cerrarEstado {
    letter-spacing: 0px;
    cursor: pointer;
    color: #00F;
    text-decoration: underline;
    padding-left: 50px;
}

.abrirEstado {
    letter-spacing: 0px;
    cursor: pointer;
    color: #00F;
    text-decoration: underline;
    padding-left: 10px;
}

#menuTicket ul li {
    list-style: none;
    float: left;
    border: 1px dotted #ccc;
    background-color: #FFF;
    margin-right: 10px;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
}

    #menuTicket ul li:hover {
        background-color: #9F0;
    }

tr.admonN {
    background-color: #f3f3f3;
}

tr.admonS {
    background-color: #fff;
}

.proyecto {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}
/*
.btn {
    width: 100px;
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    text-align: center;
    margin-left: 20px;
    padding: 2px 5px 2px 5px;
}
    */
    .btn:hover {
        cursor: pointer;
        background-color: #333;
        color: #fff;
    }

.btnActivo {
    background-color: #333;
    color: #fff;
}

.btnInactivo {
    background-color: #f4f4f4;
    color: #000;
}

.pendientes tr td {
    background-color: #FFC !important;
}


.CERRADO {
    background-color: #ccc !important;
}

.CIERRE_SOLICITADO {
    background-color: #E2E2E2 !important;
}

.AL_LA_ESPERA_DE_CIERRE {
    background-color: #E2E2E2 !important;
}

.RESPUESTA_A_PRESUPUESTO {
    background-color: #E2E2E2 !important;
}

.COMUNICACION_DEL_TICKET {
    background-color: #FF0 !important;
}

.INFORMACION_AMPLIADA {
    background-color: #ff9 !important;
}

.REQUERIDA_MAS_INFORMACION {
    background-color: #fcc !important;
    padding: 5px;
}

.ACEPTAR_PRESUPUESTO {
    background-color: #FFEAEA !important;
}

.EN_ESTUDIO {
    background-color: #9F0 !important;
}

.EN_COLA {
    background-color: #d8fbc6 !important;
    color: #00F !important;
}

.PREPRODUCCION {
    background-color: #ff !important;
    border: 1px solid #F0F !important;
}

    .PREPRODUCCION div {
        background-color: #ff !important;
        border: 3px solid #F0F !important;
        padding: 5px;
        margin-top: 2px;
    }

.EN_DESARROLLO {
    background-color: #faf9f9 !important;
}

    .EN_DESARROLLO div {
        background-color: #faf9f9 !important;
    }

.EJECUTANDO {
    background-color: red !important;
    color: #FFF !important;
}

    .EJECUTANDO div {
        background-color: red !important;
        color: #FFF !important;
        padding: 10px;
    }

    .EJECUTANDO span {
        background-color: red !important;
        color: #FFF !important;
    }

#ticketARevisar {
    text-align: center;
    font-size: 14px;
    padding: 100px;
}


.fact {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    padding: 2px 5px;
}

    .fact:hover {
        cursor: pointer;
        background-color: #ccc;
    }

.revisadoN {
    background-color: red;
    color: #fff;
    padding: 2px;
}

.revisadoS {
    background-color: #090;
    color: #fff;
    padding: 2px;
}


.check {
    margin-right: 10px;
}

.tag {
    background-color: #86c1bf;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 2px;
}

.Mejora {
    background-color: #19c21d;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 2px;
}


.Incidencia {
    background-color: red;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 2px;
}


.Requerimiento {
    background-color: #00F;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 2px;
}


.Consulta {
    background-color: #FF0;
    color: #00F;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 2px;
}

.Cambio {
    background-color: #999;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 2px;
}


.Tarea {
    background-color: #9F0;
    color: #000;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 2px;
}


.cajaNombreTicket {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #003399;
    font-weight: bold;
}

.ticket {
    border-radius: 5px;
    border: 1px solid #ccc !important;
}

.leidoS, .leidoN {
    background-color: #CCCCCC;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.leidoN {
    background-color: #FF0;
    color: red;
}

.msnNoLeidos {
    position: absolute;
    top: 10px;
}

    .msnNoLeidos a:link {
        width: 10px;
        height: 10px;
        border-radius: 20px;
        background-color: #FF0;
        border: 1px solid #FF0000;
        cursor: pointer;
        padding: 2px 8px;
        margin: 2px;
        font-size:8px;
        text-decoration:none;
    }

        .msnNoLeidos a:link:hover {
            background-color: red;
            color:#fff;
        }