div.controls {
	text-align: center;

}


div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width: 485px;
	height: 288px;
	overflow: hidden;
	margin-left: 18px;
	margin-right: 18px;
	}
	
	div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:530px;
	height:300px;
	float:left;
	padding:1em;
	font-family: "Trebuchet MS";
	font-size: 14px;
	overflow: hidden;
		}
		
		div.scroller, div.section a:hover{
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	padding:0px;
		}
	
		
div.controls {
	font-family:"Trebuchet MS";
	height:26px;
	top: auto;
	width: 530px;
	text-align: left;
	
}
div.controls   a {
	font-size:12px;
	margin-bottom: 7px;
	color:#0066FF;
	background-position: top;
	display: inline;
}
#botonera {
	list-style-image: url(jpg/botones/1.gif);
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	color: #666666;
}
#botonera li        {
	margin:2px;
	padding:2px;
	float: left;
	background-position: center;
	
}

#botonera li a{
	display:block;
	color:#666666;
	background-repeat: no-repeat;
	background-position:top;
	height: 34px;
	width:34px;
	padding: 0;
	}
	
#botonera li a:hover{
	background-position:bottom;
	}
	
	
	
	
#navegador {
	list-style-image: url(jpg/botones/1.gif);
	padding: 0;
	list-style: none;
	font-weight: bold;
	color: #009966;
	margin-left: 180px;
}
#navegador li        {
	margin:2px;
	padding:2px;
	float: left;
	background-position: center;
	width: 80px;
	
}

#navegador li a{
	display:block;
	color:#666666;
	background-repeat: no-repeat;
	background-position:top;
	height: 29px;
	width:80px;
	padding: 0;
	}
	
#navegador li a:hover{
	background-position:bottom;
	}
		
#anterior { 
	background-image:url(jpg/botones/anterior.jpg);
}	
#siguiente {
	background-image:url(jpg/botones/siguiente.jpg);
}	

	
#uno {
	background-image:url(jpg/botones/1.jpg);
}
#dos {
	background-image:url(jpg/botones/2.jpg);
}
#tres {
	background-image:url(jpg/botones/3.jpg);
}#cuatro {
	background-image:url(jpg/botones/4.jpg);
}
#cinco {
	background-image:url(jpg/botones/5.jpg);
}

#seis {
	background-image:url(jpg/botones/6.jpg);
}


#b_uno {background-image:url(jpg/botones/b1.jpg);}
#b_dos {background-image:url(jpg/botones/b2.jpg);}
#b_tres {background-image:url(jpg/botones/b3.jpg);}
#b_cuatro {background-image:url(jpg/botones/b4.jpg);}
#b_cinco{background-image:url(jpg/botones/b5.jpg);}
#b_seis {background-image:url(jpg/botones/b6.jpg);}
#b_anterior{background-image:url(jpg/botones/b-anterior.jpg);}	
#b_siguiente {background-image:url(jpg/botones/b-siguiente.jpg);}	




#s_uno {background-image:url(jpg/botones/s1.jpg);}
#s_dos {background-image:url(jpg/botones/s2.jpg);}
#s_tres {background-image:url(jpg/botones/s3.jpg);}
#s_cuatro {
	background-image:url(jpg/botones/s4.jpg);
}
#s_cinco{background-image:url(jpg/botones/s5.jpg);}
#s_seis {background-image:url(jpg/botones/s6.jpg);}
#s_anterior{background-image:url(jpg/botones/s-anterior.jpg);}	
#s_siguiente {background-image:url(jpg/botones/s-siguiente.jpg);}	








//Aqui solo se ve la parte de arriba de la imagen
	border:1px solid #666666;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center top;

}



div.controls a:hover{

font-weight: bold;
margin-bottom: 7px;
color:#0099FF;

	}
	
div.controls a:active{
font-size:16px;
color:#FF0000;
margin-bottom: 7px;

	}
	
	
		
		
		
	div.scroller div.content {
		width: 10000px;
		}

div#section20 {
	color:#000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0099FF;
		}

div#section4 {
	
		}
.textodetalle{
	width:282px;
	margin-left:12px;
	float:left;
	margin-top:12px;
	text-align: left;
	height: 210px;
}