/* General */
html{position:relative;background-image:url(../imagenes/fondo.jpg);background-repeat:no-repeat;background-position:100% 100%;background-attachment:fixed;background-color:#f9f9f9;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#f3f5f6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-family:'Roboto',sans-serif;font-weight:normal;font-style:normal;color:#444;font-size:15px;line-height:100%}
ul,ol{list-style:none}
li ul,li ol{margin:0}
p,ol,ul,dl,address{margin-bottom:10px}
b,strong{font-weight:bold}
a:link,a:visited{color:#444;text-decoration:none}
a:hover{text-decoration:underline #444}
a,a:hover,a:active,a:focus{outline:none}
::-moz-selection{background-color:#87b8e6;color:#FFF;text-shadow:none}
::selection{background-color:#87b8e6;color:#FFF;text-shadow:none}
hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #c7ced6;border-bottom:1px solid #fff}
img{max-width:100%;border-width:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
input,button,select,textarea{box-sizing:border-box}
label{cursor:pointer}
label input,label textarea,label select{display:block}
button{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-style:normal}
input,textarea,select{display:inline-block;background-color:#fff}
textarea,select,input[type='text'],input[type='date'],input[type='datetime-local'],input[type='password'],input[type='number']{font-family:'Roboto',sans-serif;font-weight:normal;font-style:normal;font-size:15px;width:100%;height:auto;line-height:30px;border:1px solid #aaa;border-radius:4px;padding:0 6px;outline:none}
input:hover,textarea:hover,select:hover,input:focus,textarea:focus,select:focus{border:1px solid #87b8e6}
input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;margin-top:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;*width:13px;*height:13px}
input[type="image"]{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:transparent;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;cursor:pointer;*overflow:visible}
textarea{resize:vertical;overflow:auto;overflow:auto;vertical-align:top}
input[type="hidden"]{display:none}
.radio,.checkbox {padding-left:18px;font-weight:normal}
.radio input[type="radio"],.checkbox input[type="checkbox"] {float:left;margin-left:-18px}
.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}
.radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline{margin-left:10px}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;cursor:not-allowed}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.clearfix {*transform:scale(1)}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}


/* Títulos */
h1,h2,h3,h4,h5,h6,#tit_res,.tabla .titulo{font-family:'Roboto', sans-serif;font-weight:900;font-style:normal;line-height:100%;padding-bottom:30px}
#notica h5,#notica h6{font-weight:600;line-height:100%;padding:10px 0}
h1,h2{color:#333}
h2.pad{padding-top:15px}
h3,h4,h5,h6{color:#333}
h4.nop{color:red}
h1{font-size:38px;padding:30px 0 15px;margin:0}
h2{font-size:26px}
h3{font-size:20px}
h4{font-size:17px}
h5{font-size:13px}
#notica h5{font-size:15px}
h6{font-size:12px}
h2.tit{padding:30px 0 40px}

/* Mensajes */
.mensaje_info,.mensaje_bien,.mensaje_error,.mensaje_navegador{padding:20px;margin:0 0 40px;font-size:16px;line-height:150%;border-radius:6px;box-sizing:border-box}
.mensaje_info{background-color:#fff9d7;border:1px solid #e2c822;color:#9F6000}
.mensaje_bien{background-color:#f1fce5;border:1px solid #63a919;color:#4F8A10}
.mensaje_error{background-color:#ffebe8;border:1px solid #dd3c10;color:#D8000C}
.mensaje_margin{margin:40px 0}
.mensaje_nomargin{margin:0}
.mensaje_bien a{color:#4F8A10}
.mensaje_navegador{background-color:#ffebe8;color:#D8000C;border-bottom:2px solid #D8000C;text-align:center}


/* Cargador */
div.cargador{width:35px;height:35px;float:left;background:transparent url(../imagenes/wait.gif) 0 0 no-repeat;margin:0 0 0 20px;display:none;overflow:hidden}
.cargador_cont{width:100%;height:35px;text-align:center;margin-bottom:10px;overflow:hidden}
#cargador_img{display:none}
#cargador_cuenta{margin:0 0 0 20px !important;padding:0 !important;vertical-align:middle}
#cargador_notica{margin:50px auto;float:none}


/* Estructura */
#contenedor{overflow:auto;width:100%;height:100%;position:relative;z-index:8000}
.contenedor-fondo{background:transparent url(../imagenes/fondo_login.jpg) no-repeat 0 0;}
#fondo_cabecera{position:fixed;display:block;width:100%;top:0;left:0;min-height:60px;z-index:9991;box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0}
#cabecera{position:relative;display:block;width:100%;margin:0;padding:0 40px;min-height:60px;box-sizing: border-box;z-index:9992;background:#fff;}
#navegador{display:block;width:100%;margin:0;padding:0;min-height:60px;box-sizing: border-box}
#logo{text-indent:-9999px;float:left;width:131px;height:35px;line-height:35px;margin:12px 40px 0 0;background:transparent url(../imagenes/logo_cabecera.png) no-repeat 0 0;z-index:9991}
#logo:hover{color:#70a52b;text-decoration:none}
#logo:focus{outline:none !important}
#menu_contenedor{width:auto;float:left;margin:0}
#buscadorcont{position:relative;float:right;width:260px;height:40px;margin:10px 0}
#buscador_empresa{position:relative;height:100%;}
#mitad{position:relative;padding:80px 0;margin:0 auto;min-height:500px;width:1200px}
#tablaclientes{width:100%}


/* Listador */
#resultados{width:100%}
#cargando{position:absolute;left:465px;border:1px solid;border-color:#c7e099 #83b62e #74aa19 #c7e099;border-radius:4px;box-shadow:1px 1px 3px #aabc90;background:#fff;padding:8px;z-index:9000;font-size:11px;font-weight:bold;display:none}
#listador{display:block;overflow:hidden;margin:0;min-height:60px}
#listador .grupo{float:left;margin-right:15px;}
.cargador_espacio{width:100%;height:40px;overflow:hidden}
.cargador_espacio .cargador{margin: 3px 0 0 10px;}
#listador .etiqueta{font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:15px;margin:0 4px 8px}
#listador .botonp{line-height:26px;margin-top:25px}
#listador .grupo_iconos{float:right;margin-top:20px}
#listador .cargador{display:none;overflow:hidden}


/* MENU */

#menu{width:auto;float:left;display:flex;height:60px;margin:0;padding:0}
#menu .menu-item{position:relative;height:60px}
#menu .menu-item .wee{height:3px;width:100%;background-color:#3369ff;position:absolute;left:0;bottom:0;transition:0.2s}
#menu .menu-item a{font-family:'Roboto', sans-serif;font-weight:500;font-size:14px;height:58px;line-height:58px;display:block;color:#999;padding:0 12px;transition: color .1s ease-out;}
#menu .menu-item a:hover{color:#111 !important;text-decoration:none}
#menu .current-menu-item a{color:#111}

/* MENÚ MÓVILES */

#menu_boton_contenedor{display:none;margin:17px 0 0 20px;}
#menu_boton{font-size:18px;color:#999;transition: color .1s ease-out;}
a.abierto{color:#111 !important}
a.cerrado{color:#999 !important}
a.cerrado:hover{color:#111 !important}
#menu_boton:hover{text-decoration:none;color:#111}
.humburger {
  width: 33px;
  height: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.5s all ease-in;
  z-index: 5555; }
  /*.humburger:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #111;
    transform: scale(0);
    transition: 0.5s all ease-in;
    z-index: 1; }*/
  .humburger .line {
    height: 4px;
    width: 100%;
    background: #aaaaaa;
    display: flex;
    transition: 0.1s all ease-in;
    position: relative;
    z-index: 2; }
    .humburger .line:after {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      background: #3369ff;
      width: 0;
      transition: 0.1s all ease-in-out;
      z-index: 1; }
  /*.humburger:hover:after {
    transform: scale(.8); }*/
  .humburger:hover .line:after {
    width: 100%; }
  .humburger.open .line {
    background: #3369ff; }
    .humburger.open .line:nth-of-type(1) {
      transform: rotate(45deg);
      margin-top: 12px; }
    .humburger.open .line:nth-of-type(2) {
      transform: rotate(-45deg);
      margin-top: -13px; }
    .humburger.open .line:nth-of-type(3) {
      visibility: hidden;
      opacity: 0; }
	  
#menu_contenedor_movil{z-index:9001;box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0}
.menu_body{position:absolute;z-index:9001;top:0;right:0;bottom:0;width:100%;height:565px;background:#fff;transform:translateY(-100%);transition:0.3s all ease; }
.menu_body.open{transform:translateY(50px)}
ul.menu_movil{position:relative;z-index:9001;width:100%;padding:20px 0;margin:0;cursor:pointer}
ul.menu_movil li{display:block;transform:scale(1);height:auto;margin:2px 40px;padding:0}
ul.menu_movil li a{font-size:15px;color:#666;height:38px;font-weight:400;line-height:38px;display:block;padding:0 10px;border-radius:6px;transition: all 0.05s ease-out}
ul.menu_movil li a.itemSel{background:#3369ff;color:#fff}
ul.menu_movil li a.itemNormal:hover{background:#f1f3f4;color:#111}
ul.menu_movil li a.itemSel{} 
ul.menu_movil li a.itemNormal:hover{}
ul.menu_movil a:hover{color:#fff;text-decoration:none}	
ul.menu_movil ul{width:100%;display:block;padding:0}
ul.menu_movil ul li a{/*font-family:'Roboto',sans-serif;*/font-family: "DM Sans", Arial, Tahoma, sans-serif;font-size:14px;display:block;padding:0 20px;height:30px;line-height:30px}
ul.menu_movil ul li a.itemNormal:hover,ul.menu_movil ul li a.itemSel{color:#fff;background-color:transparent;background-position:-261px -89px;text-shadow:0 1px 0 #000}


/* PLANILLA */
#planilla, .planilla{width:100%;margin:0;padding:0}
.planilla a:hover{text-decoration:none}
.fila{width:100%;position:relative;margin-bottom:15px;padding:15px;overflow:hidden;height:auto;background-color:rgba(255, 255, 255, 0.8);border:1px solid #dcdcdc;border-radius:5px;box-sizing:border-box}
.seccion1,.seccion2,.seccion3{float:left;min-height:160px}
.seccion1{width:20%/*;position:relative*/}
.seccion2{width:40%}
.seccion3{width:40%}
/*.centrado{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform: translate(-50%, -50%)}*/
.sfila{width:100%;clear:both;min-height:40px}
.icono{float:left;width:40px;height:40px}
.info_canon{padding:0;margin:20px 0 0;width:100%;height:30px}
.info_canon a{display:block;text-align:center}
.info_canon form{width:60%;margin:0 auto}
.info_canon input{height:30px;text-align:center}
.info{font-size:15px;line-height:18px;padding:11px 15px 0 55px}
.info a{display:block}
.info select,.info input,.info textarea{margin-top:-6px;height:30px;}
.info select option{font-weight:normal}
.info textarea{line-height:18px;padding:6px;height:60px}
/*.seccion3 input,.seccion3 textarea{width:95%}*/
.numero{font-family:'Josefin Sans',sans-serif;font-weight:400;font-style:normal;color:#373d4e;font-size:45px;line-height:45px;text-align:center;margin-top:13px}
.unidad{width:90%;font-size:12px;text-align:center;margin:0 auto}
.canon{font-family:'Josefin Sans',sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:30px;text-align:center;width:100%}
.info_canon a:hover{text-decoration:none}
.pagado{font-size:13px;text-align:center;padding-top:5px}
.verde{color:#45bc5e}
.rojo{color:#b92b46}
a.pmenu{position:absolute;right:5px;top:10px}


/* ICONOS */
a.icon40_link{width:40px;height:40px}
a.icon30_link{width:30px;height:30px;display:block}
img.icon30{width:30px;height:30px}
img.icon40{width:40px;height:40px}


/* ICONOS FONTELLO */
.iconof {font-family: "fontello";font-style: normal;font-weight: normal;speak: never;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;  /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal;text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em;
  /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* You can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
#menu .iconof {font-size:18px}


/* CARGADOR FILA */
.cargador-fila{display:none;position:absolute;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(255,255,255,0.9)}
.cargador-contenido{position:absolute;width:35px;height:35px;margin:auto;padding:0;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}


/* LISTA DOCUMENTOS */
table{width:100%;margin:0 auto;border-collapse:collapse}

#tabla, .tabla{background-color:rgba(255, 255, 255, 0.8)}
#tabla tr, .tabla tr{height:40px}
#tabla td, .tabla td{font-family:'Roboto', sans-serif;font-weight:normal;font-size:14px}
.filad{position:relative;border:1px solid #e8e8e8;}
.filaanul{background-color:#ffe7e7}
.fila_sin_doc{background-color:rgba(0, 0, 0, 0.05)}
.fila_sin_doc_pend{background-color:rgba(255, 245, 88, 0.5)}
.fila_sin_mov{background-color:rgba(255, 0, 24, 0.2)}
.filad:hover{background-color:#fff;color:#111;box-shadow:inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}
.filaanul:hover{background-color:#ffd7d7}
.fila_sin_doc:hover{background-color:rgba(0, 0, 0, 0.1)}
.fila_sin_doc_pend:hover{background-color:rgba(255, 245, 88, 0.8)}
.fila_sin_mov:hover{background-color:rgba(255, 0, 24, 0.25)}
.celdad{max-width:0;font-size:14px;vertical-align:middle;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.celdadi{vertical-align:middle;padding:0 10px}
.celda_doc{padding:0 10px 0 15px}
.celda_doc a{}
.celda_doc .iconof{color:#bbbbbb;font-size:16px}
.celda_doc a:hover{text-decoration:none !important}

#col-doc{width:7%;padding:0 10px 0 15px}
#col-tipo{width:11%}
#col-bien{width:8%}
#col-empresa{width:30%}
#col-pago{width:10%}
#col-periodo{width:18%}
#col-total{width:10%}
#col-opciones{width:6%}

#col-cid{width:5%;padding:0 10px 0 15px}
#col-ctipo{width:10%}
#col-cnombre{width:15%}
#col-cweb{width:14%}
#col-cusuario{width:20%}
#col-cclave{width:10%}
#col-ccreada{width:10%}
#col-cmodificada{width:10%}
#col-copciones{width:6%}

.fila_titulod{border-radius:4px 4px 0 0;background-color:#373d4e;border:none}
.fila_titulod td,.fila_titulod th{font-family:'Roboto Condensed',sans-serif !important;color:#fff;font-weight:normal;font-size:16px !important;text-align:left;line-height:20px;}
.fila_titulod th a{float:left;color:#fff;height:20px;}
.fila_titulod th a:hover{text-decoration:none}
.iconod a.icon30_link{float:right;width:30px;height:40px;line-height:40px;}
.iconod .dropdownContain{right:55px;top:19px}
.ordenado{float:left;width:20px;height:20px;background:transparent url(../imagenes/orden.png) 0 0 no-repeat}
.fila_480{display:none}
.celda_tipo span{font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:13px;border-radius:40px;padding:5px 8px;color:#fff}
.tipo1{background-color:#a35dda} /* Admin */
.tipo2{background-color:#099858} /* EPM */
.tipo3{background-color:#0a356e} /* UNE */
.tipo4{background-color:#eb4235} /* Claro */
.tipo5{background-color:#718142} /* Vatia */
.tipo6{background-color:#0d97c7} /* Hughes */
.tipo7{background-color:#3e4095} /* Peñazul */
.tipo8{background-color:#fcac3b} /* Impuesto */
.tipo9{background-color:#5898f3} /* Préstamo */
.tipo10{background-color:#13a065} /* Ssocial */
.tipo11{background-color:#838383}

.sombra_texto{color:transparent;text-shadow: 0 0 5px rgba(0,0,0,0.5)}
/*#link-sombra-texto .iconof{line-height:12px}*/

span.highlight{background-color:yellow}
#ganancia-neta,#perdida-neta{font-family:'Josefin Sans',sans-serif;font-weight:400;font-style:normal;font-size:34px;line-height:1.2;text-align:center;padding:30px;margin:30px 0;}
#ganancia-neta{background-color:#f1fce5;border:2px solid #63a919;color:#4F8A10}
#perdida-neta{background-color:#fff9d7;border:1px solid #e2c822;color:#9F6000}


/* FORMULARIO */
#formulario{position:relative;width:80%;margin:40px auto;padding:50px 60px;border-radius:16px;background-color:rgba(255,255,255,0.8);border:1px solid #dcdcdc;box-sizing:border-box}
#formulario .ffila{margin:0 0 12px;padding:5px 5px}
#formulario .ffila:after{content: "\0020";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
#formulario h2{text-align:center;padding-bottom:50px}
#formulario .g2_1,#formulario .g2_2{width:46%}
#formulario .g2_1{float:left}
#formulario .g2_2{float:right}
#formulario .inter{width:8%;float:left;font-size:12px;text-align:center;line-height:35px;}
#formulario .etiqueta,#formulario .ayuda,#formulario .ayuda_bien{font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:15px;margin:0 4px 8px}
#formulario .etiqueta_disabled{color:#b4b4b4}
#formulario .desc{font-weight:400;font-size:14px;margin:0 4px 10px}
#formulario .valor{}
#formulario .ayuda,#formulario .ayuda_bien{font-size:1em;line-height:1.2em;color:#9F6000;background-color:#fff9d7;border:1px solid #e2c822;border-radius:6px;box-sizing:border-box;padding:15px;margin:0}
#formulario .ayuda_bien{background-color:#f1fce5;border:1px solid #63a919;color:#4F8A10}
#sugerencias .sugerencia{display:inline-block;width:50%}
#sugerencias h5{font-weight:600;padding-bottom:10px;margin-left:10px;font-size:16px;color:#333}
#sugerencias a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#f2f3ff;color:#5b5c68;font-size:12px;padding:5px;margin:0 5px 5px;border-radius:3px;box-sizing:border-box;transition:all .1s ease-out}
#sugerencias a:hover{text-decoration:none;color:#292a2f;background-color:#e6e8ff}
#formulario input[type='text'],#formulario input[type='date'],#formulario input[type='datetime-local'],#formulario input[type='number']{padding:0 10px;height:35px;line-height:35px}
#formulario textarea{padding:7px 10px;line-height:140%;min-height:50px}
#resultado{padding:10px 0;font-size:14px}
#formulario .botonp{padding:3px 25px}
#generarClave,#visitarWeb{color:#999}
#generarClave:hover,#visitarWeb:hover{text-decoration:none !important;color:#111}
#ultimosDatos{position:absolute;top:30px;right:30px}


/* FORMULARIO DE CUENTA */
#colCuenta{margin:0 auto;width:500px;}
#cuenta{margin:0 auto;padding:70px 40px;background:#fff;border-radius:16px;box-shadow: 18px 2px 40px 0px rgba(0,0,0,0.15)}
#cuenta h1{font-family:'Anton',sans-serif;font-weight:400;font-size:28px;text-align:center;margin:0;padding:0}
#cuenta p.desc{font-weight:400;font-size:14px;margin:10px 0 15px;text-align:center;padding:0}
#cuenta .campo{height:40px;width:420px;text-align:center;margin:0 0 15px}
#cuenta input[type='text'],#cuenta input[type='password']{width:300px;height:40px;line-height:40px;padding:0 15px /*0 48px*/;color:#333;font-size:15px}
/*#cuenta input[type='text']{background:transparent url(../imagenes/correo.png) 10px 4px no-repeat}
#cuenta input[type='password']{background:transparent url(../imagenes/llave.png) 10px 4px no-repeat}*/
.botones{height:35px;text-align:center;margin-top:20px}
#cuenta .resultado{text-align:center;margin-top:30px;}
#cuenta .botonp{float:none;line-height:35px;padding:0 30px}


/* IMPRIMIR DOCUMENTO */
@media print {
	* {background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}
	@page{margin:0cm}
	h2,h3{orphans:3;widows:3;page-break-after:avoid}
	p{orphans:3;widows:3}
	pre,blockquote{border:1px solid #808080;page-break-inside:avoid}
	abbr[title]:after {content:" (" attr(title) ")"}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	a[href^="javascript:"]:after,a[href^="#"]:after {content:""}
	img{max-width:100% !important;page-break-inside: avoid}
	thead{display:table-header-group}
	tr{page-break-inside:avoid}
}
#cabezaPrint{margin:30px 0 10px}
#imagen{display:block;}
#imagen img{margin-bottom:10px}
#imagen h4{color:#333;margin:0;padding:0 15px 10px}
#tipoDoc{display:block;margin:10px 0;height:40px}
#tipoDoc div{float:left;height:40px;line-height:40px;box-sizing:border-box}
#tipoDoc h2{font-size:22px;margin:0;line-height:38px;padding:0 15px}
#tipoDoc1{width:65%;border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;}
#tipoDoc2{width:35%;border:1px solid #aaa}
#datosPrint{margin:0 0 10px;padding:0;border-top:1px solid #aaa;border-left:1px solid #aaa}
#datosPrint,#tipoDoc,#conceptoPrint,#notasPrint,#firmasPrint{background-color: rgba(249, 249, 249, 0.7)}
#tituloPrint h2{font-family:'Roboto',sans-serif;font-weight:900;font-size:35px;text-align:center;padding:0;margin:0 0 40px}
#img_anulado{position:absolute;left:0;top:195px;width:1200px;height:500px}
#img_anulado img{width:100%;height:100%}
.lineaPrint,.lineapPrint{display:block;height:30px;overflow:hidden}
.celda_tit, .celda_dato, .celda_p{float:left;height:30px;line-height:30px;padding:0 15px;border-bottom:1px solid #aaa;border-right:1px solid #aaa;box-sizing:border-box}
.celda_p p{margin-bottom:2px}
.celda_tit{font-weight:600;width:20%}
.celda_dato{font-weight:300}
.corta{width:15%}
.larga{width:45%}
.ultima{width:80%}

.lineapPrint{height:60px}
.celda_p{font-size:12px;text-align:center;height:60px;line-height:60px;padding:0 5px;width:8%}
.tit_p{font-family:'Roboto Condensed', sans-serif;font-weight:700;font-size:18px}
.corta_p{width:6%}
.corta2_p{width:7%}
.corta3_p{width:8%}
.normal_p{width:17%} /* antes 10% */
.mediana_p{width:15%}
.mediana2_p{width:23%}
.larga_p{width:45%} /* antes 33% */
.multi_p{font-size:10px;text-align:left;line-height:12px;padding:3px 5px}
.numero_p,.unidad_p{text-align:center}
.numero_p{font-family:'Anton',sans-serif;font-weight:400;font-size:19px;height:20px;line-height:100%}
.unidad_p{font-size:9px;height:10px;line-height:100%;overflow:hidden}
.doble_centrado{line-height:100%}
.outer{height:100%;width:100%;display:table;vertical-align:middle}
.container{text-align:center;position:relative;vertical-align:middle;display:table-cell;height:40px}
.inner{width:100%;height:auto;text-align:center;margin-left:auto;margin-right:auto}

#conceptoPrint, #notasPrint{margin:0 0 10px;padding:0;border-top:1px solid #aaa;border-left:1px solid #aaa;}
.texto_tit, .texto_dato{font-weight:600;height:30px;line-height:26px;padding:0 15px;border-bottom:1px solid #aaa;border-right:1px solid #aaa;box-sizing:border-box}
.texto_dato{font-weight:300;padding:2px 15px;height:60px}
#firmasPrint{margin:0;padding:0;border:1px solid #aaa;height:60px}
#firmasPrint div{float:left;font-weight:600;height:60px;width:33%;line-height:25px;padding:0 15px;border-right:1px solid #aaa;box-sizing:border-box}
#opcionesPrint{margin-top:30px;text-align:center}
#opcionesPrint a{width:40px;height:40px;padding:0 5px}
#opcionesPrint a:hover{text-decoration:none !important}

	
/* SELECT */
.select-css{display:block;font-size:15px;font-weight:700;color:#444;line-height:1.3em;padding:2px 10px 3px;width:100%;height:35px;max-width:100%;box-sizing:border-box;margin:0;border: 1px solid #aaa;border-radius:6px;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.select-css,.chosen-container-multi .chosen-choices{background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%}
.select-css::-ms-expand{display:none}
.select-css:hover{border-color:#87b8e6}
.select-css:focus,.chosen-container-active .chosen-choices{border:1px solid #87b8e6;-webkit-box-shadow:0 0 1px 1px #87b8e6;box-shadow:0 0 1px 1px #87b8e6;color:#222;outline: none}
.select-css option{font-weight:normal}
.select-listas{display:inline-block;width:auto;padding-right:30px}

.chosen-container{position:relative;display:block;vertical-align:middle;font-size:15px;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}
.chosen-container * {-webkit-box-sizing:border-box;box-sizing:border-box}
.chosen-container-multi .chosen-choices{padding:0;width:100%;border:1px solid #aaa;min-height:27px !important;line-height:27px;border-radius:6px;cursor:text;box-sizing:border-box}
.chosen-container-multi .chosen-choices:hover{border:1px solid #87b8e6}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {margin:0;padding:0 10px !important;height:35px !important;color:#444;font-weight:700;box-sizing:border-box}
.chosen-container-multi .chosen-choices li.search-choice {margin:3px 0px 0px 3px;padding:3px 20px 3px 5px;border-radius:6px;background-color:#fff;background-image:none;-webkit-box-shadow:none;box-shadow:none;color:#222;height:29px;line-height:22px}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{top:8px}



/* VENTANA MODAL */
.modal{display:none;position:absolute;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.3)}
.modal-content{position:absolute;background-color:#fefefe;height:auto;overflow:auto;margin:auto;padding:0;border-radius:5px;min-width:400px;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow: 18px 2px 40px 0px rgba(0,0,0,0.15)}
.modal-interior{position:relative;padding:40px;}
.modal_contenido{display:none}
.tit_modal{font-family:'Roboto Condensed',sans-serif;font-weight:700;text-transform:uppercase;padding:0 0 20px;color:#373d4e}
.modal p{line-height:100%}
.modal h4{margin:10px 0}
.modal a.botonp{width:120px}
.botones_modal{height:30px}
.close{position:absolute;top:3px;right:15px;color:#aaa;font-size:32px;font-weight:bold;line-height:100%;}
.close:hover,.close:focus{color:#111;text-decoration:none;cursor:pointer}


/* MENÚ DESPLEGABLE */
/*.dropOut .triangle{width:0;height:0;position:absolute;border-top:18px solid white;border-right:18px solid transparent;top:0;right:-18px;margin-left:-8px}*/
.dropOut .triangle{width:21px;height:22px;position:absolute;top:-1px;right:-21px;background:transparent url(../imagenes/menu_triangulo.png) 0 0 no-repeat}
.dropdownContain {width:160px;position:absolute;display:none;z-index:5;right:70px;top:18px}
.dropOut {width:160px;background:white;float:left;position:relative;margin-top:0px;opacity:1;border:1px solid #dcdcdc;border-radius:4px 0px 4px 4px;box-shadow: 18px 2px 40px 0px rgba(0,0,0,0.1);/*transition:all .1s ease-out*/}
.dropOut ul {float:left;padding:10px 0;margin:0}
.dropOut ul li{float: left;width:100%}
.dropOut ul li a{display:block;overflow:hidden;padding:0 15px 0 15px;margin:0 10px;line-height:35px;font-size:15px;color:#444;border-radius:4px;/*transition:background .1s ease-out;*/box-sizing:border-box}
.dropOut ul li a:hover{color:#fff;background:#373d4e;text-decoration:none}


/* BOTÓN */
.botonp{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:16px;/*letter-spacing:1px;*/color:#FFFFFF !important;text-decoration:none !important;float:left;padding:2px 15px;margin:0;border-radius:2px;border:none;line-height:30px;box-sizing:border-box;background-color:#3369ff;box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);text-align:center;position:relative}
.botonp:active{box-shadow:inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);border:none}
@media all and (max-width:30em){
 .botonp{display:block;margin:0.4em auto}
}


/* BUSCADOR */
input#bus_per,input#bus_emp{width:100%;height:40px;line-height:40px;padding:0 10px 0 48px;border:none;border-radius:4px;font-size:15px;background:#f1f3f4 url(../imagenes/buscar1.png) no-repeat 8px 5px;transition: background 100ms ease-in,width 100ms ease-out;}
input#bus_per:focus,input#bus_emp:focus{color:#111;border:none;background-image:url(../imagenes/buscar2.png);background-color:#fff;box-shadow:0 1px 1px 0 rgba(65,69,73,0.3),0 1px 3px 1px rgba(65,69,73,0.15)}
input#bus_emp,input#bus_emp:focus{background-image:none}
#cargador_buscador,#cargador_buscador2{position:absolute;top:4px;right:10px;margin:0 !important}
#tipBuscar{position:absolute;top:55px;left:0;width:300px;padding:5px;height:16px;font-size:11px;text-align:left;background:#fff;z-index:9998;color:#999}
#abrirCerrarBuscador{font-size:12px;font-weight:300;color:#999;}


/* NOTICA */ 
#notica{z-index:8001;font-size:13px;position:absolute;width:260px;/*border:1px solid #f1c600*/background:#fdf99e;/*opacity:0.7;*/filter:alpha(opacity=60);overflow:hidden;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
#notica:hover{opacity:1.0;/*filter:alpha(opacity=100)*/}
#notica .titulo{height:40px;line-height:40px;padding:0 10px;background:#f5f078;font-size:16px;font-weight:600;color:#8d865f;cursor:move}
#notica .titulo a{display:inline;float:right;color:#8d865f;padding:0 5px}
#notica .titulo a:hover{text-decoration:none;color:#4d4931}
#notica .cont{padding:0 15px;margin:0;height:160px;overflow-y:auto;overflow-x:hidden}
#notica .renglon{padding-top:2px;width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#notica .sin_notas{color:#e1a004;font-size:25px;text-align:center;margin:30px auto;padding:0;line-height:30px;white-space:normal;overflow:visible;text-overflow:clip}
#notica .tarea_iconos{display:inline;float:right;margin-right:10px}
#notica .tarea_iconos a{margin:0;padding:0 5px;color:#8d865f}
#notica .tarea_iconos a:hover{text-decoration:none;color:#4d4931}
#notica .renglon_fecha{color:#4d83ff;font-size:10px;padding-bottom:10px;}

#notica #horas{width:230px}
#notica #nueva{width:40px;height:40px;position:absolute;bottom:20px;right:20px}
#notica-menu ul{position:relative;width:90%;height:50px;margin:0 auto;padding:0;}
#notica-menu ul li{float:left;transform:scale(1);height:50px}
#notica-menu ul li a{font-family:'Roboto', sans-serif;color:#8d865f;font-weight:500;font-size:13px;height:30px;line-height:30px;display:block;padding:0 9px;margin:12px 2px;transition: color .1s ease-out;border-radius:10px}
#notica-menu ul li a:hover,#notica-menu ul li a.itemSel{color:#4d4931 !important;text-decoration:none;background:#f5f078}
#notica-menu ul li a:focus{outline:none !important}


/* TAREA WEB */
#tarea{position:relative;width:620px;margin:40px auto;padding:50px 60px;border-radius:16px;background-color:rgba(255,255,255,0.8);/*box-shadow:0 1px 1px 0 rgba(65,69,73,0.3),0 4px 3px 1px rgba(65,69,73,0.15);*/border:1px solid #dcdcdc;}
.tareaTitulo{text-align:center;padding:0}
.tareaParrafo{padding-bottom:25px}
#tarea h2{font-size:36px}
#tarea h3{padding-bottom:15px}
#tarea h4{font-size:17px;color:#666;font-weight:600;padding-bottom:15px}
#tarea .iconof{color:#fd718d}
.tareaGlobo{width:620px;margin:5px auto}
.tareaGlobo:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.tareaIcono{width:30%;float:left;padding:10px;box-sizing:border-box;text-align:center}
.tareaDato{width:70%;float:right;padding:10px;box-sizing:border-box}
.tareaAdjunto{padding-bottom:10px}
.sangria{padding-left:1em}
.comienzaen{font-size:15px;margin-bottom:15px}


/* RAMONA */
#chat-mitad{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(#009688 0%,#009688 130px,#d9dbd5 130px,#d9dbd5 100%);padding:60px 0 0}
.chat_container{position:relative;width:1298px;max-width:100%;height:calc(100vh - 40px);background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.06);display:flex}
.chat_container .leftSide {position: relative;flex: 30%;background: #fff;border-right: 1px solid rgba(0, 0, 0, 0.2);}
.chat_container .rightSide {position: relative;flex: 70%;background: #e5ddd5;}
.chat_container .rightSide::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("imagenes/pattern.png");opacity: 0.06}
.header {position: relative;width:100%;height:230px;background: #ededed;display: flex;justify-content: space-between;align-items:center;padding:15px;box-sizing:border-box}
.userimg{position:relative;width: 200px;height:200px;overflow:hidden;border-radius:50%}
.cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.nav_icons {display: flex;}
.nav_icons li {display: flex;list-style: none;cursor: pointer;color: #51585c;font-size: 1.5em;margin-left: 22px;}
.search_chat {position: relative;width: 100%;height: 50px;background: #f6f6f6;display: flex;justify-content:center;align-items:center;padding:0 15px;box-sizing:border-box}
.search_chat div {width: 100%;}
.search_chat div input {width: 100%;outline: none;border: none;background: #fff;padding: 6px;height: 38px;border-radius: 30px;font-size: 14px;padding-left: 40px;}
.search_chat div input::placeholder {color: #bbb;}
.search_chat div ion-icon {position: absolute;left: 30px;top: 14px;font-size: 1.2em;}
.chatlist {position: relative;height: calc(100% - 110px);overflow: auto;}
.chatlist .block {position: relative;width: 100%;display: flex;align-items: center;padding: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.06);cursor: pointer;}
.chatlist .block.active {background: #ebebeb;}
.chatlist .block:hover {background: #f5f5f5;}
.chatlist .block .imgBox {position: relative;min-width: 45px;height: 45px;overflow: hidden;border-radius: 50%;margin-right: 10px;}
.chatlist .block .details {position: relative;width: 100%;}
.chatlist .block .details .listHead {display: flex;justify-content: space-between;margin-bottom: 5px;}
.chatlist .block .details .listHead h4 {font-size: 1.1em;font-weight: 600;color: #111;}
.chatlist .block .details .listHead .time {font-size: 0.75em;color: #aaa;}
.chatlist .block .details .listHead .time {color: #111;}
.chatlist .block.unread .details .listHead .time {color: #06d755;}
.message_p {display: flex;justify-content: space-between;align-items: center;}
.message_p b {background: #06d755;color: #fff;min-width: 20px;height: 20px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 0.75rem;}
.message_p p {color: #aaa;display: -webkit-box;-webkit-line-clamp: 1;font-size: 0.9em;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.imgText {position:relative;display: flex;justify-content: center;align-items:center}
.imgText h4{font-weight:600;line-height:1.2em;margin-left:20px}
.imgText h4 span{font-weight:400;font-size:14px;color:#666}
/* CHAT BOX */
.chatbox{position:relative;width:100%;height:calc(100% - 120px);padding:0px;overflow-y:auto}
.message {position: relative;display: flex;width: 100%;margin: 5px 0;}
.message p {position: relative;right: 0;text-align: right;max-width: 65%;padding: 12px;background: #dcf8c8;border-radius: 10px;font-size: 0.9em;}
.message p::before {content: "";position: absolute;top: 0;right: -12px;width: 20px;height: 20px;background: linear-gradient(135deg,#dcf8c6 0%,#dcf8c6 50%,transparent 50%,transparent);}
.message p span {display: block;margin-top: 5px;font-size: 0.85em;opacity: 0.5;}
.my_msg {justify-content: flex-end;}
.friend_msg {justify-content: flex-start;}
.friend_msg p {background: #fff;text-align: left;}
.message.friend_msg p::before {content: "";position: absolute;top: 0;left: -12px;width: 20px;height: 20px;background: linear-gradient(225deg,#fff 0%,#fff 50%,transparent 50%,transparent);}
.chat-form{position:relative;padding:15px;background-color:#ddd;border-top:1px solid #333;box-sizing: border-box;}
.chat-form-message-wrapper{padding: 9px 12px 6px;margin: 5px 62px 5px 82px;background-color: #fff;border-radius: 22px;flex: 1 1 auto;width:inherit;min-width: 0;min-height: 20px; outline: none;will-change: width;box-shadow: 0 2px 1px rgba(0,0,0,.1);box-sizing: border-box;}
.chat-form-message {font-family: var(--heading-font-family);color: var(--body-color);font-size: 15px;font-weight: 400;line-height: 20px;display: inline-block;outline: none;width:100%;min-height: 20px;max-height: 100px;overflow-x: hidden;overflow-y: auto;padding: 5px 10px 0 38px;word-wrap: break-word;white-space: pre-wrap;transition: all .5s;border:0 none;}
.chat-form-message:hover{border:0 none}
.chat_input {position: relative;width: 100%;height: 60px;background: #f0f0f0;padding: 15px;display: flex;justify-content: space-between;align-items: center;}
.chat_input ion-icon {cursor: pointer;font-size: 1.8em;color: #51585c;}
.chat_input ion-icon:nth-child(1) {margin-right: 15px;}
.chat_input input {position: relative;width: 90%;margin: 0 20px;padding: 10px 20px;border: none;outline: none;border-radius: 30px;font-size: 1em;}
#chat-respuesta{line-height:22px;font-size:16px;color:#333;margin:0;padding:0}
#chatvideo{height:200px;text-align:center}
#div-grabar{float:left;margin:10px;width:70px;/*border:2px dashed #ccc*/}
#div-grabar a{display:block;text-align:center;font-size:40px;padding:10px;color:#999}
#div-grabar i{margin:0}
#div-grabar a:hover{text-decoration:none;color:#333}
#div-grabar a:active{text-decoration:none;color:#D8000C}
#div-prompt{overflow:hidden;margin:10px;/*border:2px dashed #ccc*/}
#chat-iconos{padding:8px}
#chat-iconos a{float:right;color:#999;font-size:14px}
#chat-iconos a:hover{text-decoration:none;color:#111}

@media (max-width: 1279px) {

	#mitad{padding:20px 0 80px}
	#buscadorcont{width:360px}	
	#colCuenta{margin-top:60px} /*Por el recorte de mitad por la cabecera que ya no sería fija*/
	#menu{display:none}
	#menu_boton_contenedor{display:inline-block}
	#fondo_cabecera{position:static;height:auto;overflow:hidden;min-height:60px}
	
}

@media (min-width: 1024px) and (max-width: 1279px) {

	#mitad{width:944px}
	
	.fila_titulod td,.fila_titulod th{font-size:14px !important}
	#tabla td,.tabla td{font-size:13px}
	#col-doc{width:10%;padding:0 10px 0 15px}
	#col-tipo{width:10%}
	#col-bien{width:8%}
	#col-empresa{width:27%}
	#col-pago{width:10%}
	#col-periodo{width:18%}
	#col-total{width:10%}
	#col-opciones{width:7%}
	.select-listas{display:inline-block}
	
	#col-cid{width:8%;padding:0 10px 0 15px}
	#col-ctipo{width:12%}
	#col-cnombre{width:16%}
	#col-cweb{width:14%}
	#col-cusuario{width:15%}
	#col-cclave{width:10%}
	#col-ccreada{width:10%}
	#col-cmodificada{width:10%}
	#col-copciones{width:5%}
	
	.info{font-size:14px;line-height:17px}
	
	#formulario{width:90%}
	
}

@media (min-width: 768px) and (max-width: 1023px) {

	#mitad{width:688px}
	
	.fila_titulod td,.fila_titulod th{font-size:13px !important}
	#tabla td,.tabla td{font-size:12px}
	#col-doc{width:11%;padding:0 0 0 10px}
	#col-tipo{width:12%}
	#col-bien{width:10%}
	#col-empresa{width:19%}
	#col-pago{width:11%}
	#col-periodo{width:18%}
	#col-total{width:13%}
	#col-opciones{width:6%}
	.select-listas{display:inline-block}
	
	.celda_doc{padding:0 0 0 10px}
	#col-cid{width:8%;padding:0 0 0 10px}
	#col-ctipo{width:15%}
	#col-cnombre{width:15%}
	#col-cweb{width:11%}
	#col-cusuario{width:11%}
	#col-cclave{width:11%}
	#col-ccreada{width:13%}
	#col-cmodificada{width:13%}
	#col-copciones{width:5%}
	
	.info{font-size:13px;line-height:16px}
	
	#formulario{width:100%}

}

@media (max-width: 767px) { 
 
	html{background-image:url(../imagenes/fondo_tarea.jpg);background-color:#fefefe}	
	
	#logo{display:none}
	#menu_boton_contenedor{margin:17px 0 0 0}
	
	.seccion1,.seccion2,.seccion3{float:none;display:block;width:100%;min-height:160px}
	.seccion3{margin:15px 0}
	
	#formulario{width:100%;padding:50px 40px;}
	#formulario .etiqueta_invisible{display:none;}
	#formulario .ffila{margin:0 0 17px;padding:0}
	#formulario .g2_1,#formulario .g2_2{float:none;width:100%}
	#formulario .g2_1{margin-bottom:17px}
	#formulario .g2_1_nomargin{margin-bottom:0 !important}
	#formulario h2{font-size:22px;text-align:center}
	#sugerencias .sugerencia{width:100%}
	
	.select-listas{display:inline-block}
	
	.celda_doc{padding:0 0 0 10px}
	.celdadi{padding:0 5px}
	.ordenado{display:none}
	.fila_481{display:none}
	.fila_480{display:table-row}
	#col-tipo,.celda_tipo,#col-periodo,.celda_periodo,#col-ctipo,#col-cmodificada,.celda_modificada,#col-ccreada,.celda_creada{display:none}
	
	#listador .grupo{margin-bottom:15px}
	
	h2.tit{font-size:22px;text-align:center}
		
	#tarea{width:100%;margin:auto;padding:0;border-radius:0;border:none;box-sizing:border-box;background-color:transparent;}
	.tareaTitulo{width:100%;margin:0 auto 30px;padding:50px 0;background-image:linear-gradient(-10deg, #416de8 50%, #fd718d);color:#fff;box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;border-radius:0 0 50px 50px;}
	.tareaParrafo,#tarea h2{width:440px;margin:0 auto;}	
	#tarea h2{font-family:'Roboto Condensed',sans-serif;color:#fff;font-size:34px;margin:0 auto 20px;padding:0}
	.tareaTitulo p{font-family:'Roboto Condensed',sans-serif;font-weight:700;text-transform:uppercase;margin-bottom:10px;}	
	.tareaGlobo{width:440px;margin:5px auto;background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;overflow:hidden}
	#tarea h3{padding-bottom:15px;margin:0}	
	#tarea h3.tareaSubtitulo{font-size:18px;font-weight:600;color:#333}	
	#tarea h4{font-size:15px}
	#tarea .mensaje_error{width:400px;margin:80px auto}
	.comienzaen{font-size:14px}
	
	#div-grabar{float:left;margin:10px;width:55px;/*border:2px dashed #ccc*/}
	#div-grabar a{font-size:30px;padding:10px 5px 5px}
	
	.tick-flip-panel-back::after{background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1px, rgba(255, 255, 255, 0.15) 1px, transparent 30%);background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 1px, rgba(255, 255, 255, 0.15) 1px, transparent 30%)}
	.tick-flip-panel-front-shadow{background-image:-webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3));background-image:linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3))}
	.tick-flip-panel-back-shadow{background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5))}
	.tick-flip-panel-back-highlight{background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.3));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.3))}  
	.tick-flip-panel{color:#333232;background-color:#edebeb}  
	.tick-flip-panel-back{box-shadow:inset 0 -1px rgba(0, 0, 0, 0.2)}
	
}

@media (min-width: 481px) and (max-width: 767px) {
	
	#mitad{width:400px}	

	#colCuenta{width:400px}
	#cuenta{padding:70px 40px}
	#cuenta h1{font-size:24px}
	#cuenta p.desc{font-size:14px;margin:10px 0 15px}
	#cuenta .campo{width:100%}
	#cuenta input[type='text'],#cuenta input[type='password']{width:80%;font-size:15px}	
	
	.fila_titulod td,.fila_titulod th{font-size:13px !important}
	#tabla td,.tabla td{font-size:11px}
	.celdad{padding:0 8px}
	
	#col-doc{width:15%;padding:0 8px}	
	#col-bien{width:13%}
	#col-empresa{width:27%}
	#col-pago{width:16%}
	#col-total{width:20%}
	#col-opciones{width:9%}	
	
	#col-cid{width:11%;padding:0 0 0 10px}
	#col-cnombre{width:22%}
	#col-cweb{width:22%}
	#col-cusuario{width:20%}
	#col-cclave{width:17%}
	#col-copciones{width:5%}
	
	#buscadorcont{width:320px}

	.select-css,.chosen-container{font-size:14px}	

}

@media (max-width: 480px) {	

	#mitad{width:360px}
	#cabecera{padding:0}
	#navegador{width:320px;padding:0;margin:0 auto}
	ul.menu_movil li {width:320px;margin:2px auto}
	
	#colCuenta{width:100%;margin-top:20px}
	#cuenta{padding:70px 40px;background:none;border-radius:0;box-shadow:none}
	#cuenta h1{font-size:24px}
	#cuenta p.desc{font-size:14px;margin:10px 0 15px}
	#cuenta .campo{width:100%}
	#cuenta input[type='text'],#cuenta input[type='password']{width:100%;font-size:15px}
	
	.contenedor-fondo{background:none}
	
	.fila_titulod td,.fila_titulod th{font-size:12px !important}
	#tabla td,.tabla td{font-size:10px}
	.celdad{padding:0 5px}
	.celda_doc{padding:0 5px}
	
	#col-doc{width:15%;padding:0 5px}	
	#col-bien{width:12%}
	#col-empresa{width:28%}
	#col-pago{width:15%}
	#col-total{width:21%}
	#col-opciones{width:9%}	
	
	#col-cid{width:13%;padding:0 5px}
	#col-cnombre{width:24%}
	#col-cweb{width:19%}
	#col-cusuario{width:20%}
	#col-cclave{width:19%}
	#col-copciones{width:5%}
	
	#buscadorcont{width:225px}	
	
	#listador .grupo{margin-right:12px;}
	.select-css,.chosen-container{font-size:12px}
	.select-listas{padding-right:20px}
	
	#formulario{padding:0;margin: 30px auto;border-radius:0;background-color:transparent;border:none;}
	#formulario .etiqueta_invisible{display:none;}
	#formulario .g2_1,#formulario .g2_2{float:none;width:100%}
	#formulario .g2_1{margin-bottom:17px}	
	
	#tarea .mensaje_error{width:320px}
	#tarea h2{font-size:32px}
	.tareaParrafo,#tarea h2,.tareaGlobo{width:290px}
	.comienzaen{font-size:13px}	
	
}


/* JQUERY UI */
/* Component containers
----------------------------------*/
.ui-widget {font-family:'Roboto',sans-serif;font-weight:400;font-size:13px;z-index:9998}
.ui-widget .ui-widget {font-size: 13px}
.ui-widget.ui-widget-content{border:none;box-shadow:0 1px 1px 0 rgba(65,69,73,0.3),0 4px 3px 1px rgba(65,69,73,0.15);border-radius:0 0 4px 4px;overflow:hidden}

.ui-widget-overlay {margin-top:-3px}
.ui-menu .ui-menu-item-wrapper {padding:5px 1em 5px .4em;/*transition: background .1s ease-out, color .1s ease-out*/}

/* Interaction states
----------------------------------*/
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {border:1px solid #373d4e;background:#373d4e}
/* Misc visuals
----------------------------------*/

/* Tooltip Corner radius */
.ui-corner-all{border-top-left-radius: 4px !important;border-top-right-radius: 4px !important;border-bottom-left-radius:4px !important;border-bottom-right-radius: 4px !important}
.ui-widget-shadow {-webkit-box-shadow: 0px 0px 3px rgba(65,69,73,0.15);box-shadow: 0px 0px 3px rgba(65,69,73,0.15)}