
/* --------------------------------------------------------------
	TABLE DE CONTENTS
-----------------------------------------------------------------

BODY

+ Layout:								#layout
	+ Wrapper:							#wrapper	
		+ Sidebar:						#sidebar
			- Logo:						#logo
			- e-volucion:				#e-volucion
			- Search:					#search
			- News:						#news
		+ Panel:						#panel
			+Header						#header
				- Shortcuts				#shortcuts
				- Board					#board
			+ Content					#content
				+ Main					#main
					- Menu				#menu
					- Briefcase			#briefcase
					- Bookmarks			#bookmarks
				+ Column				#column
					- Brainstorming		#brainstorming
					- Daily				#daily
	+ Footer:							#footer
		- Newsletter					#newsletter
		- Address						#address
		+ Advertising					#advertising
			- Awards					#awards
			- Companies					#companies
		- Copyright						#copyright

-------------------------------------------------------------- */

	body{
		background:						#dfdfdf;
	}
	
	div#layout{
		margin:							0 auto 0 auto;
	}
	
	div#wrapper{
		margin:							0 auto 0 auto;
		width:							960px;
		background:						url(../images/backgrounds/wrapper.png) repeat-y 0 0;
	}
	

	div#sidebar{
		float:							left;
		width:							160px; /* 174px */
		padding-left:					8px;   /* 22px */
		padding-right:					6px;   /* 14px */
		padding-bottom:					100px;
	}
	
	div#logo{
		margin-top:						10px;
	}
	
	div#e-volucion{
		margin-top:						20px;
		padding-bottom:					5px;
	}
	
	div#search{
		margin-top:						20px;
		text-transform: uppercase;
		font-size: 10px;
	}
	
	
	.form-search-input	{ padding: 0; margin: 0; }
	.form-search-input label	{ cursor: pointer; }
	.inputTextSrch		{ background: #e5e5e5; width: 65px; height: 17px; padding: 3px 0 0 2px; border: 0; margin: 0; }
	.btnsrch			{ background: url(../images/btn-search.jpg); width: 18px; height: 20px; padding: 0 0 3px 0; cursor: pointer; border: 0; }
	
	div#news{
		margin-top:						25px;
	}
	
	div#panel{
		float:							right;
		width:							718px; /* 736px */
		padding-left:					38px;
		padding-right:					30px;
		padding-bottom:					60px;
		/*background:						url(../images/backgrounds/panel.png) repeat-y 0 0;*/
	}
	
	div#header{
		margin-top:						30px;
	}
	
	div#shortcuts{
		float:							right;
		margin-left:					15px;
		_margin-left:					7px;
		margin-bottom:					5px;
	}
	
	div#board{
		margin-top:						10px;
		background:						url(../images/backgrounds/board.png) repeat-y 0 0 #fff;
	}
	
	div#main{
		width:							501px;
		float:							left;
		margin-top:						40px;
	}
	
	div#menu{
		float:							left;
		width:							132px;
	}
	
	div#briefcase{
		width:							294px; /* 369px */ 
		float:							left;
		padding-left:					60px;
		padding-right:					15px;
	}
	
	div#bookmarks{
		margin-top:						25px;
		
		
	}
	.social-bookmarks	{ background: url(../images/bg-bookmarks-es.jpg) 0px 0px no-repeat;
		width: 271px;
		height: 33px; 
		padding: 5px 0 0 220px;
	}
	.social-bookmarks img	{ padding: 0 4px; }
	
	div#column{
		width:							210px;
		float:							right;
		margin-top:						30px;
	}
	
	div#brainstorming{
		border-bottom:					solid 1px #e5e5e5;
		padding-bottom:					8px;
		width:							160px;
		margin:							0 auto 0 auto;
	}
	
	div#daily{
		width:							160px;
		margin:							0 auto 0 auto;
	}
	
	div#footer{
		margin:							0 auto 0 auto;
		width:							960px;
		background:						#fff;
	}
	
	div#newsletter{
		width:							143px;
		height:							84px;
		position:						absolute;
		top:							-84px;
		left:							25px;
		background:						url(../images/backgrounds/newsletter.png) no-repeat 0 0;
	}
	
	div#address{
		background:						#000;
		padding:						6px 10px 4px 10px;
		text-align:						center;
		color:							#fff;
	}
	
	div#advertising{
		margin:							0 auto 0 auto;
		width:							680px;
		padding-bottom:					10px;
		background:						url(../images/backgrounds/advertising.png) repeat-x bottom left;
	}
	
	div#awards{
		background:						url(../images/backgrounds/awards.png) no-repeat 0 3px;
		padding-top:					12px;
		padding-bottom:					10px;
		min-height:						60px;
		_height:						60px;
	}
	
	div#companies{
		margin-top:						4px;
	}
	
	div#copyright{
		padding:						80px 10px 10px 10px;
		text-align:						center;
		color:							#000;
		background:						#fff;
	}
	

	
	
	
	
/* --------------------------------------------------------------
	-- SPECIAL FEATURES
---------------------------------------------------------------- */
	
	div#e-volucion{}
	
		div#e-volucion div.paragraph{
			line-height:				100%;
			padding-bottom:				10px;
		}
		
	div#news{}
	
		div#news div.quote-left{
			padding-left:				10px;
		}
		
		div#news div.separator{
			background-image:			url(../images/backgrounds/separator-item.png);
		}
	
	div#shortcuts{}
	
		div#shortcuts h2{
			margin-top:					2px;
			margin-left:				4px;
			margin-right:				4px;
			float:						left;
			font-size:					12px;
		}
	
		div#shortcuts h2 a{
			color:						#000;
			text-decoration:			none;
			text-transform:				lowercase;
			padding:					4px 6px 8px 6px;
			display:					block;
		}
		
		div#shortcuts h2 a:hover{
			text-decoration:			underline;
		}
		
		div#shortcuts div.separator{
			width:						3px;
			height:						30px;
			background:					url(../images/backgrounds/separator-shortcut.png) 0 0 repeat-y;
			float:						left;
		}
		
	div#board{}
	
		div#board div.float-left{
			width:						211px; /* 261px */
			padding:					10px 20px 10px 30px;
		}
		
		div#board div.float-left div.paragraph{
			line-height:				105%;
		}
		
		div#board div.float-right{
			width:						450px;
			background:					url(../images/backgrounds/board-right.png) 0 0 repeat-y;
		}
		
		div#board div.float-right div.banner-left{
			float:						left;
			width:						301px;
			height:						204px;
			background:					url(../images/banner-left.png) 0 0 no-repeat;
			
		}
		
		div#board div.float-right div.banner-right{
			float:						right;
			width:						146px;
			height:						204px;
			background:					url(../images/banner-right.png) 0 0 no-repeat;
		}
		
	div#news{}
	
		div#news h3.px16{
			margin-bottom:				8px;
		}
		
	div#menu{}
	
		div#menu h2{
			font-size:					16px;
		}
		
		div#menu h2 a{
			text-decoration:			none;
			text-transform:				uppercase;
		}
		
		div#menu div.separator{
			background-image:			url(../images/backgrounds/separator-menu.png);
			height:						30px;
		}
		
	div#briefcase{}
	
		h3.section-special{
			padding-bottom:				18px;
			margin-bottom:				15px;
		}
	
		div#briefcase td.resource-left{
			width:						144px; /* 147px */
			padding-right:				3px;
			padding-bottom:				20px;
		}
		
		div#briefcase td.resource-right{
			width:						144px; /* 147px */
			padding-left:				3px;
			padding-bottom:				20px;
		}
		
		div#briefcase div.quote{
			padding-top:				2px;
			padding-left:				4px;
			padding-right:				4px;
		}
		
	div#column{}
		
		div#column div.panel h3.px14{
			margin-bottom:				5px;
		}
		
	div#brainstorming{}
		
		div#brainstorming h3.px18 a.title{
			padding-top:				55px;
			background:					url(../images/backgrounds/brainstorming.png) no-repeat 0 0;
			display:					block;
		}
		
	div#daily{
		position:						absolute;
		top:							-76px;
		left:							770px;
		margin:							0 0 20px 0;
		padding:						0 0 20px 0;
	}
		
		div#daily h3 a{
			display:					block;
			background:					#ef3125;
			border-top:					solid 1px #f44d44;
			border-bottom:				solid 5px #c6c6c4;
			text-align:					center;
			padding-top:				8px;
			padding-bottom:				6px;
			color:						#fff;
		}
		
		div#daily h4{
			background:					#CFCECE;
			padding:					2px 8px 3px 12px;
		}
		
			div#daily h4 a{
				display:				block;
				text-transform:			uppercase;
				padding-left:			12px;
				background-position:	0 2px;
				background-image:		url(../images/backgrounds/bullet-lightgrey.png);
				letter-spacing:			-1px;
			}
		
	div#newsletter{}
	
		div#newsletter h3{
			padding-top:				32px;
			padding-left:				15px;
			font-size:					14px;
		}
		
		div#newsletter h4{
			padding-top:				1px;
			_padding-top:				5px;
			*padding-top:				5px;
			padding-left:				7px;
		}
		
		div#newsletter h4 a.more{
			text-transform:				uppercase;
			font-size:					9px;
			letter-spacing:				-1px;
			background-position:		0 1px;
			padding-left:				11px;
			background-image:			url(../images/backgrounds/bullet-lightgrey.png);
		}
		
	div#address{}
	
		div#address *,
		div#address a{
			color:						#e0e0e0;
		}
		
	div#awards{}
	
		div#awards div.float-left{
			width:						125px; /* 155px */ 
			padding-left:				25px;
			padding-right:				10px;
			padding-top:				5px;
		}
		
		div#awards div.float-right{
			width:					520px;
		}
	
	div#companies{}
	
		div#companies div.float-left{
			width:						125px; /* 155px */
			padding-left:				25px;
			padding-right:				10px;
			padding-top:				5px;
		}
		
		div#companies div.float-right{
			width:						520px;
		}
		
		
	div#copyright{}
	
		div#copyright a{
			color:						#000;
			font-size:					9px;
			text-decoration:			none;
		}
	
		div#copyright a:hover{
			text-decoration:			underline;
		}
	

	
	.banners-home	{margin-top:20px;}

