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

	Theme Name: HL Ingenieria
	Theme URI: http://www.kangomedia.com
	Description: A custom theme for HL Ingenieria.
	Author: KangoMedia Web Design
	Author URI: http://kangomedia.com
	Version: 0.1

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

img#wpstats{display:none;}

*{ padding: 0; margin: 0; }

/* Body
-------------------------------------------------------------- */
body { background:url(images/bg.jpg) fixed top; font-family:Arial, Helvetica, sans-serif; color:#253033; }

/* Typography
-------------------------------------------------------------- */
h2.news { font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px; color:#fff; text-decoration:underline; }

h3 { margin-bottom:-8px; }

p { padding:10px; font-size:1em; }
#management_page p { font-size:.9em; }

p.news { color:#fff; padding:0 0 15px 15px; line-height:20px; }

ul { list-style-type:disc;  margin-left:25px; }


.alignright { float:right; padding:3px; border: solid 1px #999; }

ul .alignright { margin-right:10px; }

a { cursor:pointer; outline: none; }

/* H2 PAGE TITLES
-------------------------------------------------------------- */
h2.asesores_profesionales { background:url(images/asesores_profesionales-trans.png) no-repeat; display:block; width:549px; height:81px; text-indent:-5000px; }
h2.historia { background:url(images/titulo_historia-trans.png) no-repeat; display:block; width:558px; height:37px; text-indent:-5000px; }
h2.oportunidades { background:url(images/titulo_oportunidades-trans.png) no-repeat; display:block; width:558px; height:37px; text-indent:-5000px; }
h2.servicios { background:url(images/titulo_servicios-trans.png) no-repeat; display:block; width:580px; height:37px; text-indent:-5000px; }
h2.experiencia { background:url(images/titulo_experiencia-trans.png) no-repeat; display:block; width:580px; height:74px; text-indent:-5000px; }
h2.gerencia { background:url(images/titulo_gerencia-trans.png) no-repeat; display:block; width:580px; height:37px; text-indent:-5000px; }
h2.contactanos { background:url(images/titulo_contactanos-trans.png) no-repeat; display:block; width:250px; height:37px; text-indent:-5000px; }

h2.home { background:url(images/title_home-trans.png) no-repeat; display:block; width:580px; height:74px; text-indent:-5000px; }
h2.history { background:url(images/title_history-trans.png) no-repeat; display:block; width:500px; height:37px; text-indent:-5000px; }
h2.opportunities { background:url(images/title_opportunities-trans.png) no-repeat; display:block; width:300px; height:37px; text-indent:-5000px; }
h2.services { background:url(images/title_services-trans.png) no-repeat; display:block; width:580px; height:37px; text-indent:-5000px; }
h2.experience { background:url(images/title_experience-trans.png) no-repeat; display:block; width:580px; height:37px; text-indent:-5000px; }
h2.management { background:url(images/managment_title-trans.png) no-repeat; display:block; width:600px; height:37px; text-indent:-5000px; }
h2.contact_us { background:url(images/title_contact-trans.png) no-repeat; display:block; width:250px; height:37px; text-indent:-5000px; }
h2.orgChart { background:url(images/orgTitle-trans.png) no-repeat; display:block; width:250px; height:37px; text-indent:-5000px; }


	/* HEADER
	-------------------------------------------------------------- */
	#header { width:1024px; height:89px; margin:0 auto; background:url(images/hl_logo-trans.png) no-repeat; }
	
	/* TOP MENU
	-------------------------------------------------------------- */
	#top_menu { width:1024px; height:65px; background:url(images/menu_bar-trans.png) no-repeat; margin:5px auto; }
	#top_menu ul { list-style:none; font-family:"Century Gothic",Arial, Helvetica, sans-serif; }
	#top_menu li { float:left; margin:22px 12px; }
	#top_menu li a { color:#fff; text-decoration:none; padding:8px; }
	#top_menu a:hover { background:#c0b9a6; color:#591925; }
	#top_menu li.current a { background: #c0b0a6; color:#591925; }
	
	
	/* FLAGS
	-------------------------------------------------------------- */
	#flags { float:right; padding:5px 15px 0 0; }
	#flags a { text-decoration:none; color:#fff; }
	#flags a:hover {background:none; color:#fff; }
	#flags img { padding-right:5px; }
	
	div.americanflag { padding:5px 0; }
	div.mexicanflag { padding:5px 0; }
	
	
	/* NEWS & SLIDESHOW
	-------------------------------------------------------------- */
	#hl_news_slideshow { width:1024px; height:266px; margin:0 auto; }
	
	#hl_news { background:url(images/news_bar.png); width:630px; height:266px; float:left; }
	
	#hl_slideshow { width:388px; height:266px; float:right; }
	
	/* CONTAINER
	-------------------------------------------------------------- */
	#container { padding-bottom:20px; width:1024px; background:url(images/container_bg.png); margin:5px auto; overflow:hidden; }
	
		/* CONTENT
		-------------------------------------------------------------- */
		#content { width:650px; padding:8px; float:left; }
		
		/* OPPORTUNITY
		-------------------------------------------------------------- */
		#opportunity { width:340px; height:400px; background:url(images/opportunity-trans.png) no-repeat; margin:30px 10px 0 0; float:right; }
		#opportunity img { padding:20px; }
		#opportunity p { color:#fff; padding:0 20px 15px 20px; }
		
		#opportunity_english { width:340px; height:400px; background:url(images/opportunity_english-trans.png) no-repeat; margin:30px 7px 0 0; float:right; }
		#opportunity_english img { padding:20px; }
		#opportunity_english p { color:#fff; padding:0 20px 15px 20px; }
		
		a.more_info { width:148px; height:51px; position:relative; margin:0px 10px 0 180px; display:block; text-indent:-5000px; }
		
	/* FOOTER
	-------------------------------------------------------------- */
	#footer { width:1024px; height:65px; background:url(images/menu_bar-trans.png) no-repeat; margin:5px auto; }
	#footer p { float:left; color:#AAAAAA; margin-top:5px; font-size:.8em; }
	#footer a img { border:none; }
	
	#kangomedia { padding:20px; float:left; }
	#kangomedia p { margin-top:-5px; }
	
	#footer_menu { float:right; }
	#footer_menu ul { list-style:none; padding:22px; }
	#footer_menu li { float:left; padding: 0 10px; }
	#footer_menu a { text-decoration:none; color:#fff; font-size:.8em; }


/**********************************
ORGANIZATION CHART
**********************************/

#orgChart { width:636px; height:416px; background:url(images/chart-trans.png) no-repeat;}
#orgChartSpanish { width:636px; height:416px; background:url(images/chartspanish-trans.png) no-repeat;}


.box { width:131px; height:52px; display:block; text-indent:-5000px; }
a:hover.box { border:1px solid red; background:#000; opacity:0.4;filter:alpha(opacity=40); }

.director {position:absolute; margin:76px 0 0 90px;}
.planning {position:absolute; margin:147px 0 0 10px;}
.adminLegal {position:absolute; margin:147px 0 0 169px;}
.engineering {position:absolute; margin:218px 0 0 10px;}
.hse {position:absolute; margin:218px 0 0 169px;}
.operations {position:absolute; margin:289px 0 0 10px;}
.businessDevelopment {position:absolute; margin:289px 0 0 169px;}

#director { display:none; color:#fff; }
#planning_manager { display:none; color:#fff; }

#direccion { display:none; color:#fff; }
#planeacion { display:none; color:#fff; }

#director p { font-size:.9em; }
h3.name { margin-bottom:-10px; color:#fff; font-size:1.4em; }
span.title { font-weight:bold; color:#fff; font-size:1em; margin-left:-8px; }
.curriculum { color:#fff; font-size:.8em; margin-left:-5px; }
.curriculum p { margin-bottom:-10px; }