.gallery02{ position: relative; } .thumbnail02 img{ border: 0; margin: 0 2px 2px 0; text-decoration:underline overline; } .thumbnail02:hover{ background-color: transparent; } .thumbnail02:hover img{ border: 0; } .thumbnail02 span{ position: absolute; background-color: black; padding: 2px; left: -1000px; border: 0; visibility: hidden; color: black; text-decoration: none; } .thumbnail02 span img{ width:315px; height:250px; border-width: 0; padding: 2px; } .thumbnail02:hover span{ visibility: visible; top: 0; left: 150px; z-index: 150; } .chromestyle{ width: 99%; font-weight: bold; } .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .chromestyle ul{ border: 1px solid #BBB; width: 100%; background: url(http://img145.imageshack.us/img145/5515/chromebg2ch7.gif) center center repeat-x; padding: 4px 0; margin: 0; text-align: center; /*alinear el menu "left", "center", o "right"*/ } .chromestyle ul li{ display: inline; } .chromestyle ul li a{ color: #494949; padding: 4px 7px; margin: 0; text-decoration: none; border-right: 1px solid #B5E2FE; } .chromestyle ul li a:hover{ background: url(http://img145.imageshack.us/img145/9148/chromebg2overdf2.gif) center center repeat-x; } .chromestyle ul li a[rel]:after{ content: " " url(); } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position:absolute; top: 0; border: 1px solid #B5E2FE; border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:100; background-color: white; width: 200px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #B5E2FE; padding: 2px 0; text-decoration: none; font-weight: bold; color: black; } .dropmenudiv a:hover{ background-color: #EBF7FF; } /* Scroll MenuIcon --------------------------------------------- */ #MenuIcon{ position:fixed; text-align:left; /*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */ margin-top:0px; margin-left:-35px; } * html #MenuIcon{ /*IE only*/ position:absolute; } #MenuIcon a img{ opacity:1; -moz-opacity:1; filter:alpha(Opacity=100); } #MenuIcon a:hover img{ opacity:0.8; -moz-opacity:0.8; filter:alpha(Opacity=80); position:relative;top:0px;left:2px; } * html #MenuIcon a img{ filter:alpha(Opacity=100); } #MenuIcon img{ margin-bottom: -3px; } * html .MenuIcon{ margin-bottom: -3px; } -->