@charset "utf-8";

/* CSS Document
///////////////////////////////////////////////////////////////////////////// 
Client: HR Consulting and Search
Project: Sitio Web
Company: Ixi Design Group
Developer: Alberto Torres
/////////////////////////////////////////////////////////////////////////////
*/

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }


html,body { height: 100%; }
body {
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	background: #f0f0f0 url(../images/bg-texture.jpg) no-repeat right top;
	color: #515050;
	margin: 0 auto;
	text-align: center;
}



a {color: #800509; text-decoration:none;}
a:hover {color: #4E6A9A; text-decoration: underline;}


h2 a, h3 a, h1 a, h4 a, h5 a {text-decoration: none;}

#wrap, #footer {text-align: left; margin: 0 auto; padding-bottom: 50px; width: 875px;}

	#header, body#home #header {clear: both; width: 100%; float: left;}
	body#home #header {border-bottom: 1px dotted #414040;}
		#header-logo, body#home #header-logo {float: left; width: 267px;}
			#header-logo h1 a, body#home #header-logo h1 a {background: url(../images/header-logo.gif) no-repeat; width: 267px; height: 142px; display: block;}
			
		#header-quote {float: right; width: 300px; text-align: right; margin-top: 53px;}
		body#home #header #header-quote {margin-top: 63px}
			#quote-1 {background: url(../images/quote-1.png) no-repeat; display: inline-block; width: 22px; height: 15px; margin-right: 7px;}
			#quote-2 {background: url(../images/quote-2.png) no-repeat; width: 22px; height: 15px; display: inline-block; position: relative; left: 5px; top: 5px;}
		#header-quote blockquote {margin-bottom: 5px;}
		#header-quote p { font-style: italic;  margin-right: 0px;}
	
	
	body#home #header-logo h1 a {background: url(../images/home-logo.gif) no-repeat; width: 304px; height: 146px;}
	
	
	/* NAV **************************************************************************************/
	/* /////////////////////////////////////////////////////////////////////////////////////////*/	
	#nav, #nav-en {width: 100%; clear: both; float: left; }
		#nav ul, #nav-en ul {background: url(../images/nav.jpg) no-repeat; height: 45px; padding-left: 39px;}
		#nav-en ul { background: url(../images/nav-en.jpg) no-repeat; padding-left: 61px;}
			#nav ul li, #nav-en ul li {display: inline; float: left;}
				#nav ul li a, #nav-en ul li a {display: block; height: 45px; margin-right: 1px;}
			
				#btn-1 a {width: 78px;}
				#btn-2 a {width: 99px;}
				#btn-3 a {width: 165px;}
				#btn-4 a {width: 152px;}
				#btn-5 a {width: 162px;}
				#btn-6 a {width: 133px;}
				
				#btn-1 a:hover,#btn-2 a:hover,#btn-3 a:hover,#btn-4 a:hover,#btn-5 a:hover, #btn-6 a:hover,
				#btn-1.selected a, #btn-2.selected a, #btn-3.selected a, #btn-4.selected a, #btn-5.selected a, #btn-6.selected a
				 {background: url(../images/nav.jpg) no-repeat;}
				#btn-1 a:hover, #btn-1.selected a {background-position: -39px -45px;}
				#btn-2 a:hover, #btn-2.selected a {background-position: -118px -45px;}
				#btn-3 a:hover, #btn-3.selected a {background-position: -218px -45px;}
				#btn-4 a:hover, #btn-4.selected a {background-position: -384px -45px;}
				#btn-5 a:hover, #btn-5.selected a {background-position: -537px -45px;}
				#btn-6 a:hover, #btn-6.selected a {background-position: -700px -45px;}
				
				
				#nav-en #btn-1 a {width: 83px;}
				#nav-en #btn-2 a {width: 98px;}
				#nav-en #btn-3 a {width: 127px;}
				#nav-en #btn-4 a {width: 145px;}
				#nav-en #btn-5 a {width: 165px;}
				#nav-en #btn-6 a {width: 123px;}
				
				#nav-en #btn-1 a:hover, #nav-en #btn-2 a:hover, #nav-en #btn-3 a:hover, #nav-en #btn-4 a:hover, #nav-en #btn-5 a:hover, #nav-en #btn-6 a:hover,
				#nav-en #btn-1.selected a, #nav-en #btn-2.selected a, #nav-en #btn-3.selected a, #nav-en #btn-4.selected a, #nav-en #btn-5.selected a, #nav-en #btn-6.selected a
				 {background: url(../images/nav-en.jpg) no-repeat;}
				#nav-en #btn-1 a:hover, #nav-en #btn-1.selected a {background-position: -61px -45px;}
				#nav-en #btn-2 a:hover, #nav-en #btn-2.selected a {background-position: -145px -45px;}
				#nav-en #btn-3 a:hover, #nav-en #btn-3.selected a {background-position: -244px -45px;}
				#nav-en #btn-4 a:hover, #nav-en #btn-4.selected a {background-position: -372px -45px;}
				#nav-en #btn-5 a:hover, #nav-en #btn-5.selected a {background-position: -518px -45px;}
				#nav-en #btn-6 a:hover, #nav-en #btn-6.selected a {background-position: -684px -45px;}
				
	
	/* CONTENT ***********************************************************************************/
	/* /////////////////////////////////////////////////////////////////////////////////////////*/
	#content {width: 100%; float: left; padding: 20px 0; clear: both; line-height: 1.5em; display: inline;}
		#column-left {width: 580px; float: left; margin-right: 18px; display: inline;}
		body#home #column-left {width: 595px;}
		
			/* PROMO HOME ***********************************************************************************/
			#column-left .primera {margin-top: 50px;}
			.promo {width: 100%; float: left; margin-bottom: 40px; display: inline;}
				.promo-pic {float: left; width: 120px; margin-right: 17px;  display: inline;}
					.promo-pic img {border: 4px solid #c4c2c2;}
				.promo-txt {width: 458px; float: left; margin-top: 15px; display: inline;}
					.promo-txt h2, .promo-txt h2 a {width: 322px; height: 35px; }
						.promo-txt h2 a {display: block;}
					.servicios {background: url(../images/title-nuestrosservicios.gif) no-repeat;}
					.quienes {background: url(../images/title-quienessomos.gif) no-repeat;}
					.clientes {background: url(../images/title-nuestrosclientes.gif) no-repeat;}
					.services {background: url(../images/title-ourservices.gif) no-repeat;}
					.who {background: url(../images/title-whoweare.gif) no-repeat;}
					.clients {background: url(../images/title-ourclients.gif) no-repeat;}
			
			
			#mast {border: 4px solid #b9b9b9; margin-bottom: 20px;}
			#main-text {padding: 4px 15px 20px 4px;}
				#main-text h1 { font: 2em normal "Times New Roman", Times, serif; width: 100%; color: black; border-bottom: 1px dotted #414040; padding-bottom: 8px; margin-bottom: 15px;}
				#main-text h2 { font-family:"Times New Roman", Times, serif; color: black; font-size: 1.6em; font-weight: normal;}
				
				#main-text h1, #main-text p, #main-text h2, #main-text ul {margin-bottom: 17px;}
					#main-text ul li {list-style: circle; margin: 0 0 8px 50px; }
					#main-text p img {float: left; margin: 0 15px 10px 0;}
					
				#main-section-title { border-bottom: 1px dotted #414040; margin-bottom: 17px; width: 100%; float: left; display: inline;}
					#main-section-title h1 { border: none; margin: 0; float: left; display: inline; width: 370px;}
						#main-section-title h1 a {color: black;}
					#main-section-title p {float: right; margin: 9px 0px 0 0; display: inline;}
				
				h2.bullet-button {background: url(../images/bullet-button.gif) no-repeat; padding: 3px 0 0 35px; height: 25px;}
			
				

		#column-right {float: left; width: 267px; display: inline}
		body#home #column-right {width:247px;}
			
			
			/* POD *********************************************************************************/
			.pod { background-image: url(../images/pod-bg.png); background-repeat:no-repeat; width: 267px; padding-bottom: 15px; margin-bottom: 15px; background-position: bottom left; clear: both;}
				.pod h2 {background: url(../images/title-gray.gif) no-repeat; width: 249px; height: 32px; font-weight: normal; line-height: 1.1em;
						color: white;  font-size: 1.5em; font-family: "Times New Roman", Times, serif; margin-bottom:10px;}
					.pod h2 a {color: white; padding: 6px 0 0 35px; width: 214px; height: 26px; display: block;}
				.red h2 {background: url(../images/title-red.gif) no-repeat bottom left;}
			.pod-in { background: white; margin: 0 0 0 4px; width: 249px; padding: 7px 5px 7px 5px;}
			
			
			/* SUB-NAV AND BOLSA DE TRABAJO *********************************************************************************/
			#sub-nav ul, #bolsa-trabajo ul {margin: 10px;}
				#sub-nav ul li, #bolsa-trabajo ul li { background:url(../images/bullet-arrow-white.gif) no-repeat 0px 6px; padding-left:10px; margin: 0 0 6px 4px;}
				#sub-nav ul li.selected a {text-decoration: underline;}
			
			#bolsa-trabajo ul li { background:url(../images/bullet-checkmark.gif) no-repeat 0px 0px; padding-left: 20px;}
			#bolsa-trabajo p {text-align:center; width: 100%;}
			
			
			/* NEWS ***********************************************************************************/
			#news {}
				#news div {border-bottom: 1px dotted #414040; padding-bottom: 10px; margin: 10px 14px; }
				#news h4 {background:url(../images/bullet-arrow-white.gif) no-repeat 0px 6px; padding-left:10px;}
					#news h4 a {font-weight: normal;}
				#news p {text-align:center; width: 100%;}
				#news div p {text-align:left; width: 100%; clear: both;}
					
				#news p a, #bolsa-trabajo p a {text-decoration: underline;}
			
			#column-left #news h4 {margin-bottom: 5px;}
				#column-left #news h4 a {font-size: 1.4em;}
			#main-text #news p {text-align: left;}
			#main-text #news div {padding: 3px 0; border-bottom: 1px dotted #aeaeae; float: left; width: 97%; margin: 10px 0 10px 2%; display:inline;}
			
			
			/* SERVICIOS ***********************************************************************************/
			#servicios {width: 100%; float: left; display: inline; padding-top: 10px;}
				.servicios-row {border-bottom: 1px dotted #414040; float: left; margin-bottom: 30px; padding-bottom: 10px; display: inline;}
				
				.servicios-pod {width: 272px; float: left; margin-right: 17px; display: inline;}
					.servicios-pod h2 a {color: black; display: block; margin-bottom: 10px; font-size: 1.5em; font-weight: normal;}
					.servicios-pod p a { background: url(../images/bullet-arrow-white.gif) no-repeat 0 4px; padding-left: 8px;}
					
					.servicios-pod-img {float: left; width: 98px; height: 143px;}
			
				
				/* Coaching Profesional columns ***********************************************************/
				#columns-two-a {float: left; width: 100%;}
					#columns-two-a-left {width: 130px; float: left;}
					#columns-two-a-right {width: 430px; float: left;}
						#columns-two-a-right ul li {margin-left: 15px;}
			
			
			/* TABLE LOGOS ***********************************************************************************/
			.table {float:left; width: 100%; padding:0px 0 0 0; background: none;}
				.table .tr {float:left; width:100%; border-bottom: 1px solid #5b5a5a;}
				
				.logos {}
					.logos .tr {border-bottom: 1px dotted #d0d0d0; padding: 5px 0 10px;}		
					.logos .tr .td {float:left;margin:0; width: 115px; padding: 15px 10px; text-align: center; display:inline; }
				
					
			/* TABLE FOTOS ***********************************************************************************/		
				.fotos .tr {border: none; margin-bottom: 10px;}		
				.fotos .tr .td {float:left;margin:0; width: 280px; text-align: center; display:inline; }
				
					
				.table .tr .color {color: #e86700; background: #1d1d1d;}
				.table .last {border: none;}
			
			/* TABLE Right PLACEMENT ***********************************************************************************/		
			.rp .tr .shorty {width: 130px; float: left;}
			.rp .tr {border: none;}
			.rp {margin-bottom: 25px;}	
			
/* FOOTER ****************************************************************************************/
#footer-wrap {background: #5e5d5d url(../images/footer-bg.jpg) repeat-x; width: 100%; float: left; color: white; text-align: center;}
	#footer {text-align: center; }
	#footer a {color: white;}
		#footer a:hover {color: red;}
	
	#lang {width: 100%; font-size: 1.5em; clear: both; margin-bottom: 15px;}
	body#home #lang {margin-bottom: 15px;}
		#lang ul {text-align: center; margin: 15px 0 0 315px;}
		#lang ul li {display: inline; float: left; margin-right: 20px;}
			#lang ul li a {background: url(../images/icon-flag-mex.jpg) no-repeat 0 4px; display: block; width: 75px; height: 40px; padding-left: 35px;}
		#lang ul li#english a {background: url(../images/icon-flag-us.jpg) no-repeat 0 4px;}

	#footer-nav, #footer blockquote, body#home #footer-nav {width: 100%; float: left; padding-bottom: 40px;}
	#footer-nav {margin-left: 10px; margin-top: 10px;}
		#footer-nav div {width: 200px; float: left; text-align: left; line-height: 1.5em; margin-left: 15px;}
		#footer-nav div h4 {font-weight: normal; font-size: 1.4em; margin-bottom: 5px;}
		#footer-nav ul li {list-style: circle; margin-left: 20px;}
	#footer blockquote {}
	
	body#home #footer-nav {padding-bottom: 10px;}
	body#home #footer-nav ul li {display: inline; border-right: 1px solid white; padding: 0 10px 0px 0; margin: 0 0 10px 5px;}
	
		body#home #footer-nav ul li.last {border: none;}
	
#header-logo h1 a span, #quote-1 span, #quote-2 span, #nav ul li a span, #nav-en ul li a span, .promo-txt h2 a span, #header-logo-home h1 a span {display: none;}

.clear {line-height: 0; font-size: 0; clear: both; height: 0px;}