/** Estilos Generales **/

*{margin:0;padding:0}

html{width:100%;min-width:1007px;position:relative;color:#333;line-height:22px;font-size:1em;font-family:'Arial';
    background:url(../img/fondo-hormigon.jpg) center center fixed; background-size:cover;-moz-background-size:cover;
    -webkit-background-size:cover}

a{color:#333;text-decoration:none;cursor:pointer}
a img,img{border:none}

input[type=text],input[type=password],textarea{padding:4px;border:1px solid #666}
select{padding:4px 0 4px 4px;width:220px}

/** Clases Generales **/

.bg-1{background-color:#352cdd}
.bg-2{background-color:#1c1b6b}
.bg-3{background-color:#eee}
.bg-4{background-color:#333}
.bg-deg{background:linear-gradient(#fff,#ddd);background:-moz-linear-gradient(#fff,#ddd);background:-webkit-linear-gradient(#fff,#ddd);
    background:-o-linear-gradient(#fff,#ddd);background:-ms-linear-gradient(#fff,#ddd)}

.a:hover,.a:focus,.a:active{text-decoration:underline}
.a-2{text-decoration:underline}
.a-2:hover,.a-2:focus,.a-2:active{text-decoration:none}

.ver{display:none}
.ocultar{display:none}

.rel{position:relative}
.abs{position:absolute}
.fix{position:fixed}

.izq{float:left}
.drc{float:right}

.txt-left{text-align:left}
.txt-right{text-align:right}
.txt-center{text-align:center}
.txt-just{text-align:justify}

.txt-blanco{color:#fff}

.h-100{height:100%}

.w-10{width:10%}
.w-15{width:15%}
.w-20{width:20%}
.w-25{width:25%}
.w-30{width:30%}
.w-40{width:40%}
.w-50{width:50%}
.w-60{width:60%}
.w-70{width:70%}
.w-75{width:75%}
.w-80{width:80%}
.w-90{width:90%}
.w-95{width:95%}
.w-100{width:100%}

.margin-center{margin-left:25%;margin-right:25%}

.margin-auto{margin:0 auto}

.clear{clear:both;height:0;font-size:1px;line-height:0}

.ovr-hide{overflow:hidden}

/*.center{width:74.2%;padding:0 .4%;margin:0 auto;position:relative;max-width:1024px;min-width:997px}*/
.center{width:1249px;padding:0 20px;position:relative;margin:auto}
.container{margin-top:30px;margin-bottom:50px;background:#fff;padding-top:40px;padding-bottom:20px;border:1px solid #999}
.container h1{margin-bottom:50px;text-align:center;font-size:2.2em}

.bg-error{background:#f95252;color:#fff;font-weight:bold;border:1px solid #b10e0e;text-shadow:0 1px 0 #b10e0e;cursor:default}

.btn{background:none;border:none;color:#fff;padding:3px 10px;font-weight:bold;margin:0 5px}
.btn-add,.bg-success{background:#12c027;border:1px solid #059216;text-shadow:0 1px 0 #059216}

.btn-equis{top:-3px;right:5px;opacity:.8;cursor:pointer;color:#fff}

.btn-lista{padding:2px 11px;margin:0 1px;cursor:pointer}

.radius-3{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px}

.inp-sin-borde{background:none;border-color:transparent}
.inp-sin-borde:hover,.inp-sin-borde:active,.inp-sin-borde:focus{background:#fff;border-color:#666}

/** Mensaje Ajax **/
#mensaje-ajax-1,#mensaje-ajax-0{display:none;opacity:0;font-size:.8em;color:#fff;text-align:center;bottom:20px;left:8px;z-index:999}
.mensaje-inicio div{min-width:120px;padding:3px 10px}
.mensaje-sistema div{min-width:120px;max-width:200px;max-height:200px;overflow-y:auto;padding:20px 10px}

/** Mensajes en <span> **/
span.msj{position:absolute;font-size:.8em;text-align:center;padding:4px 2px 3px;width:170px;display:none;cursor:default}
span.msj.top{left:0;bottom:100%;margin-bottom:3px}
span.msj.bottom{left:0;top:100%;margin-top:3px}
span.msj.right{top:0;left:100%;margin-left:7px}
span.msj.left{top:0;right:100%;margin-right:7px}

#fondo-editar{background-color:rgba(0,0,0,.7);top:0;left:0;z-index:900;display:none}
#fondo-editar .contenedor-editar{width:1100px;margin:30px auto 0;box-shadow:0 0 15px #000;-moz-box-shadow:0 0 15px #000;
    -webkit-box-shadow:0 0 15px #000}
#fondo-editar .contenedor-editar .cabecera-editar{border-bottom:1px solid #999}
#fondo-editar .contenedor-editar .cabecera-editar h3{padding:10px 0 10px 15px}
#fondo-editar .contenedor-editar .cabecera-editar span{right:15px;top:10px;font-weight:bold;color:#999;cursor:pointer}
#fondo-editar .contenedor-editar .cabecera-editar span:hover{color:#666}
#fondo-editar .contenedor-editar #cuerpo-editar{background:#fff;height:550px;overflow-y:auto;padding:10px}
#fondo-editar .contenedor-editar #cuerpo-editar fieldset{margin:0 3%}

#fondo-editar .contenedor-editar #cuerpo-editar .listado{margin:20px auto 0;width:98%;border:1px solid #eee;border-bottom:none}
#fondo-editar .contenedor-editar #cuerpo-editar .listado tr:hover td{background:#eee}
#fondo-editar .contenedor-editar #cuerpo-editar .listado tr th{padding:3px 0;border-bottom:2px solid #352cdd;
    background:linear-gradient(#ccc,#ddd)}
#fondo-editar .contenedor-editar #cuerpo-editar .listado tr td{border-bottom:1px solid #ccc;padding:5px}
#fondo-editar .contenedor-editar #cuerpo-editar .btn-tb{padding:3px 12px;margin:0 2px;cursor:pointer;background-repeat:no-repeat;
    background-position:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#fondo-editar .contenedor-editar #cuerpo-editar .btn-tb.b-md{background-color:#12c027;background-image:url(../img/btn-modificar.png)}
#fondo-editar .contenedor-editar #cuerpo-editar .btn-tb.b-ver{background-color:#333;background-image:url(../img/btn-ver.png)}
#fondo-editar .contenedor-editar #cuerpo-editar .btn-tb.b-descarga{background-color:#666;background-image:url(../img/btn-descarga.png)}
#fondo-editar .contenedor-editar #cuerpo-editar .btn-tb.b-el{background-color:#f00;background-image:url(../img/btn-eliminar.png)}

header{background:#333;border-bottom:3px solid #352cdd;height:48px}
header nav img{float:left;height:40px;margin-top:4px}
header nav ul{float:right;list-style:none}
header nav ul li{display:inline-table}
header nav ul li a{color:#fff;padding:13px 15px;float:left}
header nav ul li a:hover,header nav ul li a:active,header nav ul li a:focus{background:#352cdd}

fieldset{border:1px solid #999;background:#eee;padding:10px 15px 20px}
fieldset legend{background:#333;color:#fff;padding:2px 8px}
fieldset table{margin:auto}

fieldset .file{position:relative;width:40px;height:40px;margin:auto}
fieldset .file input[type=file]{position:absolute;top:0;left:0;width:40px;height:40px;overflow:hidden;
    opacity:0;cursor:pointer}
fieldset .nom-fl{word-break:break-all}

h4{margin-top:80px;padding:0 0 5px 15px;border-bottom:1px solid #333}
h4 table{bottom:5px;right:5px}

#listado h2 div{right:20px;top:0;font-size:16px;font-weight:normal;font-style:italic}

#listado table{margin:20px auto 0;width:98%;border:1px solid #eee;border-bottom:none}
#listado table tr:hover td{background:#eee}
#listado table tr th{padding:8px 0;border-bottom:2px solid #352cdd;background:linear-gradient(#ccc,#ddd)}
#listado table tr td{border-bottom:1px solid #ccc;padding:5px}
#listado .btn-tb{padding:3px 12px;margin:0 2px;cursor:pointer;background-repeat:no-repeat;background-position:center;border-radius:3px;
    -moz-border-radius:3px;-webkit-border-radius:3px;}
#listado .btn-tb.b-md{background-color:#12c027;background-image:url(../img/btn-modificar.png)}
#listado .btn-tb.b-ver{background-color:#333;background-image:url(../img/btn-ver.png)}
#listado .btn-tb.b-descarga{background-color:#666;background-image:url(../img/btn-descarga.png)}
#listado .btn-tb.b-el{background-color:#f00;background-image:url(../img/btn-eliminar.png)}
#listado #carga{text-align:center}

/** Inicio **/

.inicio img{width:20%;margin:0 38% 30px;padding:10px 2%}
.inicio table{margin:100px auto 0;text-align:center}
.inicio table td{padding:3px 0}
.inicio table input:not([type=submit]){width:250px;padding:8px}

.usuarios input{margin:3px 0}

.festivos span {
    color: red !important; // muestra rojos los festivos
}
.ui-datepicker-week-end span {
    color: #333 !important; // muestra grises los fines de semana
}