#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: 12px Arial;
/*letter-spacing: 5px;
line-height: 1.1em;*/
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
font: 12px Arial;
padding:1px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


div.filmstripTut {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 140px; /* give it enough space for the images and the scrollbar, if present */
	padding: 0px;
}

ul.imageRow {
	/*width: 1848px;*/ /*width of all of your images plus the margins/padding you use*/
	height: 170px;
	padding: 0px;
	margin: 0px;
}

div.filmstrip {
	/*overflow-x: scroll;*/
	overflow: hidden;
	height: 170px; /* give it enough space for the images and the scrollbar, if present */
	padding: 0px;
	/*background-color: #000;*/
	position: absolute; 
	top: 425px;
	left: 170px; 
}

.filmstrip p
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	visibility:hidden;
}

div.filmstrip ul.imageRow {
	/*width: 1848px; *//*width of all of your images plus the margins/padding you use*/
	height: 170px;
/*	background: url(Imagenes/filmstrip.jpg) 0 0 repeat;*/
	padding: 25px 0 0 0;
	margin: 0px;
}

ul.imageRow li {
	float: left;
	display: block;
	padding: 0 5px 0 0;
	margin: 0px;
	background:none 0 0;
}

ul.imageRow li.bg {
	background-color: #fff;
}

ul.imageRow li.bg:hover {
	background-color: #bef;
}

ul.imageRow li.border {
}

ul.imageRow li.border:hover {
	padding: 4px;
	border: 3px dashed red;
}

ul.imageRow li.opac {
	opacity: 1.0;
/*	filter: alpha(opacity=70);*/
	
	width:100px;
}

ul.imageRow li.opac:hover {
	opacity: 1.0;
	
}




ul.imageRow li img {
	border: 0px;
	/*height: 100px;*/ /* just incase the images are a different size */
	/*width: 140px;*/ /* ditto */
	margin: 0px;
	padding:0px;
}
ul.imageRow li img:hover 
{
	border:1px solid;
}

ul.structure{
list-style-type: none;
margin-left:0em;
padding:0em;
}

ul.structure > li {
margin-left:1.5em;
background: none;
font-size: 1em;
}
ul.structure > li > h2,
ul.structure > li > h3,
ul.structure > li > h4,
ul.structure > li > h5 {
margin-left: -1.5em;
padding: 0em;
}

.filmstripText 
{
	color:white; 
	font-size:0.7em;
}