@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

html * {box-sizing: border-box;}

/** diseño general */
body {  margin: 0; padding: 0;  background: #FFF;  }

#wrapper {  width: 100%; min-width: 775px; /* max-width:1200px; */ margin: 0 auto; text-align:left; width:expression(document.body.clientWidth < 774? "775px": "auto" ); }

html>#wrapper { width: 85%; min-width: 775px; margin: 0px auto; } /* opera 7- */

/** cabecera */
#header { background: #FFF; border:none;  padding: 2px; }

#header-inner { height: 100px; }
#header-inner img { width: auto; height: 100px; float: left;  margin: 0px 10px; }
#logo-sistema { width: auto; height: 100px; float: right;  margin: 0px 10px; }
#logo-sistema img { height: 100px; }
/* #logo-sistema h1 { text-indent: -50000em; }*/

/*************************************************************************************************************/
/*********************************************  OIRS *********************************************************/
/*************************************************************************************************************/





/**** CSS PARA TOOLTIPS
 


/* Clase que tendra el tooltip */  
.cssToolTip {
 position: relative; /* Esta clase tiene que tener posicion relativa */
 /*color: #ff8c00; /* Color del texto */
}
 
/* El tooltip */
.cssToolTip span {
 background: #EDEDED url('img/info.gif') center left 5px no-repeat; 
 border: 2px solid #CCC;
 box-shadow: 5px 5px 5px #CCC;
 color: #222;
 display: none; /* El tooltip por defecto estara oculto */
 font-size: 0.8em;
 padding: 10px 10px 10px 35px;
 width: 250px;
 max-width: 60000px;
 position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
 top: 15px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
 left: 30px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
 z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
 
}
 


/* El tooltip cuando se muestra */
.cssToolTip:hover span {
 display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}



































/******** FIN CSS TOOLTIP




/** cabecera externo OIRS*/

body.oirs #header { background: #CCC url(/template/default/images/oirs/header_bkgnd.jpg) repeat-x;}
body.oirs #header-inner { background: url(/template/default/images/oirs/header_left.jpg?20110404) no-repeat; height: 114px; }
body.oirs #logo-sistema { background: url(/template/default/images/oirs/header_right.jpg) no-repeat; width: 200px; height: 114px; float: right; }
body.oirs #logo-sistema h1 { text-indent: -50000em; }

/** Contenidos generales OIRS */
body.oirs #container { background: #FFFFFF url(/template/default/images/oirs/content_left.jpg) repeat-y; }
body.oirs #container-inner { padding: 6px 14px 0 24px; background: url(/template/default/images/oirs/content_right.jpg) repeat-y right; }


/** Pie de página (textos) OIRS */
body.oirs #footer { background: #FFFFFF url(/template/default/images/oirs/content_left.jpg) repeat-y; color: #3366CC; text-align: center; font-size: 0.9em; }
body.oirs #footer-inner { padding: 16px 14px 14px 24px; background: url(/template/default/images/oirs/content_right.jpg) repeat-y right; }
body.oirs #footer A { color: #3366CC; text-decoration: none; }
body.oirs #footer A:hover { text-decoration: underline; }

/** Final de la página OIRS */
body.oirs #bottom { background: url(/template/default/images/oirs/footer_left.jpg) no-repeat left; margin-bottom: 10px; }
body.oirs #bottom-right { margin-left: 27px; background: url(/template/default/images/oirs/footer_right.jpg) no-repeat right; }
body.oirs #bottom-inner { margin-right: 13px; background: url(/template/default/images/oirs/footer_bkgnd.jpg)  no-repeat right;  height: 18px; }

/** Franja de navegación y cierre de sesión OIRS */
body.oirs #navigation { background: #648055 url(/template/default/images/oirs/content_left_navigation.jpg) repeat-y; }
body.oirs #navigation-inner { padding: 0 16px 0 22px; background: url(/template/default/images/oirs/content_right_navigation.jpg) repeat-y right; height: 23px; vertical-align:bottom; }
body.oirs #navigation #logout { float: right; }
body.oirs #navigation #logout A { overflow: hidden; text-indent: -5000px; background: url(switch.png) no-repeat; display: block; width: 26px; height: 22px; }
body.oirs table.hvmenu { background-color: #6799FF;  }


body.oirs .titulo-ficha {    clear: both;}

body.oirs .titulo-ficha span {
    background: #CCCCC1 url(/template/default/images/oirs/content_title_right_top.gif) top right no-repeat;
    padding: 2px 40px 2px 10px;
    font-weight: 500;
    font-size: 9pt;
    font-family: 'Roboto', Arial, sans-serif;
    color: #000000;
    border: 0 solid #a4a4a4; border-width: 0 0 1px 0;
}

.titulo-ficha span span {
background:none;
border:none;
}


/*************************************************************************************************************/
/********************************************* FIN OIRS ******************************************************/
/*************************************************************************************************************/


/** Franja de navegación y cierre de sesión */
#navigation {  }
#navigation-inner { padding: 0 16px 0 22px; background: #365992; background: linear-gradient(to right, #365992 0%, #31a6b4 100%); height: 30px; vertical-align:bottom; font-weight:normal; }
#navigation #logout { float: right; display: none;}
#navigation #logout A { overflow: hidden; text-indent: -5000px; background: url(/images/salir_lc.png) no-repeat center; display: block; width: 24px; height: 24px; margin-top:2px; }
table.hvmenu { background-color: #FFF;  }

.login #navigation-inner {display:none;}

/** Contenidos generales */
#container { background: #FFFFFF  }
#container-inner { padding: 6px 14px 0 14px;  }


/** Pie de página (textos) */
#footer { background: #FFFFFF  color: #666; text-align: center; font-size: 0.9em; }
#footer-inner { padding: 16px 14px 14px 24px; font-weight:normal; }
#footer A { color: #3366CC; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

#footer-direccion {
    float: left;
    
}

/** Final de la página */
#bottom {  margin-bottom: 0px; }
#bottom-right { display:none; }
#bottom-inner { display:none; }


#fin {
   float:left;
    background: url(/template/default/images/headers.png?v=20111228) 0 -250px no-repeat; 
}





/** Información adicional al comienzo del cuadro de contenido */
#sidebar { margin: 1px 0 8px 0; clear:both;}
#sidebar .fecha-actual { float: left; color: #999999; }
#sidebar .datos-usuario { float: right; text-align: right;  }

/** Contenido general de cada pagina */
#content {
   min-height: 350px; border: none;
}





#branding-ze { margin: 3px auto; text-align: center; color: #666; font-size: 7pt; padding: 0 0 10px 0; }
#branding-ze .ze { background:#0e3e80; color: yellow; padding:1px;}
#branding-ze a { color: #666; text-decoration: none; }









/** Espaciador usado para contenidos que usen float */
.clear { clear: both;  margin-top: 10px; padding: 0;  border:1px solid transparent; color:red;}




.centrado {text-align: center; margin:auto;}


















/* Modificadores de "plantillas" de visualización */




/* Templates "empty" sin elementos decorativos, util para iframes */

body.empty #header,
body.empty #navigation,
body.empty #footer {
    display: none;
}
body.empty #content {
    background: #fff none;
    margin: 0;
    padding: 0;
    width: 100%
}


/* Cuadro de texto con mensaje loading */

body.iframe #banner-loading { top: 80px !important; }
body.popup #banner-loading { top: 80px !important; }
body.panel #banner-loading { top: 80px !important; }
body #banner-loading { top: 280px !important; }



#banner-loading { display: none; z-index: 800; position:absolute; top: 540px; left: 0; width: 99%; }

#banner-loading div {
    margin: 0 auto; width: 650px;  height: 120px;
    background: black url(/template/default/images/loading-black.gif?v=1) no-repeat 170px -70px;
    color: white; text-align: center; padding-top: 150px;
    
    -moz-border-radius:    8px;
    -webkit-border-radius: 8px;
    border-radius:         8px;
    
    -moz-box-shadow:    3px 3px 9px #666;
    -webkit-box-shadow: 3px 3px 9px #666;
    box-shadow:         3px 3px 9px #666;
}

#banner-loading h3 {
    font-size: 18pt; font-weight: 500; 
}

#banner-loading p {
    text-align: center; font-size: 9pt; 
}

#banner-loading a { color: #EEE; }







.cuadro_negro{width:10px;height: 5px; border:1px solid #000;padding:2px;}
.label_cuadro{display:inline-block; width:75px;margin-left:5px;}
.label_cuadro_servicio{display:inline-block; width:190px;margin-left:5px;}





.actividad-eliminada { background-color:#FFFF99; text-decoration:line-through; }
.actividad-eliminada td a { text-decoration:line-through; }
.actividad-eliminada td { text-decoration:line-through; }
.actividad-eliminada .actividad_atrasada { background:transparent; text-decoration: line-through; }
.actividad-eliminada #botones   { text-decoration:none !important;  }

















/* Templates para "popup" */
body.popup, body.popup #header, body.popup #container, body.popup #container-inner { background: #fff none; }
body.popup #header *,
body.popup #navigation,
body.popup #sidebar,
body.popup #footer,
body.popup #hvmenu,
body.popup #branding-ze,
body.popup #bottom
{
    display: none;
}



body.popup #aviso_sistema { top: 5px; left: 160px; }

body.popup #header {
    /*
    background-image: url(/template/default/images/popup_header_facturanet.png);
    */
    display: none;
    height: 0px;
}
body.popup #wrapper { min-width: 1px; }

body.popup #content {
    min-height: 150px;
}

body.popup #content,
body.popup #container,
body.popup #container-inner,
body.popup #wrapper {
    background: #fff none;
    margin: 0;
    padding: 0;
    width: 100%;
}

body.popup h1 { font-size: 1.55em; }








/***************************  DOCUMENTO  *********************************/
/* Templates para "documento" */
body.documento, body.documento #header, body.documento #container #container-inner{ background: #fff none; }
body.documento #header *,
body.documento #navigation,
body.documento #navigation *,
body.documento #sidebar,
body.documento #footer,
body.documento #hvmenu,
body.documento #branding-ze,
body.documento #bottom,
body.documento .dock-container,
body.documento #contacto

{
    display: none;
}


body.documento #container,
body.documento #wrapper {    margin: 0;    padding: 0;   /* width: 100%; */}
body.documento { width:775px; overflow: hidden;}

/* body.documento #container {    background: #fff none;    padding: 10px;        min-height: 300px;    width: 720px; } */
/* body.documento #wrapper {background:transparent;    margin: 30px auto;    width: 80%;    width: 790px;}*/
/*body.documento { background: #4F4F4F url(/template/default/images/_fondo-documento.gif) repeat-x; padding: 30px 90px; */
body.documento { background: #fff; padding: 30px 80px 30px 20px;}
body.documento #header {display: none; }
   /* background: #FFF url(/template/default/images/header_documento.png) no-repeat bottom; */
  

body.documento #content {border:none;}
/* body.documento {border:none;}*/

body.documento #container {   width: 750px; }


@media print
{
    html, body {
        background: transparent none;
        width: 710px; 
        border: 0px none; /* border-collapse:collapse;*/
        
        /*style="margin: 50px 58px auto 41px;"*/
        padding: 0px; 
        margin-top:auto;
        margin-bottom:auto;
        margin-right:25px;
        margin-left: 10px;  border:1px solid teal;
    }

 thead { 
        display: table-row-group 
    }

    .noprint {display:none}

    .menu-documento { display: none; }
    .anexo thead { background-color: #FFF; color:#000 }
}


/*************************** Fin DOCUMENTO  *********************************/

/* .iframe-documento { width: 950px; height: 600px; border:1px solid none; margin-left: 30px; } */
.iframe-documento { width: 90%; height: 800px; border:1px solid none; margin-left: 30px; }
.iframe-documento-ancho { width: 970px; height: 600px; border:1px solid none; margin-left: 30px; }






















/**
 * 
 * Aspecto visual básico
 * 
 */

body { font-size: 0.75em; font-family: 'Roboto', Arial, sans-serif;}
A    { color: #036; font-weight: 500; text-decoration: underline; }
A:hover { text-decoration: none; }
dt   { font-weight: bold; margin-left: 15px; }
fieldset { padding: 1px; }
pre  { margin-left: 10px; color: navy; }
code { color: navy; }
strong, b { font-weight: bold; }
p    { margin: 0 4px 1em 3px; text-align: left; }
ul { list-style-type: disc; margin-left: 25px; }


h1 { font-size: 1.75em; padding-left:3px; }
h2 { font-size: 1.37em; padding-left:3px;}
h3 { font-size: 1.17em; padding-left:3px;}
h4 { font-size: 1.00em; padding-left:3px;}
h5 { font-size: 0.83em; padding-left:3px;}
h6 { font-size: 0.67em; padding-left:3px;}


legend {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 1.1em;
    color: #23609E;
}



























.total {color: #1a1a82;  font-weight:bold; text-align: center;}
.centrar {color: black;  text-align: center;}
.destacar {color: black;  text-align: center; font-weight:bold;}
/* mensajes de error, advertencias y avisos */

.notice  { color: black; font-weight:bold; }
.TDedpj  { color: blue; }
.warning { color: #FF9900;  font-weight:bold; }
.error   { color: red;  font-weight:bold; }
.info    { color: #222;  font-weight:bold; }
.aviso   { color: #222;  font-weight:bold; }
.exito   {color: green; }



div.error, div.warning, div.notice, div.info{
   border-width: 1px; border-style: solid;
   color: black; font-weight: normal;
   padding: 15px; margin: 35px auto; clear: both; width: 50%;
   text-align: center;
}

div.aviso {
   border-width: 1px; border-style: solid;
   color: black; font-weight: normal; font-size: 14px;
   padding: 15px; margin: 35px auto; clear: both; width: 70%;
   text-align: center;
}


div.exito {
   border: 1px solid black; 
   font-weight: normal;
   padding: 15px; margin: 35px auto; clear: both; width: 50%;
   text-align: center;
   background: #FFFFFF url(/template/default/images/icono-ok.gif) no-repeat 20px center;
}

body.popup div.error, body.popup div.warning, body.popup div.notice, body.popup div.info{
   width: 80%;
}


div.error div.button, div.warning div.button, div.notice div.button, div.info div.button {
    margin: 20px 0 8px 0; text-align: center;
}

div.error H1,   div.error H2,   div.error H3,
div.warning H1, div.warning H2, div.warning H3,
div.notice H1,  div.notice H2,  div.notice H3,
div.info H1,  div.info H2,  div.info H3{
   background: transparent none; border: none; color: white; padding-top: 6px; padding-bottom: 6px;
}

div.notice  { background: #FFFFFF url(/template/default/images/icono-notice.gif) no-repeat 20px center; border-color: #FF0000; color: black; padding-left: 50px; text-align: left; }
div.warning { background-color: #FCE444; border-color: #E5BC24; }
div.error   { background-color: #FF4747; border-color: #B02C2C; }
div.info   { background-color: #669933; border-color: #006600; }
div.aviso   { background-color: #B0E0E6; border-color: #4682B4; }














table table { width: 80%;}

.table { width: 80%;}


/** Tablas */
.tabla {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    border:1px solid #ccc;
    width: 100%;
}

.tabla td { padding: 4px; border: 1px solid #999999; border-width: 0 0 1px 0; }
.tabla th { border: 1px solid #999999; border-width: 0 0 1px 0; }
.tabla tr.par { }
.tabla tr.impar { }


table td button {text-align: center;}
.tabla td button {text-align: center;}

.tabla thead .titulo {
    font-size: 1.2em;
}

.tabla thead td {
    background: #48525d; /*url(/template/default/images/content_table_title.jpg) repeat-x;*/
    color: #FFF;
    font-size: 1.05em;
   /* font-weight: bold; */
    text-align: left;
}

.tabla thead th { border-color: #333333; }
.tabla thead td,
.tabla thead th {
    padding: 2px 3px;
    font-weight: normal;
    font-size: 1.1em;

}


.tabla tfoot td,
.tabla tfoot th {
    background-color: #bbb; font-weight: bold;
}

.tabla thead a { font-weight: bold; }
.tabla a { text-decoration: none; font-weight: normal; }
.tabla a:hover { text-decoration: underline; }
.tabla td h3 {/* color:red;*/}



.tabla div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }

.tabla tr:nth-child(even) {background-color: #ebebeb;}

/* Tabla extendida */

.matriz .tabla {margin: 10px auto 1px auto; background-color: #FFF; font-size: 0.9em; border-left:1px dotted #ccc; border-top:1px solid #999999;}
.matriz .tabla td {padding: 2px 4px; border-top: 0; border-right: 1px dotted #ccc; border-bottom:1px solid #999; border-left:0;}
.matriz .tabla th {padding: 2px 4px; border-top: 0; border-right: 1px dotted #ccc; border-bottom:1px solid #999; border-left:0;}








/** Tablas con formularios de edición */
.tabla-edicion td { padding: 1px 1px; }
.tabla-edicion tbody th { font-style: italic; }


.tabla-respuesta {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border:#000E77 1px solid;
    padding:-4px;
    text-decoration:none;
    border-collapse:collapse;
}


/* utilizado en tabla de respuesta OIRS*/
.td_verdeA
{
    background-color: #D0D6B1;
    font-family: 'Roboto', Arial, sans-serif;
        
}



/** Tablas */
.tabla_borde {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    /*width: 80%;*/
    
}
.tabla_borde td { padding: 0.3em 4px; border: 1px solid #999999;  }
.tabla_borde th { border: 1px solid #999999;  }
.tabla_borde tr.par { }
.tabla_borde tr.impar { }

.tabla_borde thead .titulo {
    font-size: 1.2em;
}

.tabla_borde thead {
   background: #48525d; 
    color: #FFF;
    font-size: 1.05em;
    font-weight: bold;
    text-align: left;
}

.tabla_borde thead th { border-color: #333333; }
.tabla_borde thead td,
.tabla_borde thead th {
    padding: 2px 3px;
    font-weight: bold;
}


.tabla_borde tfoot td,
.tabla_borde tfoot th {
    background-color: #bbb; font-weight: bold;
}

.tabla_borde thead a { font-weight: bold; color: white; text-decoration: underline; }
.tabla_borde a { text-decoration: none; font-weight: normal; }
.tabla_borde a:hover { text-decoration: underline; }


.tabla_borde div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }



/***2***/
.tabla_borde2 {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    width: 100%;
    
}
.tabla_borde2 td { padding: 0.3em 4px; border: 1px solid #999999;  }
.tabla_borde2 th { border: 1px solid #999999;  }
.tabla_borde2 tr.par { }
.tabla_borde2 tr.impar { }

.tabla_borde2 thead .titulo {
    font-size: 1.2em;
}

.tabla_borde2 thead {
   background: #48525d; 
    color: #FFF;
    font-size: 1.05em;
    font-weight: bold;
    text-align: left;
}

.tabla_borde2 thead th { border-color: #333333; }
.tabla_borde2 thead td,
.tabla_borde2 thead th {
    padding: 2px 3px;
    font-weight: bold;
}


.tabla_borde2 tfoot td,
.tabla_borde2 tfoot th {
    background-color: #bbb; font-weight: bold;
}

.tabla_borde2 thead a { font-weight: bold; }
.tabla_borde2 a { text-decoration: none; font-weight: normal; }
.tabla_borde2 a:hover { text-decoration: underline; }


.tabla_borde2 div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }



/** Tablas que muestran calendario de vencimientos */
.calendario table { width: 100%; font-size: 0.8em; }
.calendario table thead td { width: 14.2%; font-size: 1.5em; }
.calendario table tbody td { width: 14.2%; border: 1px solid #999999; border-width: 0 0 1px 0; height: 85px; }
.calendario table .dia   { font-size: 2em; font-weight: bold; font-family: georgia, serif; display: block; }
.calendario table .habil   { color: #3366CC; }
.calendario table .feriado { color: #FF6600; }

.calendario .meses   { margin: 0 auto; text-align: center; font-size: 1.4em; }
.calendario .meses a { text-decoration: none; }


.calendario .navegador-meses { font-size: 1.45em; line-height: 2em; }
.calendario .mes-anterior { float: left; }
.calendario .mes-siguiente { float: right; margin-top: -2em; }
.calendario .mes-actual { text-align: center; }





/** links con icono */


.iconos         { white-space: pre;  }
.icono         { background: url(/template/default/images/botones.gif?v=20121001) 0 500px no-repeat; margin: 0 0 0 1px; padding: 2px 0 2px 0;  }
.icono img     { width: 20px; height: 14px; border: 0; display: inline;  }

.xml             { background-position: -1477px -44px; }
.certificado     { background-position: -1544px 1px; }
.email-no-leido  { background-position: -1414px 4px; }
.email-leido     { background-position: -1273px 1px; }
.email-por-distribuir { background-position: -1273px -46px; }
.email-nuevo     { background-position: -1273px -23px; }
.email-ok        { background-position: -1344px 4px; }

a.eliminar-actividad       { background-position: -1750px 0; }
a.eliminar-actividad:hover { background-position: -1750px -21px; }

a.historial       { background-position: -1203px 0; }
a.historial:hover { background-position: -1203px -21px; }

a.anexos       { background-position: -783px 0; }
a.anexos:hover { background-position: -783px -21px; }

a.derivar       { background-position: -1703px 0; }
a.derivar:hover { background-position: -1703px -21px; }





/** Redefinición de elementos YUI */
.yui-skin-sam .yuimenu .bd {background:#365992; border: none;}
.yui-skin-sam .yuimenubar { background:transparent; border:none; line-height:2.1; font-size:100%;  }

/* fondo botones */
.yui-skin-sam .yuimenubaritem          { background:transparent;  }
.yui-skin-sam .yuimenubaritem-selected { color: white; }

/*Boton de barra menu */
.yui-skin-sam .yuimenubaritemlabel   { border:none;  margin:1px 2px ; padding:3px 20px 1px 15px; color: white;  font-size:11px; cursor:pointer; }
/*Boton de barra menu activo*/
.yui-skin-sam .yuimenubaritemlabel-selected { background:#0da1b7 ; color: white !important;  }

/* caja de submenu */
.yui-skin-sam .yuimenuitem           {  line-height:1.8; padding:1px 0px; background-color:#365992; margin:0px; border:none; }
/* Item del submenu */
.yui-skin-sam .yuimenuitem-selected  { background:#0da1b7; cursor:pointer;}

.yui-skin-sam .yuimenuitemlabel          { border:none;  color: #FFFFFF; cursor:pointer;}
.yui-skin-sam .yuimenuitemlabel-selected { border:none;  color: #FFFFFF; }


.yui-skin-sam .yui-button-disabled, .yui-button-disabled .first-child {border:none;}

.yui-skin-sam .yui-module {border:none;}


.yuimenubar a { font-size: 0.9em; letter-spacing:0; font-weight:normal; }
.yuimenubar a:hover { text-decoration: none; }
.yuimenubar  { border: none; }

.yui-skin-sam .yuimenu ul {    padding: 3px 0;    border:none;    }

table.botones { margin: 0 auto; }



/*

.yui-skin-sam .yuimenu .bd {background:transparent;}
.yui-skin-sam .yuimenubar          { background:transparent; border:none; line-height:2.1; font-size:100%; }

.yui-skin-sam .yuimenubaritem          { background:transparent; }
.yui-skin-sam .yuimenubaritem-selected { background:transparent; }

.yui-skin-sam .yuimenubaritemlabel          {  border:none 0; margin:1px 2px 0; padding:0 20px 1px 15px; color: #222222; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.yui-skin-sam .yuimenubaritemlabel-selected { background:#3879D9 url(/template/default/images/menufondo-selected.gif) top right no-repeat; color:#FFF; }

.yui-skin-sam .yuimenuitem           { border-bottom:none; line-height:1.6; padding:0; background-color:#2E73C9; }
.yui-skin-sam .yuimenuitem-selected  { color:#FFFFFF; background:#036; }

.yui-skin-sam .yuimenuitemlabel          { border:none;  color: #FFFFFF }
.yui-skin-sam .yuimenuitemlabel-selected { border:none;  color: #FFFFFF }


.yui-skin-sam .yui-button-disabled, yui-button-disabled .first-child {border:none;}




.yuimenubar a { font-size: 0.9em; letter-spacing:0; font-weight:normal; }
.yuimenubar a:hover { text-decoration: none; }
.yuimenubar  { border: none; }



table.botones { margin: 0 auto; }
*/



/** YUI button (2.3.0+) */
/** disminuyo el alto */
.yui-button button { padding-top: 0.2em;  padding-bottom: 0.2em;  }
.yui-button a      { padding-top: 0.12em; padding-bottom: 0.12em; text-decoration: none; }
.yui-button a:hover { text-decoration: none; }



/** YUI button (2.3.0-) */

/** disminuyo el alto */
.yui-button button { padding: 0.2em 0.5em;  }
.yui-button a      { padding: 0.12em 0.5em; font-weight: normal; text-decoration: none; }
.yui-button a:hover { text-decoration: none; }

/** Corrige error en IE6 que dibuja incorrectamente en splitbutton */
.splitbutton button { padding-right: 20px; }


table.botones { margin: 0 auto; }



/** YUI button editar documento */

.documento_guardar .yui-button button { background:url(/template/default/images/disk.gif) no-repeat right 3px; padding-right: 20px; }
*html .documento_guardar .yui-button button { background:url(/template/default/images/disk.gif) no-repeat right  top; padding-right: 20px; }

.documento_cerrar .yui-button button { background:url(/template/default/images/cancel.gif) no-repeat right  3px; padding-right: 20px; }
*html .documento_cerrar .yui-button button { background:url(/template/default/images/cancel.gif) no-repeat right  top; padding-right: 20px; }

.documento_previsualizar .yui-button button { background:url(/template/default/images/zoom.gif) no-repeat right 3px; padding-right: 20px; }
*html .documento_previsualizar .yui-button button { background:url(/template/default/images/zoom.gif) no-repeat right  top; padding-right: 20px; }

.documento_validar .yui-button, .confirmarFirma submit { background:#ECECE3 url(/template/default/images/background_firmar.png) repeat-x left center; border-color: #CC6666;}

.documento_validar .submit .first-child,.confirmarFirma .submit .first-child { border-color: #CC6666; }

.documento_validar .submit button, .confirmarFirma .submit button { border:1px solid #FF0000; }

.documento_validar span.submit .hover, .confirmarFirma span.submit .hover { border-color:#CC0000; background-color:#FF0000; }

.botones-documento { text-align: center; }
.botones-documento td { padding: 25px 0; }









/* YUI Aqua Panel Skin CSS */
/*.yui-panel-container.shadow .underlay { background-color:#999; }
.yui-panel { border:none; overflow:visible; background-color:transparent; }

.yui-panel .container-close { top:3px; right:4px; height:18px; width:17px; background-image:url(yui/aqua-hd-close.gif); }
.yui-panel .container-close:hover { background-image:url(yui/aqua-hd-close-over.gif); }

.yui-panel .hd { padding:0; border:none; background:transparent url(yui/aqua-hd-bg.gif); color:#000; height:22px; margin-left:7px; margin-right:7px; text-align:center; overflow:visible; }
.yui-panel .hd span { vertical-align:middle; line-height:22px; }
.yui-panel .hd .tl { width:7px; height:22px; top:0; left:0; background:transparent url(yui/aqua-hd-lt.gif); position:absolute; }
.yui-panel .hd .tr { width:7px; height:22px; top:0; right:0; background:transparent url(yui/aqua-hd-rt.gif); position:absolute; }

.yui-panel .bd { overflow:hidden; padding:4px; border:1px solid #6D6D6D; border-bottom:none; background-color:#FFF; }
.yui-panel .ft { font-size:100%; color:#666; padding:2px; overflow:hidden; border:1px solid #6D6D6D; border-top:none; background-color:#fff; }

.mask { opacity: 0.7; background-color: #333333; }*/


/** Botones dentro de un panel */
.yui-panel button {
    /*background:#ecece3 url(/js/yui/button/assets/background.png) left center;*/
    border: 1px solid #CCCCCC;
    margin: 0;
    cursor: pointer;
    font-size: 90%;
    font-family: "Trebuchet MS", sans-serif;
}

.yui-panel button:hover {
    /*background:#9FCEED url(/js/yui/button/assets/background.png) left center;*/
    border: 1px solid #7099CE;
}











/**
 * 
 * YUI datatable "table" usados en busquedas
 * 
 * Las paginas de busqueda tienen la siguiente estructura de DIVs
 * 
 * + busqueda <clase>
 *    + formulario-busqueda     Contiene el formulario
 *       + tabla-busqueda       Tabla con campos de busqueda
 *    + mensaje-busqueda        Mensaje en caso de no haber encontrado registros
 *    + acciones-busqueda              Conjunto de botones con acciones sobre los documentos seleccionados
 *    + yui-dt resultado-busqueda      Contiene tabla YUI DataTable con los resultados de la busqueda (2 clases)
 * 
 * 
 * Las paginas de listados de registros para editar tienen la siguiente estructura de DIVs
 * 
 * + listado-edicion <clase>
 *    + yui-dt               Contiene tabla YUI DataTable con los resultados de la busqueda (2 clases)
 *    + botones-pie-tabla    Botonera abajo de la tabla, ej: "Crear"
 * 
 */
 
.yui-dt div.opciones { width: 80px; }


/** Oculto texto cargando en tablas para edicion */
.listado-edicion .yui-dt tr td.yui-dt-loading {
    background: none;
    padding-left: 20px;
    text-indent: -10000px;
    color: white;
}

/** agregar a carpeta en documentos por leer **/
.carpeta-editable { background:url(/template/default/images/folder.gif) top right no-repeat; padding-right:32px; display:block; }

/** Conjunto de botones que están bajo una tabla de listado para edicion */
.botones-pie-tabla {  text-align: center;  margin: 10px; }


/** Resultados de busqueda */
.resultado-busqueda  {  }
.resultado-busqueda .yui-dt table {  width: 100%; }
.resultado-busqueda-mrecibidos { min-height: 50px; }


.acciones-busqueda {
    margin: 0px 10px; height: 35px; overflow: hidden;
}
.acciones-busqueda div.boton {
    float: left; margin: 0 2px;
}



.mensaje_leido { 
   list-style: none outside url(/template/default/images/leido.png);
}

.mensaje_no_leido { 
   list-style: none outside url(/template/default/images/noLeido.png);
}

.mensaje_distribuido { 
   list-style: none outside url(/template/default/images/accept.png);
}

.mensaje_no_distribuido { 
   list-style: none outside url(/template/default/images/email_error.png);
}





/** Checkbox para seleccionar filas (un poco mas anchos para prevenir clicks fuera de zona) */
.yui-dt .seleccionar { display: block; width: 22px; height: 16px; background: url(/template/default/images/iconos.gif) 3px -250px no-repeat; overflow: hidden; text-indent: -10000px; }
.yui-dt .yui-dt-selected .seleccionar { background: url(/template/default/images/iconos.gif) 3px -200px no-repeat; }




/** YUI datatable "pager" */
.yui-dt .yui-dt-pagelinks {
    display: block;
    margin: 3px auto;
    text-align: center;
    padding: 3px;
    font-size: 1.15em;
}
.yui-dt .yui-dt-pagelinks * {
    border: 1px solid #999999;
    background-color: #FAFAF7;
    padding: 0px 5px;
    font-weight: bold;
}
.yui-dt .yui-dt-currentpage,
.yui-dt .yui-dt-pagelinks a:hover {
    border: 1px solid #406FAC;
    background-color: #E3F2FC;
    color: #FF002C;
}

/** Oculto links a inicio y final */
.yui-dt .yui-dt-firstpage,
.yui-dt .yui-dt-lastpage,
.yui-dt .yui-dt-firstlink,
.yui-dt .yui-dt-lastlink {
    display: none;
}

/** Selector filas por pagina */
.yui-dt .yui-dt-pageselect {
    float: right;
    margin: -25px 10px 0 0;
}

.yui-dt tr.yui-dt-selected.yui-dt-odd { background-color: #8EEF4C; } 
.yui-dt tr.yui-dt-selected.yui-dt-even { background-color: #99EF60; } 


.yui-skin-sam .yui-dt table {
    margin: auto; 
    
}





.formulario-busqueda {
    margin: 2px 0;
    padding:5px 0;
    border: 2px solid #016FAC;
    background-color: #E9E9E9;
}

.tabla-busqueda td {
    margin: 10px 2px;
    padding: 2px 7px;
    white-space: nowrap;
}


.resumen-busqueda {
    margin-top: 10px;
    padding: 1px 5px 0px;
    background-color: #016FAC;
    color: #E9E9E9;
    width: 360px;
    text-align: center;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
    font-weight: bold;
}





























/** Campos con datos numéricos */
input.numero,
input.numerico {
    width: 91px;
}
input.numerico-corto { width: 45px; }


input, select, textarea {  }
textarea { width: 350px; height: 60px;  }


input.rut   { width: 91px; }
input.mails { width: 350px; }
option.nota { color: black; font-style: italic; }
input.path  { width: 350px; font-size: 8pt; }

textarea.xpath { width: 350px; height: 30px; font-size: 8pt; }

input.mantenedor_input_fecha_dia { width: 25px; }
input.mantenedor_input_fecha_ano { width: 40px; }
input.mantenedor_input_password { width: 80px; }
input.mantenedor_input_text { width: 200px; }
textarea.mantenedor_input_memo { width: 750px; height: 350px;  }

.campo-mantenedor-oculto { display: none; }
















/** Elementos de formulario usados para desplegar datos calculados */
input.calculado {
    background: transparent none;
    border: none;
}

/* dato contenido es numérico */
input.autonumero,
.numero input,
.numero {
   text-align: right;
   white-space: nowrap;
}


/* dato contenido es una fechaeditor */
.fecha {
   text-align: center;
   white-space: pre;
}



.fecha-lejana    { color: #339900; font-weight: bold; }
.fecha-cercana   { color: #3366CC; font-weight: bold; }
.fecha-retrasada { color: #D8290D; font-weight: bold; }

.fecha-lejana-oirs    { color: #000000; font-weight: bold; background:#339900;}
.fecha-cercana-oirs   { color: #000000; font-weight: bold; background:#FFFF00;}
.fecha-retrasada-oirs { color: #000000; font-weight: bold; background:#D8290D;}




td.center { text-align: center; }

.nota { color: navy; font-size: 0.9em; font-weight:bold; }
.nota strong { font-size: 1.15em; color: #000; font-weight:bold; }


.mini { font-size: 0.85em; }

.center { text-align: center; }

.checkbox-on  { background: url(/template/default/images/iconos.gif) no-repeat 0px  -200px; width: 17px; height: 16px; margin: 0px 2px; }
.checkbox-off { background: url(/template/default/images/iconos.gif) no-repeat 0px  -250px; width: 17px; height: 16px; margin: 0px 2px; }

.nobr { white-space: pre; }




















.ficha {
    color: #000;

}


/* chips */
/*
.ficha ul li {     display: inline-block;    padding: 20px;}
.ficha ul li a { text-decoration: none; background: #ddd; padding: 5px 10px; border-radius: 25px;} 
.ficha ul li a:hover { background: #ccc; } 

/**********/



.titulo-ficha {
    clear: both;
}




.titulo-ficha span {
    /*background: #FF9900 url(/template/default/images/content_title_right_top.gif) top right no-repeat; */
    padding: 2px 16px 2px 0px;
    font-weight: 500;
    font-size: 16pt;
    font-family: 'Roboto', Arial, sans-serif;
    color: #666;
   /*border: 0 solid #CCC; border-width: 0 0 1px 0; */
   border-radius: 0px;
}

.titulo-ficha span span {
background:none;
border:none;
}

.titulo-ficha a {  text-decoration: underline; }




.lenguetas-ficha { display: block; margin: 0 ; }
.lenguetas-ficha ul { display: block; list-style-type: none; margin: 0 !important; padding: 0 0 0 0; border-bottom: 1px solid #CCC;  overflow: hidden; }
.lenguetas-ficha li { display: block; float: left; margin: 5px 0px; padding: 0; }
.lenguetas-ficha li a { display: inline; 
    background: #fff;
    /*border-top-right-radius: 35%; border-bottom-left-radius: 25%;*/
    padding: 10px 20px !important;
    font-weight: normal;
    border:1px solid #ddd;
    font-size:14px;
    font-family: 'Roboto', Arial, sans-serif;
    color: #222;
    border-collapse: collapse;
    text-decoration: none !important; 
    border-radius: 0px !important;;
}


.lenguetas-ficha li a.activo {
    background: teal ; font-size: 11pt;   color: #FFF;    }

.lenguetas-ficha li a:hover { text-decoration: underline; background: #365992; color: #FFF;   }















/** Formularios de edición */
.formulario-edicion {
    margin: 2px 10px 10px 10px;
    padding: 10px 2px;
    border: 2px solid #1673AE;
    background-color: #E3F2FC;
}




.encTabla1 { background: #D6E7FD url(/template/default/images/content_table_title.jpg) repeat-x; color: #000000; font-size: 1.1em; font-weight: bold; }
.encTabla2 { text-align: center; color: #1663BF; font-size: 0.85em; font-weight: bold; }
.encTabla3 { text-align: center; color: #1663BF; font-size: 0.85em; font-weight: bold; font-style: italic; }


.comentario { font-size: 0.95em; color: #1663BF; }





































/**
 * 
 * Mensajes de debug::getStructure()
 * 
 */
div.debug { }
div.debug table { background-color: white; color: black; border-collapse: collapse; white-space: pre; font-weight: normal; }
div.debug table td, div.debug table th { border: 1px solid #E8DEFF; padding: 1px 2px; }
div.debug table th { background-color: #0B5C93; color: white; }
div.debug table td { background-color: #CFD4E6; }

div.debug .debug-value-string       {   }
div.debug .debug-value-string span  { background-color: #DFE4F2;  }
div.debug .debug-value-integer      { color: green;      }
div.debug .debug-value-double       { color: blue;       }
div.debug .debug-value-boolean      { color: #D90081;    }
div.debug .debug-value-null         { color: darkorange; }
div.debug .debug-value-resource     { color: #D90081;    }
div.debug .debug-key-object         { color: #FF8730;    }
div.debug .debug-key-resource       { color: #FF8730;    }

div.debug .debug-value-empty-array  { color: darkorange; }
div.debug .debug-value-empty-string { color: darkorange; }
div.debug .debug-value-extra        { font-weight: normal; font-size: 0.8em; cursor: pointer; padding: 1px; color: black; background-color: #FFFFD6 !important; -moz-border-radius:3px; border-radius:3px; }
div.debug .debug-key-extra          { font-weight: bold; font-size: 0.8em; color: white; }



/** Ajustes para formato::structure() */
div.debug.structure { font-size: 90%; }
div.debug.structure table { margin: 2px; }
div.debug.structure th,
div.debug.structure td { padding: 2px 6px; }
div.debug.structure .debug-value-string span  { background-color: transparent;  }
div.debug.structure .debug-value-integer,
div.debug.structure .debug-value-double,
div.debug.structure .debug-value-boolean,
div.debug.structure .debug-value-null,
div.debug.structure .debug-value-resource,
div.debug.structure .debug-key-object,
div.debug.structure .debug-key-resource       { color: #000; }


















/* autorut */
input.autorut {
    width: 91px;
}
input.autorut.invalido {
    color: red;
}




/* autofecha */

/* Elementos de formulario usados para almacenar fechas */
input.autofecha {
   text-align: center;
   width: 74px;
}

span.autofecha-container { white-space: nowrap; }

div.autofecha {
   background-color: white;
   border: 1px solid #C7D7EA;
   padding: 1px;
    -webkit-box-shadow: 1px 1px 12px 0px rgba(153,153,153,0.63);
    -moz-box-shadow: 1px 1px 12px 0px rgba(153,153,153,0.63);
    box-shadow: 1px 1px 12px 0px rgba(153,153,153,0.63);
}
div.autofecha TABLE {
   background-color: white;
   border-collapse: collapse;
   font-size: 9pt;
}
div.autofecha TABLE TD {
   padding: 10px 10px;
}

div.autofecha A {
   text-decoration: none;
   color: black;
}
/* fila (1) de selección del mes y año */
div.autofecha TABLE TR.mes TD {
   text-align: center;
   font-weight: normal;
   text-transform: uppercase;
}
/* fila (2) de despliegue de los días de la semana */
div.autofecha TABLE TR.dias TD {
   text-align: center;
   font-weight: normal;
   font-size: 8pt;
}
/* filas (3 en adelante) de despliegue de los días de les mes en curso */
div.autofecha TABLE TR.dia TD {
   /*border: 1px solid #ddd;*/
   text-align: right;
}
/* celdas con los días del mes (anterior, actual y el posterior) */
div.autofecha TD.mes {
}
div.autofecha TD.mes a {
    display: block;
}
/* celdas con los días del mes anterior */
div.autofecha TD.anterior A {
   color: gray;
}
/* celdas con los días del mes posterior */
div.autofecha TD.posterior A {
   color: gray;
}
/* celdas con los días del mes actual */
div.autofecha TD.actual {
 /*  background-color: #E9F0F5;*/
}
/* celda con la fecha actualmente selecionada en el formulario */
div.autofecha TD.activo {
   background-color: #ccc;
   font-weight: bold;
}
div.autofecha TD.activo A {
   color: white; font-weight: bold;
}
/* celda con la fecha de hoy */
div.autofecha TD.hoy {
   /*border: 1px solid red;*/
   background-color: #eee;
}
/* celda con un día feriado (incluye los días sábado) */
div.autofecha TD.feriado A {
   color: red;
}




/* iconos para cambio de mes y año */
div.autofecha A.cambio-fecha {
    width: 12px; height: 14px;
    background: url(/js/autofecha/autofecha-links.gif?v=20111025) no-repeat 0 0;
    display: block;
}


div.autofecha A.ano-anterior  { background-position: 0 -28px; }
div.autofecha A.mes-anterior  { background-position: 0     0; }
div.autofecha A.mes-posterior { background-position: 0 -14px; }
div.autofecha A.ano-posterior { background-position: 0 -42px; }


/*******************************/









/** Autocomplete styles */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  font-family: sans-serif;
  font-size: 8pt;
  text-align: left;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: pointer;
  /*
  cursor: hand;
  */
  padding-left: 2px;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* caracteres que conciden con el patron de busqueda */
#autocomplete .match {
  font-weight: bold;
}

/* Animated throbber */
input.autocomplete {
  background: url(/template/default/images/autocomplete_loading.gif) no-repeat 100% 2px; 
}
input.throbbing {
  background-position: 100% -18px;
}


div.mantenedor_div_input_classautocomplete { margin-right: 5px; padding-bottom:2em; }
.mantenedor_input_classautocomplete    {  color:#222; background: url(/template/default/images/iconos.gif?v=20111228)  no-repeat right  -496px; }
.mantenedor_div_input_classautocomplete    { width: 400px; height: 30px;  }






/***** BOTONES PLANOS ***/

.yui-skin-sam .yui-button {
  padding: .375rem .75rem !important;
  border-radius: .25rem !important;
  background-image: none  !important;
  background-color: #007bff !important;
  color: #fff !important;
  transition: background-color .15s ease-in-out !important;
  font-size: 1em; 
}
.yui-skin-sam .yui-button a:hover {  background-color: #0069d9;}

/*.yui-skin-sam .yui-button:hover, .yui-skin-sam .yui-button:focus {  outline:none !important; border:none;  background-color: #0069d9;}

.yui-skin-sam .yui-button:active {  background-color: #0062cc; } */

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a { color: white; outline:none !important;}

.yui-skin-sam .yui-button .first-child {border:none; outline:none !important; outline:none !important;}

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a { font-size: 100%; outline:none !important; }

.yui-push-button-active { outline:none !important;  }
.yui-push-button { outline:none !important;  }

.yui-skin-sam .yui-toolbar-container .yui-button-selected span.yui-toolbar-icon, .yui-skin-sam .yui-toolbar-container .yui-button-hover span.yui-toolbar-icon {
    background-image: none; outline:none !important;
}



/**** Botones Acciones Documento ***/
 
.documento_previsualizar .yui-button button { background-image: none; padding: 0px;}
.documento_guardar .yui-button button { background-image: none; padding: 0px;}
.documento_cerrar .yui-button button {  background-image: none; padding: 0px;}
.documento_validar .yui-button, .confirmarFirma submit { background: none; border: none; }


/** Estilos para páginas específicas */  


body.login #wrapper {padding-top: 0px;}
body.login #header-inner {text-align: center; height: auto; min-width: 30%; max-width: 50%; margin: auto;}
body.login #header-inner img { float: none; margin: 5px;}
/*body.login #logo-sistema { float: none; display: none; } */
body.login #sidebar div {text-align: center; float: none;}

body.login #sidebar {
    margin: 1px 0 8px 0;
    clear: both;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

body.login #header-inner img { height: 100px; width: auto; float:left; }
body.login #logo-sistema img { height: 100px; width: auto; float: right;}


/** formulario de login */

body.login form { width: 412px; height: 285px; margin: auto; font-size: 10pt; font-weight: bold; }
body.login form h1 { padding: 8px 10px; text-align: center; font-size: 14pt; }
body.login form p  { padding: 10px 10px; text-align: center; font-size: 10pt; }
body.login form table.formulario { margin: 2px auto; color: #333333; }
body.login form input { width: 100%; font-size: 10pt; font-weight: bold; }




@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
body.login_lascondes { margin: 0; box-sizing: border-box; background: #FEFEFC; font-family: "Roboto", Arial, sans-serif;}


body.login_lascondes #header-inner {display: none;}
body.login_lascondes #navigation {display: none;}
body.login_lascondes #sidebar {display: none;}
body.login_lascondes #container-inner {padding: 0; margin: 0;}
body.login_lascondes form h1 { padding: 0px; display:none; }
body.login_lascondes form p  { padding: 0px; display:none; }

body.login_lascondes .div_contenedor{
                background: #FFF;
                height: 65vh;  
                display: flex;     
                align-items: center;
                justify-content: center;
            }
    
body.login_lascondes .div_centrado{
                background: #FFF;
                width: 800px;       
                height: 450px;
                border-radius: 3px;
                text-align: center;
                border:1px solid #ccc;
                -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
                background-image: url("/images/las_condes/logo-fondo.png"); background-repeat: no-repeat; 
            }
body.login_lascondes .login-izquerdo {float:left;  width: 50%;  height: 250px; box-sizing: border-box; padding: 3px; position: relative;  }
body.login_lascondes .login-derecho {float:right; width: 50%; height: 250px; box-sizing: border-box;  padding: 3px; text-align: left;}

body.login_lascondes .login-derecho input {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    width: 260px;
    /* padding: 8px 8px 7px;    */
}

body.login_lascondes .login-imagen {border:1px solid red;}
body.login_lascondes .login-texto {font-size: 12px; text-align: left; padding: 50px;}
body.login_lascondes .login-footer {bottom: 0px; position: absolute; font-size: 12px; text-align: left; padding: 50px;}
body.login_lascondes .clear {clear: both;}
body.login_lascondes .pad-login {padding:25px 10px;}

body.login_lascondes #footer-inner {padding: 0px; }



/** página con mensaje */
body.mensaje div.mensaje {  width:412px; margin:40px auto; font-size: 9pt; border:1px solid #CCC;  /*padding: 10px 0px;*/}
*html body.mensaje div.mensaje { width:100%; text-align:center; }
body.mensaje div.mensaje h1 {/* background: url(/template/default/images/recuadro-login-titulo.gif) top center; */ background-color: #CCC; color: black; padding: 8px 15px 8px 20px; text-align: center; font-size: 14pt; margin:0 auto; font-weight: normal; /* width:377px; */ }
*html body.mensaje div.mensaje h1 { width:412px; }
body.mensaje div.mensaje .contenido {  /*background: url(/template/default/images/recuadro-login-content.gif) bottom center; */ padding: 20px 15px 20px 20px; /* width:377px;*/ }
*html body.mensaje div.mensaje .contenido { width:412px; text-align:left; }
body.mensaje div.botones { text-align: center; padding: 30px 0 0 0; }
body.mensaje img { float:left; padding:0 5px 5px 0; }




/** cambio de perfil activo */
body.cambia-perfil td.columna-icono { padding-left: 24px; }
body.cambia-perfil tr.destacado td,
body.cambia-perfil tr.destacado td a { font-weight: bold; }
body.cambia-perfil tr.destacado td.columna-icono { background: url(/template/default/images/botones.gif) no-repeat -1598px -45px;   width: 30px;}


/** pagina de comentarios */
#mantenedor_formulario_resumen { width: 400px; }











/** Campos avanzados para edición de documentos */
.visualizacion_perfiles_seleccionados { width: 600px; overflow: auto; height: 100px; border: 1px solid #cccccc; }
 




/** Visor para seleccionar destinatarios del documento */
.edicion_visor_seleccion_perfil { }

.edicion_visor_seleccion_perfil .destinatario                { background: url(/template/default/images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.edicion_visor_seleccion_perfil .destinatario span           { background: url(/template/default/images/vsp/token.gif) right top; }
.edicion_visor_seleccion_perfil .destinatario span span      { background: url(/template/default/images/vsp/token.gif) right bottom; }
.edicion_visor_seleccion_perfil .destinatario span span span { background: url(/template/default/images/vsp/token.gif) left bottom; }

.edicion_visor_seleccion_perfil .destinatario:hover,
.edicion_visor_seleccion_perfil .destinatario:hover span,
.edicion_visor_seleccion_perfil .destinatario:hover span span,
.edicion_visor_seleccion_perfil .destinatario:hover span span span { background-image: url(/template/default/images/vsp/token_hover.gif); }

.edicion_visor_seleccion_perfil .destinatario span span span span { padding: 0 4px; }

.edicion_visor_seleccion_perfil .quitar_destinatario { background: url(/template/default/images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_seleccion_perfil .quitar_destinatario:hover { text-decoration: none !important; }


.edicion_visor_seleccion_multi_perfil .quitar_destinatario { background: url(/template/default/images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_seleccion_multi_perfil .quitar_destinatario:hover { text-decoration: none !important; }


.edicion_visor_seleccion_perfil .agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.edicion_visor_seleccion_perfil .agregar_destinatario_inactivo { color: #99A; }



.edicion_visor_seleccion_perfil  div.yuimenu li,
.edicion_visor_seleccion_perfil  div.yuimenubar li { font-size: 8pt; }

/** Visor para seleccionar destinatarios del documento */
.edicion_visor_perfil_cc { }

.edicion_visor_perfil_cc .destinatario                { background: url(/template/default/images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.edicion_visor_perfil_cc .destinatario span           { background: url(/template/default/images/vsp/token.gif) right top; }
.edicion_visor_perfil_cc .destinatario span span      { background: url(/template/default/images/vsp/token.gif) right bottom; }
.edicion_visor_perfil_cc .destinatario span span span { background: url(/template/default/images/vsp/token.gif) left bottom; }

.edicion_visor_perfil_cc .destinatario:hover,
.edicion_visor_perfil_cc .destinatario:hover span,
.edicion_visor_perfil_cc .destinatario:hover span span,
.edicion_visor_perfil_cc .destinatario:hover span span span { background-image: url(/template/default/images/vsp/token_hover.gif); }

.edicion_visor_perfil_cc .destinatario span span span span { padding: 0 4px; }

.edicion_visor_perfil_cc .quitar_destinatario { background: url(/template/default/images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_perfil_cc .quitar_destinatario:hover { text-decoration: none !important; }

.edicion_visor_perfil_cc .agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.edicion_visor_perfil_cc .agregar_destinatario_inactivo { color: #99A; }

.edicion_visor_perfil_cc  div.yuimenu li,
.edicion_visor_perfil_cc  div.yuimenubar li { font-size: 8pt; }




/* ajuste espaciado */
.edicion_visor_perfil_cc .destinatario {    white-space: normal !important; }
.visualizacion_perfiles_seleccionados {width: 100%; margin-bottom: 10px;}


.edicion_visor_perfil_junta { }

.edicion_visor_perfil_junta .destinatario                { background: url(/template/default/images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.edicion_visor_perfil_junta .destinatario span           { background: url(/template/default/images/vsp/token.gif) right top; }
.edicion_visor_perfil_junta .destinatario span span      { background: url(/template/default/images/vsp/token.gif) right bottom; }
.edicion_visor_perfil_junta .destinatario span span span { background: url(/template/default/images/vsp/token.gif) left bottom; }

.edicion_visor_perfil_junta .destinatario:hover,
.edicion_visor_perfil_junta .destinatario:hover span,
.edicion_visor_perfil_junta .destinatario:hover span span,
.edicion_visor_perfil_junta .destinatario:hover span span span { background-image: url(/template/default/images/vsp/token_hover.gif); }

.edicion_visor_perfil_junta .destinatario span span span span { padding: 0 4px; }

.edicion_visor_perfil_junta .quitar_destinatario { background: url(/template/default/images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_perfil_junta .quitar_destinatario:hover { text-decoration: none !important; }

.edicion_visor_perfil_junta .agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.edicion_visor_perfil_junta .agregar_destinatario_inactivo { color: #99A; }

.edicion_visor_perfil_junta  div.yuimenu li,
.edicion_visor_perfil_junta  div.yuimenubar li { font-size: 8pt; }



/** pagina confirmar Firma */

body.confirmarFirma .ficha table { margin:0 auto; font-size:120%; }

body.confirmarFirma  .yui-button a { background:url(/template/default/images/wrench.gif) no-repeat right 3px; padding-right:20px; }



/** Diff de HTML */
ins, del { text-decoration:none; }
del { background:#FFCCCC; }
ins { background:#BBFFBB; }


/* contrasena en los documentos al guardar y firma */
#mantenedor_formulario_clave_firmar {
   width: 100px;
}




















/** Menu dock */
#dock { position:relative; float:right;}
.dock-container { padding-left: 2px;    padding-right: 2px; position:relative; top: -55px;}
.dock-container td { padding: 2px;}
.dock-item2 span { display: none;}
.dock-item2 img { border: 0;    display: block;   margin:2px; width:30; height:30; }
.dock-item2 img:hover { border:1px solid #FFF; }






/** cabecera */
body.concurso #header { background: #6799FF url(/template/default/images/bosque_nativo/header_bkgnd.jpg) repeat-x; }
body.concurso #header-inner { background: url(/template/default/images/bosque_nativo/header_left.jpg) no-repeat; height: 114px; }
body.concurso #logo-sistema { background: url(/template/default/images/bosque_nativo/header_right.jpg) no-repeat right; width: 198px; height: 114px; float: right; }

/** cabecera */




/******** Evaluacion de desempeño *************/
.tabla .postula_nav { text-align:right; border-top:1px dotted #D6E184; padding-top:10px; }
.tabla .postula_nav a { color:#4EDCC4; text-decoration:none; font-weight:bold; font-size:14px; vertical-align:top; padding:0 10px;
margin:0 0 0 10px; }

.postula_nav { border-bottom:none 0; }


.fichero-postulacion {  position:relative; top:auto; left:auto; }
.fichero-postulacion li a { background:#99CCCC url(/template/default/images/corner-ficha.gif) top right no-repeat; padding:5px 60px 5px 7px; text-decoration:none; display:block;  }
.fichero-postulacion li a:hover { background-color:#CCFFCC; text-decoration:none }
.fichero-postulacion li li a { background:#CCFFCC url(/template/default/images/corner-ficha2.gif) bottom right no-repeat;   }
.fichero-postulacion li li a:hover { background-color:#fff; text-decoration:none; }
.fichero-postulacion ul { padding:0; margin:0; position:relative; top:-26px; left:-1px;  }
.fichero-postulacion li { float:left; padding:0; font-size:12px; border:0 none; height:26px; position:relative; list-style:none;  }
.fichero-postulacion li ul { clear:left; margin-top:26px;  }
.fichero-postulacion .sub-ul { width:650px; clear:both;    }
.fichero-postulacion .lengueta-seleccionada a { background-color:#CDDCDC; }
.fichero-postulacion .lengueta-seleccionada a:hover { background-color:#CDDCDC; }
.asistencia { color:#000308; bold; font-size: 1.0em; text-align: center}
.calificacion { color:#000308; bold; font-size: 1.2em; text-align: center }
.subfactor { color:#072a79; bold; font-size: 1.3em}



.notaCalificador
{
text-align: center;
font-weight: bold;

}

.btn_eliminar {clear:both; text-align: justify; margin:10px; }
.plantilla {  width:800px; margin:10px;}
.plantilla_edicion { text-align: center;  width:800px; margin-left:auto; margin-right:auto;}

.plantilla_edicion a {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #f9f9f9;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 15px;
    text-decoration: none;
    vertical-align: middle;
}


#footer-direccion {
    float: left;
}
#footer-links {
    float: right;
}
#footer-links A { text-decoration: none; }

#fin {
    width: 980px;
    margin: 0px auto 0 auto;
    height: 20px;
    background: url(/template/default/images/headers.png?v=20111228) 0 -250px no-repeat;
}

.semaforo-rojo   { background: url(/template/default/images/semaforo.png) 0 0px no-repeat; margin: 0 0 0 1px; padding: 8px 0 7px 0;  }
.semaforo-amarillo    { background: url(/template/default/images/semaforo.png) 0 -41px no-repeat; margin: 0 0 0 1px; padding: 8px 0 7px 0;  }
.semaforo-verde    { background: url(/template/default/images/semaforo.png) 0px -84px no-repeat; margin: 0 0 0 1px; padding: 8px 0 7px 0;  }


/*.tablas-cometido .tabla { width: 100%; } */


.url-xml { font-size:11px; font-family: arial,helvetica,sans-serif; }

.caja-check { display: inline-block; padding:10px 5px; border:1px solid #CCC; vertical-align:text-top; width: 250px; margin:10px; 
/*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);*/}
.mantenedor-campo-cadp_estado .mantenedor_input_multirelacion {display: inline-block; padding:5px; border:1px solid #E9E9E9; vertical-align:text-top;}

.caja-check:hover{ background-color:#ddd; }
.estado-inicial {background-color:#ddd; }
.separador-vertical {border-right:1px dotted white; padding-right:5px; margin-right:5px;}
.caja-datos {height:60px; display:inline; margin-right:10px; float:left; }
.caja-datos-boton {padding:20px;}


.caja-check input[type=checkbox] + label {  color: #222;} 
.caja-check input[type=checkbox]:checked + label  {  color: #f00;  } 




/*************************/
@media print {

html, body {
        background: transparent none;
        width: 610px; 
        /*min-height: 800px;*/
        border: 0px none;
        padding: 0px; 
        margin-top:auto;
        margin-bottom:auto;
        margin-right:30px;
        margin-left: 2px; 
        


        /*style="margin: 50px 58px auto 41px;"*/
    }


}

@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 10mm auto 10mm auto;  
} 

.de-para { width: 800px; margin:auto; text-align:left;}
.de-para:hover img {opacity: 0.7; }



/*CSS Document
* Tablas*/
.tabla-proyectos
{
    margin: 0px auto;
    background-color: #FFF;
    border: 1px solid #F4F4F4;
    border-collapse: collapse;
    font-size: 1em;
}
.tabla-proyectos TBODY TR
{
    border-bottom: 1px solid #F7F7F7;
}
.tabla-proyectos TD
{
    padding: 0.4em 3px;
}
.tabla-proyectos TBODY TR:nth-child(odd)
{
    background-color: #DDD;
}
.tabla-proyectos TBODY TR:nth-child(even)
{
    background-color: #EEE;
}


.tabla-proyectos TR.separador
{
    background-color: #CCD;
}
.tabla-proyectos TR.disabled
{
    color: #AAB;
}
.tabla-proyectos THEAD .titulo
{
    font-size: 1.2em;
}
.tabla-proyectos TD.thead, .tabla-proyectos TH.thead, .tabla-proyectos THEAD
{
    background-color: #6986B6;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}
.tabla-proyectos THEAD TD, .tabla-proyectos THEAD TH
{
    padding: 2px 9px;
    font-weight: bold;
}
.tabla-proyectos TFOOT TD, .tabla-proyectos TFOOT TH
{
    background-color: #6986B6;
    font-weight: bold;
}
.tabla-proyectos A
{
    text-decoration: none;
}
.tabla-proyectos A:hover
{
    text-decoration: underline;
}
.tabla-proyectos A IMG
{
    text-decoration: none;
}
.tabla-proyectos A:hover IMG
{
    text-decoration: none;
}
.tabla-proyectos TD.titulo
{
    font-weight: bold;
}
.tabla-proyectos TD.descripcion
{
    font-size: 1em;
    color: #666;
    font-style: italic;
    padding: 6px 14px;
}




.ico-check
{
    background: url(/template/default/images/iconos2.gif) no-repeat 5px 7px;
    margin: 0 0 0 1px;
    padding: 8px 0 7px;
    
}
.ico-atencion
{
    background: url(/template/default/images/iconos2.gif) no-repeat 5px -38px;
    margin: 0 0 0 1px;
    padding: 8px 0 7px;
}
.asterisco
{
    font-size: 18px;
    color: #FF0000;
    font-weight: bold;
}






/* acordion */ 

/*------------- Slide */
.Slide{border:1px solid #ccc; margin:15px 0 20px; border-collapse: collapse;}
.Slide .SL{color:#3B88DA; cursor:pointer; padding:10px; display:block; border:1px solid #ccc; margin:0; border-collapse: collapse;}
.Slide .SL-Off{color:#222; background: url(/template/default/images/ico_mostrar.png) no-repeat top right;}
.Slide .SL-On{color:#222; background: #ddd url(/template/default/images/ico_ocultar.png) no-repeat top right;}
.Slide .SL-Cont{padding:5px 30px 5px 10px;}
/* .Slide .SL-Cont table{margin:0 auto 20px;border-collapse: collapse;empty-cells: show;border-spacing:0px; border:1px solid #FFF;background:#DDD;text-align:left;color:#222; }*/
.Slide .SL-Cont th, .slidcont td{padding:.7em .6em;font-size:.95em;line-height:130%;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.Slide .SL-Cont th{ background-color:#e2e2e2; text-align:center; color:#333;}
.Slide .SL-Cont ul {margin: .5em 0 1em;}
.Slide .SL-Cont ul li {margin: 0 0 0.2em;padding-left: 3em;color: #333; /* background: url(flip_rojo.gif) no-repeat;*/ }
.Slide .SL-sub .SL{color:#F00; padding-left: 20px;}


/*------------- Clear Fix */
.cf:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cf {display: inline-block;}
* html .cf {height: 1%;}
.cf {display: block;}


/*******************************/





.botonExcel {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #dbdbdb));
  background:-moz-linear-gradient(top, #fafafa 5%, #dbdbdb 100%);
  background:-webkit-linear-gradient(top, #fafafa 5%, #dbdbdb 100%);
  background:-o-linear-gradient(top, #fafafa 5%, #dbdbdb 100%);
  background:-ms-linear-gradient(top, #fafafa 5%, #dbdbdb 100%);
  background:linear-gradient(to bottom, #fafafa 5%, #dbdbdb 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dbdbdb',GradientType=0);
  background-color:#fafafa;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  border:1px solid #889399;
  display:inline-block;
  cursor:pointer;
  color:#000000;
  font-family:Arial;
  font-size:14px;
  font-weight:normal;
  padding:10px 20px;
  text-decoration:none;
}
.botonExcel:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
  background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
  background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
  background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
  background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
  background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
  background-color:#dbdbdb;
}
.botonExcel:active {
  position:relative;
  top:1px;
}


/****** tablas de reporte anchas ******/
.div-reporte { overflow: auto; width: 99%; max-height: 600px; margin:3px; border:1px solid #eee;}
.div-reporte .tabla_borde TH { font-size:11px; table-layout: fixed; white-space: nowrap; padding:2px;}
.div-reporte .tabla_borde tr.impar { background-color: #F4F4F4; }
.div-reporte .tabla_borde tr.par {background-color: #FFFFDF; }


/*  pestañas tabulacion ***/

   /*----- Tabs -----*/

.main {
  margin: 0px auto;
}

.tabs { 
    width:100%;
    display:inline-block;
}


.tab-links  {
    
    }

    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
        
    }

    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }

        .tab-links a {
            padding:5px 15px;
            display:inline-block;
            border-radius:0px 15px 0px 0px;
            background:#FFCF63;
            text-decoration:none;
            font-weight:600;
            color:#4c4c4c;
            transition:all linear 0.15s;
            width:150px;
        }

        .tab-links a:hover {
            background:#FFE4A8;
            text-decoration:none;
        }

    li.active a, li.active a:hover {
        background:#005FA9;
        color:#FFF;
    }

    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
        
    }

        .tab {
            display:none;
        }

        .tab.active {
            display:block;
        }


/****************************************************/

/*Estilos para los TABS*/

.panel-tabs {width:80%; margin: auto; }

.tabs { margin-top: 10px; /* display: -webkit-flex;    display: flex; */}


.tabula { display: -webkit-flex; /* Safari */    display: flex;}
.tabula { border:1px solid #FFF; width:155px; height: 20px;float:left; background: #475156; color:#FFF; padding:10px; 10px;   line-height: 1.1em;
-webkit-border-top-right-radius: 12px; 
-moz-border-radius-topright: 12px;
border-top-right-radius: 12px;
font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    text-decoration:none;
}

.tabula a {color:#FFF;  }
.tabula a:hover {color:#FFF;  }

.tabula:hover {background: #0A3F61 !important; color:#FFF !important; text-decoration:none !important; }

.tabula.activo {background: #3091C1; color:#FFF; }

.tabsub a {background: teal; color:#FFF; }

.lengueta-seleccionada {background: #0F69B4; border-bottom:2px solid #CCC;}

.tabsub .tabula.lengueta-seleccionada  {background: #0A3F61 !important; }


/******************************************/





/***** julio 2016 *********/

.tabla_gasto { }

.tabla_gasto table {padding:0px;}

.auto_evaluacion {font-size:18px; background-color:#F6F7EE; padding:10px; width:850px; margin:auto; text-align:center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);

}

.auto_evaluacion a:link  {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
    width:200px;
    margin: 20px auto 5px auto ;
}
.auto_evaluacion a:hover {
    background-color:#0061a7;
    color:#ffffff;
}
.auto_evaluacion a:active {
    position:relative;
    top:1px;
    color:#ffffff;
}

/*******************/
.evaluacion {font-size:18px; background-color:#F6F7EE; padding:10px; width:850px; margin:auto; text-align:center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);

}

.evaluacion a:link  {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
    width:200px;
    margin: 20px auto 5px auto ;
}
.evaluacion a:hover {
    background-color:#0061a7;
    color:#ffffff;
}
.evaluacion a:active {
    position:relative;
    top:1px;
    color:#ffffff;
}

/**********/


/*
button {
    -moz-box-shadow:inset 0px 1px 0px 0px #9fb4f2;
    -webkit-box-shadow:inset 0px 1px 0px 0px #9fb4f2;
    box-shadow:inset 0px 1px 0px 0px #9fb4f2;
    background-color:#7892c2;
    border:1px solid #4e6096;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:10px 15px;
    text-decoration:none;
}
button:hover {
    background-color:#476e9e;
}
button:active {
    position:relative;
    top:1px;
}

*/


/*****************/
.yui-dt table {
    margin: auto;
    background-color: #FFF;
    border: 1px solid #177EBF;
    border-collapse: collapse;
    font-size: 8pt;
    width: 80%; 
}
.yui-dt table th,
.yui-dt table td {
    padding: 0.4em 5px;
}
.yui-dt table tr.yui-dt-even {
    background-color: #FFFFFF;
}
.yui-dt table tr.yui-dt-odd {
    background-color: #DFDFF4;
}

.yui-skin-sam .yui-dt th a,
.yui-dt thead a {
    font-weight:bold;
    color: #177EBF;
    font-size: 9pt;
    text-decoration: underline;
}

.yui-skin-sam .yui-dt th a:hover,
.yui-dt thead a:hover {
    text-decoration: none;
}

.yui-dt thead td,
.yui-dt thead th {
    font-weight:bold;
    color: #177EBF;
    font-size: 9pt;
}

.yui-dt tr td.yui-dt-loading {
    background: url(/template/default/images/autocomplete_loading.gif) no-repeat 5px -15px;
    padding-left: 20px;
}

.marcax {font-weight:bold; font-size:18px; text-transform: uppercase;}





/********** PANEL CENTRAL ******/

.cajas-actividades {  display: -webkit-flex; display: flex; width:100% ;  }

.cajas-actividades .caja-doc:hover {border: 1px solid #222;}
.caja-doc { border: 1px solid #CCC; width: 100%; max-width: 200px;  height: 100px; float: left; margin: 5px; position:relative; cursor:pointer; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);}

.caja-doc span a { font-size: 13px; bottom:0; position: absolute; margin:3px; text-decoration:none; color:#555;}

.cantidad-doc { font-size: 40px; float: right; font-family: 'Roboto', sans-serif; font-weight: bold; color:#555; padding:3px; }

.por-oirs  { border: 1px solid #999;  background: #D6E7FD url(/template/default/images/oirs-ico.svg) no-repeat  !important; }


/***********************/



input, textarea, select, file {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background-color: #EDEDED;
    padding: 8px 8px 7px;
    /* resize: none; */
}




/*------------------------------------*/
/* PASTILLAS INICIO                  */


.pastillas { display: inline-flex; flex-direction: row; background-color: #e5e5e5; border: none; cursor: default; height: 30px; outline: none; padding: 0; font-color: #333333; white-space: nowrap; align-items: center; border-radius: 16px; vertical-align: middle; text-decoration: none;    justify-content: center;}
.pastillas span { display: flex; position: relative; overflow: hidden; flex-shrink: 0; align-items: center; user-select: none; border-radius: 50%; justify-content: center; width: 30px; color: #fff;    height: 30px;    font-size: 13px;    margin-right: 4px;}
.pastillas a { cursor: pointer; display: flex; align-items: center; user-select: none; white-space: nowrap; padding-left: 1px; padding-right: 12px; text-decoration: none; }

.pastillas-porfirmar {background-color:#d1e1b9; }
.pastillas-porfirmar span {background-color: #0A3F61; color: white; }

.pastillas-porleer {background-color:#F1D387;  }
.pastillas-porleer span {background-color: #BE671A; color: white; }

.pastillas-porfirmarjefe {background-color:#A2C8B9;  }
.pastillas-porfirmarjefe span {background-color: #348B64; color: white; }

.pastillas-porleerjefe {background-color:#96C8EA;  }
.pastillas-porleerjefe span {background-color: #21A2D9; color: white; }

.pastillas-derivacion {background-color:#ccf2c5;  }
.pastillas-derivacion span {background-color: #2A5B32; color: white; }

.pastillas-derivacion-unidad {background-color:#edeeef;  }
.pastillas-derivacion-unidad span {background-color: #87868A; color: white; }

.pastillas-recibir-unidad {background-color:#F6F7EE;  }
.pastillas-recibir-unidad span {background-color: #B0AEA8;  }



/*------------------------------------*/
/* DASHBOARD INDICADORES              */

.contenedor-dashboard  { width: 1200px; margin: auto; font-family: 'Roboto', sans-serif; font-size: 12px; }
.contenedor-dashboard h1 { font-size: small; }
.contenedor-dashboard .col-25 {width: 25%; float: left; text-align: center; padding: 10px;}


.contenedor-dashboard .progress-circle {   font-size: 20px;   margin: 20px;   position: relative;    padding: 0;   width: 5em;   height: 5em;   background-color: #F2E9E1;    border-radius: 50%;
   line-height: 5em;      float: left;}

.contenedor-dashboard .progress-circle:after{    border: none;    position: absolute;    top: 0.35em;    left: 0.35em;    text-align: center;    display: block;    border-radius: 50%;    width: 4.3em;    height: 4.3em;    background-color: white;    content: " ";
}

.contenedor-dashboard .progress-circle span {    position: absolute;    line-height: 5em;    width: 5em;    text-align: center;    display: block;    color: #53777A;    z-index: 2;}
.contenedor-dashboard .left-half-clipper {    border-radius: 50%;   width: 5em;   height: 5em;   position: absolute;   clip: rect(0, 5em, 5em, 2.5em);  }
.contenedor-dashboard .progress-circle.over50 .left-half-clipper {   clip: rect(auto,auto,auto,auto);}
.contenedor-dashboard .value-bar {   position: absolute;    clip: rect(0, 2.5em, 5em, 0);   width: 5em;   height: 5em;   border-radius: 50%;   border: 0.45em solid #53777A;    /*background-color: #4D642D;*/ /* debug */   box-sizing: border-box;}

.contenedor-dashboard .progress-circle.over50 .first50-bar {   position: absolute;    clip: rect(0, 5em, 5em, 2.5em);   background-color: #53777A;   border-radius: 50%;   width: 5em;
   height: 5em;}
.contenedor-dashboard .progress-circle:not(.over50) .first50-bar{ display: none; }


/* Barra */
.contenedor-dashboard .progress-circle.p0 .value-bar { display: none; }
.contenedor-dashboard .progress-circle.p1 .value-bar { transform: rotate(4deg); }
.contenedor-dashboard .progress-circle.p2 .value-bar { transform: rotate(7deg); }
.contenedor-dashboard .progress-circle.p3 .value-bar { transform: rotate(11deg); }
.contenedor-dashboard .progress-circle.p4 .value-bar { transform: rotate(14deg); }
.contenedor-dashboard .progress-circle.p5 .value-bar { transform: rotate(18deg); }
.contenedor-dashboard .progress-circle.p6 .value-bar { transform: rotate(22deg); }
.contenedor-dashboard .progress-circle.p7 .value-bar { transform: rotate(25deg); }
.contenedor-dashboard .progress-circle.p8 .value-bar { transform: rotate(29deg); }
.contenedor-dashboard .progress-circle.p9 .value-bar { transform: rotate(32deg); }
.contenedor-dashboard .progress-circle.p10 .value-bar { transform: rotate(36deg); }
.contenedor-dashboard .progress-circle.p11 .value-bar { transform: rotate(40deg); }
.contenedor-dashboard .progress-circle.p12 .value-bar { transform: rotate(43deg); }
.contenedor-dashboard .progress-circle.p13 .value-bar { transform: rotate(47deg); }
.contenedor-dashboard .progress-circle.p14 .value-bar { transform: rotate(50deg); }
.contenedor-dashboard .progress-circle.p15 .value-bar { transform: rotate(54deg); }
.contenedor-dashboard .progress-circle.p16 .value-bar { transform: rotate(58deg); }
.contenedor-dashboard .progress-circle.p17 .value-bar { transform: rotate(61deg); }
.contenedor-dashboard .progress-circle.p18 .value-bar { transform: rotate(65deg); }
.contenedor-dashboard .progress-circle.p19 .value-bar { transform: rotate(68deg); }
.contenedor-dashboard .progress-circle.p20 .value-bar { transform: rotate(72deg); }
.contenedor-dashboard .progress-circle.p21 .value-bar { transform: rotate(76deg); }
.contenedor-dashboard .progress-circle.p22 .value-bar { transform: rotate(79deg); }
.contenedor-dashboard .progress-circle.p23 .value-bar { transform: rotate(83deg); }
.contenedor-dashboard .progress-circle.p24 .value-bar { transform: rotate(86deg); }
.contenedor-dashboard .progress-circle.p25 .value-bar { transform: rotate(90deg); }
.contenedor-dashboard .progress-circle.p26 .value-bar { transform: rotate(94deg); }
.contenedor-dashboard .progress-circle.p27 .value-bar { transform: rotate(97deg); }
.contenedor-dashboard .progress-circle.p28 .value-bar { transform: rotate(101deg); }
.contenedor-dashboard .progress-circle.p29 .value-bar { transform: rotate(104deg); }
.contenedor-dashboard .progress-circle.p30 .value-bar { transform: rotate(108deg); }
.contenedor-dashboard .progress-circle.p31 .value-bar { transform: rotate(112deg); }
.contenedor-dashboard .progress-circle.p32 .value-bar { transform: rotate(115deg); }
.contenedor-dashboard .progress-circle.p33 .value-bar { transform: rotate(119deg); }
.contenedor-dashboard .progress-circle.p34 .value-bar { transform: rotate(122deg); }
.contenedor-dashboard .progress-circle.p35 .value-bar { transform: rotate(126deg); }
.contenedor-dashboard .progress-circle.p36 .value-bar { transform: rotate(130deg); }
.contenedor-dashboard .progress-circle.p37 .value-bar { transform: rotate(133deg); }
.contenedor-dashboard .progress-circle.p38 .value-bar { transform: rotate(137deg); }
.contenedor-dashboard .progress-circle.p39 .value-bar { transform: rotate(140deg); }
.contenedor-dashboard .progress-circle.p40 .value-bar { transform: rotate(144deg); }
.contenedor-dashboard .progress-circle.p41 .value-bar { transform: rotate(148deg); }
.contenedor-dashboard .progress-circle.p42 .value-bar { transform: rotate(151deg); }
.contenedor-dashboard .progress-circle.p43 .value-bar { transform: rotate(155deg); }
.contenedor-dashboard .progress-circle.p44 .value-bar { transform: rotate(158deg); }
.contenedor-dashboard .progress-circle.p45 .value-bar { transform: rotate(162deg); }
.contenedor-dashboard .progress-circle.p46 .value-bar { transform: rotate(166deg); }
.contenedor-dashboard .progress-circle.p47 .value-bar { transform: rotate(169deg); }
.contenedor-dashboard .progress-circle.p48 .value-bar { transform: rotate(173deg); }
.contenedor-dashboard .progress-circle.p49 .value-bar { transform: rotate(176deg); }
.contenedor-dashboard .progress-circle.p50 .value-bar { transform: rotate(180deg); }
.contenedor-dashboard .progress-circle.p51 .value-bar { transform: rotate(184deg); }
.contenedor-dashboard .progress-circle.p52 .value-bar { transform: rotate(187deg); }
.contenedor-dashboard .progress-circle.p53 .value-bar { transform: rotate(191deg); }
.contenedor-dashboard .progress-circle.p54 .value-bar { transform: rotate(194deg); }
.contenedor-dashboard .progress-circle.p55 .value-bar { transform: rotate(198deg); }
.contenedor-dashboard .progress-circle.p56 .value-bar { transform: rotate(202deg); }
.contenedor-dashboard .progress-circle.p57 .value-bar { transform: rotate(205deg); }
.contenedor-dashboard .progress-circle.p58 .value-bar { transform: rotate(209deg); }
.contenedor-dashboard .progress-circle.p59 .value-bar { transform: rotate(212deg); }
.contenedor-dashboard .progress-circle.p60 .value-bar { transform: rotate(216deg); }
.contenedor-dashboard .progress-circle.p61 .value-bar { transform: rotate(220deg); }
.contenedor-dashboard .progress-circle.p62 .value-bar { transform: rotate(223deg); }
.contenedor-dashboard .progress-circle.p63 .value-bar { transform: rotate(227deg); }
.contenedor-dashboard .progress-circle.p64 .value-bar { transform: rotate(230deg); }
.contenedor-dashboard .progress-circle.p65 .value-bar { transform: rotate(234deg); }
.contenedor-dashboard .progress-circle.p66 .value-bar { transform: rotate(238deg); }
.contenedor-dashboard .progress-circle.p67 .value-bar { transform: rotate(241deg); }
.contenedor-dashboard .progress-circle.p68 .value-bar { transform: rotate(245deg); }
.contenedor-dashboard .progress-circle.p69 .value-bar { transform: rotate(248deg); }
.contenedor-dashboard .progress-circle.p70 .value-bar { transform: rotate(252deg); }
.contenedor-dashboard .progress-circle.p71 .value-bar { transform: rotate(256deg); }
.contenedor-dashboard .progress-circle.p72 .value-bar { transform: rotate(259deg); }
.contenedor-dashboard .progress-circle.p73 .value-bar { transform: rotate(263deg); }
.contenedor-dashboard .progress-circle.p74 .value-bar { transform: rotate(266deg); }
.contenedor-dashboard .progress-circle.p75 .value-bar { transform: rotate(270deg); }
.contenedor-dashboard .progress-circle.p76 .value-bar { transform: rotate(274deg); }
.contenedor-dashboard .progress-circle.p77 .value-bar { transform: rotate(277deg); }
.contenedor-dashboard .progress-circle.p78 .value-bar { transform: rotate(281deg); }
.contenedor-dashboard .progress-circle.p79 .value-bar { transform: rotate(284deg); }
.contenedor-dashboard .progress-circle.p81 .value-bar { transform: rotate(292deg); }
.contenedor-dashboard .progress-circle.p82 .value-bar { transform: rotate(295deg); }
.contenedor-dashboard .progress-circle.p83 .value-bar { transform: rotate(299deg); }
.contenedor-dashboard .progress-circle.p84 .value-bar { transform: rotate(302deg); }
.contenedor-dashboard .progress-circle.p85 .value-bar { transform: rotate(306deg); }
.contenedor-dashboard .progress-circle.p86 .value-bar { transform: rotate(310deg); }
.contenedor-dashboard .progress-circle.p87 .value-bar { transform: rotate(313deg); }
.contenedor-dashboard .progress-circle.p88 .value-bar { transform: rotate(317deg); }
.contenedor-dashboard .progress-circle.p89 .value-bar { transform: rotate(320deg); }
.contenedor-dashboard .progress-circle.p90 .value-bar { transform: rotate(324deg); }
.contenedor-dashboard .progress-circle.p91 .value-bar { transform: rotate(328deg); }
.contenedor-dashboard .progress-circle.p92 .value-bar { transform: rotate(331deg); }
.contenedor-dashboard .progress-circle.p93 .value-bar { transform: rotate(335deg); }
.contenedor-dashboard .progress-circle.p94 .value-bar { transform: rotate(338deg); }
.contenedor-dashboard .progress-circle.p95 .value-bar { transform: rotate(342deg); }
.contenedor-dashboard .progress-circle.p96 .value-bar { transform: rotate(346deg); }
.contenedor-dashboard .progress-circle.p97 .value-bar { transform: rotate(349deg); }
.contenedor-dashboard .progress-circle.p98 .value-bar { transform: rotate(353deg); }
.contenedor-dashboard .progress-circle.p99 .value-bar { transform: rotate(356deg); }
.contenedor-dashboard .progress-circle.p100 .value-bar { transform: rotate(360deg); }







/*////////////////////////////////////////////////////////////*/

.contenedor-dashboard .hidden {  visibility: hidden;  width: 0;}

.contenedor-dashboard .progress-bar {  background: #f1f6fa; /* border-radius: 5px; */  box-shadow: inset 0 0 0 1px #ccd6dd;  height: 12px;  overflow: hidden;  position: relative; text-indent: 100%;  width: 300px;}
.contenedor-dashboard .progress-bar--counter {  margin-left: 10px;  position: relative;  top: -1px;}
.contenedor-dashboard .progress-bar--counter .hidden {  display: inline-block;}
.contenedor-dashboard .progress-bar--wrap {  display: -webkit-box;  display: -moz-box;  display: box;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flexbox;  display: flex;
  font-size: 13px;  font-weight: 500;  line-height: 1;  margin: 10px 0;}
.contenedor-dashboard .progress-bar--inner {  -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;/*  border-radius: 10px; */
  height: 12px;  left: 0;  min-height: 12px;  position: absolute;  top: 0;}

.contenedor-dashboard .progress-bar--color-a {  color: #6fc14b;}
.contenedor-dashboard .progress-bar--color-a .progress-bar--inner {  background-color: #6fc14b;}

.contenedor-dashboard .progress-bar--color-b {  color: #068eda;}
.contenedor-dashboard .progress-bar--color-b .progress-bar--inner {  background-color: #068eda;}

.contenedor-dashboard .progress-bar--color-c {  color: #fb797e;}
.contenedor-dashboard .progress-bar--color-c .progress-bar--inner {  background-color: #fb797e;}

.contenedor-dashboard .progress-bar--color-d {  color: #3B5998;}
.contenedor-dashboard .progress-bar--color-d .progress-bar--inner {  background-color: #3B5998;}

.contenedor-dashboard .progress-bar--color-e {  color: #f7a81d;}
.contenedor-dashboard .progress-bar--color-e .progress-bar--inner {  background-color: #f7a81d;}

.contenedor-dashboard .progress-bar--color-f {  color: #c94476;}
.contenedor-dashboard .progress-bar--color-f .progress-bar--inner {  background-color: #c94476;}

.contenedor-dashboard .progress-bar--color-g {  color: #6516BC;}
.contenedor-dashboard .progress-bar--color-g .progress-bar--inner {  background-color: #6516BC;}

.contenedor-dashboard .progress-bar--color-h {  color: #009999;}
.contenedor-dashboard .progress-bar--color-h .progress-bar--inner {  background-color: #009999;}


/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/

.contenedor-dashboard .rect-auto,
.contenedor-dashboard .c100.p51 .slice,
.contenedor-dashboard .c100.p52 .slice,
.contenedor-dashboard .c100.p53 .slice,
.contenedor-dashboard .c100.p54 .slice,
.contenedor-dashboard .c100.p55 .slice,
.contenedor-dashboard .c100.p56 .slice,
.contenedor-dashboard .c100.p57 .slice,
.contenedor-dashboard .c100.p58 .slice,
.contenedor-dashboard .c100.p59 .slice,
.contenedor-dashboard .c100.p60 .slice,
.contenedor-dashboard .c100.p61 .slice,
.contenedor-dashboard .c100.p62 .slice,
.contenedor-dashboard .c100.p63 .slice,
.contenedor-dashboard .c100.p64 .slice,
.contenedor-dashboard .c100.p65 .slice,
.contenedor-dashboard .c100.p66 .slice,
.contenedor-dashboard .c100.p67 .slice,
.contenedor-dashboard .c100.p68 .slice,
.contenedor-dashboard .c100.p69 .slice,
.contenedor-dashboard .c100.p70 .slice,
.contenedor-dashboard .c100.p71 .slice,
.contenedor-dashboard .c100.p72 .slice,
.contenedor-dashboard .c100.p73 .slice,
.contenedor-dashboard .c100.p74 .slice,
.contenedor-dashboard .c100.p75 .slice,
.contenedor-dashboard .c100.p76 .slice,
.contenedor-dashboard .c100.p77 .slice,
.contenedor-dashboard .c100.p78 .slice,
.contenedor-dashboard .c100.p79 .slice,
.contenedor-dashboard .c100.p80 .slice,
.contenedor-dashboard .c100.p81 .slice,
.contenedor-dashboard .c100.p82 .slice,
.contenedor-dashboard .c100.p83 .slice,
.contenedor-dashboard .c100.p84 .slice,
.contenedor-dashboard .c100.p85 .slice,
.contenedor-dashboard .c100.p86 .slice,
.contenedor-dashboard .c100.p87 .slice,
.contenedor-dashboard .c100.p88 .slice,
.contenedor-dashboard .c100.p89 .slice,
.contenedor-dashboard .c100.p90 .slice,
.contenedor-dashboard .c100.p91 .slice,
.contenedor-dashboard .c100.p92 .slice,
.contenedor-dashboard .c100.p93 .slice,
.contenedor-dashboard .c100.p94 .slice,
.contenedor-dashboard .c100.p95 .slice,
.contenedor-dashboard .c100.p96 .slice,
.contenedor-dashboard .c100.p97 .slice,
.contenedor-dashboard .c100.p98 .slice,
.contenedor-dashboard .c100.p99 .slice,
.contenedor-dashboard .c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.contenedor-dashboard .pie,
.contenedor-dashboard .c100 .bar,
.contenedor-dashboard .c100.p51 .fill,
.contenedor-dashboard .c100.p52 .fill,
.contenedor-dashboard .c100.p53 .fill,
.contenedor-dashboard .c100.p54 .fill,
.contenedor-dashboard .c100.p55 .fill,
.contenedor-dashboard .c100.p56 .fill,
.contenedor-dashboard .c100.p57 .fill,
.contenedor-dashboard .c100.p58 .fill,
.contenedor-dashboard .c100.p59 .fill,
.contenedor-dashboard .c100.p60 .fill,
.contenedor-dashboard .c100.p61 .fill,
.contenedor-dashboard .c100.p62 .fill,
.contenedor-dashboard .c100.p63 .fill,
.contenedor-dashboard .c100.p64 .fill,
.contenedor-dashboard .c100.p65 .fill,
.contenedor-dashboard .c100.p66 .fill,
.contenedor-dashboard .c100.p67 .fill,
.contenedor-dashboard .c100.p68 .fill,
.contenedor-dashboard .c100.p69 .fill,
.contenedor-dashboard .c100.p70 .fill,
.contenedor-dashboard .c100.p71 .fill,
.contenedor-dashboard .c100.p72 .fill,
.contenedor-dashboard .c100.p73 .fill,
.contenedor-dashboard .c100.p74 .fill,
.contenedor-dashboard .c100.p75 .fill,
.contenedor-dashboard .c100.p76 .fill,
.contenedor-dashboard .c100.p77 .fill,
.contenedor-dashboard .c100.p78 .fill,
.contenedor-dashboard .c100.p79 .fill,
.contenedor-dashboard .c100.p80 .fill,
.contenedor-dashboard .c100.p81 .fill,
.contenedor-dashboard .c100.p82 .fill,
.contenedor-dashboard .c100.p83 .fill,
.contenedor-dashboard .c100.p84 .fill,
.contenedor-dashboard .c100.p85 .fill,
.contenedor-dashboard .c100.p86 .fill,
.contenedor-dashboard .c100.p87 .fill,
.contenedor-dashboard .c100.p88 .fill,
.contenedor-dashboard .c100.p89 .fill,
.contenedor-dashboard .c100.p90 .fill,
.contenedor-dashboard .c100.p91 .fill,
.contenedor-dashboard .c100.p92 .fill,
.contenedor-dashboard .c100.p93 .fill,
.contenedor-dashboard .c100.p94 .fill,
.contenedor-dashboard .c100.p95 .fill,
.contenedor-dashboard .c100.p96 .fill,
.contenedor-dashboard .c100.p97 .fill,
.contenedor-dashboard .c100.p98 .fill,
.contenedor-dashboard .c100.p99 .fill,
.contenedor-dashboard .c100.p100 .fill {    position: absolute;    border: 0.08em solid teal;    width: 0.84em;    height: 0.84em;    clip: rect(0em, 0.5em, 1em, 0em);    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;    border-radius: 50%;    -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg);    -ms-transform: rotate(0deg);    -o-transform: rotate(0deg);    transform: rotate(0deg);}

.contenedor-dashboard .pie-fill,
.contenedor-dashboard .c100.p51 .bar:after,
.contenedor-dashboard .c100.p51 .fill,
.contenedor-dashboard .c100.p52 .bar:after,
.contenedor-dashboard .c100.p52 .fill,
.contenedor-dashboard .c100.p53 .bar:after,
.contenedor-dashboard .c100.p53 .fill,
.contenedor-dashboard .c100.p54 .bar:after,
.contenedor-dashboard .c100.p54 .fill,
.contenedor-dashboard .c100.p55 .bar:after,
.contenedor-dashboard .c100.p55 .fill,
.contenedor-dashboard .c100.p56 .bar:after,
.contenedor-dashboard .c100.p56 .fill,
.contenedor-dashboard .c100.p57 .bar:after,
.contenedor-dashboard .c100.p57 .fill,
.contenedor-dashboard .c100.p58 .bar:after,
.contenedor-dashboard .c100.p58 .fill,
.contenedor-dashboard .c100.p59 .bar:after,
.contenedor-dashboard .c100.p59 .fill,
.contenedor-dashboard .c100.p60 .bar:after,
.contenedor-dashboard .c100.p60 .fill,
.contenedor-dashboard .c100.p61 .bar:after,
.contenedor-dashboard .c100.p61 .fill,
.contenedor-dashboard .c100.p62 .bar:after,
.contenedor-dashboard .c100.p62 .fill,
.contenedor-dashboard .c100.p63 .bar:after,
.contenedor-dashboard .c100.p63 .fill,
.contenedor-dashboard .c100.p64 .bar:after,
.contenedor-dashboard .c100.p64 .fill,
.contenedor-dashboard .c100.p65 .bar:after,
.contenedor-dashboard .c100.p65 .fill,
.contenedor-dashboard .c100.p66 .bar:after,
.contenedor-dashboard .c100.p66 .fill,
.contenedor-dashboard .c100.p67 .bar:after,
.contenedor-dashboard .c100.p67 .fill,
.contenedor-dashboard .c100.p68 .bar:after,
.contenedor-dashboard .c100.p68 .fill,
.contenedor-dashboard .c100.p69 .bar:after,
.contenedor-dashboard .c100.p69 .fill,
.contenedor-dashboard .c100.p70 .bar:after,
.contenedor-dashboard .c100.p70 .fill,
.contenedor-dashboard .c100.p71 .bar:after,
.contenedor-dashboard .c100.p71 .fill,
.contenedor-dashboard .c100.p72 .bar:after,
.contenedor-dashboard .c100.p72 .fill,
.contenedor-dashboard .c100.p73 .bar:after,
.contenedor-dashboard .c100.p73 .fill,
.contenedor-dashboard .c100.p74 .bar:after,
.contenedor-dashboard .c100.p74 .fill,
.contenedor-dashboard .c100.p75 .bar:after,
.contenedor-dashboard .c100.p75 .fill,
.contenedor-dashboard .c100.p76 .bar:after,
.contenedor-dashboard .c100.p76 .fill,
.contenedor-dashboard .c100.p77 .bar:after,
.contenedor-dashboard .c100.p77 .fill,
.contenedor-dashboard .c100.p78 .bar:after,
.contenedor-dashboard .c100.p78 .fill,
.contenedor-dashboard .c100.p79 .bar:after,
.contenedor-dashboard .c100.p79 .fill,
.contenedor-dashboard .c100.p80 .bar:after,
.contenedor-dashboard .c100.p80 .fill,
.contenedor-dashboard .c100.p81 .bar:after,
.contenedor-dashboard .c100.p81 .fill,
.contenedor-dashboard .c100.p82 .bar:after,
.contenedor-dashboard .c100.p82 .fill,
.contenedor-dashboard .c100.p83 .bar:after,
.contenedor-dashboard .c100.p83 .fill,
.contenedor-dashboard .c100.p84 .bar:after,
.contenedor-dashboard .c100.p84 .fill,
.contenedor-dashboard .c100.p85 .bar:after,
.contenedor-dashboard .c100.p85 .fill,
.contenedor-dashboard .c100.p86 .bar:after,
.contenedor-dashboard .c100.p86 .fill,
.contenedor-dashboard .c100.p87 .bar:after,
.contenedor-dashboard .c100.p87 .fill,
.contenedor-dashboard .c100.p88 .bar:after,
.contenedor-dashboard .c100.p88 .fill,
.contenedor-dashboard .c100.p89 .bar:after,
.contenedor-dashboard .c100.p89 .fill,
.contenedor-dashboard .c100.p90 .bar:after,
.contenedor-dashboard .c100.p90 .fill,
.contenedor-dashboard .c100.p91 .bar:after,
.contenedor-dashboard .c100.p91 .fill,
.contenedor-dashboard .c100.p92 .bar:after,
.contenedor-dashboard .c100.p92 .fill,
.contenedor-dashboard .c100.p93 .bar:after,
.contenedor-dashboard .c100.p93 .fill,
.contenedor-dashboard .c100.p94 .bar:after,
.contenedor-dashboard .c100.p94 .fill,
.contenedor-dashboard .c100.p95 .bar:after,
.contenedor-dashboard .c100.p95 .fill,
.contenedor-dashboard .c100.p96 .bar:after,
.contenedor-dashboard .c100.p96 .fill,
.contenedor-dashboard .c100.p97 .bar:after,
.contenedor-dashboard .c100.p97 .fill,
.contenedor-dashboard .c100.p98 .bar:after,
.contenedor-dashboard .c100.p98 .fill,
.contenedor-dashboard .c100.p99 .bar:after,
.contenedor-dashboard .c100.p99 .fill,
.contenedor-dashboard .c100.p100 .bar:after,
.contenedor-dashboard .c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.contenedor-dashboard .c100 {    position: relative;    font-size: 120px;    width: 1em;    height: 1em;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;    border-radius: 50%;    float: left;    margin: 0 0.1em 0.1em 0;    background-color: #cccccc;}

.contenedor-dashboard .c100 *,
.contenedor-dashboard .c100 *:before,
.contenedor-dashboard .c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.contenedor-dashboard .c100.center {    float: none;    margin: 0 auto;}
.contenedor-dashboard .c100.big {    font-size: 240px;}
.contenedor-dashboard .c100.small {    font-size: 80px;}

.contenedor-dashboard .c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #222;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    font-family: roboto;
}

.contenedor-dashboard .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
    -o-border-radius: 50%;    border-radius: 50%;    background-color: whitesmoke;    width: 0.84em;    height: 0.84em;    -webkit-transition-property: all;
    -moz-transition-property: all;    -o-transition-property: all;    transition-property: all;    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;    -o-transition-duration: 0.2s;    transition-duration: 0.2s;    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;    -o-transition-timing-function: ease-in;    transition-timing-function: ease-in;}

.contenedor-dashboard .c100 .slice {    position: absolute;    width: 1em;    height: 1em;    clip: rect(0em, 1em, 1em, 0.5em);}

.contenedor-dashboard .c100.p1 .bar { -webkit-transform: rotate(3.6deg); -moz-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); -o-transform: rotate(3.6deg); transform: rotate(3.6deg);}

.contenedor-dashboard .c100.p2 .bar { -webkit-transform: rotate(7.2deg); -moz-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); -o-transform: rotate(7.2deg); transform: rotate(7.2deg);}

.contenedor-dashboard .c100.p3 .bar {    -webkit-transform: rotate(10.8deg);    -moz-transform: rotate(10.8deg);    -ms-transform: rotate(10.8deg);    -o-transform: rotate(10.8deg);    transform: rotate(10.8deg);}

.contenedor-dashboard .c100.p4 .bar {    -webkit-transform: rotate(14.4deg);    -moz-transform: rotate(14.4deg);    -ms-transform: rotate(14.4deg);    -o-transform: rotate(14.4deg);    transform: rotate(14.4deg);}

.contenedor-dashboard .c100.p5 .bar {    -webkit-transform: rotate(18deg);    -moz-transform: rotate(18deg);    -ms-transform: rotate(18deg);    -o-transform: rotate(18deg);    transform: rotate(18deg);}

.contenedor-dashboard .c100.p6 .bar {    -webkit-transform: rotate(21.6deg);    -moz-transform: rotate(21.6deg);    -ms-transform: rotate(21.6deg);    -o-transform: rotate(21.6deg);    transform: rotate(21.6deg);}

.contenedor-dashboard .c100.p7 .bar {    -webkit-transform: rotate(25.2deg);    -moz-transform: rotate(25.2deg);    -ms-transform: rotate(25.2deg);    -o-transform: rotate(25.2deg);    transform: rotate(25.2deg);}

.contenedor-dashboard .c100.p8 .bar {    -webkit-transform: rotate(28.8deg);    -moz-transform: rotate(28.8deg);    -ms-transform: rotate(28.8deg);    -o-transform: rotate(28.8deg);    transform: rotate(28.8deg);}

.contenedor-dashboard .c100.p9 .bar {    -webkit-transform: rotate(32.4deg);    -moz-transform: rotate(32.4deg);    -ms-transform: rotate(32.4deg);    -o-transform: rotate(32.4deg);    transform: rotate(32.4deg);}

.contenedor-dashboard .c100.p10 .bar {    -webkit-transform: rotate(36deg);    -moz-transform: rotate(36deg);    -ms-transform: rotate(36deg);    -o-transform: rotate(36deg);    transform: rotate(36deg);}

.contenedor-dashboard .c100.p11 .bar {    -webkit-transform: rotate(39.6deg);    -moz-transform: rotate(39.6deg);    -ms-transform: rotate(39.6deg);    -o-transform: rotate(39.6deg);    transform: rotate(39.6deg);}

.contenedor-dashboard .c100.p12 .bar {    -webkit-transform: rotate(43.2deg);    -moz-transform: rotate(43.2deg);    -ms-transform: rotate(43.2deg);    -o-transform: rotate(43.2deg);    transform: rotate(43.2deg);}

.contenedor-dashboard .c100.p13 .bar {    -webkit-transform: rotate(46.8deg);    -moz-transform: rotate(46.8deg);    -ms-transform: rotate(46.8deg);    -o-transform: rotate(46.8deg);    transform: rotate(46.8deg);}

.contenedor-dashboard .c100.p14 .bar {    -webkit-transform: rotate(50.4deg);    -moz-transform: rotate(50.4deg);    -ms-transform: rotate(50.4deg);    -o-transform: rotate(50.4deg);    transform: rotate(50.4deg);}

.contenedor-dashboard .c100.p15 .bar {    -webkit-transform: rotate(54deg);    -moz-transform: rotate(54deg);    -ms-transform: rotate(54deg);    -o-transform: rotate(54deg);    transform: rotate(54deg);}

.contenedor-dashboard .c100.p16 .bar {    -webkit-transform: rotate(57.6deg);    -moz-transform: rotate(57.6deg);    -ms-transform: rotate(57.6deg);    -o-transform: rotate(57.6deg);    transform: rotate(57.6deg);}

.contenedor-dashboard .c100.p17 .bar {    -webkit-transform: rotate(61.2deg);    -moz-transform: rotate(61.2deg);    -ms-transform: rotate(61.2deg);    -o-transform: rotate(61.2deg);    transform: rotate(61.2deg);}

.contenedor-dashboard .c100.p18 .bar {    -webkit-transform: rotate(64.8deg);    -moz-transform: rotate(64.8deg);    -ms-transform: rotate(64.8deg);    -o-transform: rotate(64.8deg);    transform: rotate(64.8deg);}

.contenedor-dashboard .c100.p19 .bar {    -webkit-transform: rotate(68.4deg);    -moz-transform: rotate(68.4deg);    -ms-transform: rotate(68.4deg);    -o-transform: rotate(68.4deg);    transform: rotate(68.4deg);}

.contenedor-dashboard .c100.p20 .bar {    -webkit-transform: rotate(72deg);    -moz-transform: rotate(72deg);    -ms-transform: rotate(72deg);    -o-transform: rotate(72deg);    transform: rotate(72deg);}

.contenedor-dashboard .c100.p21 .bar {    -webkit-transform: rotate(75.6deg);    -moz-transform: rotate(75.6deg);    -ms-transform: rotate(75.6deg);    -o-transform: rotate(75.6deg);    transform: rotate(75.6deg);}

.contenedor-dashboard .c100.p22 .bar {    -webkit-transform: rotate(79.2deg);    -moz-transform: rotate(79.2deg);    -ms-transform: rotate(79.2deg);    -o-transform: rotate(79.2deg);    transform: rotate(79.2deg);}

.contenedor-dashboard .c100.p23 .bar {    -webkit-transform: rotate(82.8deg);    -moz-transform: rotate(82.8deg);    -ms-transform: rotate(82.8deg);    -o-transform: rotate(82.8deg);    transform: rotate(82.8deg);}

.contenedor-dashboard .c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.contenedor-dashboard .c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.contenedor-dashboard .c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}

.contenedor-dashboard .c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.contenedor-dashboard .c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.contenedor-dashboard .c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.contenedor-dashboard .c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.contenedor-dashboard .c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}

.contenedor-dashboard .c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.contenedor-dashboard .c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.contenedor-dashboard .c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.contenedor-dashboard .c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.contenedor-dashboard .c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.contenedor-dashboard .c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}

.contenedor-dashboard .c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.contenedor-dashboard .c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.contenedor-dashboard .c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.contenedor-dashboard .c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.contenedor-dashboard .c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}

.contenedor-dashboard .c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.contenedor-dashboard .c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.contenedor-dashboard .c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.contenedor-dashboard .c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.contenedor-dashboard .c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}

.contenedor-dashboard .c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.contenedor-dashboard .c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.contenedor-dashboard .c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.contenedor-dashboard .c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.contenedor-dashboard .c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg);
}

.contenedor-dashboard .c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.contenedor-dashboard .c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.contenedor-dashboard .c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.contenedor-dashboard .c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.contenedor-dashboard .c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg);
}

.contenedor-dashboard .c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.contenedor-dashboard .c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.contenedor-dashboard .c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.contenedor-dashboard .c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.contenedor-dashboard .c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg);
}

.contenedor-dashboard .c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.contenedor-dashboard .c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.contenedor-dashboard .c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.contenedor-dashboard .c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.contenedor-dashboard .c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg);
}

.contenedor-dashboard .c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.contenedor-dashboard .c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.contenedor-dashboard .c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.contenedor-dashboard .c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.contenedor-dashboard .c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.contenedor-dashboard .c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.contenedor-dashboard .c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg);
}

.contenedor-dashboard .c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.contenedor-dashboard .c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.contenedor-dashboard .c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.contenedor-dashboard .c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.contenedor-dashboard .c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg);
}

.contenedor-dashboard .c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.contenedor-dashboard .c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.contenedor-dashboard .c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.contenedor-dashboard .c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg);
}

.contenedor-dashboard .c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.contenedor-dashboard .c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.contenedor-dashboard .c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.contenedor-dashboard .c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.contenedor-dashboard .c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg);
}

.contenedor-dashboard .c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.contenedor-dashboard .c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.contenedor-dashboard .c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.contenedor-dashboard .c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.contenedor-dashboard .c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg);
}

.contenedor-dashboard .c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}

.contenedor-dashboard .c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.contenedor-dashboard .c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.contenedor-dashboard .c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.contenedor-dashboard .c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg);
}

.contenedor-dashboard .c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.contenedor-dashboard .c100:hover { cursor: default; }

.contenedor-dashboard .c100:hover > span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #307bbb; }
.contenedor-dashboard .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; }

.contenedor-dashboard .c100.dark { background-color: #777777;}
.contenedor-dashboard .c100.dark .bar,
.contenedor-dashboard .c100.dark .fill { border-color: #c6ff00 !important;}
.contenedor-dashboard .c100.dark > span { color: #777777;}
.contenedor-dashboard .c100.dark:after { background-color: #666666;}
.contenedor-dashboard .c100.dark:hover > span { color: #c6ff00;}


/*color1*/
.contenedor-dashboard .c100.color1 .bar,
.contenedor-dashboard .c100.color1 .fill { border-color: #339966 !important;}
.contenedor-dashboard .c100.color1:hover > span { color: #339966;}
.contenedor-dashboard .c100.color1.dark .bar,
.contenedor-dashboard .c100.color1.dark .fill { border-color: #339966 !important;}
.contenedor-dashboard .c100.color1.dark:hover > span { color: #339966;}

/* color2 */
.contenedor-dashboard .c100.color2 .bar,
.contenedor-dashboard .c100.color2 .fill { border-color: #DA6C15 !important;}
.contenedor-dashboard .c100.color2:hover > span { color: #DA6C15;}
.contenedor-dashboard .c100.color2.dark .bar,
.contenedor-dashboard .c100.color2.dark .fill { border-color: #DA6C15 !important;}
.contenedor-dashboard .c100.color2.dark:hover > span { color: #DA6C15;}

/*color3*/
.contenedor-dashboard .c100.color3 .bar,
.contenedor-dashboard .c100.color3 .fill { border-color: #0154a0 !important;}
.contenedor-dashboard .c100.color3:hover > span {    color: #0154a0;}
.contenedor-dashboard .c100.color3.dark .bar,
.contenedor-dashboard .c100.color3.dark .fill { border-color: #0154a0 !important;}
.contenedor-dashboard .c100.color3.dark:hover > span { color: #0154a0;}

/*color4*/
.contenedor-dashboard .c100.color4 .bar,
.contenedor-dashboard .c100.color4 .fill { border-color: #0099FF !important;}
.contenedor-dashboard .c100.color4:hover > span { color: #0099FF;}
.contenedor-dashboard .c100.color4.dark .bar,
.contenedor-dashboard .c100.color4.dark .fill { border-color: #0099FF !important;}
.contenedor-dashboard .c100.color4.dark:hover > span { color: #0099FF;}

/*color5*/
.contenedor-dashboard .c100.color5 .bar,
.contenedor-dashboard .c100.color5 .fill { border-color: #9c1b31 !important;}
.contenedor-dashboard .c100.color5:hover > span { color: #9c1b31;}
.contenedor-dashboard .c100.color5.dark .bar,
.contenedor-dashboard .c100.color5.dark .fill { border-color: #9c1b31 !important;}
.contenedor-dashboard .c100.color5.dark:hover > span { color: #9c1b31;}

/*color6*/
.contenedor-dashboard .c100.color6 .bar,
.contenedor-dashboard .c100.color6 .fill { border-color: #6986B6 !important;}
.contenedor-dashboard .c100.color6:hover > span { color: #6986B6;}
.contenedor-dashboard .c100.color6.dark .bar,
.contenedor-dashboard .c100.color6.dark .fill { border-color: #6986B6 !important;}
.contenedor-dashboard .c100.color6.dark:hover > span { color: #6986B6;}

/*color7*/
.contenedor-dashboard .c100.color7 .bar,
.contenedor-dashboard .c100.color7 .fill { border-color: #6516BC !important;}
.contenedor-dashboard .c100.color7:hover > span { color: #6516BC;}
.contenedor-dashboard .c100.color7.dark .bar,
.contenedor-dashboard .c100.color7.dark .fill { border-color: #6516BC !important;}
.contenedor-dashboard .c100.color7.dark:hover > span { color: #6516BC;}

/*color8*/
.contenedor-dashboard .c100.color8 .bar,
.contenedor-dashboard .c100.color8 .fill { border-color: #b565a7 !important;}
.contenedor-dashboard .c100.color8:hover > span { color: #b565a7;}
.contenedor-dashboard .c100.color8.dark .bar,
.contenedor-dashboard .c100.color8.dark .fill { border-color: #b565a7 !important;}
.contenedor-dashboard .c100.color8.dark:hover > span { color: #b565a7;}

/*color9*/
.contenedor-dashboard .c100.color9 .bar,
.contenedor-dashboard .c100.color9 .fill { border-color: #c94476 !important;}
.contenedor-dashboard .c100.color9:hover > span { color: #c94476;}
.contenedor-dashboard .c100.color9.dark .bar,
.contenedor-dashboard .c100.color9.dark .fill { border-color: #c94476 !important;}
.contenedor-dashboard .c100.color9.dark:hover > span { color: #c94476;}

/*color10*/
.contenedor-dashboard .c100.color10 .bar,
.contenedor-dashboard .c100.color10 .fill { border-color: #663300 !important;}
.contenedor-dashboard .c100.color10:hover > span { color: #663300;}
.contenedor-dashboard .c100.color10.dark .bar,
.contenedor-dashboard .c100.color10.dark .fill { border-color: #663300 !important;}
.contenedor-dashboard .c100.color10.dark:hover > span { color: #663300;}

/*color11*/
.contenedor-dashboard .c100.color11 .bar,
.contenedor-dashboard .c100.color11 .fill { border-color: #595ca1 !important;}
.contenedor-dashboard .c100.color11:hover > span { color: #595ca1;}
.contenedor-dashboard .c100.color11.dark .bar,
.contenedor-dashboard .c100.color11.dark .fill { border-color: #595ca1 !important;}
.contenedor-dashboard .c100.color11.dark:hover > span { color: #595ca1;}

/*color12*/
.contenedor-dashboard .c100.color12 .bar,
.contenedor-dashboard .c100.color12 .fill { border-color: #78AA36 !important;}
.contenedor-dashboard .c100.color12:hover > span { color: #78AA36;}
.contenedor-dashboard .c100.color12.dark .bar,
.contenedor-dashboard .c100.color12.dark .fill { border-color: #78AA36 !important;}
.contenedor-dashboard .c100.color12.dark:hover > span { color: #78AA36;}






/*------------------------------------*/

/*

@media only screen and (max-width: 600px)
{
body.login_lascondes .div_contenedor{ height: auto;   display: block;     }
body.login_lascondes .div_centrado{   width: auto; height: auto;   }
body.login_lascondes .login-izquerdo {float: none; display: block; width: 100%;} 
body.login_lascondes .login-derecho {float: none; display: block; width: 100%;} 


 }    
*/