@charset "utf-8";
body { font:13px/1.2em Arial, Helvetica, sans-serif; color: #333333; background-color: #ffffff; margin: 0px; padding: 0px;}

/* ----- HEADER ----- */
#header { width:870px; height:90px; position:relative; clear:both; }
#logoceym {position:absolute;background-image:url(../images/logos/clients/logo-ceym.png);background-repeat:no-repeat;	left: 0px;	top: 24px;width: 398px;height: 66px;
text-indent:-8000px;	cursor:pointer;}
#language { position:absolute; left: 760px; top: 103px; width: 97px; height: 19px;}

/* Menu */
#menuContainer { width:870px; height:35px; background:url(../images/layout/bg-menu.jpg) no-repeat; }	
#thicktabs { margin: 0 0 0 11px;	padding: 0;	float: left; font: 15px "Arial Narrow", Arial; }
#thicktabs li {	display: inline;}
#thicktabs li a { float: left; color:#333333; padding: 5px 12px 6px 12px;  text-decoration: none; background-color:transparent; margin:4px 0 0 3px;}
#thicktabs li a:visited { color: #333333;}
#thicktabs li a:hover { color:#000000; background:url(../images/layout/bg-menuhover.jpg) repeat-x; }
#thicktabs li .active { color:#000000; background:url(../images/layout/bg-menuhover.jpg) repeat-x; }

.linkcolor { color:#333333;}
			
/* FAUX LAYOUT WRAPPER */
#bodyWrapper { margin:auto; width:870px; position:relative;}
#wrapper{ width:870px; overflow:auto; margin-bottom:20px; }

/* Headers */	
#headcontent { width:870px; height:236px;}
	.head-thecompany { background:url(../images/headers/thecompany.jpg) no-repeat; }
	.head-divisions { background:url(../images/headers/divisions.jpg) no-repeat; }
	.head-careers { background:url(../images/headers/careers.jpg) no-repeat; }
	.head-contactus { background:url(../images/headers/contactus.jpg) no-repeat; }
	.head-powergen { background:url(../images/headers/powergen2.jpg) no-repeat; }
	.head-mechanicaleng { background:url(../images/headers/mechanicaleng.jpg) no-repeat; }
	.head-electricaleng { background:url(../images/headers/electricaleng.jpg) no-repeat; }
	.head-misc1 { background:url(../images/headers/head13.jpg) no-repeat; }
	.head-misc2 { background:url(../images/headers/head6.jpg) no-repeat; }
	.head-misc3 { background:url(../images/headers/head4.jpg) no-repeat; }
	.head-misc4 { background:url(../images/headers/head5.jpg) no-repeat; }
	.head-misc5 { background:url(../images/headers/head10.jpg) no-repeat; }
	.head-misc6 { background:url(../images/headers/head11.jpg) no-repeat; }

/* Divisions bars */
#bar-divisions { width:870px; height:10px;}
	.barpowergen { background: url(../images/layout/stripe-powergen.png) no-repeat; }
	.barmechanicaleng { background: url(../images/layout/stripe-mechanicalgen.png) no-repeat; }
	.barelectricaleng { background: url(../images/layout/stripe-electricalgen.png) no-repeat; }

/* ----- MAIN CONTENT ----- */
/* 2 col */
#content { width:560px; height:auto !important; ¡margin-bottom:20px;}
#navigation { width:280px;  height:auto !important;  float:right; }

/* 1 col */
#contentfull { width:870px; height:auto !important; ¡margin-bottom:20px;}

/* 2 col centered */
#left-col { width:440px; height:auto !important; margin-bottom:20px;}
#right-col { width:400px;  height:auto !important;  float:right;}

/* 3 col centered */
.content3col { position:relative; float:left; width:290px; }

/* Home Modules (3 col) */
#homeModules{ width: 870px; margin: 0 auto; }
#homeModulesWrapper {  float: left; width: 870px;}
.module { position:relative; float:left; width:290px; font-size:11px; }
	.powergen  { background:url(../images/layout/home-powergen.jpg) no-repeat; padding-top:380px; }
	.electricaleng  { background:url(../images/layout/home-electricaleng.jpg) no-repeat;  padding-top:380px; }
	.mechanicaleng  { background:url(../images/layout/home-mechanicaleng.jpg) no-repeat; padding-top:380px;  }
	.modulepadding { padding-right:18px;}

#submoduleswraper { border-top:10px solid #f0f0f0; padding-top:17px;  clear:both; position:relative;  font-size:11px; }
	#news { width:290px; float:left; }
	.submodules { width:170px; margin-left:20px; float:left;}


/* ----- FOOTER ----- */
#footer { width:870px; height:30px; position:relative; color:#666666; font-size:11px; border-top:10px solid #f0f0f0; padding-top:10px; }
#footertext { padding:4px 0 0 0; float:left;}
#footerlogo { float:right; position:relative;	width:142px;}

/* SUBMENU */
#submenuContainer { display:block; margin:9px 0 0 0;  width:770px; padding-bottom:23px;}	
.indentmenu{font: normal 12px Arial;width: 100%; overflow: hidden;color:#333333; margin:0;}
.indentmenu ul{margin: 0;padding: 0;float: left;width: 100%;  background: none}
.indentmenu ul li{display: inline;}
.indentmenu ul li a{ float: left; color: #333333; padding: 6px 12px; text-decoration: none; background: url(../images/layout/bg-button.jpg) repeat-x; margin-right:4px; }
.indentmenu ul li a:visited{color: #333333;}
.indentmenu ul li a:hover, .indentmenu ul li .current{color: white !important; padding: 6px 12px;  background:url(../images/layout/bg-buttonactive.jpg) repeat-x;}


/* ----- TEXT AND LINKS ----- */
h2, h3  {font-weight:normal; color:#000000; }
h2	{ margin:3px 0 19px 0; font-size:26px; }
h3	{ margin:3px 0 10px 0; font-size:16px; line-height:1.3em; font-weight:bold}
h4	{ margin:3px 0 13px 0;	font-size:13px; line-height:1em; color:#FFFFFF; font-weight:bold;}

.underlinetitles { border-bottom:1px solid #cccccc; margin-bottom:10px; padding-bottom:4px;}
.smallText {font-size:11px; color:#666666;}
.miniText {font-size:0.8em; color:#cccccc;}
.quote {font:italic 17px/1.1 Geneva, Arial, Helvetica, sans-serif; color: #999999;}

p {	margin:4px 0 1em 0;}
	
a:link { color: #003264; text-decoration: none;}
a:visited {	color: #003399;	text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}
a:active {	color: #000000; text-decoration: underline;}

.footer:link { color: #999999;	text-decoration: none;}
.footer:visited { color: #666666; text-decoration: none;}
.footer:hover { color: #333333; text-decoration: underline;}
.footer:active { color: #333333; text-decoration: underline;}

/* ----- LISTS ----- */
li { list-style-image: url(../images/bullets/bulletSmall.gif);}


/* ----- FORMS ------ */
label,input { display: block; float: left; margin-bottom: 10px;}
.inputBox { background-color:#f1f1f1; color:#333333; border: 1px solid #cccccc; font-size:1.2em; font-family:Arial, Helvetica, sans-serif;	padding:4px;}
label {	text-align: right;	width: 190px; padding-right: 7px;}
.br {clear: left;}

/* ---- BUTTONS ---- */
.rounded_button, .rounded_button span {background:url(../images/layout/bgmenu.gif) no-repeat;}
.rounded_button {padding:3px 25px 3px 20px; background-position:right 0; position:relative;}
.rounded_button span {background-position: left top; width:15px; height:21px; position:absolute; top:0px; left:0px; display:block; cursor:pointer; }
.rounded_button:hover {background-position:right -23px; color:#000; }
.rounded_button:hover span { background-position:left bottom;}

/* ---- CONTENT ITEMS ---- */
.downloadbar { padding:3px 5px 5px 60px; background:url(../images/content/icon-pdf.png) no-repeat; font-size:12px; clear:both; height:53px;}
.downloadbar img { /*padding:4px;*/ float:left; clear:right; margin:0 0 0 10px;}
.downloadbar div { float:left; margin-bottom:10px;}

.moduledivider { background-color: #f0f0f0; margin:15px 0; height:10px;  }

.contentimages  { margin:0 12px 10px 0;   float:left;}
.borderimage {  border:3px solid #cccccc;}
.location { margin-right:12px; display:block;  float:left;}

.featuredmap  { width:400px; height:590px; position:relative;}
.featuredproject  {	position:absolute;	width:201px;	height:161px; left: 11px;	top: 343px;}

.listitem-rigth  { padding-bottom:6px; margin:4px 0 8px 0; border-bottom:1px solid #cccccc;}
.listproject  { margin:3px 6px 0 6px; border-bottom:1px solid #cccccc; background: url(../images/content/icon-arrow.png) no-repeat; padding:2px 5px 0 40px;}

.listcontainer { margin:10px 0 8px 0;  display:table; }
.listcontainerimg { background-image:url(../images/layout/bgFoto.jpg); background-repeat:repeat-x; margin:4px 15px 7px 0; padding:4px; float:left;}

/* ----- PROJECTS ----- */
.portafolio ul { margin:18px 0 0 0; padding:0; text-align:left; }
.portafolio ul li {	list-style: none; display: inline; float: left;	margin: 5px 10px 20px 0;}
.portafolioimg {  margin-bottom:7px; padding:4px;  }