/**/
@font-face {
	font-family: 'ModaerneRegular';
	src: url('fonts/modaerne-regular.eot');
	src: url('fonts/modaerne-regular.eot?#iefix') format('embedded-opentype'), url('fonts/modaerne-regular.woff') format('woff'), url('fonts/modaerne-regular.ttf') format('truetype'), url('fonts/modaerne-regular.svg#ModaerneRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/**/
html {
	height:100%;
	background-color:#FFF;
	font-size: 100%;
	overflow-y: scroll;
	text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	font-family: 'Open Sans', sans-serif;
	padding-bottom:40px;
}
#logo {
	position:relative;
	float:left;
}
#lema {
	line-height:20px;
	letter-spacing:1px;
	font-size:36px;
	font-family:'ModaerneRegular', Arial, Verdana, Geneva, sans-serif;
}

/*cabecera*/
.head1{ font-size:26px; line-height:1.5; margin:0; padding:0; text-transform:uppercase; color:#FFF;}
.head1 a{ color:#FFF;}
.head2{ font-size:20px; line-height:2; margin:0; padding:0; color:#FFF;}
.gg {
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 11px;
	color: #ACCEE6;
	text-transform: uppercase;
	line-height: 1;
	display: block;
	white-space: nowrap;
}
.usuario {
	display:inline-block;
	vertical-align:middle;
}
.zonaderecha { padding:10px 0; }
.user {
	display:inline-block;
	font-size:14px;
	color:#FFF!important;
	line-height:22px;
}
.user i {
	vertical-align:top;
	margin-top:4px;
}
.user .caret {
	vertical-align:middle;
	margin:0 5px;
}
.user:hover { text-decoration:none; }
.buscar {
	display:inline-block;
	margin:5px;
	vertical-align:middle;
}
#footer {
	background: #333;
	background-image: linear-gradient(to bottom, #555555, #000000);
	background-repeat: repeat-x;
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.4);
	padding-top: 6px;
	position:static
}
#footer.affix-top, #footer.affix, #footer.affix-bottom {
	bottom: 0;
	position: fixed;
	width: 100%;
}
#footer p{ color:#FFF;}
#footer p a{ color:#FFF; text-decoration:underline; font-weight:bold}
#footer .version{ position:relative; left:-25px;}
#footer .checkbox {
	color:#FFF;
	display:inline-block;
	vertical-align:top;
	margin:5px 0 0 10px;
}
h2, legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 26px;
	line-height: 40px;
	color: #333333;
	border: 0;
	font-weight:bold;
	border-bottom: 1px solid #e5e5e5;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.2;
	color: #333333;
	border: 0;
	font-weight:bold;
	border-bottom: 1px solid #e5e5e5;
}
.bloque-header{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding:0;
	box-sizing:border-box;
	border-bottom: 1px solid #EEE;
}
h3 {
	font-family: 'Carrois Gothic SC', sans-serif;
	display: block;
	font-size: 20px;
	line-height: 20px;
	font-weight:bold;
	color:#000;
}
.head3{ font-family: 'Carrois Gothic SC', sans-serif;
	display: block;
	font-size: 16px;
	line-height: 20px;
	font-weight:bold;
	color:#000;}
.head3 em{ font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	font-weight:normal;
	color:#000;}
h4 {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 20px;
	padding:0 0 3px 0;
	box-sizing:border-box;
	font-weight:bold;
	color:#000;
}
.inputs-list {
	margin: 0 0 15px;
	width: 100%;
	padding:6px 10px 0 20px;
	list-style:none;
}
.inputs-list li { list-style:none; }
.formulario {
	background:#FFF;
	border:1px solid #EEE;
	padding:1em;
	box-sizing:border-box;
	margin:0 auto 2em auto
}
.separacion {
	visibility:hidden;
	margin:10px 0
}
.separacion.large { margin:20px 0 }
.rango-fechas .date {
	color: #000;
	font-size:16px;
	text-decoration: none;
	padding: .01em .2em;
	border-bottom: 3px solid #026AAF;
}
.even { background-color: #FFF }
.ancla-subir {
	font-size:11px;
	text-transform:uppercase;
	clear:both;
	margin:0 auto 15px auto;
}
.botonera-principal { margin:0 auto 15px auto; }
.alert-principal {
	margin-bottom: 10px;
	padding: 3px 35px 3px 14px;
}
.nav { margin-bottom: 10px; }
#listado_ofertas_wrapper .span6 { margin-left:30px }
#listado_ofertas_info .span6 { margin-left:30px }
.dataTables_processing { display:none; }
.DataTables_sort_wrapper { margin-right:10px }
.well-white { background:#FFF; }
.datatable-center { text-align:center!important; }
.datatable-right { text-align:right!important; }
.cargando {
	width: 16px;
	height: 16px;
	background-image: url("../img/cargando.gif");
	margin: 5px 0px 0px 5px;
	float: right;
}
#conexionBBDD {
	display:block;
	font-size:11px;
	padding:5px;
	white-space:nowrap;
	text-align:center
}
.navbar .dropdown-menu {
	right:0px;
	left:auto;
}
.formulario-periodos{ margin-bottom:0px!important; border:1px solid #EEE; border-bottom:none; border-radius:6px 6px 0 0; padding:5px; background:#FAFAFA;}
.formulario-periodos-titulo{ display:inline-block; font-size:11px; font-weight:normal;}
.formulario-periodos select{ width:auto!important; padding-right:10px;}
/**/
/* modulo calendario ============================================================= */
.modulo-calendario {
	border:1px solid #D0D0D0;
	padding:1em;
}
.modulo-calendario .encabezado { display:none; }
.modcal-contenido { }
.ui-datepicker {
	padding: .2em .2em;
	text-align:center;
	margin:0 auto;
	color: #666;
}
.ui-datepicker a { color: #666 }
.ui-datepicker input, .ui-datepicker select, .ui-datepicker textarea, .ui-datepicker button {
	font-family: Arial, Helvetica, sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-datepicker .ui-datepicker-header {
	color: #666;
	text-transform:uppercase;
	font-weight: bold;
	margin: 0 auto 7px auto;
	text-align: center;
	position:relative;
}
.ui-datepicker .ui-datepicker-header a { color: #333 }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	cursor:pointer;
	width:31px;
	height:28px;
	line-height:28px;
	outline:none;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev {
	float:left;
	background-position:6px -109px;
}
.ui-datepicker .ui-datepicker-next {
	float:right;
	background-position:-56px -109px;
}
.ui-datepicker .ui-datepicker-prev-hover { }
.ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display:inline-block;
	cursor:pointer
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 2.4em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year { }
.ui-datepicker .ui-datepicker-title select { margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table {
	width: 100%;
	font-size: 1em;
	border-collapse: collapse;
	margin:0 auto 10px auto;
}
.ui-datepicker th {
	padding: .5em .3em;
	text-align: center;
	font-weight: normal;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 2px;
}
.ui-datepicker td span {
	display: block;
	padding: .5em .3em;
	text-align: center;
	text-decoration: none;
	background-color:#FAFAFA;
	border:1px solid #DDD;
	color:#AAA;
}
.ui-datepicker td a {
	display: block;
	padding: .5em .3em;
	text-align: center;
	text-decoration: none;
	background-color:#FFF;
	border:1px solid #DDD;
	color:#444;
}
.ui-datepicker td.ui-datepicker-other-month span { background-color:#F0F0F0; }
.ui-datepicker .activo a {
	background-color:#FFF;
	border: 1px solid #DDD;
}
.ui-datepicker td.ui-datepicker-today span {
	background-color:#FFF;
	border:1px solid #B70000;
	font-weight:bold;
}
.ui-datepicker td a:hover {
	background-color: #FFF!important;
	color: #B70000!important;
}
.ui-datepicker-current-day a {
	background-color: #FFF!important;
	color: #B70000!important;
	font-weight:bold;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding:0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width:auto;
	overflow:visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
table th.columnaDestaca{ font-weight:bold;}
table th.columnaDestaca{color:#000!important; font-weight:bold;}
table td.columnaDestaca{color:#000!important; font-size:16px; font-weight:bold;}

table th.columnaDestaca2{ border-left:3px solid #ccc; border-right:2px solid #ccc; font-weight:bold;}
table td.columnaDestaca2{color:#000!important; font-size:14px; border-left:3px solid #ccc; border-right:2px solid #ccc; font-weight:bold;}


.tablainfo{ border:none; width:auto;}
.tablainfo th, .tablainfo td{ border:none!important;}
.text-preliminar{ color:#F60!important;}
.tablainfo .separacion-preliminar{ display:inline-block; width:16px; font-size:1px;}

#btnExport{ margin-top:20px;}
/*.tablatotal th{ background:#026AAF!important; color:#FFF;}*/

.panel_disable {
    text-decoration: none;
    background-color: #E6E2DF;
    background-repeat: no-repeat;
	background-position: 110% 110%;
    color: #B2AAA4;
    display: block;
    float: left;
    height: 130px;
    width: 250px;
    margin: 0 5px 20px 5px;
    padding: 15px;
	background-size:auto 60%;
     -moz-transition: all 0.2s ease; /* FF3.7+ */
       -o-transition: all 0.2s ease; /* Opera 10.5 */
  -webkit-transition: all 0.2s ease; /* Saf3.2+, Chrome */
          transition: all 0.2s ease;
}

.item3 .panel_disable { background-image: url(../kpi/iconos/14.png);
}

.panel_disable h3 {
    font-family: tandelle-1, tandelle-2, Impact, Sans-serif, sans;
    font-size: 28px!important;
    line-height: 1;
    margin: 0 0 10px;
    text-transform: uppercase;
	color: #B2AAA4;
}

.panel_disable p {
    font-size: 12px;
    width: 65%;
}

.item3 p:hover {
    color: #B2AAA4;
	font-weight: bold;
	text-decoration: none;
}

/*hover panel*/
.hover-panel {
    text-decoration: none;
    background-color: #E6E2DF;
    background-repeat: no-repeat;
	background-position: 110% 110%;
    color: #B2AAA4;
    display: block;
    float: left;
    height: 130px;
    width: 250px;
    margin: 0 5px 20px 5px;
    padding: 15px;
	background-size:auto 60%;
     -moz-transition: all 0.2s ease; /* FF3.7+ */
       -o-transition: all 0.2s ease; /* Opera 10.5 */
  -webkit-transition: all 0.2s ease; /* Saf3.2+, Chrome */
          transition: all 0.2s ease;
}
.item1 .hover-panel { background-image: url(../kpi/iconos/5.png);
}
.item2 .hover-panel { background-image: url(../kpi/iconos/3.png);
}
.item3 .hover-panel { background-image: url(../kpi/iconos/14.png);
}
.item4 .hover-panel { background-image: url(../kpi/iconos/10.png);
}
.item5 .hover-panel { background-image: url(../kpi/iconos/8.png);
}
.item6 .hover-panel { background-image: url(../kpi/iconos/19.png);
}
.item7 .hover-panel { background-image: url(../kpi/iconos/20.png);
}
.item8 .hover-panel { background-image: url(../kpi/iconos/21.png);
}
.item9 .hover-panel { background-image: url(../kpi/iconos/22.png);
}
.item10 .hover-panel { background-image: url(../kpi/iconos/25.png);
}

.hover-panel h3 {
    font-family: tandelle-1, tandelle-2, Impact, Sans-serif, sans;
    font-size: 28px!important;
    line-height: 1;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.hover-panel p {
    font-size: 12px;
    width: 65%;
}

.hover-panel:hover {
    background-color: #237ABE;
    background-position: 98% 90%;
	color:#FFF;
	text-decoration:none;
}

.hover-panel:hover h3 {
    color: #FFF;
    text-shadow: rgba(0, 0, 0, 0.398438) 0px 0px 4px;
}

.hover-panel:hover p {
    color: #FFF:
}
/**/
.table-bordered .primero{ white-space:nowrap; word-break:keep-all;}
/**/
@media (min-width: 768px) {
#conexionBBDD {
	position:absolute;
	z-index:1;
	right:5px;
	top:70px;
	width:auto;
}
}
@media (max-width: 767px) {
#lema { font-size:18px; }
#conexionBBDD { margin:0 10px; }
.navbar { margin-bottom:10px; }
}
@media (max-width: 479px) {
#logo, .navbar .brand, .navbar .brand img {
	float:none;
	text-align:center;
	margin:0 auto;
	width:auto;
}
.zonaderecha {
	float:none!important;
	padding:0;
}
#lema {
	font-size:18px;
	line-height:1;
	float:none;
	padding:0;
	margin:4px auto;
	text-align:center;
}
}