/* CSS Document */

body{
margin:0 0 0 0;
font-family:Segoe UI, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
background-image:url(http://www.publicamelo.com/usuarios/tonercartridge/images/fondo_web.jpg);
background-repeat:repeat;
}

.contenedor { width:960px;}
.head {height:311px;}
.franja_buscador { height:57px;}
.foot{height:20px;}


.texto01 {font-family:Segoe UI, Arial, Helvetica, sans-serif;font-size:12px;color:#000000;font-weight:normal;}
.texto14_bold {font-family:Segoe UI, Arial, Helvetica, sans-serif;font-size:14px;color:#000000;font-weight:bold;}
.texto_productos {font-family:Segoe UI, Arial, Helvetica, sans-serif;font-size:18px;color:#FF0000;font-weight:normal;}
.texto_nombre_pr {font-family:Segoe UI, Arial, Helvetica, sans-serif;font-size:30px;color:#000000;font-weight:normal;}

h1 { font-size:16px;}
.productos h1 { font-size:24px;}




.thumbnail{



      position: relative;

      z-index: 0;

      }

.thumbnail:hover{

      background-color: transparent;

      z-index: 50;

      }

.thumbnail span{ /*CSS for enlarged image*/

      position: absolute;

      background-color: #fff3cb;

      padding: 5px;

      left: -1000px;

      border: 3px solid #f7d257;

      visibility: hidden;

      color: black;

      text-decoration: none;

      }

.thumbnail span img{ /*CSS for enlarged image*/

      border-width: 0;

      padding: 2px;

      }

.thumbnail:hover span{ /*CSS for enlarged image on hover*/

      visibility: visible;

      top: 0;

      left: 60px; /*position where enlarged image should offset horizontally */

}