@import url("fonts/lato/stylesheet.css");
@import url("fonts/zerospace/stylesheet.css");


*{padding:0;margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{outline:none;}
a{text-decoration:none;}
ul{list-style:none;}
body{background-color:#FFF;font:0/0 'zerospaceregular';}
img{display:inline-block;}


header{position:fixed;width:100%;background-color:#333;/*height:50px;white-space:nowrap;text-align:center;*/z-index:3;min-width:600px;}
/*header:after{content:'';height:100%;display:inline-block;vertical-align:middle;}*/
header h1{color:#FFF;font:20px/20px latobold;padding:5px;}
header h1>img{display:inline-block;vertical-align:middle;margin-right:30px;}
header h1>span{display:inline-block;vertical-align:middle;}
header nav{display:block;background-color:#000;}
header nav ul{list-style:none;}
header nav>ul ul{display:none;}
header nav a{color:#FFF;font:14px/16px latobold;display:inline-block;padding:2px 10px;background-color:#000;width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
header nav li{position:relative;border:1px solid #444;}
header nav li:hover>a{background-color:#333;}
header nav li:hover>ul{position:absolute;display:block;}

header nav>ul{z-index:3;}
header nav>ul>li>ul{z-index:4;}
header nav>ul>li>ul>li>ul{z-index:5;}
header nav>ul>li{display:inline-block;border-left:none;}
header nav>ul>li:first-child{border:1px solid #444;}
header nav>ul>li>a{}
header nav>ul>li:hover>ul{white-space:nowrap;left:-1px;}
header nav>ul>li li{border-top:none;}
header nav>ul>li li:first-child{border-top:1px solid #444;}
header nav>ul>li ul ul{top:-1px;}

header #usuarioLogued{position:absolute;right:10px;top:10px;font:14px/14px latobold;color:#FFF;}

section{padding:62px 10px 10px 10px;}

section div.login{width:400px;margin:0 auto;text-align:center;}

section h2{color:#000;font:18px/22px latobold;padding-top:5px;}
section h3{color:#555;font:15px/22px latobold;padding-top:5px;}
section div.content{margin-top:10px;}


section div.content div#buttonsTop{font:13px/13px latobold;margin-bottom:10px;}
section div.content div#buttonsBottom{font:13px/13px latobold;margin-top:10px;text-align:center;}
section div.content div#buttonsTop span{display:inline-block;vertical-align:middle;padding-right:5px;font-weight:bold;}
section div.content div#buttonsTop a,section div.content div#buttonsBottom a{display:inline-block;vertical-align:middle;background-color:#333;color:#FFF;padding:3px 8px;border:1px solid #555;cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
section div.content div#buttonsTop a:hover,section div.content div#buttonsBottom a:hover{background-color:#000;}

section div.content div#tabla{font:12px/14px latobold;border:1px solid #DDD;}

section div.content div#tabla table.tablaRevision{border-collapse:collapse;position:relative;}
section div.content div#tabla table.tablaRevision thead th{background-color:#333;border:1px solid #555;padding:5px 2px;color:#FFF;position:sticky;top:82px;}
section div.content div#tabla table.tablaRevision tbody td{border:1px solid #555;padding:5px 2px;}

/*.dataTables_wrapper{padding-bottom:4px;}
.dataTables_wrapper .dataTables_length {padding:10px;}
.dataTables_wrapper .dataTables_filter {padding:10px;}
.dataTables_wrapper .dataTables_info{padding-left:10px;}
.dataTables_wrapper .dataTables_paginate {padding-right:4px;}*/
table#datatable thead .sorting,table#datatable thead .sorting_asc,table#datatable thead .sorting_desc{background-color:#DDD;}
table#datatable thead th{background-color:#DDD;}
table#datatable th, table#datatable td {border: 1px solid #CCC;border-left-width:0;border-bottom-width:0;padding:2px;}
table#datatable th:last-child, table#datatable td:last-child {border-right-width:0;}
/*table#datatable thead th:first-child, table#datatable thead td:first-child{border-left-width:1px;}*/
table#datatable tbody th, table#datatable tbody td {text-align: center;}
table#datatable tr.filter input{width:100%;border:1px solid #AAA;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
table#datatable tr.filter input.numero{width:80px;}
table#datatable tr.filter div.fechaRango{font-size:10px;}
table#datatable tr.filter div.fechaRango input{width:70px;font-size:10px;}
table#datatable tr.filter div.fechaRango input.error{background-color:#F88;}

section div.content div#tabla th{font-weight:bold;}
section div.content div#tabla td{text-align:center;}
section div.content div#tabla td a{color:#00F;}
section div.content div#tabla td a:hover{text-decoration:underline;}
section div.content div#tabla td div.opciones{white-space:nowrap;}
section div.content div#tabla td a.button{display:inline-block;vertical-align:middle;background-color:#333;color:#FFF;padding:2px 5px;margin:1px 2px;white-space:nowrap;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
section div.content div#tabla td a.button:hover{background-color:#000;text-decoration:none;}



/*FORMULARIO*/
section div.content div.form div.bloque{border:1px solid #DDD;background-color:#EEE;margin-bottom:10px;padding-top:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
section div.content div.form div.bloque:first-child{padding-top:2px;}
section div.content div.form div.bloque h4{font:15px/15px latobold;color:#000;font-weight:bold;border-bottom:1px solid #CCC;padding:0 10px 5px 10px;margin-bottom:10px;}
section div.content div.form div.bloque div.campos{padding:0 10px;}
section div.content div.form div.bloque div.campos div.campo{padding-bottom:10px;}
section div.content div.form div.bloque div.campos div.campo div.label{font:13px/15px latobold;color:#555;font-weight:bold;padding-bottom:2px;}

section div.content div.form div.bloque div.campos div.campo .numero,
section div.content div.form div.bloque div.campos div.campo .texto,
section div.content div.form div.bloque div.campos div.campo .areaTexto,
section div.content div.form div.bloque div.campos div.campo .seleccion{border:1px solid #CCC;background-color:#FFF;font:13px/15px latobold;color:#555;padding:0 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
section div.content div.form div.bloque div.campos div.campo .numero{width:80px;height:22px;}
section div.content div.form div.bloque div.campos div.campo .texto{width:50%;height:22px;}
section div.content div.form div.bloque div.campos div.campo .seleccion{width:50%;height:22px;}
section div.content div.form div.bloque div.campos div.campo .areaTexto{width:50%;height:100px;resize:none;}
section div.content div.form div.bloque div.campos div.campo .opcionesCheckbox{}
section div.content div.form div.bloque div.campos div.campo .opcionesCheckbox li{padding:2px 4px;display:inline-block;white-space:nowrap;border:1px solid #CCC;background-color:#FFF;margin:0 5px 5px 0;}
section div.content div.form div.bloque div.campos div.campo .opcionesCheckbox li>*{display:inline-block;vertical-align:middle;}
section div.content div.form div.bloque div.campos div.campo .opcionesCheckbox li span{font:12px/12px latobold;color:#555;margin-left:4px;}
section div.content div.form div.bloque div.campos div.campo div.value span.info{font:13px/15px latobold;color:#222;}
section div.content div.form div.bloque div.campos div.campoARCHIVO div.infoArchivo{font:12px/14px latobold;color:#222;margin:2px 0 0 10px;} 
section div.content div.form div.bloque div.campos div.campoARCHIVO div.infoArchivo>*{display:inline-block;vertical-align:middle;}

section div.content div.form div.error{font:13px/15px latobold;color:#F00;font-weight:bold;padding-bottom:10px;display:none;}

section div.content div.form div.buttons{text-align:center;}
section div.content div.form div.buttons>a{display:inline-block;vertical-align:middle;background-color:#333;font:13px/13px latobold;color:#FFF;padding:5px 8px;margin:0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
section div.content div.form div.buttons>a:hover{background-color:#000;}

section div.content div.form.info div.bloque div.campos div.campo{padding-bottom:0;}
section div.content div.form.info div.bloque div.campos div.campo div.label{display:inline-block;margin-right:5px;vertical-align:middle;}
section div.content div.form.info div.bloque div.campos div.campo div.value{display:inline-block;font:13px/15px latobold;color:#222;vertical-align:middle;}
section div.content div.form.dep div.bloque div.campos div.campo div.label,section div.content div.form.dep div.bloque div.campos div.campo div.value{font:15px/17px latobold;}

section div.content div.form>div.success>div.msg{text-align:center;font:15px/15px latobold;color:#333;font-weight:bold;padding-bottom:10px;}
section div.content div.form>div.success{display:none;}
section div.content div.form>form{}

#loader{position:fixed;top:0;left:0;right:0;bottom:0;background:url(../img/loader.gif) no-repeat center center;background-color:rgba(0,0,0,.9);z-index:10000;display:none;}

.fancybox-skin{background:#FFF;}
.ui-widget{font-size:12px;line-height:12px;}
table.dataTable thead th div.DataTables_sort_wrapper span {right: -5px;}