/* FUENTES */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700);

body {background-color:#eee;color:#000;font-family:"Open Sans", Verdana, Arial, Helvetica;font-size:0.9em;line-height:150%;}
a {color:#2d94e3;text-decoration:none;}
a:hover {text-decoration:underline;}
input, select {border:1px solid #ccc;padding:4px;font-size:14px;font-family:"Open Sans", Verdana, Arial, Helvetica;box-sizing:border-box;}
input[type="radio"]{margin-top:4px;margin-right:4px;float:left;}
#selectConfig {width:200px;}
input.boton {padding:8px 16px;text-transform:uppercase;color:#fff;background:#999;font-size:12px;font-weight:700;margin-top:10px;border:none;cursor:pointer;font-family:"Open Sans", Verdana, Arial, Helvetica;}
input.boton:hover {background:#2d94e3;}
input.inputError, select.inputError, textarea.inputError {border:1px solid #f00;}
input.checkBox {padding:0;height:12px;border:0;width:12px !important;}
textarea {width:100%;max-width:470px;height:250px;border:1px solid #ccc;padding:2px;letter-spacing:1px;resize:none;box-sizing:border-box;}

#login {width:300px;margin:10px auto;background-color:#fff;border-radius:30px;padding:20px;box-sizing:border-box;box-shadow:5px 5px 5px rgba(0,0,0,.2);}
#login h1 {text-align:center;}
#login #form input {width:100%;}
#login #form select {width:100%;}
#login .txt-error {height:40px;font-size:0.9em;}
#login #checkRecordar {margin-top:12px;text-align:center;}

#iehack {text-align:center;margin-top:20px;font-weight:bold;}

#inicio {background-color:#fff;width:100%;box-sizing:border-box;text-align:right;padding:10px 30px 10px 10px;box-shadow:0 0px 10px rgba(0,0,0,.2);box-sizing:border-box;/*position:absolute;top:0;left:0;z-index:5000;*/}
#inicio #logo {display:none;float:left;width:200px;height:85px;padding-top:5px;text-align:center;font-weight:bold;}
#mensajes-encabezado {float:left;width:100%;max-width:600px;height:77px;box-sizing:border-box;margin:5px 0 10px 10px;padding:10px;text-align:left;font-weight:bold;border:1px solid #ddd;color:#999;}
#infologin {float:right;}
#infologin img {vertical-align:top;margin:3px 0 0 5px;}

#cargando {text-align:center;width:100%;height:300px;margin:0 auto;padding:75px 0;box-sizing:border-box;}

#contenedor {background-color:#eee;margin-top:25px;width:100%;box-sizing:border-box;}

#menu {float:left;width:200px;margin:5px 0 10px 0;}
#menu a {color:#000;background:#fff;padding:6px 16px 7px 16px;height:34px;float:left;display:inline-block;width:100%;box-sizing:border-box;font-size:10px;text-transform:uppercase;}
#menu a:hover {background-color:#2d94e3;color:#fff; text-decoration:none;}
#menu ul {list-style-type:none;margin:0;}
#menu ul li {margin:0;padding:0;}
#menu ul li.item-menu {margin:5px 0;font-weight:bold;padding-left:10px;float:left;width:100%;position:relative;}
#menu ul li.activo a {background-color:#2d94e3;color:#fff;}
#menu ul li.activo a:hover {background-color:#2d94e3; color:#fff;}
#menu ul li .ventananueva {display:none;}
#menu ul li .ventananueva a {border-left:1px solid #eee;float:right;width:auto;position:absolute;right:0;height:34px;padding:7px 12px 12px 12px;box-sizing:border-box;}
#menu .item-menu-opciones {padding-bottom:5px;margin-bottom:5px;float:left;width:100%;box-sizing:border-box;}
#menu ul li .item-menu-opciones a {background:#bbb; margin-top:5px;}
#menu .item-menu-opciones .item-menu-opciones-item {height:39px}

#principal {margin:0 0 30px 0;background-color:#fff;padding:10px;box-shadow:0 5px 10px rgba(0,0,0,.3);box-sizing:border-box;}

#breadcrumb {width:100%;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #e5e5e5;font-weight:bold;font-size:0.9em;}
#breadcrumb #breadfix {float:left;padding-left:5px;}
#breadcrumb #breadedit {padding-left:5px;}
#breadcrumb #operaciones {padding-left:5px;}

#pie {clear:both;text-align:center;font-size:0.9em;margin:10px auto;width:100%;color:#666;}
#pie a {color:#000;}

#scrollToTop {position:fixed;height:10px;width:10px;background:#222 url(../images/flecha-up.png) no-repeat center center;bottom:0;right:15px;display:none;opacity:0.9;padding:10px;}

#elformdetalle .columna {margin:5px 0;}
#elformdetalle .columnaVacia {padding:5px;}
#elformdetalle .columna1 {color:#000;padding:5px;font-weight:bold;font-size:11px;}
#elformdetalle .columna2 {background-color:#e5e5e5;color:#000;padding:10px;margin-bottom:20px;}
#elformdetalle .formDetalleMini, .formDetalleMini {width:90px;}
#elformdetalle .formDetalleHora {width:140px;}
#elformdetalle .formDetalleMedio {width:100%;max-width:470px;}
#elformdetalle .formDetalleMedioSelect {width:100%;max-width:474px;}
#elformdetalle .formDetalleICC {width:365px;}
#elformdetalle .formDetalleFiltrar {width:250px;}
#elformdetalle .boton  {width:100%;max-width:476px;}
#elformdetalle .botonMini  {width:100px;border:none;background:#999;cursor:pointer;font-size:11px;color:#fff;font-weight:700;text-transform:uppercase;}
#elformdetalle .botonMini:hover {background:#2d94e3;}
#elformdetalle .filtrado {margin:4px 0 -10px 0;}
#elformdetalle .uploads {margin-top:3px;}
.formDetalleInt {width: 30px;}
.formDetalle175 {width: 175px;}
#columna {background:#fff;margin-top:70px;}
#columna .columna2 {background:#e5e5e5;}

#listado-registros {width:100%;min-width:730px;}
.tablaListado {background-color:#fff;border-collapse:separate;border-spacing:0px;width:100%;box-sizing:border-box;}
.tablaListado th {padding:8px 16px;white-space:nowrap;font-weight:bold;text-transform:uppercase;font-size:11px;}
.tablaListado th {border-left:1px solid #ccc;}
.tablaListado th:first-child {border-left:none;}
.tablaListado th u {text-decoration:none;}
.tablaListado td {padding: 8px;border-bottom:1px solid #ccc}
.tablaListado td.divAncho div {min-width:200px;}
.tablaListado tr.listado, .tablaListado th {background-color: #e5e5e5;}
.tablaListado tr.listado td {border:none;text-transform:uppercase;font-size:11px;}
.tablaListado tr.listado td a {margin:0 5px;}
.tablaListado tr.listadoOver {background-color: #fff;}
.tablaListado tr.listadoOver:hover {background-color:#eee;}
.tablaListado tr.listadoOver td:first-child {text-align:center;}
.tablaListadoPrint td, .tablaListadoPrint th {padding: 4px;font-size: 11px;border-bottom:1px solid #e5e5e5;}
.tablaListadoPrint th {white-space:nowrap;font-weight:bold;}
.separador {width:100%;float:left;height:1px;line-height:1px;font-size:1px;}
.separadorClear {width:100%;clear:both;height: 1px;line-height:1px;  font-size:1px;}

/*ICONOS*/
.tablaListado tr.listadoOver img {opacity:1;}
.tablaListado tr.listadoOver nobr a img {vertical-align:middle}
.tablaListado tr.listadoOver img:hover {opacity:.5;}



#filtros {width:100%;background-color: #e5e5e5;color: #000;margin: 10px 0 10px 0;font-size: 11px;}
#filtros a {text-transform:uppercase;margin:0 5px;}
#filtrosPadding {padding:15px 20px 20px 20px;}
#filtrosPadding img {vertical-align:middle;}
#masFiltros {margin:10px 0;}
#formFiltros {margin-top:10px;font-size:14px;}
#formFiltros .filtroTexto {width:100%;display:block;margin:5px 0;}
#formFiltros input, #formFiltros select {padding:2px;}
#formFiltros input.boton {padding:8px 16px;}
#misbusquedas {margin-top:5px;}
#misbusquedas table tr td {border-bottom:1px solid #fff;}

#abrirFiltros {float:left;width:20px;font-weight:bold;font-size:18px;text-align:center;padding:5px 0;}
#abrirFiltros a {color:#000;text-decoration:none;}
#exportFiltros {padding:5px 0;margin:0 0 10px 20px;}

.wrapper {width:100%;overflow:auto;}
.txt-error {color:#f00;font-weight:bold;text-align:left;}
.error {color:#c00;}
.correcto {color:#008000}
.oculto {display:none;}
.ayuda {font-size: 10px;font-weight:700;text-transform:uppercase;}
a[onclick^="txContraido"] {font-size: 10px;font-weight:700;text-transform:uppercase;color:#cc0000;}
.txtderecha {text-align: right;}
.txtcentrado {text-align: center;}
.izquierda {display:inline;margin-right: 5px;}
.noBorder {border:0;}

/* MENU RESPONSIVE */
a.meanmenu-reveal {display: none;}
.mean-container .mean-bar {width: 100%;overflow:hidden;position: relative;background: #2d94e3;padding: 4px 0;min-height: 38px;z-index: 999999;color:#2d94e3;margin-top:-5px;font-size:0.8em}
.mean-container a.meanmenu-reveal {width: 22px;height: 22px;padding: 13px 13px 11px 13px;position: absolute;top: 0;right: 0;cursor: pointer;color: #fff !important;text-decoration: none;text-indent: -9999em;line-height: 22px;display: block;}
.mean-container a.meanmenu-reveal span {display: block;background: #fff;height: 3px;margin-top: 3px;}
.mean-container .mean-nav {float: left;width: 100%;background: #2d94e3;margin-top: 33px;}
.mean-container .mean-nav ul {padding: 0;margin: 0;width: 100%;list-style-type: none;}
.mean-container .mean-nav ul li {position: relative;float: left;width: 100%;margin-top:10px}
.mean-container .mean-nav ul li a {text-transform:uppercase;font-weight:bold;display: block;float: left;width: 90%;padding: 0.15em 5% 0.5em 5%;margin: 0;text-align: left;color: #fff;border-bottom: 1px solid rgba(214,214,214, 0.9);text-decoration: none;font-size:1.1em;}
.mean-container .mean-nav ul li li a {width: 80%;line-height:32px !important;padding: 0.2em 10%;background-color:#2d94e3;border-bottom: 1px solid rgba(214,214,214, 0.9);text-shadow: none !important;visibility: visible;}
.mean-container .mean-nav ul li.mean-last a {border-bottom: none;margin-bottom: 0;}
.mean-container .mean-nav ul li li {margin-top:0}
.mean-container .mean-nav ul li li li a {width: 70%;padding: 0.2em 15%;}
.mean-container .mean-nav ul li li li li a {width: 60%;padding: 1em 20%;}
.mean-container .mean-nav ul li li li li li a {width: 50%;padding: 1em 25%;}
.mean-container .mean-nav ul li .ventananueva {display:none;}
.mean-container .mean-nav ul li select {margin-left:13px;}
.mean-container .mean-nav ul li a.mean-expand {width: 22px;height: 26px;border: none !important;padding: 1px 12px !important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 700;}
.mean-container .mean-push {float: left;width: 100%;padding: 0;margin: 0;clear: both;}
.mean-nav .wrapper {width: 100%;padding: 0;margin: 0;}

/*TinyMCE*/
/*.mceLayout {width: 700px !important;}*/

/* TimeEntry styles */
.timeEntry_control {vertical-align: middle;margin-left: 2px;}
* html .timeEntry_control { /* IE only */margin-top: -4px;}

/* Uploadify */
.uploadifive-button {padding:4px 8px;text-transform:uppercase;color:#fff;background:#999;font-size:12px;font-weight:700;border:none;font-family:"Open Sans", Verdana, Arial, Helvetica;}
.uploadifive-button:hover {background:#2d94e3;}
.uploadifive-queue-item {background-color: #F5F5F5;border-bottom: 1px dotted #D5D5D5;border-radius: 5px;font: 12px Arial, Helvetica, Sans-serif;margin-top: 3px;padding: 15px;}
.uploadifive-queue-item .close {background: url('../images/uploadifive-cancel.png') 0 0 no-repeat;display: block;float: right;height: 16px;text-indent: -9999px;width: 16px;}
.uploadifive-queue-item .progress {border: 1px solid #D0D0D0;height: 3px;margin-top: 5px;width: 100%;}
.uploadifive-queue-item .progress-bar {background-color: #0072BC;height: 3px;width: 0;}

/* ColorPicker */
.colorSelector {float:left;width:18px;height:18px;border:1px solid #000;background-color:#fff;margin-right:5px;}

/* RESPONSIVE */

@media screen and (min-width: 480px) {
	#login {width:400px;padding:20px 40px;}
}

@media screen and (min-width: 1000px) {
	#inicio #logo {display:block;}
	#menu ul li .ventananueva {display:block;}
	#formFiltros .filtroTexto {width:auto;display:inline;margin:0 10px 0 0;}
	#principal {margin:0 15px 30px 225px;padding:20px;}
	#breadcrumb #operaciones {float:right;text-align:right;margin-top:-18px;}
	#elformdetalle .columnaVacia {width:180px;float:left;}
	#elformdetalle .columna1 {width:180px;float:left;text-align:right;}
	#elformdetalle .columna2 {margin:0 0 0 200px;}
}

@media screen and (min-height: 600px) {
	#login {margin-top:50px;}
	#cargando {height:450px;padding-top:200px}
}

@media screen and (min-height: 900px) {
	#cargando {height:750px;padding-top:300px}
}