/* CSS 2.1 para Restaurente LOIDI	 */
/* @author: Ricard Catalan		*/
/* GALERIA noobSlide para Mootools 1.2		*/
/**************************************************  ESTRUCTURA: GALERIA  *************************************************/
* html pre {width:100%}
/* RECUADRO DE GALERIA */
.marco-Galeria{
	width:600px;
	height:400px;
	padding:10px 10px; 
	margin:0;
	float:left;
	background:#FF8819;
}
#texto-galeria{
	width:244px;
	height:100px;
	margin:-250px 0 0 0px;
	padding:0 0 0 5px;
	float:right;
	text-align:justify;
}
.maskFoto{
	position:relative;
	width:600px;
	height:400px;
	overflow:hidden;
}
.info{ /* Caja de información de la foto */
	width:600px;
	height:20px;
	padding:3px;
	background:#000;
	position:absolute;
	color:#FF8819;
}
#box{ position:absolute; background:#fff; }
#box span{
	text-align:center;
	display:block;
}
#info{
	text-align:center;
	bottom:0;
}

h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

#player{
	width:600px;
	position:absolute;
	margin-top:-26px;
	text-align:center;
}
.buttons{padding:5px; color:#fff;}
#prev{margin-right:160px;}
#next{margin-left: 160px;}
.buttons span{color:#fff;padding:0 5px;cursor:pointer;font:11px/12px Arial, Helvetica}
.buttons span.active, .buttons span:hover{text-decoration:underline; color:#FF8819}

/****************************************  MODIFICACIONES PARA INTERNET EXPLORER  *****************************************/
/* IE6 Only */
* html #texto-galeria{ width:240px; margin:0 0 0 0px; padding-left:10px; text-align:justify; display:block;}
/* IE7 Only */
*:first-child+html #texto-galeria{ width:240px; margin:-120px 0 0 0; padding:0 6px 0 5px; float:right; text-align:justify; }