/*
*************************************************************************
*****	Empresa: XelaWeb											*****
*****	Ubicación: Quetzaltenango									*****
*****	Area: Sitios Web y Aplicaciones Web							*****
*****	Página: www.xelaweb.com										*****
*****																*****
*****	Estilo personalizado para La Finita...    					*****
*****	Autor: Elfego René Ovalle Gutierrez     					*****
*************************************************************************
*/

/* ---------------------------- TEMPLATE --------------------------- */
body{
  margin:0;
  padding:0;
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
}
*{
  outline:none;
}
#contenedor{
  background-image:url(../img/template/fondo.jpg);
  background-position:top;
  background-repeat:no-repeat;
  width:900px;
  height:500px;
  margin:0 auto;
  margin-top:25px;
  position:relative;
}

.link-intro{
	position:absolute;
	width:220px;
	height:100px;
	left:25px;
	top:3px;
}
.titulo{
	color:#000;
	font-weight:bold;
	font-size:20px;
	position:absolute;
	top:32px;
	left:390px;
}
.imagen-titulo{
	position:absolute;
	width:170px;
	top:1px;
	left:650px;
}
.contenido{
	position:absolute;
	top:132px;
	left:350px;
	width:450px;
	height:320px;
	text-align:justify;
	font-size:11px;
	overflow:auto;
	padding-right:10px;
}
#en-es{
  position:absolute;
  width:155px;
  height:15px;
  bottom:35px;
  left:240px;
  padding:5px;
}
#en-es a{
  color:#000;
  padding:5px 10px;
  text-decoration:none;
}
ul.links{
  position:absolute;
  bottom:5px;
  left:15px;
  width:900px;
  padding:0px;
  margin: 0;
}
ul.links li{
  display:block;
	float:left;
  list-style: none;
  margin: 0;
  padding:0;
}
ul.links a{
  font-family:Tahoma, Geneva, sans-serif;
  display:block;
  float:left;
  text-decoration:none;
  color:#D5D5D5;
  font-size:11px;
  padding:5px 12px;
}
ul.links a:hover{
  color:#fff;
}

/* ------------------------ GALERIAS ------------------------ */
ul.galleria 
{
	padding:0px;
	list-style:none; 
	width:340px; 
	height:65px;  
	margin:0 auto; 
	padding:0px;
/*	float:left;*/
}
.galleria li{display:block;width:80px;height:50px;overflow:hidden;float:left;margin:0 5px 5px 0}
/*.galleria li a{display:none}*/
.galleria li a img{width:80px;height:50px; margin:5px 8px; border:none;}

.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

div.galleria_wrapper,.galleria_wrapper img { width:300px; height:300px;}

div#fotos, div#fotos a img { width:266px; cursor:pointer;}
div#fotos div { display:none;}

div#fotos div.mostrar{ display:block;}