body{font-family:'Roboto', Arial;font-weight: 300;color:#000000;font-size:15px;margin-top:0px;margin-left:0px;margin-right:0px;}
td{font-family:'Roboto', Arial;font-weight: 300;font-size:15px;color: #000000;}
a img{border:0}
a:link,a:visited{color:#3366de;text-decoration:none;}a:hover{color:#3366de;text-decoration:underline;}
.agris_small:link,.agris_small:visited{color:#555;font-size:12px;text-decoration:none;}.agris_small:hover{color:#3366de;text-decoration:none;}
.agris:link,.agris:visited{color:#414151;text-decoration:none;}.agris:hover{color:#3366de;text-decoration:none;}
.an:link,.an:visited{color:#111111;text-decoration:none;}.an:hover{color:#3366de;text-decoration:none;}
.gn:link,.gn:visited{color:#111111;text-decoration:none;}.gn:hover{color:#777777;text-decoration:none;}
.a_blanco:link,.a_blanco:visited{text-align:center;color:#fff;text-decoration:none;}.a_blanco:hover{color:#fff;text-decoration:none;}
.abn:link,.abn:visited{text-align:center;display:block;height:35px;padding-top:15px;color:#fff;text-decoration:none;}.abn:hover{color:#fff;text-decoration:none;background:#046bb3}
.a11:link,.a11:visited{color:#3366de;text-decoration:none;font-size:11px;}.a11:hover{color:#3366de;font-size:11px;text-decoration:underline;}
.as:link,.a11:visited{color:#3366de;text-decoration:none;font-size:12px;}.a11:hover{color:#3366de;font-size:12px;text-decoration:underline;}
.boton_anterior_siguiente{border:1px solid #fff;color:#3366de;cursor:pointer;}
.boton{font-family:'Roboto', Arial;font-weight: 300; color:#333; font-size:15px; background:#dedede; border:0px; width:74px; height:30px;}
input{font-family:'Roboto', Arial;font-weight: 300; border-radius:3px;font-size:15px;height:24px;border:1px solid #ddd;padding-bottom:2px;padding-left:4px;padding-top:3px;background-color:#fff;}
select{font-family:'Roboto', Arial;font-weight: 300;border-radius:3px;font-size:15px;height:24px;border:1px solid #ddd;padding-bottom:2px;padding-left:4px;padding-top:3px;background-color:#fff;}
textarea{font-family:'Roboto', Arial;font-weight: 300;font-size:14px;padding-bottom:0;padding-left:3px;padding-top:2px;border:1px solid #ccc;border-radius:3px;overflow:auto;}
.input_img{border:1px solid #fff;width:16px;height:16px;}
.input_text{transition:0.6s;outline:0px;border:1px solid #fff;width:100%}.input_text:hover{transition:0.3s;color:#3366de;cursor:pointer;}
.input_gris{outline:0px;border:1px solid #fff;width:100%;color:#d2d2d2;}.input_gris:hover{color:#3366de;cursor:pointer;}
.text1{outline:0px;border:none;height:24px;width:100%;}.text1:hover{color:#1144be;cursor:pointer;outline:0px;}
.text1_table{transition:0.5s;border-bottom:1px solid #dfdfdf;width:100%;min-width:80px;height:28px;background:#fff;}
.text1_img{display:none;width:17px;opacity: 0.5;cursor:pointer}


.boton_d{border:1px solid;border-color:#e5e5e7 #e5e5e7 #e0e0e2 #e5e5e7;background:#fff;border-radius:2px;padding:5px;cursor:pointer}
.boton_d:hover{transition:0.3s;background:#e7e7e9;cursor:pointer}
.boton_clic{border:1px solid;color:#3366de;border-color:#e5e5e7 #e5e5e7 #e0e0e2 #e5e5e7;background:#fff;border-radius:2px;padding:5px;cursor:pointer}
.boton_clic:hover{transition:0.3s;background:#e7e7e9;cursor:pointer}

.boton_n{cursor:pointer}
.boton_n:hover{transition:0.3s;background:#e7e7e9;cursor:pointer}
.boton_a{color:#3366de;background:#fff;cursor:pointer}
.boton_a:hover{transition:0.3s;background:#e7e7e9;cursor:pointer}


.select{outline:0px;font-family:'Roboto', Arial;font-weight:300;border:none; appearance: none; box-shadow: none; -webkit-appearance: none;-moz-appearance: none;}
.select_flecha{outline:0px;font-family:'Roboto', Arial;font-weight:300;border:none;}
.tg{color:#555;}
.tgc{color:#999;}
.tb{font-size:18px;color:#333333;}
.tb4{font-size:18px;color:#555555;font-weight:400;}
.tgs{color:#555;font-size:12px;}
.ts{font-size:12px;}  
.ta{color:#3366de;}
.tn{color:#000000;}
.tgm{color:#555;font-size:13px;} 
.tgs4{color:#777;font-size:13px;font-weight:400;} 
.t4{font-weight: 400;}
.tg4{color:#555;font-weight: 400;}
.tdl {border-bottom:1px solid #e5e5e5;} 
.td1 {border-bottom:1px solid #e5e5e5;padding:7px;} 
.td1p {padding:7px;} 
.naranja:link,.naranja,.naranja {color: #fe5800;} 
.azul:link,.azul:visited,.azul:hover{color:#0072c6;}
.gris:link,.gris:visited,.gris:hover{color: #888;}
.verde:link,.verde:visited,.verde:hover{color: #f5f5f5;background:#04c204;padding-left:3px;padding-right:3px;}

.tdm{border-radius:1px;padding:2px;background:#c1c1c1;}

.blue_block:link,.blue_block:visited{opacity: 0.7;display:block;width:120px;text-align:center;border-radius:2px;font-size:11px;color: #f5f5f5;background:#093fda;padding:2px;text-decoration:none}
.blue_block:hover{opacity: 0.8;}
.red_block:link,.red_block:visited{opacity: 0.7;display:block;width:120px;text-align:center;border-radius:2px;font-size:11px;color: #f5f5f5;background:#ff0000;padding:2px;text-decoration:none}
.red_block:hover{opacity: 0.8;}
.green_block:link,.green_block:visited{opacity: 0.7;display:block;width:120px;text-align:center;border-radius:2px;font-size:11px;color: #f5f5f5;background:#53b90f;padding:2px;text-decoration:none}
.green_block:hover{opacity: 0.8;}
.orange_block:link,.orange_block:visited{opacity: 0.7;display:block;width:120px;text-align:center;border-radius:2px;font-size:11px;color: #f5f5f5;background:#faa707;padding:2px;text-decoration:none}
.orange_block:hover{opacity: 0.8;}
.gray_block:link,.gray_block:visited{opacity: 0.7;display:block;width:120px;text-align:center;border-radius:2px;font-size:11px;color: #f5f5f5;background:#ccc;padding:2px;text-decoration:none}
.gray_block:hover{opacity: 0.8;}

.blue:link,.blue:visited{opacity: 0.7;border-radius:2px;font-size:8px;color: #f5f5f5;background:#093fda;padding-left:3px;padding-right:3px;text-decoration:none}
.blue:hover{opacity: 0.8;}
.red:link,.red:visited{opacity: 0.7;border-radius:2px;font-size:8px;color: #f5f5f5;background:#ff0000;padding-left:3px;padding-right:3px;text-decoration:none}
.red:hover{opacity: 0.8;}
.green:link,.green:visited{opacity: 0.7;border-radius:2px;font-size:8px;color: #f5f5f5;background:#53b90f;padding-left:3px;padding-right:3px;text-decoration:none}
.green:hover{opacity: 0.8;}
.orange:link,.orange:visited{opacity: 0.7;border-radius:2px;font-size:8px;color: #f5f5f5;background:#faa707;padding-left:3px;padding-right:3px;text-decoration:none}
.orange:hover{opacity:0.8;}
.gray:link,.gray:visited{opacity: 0.7;border-radius:2px;font-size:8px;color: #f5f5f5;background:#ccc;padding-left:3px;padding-right:3px;text-decoration:none}
.gray:hover{opacity: 0.8;}

.blanco:link,.blanco:visited{opacity: 0.7;border-radius:2px;font-size:8px;border:1px solid #ccc;background:#fff;padding-left:3px;padding-right:3px;text-decoration:none}
.blanco:hover{opacity: 0.8;}

.blanco_bk{width:9px;height:9px;opacity: 0.7;border-radius:2px;border:1px solid #ccc;background:#fff;}
.blue_bk{width:9px;height:9px;opacity: 0.7;border-radius:2px;background:#093fda;}
.red_bk{width:9px;height:9px;opacity: 0.7;border-radius:2px;background:#ff0000;}
.green_bk{width:9px;height:9px;opacity: 0.7;border-radius:2px;background:#53b90f;}
.orange_bk{width:9px;height:9px;opacity: 0.7;border-radius:2px;background:#faa707;}
.gray_bk{width:9px;height:9px;opacity: 0.7;border-radius:2px;background:#ddd;}

::-webkit-scrollbar{width: 7px;}
::-webkit-scrollbar-thumb{background-color:rgb(230, 230, 230); border-radius: 3px;}
::-webkit-scrollbar-thumb:hover{background-color:rgb(215, 215, 215);}
::-webkit-scrollbar-track{background-color:rgb(255, 255, 255);}


.li_combo{line-height: 1.7em;}


.a_combo:link,.a_combo:visited{color:#444;font-weight:400;}
.a_combo:hover{background:#e7e7e7;font-weight:400;}
.a_combo_actual:link,.a_combo_actual:visited{color:#444;font-weight:400;background:#e0e0e0;}
.a_combo_actual:hover{background:#d7d7d7;}
.a_combo_agregar:link,.a_combo_agregar:visited{color:#444;font-weight:400;color:#3366de;background:#d7d7d7;}
.a_combo_agregar:hover{background:#c7c7c7;}


.pestana_normal{border-top-left-radius:4px;border-top-right-radius:4px;margin-top:30px;border:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;color:#777;background:#ebebec;padding:6px;float:left}
.pestana_normal:hover{cursor:pointer;background:#fff;}
.pestana_vacia{margin-top:30px;padding:6px;padding-bottom:5px;width:45%;float:left;width:1px;}
.pestana_activa{border-top-left-radius:4px;border-top-right-radius:4px;margin-top:30px;border:1px solid #dcdcdc;border-bottom:3px solid #fff;background:#fff;padding:6px;float:left;color:#333;font-weight:400;}
.pestana_activa:hover{cursor:pointer;background:#fff;}

/*  barra de progreso  */
#container{text-align: center;margin-top:-67px;}
/* linear loading */
#bar-container{margin-top:0px;height:6px;width: 100%;background-color: #fff;position:fixed;z-index:11;}
#bar{content: "";display:none;margin-top:10px;position: absolute;height: 4px;width: 0;right: 0;background-color: #0072c6;animation: linear_loader 6s linear 0s infinite;}
@keyframes linear_loader {0% {right: 100%;width: 0%;}20% {right: 100%;width: 10%;} 70% {right: 0%; width: 40%;} 100% {right: 0%;width: 0%;}}

::-webkit-input-placeholder{color:#999;}:-moz-placeholder{color:#aaa;}::-moz-placeholder{color:#999;}:-ms-input-placeholder{color:#aaa;}

/* secciones */
#resultado_buscador{position:absolute;z-index:9;margin-left:210px;margin-top:63px;border:1px solid;border-color:#d5d5d7 #d5d5d7 #d0d0d2 #d5d5d7;background:#e9e9eb;width:500px;}
/* seccion es la de la ficha nota */
#seccion{position:absolute;z-index:7;margin-top:76px;margin-left:210px;width:79%;padding-left:20px;padding-right:20px;overflow:scroll;height:88%;}
/* seccion2 la de los listados, notas... */
#seccion2{position:absolute;z-index:7;margin-top:64px;margin-left:220px;width:82%;height:88%;overflow:scroll;background:#fff;}
#nota_rapida{display:none;position:absolute;z-index:8;margin-top:66px;width:80%;margin-left:202px;padding-left:20px;padding-right:20px;}
#rueda{float:right;align:right;margin-top:4px;margin-right:22px;}
#head_usuario{float:right;align:right;}
#texto_logo_inicio{font-weight:400;font-size:18px;display:inline-block;text-align:left;margin-left:15px}
#input_buscador{margin-left:0px;margin-top:6px;padding-left:7px;width:100%;height:28px;outline:0px;}
#div_input_buscador{width:40%;}
#bodylogin{background:#eaeaea;}
#tabla_login{border:1px solid #ccc;width:390px;}
#menu_nota_rapida{display:block;}
#menu_menu{display:none;}
#bk_head{position:fixed;z-index:10;width:100%;margin-top:15px;padding:5px;}
#imagen_carpeta_buscador{margin-right:60px;}
/*  Menu  */
#menu{height:86%;width:210px;}
ul{padding:0;margin: 0 auto;list-style: none;}
li{border-bottom:1px solid #e2e2e4;line-height: 2.2em;}
li a{background-color:#eaeaec;text-decoration:none;	display:block;transition:0.1s;}
li a:hover{display:block;text-decoration:none;background: #e4e4e6;width:100%}
.a_menu:link, .a_menu:visited{color:#444;}
.a_menu_b:link, .a_menu_b:visited{color:#000;font-weight:400;display:block;width:100%}
.a_menu:hover{color:#000;background: #e4e4e4;display:block;width:100%}
.a_menu_on:link,.a_menu_on:visited,.a_menu_on:hover{background:#e0e0e2;color:#000;font-weight:300;}
.a_menu_b_on:link,.a_menu_b_on:visited,.a_menu_b_on:hover{background:#e0e0e2;color:#000;font-weight:400;}
.li_menu{border-bottom:1px solid #e5e5e7;line-height:2.0em;width:200px;}
.imgmenu{margin-right:10px;margin-top:9px;width:11px;}

.ajax_buscar_li{cursor:pointer;}

.ajax_buscar_nombre{font-weight:400;color:#222222;margin-left:10px;}
.ajax_buscar_telefono{float:right;margin-right:8px;color:#555;}
.ajax_buscar_total_notas{font-size:13px;color:#777;}
.ajax_buscar_nuevo_contacto{color:#3366de;font-weight:400;margin-left:10px;}

#tabla_ficha_pc{display:block;}
#tabla_ficha_movil{display:none;}

#tabla_textarea_agregar_nota{width:69%;}

#resultado_buscador_ficha{display:none;position:absolute;z-index:7;border:1px solid;border-color:#d5d5d7 #d5d5d7 #d0d0d2 #d5d5d7;background:#e9e9eb;width:45%}

#tabla_notas{display:block;}
.tdl1{padding: 12 10 10 10;border:1px solid;border-color:#e5e5e7 #e5e5e7 #d5d5d7 #e5e5e7;width:97%}
.apellido_nota_m{font-size:18px;font-weight:400;width:80%}
.fecha_nota{font-size:14px;margin-top:3px;font-weight:400;float:right;margin-right:2px;vertical-align: middle;}
.nota_nota{clear:both;padding:8px;}
.nota{float:left;color:#666;line-height: 1.6em;padding-left:20px;width: 70%;}
.nota_ajax{width: 70%;}
.total_nota{float:left;margin-left:10px;color:#999;font-size:13px;}
.nota_usuario{width:70px;font-size:12px;margin-top:3px;text-align:right;float:right;color:#999;margin-right:30px;vertical-align: middle;}
.nota_carpeta{float:right;text-align:right;margin-right:38px;color:#777;font-size:13px;display:block;}
.nota_carpeta_movil{display:none}


.concepto_cuenta{width:520px;}

.volver{margin-left:12px;width:20px;text-align:center;border-radius:4px;padding:2px;border:1px solid #eaeaec;background:#eaeaec;margin-top:-18px;margin-bottom:2px;cursor:pointer;}
.volver:hover{border:1px solid #d5d5d5;transition:0.3s;}

/* operezpropiedad */
.contenedor_img_lista {
    width: 140px;
    height: 86px;
    overflow: hidden;
    margin: 2px;
    position: relative;
    border-radius:3px;
}
.contenedor_img_lista > .crop_lista {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    width:160%;
    transition: width 0.8s;	
  }
.crop_lista:hover {
transition: width 0.8s;	
width:163%;
}
.d_cartel_background{position:absolute;text-align:center; padding:1px 5px 1px 5px;margin: 0 auto; top: 102px; right:8px;border-radius:2px; z-index: 7;color:#000;font-size:15px;background:#000; opacity: 0.4;}
.d_cartel_lista{position:absolute;text-align:center; padding:1px 5px 1px 5px;margin: 0 auto; top: 102px; right:8px;border-radius:2px; z-index: 7;color:#fff;font-size:15px;background:#000; opacity: 0.4;}
.atitulo:link{color:#000;text-decoration:none;}
.atitulo:visited{color:#000;text-decoration:none;}.atitulo:hover{color:#666;text-decoration:none;}

#input_file{top:0;left:0;right:0;bottom:0;cursor:pointer;height:100%;width:40%;opacity:0}
#agregar_imagen{margin-top:-12px;cursor:pointer;min-width:200px;display:block}
/* operezpropiedad */




/* ------        MEDIA 790px     -------------     */
@media (max-width: 790px) {
body{font-family:'Roboto', Arial;font-weight: 300;color:#000000;font-size:18px;margin-top:0px;margin-left:0px;margin-right:0px;}	
td{font-size:18px;}
input{font-size:18px;height:28px;}
/* secciones */
#resultado_buscador{margin-left:2px;width:100%;border:1px solid #fff;background:#fff;}
#seccion{position:absolute;width:100%;padding:0;margin:0;border:none;margin-top:74px;background:#fff;}
#seccion2{margin-left:0px;margin-top:80px;width:99%;padding:0px;height:100%;background:#fff;}
#texto_logo_inicio{display:none;}
#rueda{display:none;}
#campana{display:none;}
#head_usuario{display:none;}
#input_buscador{margin-left:10px;margin-top:4px;padding-left:7px;font-weight:400;width:100%;font-size:20px;height:32px;border:none;outline:0px;}
#div_input_buscador{width:70%;}
#bk_head{position:fixed;z-index:10;width:100%;margin-top:5px;:padding:5px;}
#bodylogin{background:#fff;}
#tabla_login{border:1px solid #fff;width:100%;max-width:390px;}
#menu_nota_rapida{display:none;}
#cajax{display:none;}
#menu_menu{display:block;}
#container{text-align: center;margin-top:-64px;}
#bar-container{margin-top:-11px;height: 8px;}
#imagen_carpeta_buscador{margin-right:10px;}
/*  Menu  */
#menu{height:auto;width:100%;display:none}
li a{background-color:#f5f5f5;text-decoration:none;	display:block;}
.li_menu{border-bottom:1px solid #e5e5e5;line-height: 3.2em;font-size:18px;width:100%;}
.imgmenu{margin-right:10px;margin-top:19px;width:18px;}

.ajax_buscar_li{border-bottom:1px solid #e0e0e0;font-size:18px;line-height: 3.2em;background:#fff;}
.ajax_buscar_nombre{font-size:18px;color:#222}
.ajax_buscar_total_notas{font-size:15px;color:#777;}
.ajax_buscar_telefono{float:none;color:#555;margin-top:-32px;font-size:16px;}
.ajax_buscar_nuevo_contacto{color:#3366de;font-weight:400;margin-left:10px;font-size:18px;}

#tabla_ficha_pc{display:none;}
#tabla_ficha_movil{display:block;}

#tabla_textarea_agregar_nota{width:100%;}

.tdl1{padding: 16 10 16 10px;}

.text1{height:30px;height:29px;}.text1:hover{cursor:pointer;}
.text1_table{border-bottom:2px solid #dfdfdf;height:35px;background:#fff;}
.text1_img{display:none;width:20px;opacity: 0.5;}

.nombre_pestana{display:none;}
.pestana_normal{padding:4px 12px 4px 12px;}
.pestana_activa{padding:4px 12px 4px 12px;}

.concepto_cuenta{width:320px;}

.volver{width:92%;margin-left:6px;margin-top:1px;padding:10px;border:1px solid #eaeaec;}

.nota{width: 94%;}
.nota_ajax{width: 94%;}
.fecha_nota{float:left;margin-left:20px;margin-top:8px;font-size:16px;}
.nota_usuario{margin-top:11px;}
.nota_carpeta{display:none;}
.nota_carpeta_movil{float:right;text-align:;color:#888;font-size:13px;margin-top:10px;margin-left:30px;display:block;}

/* operezpropiedad */
#input_file{height:31px;opacity:1;width:320px;}
#agregar_imagen{display:none}
}