/* 
    Document   : notificador
    Created on : 29/08/2012, 01:20:32 PM
    Author     : Roberto
    Description:
        Purpose of the stylesheet follows.
*/

.contenedor-notificador {
    width:100%;
    min-height: 60px;
    height:auto;
    position:fixed;
    top:10px;
    left:0px;
    display:none;
    z-index:9999;
}


/*cuadro principal*/
.cuadro-notificador {
    width:550px;
    min-height:60px;
    height:auto;
    position:relative;
    margin:0 auto;
    border:#000 solid 1px;
    /*background:#fff;*/
    border-radius:5px;
    box-shadow: #555 0px 5px 20px 5px;
    overflow:auto;
}

.cuadro-notificador .contenido {
    position:relative;
    min-height:60px;
    height:auto;
    width:378px;
    float:left;
}

.cuadro-notificador .contenido p {
    display:inline-block;
    margin:0;
    min-height:60px;
    height:auto;
    text-align:center;
    width:100%;
    /*overflow:auto;*/
    vertical-align: middle;
}

.cuadro-notificador .celda {
    height:60px;
    position:relative;
    width:60px;
    float:left;
    /*border:#cd0a0a solid 1px;*/
    display:block;
}

.cuadro-notificador .notificador-icono-error, .boton {
    width:32px;
    height:32px;
    margin:14px auto;
    background: url("avisos.png") no-repeat;
    /*border:#009 solid 1px;*/
}

.cuadro-notificador .notificador-icono-error {
/*    border:#777 ridge 1px;
    border-radius: 3px;
    box-shadow: #000 0px 0px 1px inset;*/
    
}

.cuadro-notificador .boton { 
    background-position: -128px 0px;
    cursor:pointer;
}
.cuadro-notificador .icono-error { background-position: -96px 0px; }
.cuadro-notificador .icono-ok { background-position: 0px 0px; }
.cuadro-notificador .icono-adver { background-position: -64px 0px; }
.cuadro-notificador .icono-aviso { background-position: -32px 0px; }
.cuadro-notificador .icono-info { background-position: -32px 0px; }

.cuadro-error {
    background:-moz-linear-gradient(top, #e5bcb0 0%, #f5d3d2 100% );
    background:-webkit-linear-gradient(top, #e5bcb0 0%, #f5d3d2 100% );
    border-color:#d54523;
}

.cuadro-ok {
    background:-moz-linear-gradient(top, #b0e9bb 0%, #d5f9dc 100% );
    background:-webkit-linear-gradient(top, #b0e9bb 0%, #d5f9dc 100% );
    border-color: #52d723;
}

.cuadro-adver {
    background:-moz-linear-gradient(top, #e3d8ae 0%, #f7f3d4 100% );
    background:-webkit-linear-gradient(top, #e3d8ae 0%, #f7f3d4 100% );
    border-color:#d5ad23;
}

.cuadro-aviso, cuadro-info {
    background:-moz-linear-gradient(top, #aec7e3 0%, #b6daff 100% );
    background:-webkit-linear-gradient(top, #aec7e3 0%, #b6daff 100% );
    border-color:#252ed4;
}