/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/proyecto/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#panel_proyecto {
	width: 696px; 
	position: relative; 
	height: 50px; 
	padding-top: 342px; 	/* Nos situa la galleria de thumb a esta distancia del top. */
	margin: 0;
	margin-left: 192px;
	background-color: transparent;
}
.panel_flechas {
	width: 696px;
	height: 12px;
	background-color: transparent;
	margin-bottom: 3px;
}

#panel_proyecto img.left {
	width: 8px; height: 7px; background: transparent; float: left; cursor: pointer;
}
#panel_proyecto img.right {
	width: 8px; height: 7px; background: transparent; float: right; cursor: pointer;
}

#panel_proyecto ul {list-style:none; padding:0; margin:0; float: right; background: transparent; /* border:2px solid #444; border-width:5px 2px;*/}
#panel_proyecto ul li {display:inline; width:60px; height:28px; float:left;  margin:0; margin-left: 6px; border:1px solid #000; cursor:pointer;}

#panel_proyecto ul li.hide {display:none;}

/* using background images */
/*
#panel_proyecto ul li.th1 {margin-right: 6px;}
#panel_proyecto ul li.th2 {margin-right: 6px;}
#panel_proyecto ul li.th3 {margin-right: 6px;}
#panel_proyecto ul li.th4 {margin-right: 6px;}
#panel_proyecto ul li.th5 {margin-right: 6px;}
#panel_proyecto ul li.th6 {margin-right: 6px;}
#panel_proyecto ul li.th7 {margin-right: 6px;}
#panel_proyecto ul li.th8 {margin-right: 6px;}
#panel_proyecto ul li.th9 {margin-right: 6px;}
#panel_proyecto ul li.th10 {margin-right: 6px;}
#panel_proyecto ul li.th11 {margin-right: 6px;}
#panel_proyecto ul li.th12 {margin-right: 6px;}
*/
/* remove visibility:hidden; if you want to use the original images as thumbnails */
#panel_proyecto ul li img {visibility:hidden; display:block; width:60px; height:28px;}

/* ESTA LA USUAMOS CUANDO QUEREMOS CAMBIAR EL TEXTO PARA CADA FOTO.
#panel_proyecto ul li span {
	display:none; 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:184px;
	height: 330px;
	font-family:verdana, arial, sans-serif; 
	color:#BBB; 
	font-size:11px; 
	line-height:15px; 
	text-align:justify;
	background-color: #555;
}
*/
#panel_proyecto ul li b {color:#444;}

#panel_proyecto ul li.chosen {border-color:#fff; cursor:default;}
#panel_proyecto ul li.chosen div {position:absolute; left: 0px; top:0; width:696px; height:332px; background: transparent;}

/* for Internet Explorer */
/*\*/
/*
* html #panel_proyecto ul li.chosen div {position:absolute; left: 0px; top:0; width:696px; height:332px; background: transparent;}
*/
/**/

#panel_proyecto ul li.chosen div i {
	width: 696px; 
	height: 332px; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
} 
#panel_proyecto ul li.chosen div i img {visibility:visible; float: right; border: 0; width: auto; height: auto; /* width:696; height:332; border:3px solid #aaa*/; margin:0;
	padding: 0;}

/* ESTA LA USUAMOS CUANDO QUEREMOS CAMBIAR EL TEXTO PARA CADA FOTO.
#panel_proyecto ul li.chosen texto_proyecto {
	position:absolute; 
	left: -192px; top:0; 
	display:block;
	width: 184px;
	height: 332px;
}
*/

#panel_proyecto span {
	position:absolute; 
	left: -192px; top:0; 
	display: block;
	width: 184px;
	height: 332px;
	min-height: 332px;
	font-family:verdana, arial, sans-serif; 
	color:#BBB; 
	font-size:10px; 
	line-height:15px; 
	text-align: left;
	background-color: transparent;
}


/* Si los aņado en el span, en firefox se despiporra todo
#panel_proyecto span h2 { 
	color: red; 
	font-size:12px; 
	text-align: left;
}

#panel_proyecto span h3 { 
	color: #FFF; 
	font-size:10px; 
}

#panel_proyecto span h4 { 
	color: yellow; 
	font-size:9px; 
	font-weight: bold;
}
*/