@charset "utf-8";
/* CSS Document */
body { background:#000; padding:0; margin:0;}
html, body { height:100%; width:100%;}
table { text-align:center;}

.logo { padding-top:20px;


}
.leyenda::selection { background:#000;}


.leyenda { margin-top:5%; color:#fff; font-size:19px; font-family: 'Lato', sans-serif; cursor:default; padding-bottom:3%; padding-left:15px; padding-right:15px;}
a { text-decoration:none;}
.facebook, .contacto { cursor:pointer; display:inline-block; vertical-align:top;font-family: 'Lato', sans-serif; color:#fff;line-height:32px; text-align:left; padding-left:45px;  }
.facebook { height:32px; background:url(facebook.png) no-repeat top left; margin-bottom:20px; width:220px; }
.facebook:hover { background-position:bottom left;}

.contacto { height:32px;  background:url(contacto.png) no-repeat top left;  width:235px;cursor: text;}
.contactos { vertical-align:bottom; padding-bottom:35px;}
.contacto:hover { background-position:bottom left}

.hardwareList { color:white; font-family: 'Lato', sans-serif; text-align:left; padding:30px;}
.hardwareList th{ font-size:35px; font-weight:100; text-align:center;}
.hardwareList th hr {
    width: 23%;
    background: #0085C0;
    height: 1px;
    border: none;
}
.hardwareList .titulo,
.hardwareList .articulo { font-size:18px;}

.hardwareList .titulo{  padding:40px 0 20px 0;}
.hardwareList .articulo{ padding:3px 10px; }
.hardwareList .img { text-align:right;}
.hardwareList .img a { background:url(img.png) no-repeat center center; width:24px; height:24px; display:inline-block;}
.hardwareList .pdf{ }
.hardwareList .pdf a { background:url(pdf.png) no-repeat center center; width:24px; height:24px; display:inline-block;}
/*.hardwareList .renglonArticulo:hover .articulo { background:#0085C0;}*/
.hardwareList { max-width:1024px; margin:auto;}




.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;

padding: 5px;
right: -1000px;
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: -10px;
right: 60px; /*position where enlarged image should offset horizontally */

}