/* always visible */
#outer .holder {padding:1em; /*border:1px solid #ddd;*/ border:0; margin:0 20px 10px 0; width:350px;}
#outer .holder p {padding:0px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {cursor:pointer; color:#c00;  width:100px; font-size:12px;} 
#outer div.more i.hide {display:none;}
#outer div.more ul {display:none;}
#outer div.more li {display:none;}
#outer div.more img {display:none;}
#outer div.more p {display:none; text-align:justify;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click ul {display:block;}
#outer div.click .nuestros_valores {display:block;  padding-right:10px;}
#outer div.click .nuestros_valores_imgs {display:block;  padding-right:10px; text-align:center;}
#outer div.click img {display:block;}
#outer div.click p {display:block;  padding-right:10px; text-align:justify;}

#outer div ul {
	list-style:none;
}




/******************************************/
.derecha {
	display:block;
	float:left;
	
}