﻿html
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body {
    font-size: 62.5%; /* 10px */
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    color: #333333; 
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: left;
}

h1, 
h2,
h3,
h4,
h5,
h6,
p {margin: 0em; padding: 0em; text-align: left;}
ul { margin: 0em; padding: 0em; list-style: none;}
ul li { margin: 0em; padding: 0em; list-style-type: none;}

a {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    color: #369; 
    text-decoration: underline;
}
a:hover {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    text-decoration: none;
}

.cdti-align-left { text-align: left;}
.cdti-align-center { text-align: center;}
.cdti-align-right { text-align: right;}
.cdti-float-left { float: left;}
.cdti-float-right { float: right;}

.cdti-nomostrar {
    display: none;
}

.cdti-novisible {
    visibility: hidden;
}

.cdti-bold {
    font-weight: bold;
}

.cdti-validator {
    color: #d84950;
}

.cdti-padding-level1 { padding-left: 10px; }
.cdti-padding-level2 { padding-left: 20px; }
.cdti-padding-level3 { padding-left: 30px; }
.cdti-padding-level4 { padding-left: 40px; }
.cdti-padding-level5 { padding-left: 50px; }
.cdti-padding-level6 { padding-left: 60px; }
.cdti-padding-level7 { padding-left: 70px; }
.cdti-padding-level8 { padding-left: 80px; }
.cdti-padding-level9 { padding-left: 90px; }
.cdti-padding-level10 { padding-left: 100px; }

hr.invisible {
    position: absolute; 
    top: -300em; 
    left: -300em;
    display:block; 
    background-color: #fff; 
    color:#fff; 
    height:2px;
}

.cdti-virtual-table { display: table; width: 100%; }
.cdti-virtual-table .master { min-height:500px; } 
.cdti-virtual-row { display: table-row; }
.cdti-virtual-cell { display: table-cell; vertical-align:top; }

.cdti-color-white { color: white; }
.cdti-color-red { color: #f23308; }
.cdti-color-yellow { color: #ffcd01; }
.cdti-color-green { color: #4fce35; }
.cdti-color-blue { color: #0a51f7; }
.cdti-color-gray { color: Gray; }

.cdti-icon-wf-process { background-image: url(../r/gif/process.gif); background-repeat: no-repeat; width: 18px; height: 16px; display: inline-block; float: right; }
.cdti-icon-wf-task { background-image: url(../r/gif/task.gif); background-repeat: no-repeat; width: 18px; height: 16px; display: inline-block; float: right; }
.cdti-icon-wf-event { background-image: url(../r/gif/event.gif); background-repeat: no-repeat; width: 18px; height: 16px; display: inline-block;  float: right; }
.cdti-icon-wf-none { background-image: url(../r/gif/b.gif); background-repeat: no-repeat; width: 18px; height: 16px; display: inline-block; float: right; }

/* Iconos ficheros: tamaño 16x16 */
.cdti-img { border: none; }
.cdti-icon-icclip{ background-image: url(../r/gif/icons-files.gif); background-position: 0 0; width: 16px; height: 16px; } 
.cdti-icon-icdoc, .cdti-icon-icdocx{ background-image: url(../r/gif/icons-files.gif); background-position: -17px 0; width: 16px; height: 16px; } 
.cdti-icon-icfolder{ background-image: url(../r/gif/icons-files.gif); background-position: -34px 0; width: 16px; height: 16px; } 
.cdti-icon-icgif{ background-image: url(../r/gif/icons-files.gif); background-position: -51px 0; width: 16px; height: 16px; } 
.cdti-icon-ichtm{ background-image: url(../r/gif/icons-files.gif); background-position: -68px 0; width: 16px; height: 16px; } 
.cdti-icon-icmsg{ background-image: url(../r/gif/icons-files.gif); background-position: -85px 0; width: 16px; height: 16px; } 
.cdti-icon-icnone{ background-image: url(../r/gif/icons-files.gif); background-position: -102px 0; width: 16px; height: 16px; } 
.cdti-icon-icpdf{ background-image: url(../r/gif/icons-files.gif); background-position: -119px 0; width: 16px; height: 16px; } 
.cdti-icon-icppt, .cdti-icon-icpptx{ background-image: url(../r/gif/icons-files.gif); background-position: -136px 0; width: 16px; height: 16px; } 
.cdti-icon-icrar{ background-image: url(../r/gif/icons-files.gif); background-position: -153px 0; width: 16px; height: 16px; } 
.cdti-icon-icrtf{ background-image: url(../r/gif/icons-files.gif); background-position: -170px 0; width: 16px; height: 16px; } 
.cdti-icon-ictif{ background-image: url(../r/gif/icons-files.gif); background-position: -187px 0; width: 16px; height: 16px; } 
.cdti-icon-icupload{ background-image: url(../r/gif/icons-files.gif); background-position: -204px 0; width: 16px; height: 16px; } 
.cdti-icon-icxls, .cdti-icon-icxlsx{ background-image: url(../r/gif/icons-files.gif); background-position: -221px 0; width: 16px; height: 16px; } 
.cdti-icon-iczip{ background-image: url(../r/gif/icons-files.gif); background-position: -238px 0; width: 16px; height: 16px; } 

/* Iconos toolbar cabecera: tamaño 20x22 */
.cdti-icon-toolbar-anuncio { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: 0 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-ayuda { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -21px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-calendario { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -42px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-cerrar { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -63px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-certificado { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -84px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-comentarios { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -105px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-comprimido { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -126px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-comunicaciones { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -147px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-configuracion { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -168px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-documentacion { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -189px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-documento { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -210px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-enviar { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -231px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-faqs { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -252px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-fiadores { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -273px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-ficha { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -294px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-fichaAJ { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -315px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-generacion { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -336px 0; width: 18px; height: 22px; } 
.cdti-icon-toolbar-hechosRelevantes { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -355px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-informes { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -376px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-irPropuesta { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -397px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-irProyecto { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -418px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-manual { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -439px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-manual2 { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -460px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-notasVisitas { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -481px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-paginaHTML { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -502px 0; width: 18px; height: 22px; } 
.cdti-icon-toolbar-pagos { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -521px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-peticiones { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -542px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-responsables { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -563px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-suspenderProcesos { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -584px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-tiempos { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -605px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-tiemposCritico { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -626px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-tiemposEmpresa { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -647px 0; width: 20px; height: 22px; } 
.cdti-icon-toolbar-validar { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -668px 0; width: 20px; height: 22px; }
.cdti-icon-toolbar-calendarioExcel { background: url(../r/gif/toolbar-header.gif) no-repeat top left; background-position: -710px 0; width: 20px; height: 22px; } 
/* Iconos toolbar tabs: tamaño 22x20 */
.cdti-icon-toolbar-cancelar{ background: url(../r/gif/toolbar-tabs.gif) no-repeat top left; background-position: 0 0; width: 22px; height: 20px; } 
.cdti-icon-toolbar-grabar{ background: url(../r/gif/toolbar-tabs.gif) no-repeat top left; background-position: -24px 0; width: 22px; height: 20px; } 
.cdti-icon-toolbar-grabarSeguir{ background: url(../r/gif/toolbar-tabs.gif) no-repeat top left; background-position: -48px 0; width: 22px; height: 20px; } 
.cdti-icon-toolbar-imprimir{ background: url(../r/gif/toolbar-tabs.gif) no-repeat top left; background-position: -72px 0; width: 22px; height: 20px; } 
.cdti-icon-toolbar-limpiar{ background: url(../r/gif/toolbar-tabs.gif) no-repeat top left; background-position: -96px 0; width: 22px; height: 20px; } 
.cdti-icon-toolbar-modificar{ background: url(../r/gif/toolbar-tabs.gif) no-repeat top left; background-position: -120px 0; width: 22px; height: 20px; } 
.cdti-icon-toolbar-duplicar{ background: url(../gif/toolbar-tabs.gif) no-repeat top left; background-position: -168px 0; width: 22px !important; height: 20px; } 


/* Iconos atributos: tamaño 26x26 */
.cdti-icon-atributo-ax-a { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -1px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-ax-n { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -29px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-ax-r { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -57px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-ax-v { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -85px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-cr-a { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -113px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-cr-n { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -141px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-cr-r { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -169px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-cr-v { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -197px -1px; width: 26px; height: 26px; }
.cdti-icon-atributo-cr-az { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -225px -1px; width: 26px; height: 26px; }  
.cdti-icon-atributo-ec-a { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -253px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-ec-r { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -281px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-ec-v { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -309px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-fi-a { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -337px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-fi-n { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -365px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-fi-r { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -393px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-fi-v { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -421px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-gi-n { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -449px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-in-a { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -477px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-in-n { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -505px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-in-r { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -533px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-in-v { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -561px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-ci-n { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -589px -1px; width: 26px; height: 26px; } 
.cdti-icon-atributo-of-n { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -617px -1px; width: 26px; height: 26px; }

.cdti-icon-atributo-ig-v { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -647px -1px; width: 26px !important; height: 26px; } 
.cdti-icon-atributo-ig-a { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -674px -1px; width: 26px !important; height: 26px; } 
.cdti-icon-atributo-ig-r { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -703px -1px; width: 26px !important; height: 26px; }
.cdti-icon-atributo-em1 { background: url(../r/png/icons-atributos.png) no-repeat top left; background-position: -730px -1px; width: 26px !important; height: 26px; }

/* Iconos estados: tamaño 14x14 */
.cdti-icon-status-none { width: 14px; height: 14px; }
.cdti-icon-status-alerta { background: url(../r/png/icons-status.png) no-repeat top left; background-position: -1px -1px; width: 14px; height: 14px; } 
.cdti-icon-status-amarillo { background: url(../r/png/icons-status.png) no-repeat top left; background-position: -17px -1px; width: 14px; height: 14px; } 
.cdti-icon-status-aprobado { background: url(../r/png/icons-status.png) no-repeat top left; background-position: -33px -1px; width: 14px; height: 14px; }
.cdti-icon-status-azul { background: url(../r/png/icons-status.png) no-repeat top left; background-position: -49px -1px; width: 14px; height: 14px; } 
.cdti-icon-status-baja { background: url(../r/png/icons-status.png) no-repeat top left; background-position: -65px -1px; width: 14px; height: 14px; } 
.cdti-icon-status-gris { background: url(../r/png/icons-status.png) no-repeat top left; background-position: -81px -1px; width: 14px; height: 14px; } 
.cdti-icon-status-rechazado { background: url(../r/png/icons-status.png) no-repeat top left; background-position: -97px -1px; width: 14px; height: 14px; } 
.cdti-icon-status-rojo { background: url(../r/png/icons-status.png) no-repeat top left; background-position: -113px -1px; width: 14px; height: 14px; } 
.cdti-icon-status-verde { background: url(../r/png/icons-status.png) no-repeat top left; background-position: -129px -1px; width: 14px; height: 14px; } 

/* Iconos unidades organizativas: tamaño 16x16 */
.cdti-icon-uo-jerarquia { background: url(../r/gif/icons-uo.gif) no-repeat top left; background-position: 0 0; width: 16px; height: 16px; } 
.cdti-icon-uo-1 { background: url(../r/gif/icons-uo.gif) no-repeat top left; background-position: -17px 0; width: 16px; height: 16px; } 
.cdti-icon-uo-2 { background: url(../r/gif/icons-uo.gif) no-repeat top left; background-position: -34px 0; width: 16px; height: 16px; } 
.cdti-icon-uo-3 { background: url(../r/gif/icons-uo.gif) no-repeat top left; background-position: -51px 0; width: 16px; height: 16px; } 
.cdti-icon-uo-4 { background: url(../r/gif/icons-uo.gif) no-repeat top left; background-position: -68px 0; width: 16px; height: 16px; } 
.cdti-icon-uo-mundo { background: url(../r/gif/icons-uo.gif) no-repeat top left; background-position: -85px 0; width: 14px; height: 14px; } 

/* Iconos mensajes: tamaño 16x16 */
.cdti-icon-message-error { background: url(../r/png/icons-messages.png) no-repeat top left; background-position: 0 0; width: 16px; height: 16px; } 
.cdti-icon-message-help { background: url(../r/png/icons-messages.png) no-repeat top left; background-position: -17px 0; width: 16px; height: 16px; } 
.cdti-icon-message-info { background: url(../r/png/icons-messages.png) no-repeat top left; background-position: -34px 0; width: 16px; height: 16px; } 
.cdti-icon-message-info2 { background: url(../r/png/icons-messages.png) no-repeat top left; background-position: -51px 0; width: 16px; height: 16px; } 
.cdti-icon-message-success { background: url(../r/png/icons-messages.png) no-repeat top left; background-position: -68px 0; width: 16px; height: 16px; } 
.cdti-icon-message-warning { background: url(../r/png/icons-messages.png) no-repeat top left; background-position: -85px 0; width: 16px; height: 16px; } 

#cdti-header {
    font-size: 1.1em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    background-repeat:repeat; 
    background-image: url(../r/gif/cabeceraDegradado.jpg); 
    width: 100%; 
    height: 62px; 
    margin: 0;   
}

#cdti-header-logo {
    width: 8%;
    vertical-align: middle;
    padding: 0em 1em 0em 1em;
}

#cdti-header-app {
    width: 25%;
    vertical-align: middle;
}

#cdti-header-otroLogo {
    width: 8%;
    vertical-align: middle;
    padding: 0em 1em 0em 1em;
}

#cdti-header-app h1 {
    font-size: 1.4em;
	color: rgb(255, 204, 51);
    padding: 0em 0em 0em 1em;
}

#cdti-header-menu {
    width: 47%; 
    margin-right: 0em; 
    text-align: right;
    vertical-align: top;
}

#cdti-header-menu ul {
    display: block; 
    list-style: none; 
}

#cdti-header-menu li {
    display: inline; 
    padding: 0em 1em 0em 1em; 
    border-left: 1px solid #FFFFFF;
}

#cdti-header-menu li:first-child {
    border-left: none;
}

#cdti-header-menu a {
    color: #FFFFFF;
	text-decoration: none;
}

#cdti-header-user {
    width: 20%;
    text-align: right; 
    background-repeat:repeat; 
    background-image: url(../r/gif/cabeceraDerecha.jpg);
    vertical-align: top;
}

#cdti-header-user #cdti-header-user-name {
    clear: both;
    float: right;
    margin: 0.5em 0.5em 0em 0em;
    padding: 0em 2em 0em 2em;
    color: rgb(0, 51, 102);
    text-decoration: none;  
    text-align: center;
    background-color: rgb(217, 241, 252);      
}

#cdti-header-user #cdti-header-user-app {
    clear: both;
    float: right;
    margin: 0.5em 0.5em 0em 0em;
    padding: 0.4em 0.4em 0.4em 0.4em;
    color: rgb(0, 51, 102);
    font-weight: bold; 
    text-decoration: none;  
    text-align: center;
    background-color: rgb(255, 204, 51);  
    border: 1px solid rgb(235, 127, 0);
}

#cdti-header-user #cdti-header-user-otroLogo {
    clear: both;
    float: right;
    margin: 0.5em 0.5em 0em 0em;
    padding: 0.4em 0.4em 0.4em 0.4em;
}

#cdti-modules {
    font-size: 1.1em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    display: table;
    width: 100%;
    background-color: rgb(0, 95, 169);
    height: 23px;
}

#cdti-modules ul {
    display: table-row;
}

#cdti-modules li {
    width: 20%;
    text-align: center;
    vertical-align: middle;    
    display: table-cell;
    list-style-type: none;	
	border-top: 0.1em solid #ffffff;
    border-left: 0.1em solid #ffffff;
    border-bottom: 0.1em solid #ffffff;
}

#cdti-modules li:first-child {
    border-left: none;
}

#cdti-modules a {
    color: #ffffff; 
    text-decoration: none;
}

#cdti-toolbar-header {
    min-height: 3em; 
    float: left;  
    width: 100%; 
    margin: 0em 0em 0.5em 0em;  
    background-color: rgb(231, 231, 231);
    text-align: left; 
    border-top: 1px solid rgb(210, 210, 210);
    border-bottom: 1px solid rgb(210, 210, 210);
    padding: 0.2em;
}

#cdti-toolbar-header ul {
    margin: 0.1em; 
}

#cdti-toolbar-header li {
    display: inline;
}

#cdti-toolbar-header .cdti-toolbar-button {
    float: left;
    text-align: center;
	border: 0.1em solid rgb(231, 231, 231);
	float: left;
	width: 7.2em;	
}

#cdti-toolbar-header .cdti-toolbar-button-selected {
    float: left;
    text-align: center;
    border: 0.1em solid #C0C0C0;
    background-color: #C0C0C0;
    float: left;
    width: 7.2em;
}

#cdti-toolbar-header .cdti-toolbar-button-hover {
    float: left;
    text-align: center;
    border: 0.1em solid rgb(255, 204, 51);
    background-color: #FFE78C;
    float: left;
    width: 7.2em;
}

#cdti-toolbar-header .cdti-toolbar-button-img {
    margin-bottom: 0.2em;
}

#cdti-toolbar-header .cdti-toolbar-button-img-disabled {
    width: 100%; 
    margin-bottom: 0.2em;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#cdti-toolbar-header .cdti-toolbar-button-text {
    font-size: 0.8em;
}

#cdti-subheader {
    border-top: 2px solid rgb(255, 204, 51);
    color: rgb(51, 102, 153);
	background-color: rgb(231, 231, 231);   
    height: 38px;
    vertical-align: middle;
}

#cdti-subheader .cdti-subheader-name {
    font-size: 1.2em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    vertical-align: middle;
    padding: 0em 0em 0em 1em;
    width: 45%;
}

#cdti-subheader .cdti-subheader-states {
    padding: 0.3em 1.1em 0.3em 0.3em;
}

#cdti-subheader table {
    font-size: 0.9em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    text-transform: uppercase;
    text-align: center;
    border-collapse: separate; 
    border-spacing: 0px;            /* cellspacing="0" */
    border: 1px solid #ffffff;
}

#cdti-subheader table th,
#cdti-subheader table td {
    padding: 2px;                   /* cellpadding="2" */    
}

#cdti-subheader table.cdti-table-states th.cdti-table-states-name {   
    width: 25em;
}

#cdti-subheader table.cdti-table-states th.cdti-table-states-image {    
    width: 2em;
}

#cdti-subheader table.cdti-table-states td.cdti-table-states-name {    
    width: 25em;
    white-space: nowrap;
    background-color: #ffffff; 
    height: 14px; 
    vertical-align: middle;
}

#cdti-subheader table.cdti-table-states td.cdti-table-states-image {    
    width: 2em;
    white-space: nowrap;
    background-color: #ffffff; 
    height: 14px; 
    vertical-align: middle;
}

#cdti-subheader table.cdti-table-states td.cdti-table-states-image img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    border: 0;
}

#cdti-subheader table.cdti-table-attributes th {   
    width: 15em;    
}

#cdti-subheader table.cdti-table-attributes td {    
    width: 15em;
    white-space: nowrap;
    height: 14px;
    vertical-align: middle;
}

#cdti-info {
    font-size: 1em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
	width: 100%;
    margin-top:.5em;
    margin-bottom:.5em;
    color: #666;
}

#cdti-foot {
    font-size: 1.1em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    height: 3em; 
    width: 100%;
    float: none; 
    clear: both; 
    margin: 0em; 
    padding: 0em; 
    border-top: 2px solid rgb(0, 85, 152);
    background-color: rgb(0, 95, 169);   
    position: fixed;
    bottom: 0;
    left: 0; 
}

#cdti-foot p {
    text-align: right; 
    margin: 0em;
    padding: 0.5em 1.5em 0em 0em; 
    color: #ffffff;
}

#cdti-body-without-menu {
    padding: 1em;  
}

#cdti-body {
    text-align: left; 
    margin: 0em 0em 0em 0em; 
    padding: 0px; 
    background-color: #ffffff; 
    height: auto; 
    min-height: 40em;
    width: 100%;
}

#cdti-body #cdti-body-menu {
    width: 13%;
    vertical-align: top;
    border-bottom: 1px solid #b9b9b9; 
    border-top: 1px solid #b9b9b9;    
}

#cdti-body #cdti-body-menu #cdti-body-menu-options  {
    margin-top:0em; 
}

/* cdti-menu */
#cdti-body-menu ul.cdti-menu,
#cdti-body-menu ul.cdti-menu ul  {
    list-style-type: none;
}

#cdti-body-menu ul.cdti-menu {
    padding: 0.5em 1em 0em 0em;
}

#cdti-body-menu ul.cdti-menu div {
    color: #6094ce;
    padding: 0em 0em 0em 1.4em;
    display: inline-block;
}

#cdti-body-menu ul.cdti-menu > li div,
#cdti-body-menu ul.cdti-menu > li a,
#cdti-body-menu ul.cdti-menu ul > li div,
#cdti-body-menu ul.cdti-menu ul > li a  {
    text-transform: none;
    font-weight: normal;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#cdti-body-menu ul.cdti-menu > li div,
#cdti-body-menu ul.cdti-menu > li a {
    color:#6094ce;
    text-transform:uppercase;
    font-weight: bold;
}

#cdti-body-menu ul.cdti-menu li {
    width:100%;
    margin-bottom: 0.5em;
    text-align: left;
    padding: 0.2em 0em 0em 0em;  
}

#cdti-body-menu ul.cdti-menu ul li {
    padding: 0.2em 0em 0em 1em;    
}

#cdti-body-menu ul.cdti-menu a {
    color: #333333;
    text-decoration: none;
    vertical-align: central;
    background-repeat: no-repeat;
    background-position: left center;
    width: 100%;
    display: inline-block;
    padding: 0em 0em 0em 1.4em;
}

#cdti-body-menu ul.cdti-menu a.selectedLeaf {
    color: #FF9900;
}

#cdti-body-menu ul.cdti-menu a:hover {
    color: #FF9900;
}

#cdti-body-menu ul.cdti-menu .openedNode {
    background-image: url(../r/png/nav-arrow-down-open.png);
    background-repeat: no-repeat;
    background-position: 0.1em;
    cursor: pointer;
}

#cdti-body-menu ul.cdti-menu .closedNode {
    background-image: url(../r/png/nav-arrow-right-open.png);
    background-repeat: no-repeat;
    background-position: 0.1em;
    cursor: pointer;
}

#cdti-body-menu ul.cdti-menu .selectedNode {
    background-image: url(../r/png/nav-arrow-down-open.png);
    background-repeat: no-repeat;
    background-position: 0.1em;
    cursor: pointer;    
}

#cdti-body-menu-slide {
    width: 2em;
    background-image: url(../r/gif/fondoBarra.gif); 
    vertical-align: top;
}

#cdti-body-menu-slide img {
    position:absolute;
    z-index:1;
}

#cdti-body-tabs {
    vertical-align: top;
    padding-left: 7px;
    padding-right: 12px;
}

/* Tabs*/
#cdti-tabs-container { 
    margin:0em 0em 1em 0em; 
    display: block; 
}

#cdti-tabs-container #contTabs,
#cdti-tabs-container #contTabs2 { 
    display: block; 
    background-image: url(../r/png/bgContTabs.png); 
    background-repeat: repeat-x; 
    background-position: bottom;    
    height: 2em;
}

#cdti-tabs-container #contTabs ul.cdti-tabs,
#cdti-tabs-container #contTabs2 ul.cdti-tabs { 
    margin: 0em; 
    padding: 0em; 
}

#cdti-tabs-container #contTabs ul.cdti-tabs li,
#cdti-tabs-container #contTabs2 ul.cdti-tabs li { 
    float: left; 
    display: block; 
    padding: 0em; 
    margin:0em; 
}

#cdti-tabs-container #contTabs ul.cdti-tabs li span,
#cdti-tabs-container #contTabs2 ul.cdti-tabs li span {
    margin:0em;
    padding:0em;
}

#cdti-tabs-container #contTabs ul.cdti-tabs li a,
#cdti-tabs-container #contTabs2 ul.cdti-tabs li a {
	float: left;
	display: block;
	text-decoration: none;
	color: rgb(102, 102, 102);
	font-weight: normal;
	padding: 0.4em 0.5em 0.1em 0.5em;	
	border-left: #ccc 1px solid;	
	border-right: #ccc 1px solid;	
	border-top: #ccc 1px solid;	
	background-color: #D1E1FA;
	vertical-align: middle;
	height: 1.4em;
	text-align: center;
	margin-right: 0.15em;
	width: 19em;
	font-size: 1em;
}

#cdti-tabs-container #contTabs ul.cdti-tabs li span,
#cdti-tabs-container #contTabs2 ul.cdti-tabs li span {
	float: left;
	display: block;
	text-decoration: none;
	color: rgb(102, 102, 102);
	font-weight: normal;
	padding: 0.4em 0.5em 0.1em 0.5em;	
	border-left: #ccc 1px solid;	
	border-bottom: #ccc 1px solid;	
	border-right: #ccc 1px solid;	
	border-top: #ccc 1px solid;	
	background-color: #D1E1FA;
	vertical-align: middle;
	height: 1.4em;
	text-align: center;
	margin-right: 0.15em; /*width:8.75em;*/
	width:19em;
	font-size: 1em;
}

#cdti-tabs-container #contTabs ul.cdti-tabs li a:hover,
#cdti-tabs-container #contTabs2 ul.cdti-tabs li a:hover { 
    background-color: #d1d1d1; 
    color: rgb(102, 102, 102);
}

#cdti-tabs-container #contTabs ul.cdti-tabs li a.on,
#cdti-tabs-container #contTabs2 ul.cdti-tabs li a.on { 
    border-bottom-color: #fff; 
    background-color: #fff; 
    font-weight: bold; 
    color: rgb(102, 102, 102); 
    text-decoration: none; 
}
#cdti-tabs-container #contTabs ul.cdti-tabs li a.off,
#cdti-tabs-container #contTabs2 ul.cdti-tabs li a.off { 
    border-bottom-color: #fff; 
    background-color: #fff; 
    color: rgb(102, 102, 102); 
    text-decoration: none; 
    background-color:#d3d3d3; 
}
#cdti-tabs-container #contTabs ul.cdti-tabs li span.off,
#cdti-tabs-container #contTabs2 ul.cdti-tabs li span.off { 
    border-bottom-color: #fff; 
    background-color: #fff; 
    color: rgb(102, 102, 102); 
    text-decoration: none; 
    background-color:#E1E1E1; }
#cdti-tabs-container #contTabs ul.cdti-tabs li span.on,
#cdti-tabs-container #contTabs2 ul.cdti-tabs li span.on { 
    font-weight: bold;
    border-bottom-color: #fff; 
    background-color: #fff; 
    color: rgb(102, 102, 102); 
    text-decoration: none; 
}

#cdti-tabs-container .contTabsContenido {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 0em;
	padding: 1.5em 1em 1.5em 1em;
	background-color: #fff;
	min-width: 578px;
    min-height: 37.5em;
}

#cdti-tabs-container .contChildTabs {
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 0em;
	padding: 1.5em 1em 1.5em 1em;
	background-color: #fff;
	min-width: 578px;
    min-height: 15em;
}

/* Capa para mostrar que se están cargando los datos */
.cdti-cargandoprogress {
    float: right; 
    margin-left:2em;
}

.cdti-cargandoprogressabs {
    position: absolute;
}

.cdti-cargandoprogressabs > .cdti-cargando {
    background-image: url(../r/gif/loading2.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1em;
    width: 20px;
    height: 20px;
    position:absolute;
    z-index:1004;
}

.cdti-cargandoprogress > .cdti-cargando {
    background-image: url(../r/gif/loading2.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: .5em;
    width: 20px;
    height: 20px;
}

/* Formularios */
.cdti-form-data {
    display: block;
    text-align: left;
    vertical-align: top;
    border: 0;
    background-color: rgb(249, 249, 249);
    padding: 0.4em 0.4em 1.5em 0.4em;
    margin-bottom: 1em;    
}

.cdti-form-data-header {
    font-size: 1em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    font-weight: bold;
    margin-bottom: 1em;
    display: block;
    width: 99%;
    color: #369;
    border-top: solid 2px rgb(255, 204, 51);
    border-bottom: dotted 1px #cccccc;
    padding: 0.5em 0em 0.5em 1em;
}


.cdti-form-data-sub-header {
    font-size: 1em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    font-weight: normal;
    margin-bottom: 1em;
	margin-left:10px;
    display: block;
    width: 90%;
    color: #47a;  /*69c*/
    border-top: solid 1px rgb(255, 204, 51);
    border-bottom: dotted 1px #ddd;
    padding: 0.5em 0em 0.5em 1em;
}



.cdti-form-data-info {
    color: #666;
    padding: 1em 0em 1.5em 0em;
    font-size: 1em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-form-data fieldset { 
    width: 99%; 
    display: block; 
    background-color: #f9f9f9; 
    margin: 0.5em 0.5em 0.5em 0.5em; 
    padding: 0em 0.1em 0em 0.1em; 
    text-align: left; 
    border: none; 
    padding-top: 3px; 
}

.cdti-form-data-links {
    text-align: right;
    padding: 0.5em 0.5em 0.5em 0.5em;
    color: #7E7E7E;
}

.cdti-form-data-links a {
    color: #7E7E7E;
    text-decoration: underline;
    padding: 0.5em 0.5em 0.5em 0.5em;
    cursor: pointer;
}

.cdti-form-data-links a:hover {
    color: #FF9900;
}

.cdti-form-data-container {
}

.cdti-form-data-container li {
    display: block; 
    text-align: left; 
    margin: 0.3em 0em; 
    padding: 0.2em 0em; 
    vertical-align: top;
}

.cdti-form-data-container ul.cdti-fields-list-two-cols ul.cdti-fields-list-one-col li {
    width: 100%; 
    text-align: left; 
    margin: 0.3em 0em; 
    padding: 0.2em 0em; 
    vertical-align: top;
}

.cdti-form-data-container ul.cdti-fields-list-two-cols ul.cdti-fields-list-one-col li input.cdti-fieldDate,
.cdti-form-data-container ul.cdti-fields-list-two-cols ul.cdti-fields-list-one-col li input.cdti-fieldDate-readOnly {
    width: 15%;
}

.cdti-form-data-container ul.cdti-fields-list-two-cols {
}

.cdti-form-data-container ul.cdti-fields-list-two-cols li {
    width: 50%; 
    text-align: left; 
    margin: 0.3em 0em; 
    padding: 0.2em 0em; 
    vertical-align: top;
}

.cdti-form-data-container ul.cdti-fields-list-two-cols li.cdti-field-left {
    clear: left;
    float: left;
}

.cdti-form-data-container ul.cdti-fields-list-two-cols li.cdti-field-right {
    clear: right;
    float: right;
}

.cdti-form-data-container ul.cdti-fields-list-two-cols li.cdti-field-full {
    clear: both;
    float: none;
}

.cdti-form-data-container ul.cdti-fields-list-two-cols li.cdti-field-full-width {
    width: 100%; 
    clear: both;
    float: none;
}

.cdti-form-data-container li .cdti-fieldLabel {
    display: block; 
    float: left;
    width: 20%; 
    padding: 0.1em 0.5em 0em 0em; 
    margin: 0em 0.5em; 
    text-align: right; 
}

.cdti-form-data-container li .cdti-fieldLabel-halfwidth {
    display: block; 
    float: left;
    width: 10%; 
    padding: 0.1em 0.5em 0em 0em; 
    margin: 0em 0.5em; 
    text-align: right; 
}

.cdti-form-data-container li .cdti-fieldLabel-doublewidth {
    display: block; 
    float: left;
    width: 40%; 
    padding: 0.1em 0.5em 0em 0em; 
    margin: 0em 0.5em; 
    text-align: right; 
}

.cdti-fieldLabel {    
    vertical-align: middle; 
    color: #369;
    font-weight: bold;
    font-size: 1em; 
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldLabel-halfwidth {    
    vertical-align: middle; 
    color: #369;
    font-weight: bold;
    font-size: 1em; 
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldLabel-doublewidth {    
    vertical-align: middle; 
    color: #369;
    font-weight: bold;
    font-size: 1em; 
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldText,
.cdti-fieldText-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldTextAC,
.cdti-fieldTextAC-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    vertical-align:central;
    
}


.cdti-fieldText-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldText-bold,
.cdti-fieldText-bold-readOnly {
    font-weight: bold;
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldText-bold-readOnly {
    font-weight: bold;
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldTextArea,
.cdti-fieldTextArea-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;    
    min-height: 5em;
}

.cdti-fieldTextArea-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldListBox,
.cdti-fieldListBox-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;    
}

.cdti-fieldListBox-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
    float: left;
}

.cdti-fieldRadioButtonList,
.cdti-fieldRadioButtonList-readOnly {
    display:inline;
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldRadioButtonList-readOnly {
    display:inline;
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldRadioButtonList input[type=radio] + label {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    padding: 0em 5em 0em 0em;
}

.cdti-fieldDate,
.cdti-fieldDate-readOnly {
    font-size: 1em; 
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldDate-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldDrop,
.cdti-fieldDrop-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldDrop-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldCheck,
.cdti-fieldCheck-readOnly {
    font-size: 1em; 
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldCheck-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldCurrency,
.cdti-fieldCurrency-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldCurrency-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldDecimal,
.cdti-fieldDecimal-readOnly {
    font-size: 1em;  
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.cdti-fieldDecimal-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldInteger, 
.cdti-fieldInteger-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldInteger-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldPercentage,
.cdti-fieldPercentage-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldPercentage-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldEmail,
.cdti-fieldEmail-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;    
}

.cdti-fieldEmail-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldPhone,
.cdti-fieldPhone-readOnly {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-fieldPhone-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: #f9f9f9; 
    text-decoration: none; 
}

.cdti-fieldLink
.cdti-fieldLink:visited {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    color:#6094ce;
	text-decoration:underline;
	font-weight: normal;	
}

.cdti-form-data-container input.cdti-fieldTextArea,
.cdti-form-data-container input.cdti-fieldTextArea-readOnly,
.cdti-form-data-container textArea.cdti-fieldTextArea,
.cdti-form-data-container textArea.cdti-fieldTextArea-readOnly {
    width: 70%;
}

.cdti-form-data-container input.cdti-fieldPhone,
.cdti-form-data-container input.cdti-fieldPhone-readOnly {
    width: 7%;
}

.cdti-form-data-container select.cdti-fieldListBox,
.cdti-form-data-container select.cdti-fieldListBox-readOnly,
.cdti-form-data-container div.cdti-fieldListBox-readOnly {
    width: 70%;
    min-height: 5em;
}

.cdti-form-data-container input.cdti-fieldDate,
.cdti-form-data-container input.cdti-fieldDate-readOnly {
    width: 8%;
}

.cdti-form-data-container input.cdti-fieldEmail,
.cdti-form-data-container input.cdti-fieldEmail-readOnly {
    width: 35%;
}

/* Barra de botones tabs */
.cdti-toolbar {
    height: 8px; 
    border: 1px solid #ccc;
    margin: 0em 0em 1em 0em; 
    padding: 0.25em 0.25em 3.2em 0.25em; 
    background-color: #e7effb; 
    border-bottom: 1px solid #b9b9b9; 
    border-top: 1px solid #b9b9b9;
    text-align: left; 
}

.cdti-toolbar-buttons {
    width:auto;
    float:left;
    border-right: 1px solid #b9b9b9;
    min-width:14%;
    width:27%;
}

.cdti-toolbar-buttons ul {
    margin: 0.3em; 
    padding: 0em; 
    list-style: none;
}

.cdti-toolbar-buttons ul li {
    margin: 0em; 
    padding: 0em; 
    list-style-type: none; 
    display: inline;
}

.cdti-toolbar-buttons ul li a {
    color:#5887bb;
}

.cdti-toolbar-buttons ul li img {
    border: none;
}

.cdti-toolbar-buttons ul li button {
    height:1.9em;
    width:1.9em;
}

.cdti-toolbar-filters {
    left:1%;
    display: inline-block;
    padding:0.5em
}

.cdti-toolbar-filters > label {
    display:inline-block; 
    padding: 0em 0.5em 0em 0.8em; 
    margin: 0em 1.5em;  
    vertical-align: middle; 
    color: #6094ce; 
    font-weight: bold;
}

.cdti-toolbar-buttons .cdti-toolbar-button {
    float:left;
    width:auto;
    min-width:4.6em;
}

.cdti-toolbar-buttons .cdti-toolbar-button-img {
    text-align:center;
}

.cdti-toolbar-buttons .cdti-toolbar-button-text {
    font-size: 1em;
    text-align:center; 
}

.cdti-list-filters {
    margin: 1em 1em 1em 1em;
}

/* Control ButtonBar */
div.cdti-buttonBar {    
    clear: both; 
    overflow: auto;
    margin: 0.7em 0em 0.7em 0em;    
}

div.cdti-buttonBar button, 
div.cdti-buttonBar input {
    float: right;
    margin: 0em 0.3em 0em 0.3em;
}

/* Control lista con ascensor y mantenimiento */
.cdti-list {
    overflow: hidden;
}

.cdti-list select{
    float:left;
}

.cdti-list .cdti-list-up-down{
    width:30px;
    float:left;
}

.cdti-list .cdti-list-add-remove{
    float:left;
    display: block;
}

/* Diseño para las tablas */
table.cdti-table {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    text-decoration: none;
    width: 100%;
    background-color: rgb(212, 212, 212);
}

table.cdti-table tr {
	height: 20px;
	background-color: #ffffff;
}

table.cdti-table td {
	margin-left: 0.3em;
}

table.cdti-table tr.cdti-table-header {
    font-weight: bold;
    color: rgb(102, 102, 102);
    background-color: rgb(209, 225, 250);
}

table.cdti-table tr.cdti-table-header-fixed {
    font-weight: bold;
    color: rgb(102, 102, 102);
    background-color: rgb(209, 225, 250);	
	/*position:absolute;
	height:20px;	
	width:100%;*/
	
}


table.cdti-table tr.cdti-table-footer {
    font-weight: bold;
    color: rgb(102, 102, 102);
    background-color: rgb(209, 225, 250);
}

table.cdti-table tr.cdti-table-item,
table.cdti-table tr.cdti-table-item input,
table.cdti-table tr.cdti-table-item select
table.cdti-table tr.cdti-table-item span {
	background-color: #ffffff;
    font-weight: normal;
}

table.cdti-table tr.cdti-table-alternatingitem,
table.cdti-table tr.cdti-table-alternatingitem input,
table.cdti-table tr.cdti-table-alternatingitem select
table.cdti-table tr.cdti-table-alternatingitem span {
    background-color: rgb(243, 243, 243);
    font-weight: normal;
}

table.cdti-table tr.cdti-table-selecteditem {
    background-color: rgb(255, 228, 147);
    font-weight: normal;
}

table.cdti-table tr.cdti-table-group,
table.cdti-table tr.cdti-table-group input,
table.cdti-table tr.cdti-table-group select
table.cdti-table tr.cdti-table-group span {
	font-weight: bold;
	color: #6094CE;
	background-color: #e7effb;
}

table.cdti-table tr.cdti-table-pager {
    color: #FF6600;
}

table.cdti-table tr.cdti-table-pager span {
    font-weight: bold;
    color: rgb(255, 204, 51);
}

table.cdti-table tr.cdti-table-pager a {
    font-weight: bold; 
}

table.cdti-table tr.cdti-table-header .cdti-fieldText,
table.cdti-table tr.cdti-table-header .cdti-fieldDate,
table.cdti-table tr.cdti-table-header .cdti-fieldNumber,
table.cdti-table tr.cdti-table-header .cdti-fieldLink {
    text-align: center;
    white-space: nowrap;
}

table.cdti-table tr.cdti-table-item .cdti-fieldText,
table.cdti-table tr.cdti-table-alternatingitem .cdti-fieldText,
table.cdti-table tr.cdti-table-selecteditem .cdti-fieldText,
table.cdti-table tr.cdti-table-group .cdti-fieldText, 
table.cdti-table tr.cdti-table-footer .cdti-fieldText {
    text-align: left;
}

table.cdti-table tr.cdti-table-item .cdti-fieldText-center,
table.cdti-table tr.cdti-table-alternatingitem .cdti-fieldText-center,
table.cdti-table tr.cdti-table-selecteditem .cdti-fieldText-center,
table.cdti-table tr.cdti-table-group .cdti-fieldText-center,
table.cdti-table tr.cdti-table-footer .cdti-fieldText-center {
    text-align: center;
}

table.cdti-table tr.cdti-table-item .cdti-fieldDate,
table.cdti-table tr.cdti-table-alternatingitem .cdti-fieldDate,
table.cdti-table tr.cdti-table-selecteditem .cdti-fieldDate,
table.cdti-table tr.cdti-table-group .cdti-fieldDate,
table.cdti-table tr.cdti-table-footer .cdti-fieldDate {
    text-align: center;
    white-space: nowrap;
}

table.cdti-table tr.cdti-table-item .cdti-fieldNumber,
table.cdti-table tr.cdti-table-alternatingitem .cdti-fieldNumber,
table.cdti-table tr.cdti-table-selecteditem .cdti-fieldNumber,
table.cdti-table tr.cdti-table-group .cdti-fieldNumber,
table.cdti-table tr.cdti-table-footer .cdti-fieldNumber {
    text-align: right;
    white-space: nowrap;
}

table.cdti-table tr.cdti-table-item .cdti-fieldLink,
table.cdti-table tr.cdti-table-alternatingitem .cdti-fieldLink,
table.cdti-table tr.cdti-table-selecteditem .cdti-fieldLink,
table.cdti-table tr.cdti-table-group .cdti-fieldLink,
table.cdti-table tr.cdti-table-footer .cdti-fieldLink {
    text-align: center;
    white-space: nowrap;
}

table.cdti-table tr.cdti-table-header-filters {
    vertical-align: bottom;
}

a img
{
	border-style:none;
}

table.cdti-table input, 
table.cdti-table select, 
table.cdti-table span {
    width: 98%;
}

table.cdti-table input[type=radio] {
    width:auto;
}

table.cdti-table input[type=checkbox] {
    width:auto;
}

table.cdti-table td.cdti-fieldNumber input, 
table.cdti-table td.cdti-fieldNumber select, 
table.cdti-table td.cdti-fieldNumber span {
    text-align: right;
}

/* Diseño de los árboles de datos */
.cdti-treeView-container {
    width: 70%;
    overflow-x: hidden; 
    overflow-y: auto;
    float: left;
}

.cdti-treeView {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;    
}

.cdti-treeView-parentnode,
.cdti-treeView-parentnode a,
.cdti-treeView-parentnode span {
    color: #369;
    font-weight: bold;
}

.cdti-treeView-leafnode,
.cdti-treeView-leafnode a,
.cdti-treeView-leafnode span{
    color: #000000;
}

/*Panel con scroll buscador códigos*/
.cdti-scrollpanel
{
   overflow-y:auto;
   height:47em;
}

/* Diseño de tablas con DIVs */
.cdti-divtable-table {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    display: table;
    width: 100%;
}

.cdti-divtable-cell {
    padding: .4em;
    height: 22px;
    text-align: left;
}

.cdti-divtable-header {
    width: 25%;
    color: White;
    background-color: #95B3D7;
    font-weight: bold;
    text-align: center;
    padding-top: 8px;
}

.cdti-divtable-even {
    background-color: #DCE6F2;
    margin-bottom: 2px;
    margin-top: 2px;
}

.cdti-divtable-row {
    margin-bottom: .5em;
    display: table-row;
}

.cdti-divtable-col { 
    display: table-cell;
}

/* MensajesSistema */
#contenido {   
    position:relative;   
    background-color:#fff;   
    width:980px;  
    left:50%;   
    margin-left:-490px;   
} 

/* Código navegación */
input[type=text], 
input[type=password], 
select, 
textArea {
    border: 1px solid rgb(192, 192, 192);
}

input[type=text][readOnly="readOnly"],
input[type=password][readOnly="readOnly"],
select[readOnly="readOnly"],  
textArea[readOnly="readOnly"], 
div.cdti-fieldList-readOnly {
    border: #d1e1fa 1px solid; 
    background-color: transparent; 
    text-decoration: none; 
}

input[type=text]:focus, 
input[type=password]:focus,
select:focus,  
textArea:focus {
    border: 1px solid rgb(255,204,51);
}

/* Diseño para el fileexplorer */
table.cdti-table-fileexplorer {
    font-size: 1em;  
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    text-decoration: none;
    width: 100%;
    background-color: rgb(212, 212, 212);
}

table.cdti-table-fileexplorer tr {
	height: 20px;
	background-color: #ffffff;
}

table.cdti-table-fileexplorer td {
	margin-left: 0.3em;
}

table.cdti-table-fileexplorer tr.cdti-table-header {
    font-weight: bold;
    color: rgb(102, 102, 102);
    background-color: rgb(209, 225, 250);
}

table.cdti-table-fileexplorer tr.cdti-table-footer {
    font-weight: bold;
    color: rgb(102, 102, 102);
    background-color: rgb(209, 225, 250);
}

table.cdti-table-fileexplorer tr.cdti-table-item {
	background-color: #ffffff;
    font-weight: normal;
}

table.cdti-table-fileexplorer tr.cdti-table-group {
	font-weight: normal;
	color: #6094CE;
	background-color: #e7effb;
}

table.cdti-table-fileexplorer input.cdti-button-delete {
	background: url(../r/gif/deleterow.gif) no-repeat; 
    width: 22px; 
    height: 22px;     
    cursor: pointer;
}

table.cdti-table-fileexplorer input.cdti-button-upload {
    background-image: url(../r/gif/icons-files.gif);
    background-position: -187px 0;
    width: 22px; 
    height: 22px;  
    cursor: pointer;
} 

/* Diseño de botones:
    - cdti-buttons: contenedor de botones (DIV)
    - cdti-button-jquery: botones que se van a renderizar con jqueryui
    - cdti-button-icon
    - cdti-button-icon-text
    - cdti-button-text
    - cdti-button-{accion}
     */
.cdti-buttons {
    clear: both;
    display:block;
    width:100%;
    text-align:right;
    margin: 1em;
}


.cdti-button-jquery {}
.cdti-button-icon {}
.cdti-button-delete {}
.cdti-button-find {}
.cdti-button-add {}
.cdti-button-save {}
.cdti-button-cancel {}
.cdti-button-return {}
.cdti-button-assign {}
.cdti-button-refresh {}
.cdti-button-edit {}
.cdti-button-clear {}
.cdti-button-print {}
.cdti-button-mail {}
.cdti-button-up {}
.cdti-button-down {}
.cdti-button-plus {}
.cdti-button-minus {}
.cdti-button-check {}
.cdti-button-gear {}
.cdti-button-star {}
.cdti-button-calculator {}

/* Diseño de mensajes
    */

.cdti-message {
	width:100%;
	height:auto;
    display:block;
	margin:0;
	padding: .3em 0em .3em 0em;
    margin-bottom:.3em;
    margin-top:.3em;
}

.cdti-message-error {
	border: 1px solid #FFC1C1;
	background-color: #FFE8E8;
}
.cdti-message-success {
	border: 1px solid #ADDE5C;
	background: #DFF2BF;
}
.cdti-message-info {
	border: 1px solid #46B6EC;
	background:#BDE5F8;
}
.cdti-message-warning{
	border: 1px solid #FDDD5B;
	background:#FEEFB3;
}
.cdti-message-image {
    float:left;
	margin: .5em 2em .5em 2em;
}

.cdti-message-title{
	margin: 0;
	width: 100%;	
	font-weight: bold;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-message-body{
    margin-top:1.5em;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-message-error h4{color: #B10009;}
.cdti-message-success h4{color: #008000;}
.cdti-message-info h4{color: #00529B;}
.cdti-message-warning h4{color: #9F6000;}

.cdti-message-error .cdti-message-image{ background: url(../r/png/icons-messages.png) no-repeat top left; background-position: 0 0; width: 16px; height: 16px;  } 
.cdti-message-info .cdti-message-image{ background: url(../r/png/icons-messages.png) no-repeat top left; background-position: -34px 0; width: 16px; height: 16px; }
.cdti-message-success .cdti-message-image{ background: url(../r/png/icons-messages.png) no-repeat top left; background-position: -68px 0; width: 16px; height: 16px; } 
.cdti-message-warning .cdti-message-image{ background: url(../r/png/icons-messages.png) no-repeat top left; background-position: -85px 0; width: 16px; height: 16px; } 


/*File Upload page*/
.cdti-fieldLabel-upload {
    display: block; 
    float: left;
    width: 20%; 
    padding: 0.1em 0.5em 0em 0em; 
    margin: 0em 0.5em; 
    text-align: right; 
    vertical-align: middle; 
    color: #369;
    font-weight: bold;
    font-size: 1em; 
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

#cdti-header-menu a.cdti-novedades-enlace-resaltado{
	font-size: 11px;
    font-weight: bold; 
    color: rgb(255, 203, 169);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.cdti-novedades-cabecera-contenedor {
    width: 100%; 
    min-height: 1.4em; 
    background-color: rgb(91, 143, 204);    
    display:inline-block;
    overflow:auto;
}

.cdti-novedades-cabecera-enlaces-left {
    float: left; 
    width:20%; 
    background-color: rgb(91, 143, 204); 
    color: white; 
    font-weight: bold; 
    font-size:0.9em;
    text-align:left;
    vertical-align:bottom;
    display:inline;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cdti-novedades-cabecera-enlaces-rigth {
    float: right; 
    width:20%; 
    background-color: rgb(91, 143, 204); 
    color: white; 
    font-weight: bold;
    font-size:0.9em; 
    text-align:right;
    vertical-align:bottom;
    display:inline;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}
.cdti-novedades-cabecera-titulo {
    float: left; 
    width:60%; 
    background-color: rgb(91, 143, 204); 
    color: white; 
    font-weight: bold; 
    font-size:1.2em;
    text-align:center;
    display:inline;
}

/* Gestiones */
#cdti-gestiones-header
{
	font-size: 1.1em;
	display: table;
	width: 100%;
	background-color: rgb(0, 95, 169);
	color: #ffffff;
	text-align: center;
	margin-left: 0.1em;
	padding: 0.2em;
}
.cdti-gestiones-panel
{
	background-color:white;
	border: 1px solid #ccc;
	padding: 1em;	
	margin-top:3em;
}
.cdti-gestiones-panel-vb
{
	margin:0em 0em 0em 0em;
	padding:1em 0em 0em 1em;
	background-color:#ccc;		
	height:35px;
	font-weight:bold;
}
.cdti-gestiones-panel-estado
{
	margin:0em 0em 0em 0em;
	padding:0.2em 0em 1em 1em;
	background-color:#ccc;			
}
.cdti-gestiones-panel-vb-inf
{
	padding: 1em 1em 1em 1em;
	margin:0em 0em 0em 0em;
	background-color:#ccc;	
}

.cdti-border-child-tab {
    border: none;
}

.cdti-border-top-none {
    border-top-style:none;
}

.cdti-form-data fieldset.cdti-background-color-white{
    background-color:white;
}


table.cdti-background-color-none {
    background-color: rgb(249, 249, 249);
}

table.cdti-background-color-none tr {
    background-color: rgb(249, 249, 249);
}

.videoAyudaFirma 
{
    background-image: url(../r/gif/video.gif);
    background-repeat: no-repeat; 
    width: 18px; 
    height: 16px; 
    display: inline-block; 
    float: right;
	margin-left:4px;
}
table.cdti-background-color-none td {
    background-color: rgb(249, 249, 249);
}

.cdti-padding-top {
    padding-top: 1em;
}

.cdti-font-weight-normal {
    font-weight: normal;
}


#map-canvas {
    width: 600px; 
    height: 400px; 
    float: left;
}

/* GOOGLE MAPS */

div.notaGoogleMaps { 
    margin: 1em auto 0.5em 50em;
    padding: 0.15em 0.15em 0.15em 2em;
}

#CoordenadasGoogleMaps {
    padding-top: 5em;
    padding-left: 12em;
}

#divBotonesGoogle {
    padding-top: 2em;
}

#googleMapsError {
    left: 10%;
    width: 80%;
    padding-top: 5px;
    padding-right: 14px;
    padding-bottom: 5px;
    padding-left: 14px;
    margin-bottom: 10px;  
    margin-top: 10px; 
    font-family: Roboto,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    border-top-color: #f0c36d;
    border-right-color: #f0c36d;
    border-bottom-color: #f0c36d;
    border-left-color: #f0c36d;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #f9edbe;
    position: relative;
}

#googleMapsError li.googleMapsList {
    display: list-item;
    list-style-type: disc;
    margin: 0 0 0 2.5em;     
}

/* Agregar al calendario */

#imgAgregarCalendario {
    vertical-align:bottom;
    cursor:pointer;
}
#div-calendarios {
    display: none;
    border: 1px solid #ddd;
    padding: 3px;
    width: 100px;
    position: absolute;
    background-color: #fff;
}
.ul-calendarios {
    list-style-type:none; 
    margin:0px;
}
.li-calendario {
    background-image: url(../r/png/icon-outlook.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 12px auto;
    padding: 3px;
    padding-left: 18px;
}

