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

BODY

+ Layout:								#layout
	+ Wrapper:							#wrapper
		+ Header:						#header
			- Shortcuts:				#shortcuts
			- Company:					#company
		+ Menu:							#menu
		+ Content						#content
			+ Main						#main
				- Path					#path
				- Option				#options
			+ Sidebar					#sidebar
				- Submenu				#submenu
	- Footer:							#footer
	- Copyright							#copyright

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

	body{
		background:						#ececed;
	}
	
	div#layout{
		margin:							0 auto 0 auto;
	}
	
	div#wrapper{
		margin:							0 auto 0 auto;
		width:							960px;
		border-left:					#e7e7e8 solid 1px;
		border-right:					#e7e7e8 solid 1px;
		background:						#fff;
	}
	
	div#header{
		background:						url(../images/backgrounds/header.png) repeat-y 0 0;
		height:							146px;
		border-bottom:					8px solid #dbd7d2;
	}
	
	div#outsource{
		float:							left;
		width:							318px;
		padding-top:					40px;
	}
	
	div#banner{
		float:							right;
		width:							642px;
		height:							146px;
		background:						url(../images/banner.png) repeat-y top right;
	}
	
	div#shortcuts{
		margin-top:						4px;
	}
	
	div#content{
		background:						url(../images/backgrounds/content.png) repeat-y 0 0;
		border-top:						solid 2px #fff;
		border-bottom:					solid 10px #fff;
	}
	
	div#sidebar{
		float:							left;
		width:							200px;
		padding-bottom:					40px;
	}
	
	div#menu{
		padding-left:					2px;
		padding-right:					2px;
		margin-top:						30px;
	}
	
	div#clients{
		margin-top:						40px;
	}
	
	div#main{
		float:							left;
		width:							760px;
		padding-bottom:					40px;
	}
	
	div#path{
		background:						#fff;
		color:							#8c8c8c;
		padding:						2px 0 2px 5px;
		margin-left:					2px;
	}
	
	div#tabs{
		/*width:							760px;*/
		margin-left:					2px;
		margin-bottom:					10px;
	}
	
	div#panel{
		padding:						20px 26px 0 14px;
	}

	div#footer{
		background:						url(../images/backgrounds/footer.png) no-repeat bottom right #333436;
		padding:						16px 38px 18px 30px;
		min-height:						86px;
		_height:						86px;
		color:							#f2f2f2;
	}


/* --------------------------------------------------------------
	-- SPECIAL FEATURES
---------------------------------------------------------------- */

	div#outsource div.float-left{
		width:							107px;
		text-align:						right;
	}
	
	div#outsource div.float-right{
		padding-top:					10px;
		width:							206px;
	}
	
	div#shortcuts div.float-right{
		padding-top:					3px;
	}
	
	div#shortcuts a.flag-en,
	div#shortcuts a.flag-es{
		background-color:				#fff;
		padding-left:					22px;
		padding-right:					2px;
		background-position:			2px 2px;
	}
	
	div#shortcuts a.contact{
		background:						url(../images/backgrounds/button-contact.png) no-repeat 0 0;
		display:						block;
		padding-top:					5px;
		width:							89px;
		height:							18px;
		text-align:						center;
		color:							#fff;
		margin-left:					8px;
		margin-right:					8px;
		float:							right;
		text-transform:					uppercase;
		font-size:						9px;
	}
	
	div#menu h2{
		font-size:						14px;
	}
	
		div#menu h2 a{
			display:					block;
			color:						#ff8800;
			background:					url(../images/backgrounds/icon-menu.png) no-repeat 25px 6px;
			padding:					2px 0 2px 33px;
		}
	
	div#menu h3{
		font-size:						12px;
	}
	
		div#menu h3 a{
			display:					block;
			color:						#6d6d6d;
			padding:					4px 0 2px 33px;
			background:					url(../images/backgrounds/icon-submenu.png) no-repeat 25px 8px;
		}
		
		div#menu h3 a.even{
			background-color:			#ededed;
		}
		
		div#menu h3 a.odd{
			background-color:			#fff;
		}
		
	div#menu h4{
		font-size:						12px;
	}
		
		div#menu h4 a{
			display:					block;
			color:						#6d6d6d;
			background:					url(../images/backgrounds/icon-option.png) no-repeat 0 8px;
			padding:					4px 0 2px 10px;
		}
		
		
	div#menu a.activated{
		color:							#e56403;
		font-weight:					bold;
	}
	
	div#menu a.selected{
		color:							#28507f;
		font-weight:					bold;
	}
	
	div#menu div.separator{
		height:							5px;
	}
	
	div#menu div.quote-left{
		background:						#ededed;
		padding:						2px 0 5px 33px;
		margin-bottom:					2px;
	}
	
	div#clients div.panel{
		padding-top:					10px;
		padding-left:					20px;
		padding-right:					20px;
	}
	
	div#clients a.icon-panel{
		padding-top:					3px;
	}
	
	div#sidebar div.contact-us{
		margin-top:						30px;
		text-align:						center;
	}
	
	div#path a{
		color:							#8c8c8c;
	}
	
	div#path span{
		color:							#5e5e5e;
	}
	
	div#tabs td.service{
		width:							187px;
		background:						url(../images/backgrounds/tab-disabled_repeat.png) repeat-y 2px 0;
		padding-left:					2px;
		height:							100%;
	}
	
	div#tabs td.service-active{
		width:							187px;
		background:						url(../images/backgrounds/tab-orange_repeat.png) repeat-y 2px 0;
		padding-left:					2px;
		height:							100%;
	}
	
		div#tabs td.service table,
		div#tabs td.service-active table{
			height:						100%;
		}
	
		div#tabs td.service td.service-inner{
			height:						90px;
			width:						177px; /* 187px */
			padding:					4px 5px 2px 5px;
			background:					url(../images/backgrounds/tab-disabled.png) no-repeat bottom left;
		}
		
		div#tabs td.service-active td.service-inner{
			height:						90px;
			width:						177px; /* 187px */
			padding:					4px 5px 2px 5px;
			background:					url(../images/backgrounds/tab-orange.png) no-repeat bottom left;
		}
		
		div#tabs td.service td.service-inner div.paragraph-min,
		div#tabs td.service-active td.service-inner div.paragraph-min{
			line-height:				100%;
			padding-bottom:				6px;
			color:						#fff;
		}
	
	div#panel h3.icon-section{
		margin-top:						10px;
		background-position:			0 4px;
		font-size:						16px;
	}
	
	div#main div.file-list{}
	
		div#file-list h4.icon-panel{
			border-bottom:				solid #d8d8d8 1px;
			margin-bottom:				5px;
		}
	
		div#main div.file-list table{}
	
		div#main div.file-list table tr td{
			padding:					10px 5px 6px 5px;
		}
		
		div#main div.file-list table tr.even td{
			background:					#ededed;
		}
		
		div#main div.file-list table td.button{}
		
	div#main div.client-list{}
	
		div#main div.client-list table.items{
			width:						660px;
		}
		
	div#main div.comment-list{}
	
		div#main div.comment-list div.comment{
			margin-top:					10px;
		}
	
		div#main div.comment-list div.comment div.float-left{
			margin-top:					5px;
			letter-spacing:				-1px;
			width:						70px;
			padding-left:				10px;
			text-align:					left;
		}
		
		div#main div.comment-list div.comment div.float-right{
			width:						630px;
		}
		
	div#main div.emoticons{
		background:						#f2f2f2;
	}
	
		div#main div.emoticons td{
			padding:					1px 2px;
		}
	
	div#footer a{
		color:							#f2f2f2;
	}
	
	div#footer div.separator{
		background:						url(../images/backgrounds/separator-footer.png) repeat-x center center;
		height:							25px;
	}
	
	
/* --------------------------------------------------------------
	-- OLD STYLES
---------------------------------------------------------------- */
	
.inputForm{ border: 1px solid #999999; font-size: 11px; padding: 2px 5px;}
.inputFormBAD{ border: 1px solid #ff0000; font-size: 11px;  padding: 2px 5px;}