@charset "utf-8";
body { font:14px/1.5em Arial, Helvetica, sans-serif; color: #333333; background: #ffffff url(../images/layout/bgtop.jpg) repeat-x; margin: 0px; padding: 0px;}

/* ----- HEADER ----- */
#header { width:960px; height:90px; position:relative; clear:both; }
#logoceym { position:absolute; background: url(../images/layout/logo-ceym.png) no-repeat; left: 0px; top: 8px; width: 354px; height: 54px; text-indent:-10000px; cursor:pointer; }
#language { position:absolute; left: 640px; top: 3px;  height: 19px; text-align:right; width: 320px; color:#999999 }

/* MAIN MENU */
#menuContainer { width:531px; height:47px; position:absolute; right: -6px; top: 30px; }	
#menuContainerES { width:571px; height:47px; position:absolute; right: -6px; top: 30px; }	

.solidblockmenu{ margin: 0; padding: 0; float: left; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif, Tahoma; width: 100%; overflow: hidden; margin-bottom: 13px;}
.solidblockmenu li{display: inline;}
.solidblockmenu li a{float: left;color: #fff; padding: 11px 13px 14px 13px; margin-right:6px; text-decoration: none; background: url(../images/layout/bg-menu-off.png) center center repeat-x;}
.solidblockmenu li a:visited{}
.solidblockmenu li a:hover, .solidblockmenu li .current { color: #333333; background:  url(../images/layout/bg-menu-on.png) center center repeat-x;}

/* SUBMENU */
#submenuContainer { width:900px; height:24px; position:absolute; top:71px; left: 3px; }	
.indentmenu{ margin: 0; padding: 0; float: left; font: bold 12px Arial, Helvetica, sans-serif; width: 100%; overflow: hidden; }
.indentmenu li{display: inline;}
.indentmenu li a{float: left; color: #B5C4D6;  margin-right:20px; text-decoration: none;}
.indentmenu li a:visited{ }
.indentmenu li a:hover, .indentmenu li .currentsub { color: #fff; }
				
/* FAUX LAYOUT WRAPPER */
#bodyWrapper { margin:auto; width:960px; position:relative; overflow:hidden;}
#wrapper{ width:960px; overflow:auto; margin-bottom:20px;overflow:hidden; }

/* ----- MAIN CONTENT ----- */
/* 2 col */
#content { width:670px; height:auto !important; margin-bottom:20px;}
#navigation { width:250px;  height:auto !important;  float:right; }
/* 1 col */
#contentfull { width:960px; height:auto !important; margin-bottom:20px;}
/* 2 col centered */
#left-col { width:490px; height:auto !important; margin:0 35px 20px 0; float:left;}
#right-col { width:420px;  height:auto !important;  float:left;}
/* Columns clases */
.left-col { width:490px; height:auto !important; margin:0 35px 20px 0; float:left;}
.right-col { width:420px;  height:auto !important;  float:left;}

.col3-left { width:300px; height:auto !important; margin:0 30px 20px 0; float:left;}
.col3-center { width:300px;  height:auto !important; margin:0 30px 20px 0; float:left;}
.col3-right { width:300px;  height:auto !important; margin:0 0 20px 0; float:left;}

.content { width:660px; height:auto !important; margin-bottom:20px;}
.navigation-content { width:260px;  height:auto !important;  float:right; margin-left:35px; }
.navigation-content p { font-size:12px; line-height:1.4em }
.contentfull { width:960px; height:auto !important; margin-bottom:20px;}
/* 3 col centered */
.content3col { position:relative; float:left; width:290px; }

/* Home Modules (3 col) */
#homeModules{ width: 960px; margin:20px 0 20px 0; }
.module { position:relative; float:left; width:240px;  }
	.industrial { background:url(../images/content/home-industrial-infraestructure.jpg)  no-repeat; padding-top:136px; }
	.power  { background:url(../images/content/home-power.jpg) no-repeat;  padding-top:136px;}
	.oilgas  { background:url(../images/content/home-oilgas.jpg) no-repeat; padding-top:136px;  }
	.products {  background:url(../images/content/home-value-added.jpg) no-repeat; padding-top:136px;  }
.module h2 { font-size:16px; font-weight:bold; text-align:center; font-family: 'Lato', serif; text-shadow: 0px 1px 2px #000;}
.moduleba { position:relative; float:left; width:240px; background:url(../images/layout/bg-business-area.jpg); padding-bottom:20px; }
.moduleba h2 { font-size:16px; font-weight:bold; text-align:center; font-family: 'Lato', serif; text-shadow: 0px 1px 2px #000;}
.moduleba .padding { font-size:11px; padding:8px 12px; line-height:1.4em}

.module3Col { position:relative; float:left;   }


#submoduleswraper {  clear:both;   font-size:11px; padding-top:15px; }
	#news { width:300px; float:left; line-height:1.4em }
	.submodules { width:200px; margin-left:20px; float:left; line-height:1.4em;}
	.submodules img { float:left; margin:0 12px 13px 0; }

/* ----- FOOTER ----- */
#footer { width:100%; min-height:180px;  padding-top:10px; margin-top:13px; background: #333 url(../images/layout/bg-footer.jpg) repeat-x; }
#footercontent{ width: 960px; margin:auto; position:relative; color:#ccc; font-size:11px;}
#footertext { padding:10px 0 0 225px; float:left;}
.sitemap { width:132px; float:left; margin-right:15px;}
#footercertifications { position:absolute; width:202px; height:93px; top: 13px; left: 0px; visibility:hidden }
#footerdisclaimer {  padding:15px 0 0 0;  clear:both;}

/* ----- TEXT AND LINKS ----- */
h2, h3  {font-weight:normal; color:#000000;  }
h1 {  font:bold 35px 'Lato', serif; margin:3px 0 14px 0;  text-decoration: none; line-height:1.3em }
h2	{ font:26px 'Lato', serif; margin:3px 0 19px 0; line-height: 1.3em; }
h3 { font:normal 18px  'Lato', serif;   margin:0 0 15px 0;  text-shadow: none;  text-decoration: none; line-height:1.3em}
h4	{ margin:0 0 10px 0;	font-size:13px; line-height:1.3em; color:#000; font-weight:bold;}

.underlinetitles { border-bottom:1px solid #cccccc; margin-bottom:13px; padding-bottom:6px; clear:left; font-size:22px;}
.smalltext {font-size:11px; color:#666; line-height:1.3em;}
.minitext {font-size:0.8em; color:#cccccc;}
.quote {font:italic 17px/1.3 Georgia, "Times New Roman", Times, serif; color: #999999; padding:15px 20px 10px 25px;}
.quotesmall {font:italic 15px/1.3 Georgia, "Times New Roman", Times, serif; color:#004E9C; padding:6px 0px 10px 10px;}

p {	margin:4px 0 1.8em 0;}
.linkcolor { color:#333333;}
	
a:link { color: #004E9C; 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: #f0f0f0;	text-decoration: none;}
.footer:visited { color: #cccccc; text-decoration: none;}
.footer:hover { color: #fff; text-decoration: underline;}
.footer:active { color: #fff; text-decoration: underline;}

.small:link { color: #fff;	text-decoration: none;}
.small:visited { color: #ccc; text-decoration: none;}
.small:hover { color: #ccc; text-decoration: underline;}
.small:active { color: #ccc; text-decoration: underline;}

.white:link { color: #fff;	text-decoration: none;}
.white:visited { color: #fff; text-decoration: none;}
.white:hover { color: #fff; text-decoration: underline;}
.white:active { color: #ccc; text-decoration: underline;}

/* ----- LISTS ----- */
#navigation li { list-style-image: url(../images/layout/bullet.png); line-height:1.6em;}

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

.moduledivider { background-color: #f0f0f0; margin:26px 0 21px 0; height:4px;  }
hr { background-color: #f0f0f0; margin:36px 0 30px 0; height:4px; clear:both; border:none }
.contentimagessmall { margin:0 12px 20px 0;  float:left;}
.contentimages2 { margin:0 20px 30px 0;  float:left;}
.contentimages2nomargin { margin-right:0;}
.contentimages  { margin:0 20px 17px 0;  float:left;}
.contentimagesright { margin:0 0 30px 20px;  float:right;}
.clientlist  { margin:0 45px 30px 0;   float:left; box-shadow: 0 1px 2px #666; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.borderimage {  border:3px solid #ededed;}
.borderimagebig {  border:8px solid #ededed; margin-bottom:18px;}

.location { margin-right:12px; display:block;  float:left;}

.featuredprojectlist {margin:0 18px 10px 0;   float:left; width:200px;}
.featuredprojectlist img { border:3px solid #f0f0f0; float:left; clear:right; margin:0 0 10px 0 ;}

.featuredprojects {margin:0 18px 15px 0;   float:left; width:460px; min-height:175px;}
.featuredprojects img { border:3px solid #f0f0f0; float:left; clear:right; margin:0 14px 16px 0 ;}

.featuredprojectsright {margin:0 0 10px 30px;   float:right; width:320px;}
.featuredprojectsright img { border:3px solid #f0f0f0; float:left; clear:right; margin:0 14px 15px 0 ;}
.featuredprojectsright h3 { clear:left; font-size:16px; font-weight:normal;}

.items2columnas {margin:0 18px 10px 0;   float:left; width:315px;}
.items2columnas img { border:4px solid #f0f0f0; clear:right; margin:0 15px 13px 0 ;}

.module1column {margin:0 24px 10px 0;   float:left; width:220px; line-height:1.4em}
.last {margin-right:0;}
.module1column img { border:4px solid #f0f0f0;  margin:0 15px 13px 0; float:left;}


/* Proyectos destacados del Mapa */
.tooltip { position:absolute; width:266px; background-color:#FFF; box-shadow:  0 1px 4px #333; left: 670px; top: 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }
.tooltip .content{ padding:11px 14px 0 14px; font-size:11px; color:#666; }
.tooltip img {/*float:left;*/ clear:left; margin:0 0 7px 0; border:3px solid #ededed; }
.tooltip p { margin:0 0 4px; line-height:1.4em;}
/* Project map */
.dot { position:absolute; width:11px; height:11px;  }
#baindex { width:960px; height:60px; }

/* Tabbed content */
.hide { position: absolute; top: -9999px; left: -9999px; }
#example-two .list-wrap { background: #91B3D6; padding: 11px; margin: 0 0 1px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #ccc; padding: 9px 13px; color: #333; background-color:#FFFFFF; }
#example-two ul li a:hover { background: #f0f0f0; color: #333; text-decoration:none; }
#example-two ul li:last-child a { border: none; list-style: none; }

#example-two .nav { overflow: hidden; margin:0; }
#example-two .nav li {  float: left; margin: 0 2px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 7px 10px; background: #f0f0f0; color: #333; font-size: 11px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #91B3D6 !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background-color: #ccc; color:#333;}
/* ------ */


.listitem-right  { 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;  }*/	

/* FEED READER */
#feed { font-size:12px; width:300px;}
#feed a{ text-decoration:none; display:block; margin-top:13px; font-weight:bold;}
#feed .time{ color:#999; font-size:11px;}
#feed .snippet{}

#feedcol { font-size:12px; width:250px;}
#feedcol a{ text-decoration:none; display:block; margin-top:13px; font-weight:bold;}
#feedcol .time{ color:#999; font-size:11px;}
#feedcol .snippet{}

/* ----- FORMS ------ */

/*.br {clear: left;}*/

select, option{font-size:14px;}

ol.phpfmg_form{
    list-style-type:none;
    padding:0px;
    margin:0px; clear:none;}

ol.phpfmg_form li{
    margin-bottom:5px;
    display:block;
    overflow:hidden;
	width: 99%}

.form_field, .form_required{
    font-weight : bold;}

.form_required{
    color:red;
    margin-right:8px;}

.field_block_over{}
.col_label{ margin:10px 0 3px 0;}

.form_submit_block{
    padding-top: 5px;}

.text_box, .text_area, .text_select {
    width:330px; background-color:#f2f2f2; color:#333333; border:1px solid #cccccc; font: bold 14px Arial, Helvetica, sans-serif;	padding:6px;}

.text_area{
    height:90px;}

.form_error_title{
    font-weight: bold;
    color: red;}

.form_error{
    background-color: #F4F6E5;
    border: 1px dashed #ff0000;
    padding: 10px;
    margin-bottom: 10px;}

.form_error_highlight{
    background-color: #F4F6E5;
    border-bottom: 1px dashed #ff0000;}

div.instruction_error{
    color: red;
    font-weight:bold;}
/*
hr.sectionbreak{
    height:1px;
    color: #ccc;}*/