/********************************* ACTIVIDADES **********/

/********************************* GALERIA *******************************************************/

#galeria{
	width: 589px;
	height: 200px;
	vertical-align: top;
	margin: 7px;
	background-color: #D9DDDE;
	
}
#galeria .titulo{
	background-color: #A2B3B8;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 7px 2px 7px;
	margin: 0 0 0px 0;
	border-bottom: 2px solid #F2F2F2;

}	
#galeria .detalle{
	width: 400px;
	padding: 10px 0px 10px 0px;
	vertical-align: top;
	text-align: center;
	border-right: 7px solid #F2F2F2;

}

#galeria .listado{
	width: 189px;
	height: 350px;
	vertical-align: top;
	text-align: center;
	padding: 10px 0px 0px 0px;
	background: url(images/fnd_galeria_01.gif) top no-repeat #F2F2F2;

}

#fotoDelle{
	width: 370px;
	vertical-align: top;
	text-align: center;
	border: 0px solid #A2B3B8;
	padding: 5px 3px 5px 3px;
	background-color: #FFFFFF;
	background-image: url(images/fnd_fotos.gif);

}
#nombreFotoDelle{
color: #666666;
	width: 300px;
	margin: 5px 0;

	vertical-align: top;
	text-align: center;
	border: 1px solid #A2B3B8;
	padding: 2px 0px;
	background-color: #FFFFFF;

}

#fotoListado {
	width: 85px;
	height: 85px;
	border: 2px solid #D9DDDE;
	background-image: url(images/fnd_fotos.gif);
	background-color: #FFFFFF;	
	text-align: center;
	vertical-align: middle;
}

#fotoListado a{
	background-color: #FFFFFF;

	
}

#fotoListado a:hover{
	background-color: #FFFFFF;
}


.comboGalerias{
width: 170px;
height: 18px;
border : 1px solid #868984;
background-color: #F0F2EE;
background-image: url(images/fnd_imput_01.gif);
font-size: 12px;
color:#666666;
margin-bottom: 10px;
}





#faldonAbajo{
	width: 603px;
	vertical-align: top;
	border: 7px solid #E1DDD7;
	background-color: #CABFAE;

}

#faldonAbajo .encabezado{
	width: 100%;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 7px 0px 7px;
	background-color: #CABFAE;

}

#faldonAbajo .cuerpo{
	width: 100%;
	padding: 7px 7px 0px 7px;
	background-color: #CABFAE;
}

/*********************** SCROLLERS ***********************/
.root 		{
		position:relative;
		margin: 0px;
		left: 16px; 
		width:180px;
		
		}
.root p 	{
		margin: 0px;
		}
.thumb 		{
		position: absolute;
		height: 9px;
		width: 10px;
		left: 0px;
		}
.up, .dn 	{
		position: absolute;
		left: 10px;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border: 0;
		}
.scrollContainer {
		background-color: #D9DDDE; 
		position: absolute; 
		left: 0px; 
		top: 20px; 
	width: 180px;
		height: 345px; 
		clip: rect(0 180 345 0); 
		overflow: auto;


		}
.scrollContent {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;
	background-color: #D9DDDE;
		}