listar datos de una tabla con php y pdo mysql de forma sencilla y simple

primero que nada iniciamos sesion en mysql con pdo

 <?php

//Usaremos PDO para conectar PHP con MySQL

// Datos para conectar con la base de datos.

define('DB_HOST','localhost');

define('DB_USER','miusuario');

define('DB_PASS','micontraseña');

define('DB_NAME','mibasededatos');

 

// Ahora, establecemos la conexión.

try

{

// Ejecutamos las variables y aplicamos UTF8

$connect = new PDO("mysql:host=".DB_HOST.";dbname=".DB_NAME,DB_USER, DB_PASS,

array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES 'utf8'"));

}

catch (PDOException $e)

{

exit("Error: " . $e->getMessage());

}

?>

Ahora nos disponemos a mostrar los datos en una  tipica tabla html

<table class="table table-bordered table-striped">

<thead class="thead-dark">

   

<th width="18%"> imagen</th>

    <th width="22%"> producto</th>

    <th width="14%">link de compra</th>

    

</thead>

<tbody>

<?php

$sql = "SELECT * FROM menutoday ORDER BY menutoday.id ASC"; 

$query = $connect -> prepare($sql); 

$query -> execute(); 

$results = $query -> fetchAll(PDO::FETCH_OBJ); 

if($query -> rowCount() > 0)   { 

foreach($results as $result) { 

echo "<tr>

<td><img class='thumbnail' src='images/".$result -> imagen."'></td>

<td><a href='".$result -> links."'><center><strong>".$result -> nombre."</strong></a></center></td>

<td><Ordenar</td>

</tr>";

   }

 }

?>

</tbody>

</table>

Leer más...

Crear imagen con transparencia en photoshop, ideal para marcos de facebook

bueno aqui explico com aser que se guarden las transparebcias en una imagen png


1 abrimos la imagen en photoshop, le pinchamos a la capa y le damos en crear capa apartir de fondo

2 pinchamos en la erramienta de borrador y borramos cuidadosamente el area que queremos sea transparente

3. una ves que terminemos de borrar el area que deseamos podemos agregar un texto como marca de agua asiendo uso de la barra de eramientas

solo por mantener un credito

por ultimo le damos guardar, y escojemos el formato png

tambien puedes crear un marco creando una capa nueva con canal afa y trasado ss pero eso lo explicaremos en otra ocasion

Leer más...

como crear marcos para facebook

Facebook ya nos permite subir nuestros propios  marcos para usar en la aplicacion messenger o aplicarlo a fotos de perfil,  solo debes ingresar a la direccion de abajo

 Click aqui para ir a Frame Studio

crea tu marco en photoshop o gimp o algun programa para android que te permita guardar transparencias, debe ser en formato png, en los png las resoluciones admitidas son amplias pero lo recomendado es 540x540
540x960 y 960x540

si no sabes usar aplicaciones comno photoshop o gimp  puedes buscar un tutorial sobre guardar transparencias en png
o seguir nuestro tutorial como dar transparencias a imagenes ideal para frame studio de facebook

Leer más...

Aumentar el rendimiento y velocidad de tu pc

Hola antes que todo, deveria decir que el rendimiento de windows es determinado por varios factores, cpu, gpu, memoria ram, entre los cuales los mas importantes estan la ram y la gpu, con 1ghz ya tenemos bastante potencia para las cosas habituales.

 lo importantes es ram y gpu ya que la gpu es la que se encarga de acer que los graficos vayan rapido osea todo lo que puedes ver en pantalla asi que si tienes un pc con una gpu de unos 400mhz y unos 256mb de memoria vram tus graficos estaran siempre rapidos otra cosa es la memoria ram windows yega a consumir mucha ram ablamos de w7 en adelante por lo que lo recomendable son minimo 1gb. aclaro con esto sumemos un procesador decente de unos 1.6 ghz con esto ya tenemos lo suficiente para reproducir video en hd. Una cosa que devo aclarar es que tener varios nucleos no les aumentara la veocidad de procesamiento aunque tengan 10 nucleos ya que un proceso corre en un solo nucleo con 2 o 4 aseguras la estabilidad del sistema no la velocidad no confundan rendimiento con velocidad son 2 cosas diferentes

bueno lo primero que deven hacer para mejorar la velocidad del sistema es deshabilitar algunos efectos visuales claro manteniendo el tema aero de windows quitarlo por completo le quitaria todo lo que lo hace difernte a otras versiones de windows, desfragmentar el disco duro aumenta tambien el rendimiento si tu probema es que tienes poca ram usa un usb y ready boost

hacemos click dercho en equipo en propiedades / en panel de la izquierda / en configuracion avansada del sistema / en la pestaña opciones vanzadas / rendimiento / configuracion /efectos visualesy desmarcamos estas opciones

-Animaciones en la barra de taresa y menu inicio.
-Animar las ventanas al maximisar y minimisar
-animar los controles y elemntos dentro de las ventanas
-atenuar o deslisar informacion sobre herramientas en la vista
-atenuar o deslisar los menus en la vista
-deslisar los cuadros combinados al abrirlos
-desplasamiento suave de los cuadros de lista
-guardar vistas previas de miniaturas de la barra de tareas
-mostrar sombra bajo el puntero del mouse
-mostar sombras bajo las ventanas

quitar servicios inutiles y que no usamos, solo deshabiliten los que ven aqui si deshablitan otros como temas o windows installer que sirve a los estilos visuales e instaladores de aplicaciones pueden ver caer a windows o dejarlo inservivle

para entrar a servicios de windows abran el administrador de tareas en la pestaña servicios y en el boton servicios aparecera la ventana de arriba

Servicios Inútiles

##Id_String1.6844F930_1628_4223_B5CC_5BB94B879762##: hace parte de un proceso que se llama “Bonjour” puede ser una vulnerabilidad para la seguridad del sistema, usa mucha memoria y es instalado sin permiso en el sistema por Quick Time, Itunes, Photoshop, Illustrator, InDesign, Flash, Bridge y otros. Se instala en la carpeta “C:Archivos de ProgramaBonjour” .

Adaptador de rendimiento de WMI: no tiene uso así que lo podemos deshabilitar sin problemas.

Administración de aplicaciones : ofrece servicios de instalación de software como asignar, publicar y quitar. Sin éste servicio las nuevas aplicaciones continúan almacenándose en el apartado de “Agregar o quitar programas” así que lo podemos deshabilitar o dejarlo en manual.

Administrador de sesión de Ayuda de escritorio remoto: Casi nadie usa esto, se puede deshabilitar.

Adobe LM Service: Solo presente en equipos que tengar software de adobe instalado, aun asi se puede Deshabilitar.

Ayuda y soporte técnico: Personalmente no uso la ayuda, así que prefiero ahorrarme este servicio.

Centro de seguridad: Prefiero deshabilitarlo ya q es un servicio bastante molesto (el tipico escudo rojo que avisa que el pc no está protegido cuando no tenemos Antivirus, o firewall, o el pc está desactualizado)

Coordinador de transacciones distribuidas de Microsoft: No es muy útil para un usuario normal.

Escritorio remoto compartido de NetMeeting: estará mejor deshabilitado. pocas personas usan el escritorio remoto, además deshabilitarlo mejorará la seguridad del pc.

Localizador de llamadas a procedimiento remoto (RPC): recomendado ponerlo en manual

Medios de almacenamiento extraíbles: Se puede dejar en Manual

Mensajero: Se puede dejar manual o deshabilitado

Microsoft Office Diagnostics Service: se puede deshabilitar, o dejarlo manual

Microsoft Office Groove Audit Service: si no usan groove, deshabilitenlo.

Instantáneas de volumen: Si no usamos “Copia de seguridad” podemos detener y poner en Manual este servicio.

NLA (Network Location Awareness): dejarlo en Manual

Notificación de sucesos del sistema: Registra sucesos del sistema como los de inicio de sesión en Windows, red y energía, y los notifica a los suscriptores de sucesos del sistema

Si le ven alguna utilidad a esto, dejenlo habilitado. si no Deshabilitado estorba menos.

Office Source Engine: recomiendo que lo dejen manual. este servicio solo es útil si se llega a corromper la instalación del office.

Portafolios: no es muy útil, pueden deshabilitarlo.

Proveedor de compatibilidad con seguridad LM de Windows NT: se puede dejar manual, o deshabilitarlo.

QoS RSVP: se puede deshabilitar.

Registro remoto: hasta por seguridad es mejor deshabilitarlo, con este servicio habilitado un hacker podría dañar el pc.

Registros y alertas de rendimiento: se puede dejar manual

Servicio de alerta: Se puede deshabilitar.

Servicio de Index Server: se puede deshabilitar o dejalo manual

Servicio de informe de errores: esto solo sirve para enviar los errores de nuestro pc por internet, deshabilitenlo.

Servicio de transferencia inteligente en segundo plano: Usa el ancho de banda de nuestra conexión a internet, para transferir archivos ocultos. DESHABILITARLO!

Servicio de uso compartido de red del Reproductor de Windows Media: Esto no es muy util para la mayoría. deshabilitarlo

Servicios de Terminal Server: si no usan las funciones de administración remota(como rdp) deshabilitenlo.

Servicios IPSEC: se solo usa para conexiones VPN. lo pueden deshabilitar, o ponerlo manual si usan algunas veces vpn

Sistema de alimentación ininterrumpida: a menos que usen una UPS(equipo usado para mantener el pc prendido cuando se va la luz) deshabilitenlo.

Telefonia: deshabilitenlo, si no utilizan todavía modems dial up(de los de 56k que ocupan el telefono).

Telnet: por seguridad, deshabilitenlo.

Otros Servicios:

Acceso a dispositivo de interfaz humana:

Controla las teclas de acceso a aplicaciones de teclados USB (Atrás, Adelante, + Volumen, – Volumen, Siguiente, Anterior, etcétera). También controla los botones de altavoces USB.

Si no tienen un teclado con estas funciones (o lo tienen pero no lo usan) deshabilitenlo.

Actualizaciones automáticas: Si les molestan, o no las quieren, deshabilitenlas.

Adquisición de imágenes de Windows: Según la descripción de windows, Proporciona servicios de digitalización de imágenes para escáneres y cámaras. Vamos a detenerlo y ponerlo en Manual. Si se nos presentan problemas en la utilización de los escáneres o cámaras digitales, lo ponemos en Automático.

Almacenamiento protegido: Deshabilítenlo si no tienen información que necesite ser cifrada (protegida contra la lectura de otros usuarios)

Cola de impresión: lo pueden deshabilitar, o ponerlo manual, y si llegan a tener problemas para imprimir, vuelvanlo a activar.

Compatibilidad con cambio rápido de usuario: proporciona administración para aplicaciones que necesitan asistencia en un entorno de usuarios múltiples. se puede deshabilitar sin miedo, a menos que contemos con diferentes cuentas de usuario en nuestro sistema.

Configuración inalámbrica rápida: Desactivar si no se tiene tarjeta inhalámbrica.

DDE de red: habilitar solo si se usan recursos compartidos.

Detección de hardware shell: Se utiliza para la detección de dispositivos o hardware AutoPlay, como ciertas lectoras de CD o DVD. pueden probar deshabilitarlo y si tienen problemas con sus unidades de cd, habilitenlo de nuevo

DSDM de DDE de red: Generalmente aparece deshabilitado. si usan recursos compartidos no lo deshabiliten o dejenlo como esté.

Enrutamiento y acceso remoto: Se puede deshabilitar, a menos que vaya a ser usado. aunque se dice que este es un servicio inseguro. así que estará mejor deshabilitado

Examinador de equipos: Se puede deshabilitar, si no usan los recursos compartidos, o si lo usan accediendo directamente a los pcs. Este servicio también causa mucho tráfico en una red de área local, así que puede ser comveniente en algunos casos.

Windows Firewall/Internet Connection Sharing (ICS): Por seguridad es mejor habilitado, yo personalmente no lo uso, pues mi router adsl, me sirve de firewall. aunque siempre está recomendado instalar un firewall para monitorizar el tráfico de salida.

Horario de Windows: Verifica la hora en forma automática con un servidor de Internet. es desición de ustedes activarlo, dejarlo manual, o deshabilitarlo.

Inicio de sesión secundario: Inutil para la mayoría, se puede deshabilitar.

InstallDriver Table Manager: Dejarlo manual.

Instantáneas de volumen: Si no usamos “Copia de seguridad” podemos detener y poner en Manual este servicio. o simplemente deshabilitarlo.

Java Quick Starter: solo lo tienen algunos computadores con una versión de java actualizada, si no usas muchas aplicaciones java(las que tienen extension .jar, como limewire o algunos applets de páginas web) deshabilitalo

Notificación de sucesos del sistema: Registra sucesos del sistema como los de inicio de sesión en Windows, red y energía, y los notifica a los suscriptores de sucesos del sistema

Si le ven alguna utilidad a esto, dejenlo habilitado. si no deshabilitenlo.

Programador de tareas: Habilita un usuario para que configure y programe tareas automáticas en este equipo. Si se detiene, estas tareas no se ejecutarán en sus horas programadas. Es necesario para que funcione el prefetch, que acelera la ejecución de los programas. Además, se encarga de programar tareas como la actualización de Antivirus. ya ustedes tomarán la decisión.

Servicio COM de grabación de CD de IMAPI: recomiendo dejarlo manual.

Servicio de administración de certificados y claves de mantenimiento: se podría deshabiltar, o dejarlo manual.

Servicio de aprovisionamiento de red: dejenlo manual, no es muy usado.

Servicio de descubrimientos SSDP: Recomiendo dejarlo manual.

Servicio de protocolo de autenticación extensible: Pueden probar deshabilitarlo, y si por alguna causa tratan de conectarse a una red y no les conecta por que,les pide autenticación EAP, habilitenlo

Servicio de puerta de enlace de capa de aplicación: si no comparten conexión a internet, ni usan el firewall de windows lo pueden deshabilitar.

Servicio de restauración de sistema: Si les gusta usar esta herramienta de recuperación(Restaurar el Sistema), dejenlo automático, si no la usan lo pueden deshabilitar. yo personalmente prefierto mantener este servicio activo.

Servicio del número de serie de medio portátil: Se puede deshabilitar, si tienen problemas con algun reproductor de medios portatil, lo habilitan.

Servicios de cifrado: Lo necesita el Windows Update. Lo podemos dejar en Manual y lo iniciamos cuando sea necesario.

Servidor: Ofrece los servicios de compartir archivos e impresoras. si no usan esto, o lo usan muy poco, lo pueden deshabilitar, o ponerlo manual.

Sistema de sucesos COM+: A elección de ustedes está deshabilitarlo. muchos recomiendan dejarlo manual. yo personalmente lo tengo deshabilitado. podrían probar deshabilitarlo y si llegan a tener problemas lo ponen manual.

Tarjeta inteligente: a menos que posean una tarjeta inteligente, deshabilitenlo

Otra forma de mejorar el rendimiento de windows y evitar sobrecalentamineto de nuestra maquina es limitar el acceso al maximo uso de cpu a determinadas aplicaciones por ejemplo chrome o programas de codificado de video

para esto disponemos de una app que pueden encontrar aqui, limitar el uso de cpu a aplicaciones pues si a app estara un poco lenta pero en apps que consumen casi un 100% de cpu esto es un alivio, si una app usa el 100% de cpu el eqipo responde lentamente y puede trabarse ademas de que sobrecalentamos nuestra pc, por lo que limitar el uso de esta mejora el rendimiento de otras aplicaciones

bien busquen en zona windows de nuestra pagina "battle encode shirase" con esta app que es portables solo busquen la app que esta consumiendo toda la cpu i elijan cunato desean limitarla, una cosa que deven saber es que antes de apagar la pc deven cerrar la app si aun estan limitando algun proceso o app. o el pc puede no apagarse si la app que esta consumiendo toda la cpu es svchost.exe pueden verlo en varias instancias asta 5 svchost uno de sus controladores les esta fallando o un virus se mesclo en los servivcios escaneen su pc en busca de virus antes de atreverse a tocar esta app

Leer más...

como escribir hola en codigo binario y muchas mas palabras

hey hola, se que muchos buscais esto por internet. asi que decidi echarles unam mano y es que el alfabeto en codigo binario es poco encontrado en internet bueno para enpesar se tarta de nuemros pasados a codigo binario cada letra dl alfabeto le corresponde un numero, esto en informatica
 bueno paso a ponr el alfabeto

a  1100001
b  1100010
c  1100010
d  1100010
e  1100101
f  1100110
g  1100111
h  1101000
j  1101010
k  1101011
l  1101100
m  1101101
n  1101110
ñ  11110001 
o  1101111
p  1110000
q  1110000
r  1110010
s  1110011
t  1110100
i  1101001
v  1110110
w  1110111
x  1111000
y  1111001
z  1111010


y el conocido
 hola en binario
1101000110111111011001100001

Leer más...

caja de busqueda search box en html5 css3

como crear una caja de busqueda personalisada en html5

Ejemplo de codigo
<style>
#buscar{
background: gray; padding: 5px; width:250px; height: 35px; border-radius: 5px;
}
input[type=submit]{height: 25px; background:rgb(220,220,220);box-shadow:inset 0px 2px 1px rgba(5,5,5,0.9), inset 0px -2px 1px rgba(255,255,255,0.9); border-radius:10px; size: 250px; padding-left: 6px; border: solid 1px gray }
input[type=submit]:hover{background:rgb(220,220,255); border-radius:10px; size: 250px; padding-left: 6px; border: solid 1px gray }
input[type=search]{ height: 25px; background:rgb(255,255,255);box-shadow:inset 0px 2px 1px rgba(5,5,5,0.9), inset 0px -2px 1px rgba(255,255,255,0.9); border-radius:10px; size: 250px; padding-left: 6px; border: solid 1px gray }
input[type=search]:hover{background:rgb(220,220,255); border-radius:10px; size: 250px; padding-left: 6px; border: solid 1px gray }
</style>

<div id=buscar>
<form  action=search.php>
<input id="busqueda" type="search" placeholder="Buscar..." />
<input type=submit value=buscar />
</form>
<div>

Leer más...

barras de desplasamiento estilo mac osx usando -webkit-scrollbar

agregar barras de despalsamiento estilo osx a tui pagina web blog blogger wordpress


bueno solo deve copiar el sieguiente codigo en un gadget en el caso de blogger en el html/javascript

en el caso de una web propia ponlo en el css de tu pagina

el codigo incluye todo solo es copiar pegar


<style>
a:hover{cursor: url(tu cursor png), progress !important;
-webkit-user-select:none}
body{

cursor: url(tucursor.png), progress !important;

 
   }


 ::-webkit-scrollbar {
 width: 12px;
 height:12px;
}

::-webkit-scrollbar-track:vertical
{
background: gray url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABCAIAAABlidhuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAuSURBVHjaYty0aRMzMzM3NzcnDLCzs7OzszMzMzMwMPz58+fHjx8AAAAA//8DAGzyCKKiF0U9AAAAAElFTkSuQmCC)

}
::-webkit-scrollbar-track-piece:vertical:start {
margin-top: -4px;
}
::-webkit-scrollbar-track-piece:vertical:end {
margin-bottom: -4px;
}

::-webkit-scrollbar-track:horizontal {
 background: gray url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAA1SURBVHjaBMEhCgBACEVB3v1vI9it1q0WMSn8Q+wM3c3uIglJ3B0zQ1Xx3iMziQjcHTP7AwD3fh4lLcMvAAAAAABJRU5ErkJggg==);
}

::-webkit-scrollbar-thumb:vertical {
/*-webkit-linear-gradient(left, #547c90, #002640,);*/
 background:blue url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADdSURBVHjaRM1RSgRBDIThP9XpgRUWFxUEwet5KY/jNXzxGDOdTnzoWTaPyZcq+/r+q88bXK6dI4yf353L05WP9xsvr+L5DeYBDqBmNBkm8Ca2LrqLbtANWjuhyZDAzHAX3rSOHbrDzDs0cBNdhgMu6AJ36A24J6JV7QKX0QTeVloToBOmGVghGX0TmzfcodlKpUCwFjmNLMgssHU01lSe0KqoSmYWEcU+khFwBETAjLN6zsd7VhGziITIBxZAzSKqiJmMSGYtOMbCyQnJYkYxAsYsjiMZsfAM2A/4HwArMGx/PB1qwgAAAABJRU5ErkJggg==);
 border: 1px solid #1148b9;
 border-radius: 10px;
 box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.0);
}




/*horizontal*/
::-webkit-scrollbar-thumb:horizontal{
 background: blue url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADdSURBVHjajJBLSkRBEAQjq6vfMKjgzErceDsv5YG8heApxNf1cfEGZmtuchMBSer947v5Z/ztApjQEGOIlsgG64ZquqGrqWz8/DgZLlyCBsmw0dAiq4kuqiCr8Z8lZkMOATAMLEUVRIlVorvpEv75tTOHmG6YhLswE2svopoAIorIws8PT2ybMSR8iNM0aNhPSRZEQWSxr8JfX56ZLtzADaYDggiIhFWQCSsKv14PcM4D3hwayIYVN2nBasMvVxh+B92PTyMgC1Ye0mrw/RdODQFYQifIINd9Qt36bwCAMn5EGLtHXAAAAABJRU5ErkJggg==);
 border: 1px solid #1148b9;
 border-radius: 10px;
 box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.0);}


 ::-webkit-scrollbar-track-piece:horizontal:start {
margin-left: -4px;
}
::-webkit-scrollbar-track-piece:horizontal:end {
margin-right: -4px;
}

::-webkit-scrollbar-button{width: 12px;
height:12px;}



::-webkit-scrollbar-button:horizontal:increment{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAIAAADgcHrrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAH1SURBVHjaZJLP6zFRFMbfyzVKahYoQ8mGhIWyYSEpK5SUlb/Dlo3/SOm7tUCRDTYiZMb4USS55o5xf7yL26tvvWf1dOpzzul5Dvj5+UEIcc4dDofT6QQAMMYAAH/+legITQhhjJmmCXa73fl8VlX18XgEAoFwOAwh5Jx/sf/1drsF1+sVIXQ+n1er1fP5zGQy0WjUZrOJPTabjTHGOeecixMYY9PpFFyv19frhRA6nU6LxUKW5UKhoCgKhFDTtNPplEqlJEkihIhBpmkOBgNwuVwwxgih+/2+Wq0ej0cul4tEIrIsj0ajTqdTqVRqtZrf7+ecU0pvt9tkMgGqqhqGYZomQmi/3+u6ns/nFUXxeDzD4bDZbEqSlEwmG41GOp0mhNxut81mA9brtWEY7/f79Xodj8fD4VAul91uN4RwMpm0223GmM/nq9frxWIRQmhZ1vF4BPP5HGNsWZZhGLquY4xLpZLL5ZIkaTQatVqtbDZbrVYTiQQAgBBCCNF1HYzH4y+maVowGCwUChBCu92+XC5ns1mxWPR6vQKglH4+n8PhAPr9PsZYuMIYy+fzoVBI5EMpBQBACCmlwnpKqWVZmqaBXq+HMX6/3xDCWCwWj8ftdrvARFAitC9GCNnv96Db7X4+H1mWFUURcf1+i9/1xVRV/TsAI3Vk3V4HxSAAAAAASUVORK5CYII=') gray;width: 18px; height:12px;}
::-webkit-scrollbar-button:horizontal:increment:hover{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAIAAADgcHrrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAIvSURBVHjaLJK9T1NRHIbf37m32PLRqHwYjJQgRggiiRIBN10cdDDRuBgnE2dnBxcH/wfddHBxMA4EHUwqDNooBItKtZZLaz9obXtpOPfe9t57zs+hvOPz5tke+pBcXc9WMvu9n3aMg+YRAmmlQUQEZoDBxGCAQQSAtWIVKLIsq2k3y6XKj6299Q2EwWj/QEwQCyGYSWvNWjOYAQIRQOAwDKlerzuOY9v2rmV9z1RS1vD41ExipC9isGYmEgCBmVkzAIYAyQP/UJNS1mq17e2f7zLBBs/dvDx5drS/03Fy6VS0N56YviCEEYSBIBZEVtGharXqeZ6U0rbtXC6XKTSe/UpMnpu+tTQ2FA1ePH34Z+vL1TsPFq/dPj40Ah02pL+SblKhUHBdt91uSynz+XyxWHxuTewY43OnhxNxnX75KL/2Ohrrm1m4cv76fZy6ZDXbaatF2WzWdd1Op+M4TqlUKpdKr+pTv2lMiZgZep33T8KttzB6jPGlyPw9JBYElFaK0um053m+73e1YnV/xZtt9Jw0zSh8t/jmsfd3c3DxbnzuhugfYq3Ayg81pVKprialrJTL262eb+ZF3zxqmGbou63sZyMWH5iYF4apQ18pZrDSoGQy6XXnuntSbYjZRt8ZkCAwAJAAEcBgzXwYQMBMy8vLnucppVqIbtLEv/i0jkS6NwEQAKHbierWoqEB+ri6Zrv+rj72VZ8oGoNaCAEAIAYTNEBAlzAhYCgNxfR/AGf8ZnbmsGtcAAAAAElFTkSuQmCC')gray}
::-webkit-scrollbar-button:horizontal:decrement{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAIAAADgcHrrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAH5SURBVHjaZJLN6ylhFMfnPM9jzDMeSTYYQ1GykY1mgX/Nhq2/g41CXjbUJAsipbwkNlKMwmJKyniYu5ju797u/a7OOZ3POXW+B2q1miRJCCFCiCAIgiAghGzbFn7Ltm2n8nq93u83ADDGoN1ux+NxQRAA4Kf1n5hzfjgczuezz+eLRqPBYBB0Xc9mswghZzAAAABC6Pv9Oju/3+9ut5tMJl6vN5lMBoNBxhh0u91CoSBJktNECLEsa7FYhEIhVVU554Zh6LpummY6nQ6FQowxj8cDzWZT07RAIIAxBoDL5dJoNDqdTrFYzOVypmnu9/vRaOTz+ZLJpN/vZ4xRSqHdbicSiUAgQAiZz+fVanW1WlmWValU8vn8/X43DGM4HCqKEovFGGOSJMmyDP1+PxwOi6LIOR8MBvV6/Xq9IoRKpZKmaZzzx+PR7XYjkUg4HPZ4PG63W5ZlGI1GiqIQQgghtm2v1+tWqzUej8vlci6Xsyzr+Xz2ej1KqaIosiyLokgphdlsFolEXC4XxtiBb7fbYDDIZDKpVOrz+XDOdV0/nU6qqv7BlsulqqqiKGKMHRswxpxz27Yxxo5vx+NxOBwihJx7UEphtVrFYjFCyA/mWOfY6KSfz2ez2Wy3W8652+2mlMJ0Oo1Go39j/8t5FMMwDMMwTdPlcv0aAGn15o+V5TYuAAAAAElFTkSuQmCC')gray;width: 18px;
 height:12px;}
::-webkit-scrollbar-button:horizontal:decrement:hover{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAIAAADgcHrrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJASURBVHjaRNLNSxRxHMfxz/c3D7u/mZF1XaOZdXRbbZZQXK0UvXQJJHqA6FAHD3WqWxAdgzrUIehWhy5BBEWXKOhggpe65QNiGW3bg6lrJNkmta7u4s78vh0M+gPep9ebWo+NkU5CCADMAAEEYgKBCMwAs9AEgxOpxnBnI9dUPRB4NHpmXNd1BjHA4J2KhBBCELFSSjFVN2q6vtrXF3YFCdd1Pc+j63c/Ok2mAoNAAJEAEcDMShA1IiqtbS4VC4OZ1c5McxDkXNd1HIcuPljI+rZiVkyGbigVlYpz9a1KV34oFrM/rVafv17Yz29HcqK7u8fzPMdxbNumkTsfjuZbUo4Joa+X16Ymnr58cm9v7+C5K7fLdePZ5MrC++L5YGlfRyoIgmQy6TiOlJKaL8/ks4lsSxzfZt69uF+YflWvbWYOnc6fvVmqiPmvPzuj5QvZRd/3M5mM4zjxeNyyLIpfmhaapqChNN2YfRQtTyLa1ntPxo5cC3WpqVqOV0Zbi21+ezqdtm07FotZlkV7rs6ZugBpJDRVLVfmx35NPZbt/f6pGzCtMKyntr8ftwv+7kQ63WZZlmmaUkrqv/VZEyCQppHQTRWFG4uzUa2SCIZ104rC0Ax/90dvepIN1/P+Z4cf/jHoHy4RQAIgMIMVAAaBVevml4NcSCcMwzSllFJKOjHBAiABAjQCAUwAAwqMHXuIRmNXpTggSo7aEkJIKWloPDR0oREMAWIAiAAABIidawAFkFJ+WB7QfnTwerPU/w4ARbvVsqXIBBsAAAAASUVORK5CYII=') gray}
::-webkit-scrollbar-button:vertical:increment{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAIAAADgy6hbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHvSURBVHjaVJKx7vFQGMb7/s9pT9tTxSioImKwcAEGt2B1DXaJzYWIXYh0wOIWJEaTWASRqLanlOr5hv4/vu+df3mfPL88YFkWQohSqvw9QgghBCEkCEIYho/HA8bjMQB8IFmWCSGyLAOAIAjP5zMIAphOp4wxSqmmafEbSZIwxgAQhqHjOLIsg2VZx+MRIZROp1VVJYSIosg5D8PQdV3OebVahcVi8X6/9/t9EAS6rsdBz+eTMZZIJOr1ej6fh+VymcvlgiDYbDa2bYdhyDnXNC2TyTQajVwud7/fYT6fl0qlbDZ7uVwul0sURZRSSmkqldJ1HQBc14XFYmGapmEYCKHH4+E4ThRFiqKoqqooCgB4nveFYje+71+vV0ppXPM/qFAonE6nw+HAGPM8jxCSyWRqtZooit+4YrG4Xq8Hg8HhcIiiSJKkbrfb6XQwxq7rwnK5NAzDNE1BEIbD4Wg08n2/1Wr1er1sNss59zwP5vN5HEcIOZ1O/X5/t9v1+/1msxl7Z4z9QoZhYIxFUVytVtvttt1uf8R+oUKhgBDCGN9ut/P5nEwmYwu/kGVZ5XLZNE2MsSAItm07jkMIUVX1C81ms0qlYhhGFEWMMdu2OeefbSGEGGMwmUxkWdY07X6/v14vjPG/q/r5+fF9/88Ahi8DFY1ls2sAAAAASUVORK5CYII=');width: 12px; height:18px;}
::-webkit-scrollbar-button:vertical:increment:hover{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAIAAADgy6hbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAKASURBVHjaBMFLaxNBAADgnc3O7szszm4em53dtqYhtaaotQ9BVBAUNDHxlVooHvSqF/HgL9BD8SB4ELwLvdhTAz5IKvQgHpRWRVRolUJiW6S2SZNsEtMkm/H7wIOnc3FL0oiqahohBGOMEJJlWRRF3uP7+631ShfcepS9GGnqlGCiYYwVBckylCAUOPe6nZpb//DPBPHbr26wjfiIpht+pCAFIQgh59zzvKbrFprgvToJ7On8ae93fLQ5dEAxdENGCACx095vNOp/W3A9OPYzcBg404snu52W2Wj7No5aXh/lQOC1trQr6C473o6MlqAEWCaX0GRjgmUL241yKUg5pTJCGGohdWBYtfWqwAGbyl/UpCOJoaIPfCzUPm01sSr1UzlIcMBhxNJqgAP7ej5F5WPJqOjoDe6b/1Je3WnFDBgg0AgHcZi6gAM2lU9RZTQZ8UKSX8cvf1SX1qoRKlECQ/0DJEwrIgcsk09qcDwdW9tc/v5uYbPa2aq0sY/3ncjEzs0QS90TOLCmckksTVweLpZXXzy+u138JQiCFIocuvlk8FSKWGSPc2Blcgnim7w0zBlZzj3PPnvYandY8n40cSdoh9WwWhU4YNdy51XfZHpI7DOEbmVu9t7XDTc2M2v2R/2mQSxaEzhgmdwFIo2nYz2LMFNders4v1IaHDvjV+UACyOL1gEHLJNLEGksFRNsHA6gpTV3/nM5Ykg6QSHHQozucQ+Er7xJUTieOig4WJBA9lt1peAO6BJViWkzxaK73ANm+nVCE0fOxnaItFprLxfqrR63KfRTLehYhOk7vR6IXF2I/inJpl30wV3F1yNQ9CtIgwFKTMfBNt3mvf8DABaM5yPNbCouAAAAAElFTkSuQmCC') gray}
::-webkit-scrollbar-button:vertical:decrement{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAIAAADgy6hbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAIlSURBVHjaTM9LTttAHIBx//2Yh8cOlmqlSmTZQEC4IpwAiTUn4AQs2HASLoDUBaoi0TZtBIiHaHcs2LNEcIAmYFQ3nngmju3pIqh0/1t8H3z81G96DqWsKEtRFLphYIwJwTazbUo1TT2LEvrfT1c7Ubvd1nWdc8451zQNY+w4DiGkrut0ImFwerked6IoIoQURZFlWZ7nhmEwxiildV0nmYDB2dWH1cUgCBzHqaoqSZI0TT3Pc10XIaSUevofua6bpunNzc14PN7c3AzDEADqun5DS0tLCKG7u7uDgwMhxP7+/tbWlmVZRVE8cwkn59fxShTH8Wg0Ojo66vV6ZVnu7Ozs7u5GUTSbzZ4yASfn1924E0XR7e3t4eHh4+NjXddhGO7t7W1vbyulfqUcTi9+rK8tt1qt0Wh0f3+f57kQwrKsjY2NOI4B4BXFK1EQBIwxTdOm06kQAiFkmqZhGK/hcxSGoWmanPMsy3RdZ4wxxhBCb03ra8u+76dpOhwOlVKUUtd1fd9vNBpKqeGfCZxd/uxEbc75w8PDy8sLAAAAISQMw26322q1nsYCBmdXpjZLkmQymdi2jTEGgKIoyrJsNptxHNvv3sNx/0Ty31VVNRqNhYUFjLFpmmVZ5nkupfQ8zw8WoXf8VasKxpjneZRShNB8DQCyLJNSItuB489fMLLmO5RSQghCCGM8/5dSCjmF/rcBsow5sm37n7MsSyklpZTT4u8Aw/oeJNQSytcAAAAASUVORK5CYII=') gray;width: 12px; height:18px;
 }
::-webkit-scrollbar-button:vertical:decrement:hover{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAIAAADgy6hbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJ6SURBVHjaLM47bBJhAMDx77v7vnvAwR1wDw5apDVWUy2aQp82LsapSRdjYuts4uKgY2cTE0zqYmKcdDCuVhONqYmxNdZobAsnxEcrbbClUMrRQuHg4MCB7r/k/4c357TUxz+2Oip73CkIjzAEDsRw2M3bZVUhRMFkALx2L5b/tjPYL9KnxV/V5tpOJXvU4FlSdnGSqmBFOEIAXr8fL8byF4cU/4hXB2A1XX2XLNthw8vbRFVGilBDAM5EtcJKLjIgBcZU6MD/8saTpW2MaFXgRK8HKYKJO2h1LzIgdo8HmthMJbRnCzE2OOwP9IgyjyTewgBOR7X91dzIBTk4cXKvsPXh+cNPS59dl28HhidlVSJdNosCcCaq5VeyE8MnxJDr+9e3rx/NFnJZPnw1OHmnOzSCnESzk9tfy18a6zXo9PyLaHLxDQAAsnxwavbM1C3G56xDAGeimh4vjIZVJJeSyeXNrZ1EziRalq9/PDh6he0Sax1UjBciIXdgSK5RKJ4xX2o6B1oKz4iqiGV3Ax+j/dHzkhxWN+twcb0c260qLOnjGbckINF5PH4Qz4dDUkl1vE8d/s5UsB15OUpy2kWfTMl8EwN444F2ECvyHrwOy5li+pSjybGgTdKmvYsKnCP8qoUBnIkmtr+kRVte8Je8LsvrZBAB6mazaADd0Zvxhcu8DKfnfhzGE4M+va+P8rh5mmZJErUsy6hUdKOdRIEN4Sy8+3SNyP6MdDVlxYUYB0UxmKJIkoStVqNy8LfUSqAe+Hh+majsdguIYTmWtTEMQ9M0xphEmLAaxYqxUSbgq4Ulo6Q7bRTHcXa7vYNomkYIgXa7WjN1w/w/ACOm/iwjt6xyAAAAAElFTkSuQmCC')gray}
[draggable=true]{-khtml-user-drag:element;-webkit-user-drag:element;-khtml-user-select:none;-webkit-user-select:none}
</style>

Leer más...