@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: 23px;	width: 354px;height: 54px;text-indent:-8000px;cursor:pointer;}
#language {	position:absolute;	left: 781px;	top: 3px;	width: 90px;	height: 19px;}

/* Menu */
#menuContainer { width:476px;	height:80px;	position:absolute;	right: 0px;	top: 30px;}	

#menu	{  
	float: left;
	padding: 0;
	margin: 0;
	
	/* Box Shadow */
	box-shadow: 0 1px 0 #000;
	-moz-box-shadow: 0 1px 0 #000;
	-webkit-box-shadow: 0 1px 0 #000;
	
	/* Rounded Corners */
	-moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	
	/* Rounded Corners */
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
}
#menu ul	{
	border-top: #f3f3f3 1px solid;
	padding: 0;
	margin: 0;
	float: left;
	
	/* Background Gradient */
    background-image: -moz-linear-gradient(top, #b4b4b4, #707070);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b4b4b4), to(#707070));
}
#menu li	{
	float: left;
	list-style: none;
	background: none;
	margin-right: 1px;
}
#menu a { outline: none; }
#menu li a:link, #menu li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	color: #262626;
	text-decoration: none;
	text-transform: capitalize;
	text-shadow: 0px 1px 1px #fff;
	padding: 11px 17px;
	
	/* Background Gradient */
    background-image: -moz-linear-gradient(top, #cacaca, #848484);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cacaca), to(#848484));
}
#menu li a:hover	{
	cursor: pointer;
	color: #fff;
	text-shadow: 0px -1px 1px #000;
	
	/* Background Gradient */
    background-image: -moz-linear-gradient(top, #929292, #545454);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929292), to(#545454));
}
#menu li:first-child a, #menu ul {	
	/* Rounded Corners */
	-moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
}
#menu li:last-child a, #menu ul {
	/* Rounded Corners */
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
}
a.active:link, a.active:active, a.active:visited	{	
	color: #fff !important;
	text-shadow: 0px -1px 1px #000!important;
    background-image: -moz-linear-gradient(top, #444, #666)!important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666))!important;
	
	/* Box Shadow */
	box-shadow: inset 0 0 10px #000;
	-moz-box-shadow: inset 0 0 10px #000;
	-webkit-box-shadow: inset 0 0 10px #000;
}

.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:220px; margin-top:15px;}
	.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; }
		.head-misc7 { background:url(../images/headers/head-14.jpg) no-repeat; }
		.head-engineering { background:url(../images/headers/electrical.jpg) no-repeat; }
		.head-procurement { background:url(../images/headers/procurement.jpg) no-repeat; }
		.head-construction { background:url(../images/headers/construction.jpg) no-repeat; }
		.head-electrical-mechanical { background:url(../images/headers/electrical-mechanical-home.jpg) no-repeat; }
		.head-thecompany2 { background:url(../images/headers/head-15.jpg) no-repeat; }

		
/* Divisions bars */
#bar-divisions { width:870px; height:50px; background:url(../images/layout/bg-divisions.png) no-repeat; margin-top:-40px; }
#bar-divisions p { padding:7px 0 0 110px; color:#666; font:normal 13px 'Lato', sans-serif; margin:0;}

/* ----- 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:280px; font-size:11px; }
	.epc  { background: url(../images/content/home-epc.jpg) no-repeat; padding-top:150px; margin-right:15px; }
	.turbine-generator  { background: url(../images/content/home-turbine-generator.jpg) no-repeat;  padding-top:150px; margin-right:15px; }
	.electrical-mechanical  { background: url(../images/content/home-electrical-mechanical.jpg) no-repeat; padding-top:150px;  }
	.modulepadding { padding-right:4px;}

#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:26px 'Lato', serif; line-height: 1em; }
/*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;}

h3 {
  font-family: 'Lato', serif;
  font-size: 19px;
  margin:3px 0 10px 0;
  text-shadow: none;
  text-decoration: none;
  line-height: 1em;}

.underlinetitles { border-bottom:1px solid #cccccc; margin-bottom:11px; padding-bottom:5px;}
.smallText {font-size:11px; color:#666666;}
.miniText {font-size:0.8em; color:#cccccc;}
.quote {font:italic 17px/1.3 Georgia, "Times New Roman", Times, serif; color: #999999; padding:15px 0 15px 25px;}

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:18px 0; height:10px;  }

.navback { background:url(../images/layout/back.png) no-repeat; padding:2px 0 0 80px; color:#666; height:45px; margin-top: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;  }