#iluminar {
	color: #362928;
	font-weight: bold;


}

.texto{
margin
	margin: 0 0 0 0;
	margin: 0 0 5px 0;
	padding: 0 0 0  0;
}

body 			{
			  background-color: #abcdef;
			}
/** Nothing will be visible until this layer is hidden **/
#preload		{
			  width : 100%;
			  font-family: Verdana;
			  font-size  : 12px;
			  background-color: #FFFFFF;
			}
.loading		{
			}

/** With following classes und identifiers we control the context **/
#gallery		{
			 
			  
			  
			 display:none;
			}
#ctrls			{
			  
			  
			}
#ctrls p		{
			  font-family: Verdana;
			  font-size  : 11px;
			  margin-top: 5px;
			  margin-bottom:0px;
			}
#previews		{
			 
			  
			  height: 90px;
			  text-align: center;
			  
			}
#zoom			{
			  left  :   0px;
			  
			  text-align: center;
			}
#texts			{
			  
			  top   : 394px;
			  left  :   0px;
			  height:  30px;
			  
			  text-align: center;
			}
#texts p		{
			  font-family: Verdana;
			  font-size  : 11px;
			  margin-top: 7px;
			}

/** With following classes and identifiers we control the previews **/
.prevHidden		{
			  
			  
			/*float:left;*/
			  display:none;
			}
#prev0			{
	/*float:left;*/
	padding:2;
	display:block;
	/*border: 1px solid #CCCCCC;*/
	margin: 4px;
			}
#prev1			{
	/*float:left;*/
	padding:2;
	display:block;
	/*border: 1px solid #CCCCCC;*/
	margin: 4px;
			}
#prev2			{
			  
			 
				/*float:left;*/
	padding:2;
	display:block;
	/*border: 1px solid #CCCCCC;*/
	margin: 4px;
			}
#prev3	{
			  
				/*float:left;*/
	padding:2;
	display:block;
	/*border: 1px solid #CCCCCC;*/
	margin: 4px;
			}
.previewUns		{
			  border: 1px SOLID WHITE;
			}
.previewSel		{
			  border: 1px SOLID BLACK;
			}

/** With following classes and identifiers we control the enlarged **/
.enlargedUns		{
			  position: absolute; 
			  top : 10px; 
			  left: 10px;
			}
.enlargedSel		{
			  position: relative;
			  margin: 10px 10px  0px  0px;
			}