@charset "UTF-8";
/* CSS DOCUMENT */

/*-------------------------- GENERAL --------------------------*/
body{
	background:#fff;
	padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif;
	}
div, mg, p, a, form, input, label, h2, h3 {
	padding:0; margin:0;
	}
img{ border:none;}
a{ outline:none; text-decoration:none;}
/*ul{ list-style-type:none;}*/
.spacer{
	line-height:0; font-size:0; clear:both;
	}

/*-------------------------- HEADER --------------------------*/
div#header-bg{
	background:#005984;
	padding:9px 0 12px 0;
	color:#FCF7CC;
	}
div#header-bg div#header{
	width:922px; margin:0 auto;
	}
div#header-bg div#header img.logo{
	float:left; margin:0 0 0 0;
	}

/*----------------------- BUSCADOR HEADER ------------------------*/

div#buscador{
	height: 25px; width:580px; 
	/*padding:21px 0 0 23px; margin-left: 14; margin-top: 11;*/
	background:#005984;
	}


/*-------------------------- LOGIN AREA --------------------------*/
div#header-bg div#header div#login-bg{
	float:right; width:580px;
	background:url(images/login-middle-bg.gif) 0 0 repeat-x;
 	}
div#header-bg div#header div#login-bg div#login-area{
	width:580px;
	background:#005984;
	}
div#header-bg div#header div#login-bg div#login-area ul.logarea a{
	font-size: 14px; color: #FCF7CC; padding:0; margin:0;
	}
div#header-bg div#header div#login-bg div#login-area form{
	width:557px; height:70px; border:1px solid #FFFFFF; padding:21px 0 0 23px;
	background:#004566;
	}
div#header-bg div#header div#login-bg div#login-area form label{
	line-height:25px; font-size:22px; color:#FCF7CC;
	padding:0 0 0 5px; float:left; margin:0 12px 0 0;
	background-color:inherit;
	}
div#header-bg div#header div#login-bg div#login-area form input{
	/*width:120px; height:20px;*/ border:1px solid #FFFFFF;
	background-color:#0099CC; font-size:12px; color:#fff;
	line-height:12px; padding:5px 0 0 10px; float:left;
	margin:0 12px 0 0;
	}
div#header-bg div#header div#login-bg div#login-area form input.login-btn{
	width:52px; height:24px; border:none;
	background:none; padding:0; margin:0 0 0 0;
	}
	


div#login-bg{
	float:right; width:580px;
	background:url(images/login-middle-bg.gif) 0 0 repeat-x;
 	}
div#login-bg div#login-area{
	width:580px;
	background:#005984;
	}
div#login-bg div#login-area ul.logarea a{
	font-size: 14px; color: #FCF7CC; padding:0; margin:0;
	}
div#login-bg div#login-area form{
	width:557px; height:70px; border:1px solid #FFFFFF; padding:21px 0 0 23px;
	background:#004566;
	}
div#login-bg div#login-area form label{
	line-height:25px; font-size:22px; color:#FCF7CC;
	padding:0 0 0 5px; float:left; margin:0 12px 0 0;
	background-color:inherit;
	}
div#login-bg div#login-area form input{
	/*width:120px; height:20px;*/ border:1px solid #FFFFFF;
	background-color:#0099CC; font-size:12px; color:#fff;
	line-height:12px; padding:5px 0 0 10px; float:left;
	margin:0 12px 0 0;
	}
div#login-bg div#login-area form input.login-btn{
	width:52px; height:24px; border:none;
	background:none; padding:0; margin:0 0 0 0;
	}
	



/*diego*/
div#navigation-bg{
	width: 100%; height:106px; background:url(images/navigation-bg.gif) 0 0 repeat-x;
	}

div#navigation-bgfox{
	width: 100%; height:106px;
/*	margin-top: 100px;	*/
	position: absolute;
	background-color: #000000;
	/*ckground:url(images/navigation-bg.gif) 0 0 repeat-x;*/
	}
	
#info {height:450px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at https://www.cssplay.co.uk/menus/simple_vertical_centered.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#nav {position:absolute; z-index:100; margin: 0 0 0 0;}
/* margin:50px 0 150px 0;}*/
#nav h2 {font-family: "trebuchet ms", arial, sans-serif; font-weight:normal; color:#090;}
#nav h3 {font-family: "trebuchet ms", arial, sans-serif; font-weight:normal;}


/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu {padding:0; margin:0 auto; list-style-type: none; display:table;}
#pmenu ul {padding:0; margin:0; list-style-type: none; display:block;}
#pmenu ul {padding:0; margin:0; list-style-type: none; display:block;}

/* Hide the sub levels */
#pmenu li ul {display:none;}

/* Set up the link size, color and borders */
#pmenu li a, #pmenu li a:visited {display:block;  width:168px; font-size:11px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:2px; border:0px solid #000; border-width:0px 0 0px 0px; text-align:center; font-weight: bold ;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 0px 0px 0px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#005984;}
#pmenu li.tc {display:table-cell;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#000000; color:#7484ad;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:160px;}



/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#005984; color:#c00;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#005984; color:#c00;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#005984}
#pmenu li.drop {background:#005984}

/*
#pmenu li.fly {background:#005984 url(https://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#005984 url(https://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;}
*/

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}


/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */



/*diego fin*/
/*-------------------------- NAVIGATION PART --------------------------*/
/*div#navigation-bg{
	height:66px; background:url(images/navigation-bg.gif) 0 0 repeat-x;
	}
div#navigation-bg div#navigation{
	width:922px; margin:0 auto;
	}
div#navigation-bg div#navigation ul.mainMenu{
	padding:0; float:left; width:921px;
	}
div#navigation-bg div#navigation ul.mainMenu li{
	width:111px; float:left;
	background:url(images/navigation-divider.gif) 100% 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a{
	width:110px; height:33px; display:block;
	line-height:15px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background-color:inherit;
	}
div#navigation-bg div#navigation ul.mainMenu li a:hover{
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a.selectMenu{
	width:110px; height:33px; display:block;
	line-height:15x; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	background-color:inherit;
	}
*/
/*-------------------------- DROP DOWN MENU STARTS --------------------------*/
/*ul.subNav{
	visibility: hidden; font:normal 11px/12px Arial, Helvetica, sans-serif;
	padding:4px 0 0 0;
	}
ul.subNav li{
	background:url(images/navigation-dropdown-divider.gif) 0 0 no-repeat;
	height:17px; float:left; padding:6px 0 0 0;
	}
ul.subNav li a{
	display:block; margin:0 22px 0 20px;
	color:#84915D;
	background-color:inherit;
	}
ul.subNav li a:hover{
	color:#fff;
	background-color:inherit;
	}*/
/*-------------------------- DROP DOWN MENU ENDS --------------------------*/

/*div#navigation-bg div#navigation a.signup{
	width:71px; height:28px; display:block;
	background:url(images/sign-up-btn.gif) 0 0 no-repeat;
	margin:2px 0 0 0; float:right; 
	}
div#navigation-bg div#navigation a.signup:hover{
	background:url(images/sign-up-btn-selected.gif) 0 0 no-repeat;
	}*/

/*-------------------------- OUR COMPANIES MAIN FEATURES --------------------------*/
div#ourCompany-bg{
	background:#FFF;
	color:inherit;
	}
div#ourCompany-bg div#ourCompany-part{
	width:922px; margin:0 auto; padding:0px 0 28px 0;
	/*background:url(images/our-company-bg-pic.jpg) 606px 0 no-repeat;*/
	}
div#ourCompany-bg div#ourCompany-part h2.ourCompany-hdr{
	font:normal 35px/38px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#082733; width:574px; height:0px;
	/*background:url(images/horz-dot.gif) 0 100% repeat-x;*/
	background-color:inherit;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-middlePart{
	width:290px; /*border-right:2px solid #CBC387;*/
	margin:12px 0 0 25px; float:left;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-leftPart{
	width:290px; /*border-right:2px solid #CBC387;*/
	margin:12px 0 0 0; float:left;
	}
h2.faq-Hdr{
	width:265px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/more-info-icon.gif) 3px 4px no-repeat;
	}
h2.moreIdeas-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/more-ideac-icon.gif) 3px 4px no-repeat;
	}
ul.ourCompany-list{
	padding: 11px 0 10px 0;
	}
ul.ourCompany-list li{
	background:url(images/bullet1.gif) 0 3px no-repeat;
	display:block; margin:0 0 8px 0; padding:0 0 0 15px;
	color:#47481A; font-size:11px; line-height:11px;
	background-color:inherit;
	}
ul.ourCompany-list li a{
	color:#47481A; font-size:11px; line-height:11px;
	text-decoration:underline;
	background-color:inherit;
	}
ul.ourCompany-list li a:hover{
	text-decoration:none;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-rightPart{
	width:252px; margin:12px 0 0 0; float:left;
	padding:0 0 0 25px;
	}
h2.moreInfo-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/more-info-icon.gif) 3px 4px no-repeat;
	}
p.moreInfo-Text{
	padding:0 0 20px 23px; font-size:10px;
	line-height:14px; color:#47481A;
	background-color:inherit;
	}
h2.searchUrl-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/search-url-icon.gif) 3px 4px no-repeat;
	}

/*-------------------------- FUTURE PLANS --------------------------*/
div#futurePlan-bg{
	background:#2B0D0A url(images/future-plan-bg.gif) 0 0 repeat-x;
	color:#837C44;
	}
div#futurePlan-bg div#futurePlanContant{
	width:922px; margin:0 auto;
	padding:37px 0 54px 0;
	}

/*-------------------------- PROJECTS 2007 --------------------------*/
div#futurePlan-bg div#futurePlanContant div#projPart{
	width:251px; float:left;
	background-color:#706933;
	padding:2px 2px 28px 2px;
	color:#fff;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h2.proj-hdr{
	height:37px; padding:13px 0 0 13px; color:#fff;
	font:normal 24px/25px "Arial Narrow", Arial, Helvetica, sans-serif;
	background-color:#1E1E1C; text-transform:uppercase;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h2.proj-hdr span{
	font-weight:bold;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic{
	padding:3px 0 0 0;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic li{
	display:block; margin:0 2px 0 0; float:left;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic li.noRightMargin{
	margin:0;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic li.noRightMargin a{
	display:block;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h3.sub-hdr{
	color:#FFF; font-size:12px; line-height:12px;
	font-weight:bold; text-indent:28px; margin:15px 0 0 0;
	background:url(images/bullet2.gif) 12px 0 no-repeat;
	background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#projPart p{
	padding:10px 23px 0 13px; color:#fff;
	font-size:11px; line-height:16px;
	background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#projPart a.more-btn{
	display:block; width:76px; height:28px; margin:5px 0 0 159px;
	background:url(images/read-more-btn.gif) 0 0 no-repeat;
	}
div#futurePlan-bg div#futurePlanContant div#projPart a.more-btn:hover{
	background:url(images/read-more-btn-selected.gif) 0 0 no-repeat;
	}

/*-------------------------- FUTURE PART --------------------------*/
div#futurePlan-bg div#futurePlanContant div#futurePart{
	width:613px; float:right; padding:10px 0 0 0;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart h2.future-hdr{
	height:40px; color:#FFF;
	font:normal 35px/35px "Arial Narrow", Arial, Helvetica, sans-serif;
	background:url(images/horz-dot-2.gif) 0 100% repeat-x;
	background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart h3.future-subHdr{
	color:#B46F07; font-size:17px; line-height:17px;
	padding:20px 0 0 0; font-weight:bold;
	background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart p{
	font-size:14px; line-height:24px;
	color:#837C44; padding:20px 0 0 0; width:440px;
	float:left; background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart img{
	float:right; display:block; margin:-50px 0 0 0;
	}

/*-------------------------- FOOTER PART --------------------------*/
div#footer-bg{
	background:#121212 url(images/footer-bg.gif) 0 0 repeat-x;
	color:#B3AC8B;
	}
div#footer-bg div#footer-menu{
	width:922px; margin:0 auto;
	padding:20px 0 29px 0px;
	/*background:url(images/footer-logo.jpg) 100% 13px no-repeat;*/
	}
div#footer-bg div#footer-menu ul.footMenu{
	padding:0 0 0 197px;
	}
div#footer-bg div#footer-menu ul.footMenu li{
	float:left; background:url(images/footmenu-divider.gif) 0 3px no-repeat;
	}
div#footer-bg div#footer-menu ul.footMenu li.noDivider{
	background:none;
	}
div#footer-bg div#footer-menu ul.footMenu li a{
	color:#FFF; font-size:11px; line-height:16px;
	padding:0 7px 0 7px; display:block; margin:0 0 0 1px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu ul.footMenu li a:hover{
	background-color:#262626;
	color:#B3AC8B;
	}
div#footer-bg div#footer-menu p.copyright{
	padding:5px 0 0 7px; color:#FFF;
	font-size:11px; line-height:11px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a{
	color:#B3AC8B;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a:hover{
	color:#706933;
	background-color:inherit;
	}

/*-------------------------- MISLENIOUS --------------------------*/
.noBottomPadding{
	padding-bottom:0 !important;
	}
.noBg{
	background:none !important;
	}
.topPad{
	padding-top:15px !important;
	}