/* 
	Maquetado por Emiliano Mateu - colo.mateu@gmail.com
	Fecha: 17/09/2008.
	Modificado: 15/10/2008.
*/

/* Basicos */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
height: 100%;
cursor: default;
font-family: Arial, "Helvetica", Verdana, sans-serif;
/*font-family: "Georgia", Times New Roman, Times, serif;*/
background: url('/pp/site/images/bg_body.jpg') repeat-x left top #FEFCF8;
}
hr{display: none;}
label{cursor: pointer;}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}

/* Genericas */
#header p,
#header h1,
.skip{
position: absolute;
top: -999px;
}
.fLeft{
width: 49%;
float: left;
}
.fRight{
width: 49%;
float: right;
}
.clear{clear: both;}
.center{text-align:center;}

/* Estructura */
#s1 #header{
height: 295px;
background: url('/pp/site/images/bg_header.jpg') no-repeat left top;
}

#header{
height: 205px;
}
#s2 #header{background: url('/pp/site/images/bg_header_02.jpg') no-repeat left top;}
#s3 #header{background: url('/pp/site/images/bg_header_03.jpg') no-repeat left top;}
#s4 #header{background: url('/pp/site/images/bg_header_04.jpg') no-repeat left top;}
#s5 #header{background: url('/pp/site/images/bg_header_05.jpg') no-repeat left top;}
#s6 #header{background: url('/pp/site/images/bg_header_06.jpg') no-repeat left top;}
#s7 #header{background: url('/pp/site/images/bg_header_07.jpg') no-repeat left top;}

#s1 #nav{
padding: 153px 0 0 0;
}
#nav{
padding: 63px 0 0 0;
}
	#nav ul{
	list-style: none;
	}
		#nav ul li{
		float: left;
		margin: 64px 0 0 0;
		}
			#nav ul li a{
			display: block;
			height: 20px;
			color: #A08761;
			font-size: 0.75em;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			padding: 9px 13px 0 13px;
			border-bottom: 2px solid #fff;
			}
				#nav ul li:hover a{
				color: #726044;
				}
			
			#nav ul li ul{ /* global second level :) */
			clear: both;
			position: absolute;
			left: -9999px;
			width: 152px;
			padding: 3px 5px 0 5px;
			background: #fff;
			border-left: 2px solid #4F4F4F;
			border-right: 2px solid #4F4F4F;
			border-bottom: 2px solid #4F4F4F;
			}
			#nav ul #b2 ul{width: 96px;}
			#nav ul #b3 ul{width: 152px;}
			#nav ul #b4 ul{width: 152px;}
			#nav ul #b5 ul{width: 140px;}
			
				#nav ul li ul li{
				float: none;
				margin: 0;
				padding: 0;
				}
					#nav ul li:hover ul li a{ /* this because line 70 :) */
					color: #4F4F4F;
					}
					#nav ul li ul li a{
					float: none;
					height: auto;
					color: #4F4F4F;
					font-weight: normal;
					font-size: 0.7em;
					text-transform: none;
					padding: 5px 13px 5px 13px;
					border-bottom: 1px solid #eee;
					}
						#nav ul li ul li a:hover,
						#nav ul li ul li a:focus{
						color: #A08761 !important;
						}

			#nav ul li:hover ul{
			left: auto;
			}
			
		#nav ul #b1{
		margin: 0 19px 0 0;
		padding: 0 0 0 44px;
		}
			#nav ul #b1 a{
			width: 230px;
			height: 130px;
			color: #FCF7E4;
			font-size: 0.5em;
			text-indent: -9999px;
			padding: 0;
			border: none;
			}
	
#container{
width: 840px;
min-height: 100%;
margin: 0 auto 0 auto;
background: url('/pp/site/images/bg_container.jpg') repeat-y left top;
}
#content{
padding: 0 20px 0 20px;
}
	#info{
	float: left;
	width: 630px;
	}
	#info.alone{
	float: none;
	width: 100%;
	}
		#info p{
		font-size: 0.75em;
		padding: 0 0 8px 0;
		}
		#info p.indent{
		padding: 0 0 20px 20px;
		}
		
		#info .date{
		/* color: #666; */
		color: #000 ;
		padding: 0;
		}
		#info .source_autor,
		#info .calendar .location{
		color: #333;
		font-style: italic;
		padding: 0 0 10px 0 !important;
		}
		#info .back{
		padding: 10px 0 0 0;
		}
		#info a{
		color: #E97600;
		text-decoration: none;
		}
			#info a:hover,
			#info a:focus{
			text-decoration: underline;
			}
		
		#info .image{
		float: left;
		padding: 0 20px 0 0;
		}
		#info .box{
		margin: 0 0 10px 0;
		padding: 14px 15px 15px 15px;
		background: #fff;
		border: 1px solid #EEECDA;
		}
		#info h2{
		color: #2496A0;
		font-size: 1.25em;
		text-align: left !important;
		margin: 0 0 18px 0;
		padding: 0 0 3px 0;
		background: url('/pp/site/images/bg_h2_dashed.png') repeat-x left bottom;
		}
		#info h3{
		color: #14646B;
		font-size: 1em;
		padding: 5px 0 5px 0;
		}
			#info h3 em{
			color: #759C9F;
			}
		
		#info h4{
		color: #14646B;
		font-size: 0.8em;
		padding: 0 0 2px 0;
		}
			
		#info ul{
		list-style: none;
		padding: 0 0 20px 20px;
		}
			#info ul li{
			font-size: 0.75em;
			padding: 0 0 5px 0;
			}
		
		/* news ul */
		#info .news{
		padding: 0;
		}
			#info .news li{
			font-size: 100%;
			padding: 0 0 20px 0;
			}
		
		/* portfolio ul */
		#info .portfolio{
		padding: 20px 0 0 0;
		}
			#info .portfolio li{
			font-size: 100%;
			}
				#info .portfolio li table{
				width: 100%;
				border-collapse: collapse;
				}
					#info .portfolio li table .thumb{
					padding: 0 0 10px 0;
					vertical-align: top;
					}
					#info .portfolio li table .desc{
					padding: 0 0 10px 15px;
					vertical-align: top;
					}
		
		/* calenadr ul */
		#info .calendar{
		padding: 15px 0 0 0;
		}
			#info .calendar li{
			font-size: 100%;
			padding: 0 0 20px 0;
			}
		
		/* storytelling ul */
		#info .storytelling{
		padding: 0;
		}
			#info .storytelling li{
			font-size: 100%;
			padding: 0 0 10px 0;
			}
				#info .storytelling li table{
				border-collapse: collapse;
				}
					#info .storytelling li table .thumb{
					vertical-align: top;
					}
					#info .storytelling li table .title{
					width: 200px;
					padding: 0 15px 0 15px;
					vertical-align: top;
					}
					#info .storytelling li table .desc{
					vertical-align: top;
					}
		
		/* leadership table */
		#info .leadership{
		margin: 10px 0 10px 0;
		border-collapse: collapse;
		}
			#info .leadership .info{
			vertical-align: top;
			}
			#info .leadership .desc{
			padding: 0 0 15px 15px;
			vertical-align: top;
			}
		
		/* partners table */
		#info .partners{
		border-collapse: collapse;
		}
			#info .partners td{
			font-size: 0.75em;
			vertical-align: top;
			padding: 0 5px 5px 5px;
			}
		
	/* Exclusivo #s1 */
	#s1 #info{
	float: none;
	width: 300px;
	margin: 0 auto 0 290px;
	padding: 17px 20px 17px;
	background: #fff;
	border: 1px solid #EEECDA;
	}
		#s1 #info h2{
		height: 140px;
		color: #FDFAEB;
		font-size: 0.5em;
		text-indent: -9999px;
		padding: 0;
		margin: 0;
		background: url('/pp/site/images/t_investing.png') no-repeat left top;
		}
		#s1 #info p{
		padding: 0;
		}
		
	#sidebar_h{
	float: left;
	width: 275px;
	}
		#sidebar_h .events,
		#sidebar_h .data{
		margin: 0 0 10px 0;
		padding: 5px;
		background: #fff;
		border: 1px solid #EEECDA;
		}
			#sidebar_h .data{
			padding: 10px;
			}
			#sidebar_h .data p{
			font-size: 0.7em;
			}
			
			#sidebar_h .events div{
			color: #fff;
			padding: 7px;
			background: url('/pp/site/images/t_events.png') no-repeat center 11px #4F4F4F; /* because ie6&7 sux; "should" be in .events h2 */
			}
			#sidebar_h .events h2{
			height: 28px;
			color: #FDFAEB;
			font-size: 0.5em;
			text-indent: -9999px;
			/*background: url('/pp/site/images/t_events.png') no-repeat center 4px;*/
			}
			#sidebar_h .events .more{
			font-size: 0.7em;
			text-align: right;
			margin: -25px 0 0 0;
			padding: 0 5px 20px 0;
			}
				#sidebar_h .events .more a{
				color: #DDBF91;
				text-decoration: none;
				text-transform: lowercase;
				padding: 0 10px 0 0;
				background: url('/pp/site/images/bg_more.png') no-repeat right 5px;
				}
					#sidebar_h .events .more a:hover,
					#sidebar_h .events .more a:focus{
					text-decoration: underline;
					}
			
			#sidebar_h .events ul{
			list-style: none;
			padding: 6px 0 1px 12px;
			}
				#sidebar_h .events ul li{
				padding: 0 0 10px 13px;
				background: url('/pp/site/images/bullet.png') no-repeat left 4px;
				}
					#sidebar_h .events ul li h3,
					#sidebar_h .events ul li p{
					font-size: 0.7em;
					}
		
	#sidebar_k{
	float: right;
	width: 160px;
	}
		#sidebar_k .story,
		#sidebar_k .podcast,
		#sidebar_k .green_book,
		#sidebar_k .join{
		margin: 0 0 10px 0;
		padding: 5px;
		background: #fff;
		border: 1px solid #EEECDA;
		}
			#sidebar_k .story p,
			#sidebar_k .podcast p{
			font-size: 0.7em;
			}
			#sidebar_k .story div{
			color: #fff;
			padding: 7px;
			background: #4F4F4F;
			}
			#sidebar_k .story h2{
			height: 22px;
			color: #FDFAEB;
			font-size: 0.5em;
			text-indent: -9999px;
			background: url('/pp/site/images/t_story.png') no-repeat left top;
			}
			#sidebar_k .story .thumb{
			padding: 0;
			width: 90px;
			float: left;
			}
				#sidebar_k .story .thumb img{
				border: 1px solid #969696;
				}
				
			#sidebar_k .story .more{
			font-size: 0.7em;
			padding: 10px 0 0 0;
			}
				#sidebar_k .story .more a{
				color: #DDBF91;
				text-decoration: none;
				text-transform: lowercase;
				padding: 0 10px 0 0;
				background: url('/pp/site/images/bg_more.png') no-repeat right 5px;
				}
					#sidebar_k .story .more a:hover,
					#sidebar_k .story .more a:focus{
					text-decoration: underline;
					}
					
			#sidebar_k .story .text{
			clear: both;
			padding: 2px 0 2px 0;
			}
		
		#sidebar_k .data{
		margin: 0 0 10px 0;
		padding: 5px;
		background: #fff;
		border: 1px solid #EEECDA;
		}
			#sidebar_k .data{
			padding: 10px;
			}
			#sidebar_k .data p{
			font-size: 0.7em;
			}

		#sidebar_k .podcast{
		background: url('/pp/site/images/t_podcast.png') no-repeat 5px 5px #fff;
		}
			#sidebar_k .podcast h2{
			height: 65px;
			color: #FDFAEB;
			font-size: 0.5em;
			text-indent: -9999px;
			}
			#sidebar_k .podcast p{
			padding: 0 8px 3px 8px;
			}
			#sidebar_k .podcast .more{
			font-size: 0.65em;
			text-align: right;
			padding: 7px 8px 0 8px;
			background: url('/pp/site/images/dashed_grey.png') repeat-x left 4px;
			}
				#sidebar_k .podcast .more a{
				color: #000;
				text-decoration: none;
				padding: 0 10px 0 0;
				background: url('/pp/site/images/bg_more2.png') no-repeat right 4px;
				}
					#sidebar_k .podcast .more a:hover,
					#sidebar_k .podcast .more a:focus{
					text-decoration: underline;
					}
					
		#sidebar_k .green_book{
		}
			#sidebar_k .green_book a{
			display: block;
			width: 147px;
			height: 117px;
			color: #FEFDF6;
			font-size: 0.5em;
			text-indent: -9999px;
			background: url('/pp/site/images/greenbook.png') no-repeat left top;
			}
			
		#sidebar_k .join{
		}
			#sidebar_k .join a{
			display: block;
			width: 147px;
			height: 117px;
			color: #FEFDF6;
			font-size: 0.5em;
			text-indent: -9999px;
			background: url('/pp/site/images/join.png') no-repeat left top;
			}
			
.end{
clear: both;
height: 120px;
}
#footer{
width: 820px;
height: 79px;
margin: -110px auto 0 auto;
padding: 31px 10px 0 10px;
background: url('/pp/site/images/bg_footer.jpg') repeat-x left top #FEFCF8;
}
	#footer p{
	font-size: 0.7em;
	}
	#footer .links{
	float: left;
	width: 64%;
	color: #DEBF91;
	text-align: left;
	}
		#footer .links a{
		color: #78592A;
		text-decoration: none;
		padding: 3px 1px 3px 13px;
		background: url('/pp/site/images/bullet.png') no-repeat left 7px;
		}
			#footer .links a:hover,
			#footer .links a:focus{
			text-decoration: underline;
			}
		
	#footer .credits{
	float: right;
	width: 34%;
	color: #F6E9D4;
	text-align: right;
	}
	#footer .bookmark{
	float: left;
	width: 49%;
	text-align: left;
	padding: 20px 0 0 0;
	}
	#footer .powered{
	float: right;
	width: 49%;
	text-align: right;
	padding: 20px 0 0 0;
	}

/* Sección "Activa" del Menú */
#s2 #nav #b2 a,
#s3 #nav #b3 a,
#s4 #nav #b4 a,
#s5 #nav #b5 a,
#s6 #nav #b6 a{
color: #4F4F4F;
}

.footer_email a {
  color: #fff ;
  text-decoration: none ;
}
