/* HOJA DE ESTILOS */

/*-------------------------- GENERAL --------------------------*/
body{
	padding:0; margin:0;
	font-family: "Arial" "Arial Unicode MS";
	}
div, mg, p, a, ul, 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;
	}
.Estilo1 {
	color: #736d6d;
	font-family: "Arial Unicode MS", Arial, "Arial Narrow";
	font-size: 10px;
	text-decoration:none;
}
.Estilo2 {
	color: #FFFFFF;
	font-family: "Arial Unicode MS", Arial, "Arial Narrow";
	font-size: 10px;
	text-decoration:none;
}
.Estilo3 {
	color: #FFFFFF;
	font-family: "Arial Unicode MS", "Arial", "Arial Narrow";
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
}
.Estilo4 {
	color: #666;
	font-family: "Arial Unicode MS";
	font-size: 10px;
	text-decoration:none;
}
.Estilo5 {
	color: #000000;
	font-family: "Verdana", "Arial Unicode MS";
	font-size: 10px;
	text-decoration:none;
}
.Estilo6 {
	color: #666;
	font-family: "Arial Unicode MS", "verdana";
	font-size: 12px;
	text-decoration:none;
}
.Estilo7 {
	font-size: 14px;
	color: #663333;
	font-family: "Arial Unicode MS", "verdana";
}	
.Estilo8 {
	font-size: 14px;
	font-weight: bold;
	color: #663333;
	font-family: "Arial Black", "verdana";
}
.Estilo9 {
	font-size: 9px;
	font-weight: bold;
	color: #663333;
	font-family: "Arial Unicode MS";
}
.Estilo10 {
	color: #000;
	font-family: "Arial Unicode MS";
	font-size: 12px;
	text-decoration:bold;
}
/*-------------------------- HEADER --------------------------*/
div#header-bg{
	background:#2B0D0A;
	padding:10px 0 0 0;
	}
div#header-bg div#header{
	width:1280px; margin:0 auto;
	}


/*-------------------------- NAVIGATION PART --------------------------*/
div#navigation-bg{
	height:66px;
	background:url(images/navigation-bg.gif) 0 0 repeat-x;
	}
div#navigation-bg div#navigation{
	width:940px; margin:0 auto;
	}
div#navigation-bg div#navigation ul.mainMenu{
	padding:0; float:left; width:900px;
	}
div#navigation-bg div#navigation ul.mainMenu li{
	width:100px; float:left;
	background:url(images/navigation-divider.gif) 100% 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a{
	width:100px; height:33px; display:block;
	line-height:33px; text-align:center;
	font: arial unicode ms; font-weight:bold; color:#000000; font-size:11px;
	}
div#navigation-bg div#navigation ul.mainMenu li a:hover{
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	line-height:33px; text-align:center;
	font: arial unicode ms; font-weight:bold; color:#FFFFFF; font-size:11px;
	}
div#navigation-bg div#navigation ul.mainMenu li a.selectMenu{
	width:100px; height:33px; display:block;
	line-height:33px; text-align:center;
	font: arial unicode ms; font-weight:bold; color:#FFFFFF; font-size:11px;
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	}
	
#featured{   
  width:400px;   
  padding-right:250px;   
  position:relative;   
  height:250px;   
  background:#fff;   
  border:5px solid #ccc;   
}  
#featured ul.ui-tabs-nav{   
    position:absolute;   
    top:0; left:400px;   
    list-style:none;   
    padding:0; margin:0;   
    width:250px;   
}   
#featured ul.ui-tabs-nav li{   
    padding:1px 0; padding-left:13px;   
    font-size:12px;   
    color:#666;   
}   
#featured ul.ui-tabs-nav li span{   
    font-size:11px; font-family:Verdana; 
    line-height:18px;   
}  
#featured .ui-tabs-panel{   
    width:400px; height:250px;   
    background:#999; position:relative;   
        overflow:hidden;   
}   
#featured .ui-tabs-hide{   
    display:none;   
}
#featured li.ui-tabs-nav-item a{/*On Hover Style And the selected tab is given a background image with a left arrow. Here are the styles for selected tab.

*/  
    display:block;   
    height:60px;   
    color:#333;  background:#fff;   
    line-height:20px;   
    outline:none;   
}   
#featured li.ui-tabs-nav-item a:hover{   
    background:#f2f2f2;   
}   
#featured li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('images/selected-item.gif') top left no-repeat;   
}   
#featured ul.ui-tabs-nav li.ui-tabs-selected a{   
    background:#ccc;   
}
#featured ul.ui-tabs-nav li img{   
    float:left; margin:2px 5px;   
    background:#fff;   
    padding:2px;   
    border:1px solid #eee;   
}  
#featured .ui-tabs-panel .info{   
    position:absolute;   
    top:180px; left:0;   
	height:70px; width: 400px;   
    background: url('images/transparent-bg.png');   
}   
#featured .info h2{   
    font-size:14px; font-family:Georgia, serif;   
    color:#fff; padding:5px; margin:0;   
    overflow:hidden;   
}   
#featured .info p{   
    margin:0 5px;   
    font-family:Verdana; font-size:11px;   
    line-height:14px; color:#6cade4;   
}   
#featured .info a{   
    text-decoration:none;   
    color:#fff;   
}   
#featured .info a:hover{   
    text-decoration:underline;   
}  

/*-------------------------- DROP DOWN MENU STARTS --------------------------*/
ul.subNav{
	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:#CCCCCC;
	}
ul.subNav li a:hover{
	color:#fff;
	}
/*-------------------------- 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:#FFFFFF url(images/our-company-bg.gif) 0 0 repeat-x;
	}
div#ourCompany-bg div#ourCompany-part{
	width:920px; margin:0 auto; padding:26px 0 28px 0;
	}
div#ourCompany-bg div#ourCompany-part h2.ourCompany-hdr{
	font:normal 35px/38px "Arial Unicode", Arial, Helvetica, sans-serif;
	color:#082733;
	width:920px;
	height:43px;
	background:url(images/horz-dot.gif) 0 100% repeat-x;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-leftPart{
	width:160px;
	margin:12px 0 0 0;
	float:left;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-centroprin{
	width:600px;
	margin:12px 0 0 0;
	float:left;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-submenu-leftPart{
	width:160px;
	margin:2px 0 0 0;
	float:left;
	}
div#ourCompany-bg-bg div#projPartavisos{
	width:220px; float:left;
	background-color:#FFFFFF;
	padding:2px 2px 2px 2px;
	}
div#ourCompany-bg-bg div#projPartavisos h2.projavisos-hdr{
	height:30px; padding:13px 0 0 13px; color:#fff;
	font:normal 24px/25px "Arial Unicode", "Arial", "Helvetica", "sans-serif";
	background-color:#2aa012; text-transform:uppercase;
	}
h2.faq-Hdr{
	width:200px; height:20px; color:#FFFFFF;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#2B0D0A url(images/faq-icon.gif) 3px 4px no-repeat;
	}
h2.moreIdeas-Hdr{
	width:200px; height:20px; color:#FFFFFF;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#2B0D0A 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;
	}
ul.ourCompany-list li a{
	color:#47481A; font-size:11px; line-height:11px;
	text-decoration:underline;
	}
ul.ourCompany-list li a:hover{
	text-decoration:none;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-rightPart{
	background:url(images/avisos.gif) 0 0 no-repeat;
	width:160px;
	height:300px;
	float:right;
	padding:20px 0 0 0;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-rightprinci{
	background:url(images/avisos.gif) 0 0 no-repeat;
	width:160px;
	height:300px;
	float:left;
	padding:20px 0 0 0;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-centro{
	width:580px;
	color:#000000;
	border-right:2px solid #663333;
	margin:5px 0 0 0;
	float:left;
	padding:0 0 0 5px;
	border-right:2px solid #663333;
	}
h2.moreInfo-Hdr{
	width:200px; height:20px; color:#FFFFFF;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#2B0D0A 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;
	}
h2.searchUrl-Hdr{
	width:200px; height:20px; color:#FFFFFF;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#2B0D0A 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;
	}
div#futurePlan-bg div#futurePlanContant{
	width:922px;
	margin:0 auto;
	padding:37px 0  0px 0;
	}

/*-------------------------- TECNO-INTELECTO --------------------------*/
div#futurePlan-bg div#futurePlanContant div#projPart{
	width:251px; float:left;
	background-color:#FFFFFF;
	padding:2px 2px 2px 2px;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h2.proj-hdr{
	height:22px; padding:13px 0 0 13px; color:#000;
	font:bold 14px/16px "Arial Unicode", "Arial", "Helvetica", "sans-serif";
	background-color:#ccc; 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:#663333; 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;
	}
div#futurePlan-bg div#futurePlanContant div#projPart p{
	padding:10px 23px 0 13px; color:#000000;
	font-size:11px; line-height:16px;
	}
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:#B46F07;
	font:normal 25px "Arial Unicode Ms", "Arial", "Helvetica", "sans-serif";
	background:url(images/horz-dot-2.gif) 0 100% repeat-x;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart h3.future-subHdr{
	color:#E7DFA0; font-size:17px; line-height:17px;
	padding:20px 0 0 0; font-weight:bold;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart p{
	padding:0 0 0 0; font-size:14px; line-height:24px;
	color:#837C44; padding:20px 0 0 0; width:440px;
	float:left;
	}
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;
	}
div#footer-bg div#footer-menu{
	width:922px; margin:0 auto;
	padding:20px 0 29px 0;
	}
div#footer-bg div#footer-menu ul.footMenu{
	padding:0 0 0 0;
	}
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{
	font: Verdana, Geneva, sans-serif; color:#B3AC8B; font-size:12px; line-height:18px;
	padding:0 7px 0 7px; display:block; margin:0 0 0 1px;
	}
div#footer-bg div#footer-menu ul.footMenu li a:hover{
	background-color:#262626;
	}
div#footer-bg div#footer-menu p.copyright{
	padding:5px 0 0 7px; color:#FFF;
	font: Verdana, Geneva, sans-serif;  font-size:11px; line-height:12px;
	}
div#footer-bg div#footer-menu p.copyright a{
	color:#B3AC8B;
	}
div#footer-bg div#footer-menu p.copyright a:hover{
	color:#706933;
	}

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