﻿@charset "UTF-8";

/**********************************************************************************************/
.tabla_explicacion_incentivos {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    /*white-space: nowrap;*/
    background-color: white;
	font-family: Verdana,Arial,sans-serif;
}


.tabla_explicacion_incentivos td, .tabla_explicacion_incentivos th {
    text-align: left;
    padding: 4px 8px;
}

.tabla_explicacion_incentivos td {
    border: 1px solid #EEEEEE;
    font-size: 12px;
}

.tabla_explicacion_incentivos thead th {
    color: #ffffff;
    background: #65798F;
}


.tabla_explicacion_incentivos thead th:nth-child(odd) {
    color: #ffffff;
    background: #455B73;
}

.tabla_explicacion_incentivos tr:nth-child(even) {
    background: #EAEAEA;
}
/**********************************************************************************************/


/**********************************************************************************************/
.tabla_calculadora_incentivos {
    border-radius: 5px;
    font-size: 10px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    /*white-space: nowrap;*/
    background-color: white;
	font-family: Verdana,Arial,sans-serif;
}


.tabla_calculadora_incentivos td, .tabla_calculadora_incentivos th {
    text-align: left;
    padding: 2px;
}

.tabla_calculadora_incentivos td {
    border: 1px solid #EEEEEE;
    font-size: 10px;
}

.tabla_calculadora_incentivos thead th {
    color: #ffffff;
    background: #65798F;
}


.tabla_calculadora_incentivos thead th:nth-child(odd) {
    color: #ffffff;
    background: #455B73;
}

.tabla_calculadora_incentivos tr:nth-child(even) {
    background: #EAEAEA;
}

.btn_simulador_incentivos{
    border: 1px solid #ffffff;
    background: #274352 !important;
    font-weight: bold !important;
    color: #f5e8d2!important;
}
.btn_simulador_incentivos:hover{
	background: #f5e8d2 !important;
    color: #274352!important;
}
/**********************************************************************************************/


















.ui-icon-calendar, .ui-icon-extlink, .ui-icon-pencil{
	background-image: url("https://download.jqueryui.com/themeroller/images/ui-icons_274352_256x240.png")!important;
}

.ui-icon-circle-close{
	background-image: url("https://download.jqueryui.com/themeroller/images/ui-icons_ff0000_256x240.png")!important;
}


ul.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

ul.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    padding: 0 0em 0.1em 0em !important;
}

ul.ui-widget-content {
    background: #ffffff!important;
    color: #333333!important;
}
ul.ui-widget {
	font-family: Arial,sans-serif;
    font-size: 0.8em!important;
}

.autocomplete_loading{
	background: #FFFFFF url("../images/loading.gif") 98% 50% no-repeat!important;
}






table.pq-grid-header-table tr td.obj_anual, tr.pq-grid-row{
	background: -prefix-linear-gradient(top, #F9E0AC, #f7d07f);
	background: linear-gradient(to bottom, #F9E0AC, #f7d07f);
	color: white;
	text-shadow: none;
}

table.pq-grid-header-table tr td.inc_anual, tr.pq-grid-row{
	background: -prefix-linear-gradient(top, #f7d07f, #F1B12B);
	background: linear-gradient(to bottom, #f7d07f, #F1B12B);
	color: white;
	text-shadow: none;
}

table.pq-grid-header-table tr td.objetivo_100, tr.pq-grid-row{
	background: -prefix-linear-gradient(top, #6ADCBB, #0FAD7F);
	background: linear-gradient(to bottom, #6ADCBB, #0FAD7F);
	color: white;
	text-shadow: none;
}

table.pq-grid-header-table tr td.incentivo1, tr.pq-grid-row{
	background: -prefix-linear-gradient(top, #617993, #455B73);
	background: linear-gradient(to bottom, #617993, #455B73);
	color: white;
	text-shadow: none;
}

span.incentivo1{
	color:#455B73;
	font-weight: bold;
}

table.pq-grid-header-table tr td.incentivo2, tr.pq-grid-row{
	background: -prefix-linear-gradient(top, #CBDDF1, #A4BDD8);
	background: linear-gradient(to bottom, #CBDDF1, #A4BDD8);
	color: white;
	text-shadow: none;
}

span.incentivo2{
	color:#577390;
}

table.pq-grid-header-table tr td.incentivo3, tr.pq-grid-row{
	background: -prefix-linear-gradient(top, #A4BDD8, #617993);
	background: linear-gradient(to bottom, #A4BDD8, #617993);
	color: white;
	text-shadow: none;
}

span.incentivo3{
	color:#617993;
	font-weight: bold;
}








table.pq-grid-header-table tr td.scoring, tr.pq-grid-row{
	background: -prefix-linear-gradient(top, #A4BDD8, #617993);
	background: linear-gradient(to bottom, #A4BDD8, #617993);
	color: white;
	text-shadow: none;
}

table.pq-grid-header-table tr td.fecha_ult_reg, tr.pq-grid-row{
	background: -prefix-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: linear-gradient(to bottom, #EEEEEE, #BBBBBB);
	text-shadow: 0 1px 0 #CCCCCC;
}

table.pq-grid-header-table tr td.recalculado, tr.pq-grid-row{
	background: -prefix-linear-gradient(top, #6ADCBB, #0FAD7F);
	background: linear-gradient(to bottom, #6ADCBB, #0FAD7F);
	color: white;
	text-shadow: none;
}


div.pq-loading-imagen {
	padding-top: 0;
	padding-right: 10px;
	padding-left: 29px;
	line-height: 23px;
	background-image: url("../js/grid/images/loading.gif");
	background-position: 6px center;
	background-repeat: no-repeat
}
div.pq-loading-porcentaje {
	padding-top: 0;
	padding-right: 10px;
	padding-left: 29px;
	line-height: 23px;
	background-image: url("../js/grid/images/loading.gif");
	background-position: 6px center;
	background-repeat: no-repeat;
}

.mitextarea {
	resize: none;
	width: 99%;
	max-height: 300px;
}




/************************ TABLA PARA EXPORTAR PDF ************************/
.fl-table#DescargarPDF {
    border-radius: 5px;
    font-size: 11px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
	font-family: Verdana,Arial,sans-serif;
}


.fl-table#DescargarPDF td, .fl-table#DescargarPDF th {
    text-align: left;
    padding: 4px 8px 4px 8px;
}

.fl-table#DescargarPDF td {
    border: 1px solid #EEEEEE;
    font-size: 11px;
}
/************************ TABLA PARA EXPORTAR PDF ************************/



.fl-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
	font-family: Verdana,Arial,sans-serif;
}


.fl-table td, .fl-table th {
    text-align: left;
    padding: 8px;
}

.fl-table td {
    border: 1px solid #EEEEEE;
    font-size: 12px;
}

.fl-table thead th {
    color: #ffffff;
    background: #65798F;
}


.fl-table thead th:nth-child(odd) {
    color: #ffffff;
    background: #455B73;
}

.fl-table tr:nth-child(even) {
    background: #EAEAEA;
}

/******************* MIS ESTILOS *********************/
.fl-table tr.inicial {
	color:black;
    background: #91A4B9;
	font-style: italic;
	font-weight: bold;
}

.fl-table tr.inicial td {
	font-size: 10px;
	padding: 4px 4px 4px 8px;
}

.fl-table thead th.titulo_registro {
    color: #ffffff;
    background: #324960;
}


.fl-table#titulo_ficha_scoring thead th:nth-child(odd) {
    color: #ffffff;
    background: #0FAD7F;
}

.fl-table#historico thead th:nth-child(odd).titulo_historico {
    color: #ffffff;
    background: #0FAD7F;
}

.fl-table#historico thead th {
    color: #ffffff;
    background: #85C4B2;
}


.fl-table#historico thead th:nth-child(odd) {
    color: #ffffff;
    background: #61B9A0;
}


.fl-table#historico thead th#recalculado {
    color: #ffffff;
	font-style: italic;
	font-weight: bold;
    background: #324960;
}


.fl-table#historico thead th#recalculado:nth-child(odd) {
    color: #ffffff;
	font-style: italic;
	font-weight: bold;
    background: #324960;
}

/******************* MIS ESTILOS *********************/


/* Responsive */

@media (max-width: 767px) {
    .fl-table {
        display: block;
        width: 100%;
    }
    .table-wrapper:before{
        content: "Scroll horizontally >";
        display: block;
        text-align: right;
        font-size: 11px;
        color: white;
        padding: 0 0 10px;
    }
    .fl-table thead, .fl-table tbody, .fl-table thead th {
        display: block;
    }
    .fl-table thead th:last-child{
        border-bottom: none;
    }
    .fl-table thead {
        float: left;
    }
    .fl-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .fl-table td, .fl-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 120px;
        font-size: 13px;
        text-overflow: ellipsis;
    }
    .fl-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }
    .fl-table tbody tr {
        display: table-cell;
    }
    .fl-table tbody tr:nth-child(odd) {
        background: none;
    }
    .fl-table tr:nth-child(even) {
        background: transparent;
    }
    .fl-table tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tbody td {
        display: block;
        text-align: center;
    }
}



















.multiselect {
	width: 450px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  	width: 100%;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxesCond, #checkboxesObj, #checkboxesNecFis, #checkboxesPromo, #checkboxesParMed {
	display: none;
	border: 1px #5B5B5B solid;
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: white;
}

#checkboxesCond label, #checkboxesObj label, #checkboxesNecFis label, #checkboxesPromo label, #checkboxesParMed label {
	display: block;
}

#checkboxesCond label:hover, #checkboxesObj label:hover, #checkboxesNecFis label:hover, #checkboxesPromo label:hover, #checkboxesParMed label:hover {
	background-color: darkred;
	color: white;
}










/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/*Removes underline and color from links*/
a { color: inherit; text-decoration: none; outline: none;}


html, body {
	height: 100%;
	/*background-color: #aaaeb9;*/
	background-color: #B9B9B9;
	overflow:hidden;
}

h1.nueva_incidencia {
	background: url(../images/chincheta.png) no-repeat left center;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:35px;
	margin-bottom: 5px;
	padding: 0px 15px 0px 35px;
	text-shadow:0 1px 0 #FFFFFF;
}

h1.nueva_incidencia_descripcion {
	background: url(../images/descripcion.png) no-repeat left center;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:35px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 15px 0px 35px;
	text-shadow:0 1px 0 #FFFFFF;
}

h1.nueva_incidencia_para {
	background: url(../images/para.png) no-repeat left center;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:35px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 15px 0px 40px;
	text-shadow:0 1px 0 #FFFFFF;
}

h1.nueva_incidencia_tarea {
	background: url(../images/tareas.png) no-repeat left center;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:35px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 15px 0px 40px;
	text-shadow:0 1px 0 #FFFFFF;	
}

h1.nueva_incidencia_notas {
	background: url(../images/notas.png) no-repeat left center;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:35px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 15px 0px 40px;
	text-shadow:0 1px 0 #FFFFFF;	
}

.inline {
	display: inline;
}

#main {
	/*background-color: #aaaeb9;*/
	background-color: #f5f6f7;
	height: 100%;
	width: 100%;
}

#footer {
	display: initial;
	width: 100%;
	height: 37px;
	font-family: verdana,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #495d6f;
	text-transform: normal;
	letter-spacing: -0.8pt;
	word-spacing: 2pt;
	line-height: 3em;
	padding-left: 5px;
	padding-right: 15px;
}

.right {
	float: right;
}

.left {
	float: left;
}

#footer a {
	color: #495d6f;
}

#panel-left {
	float: left;
	width: 180px;
	background-color: #f5f6f7;
	border-right: 1px solid #000;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}

#content {
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	background-color: #CFCFCF;
}

div.clear { clear: both; }






#panel-left h2 {
	font-family:Tahoma,Arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;
	color: #495d6f;
	padding-top: 2px;
	padding-left: 6px;	
    background: url(../images/left.png) center right no-repeat;
	cursor:pointer;
}

#panel-left li {
	font-family: Verdana, san serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 2.2em;
	text-indent: 20px;
	list-style:none;
	height: 24px;
}

#panel-left li a {
	text-decoration: none;
	color: #000;
	display: block;
	width: 180px;
	outline:0; 
}

#panel-left li a:hover, a:active, a:focus {
	color: #274352;
	text-decoration: none;
	outline:0;
}

#panel-left .li_hover {
	background: #f5e8d2;
	font-weight: bold;
}

#panel-left .li_hover a {
	color: #274352;
}

li span.listado {
	background: url(../images/page_white_text.png) no-repeat left center;
	padding:15px 10px 15px 20px;	
}

li span.nuevo_centro{
	background: url(../images/building_add.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.listado_centros{
	background: url(../images/building.png) no-repeat left center;
	padding:15px 10px 15px 20px;	
}

li span.centros_borrados{
	background: url(../images/building_delete.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.itodas{
	background: url(../images/tag_blue.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.igenerales{
	background: url(../images/tag_green.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.icontroladores{
	background: url(../images/tag_orange.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.inutricionistas{
	background: url(../images/tag_pink.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.idelegaciones{
	background: url(../images/tag_purple.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.icentros{
	background: url(../images/tag_red.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.inueva{
	background: url(../images/tag_blue_add.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.cearpedidos{
	background: url(../images/crear_pedidos.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}
li span.valnutricionistas{
	background: url(../images/val.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}
li span.valcentros{
	background: url(../images/val.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}
li span.buscar_pedidos{
	background: url(../images/buscar_pedidos.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}
li span.buscar_pedidos_comerciales{
	background: url(../images/buscar_pedidos.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}
li span.comerciales{
	background: url(../images/comerciales.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.poraperturar{
	background: url(../images/comerciales.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}
li span.incentivos{
	background: url(../images/incentivos.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.controlpresencia{
	background: url(../images/control_presencia.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.stock{
	background: url(../images/stock.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

li span.editar_cuadrante{
	background: url(../images/editar_cuadrante.png) no-repeat left center;
	padding:15px 10px 15px 20px;
	float: right;
	cursor:pointer;
	margin-top:-10px;
}

span.user {
	background: url(../images/UserNotes.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.cambia_user {
	background: url(../images/cambia_usuario.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.telefono {
	background: url(../images/telephone.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.location {
	background: url(../images/map.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.exit {
	background: url(../images/door_in.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.direccion {
	background: url(../images/vcard.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.nombre{
	background: url(../images/house.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.tarea{
	background: url(../images/time.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.titulo{
	background: url(../images/bullet_blue.png) no-repeat left center;
	padding:15px 10px 15px 20px;
	font-size: 20px;
}

span.nota{
	background: url(../images/note.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.nutricionistas{
	background: url(../images/nutricionistas.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.controladores{
	background: url(../images/controladores.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.delegaciones{
	background: url(../images/delegaciones.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.porconfirmar{
	background: url(../images/porconfirmar.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

span.porenviar{
	background: url(../images/porenviar.png) no-repeat left center;
	padding:15px 10px 15px 20px;
}

#listado, #listado2, #listado3, #listado4, #listado5 {
	border-collapse: collapse;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	width: 100%;
    table-layout:fixed;
}

.caption {
	/*width: 100%;*/
	height: 39px;
	background: url(../images/titulo.png) repeat-x bottom;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;	
	text-align: left;
	line-height: 1.4em;
	padding-top: 15px;
	padding-left: 5px;
}

.caption_small  {
	/*width: 100%;*/
	height: 40px;
	background: url(../images/titulo.png) repeat-x bottom;
	font-family: verdana,sans-serif;
	color: #959595;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;	
	text-align: left;
	line-height: 1.8em;
	/*padding-top: 10px;*/
	padding-left: 10px;
	overflow: hidden;
}

.caption_small2 {
	/*width: 100%;*/
	height: 40px;
	background: url(../images/fondo_caption.png) repeat-x bottom;
	font-family: verdana,sans-serif;
	color: #959595;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;	
	text-align: left;
	line-height: 1.8em;
	/*padding-top: 10px;*/
	padding-left: 10px;
}

.caption .separador {
	background: url(../images/bg-tab-delimiter.png) no-repeat;
	height: 22px;
	width: 24px;
	display: inline;
}

#listado tbody tr:hover td, #listado tbody tr.even:hover td, #listado tbody tr.apertura:hover td, #listado tbody tr.comercial:hover td, #listado tbody tr.baja:hover td, #listado tbody tr.finalizada:hover td, #listado tbody tr.leida:hover td, #listado tbody tr.noleida:hover td,
#listado2 tbody tr:hover td, #listado2 tbody tr.even:hover td, #listado2 tbody tr.apertura:hover td, #listado2 tbody tr.comercial:hover td, #listado2 tbody tr.baja:hover td,
#listado3 tbody tr:hover td, #listado3 tbody tr.even:hover td, #listado3 tbody tr.apertura:hover td, #listado3 tbody tr.comercial:hover td, #listado3 tbody tr.baja:hover td,
#listado4 tbody tr:hover td, #listado4 tbody tr.even:hover td, #listado4 tbody tr.apertura:hover td, #listado4 tbody tr.comercial:hover td, #listado4 tbody tr.baja:hover td,
#listado5 tbody tr:hover td, #listado5 tbody tr.even:hover td, #listado5 tbody tr.apertura:hover td, #listado5 tbody tr.comercial:hover td, #listado5 tbody tr.baja:hover td
{
	background-color: #3875D7;
	color: #fff;
	cursor:pointer;
	cursor:hand;
}

#listado thead tr:hover, 
#listado2 thead tr:hover, 
#listado3 thead tr:hover, 
#listado4 thead tr:hover, 
#listado5 thead tr:hover
{
	cursor:pointer;
	cursor:hand;
}


#listado  thead tr .header span,
#listado2  thead tr .header span,
#listado3  thead tr .header span,
#listado4  thead tr .header span,
#listado5 thead tr .header span
{
	/*background-image: url(../images/bg.gif);*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#listado thead tr .headerSortUp span,
#listado2 thead tr .headerSortUp span,
#listado3 thead tr .headerSortUp span,
#listado4 thead tr .headerSortUp span,
#listado5 thead tr .headerSortUp span
{
	background-image: url(../images/asc.gif);
}

#listado  thead tr .headerSortDown span, 
#listado2  thead tr .headerSortDown span, 
#listado3  thead tr .headerSortDown span, 
#listado4  thead tr .headerSortDown span, 
#listado5  thead tr .headerSortDown span 
{
	background-image: url(../images/desc.gif);
}

#listado tbody tr:active td, #listado tbody tr.even:active td,
#listado2 tbody tr:active td, #listado2 tbody tr.even:active td,
#listado3 tbody tr:active td, #listado3 tbody tr.even:active td,
#listado4 tbody tr:active td, #listado4 tbody tr.even:active td,
#listado5 tbody tr:active td, #listado5 tbody tr.even:active td
{
	background-color: #BFBFBF;
	color: #000;
}

#listado tbody tr:focus td, #listado tbody tr.even:focus td, 
#listado2 tbody tr:focus td, #listado2 tbody tr.even:focus td, 
#listado3 tbody tr:focus td, #listado3 tbody tr.even:focus td, 
#listado4 tbody tr:focus td, #listado4 tbody tr.even:focus td, 
#listado5 tbody tr:focus td, #listado5 tbody tr.even:focus td
{
	background-color: #BFBFBF;
	color: #000;
}


#listado thead th,
#listado2 thead th,
#listado3 thead th,
#listado4 thead th,
#listado5 thead th
{	
	background: url(../images/thead_bg.png) repeat-x bottom;
	height: 22px;
	border-left: 1px solid #C9C8C8;
	text-align: left;
	padding-left: 5px;
    overflow:hidden;
    white-space:nowrap;
}

#listado thead th.nonex,
#listado2 thead th.nonex,
#listado3 thead th.nonex,
#listado4 thead th.nonex,
#listado5 thead th.nonex
{	
	background: none;
	background-color: #C8C8C8;
	width: 3em;
	border-left: none;
	font-size: 12px;
	border-left: 1px solid #000; 
	border-right: 1px solid #000;	
	font-weight: bold;
}

#listado tbody tr.even td, 
#listado2 tbody tr.even td, 
#listado3 tbody tr.even td, 
#listado4 tbody tr.even td, 
#listado5 tbody tr.even td 
{
	background-color: #E4E8F0;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.apertura td, 
#listado2 tbody tr.apertura td, 
#listado3 tbody tr.apertura td, 
#listado4 tbody tr.apertura td, 
#listado5 tbody tr.apertura td
{
	background-color: #9ACD32;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.comercial td, 
#listado2 tbody tr.comercial td, 
#listado3 tbody tr.comercial td, 
#listado4 tbody tr.comercial td, 
#listado5 tbody tr.comercial td 
{
	background-color: #FF7F50;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.visitado td, 
#listado2 tbody tr.visitado td, 
#listado3 tbody tr.visitado td, 
#listado4 tbody tr.visitado td, 
#listado5 tbody tr.visitado td
{
	background-color: #81bbe4;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.devcentro td, 
#listado2 tbody tr.devcentro td, 
#listado3 tbody tr.devcentro td, 
#listado4 tbody tr.devcentro td, 
#listado5 tbody tr.devcentro td
{
	background-color: #65a194;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.devdelegacion td, 
#listado2 tbody tr.devdelegacion td, 
#listado3 tbody tr.devdelegacion td, 
#listado4 tbody tr.devdelegacion td, 
#listado5 tbody tr.devdelegacion td
{
	background-color: #919555;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.baja td, 
#listado2 tbody tr.baja td, 
#listado3 tbody tr.baja td, 
#listado4 tbody tr.baja td, 
#listado5 tbody tr.baja td 
{
	background-color: #CD5C5C;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.fin_formacion td, 
#listado2 tbody tr.fin_formacion td, 
#listado3 tbody tr.fin_formacion td, 
#listado4 tbody tr.fin_formacion td, 
#listado5 tbody tr.fin_formacion td 
{
	background-color: #75a0e5;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.noleida td
{
	background-color: #fff;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.leida td
{
	background-color: #B0C4DE;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr.finalizada td
{
	background-color: #4682B4;
	padding: 0px 5px 0px 5px;
	height: 22px;
}


#listado tbody tr.even td.gestion, 
#listado2 tbody tr.even td.gestion, 
#listado3 tbody tr.even td.gestion, 
#listado4 tbody tr.even td.gestion, 
#listado5 tbody tr.even td.gestion
{
	background-color: #CD5C5C; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000;
}

#listado tbody tr.even td.resultado, 
#listado2 tbody tr.even td.resultado, 
#listado3 tbody tr.even td.resultado, 
#listado4 tbody tr.even td.resultado, 
#listado5 tbody tr.even td.resultado 
{
	background-color: #FFA07A; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000;
}

#listado tbody tr td.odd,
#listado2 tbody tr td.odd,
#listado3 tbody tr td.odd,
#listado4 tbody tr td.odd,
#listado5 tbody tr td.odd
{
	background-color: #edf3fe;
	padding: 0px 5px 0px 5px;
	height: 22px;
}

#listado tbody tr  td, 
#listado2 tbody tr  td, 
#listado3 tbody tr  td, 
#listado4 tbody tr  td, 
#listado5 tbody tr  td
{
	background-color: #fff;
	padding: 0px 5px 0px 5px;
	height: 22px;
    overflow:hidden;
    white-space:nowrap;
}

#listado tfoot tr  td, 
#listado2 tfoot tr  td, 
#listado3 tfoot tr  td, 
#listado4 tfoot tr  td, 
#listado5 tfoot tr  td 
{
	background-color: #fff;
	padding: 0px 5px 0px 5px;
	height: 22px;
	overflow:hidden;
	white-space:nowrap;
}

#cuadrante {
	border-collapse: collapse;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	width: 100%;
}

#cuadrante tbody td:hover , #cuadrante tbody td.odd:hover {
	background-color: #3875D7;
	color: #fff;
}

#cuadrante thead th {	
	background: url(../images/thead_bg.png) repeat-x bottom;
	border-left: 1px solid #C9C8C8;
	height: 22px;
	text-align: left;
	padding-left: 5px;
}

#cuadrante tbody tr td.odd {
	background-color: #edf3fe;
	padding: 0px 0px 0px 5px;
	height: 210px;
	width: 20%;
	vertical-align:top;
}

#cuadrante tbody tr  td {
	background-color: #fff;
	padding: 0px 0px 0px 5px;
	height: 200px;
	width: 20%;
	vertical-align:top;
}


.informacion {
	border-collapse: collapse;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #4e4e4e;
}

.informacion tbody tr  td {
	padding: 0px 0px 0px 5px;
	height: 18px;
	font-weight: bold;
}

.informacion tbody tr  td.info {
	text-align: right;
	font-weight: normal;
}

.tarea {
	border-collapse: collapse;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #4e4e4e;
}

.tarea tbody tr  td {
	padding: 0px 0px 0px 5px;
	height: 25px;
}

.contenido {
	margin: 20px 20px 0px 20px;
	overflow: hidden;
}


.title {
	background: url(../images/titulo.png) repeat-x bottom;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;	
	text-align: left;
	line-height: 1.4em;
}

#info {
	background: url(../images/info_bottom_background.png) repeat-x top;
}

.descripcion {
	background-color: #fff;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	text-align: left;
	line-height: 1.5em;
}

.comment {
	padding: 10px;
	/*background: url(../images/info_bottom_background.png) repeat-x top;
	background-color: #A1B2C1;*/
}

.usuario {
	background-color: #E1E1E1;
	border-top: 2px;
	border-bottom: 2px;
	border-left: 0px;
	border-right: 0px;
	border-color: #B1B2B9;
	border-style: solid;
	color: #4e4e4e;
	height: 40px;
	line-height: 2.5em;
	margin-bottom: 5px;
}

.text {
	margin:0; padding:5px;
	background:#FFF url(../images/input.gif) repeat-x;
	border:1px solid #e5e3d8;
	font-size: 16px;
}

.textareaob {
	font-family: Helvetica, Arial, sans-serif;
	background:#FFF url(../images/input.gif) repeat-x;
	border:1px solid #e5e3d8;
	font-size: 10px;
	resize: none;
	width: 100%;
	height: 40px;
	padding:0px;
	display:block;
	
	overflow:hidden;
}

.os input {
	margin:0; 
	padding:2px;
	border-top: 2px solid #737373;
	border-left: 2px solid #e5e3d8;
	border-right: 2px solid #e5e3d8;
	border-bottom: 2px solid #e5e3d8;
}

.os input:focus {
	margin:0; 
	padding:2px;
	border: 2px solid #7FB5E1;
}

.login {
	/*margin-left: 33%;*/
  margin:0 auto 0 auto;
	top: 20%;
	position: relative;
	width: 335px;
}

.lerror {
	background-color: #A4A4A4;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}

.flogin input.ltext {
	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity:0.4;
	width: 150px;
	background-color: #f1f1f1;
	border: 1px solid #d9d7d8;
	font-size: 16px;
}

.logo_login {
	background-image: url(../images/logo_login2.png);
	width: 335px;
	height: 119px;
}

.form_login {
	background: url(../images/form_login2.png) no-repeat;
	height: 160px;
	padding: 10px;
	padding-top: 30px;
}

.form_login_navegador {
	background: url(../images/form_login_navegador.png) no-repeat;
	height: 160px;
	padding: 10px;
	color:#666;
}

#dropdown-wrap {
	background: #E2E1E2 url(../images/prueba.png) repeat-x bottom left;
}

#dropdown {
}	

	#dropdown .content {
		padding: 10px 0 0 10px;
		display: none;
	}
	
.content fieldset {
	margin-top: 0;
}

.content label {
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 1.5em;
	display: block
}

.content input {
	width: 300px;
}

.content input.btn_submit {
	width: auto;
	letter-spacing: 1.5px;
	font-size: 10px;
}

.content textarea {
	width: 450px;
	height: 105px;
}

.content select {
	width: 200px;
}

select.asignar_centro {
	width: 195px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
}

.content form p {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 0;
}

.content form p.sel {
	background-color: #CAC9C9;
}

#centro_bottom {
	margin-top: 20px;
}

.formu td  {
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
}

.nueva_provincia {
	float: left;
	width: 270px;
  margin-left: 30px;
}

.nueva_provincia_content {
	background-color: #E8E8E8;	
	padding: 15px;
	border: 1px solid #979AA0;
	-moz-border-radius: 0px 0px 20px 20px;	
}

.nueva_localidad {
	float: left;
	width: 300px;
	margin-left: 30px;
}

.nueva_localidad_content {
	background-color: #E8E8E8;
	padding: 15px;
	border: 1px solid #979AA0;
	-moz-border-radius: 0px 0px 20px 20px;	
}

#nuevo_centro {
	float:left;
	width: 360px;
}

.nuevo_centro_content, .nuevo_centro_content_fisica, .nuevo_centro_content_juridica {
	background-color: #ebebeb;
	padding: 15px;
	border-left: 1px solid #979AA0;
	border-right: 1px solid #979AA0;
	border-bottom: 1px solid #979AA0;
	-moz-border-radius: 0px 0px 20px 20px;	
}

#map {
	float:left;
	margin-left: 30px;
	width: 70vw; 
	height: 90vh;
	border: 1px solid #979AA0;
}

.titulo {
	background-color: #C0C8D5;
	height: 30px;
	font-size: 20px;
	color: #606465;
	line-height: 1.5em;
	padding-left: 20px;
	border-bottom: 1px solid #979AA0;
	border: 1px solid #979AA0;
	-moz-border-radius: 20px 20px 0px 0px;	
}





















input.submit  {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 2px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	border-color: #DFDFDF;
	color: #093E56;
	font-weight: bold;
	background: #f2f2f2 url(../images/white-grad.png) repeat-x scroll left top;
}

input.submit:hover {
	color: #000;
	border-color: #B0B0B0;
}

input.submit:active {
	color: #000;
	border-color: #B0B0B0;
	background: #f2f2f2 url(../images/white-grad-active.png) repeat-x scroll left top;
}

.submit_azul, input.submit_azul {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 2px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	border-color: #298cba;
	color: #fff;
	font-weight: bold;
	background: #f2f2f2 url(../images/button-grad.png) repeat-x scroll left top;
}

.submit_azul:hover, input.submit_azul:hover {
	color: #EAF2FA;
	border-color: #13455B;
}

.submit_azul:active, input.submit_azul:active {
	color: #EAF2FA;
	border-color: #13455B;
	background: #f2f2f2 url(../images/button-grad-active.png) repeat-x scroll left top;
}

.submit_red, input.submit_red {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 2px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	border-color: #A0324E;
	color: #fff;
	font-weight: bold;
	background: #f2f2f2 url(../images/button-grad-del.png) repeat-x scroll left top;
}

.submit_red:hover, input.submit_red:hover {
	color: #EAF2FA;
	border-color: #C10010;
}

.submit_red:active, input.submit_red:active {
	color: #EAF2FA;
	border-color: #13455B;
	background: #f2f2f2 url(../images/button-grad-active-del.png) repeat-x scroll left top;
}
	
input#title {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border-color: #DFDFDF;
	border-style:solid;
	border-width:2px;
	font-size:1.7em;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:3px 4px;
	width: 800px;
}

textarea.text_descripcion {
	width: 490px;
	height: 250px;
	padding: 0;
	border-color: #DFDFDF;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;	
	border-style:solid;
	border-width:2px;
	font-size:1.7em;
	padding:3px 4px;	
	overflow: auto; 
}

.title_nueva {
	background:#DFDFDF url(../images/gray-grad.png) repeat-x scroll left top;
	font-family:"Lucida Grande","Bitstream Vera Sans",Verdana,Arial,sans-serif;	
	font-size:12px;
	font-weight:bold;
	line-height:1;
	padding:7px 9px;
}

.choose {
	height: 210px;
	background-color: #fff;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;	
	padding: 10px;
}

.wrap {
	border: 2px solid #DFDFDF;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	margin-left: 10px;
	width: 290px;
}

.wrap2 {
	border: 2px solid #DFDFDF;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
  border-radius: 6px;
  webkit-border-radius: 6px;
	margin-left: 10px;
	width: 98%;
  -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 5px 10px #000;
  box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
}

.desc {
	background-color: #fff;
	overflow:auto;
	padding: 10px;
}

.title_incid {
	background:#DFDFDF url(../images/gray-grad.png) repeat-x scroll left top;
	font-family:"Lucida Grande","Bitstream Vera Sans",Verdana,Arial,sans-serif;	
	font-size:11px;
	font-weight:bold;
	line-height:1;
	font-style:italic;
	padding:7px 9px;
}

.title_incid span {
	color: #939393;
}

label {
	margin-left: 5px;
}

.fecha {
	font-family:"Lucida Grande","Bitstream Vera Sans",Verdana,Arial,sans-serif;	
	color: #939393;
	font-style:italic;
	font-size:9px;
	padding-left: 20px;
	display: block;
}


.tabs_pedido {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 94%;
	height: 17px;
	border-bottom: 1px solid #999999;
	background-color: #d0d0d0;
	padding: 10px 10px 0 10px;
	font-family:'Arial';
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-align: center;
	line-height: 1.8em;			
}

	.tabs_pedido a {
		display: block;
		width: 100%;
		text-decoration: none;
		color: #000;
		outline:0; 
	}

.tabs {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	height: 17px;
	border-bottom: 1px solid #999999;
	background-color: #d0d0d0;
	padding: 10px 10px 0 10px;
	font-family:'Arial';
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-align: center;
	line-height: 1.8em;			
}

.tab_left {
	float:left;
	background: url(../images/_CPTabLabelBackgroundLeft.png) no-repeat;
	height: 18px;
	width: 6px;
}
.tab_center {
	float:left;
	background: url(../images/_CPTabLabelBackgroundCenter.png) repeat-x;
	height: 18px;
	/*width: 100px;*/

}
.tab_right {
	float:left;
	background: url(../images/_CPTabLabelBackgroundRight.png) no-repeat;
	height: 18px;
	width: 6px;
	margin-right: 5px;
}
.tab_left_selected {
	float:left;
	background: url(../images/_CPTabLabelSelectedLeft.png) no-repeat;
	height: 18px;
	width: 6px;
}
.tab_center_selected {
	float:left;
	background: url(../images/_CPTabLabelSelectedCenter.png) repeat-x;
	height: 18px;
	/*width: 100px;*/
}
	.tabs a {
		display: block;
		width: 100%;
		text-decoration: none;
		color: #000;
		outline:0; 
	}
.tab_right_selected {
	float:left;
	background: url(../images/_CPTabLabelSelectedRight.png) no-repeat;
	height: 18px;
	width: 6px;
	margin-right: 5px;
}		
.tab_content {
	width: 100%;
	/*height: 400px;*/
	background-color: #ebebeb;
	padding-top: 5px;
}

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
}

.total {
	font-size: 13px;
}



.boton_mes {
	background: url(../images/boton_mes2.png) repeat-x;
	float:left;
	height: 23px;
	width: 55px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.9em;
	font-style: bold;
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.boton_mes2 {
	background: url(../images/boton_mes.png) repeat-x;
	float:left;
	height: 23px;
	/*width: 55px;*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.9em;
	font-style: bold;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.centro {
	/*padding-left: 56px;*/
	width: 120px;
	margin-left: auto;
	margin-right: auto;	
	padding-top: 8px;
}

.centro2 {
	/*padding-left: 56px;*/
	width: 90px;
	margin-left: auto;
	margin-right: auto;	
	/*padding-top: 8px;*/
}

.mes_prev:hover {
	cursor: pointer;
	cursor: hand;
}

.mes_next:hover {
	cursor: pointer;
	cursor: hand;
}

#chroma {
	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity:0.4;
	position: fixed;
	top: 0%;
	left: 0%;
	background-color: #000;
	width: 100%;
	height: 100%;
	z-index: 500;
}





.home-sub-header .slide {
	background:transparent url(../images/home-sub-header.gif) no-repeat scroll right top;
	padding:0 5px 0 0;
}

.home-sub-header {
	background:transparent url(../images/home-sub-header.gif) no-repeat scroll left top;
	padding:0 0 0 5px;
}

.home-sub-footer {
	background:transparent url(../images/home-sub-footer.gif) no-repeat scroll left bottom;
	padding:0 0 0 5px;
}

.home-sub-footer .slide {
	background:transparent url(../images/home-sub-footer.gif) no-repeat scroll right bottom;
	padding:0 5px 0 0;
}

.home-sub-interior {
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
}

.pruebabox {
	padding:20px;
	width: 700px;
	background-color: #fff;
}


ul.opciones {

}

ul.opciones li {
	display: inline;
}

ul.opciones li span.editar_centro {
	background: url(../images/building_edit.png) no-repeat left center;
	padding:15px 10px 15px 20px;	
}

ul.opciones li span.darbaja_centro {
	background: url(../images/building_delete.png) no-repeat left center;
	padding:15px 10px 15px 20px;	
}

ul.opciones li span.daralta_centro  {
	background: url(../images/building_go.png) no-repeat left center;
	padding:15px 10px 15px 20px;	
}

ul.opciones li span.editar_nutricionista {
	background: url(../images/user_edit.png) no-repeat left center;
	padding:15px 10px 15px 20px;	
}

ul.opciones li span.darbaja_nutricionista  {
	background: url(../images/user_delete.png) no-repeat left center;
	padding:15px 10px 15px 20px;	
}

ul.opciones li span.daralta_nutricionista  {
	background: url(../images/comerciales.png) no-repeat left center;
	padding:15px 10px 15px 20px;	
}

ul.opciones li span.eliminar_centro  {
	background: url(../images/cross.png) no-repeat left center;
	padding:15px 10px 15px 20px;	
}


.legenda {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 5.5em;
	color: #000;
	
}

.mes_prev_actual:hover, .mes_next_actual:hover, .mes_prev_pasada:hover, .mes_next_pasada:hover, .mes_prev_year:hover, .mes_next_year:hover {
  cursor:pointer;
	cursor:hand;
}








.window_options {
	position: absolute;
	width: 450px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;	
	z-index: 1001;
}

.window_options a { color: #fff; text-decoration: none; outline: none; }

.window_options_close {
	width: 20px;
	height: 20px;	
	overflow: hidden; 
	position: absolute; 
	visibility: visible; 
	/*z-index: 0; */
	font-family: 'Arial'; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: normal; 
	font-size-adjust: none; 
	font-stretch: normal; 
	-x-system-font: none; 
	color: rgb(0, 0, 0); 
	left: 10px; 
	top: 7px; 
	width: 20px; 
	height: 20px;	
}

.window_options_title {
	color: #fff;
}

.window_option_left_title  {
	float: left;
	background: url(../images/WindowTopLeft.png) no-repeat;
	width: 15px;
	height: 26px;
}

.window_option_content_title {
	float: left;
	background: url(../images/WindowTopCenter.png) repeat;
	width: 420px;
	height: 26px;
	line-height: 2.5em;
	/*padding-left: 30px;*/
	font-family: 'Arial'; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 16px; 	
	text-align: center;
}

.window_option_right_title {
	float: left;
	background: url(../images/WindowTopRight.png) no-repeat;
	width: 15px;
	height: 26px;
}

.window_options_content {
	color: #fff;
}

.window_option_left_content  {
	float: left;
	background: url(../images/WindowCenterLeft.png) repeat-y;
	width: 15px;
	height: 360px;
}

.window_option_content_content {
	float: left;
	background: url(../images/WindowCenter.png) repeat;
	width: 420px;
	height: 360px;
}

.window_option_right_content {
	float: left;
	background: url(../images/WindowCenterRight.png) repeat-y;
	width: 15px;
	height: 360px;
}


.window_options_footer {
}

.window_option_left_footer {
	float: left;
	background: url(../images/WindowBottomLeft.png) no-repeat;
	width: 15px;
	height: 39px;
}

.window_option_content_footer {
	float: left;
	background: url(../images/WindowBottomCenter.png) repeat;
	width: 420px;
	height: 39px;
	line-height: 2.5em;
}

.window_option_right_footer {
	float: left;
	background: url(../images/WindowBottomRight.png) no-repeat;
	width: 15px;
	height: 39px;
}
.window_hud_boton_left {
	float:left;
	background: url(../images/CPButtonHUDRegular0.png) no-repeat;
	height: 20px;
	width: 13px;
}
.window_hud_boton_center {
	float:left;
	background: url(../images/CPButtonHUDRegular1.png) repeat;
	line-height: 1.5em;
	height: 20px;
	font-family: 'Arial'; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 12px; 
	color: #fff;	
}
.window_hud_boton_right {
	float:left;
	background: url(../images/CPButtonHUDRegular2.png) no-repeat;
	height: 20px;
	width: 13px;	
}

.ocultar {
  display: none;  
}

#search input {
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius:: 8px 8px 8px 8px;
  background:none repeat scroll 0 0 whitesmoke;  
  padding:0px 3px;
}

.lista ul {
  margin-left: 15px;
}

.opc_incidencia li {
  display: inline;
}

/**
	Estilos para el recuadro de busqueda general
*/
#applesearch .sbox_l  {
	/*default styling*/
	margin-top: 8px;
}

#applesearch .sbox_r  {
	/*default styling*/
	margin-top: 8px;
}

#applesearch .sbox input {
	/*default styling*/
	margin-top: 8px;
	width: 180px;
	float:left;
}

#applesearch .sbox_l  {
	background:  url(../images/srch_l.gif) no-repeat top left;
	float: left;
	width: 19px; height: 19px;
}

#applesearch .sbox_r  {
	background:  url(../images/srch_r2.gif) no-repeat top left;
	float: left;
	width: 19px; height: 19px;
}

#applesearch .sbox input {
	background:  url(../images/srch_bg.gif) repeat-x top left;
	float: left;
	border: 0;
	height: 19px; width: 142px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}

.titulo-cuadrante {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	line-height: 1.5em;
}

span.setKmsCentro{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align: left;
	cursor:pointer;
}

/********************************/
/* MENU ACORDEON */
.menu_list {	
	width: 180px;
}
.menu_body {
	display:none;
	font-family: Verdana, san serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 2.2em;
	list-style:none;
	background:#ECE9E4;
	width: 180px;
}
.menu_body a{
	text-decoration: none;
	color: #000;
	display: block;
	outline:0; 
}
.menu_body a:hover{
	color:#fff;
	background:url(../images/left.png) center right no-repeat;
}
.menu_body .li_hover{
	background: url(../images/bg_li.png) repeat;
	font-weight: bold;
	color: #fff;
}

#panel-left .li_hover2, #panel-left .li_hover2 a {
	background: #274352;
	font-weight: bold;
	color: #fff;
}
/********************************/

div.secretaria {
	background: url(../images/soporte-tecnico.png) no-repeat;
	position:absolute;
	cursor:pointer;
	width:131px;
	height:148px;
	margin-left:20px;
	bottom:25px;
}

div.soporte-tecnico {
	position:absolute;
	cursor:pointer;
	width:131px;
	height:18px;
	margin-left:20px;
	bottom:5px;
    background: url(../images/right.png) center left no-repeat;

	font-family:Tahoma,Arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;
	color: #495d6f;
	padding-top: 2px;
	padding-left: 6px;	
}

div.cerrar-globito {
	background: url(../images/close_globito.png) no-repeat;
	position:relative;
	cursor:pointer;
	width:12px;
	height:12px;
	float:right;
}













/**********************************/
/* CSS para el gestor de archivos */
/**********************************/
th .indicator {margin-left: 6px }
#mkdir {display:inline-block;float:right;}
#dirname {
	font-family:"Lucida Grande","Bitstream Vera Sans",Verdana,Arial,sans-serif;	
	font-size:11px;
	font-weight:bold;
	line-height:1;
	font-style:italic;
	width: 160px;
	height: 29px;
	justify-content: center;
	padding: 0px;
	border: 3px dashed #ccc;
	align-items: center;
	text-align: center;
	background-color:darkgray;
	color: white;
}
#dirname::placeholder{
	font-family:"Lucida Grande","Bitstream Vera Sans",Verdana,Arial,sans-serif;	
	font-size:11px;
	font-weight:bold;
	line-height:1;
	font-style:italic;
	color: white;
}

#file_drop_target {
    overflow: hidden;
    position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width:290px;
	height: 29px;
	padding: 0px;
	border: 3px dashed #ccc;
	text-align: center;
	background-color:darkgray;
	color: white;
	cursor: pointer;
}

#file_drop_target.drag_over {
	border: 4px dashed darkred;
	color: darkred;
	cursor: pointer;
}

#file_drop_target [type=file], #file_drop_target [type=file]::-webkit-file-upload-button  {
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
	color: transparent;
	width: 103px;
	padding-left: 8px;
	cursor: pointer;
}

#upload_progress {padding: 4px 0;}
#upload_progress .error {color:#a00;}
#upload_progress > div { padding:3px 0;}
.no_write #mkdir, .no_write #file_drop_target {display: none}
.progress_track {display:inline-block;width:250px;height:10px;border:1px solid #333;margin: 0 4px 0 10px;}
.progress {background-color: #2AA3F0; height:10px; color: white}
#breadcrumb {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size:12px;
	color:white;
	background-color: #bac6d2;
	padding: 3px 3px 3px 5px;
}
#folder_actions {width: 50%;float:right;}
.sort_hide {display:none;}
tbody#list td { 
	padding:.2em 1em .2em .2em;
	border-bottom:1px solid #def;
	height:30px; 
	white-space: nowrap;
}
tbody#list td.titulo_carpeta { 
	color:gray; 
	background-color:gainsboro; 
	height: 25px;
}
tbody#list td.titulo_carpeta span.name {
	background: url(../images/carpeta.png) no-repeat scroll 0px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 25px;
}
td.first {font-size:11px;white-space: normal;}
td.empty { color:#777; font-style: italic; text-align: center;padding:3em 0;}
.is_dir .size {color:transparent; font-size: 11px; }
.is_dir .download{visibility: hidden}
a:hover {text-decoration: underline}
a.delete {
	background: url(../images/borrar.png) no-repeat scroll 0 2px;
	color:#d00;
	margin-left: 5px;
	padding:0 0 0 13px;
}
.download {
	background: url(../images/descarga.png) no-repeat scroll 0px 3px;
	color: #2AA3F0;
	padding:4px 0 4px 17px;
}
.is_dir .name {
	background: url(../images/carpeta.png) no-repeat scroll 4px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 30px;
}
.name {
	font-size:11px;
	background: url(../images/documento.png) no-repeat scroll 4px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 30px;
}
.pdf {
	font-size:11px;
	background: url(../images/pdf.png) no-repeat scroll 4px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 30px;
}
.img {
	font-size:11px;
	background: url(../images/img.png) no-repeat scroll 4px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 30px;
}
.word {
	font-size:11px;
	background: url(../images/word.png) no-repeat scroll 4px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 30px;
}
.excel {
	font-size:11px;
	background: url(../images/excel.png) no-repeat scroll 4px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 30px;
}
.powerpoint {
	font-size:11px;
	background: url(../images/powerpoint.png) no-repeat scroll 4px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 30px;
}
.bbdd {
	font-size:11px;
	background: url(../images/bbdd.png) no-repeat scroll 4px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 30px;
}
.video {
	font-size:11px;
	background: url(../images/video.png) no-repeat scroll 4px 12px;
	background-size: 16px 16px;
	padding:15px 0 10px 30px;
}
/**********************************/
/**********************************/







a.tooltip_notificaciones{
    position:relative;
    z-index:24;
}

a.tooltip_notificaciones:hover{
	z-index:25;
}

a.tooltip_notificaciones span.tooltip{
	display: none
}

a.tooltip_notificaciones:hover span.tooltip{
    display:block;
    position:absolute;
    top:3em;
	left:-3em;
	width: 300px;
	padding: 7px;
    background-color:#FFF; 
	color:#575757;
    border:1px solid #575757;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}

div.notificaciones{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/*********************************/
/*  CSS para las notificaciones  */
/*********************************/
.ui-pnotify .ui-pnotify-container {
	background-image: none !important;
	border: none !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity: 0.90;
	min-width: 300px;
}
.ui-pnotify .ui-pnotify-title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-top: 3px;
}
.ui-pnotify .ui-pnotify-text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-left: 20px;
	color: #000 !important;
	text-rendering: geometricPrecision !important;
}
.ui-pnotify .ui-pnotify-icon {
	font-family: Helvetica, Arial, sans-serif;
	float: left;
}
.ui-pnotify .fa {
	margin: 0px;
	width: 33px;
	height: 33px;
	font-size: 20px;
	color: #FFF;
}




.ui-pnotify.pedido_incidencias .ui-pnotify-container {
	background-color: #81bbe4;
}
.ui-pnotify.pedido_por_confirmar .ui-pnotify-container {
	background-color: #edf3fe;
}
.ui-pnotify.acciones_baja_empresa .ui-pnotify-container {
	background-color: #E5A8A8;
}
.ui-pnotify.acciones_baja_temporal .ui-pnotify-container {
	background-color: #E9CDCD;
}
.ui-pnotify.acciones_autoconsumo_huelva .ui-pnotify-container {
	background-color: #CBDFC9;
}
.ui-pnotify.acciones_autoconsumo_granada .ui-pnotify-container {
	background-color: #A5C7A2;
}
/*********************************/
/*********************************/





.formautoconsumo  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.formautoconsumo h1 {
	font-size: 16px;
	color: #274352;
}
.formautoconsumo h2 {
	font-size: 14px;
	color: darkgray;
}
.formautoconsumo .nuevo {
	background: #274352;
	color: #f5e8d2;
	padding: 1px 3px;
	font-weight: bold;
}










.ui-pnotify.tooltip_ratios .ui-pnotify-container {
	background-color: #DAE3F4;
	background-image: none !important;
	border: none !important;
	opacity: 0.95;
	padding: 0px;
}
.ui-pnotify.tooltip_ratios .ui-pnotify-text {
	font-family: Helvetica, Arial, sans-serif;
	/*text-shadow: 2px 2px 3px black !important;*/
	font-size: 11px;
	padding: 10px;
	line-height: 1 !important;
	text-rendering: geometricPrecision !important;
}
.ui-pnotify.tooltip_ratios .ui-pnotify-text th {
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	background-color: #9eb3c8;
	color: white;
}
.ui-pnotify.tooltip_ratios .ui-pnotify-text td {
	padding: 3px 5px 2px 5px;
	background-color: #EDF2FB;
}
.ui-pnotify.tooltip_ratios .ui-pnotify-title {
	padding-top: 0px;
}
.ui-pnotify.tooltip_ratios .ui-pnotify-icon {
	float: left;
}
.ui-pnotify.tooltip_ratios .fa {
	margin: 3px;
	width: 33px;
	height: 33px;
	font-size: 33px;
	color: #FF0;
}










/* VAMOS A GENERAR ESTILOS DIFERENTES SOLO PARA MARICRUZ */
.main-NEW {
	background-color: hotpink!important;
}

.content-NEW {
	background-color: lightpink!important;
}


.panel-left-NEW {
	background-color: hotpink!important;
}

.panel-left-NEW h2 {
	color: white!important;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"!important;
	font-size: 0.85em!important;
	text-transform: capitalize!important;
}

.panel-left-NEW li {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"!important;
	font-size: 1.2em!important;
	line-height: 1.8em!important
}

.panel-left-NEW li a:hover, .panel-left-NEW li a:active, .panel-left-NEW li a:focus {
	color: hotpink!important;
	background: white!important;
}

.panel-left-NEW .li_hover {
	background: lightpink!important;
}

.panel-left-NEW div.menu_body {
	background: rgba(255,218,224,1.00)!important;
}

.panel-left-NEW .li_hover a {
	color: #274352!important;
}

.panel-left-NEW .li_hover2 {
	background: rgba(200,0,100,1.00)!important;
}

.panel-left-NEW .li_hover2 a {
	color: white!important;
}

.main-NEW .ui-icon-pencil{
	background-image: url("https://download.jqueryui.com/themeroller/images/ui-icons_E94196_256x240.png")!important;
}
