/*****************************************
ESTILOS GENERALES
********************************************/

body								{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#525252;
									 text-align:center; background:#fff;}
#header								{width:982px; height:80px; margin:0px auto; z-index:0; padding:0px; position:relative;
									/* padding-top:45px;*/ padding-top:20px; text-align:left;}
#main								{width:967px; margin:0px auto 0px auto; padding:0px; text-align:left;
									 position:relative; z-index:100;}
#leftCol							{float:left; overflow:hidden; width:741px; padding:0px; margin:0px;}
#rightCol							{float:right; width:226px; padding:0px; margin:0px; overflow:hidden;}
#footer								{clear:both; overflow:hidden; width:967px; padding:15px 5px 0px 15px;}

/*----------- Clases Generales -----------*/
.hide								{display:none;}
.coName								{font-style:italic;}


/*****************************************
CABECERA
********************************************/
#logo								{background:url(../img/sprite.png) 0px -45px; width:230px; height:80px; display:block;}
#header a.banner					{position:absolute; top:21px; right:0px; display:block; width:653px; height:73px;}
#mPrincipal							{bottom:4px; right:0px; position:absolute; overflow:hidden;}
#mPrincipal a						{background-image:url(../img/sprite.png); float:left; background-position:-323px -98px;
									 width:72px; height:23px; display:block;}
#mPrincipal #mP2					{width:90px; background-position:-395px -98px;}
#mPrincipal #mP3					{width:122px; background-position:-485px -98px;}
#mPrincipal #mP4					{width:133px; background-position:-607px -98px;}
#mPrincipal #mP5					{width:86px; background-position:-740px -98px;}
#mPrincipal #mP6					{width:156px; background-position:-826px -98px;}
#mPrincipal #mP1:hover				{width:72px; background-position:-323px -121px;}
#mPrincipal #mP2:hover				{width:90px; background-position:-395px -121px;}
#mPrincipal #mP3:hover				{width:122px; background-position:-485px -121px;}
#mPrincipal #mP4:hover				{width:133px; background-position:-607px -121px;}
#mPrincipal #mP5:hover				{width:86px; background-position:-740px -121px;}
#mPrincipal #mP6:hover				{width:156px; background-position:-826px -121px;}


#mSecundario						{top:0px; right:0px; position:absolute; overflow:hidden;}
#mSecundario a						{display:block; background-image:url(../img/sprite.png); float:left;
									 background-position:-824px 0px; width:96px; height:17px;}
#mSecundario #mS2					{background-position:-920px 0px; width:62px;}

#mSocial							{top:0px; right:161px; position:absolute; }
#mSocial a							{display:block; background-image:url(../img/sprite.png); float:left; text-indent:-9999px;
									 background-position:-782px 0px; width:17px; height:17px; margin-right:4px;}
#mSocial #mR2						{background-position:-803px 0px;}
#mSocial a#mR1:hover				{background-position:-782px -18px;}
#mSocial a#mR2:hover				{background-position:-803px -18px;}


/*****************************************
LEFT COL - INTRO
********************************************/

#slideShow						{width:711px; height:270px; margin:4px 15px 6px 15px; position:relative; overflow:hidden;}
#slideShow ul					{position:absolute; height:30px; bottom:-4px; right:-10px; z-index:9998; padding-right:22px;}  
#slideShow ul li				{float:left; width:18px; height:20px; margin-left:10px; padding:4px 0px;}
#slideShow ul li span			{float:left; display:block; color:#294B7A; font-size:18px; line-height:20px; width:20px;
								 height:20px; text-align:center; font-weight:bold; cursor:pointer;}
#slideShow #velo							{width:245px; height:30px; background:url(../img/bg_slideMenu.png) top left;
								 position:absolute; right:-10px; bottom:-4px; z-index:9997;}
#slideImg						{width:711px; height:270px;}
#slideImg a						{position:absolute; left:0px; top:0px; z-index:1;}
#slideImg a:first-child			{z-index:2;}

#testimonios					{background:url(../img/bg_testimonios.jpg); width:702px; height:128px; padding:10px;
								 margin:0px 0px 0px 10px;}
#testimonios h5					{padding:8px 10px 2px 14px; margin:0px; color:#294B7A; font-size:12px; font-weight:bold;
								 background:url(../img/icn_flechaNaranja.gif) no-repeat 0px 11px; margin-left:10px;}
#testimonios ul					{width:702px; height:108px; overflow:hidden;}
#testimonios ul	li				{width:702px; height:108px; position:relative;}
#testimonios ul	li p			{padding:6px 10px 4px 10px; margin:0px; font-style:italic; line-height:18px;}
#testimonios ul	li p.empresa	{position:absolute; right:10px; bottom:0px; font-style:normal; font-weight:bold; color:#ef8314;
								 font-size:12px;}


/*****************************************
LEFT COL - PARTNERS
********************************************/

#partners							{background:url(../img/bg_partners.gif) repeat-x bottom; height:44px; width:711px; 
									 margin:0px 0px 0px 14px; padding:4px 0px 12px 0px; z-index:20;}
#partners a							{margin-left:6px; margin-right:0px;}
#partners .first					{margin-left:2px;}

#index #partLink1 { background:url(../img/log_colt.gif) no-repeat top; width:50px; height:46px; display:block; float:left; }
#index #partLink2 { background:url(../img/log_microsoft.gif) no-repeat top; width:79px; height:46px; display:block; float:left; }
#index #partLink9 { background:url(../img/log_dell.gif) no-repeat top; width:46px; height:46px; display:block; float:left; }
#index #partLink3 { background:url(../img/log_hp.gif) no-repeat top; width:46px; height:46px; display:block; float:left; }
#index #partLink4 { background:url(../img/log_watchguard.gif) no-repeat top; width:90px; height:46px; display:block; float:left; }
#index #partLink5 { background:url(../img/log_barracuda.gif) no-repeat top; width:103px; height:46px; display:block; float:left; }
#index #partLink6 { background:url(../img/log_symantec.gif) no-repeat top; width:93px; height:46px; display:block; float:left; }
#index #partLink7 { background:url(../img/log_alcatel.gif) no-repeat top; width:74px; height:46px; display:block; float:left; }
#index #partLink8 { background:url(../img/log_vmware.gif) no-repeat top; width:80px; height:46px; display:block; float:left; }


/*****************************************
LEFT COL - NOTICIAS
********************************************/
#news								{background:url(../img/bg_news.jpg) no-repeat top left; height:177px; width:741px;
									padding:25px 30px 30px 30px; position:relative; z-index:3; overflow:hidden;}
#news #mascara							{height:186px; width:670px; overflow:hidden;}
#news #mascara #newsContent						{position:relative; z-index:1;}

#news ul							{position:relative;}
#news ul li							{padding-bottom:20px;}									 
#news h5							{color:#7d7d7f; font-size:11px; width:38px; text-align:center; float:left; line-height:16px;
									 margin:3px 14px 15px 0px; height:100%;}
#news h5 span						{font-size:24px; line-height:18px;}
#news h6							{font-size:11px; font-weight:bold; color:#294B7A; text-transform:uppercase; line-height:15px;
										 padding-right:15px;}
#news p								{color:#4b4b4b; padding:0px 15px 2px 0px; line-height:11px;}
#news a								{color:#294B7A; background:url(../img/icn_flecha.gif) no-repeat left; height:10px;
									 line-height:10px; display:inline-block; padding-left:13px;}

#newsScroll								{width:12px; position:absolute; height:190px; left:706px; top:20px;
										 border:#DEE2E6 1px solid; z-index:10;}
#newsScroll div						{cursor:pointer;}
#bajaScroll								{display:block; background:url(../img/icn_scrollUp.gif); width:10px; height:10px; position:absolute; left:1px; top:1px;}
#subeScroll								{display:block; background:url(../img/icn_scrollDown.gif); width:10px; height:10px; position:absolute; left:1px; bottom:1px;}


/*****************************************
MENU RIGHT COL
********************************************/
#tapa								{background:url(../img/bg_indexMenu_top.jpg) no-repeat top; width:226px; height:4px;
											 margin-top:2px;}
#indexMenu							{background:url(../img/bg_indexMenu_mid.jpg) repeat-y left; width:216px; padding:0px 5px; font-size:12px;}
#indexMenu div .imBackground			{background:url(../img/bg_imInterior_bot.jpg) repeat-x bottom;
									 width:205px; display:block; padding:9px 0px 0px 11px;}									

#indexMenu #im1					{background:url(../img/bg_imInterior_top.jpg) repeat-x top; width:216px;}
#indexMenu #im1 a					{background:url(../img/txt_imLink1.jpg) no-repeat; width:116px; height:14px;
									 display:block; margin-bottom:8px;}
#indexMenu #im1 p					{background:url(../img/bg_imContent1.jpg) no-repeat bottom right;
									 margin-right:6px; padding:0px 18px 34px 0px;}									 

#indexMenu #im2						{background:url(../img/bg_imInterior_top.jpg) repeat-x top; width:216px;}
#indexMenu #im2 a					{background:url(../img/txt_imLink2.jpg) no-repeat; width:89px; height:14px;
									 display:block; margin-bottom:8px;}
#indexMenu #im2 #portfolioWeb		{height:185px; width:215px; overflow:hidden; margin-left:-6px;}

#indexMenu #im3						{background:url(../img/bg_imInterior_top.jpg) repeat-x top; width:216px; height:80px;}
#indexMenu #im3 a					{background:url(../img/txt_imLink3.jpg) no-repeat; width:156px; height:14px;
									 display:block; margin-bottom:12px;}
#indexMenu #im3 .imIcons			{background:url(../img/bg_imContent3.jpg) no-repeat top left; width:183px; height:45px;
									 display:block;}

#indexMenu #im4					{width:216px; height:80px;}
/*#indexMenu #im4					{background:url(../img/bg_imInterior_top.jpg) repeat-x top; width:216px; height:80px;}
#indexMenu #im4 a					{background:url(../img/txt_imLink4.jpg) no-repeat; width:80px; height:14px;
									 display:block; margin-bottom:2px;}
#indexMenu #im4 .imIcons		{background:url(../img/bg_imContent4.jpg) no-repeat top left; width:70px; height:52px;
									  margin:0px 0px 0px 110px; display:block;}*/
									 
#indexMenu #im5				{position:relative; background:url(../img/bg_imInterior_top.jpg) repeat-x top; width:216px;}
#indexMenu #im5 a			{background:url(../img/txt_imLink5.jpg) no-repeat; width:125px; height:14px;
									 display:block; margin-bottom:8px;}
#indexMenu #im5 #imgfondo	{background:url(../img/bg_imContent5.jpg) no-repeat bottom right; width:68px;
									 height:99px; display:block; position:absolute; right:0px; bottom:1px; z-index:1;}
#indexMenu #im5 p			{z-index:20; padding:0px 65px 15px 0px;}

#indexMenu p					{color:#4b4b4b;}
#soporteOnline				{background:url(../img/bg_linkSoporte.jpg) no-repeat top left; padding:40px 0px 0px 0px;
									 margin:5px 0px 0px 4px;} 
#soporteOnline p				{color:#294B7A; font-size:10px; padding-bottom:3px;}
#soporteOnline #etq1			{border:#D9DADA 2px solid; font-size:13px; color:#525252;}
#soporteOnline #btnAceptar6	{color:#294B7A; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
									 background:#D9DADA; font-weight:bold; padding:2px 2px;}

/*****************************************
PIE DE PAGINA
********************************************/

#footerMenu					{width:729px; height:9px; float:left; padding:10px 0px 7px 0px;
									 border-bottom:#D9DADA 1px solid; margin-bottom:26px; line-height:9px;}
#footerMenu a				{color:#294B7A; font-size:9px; padding:0px 9px 0px 9px; line-height:9px;
									 border-left:#D9DADA 1px solid;}
#footerMenu .first			{border-left:none; padding:0px 9px 0px 0px;}
#contact						{border-bottom:#D9DADA 1px solid; float:right; width:238px; height:26px;}
#contact #infoTel			{width:100px; height:22px; margin-right:6px; float:left;
									 background:url(../img/icn_phone.gif) no-repeat top;}
#contact #infoMail			{width:114px; height:17px; display:block; float:left; margin-top:4px;
									 background:url(../img/icn_mail.gif) no-repeat top;}

#copy						{float:left; font-size:9px; color:#8E9191; padding-left:57px;
									 background:url(../img/log_odm_pie.gif) no-repeat top left; height:19px;}
#link_w3c					{background:url(../img/icn_w3c.gif); width:55px; height:19px; display:inline-block;
									 margin-left:14px;}
#externalLinks				{float:right; padding:0px 15px 7px 0px;}
#flink1						{background:url(../img/log_planAvanza.gif); width:108px; height:18px; display:block;
									 float:left; margin-right:6px; margin-top:5px;}
#flink2						{background:url(../img/log_ico.gif); width:73px; height:43px; display:block;
									 float:left; margin-right:12px;}
#flink3						{background:url(../img/log_leasecom.gif); width:38px; height:54px; display:block;
									 float:left;}







/*****************************************
SECCION NOTICIAS PRINCIPAL
********************************************/

#noticias #newsMain					{width:659px; height:391px; border:#fafafe 1px solid; border-bottom:none;
									 margin:4px 0px 16px 15px; padding:10px 30px 10px 20px; position:relative; overflow:hidden;}
#noticias #mascaraM					{height:380px; width:640px; overflow:hidden;}
#noticias #newsMContent				{position:relative; z-index:1;}
#noticias #newsMain h5					{font-size:11px; font-weight:bold; padding-bottom:15px; color:#7d7d7f;}
#noticias #newsMain h6					{font-size:11px; font-weight:bold; color:#294B7A; text-transform:uppercase; padding-bottom:10px;
									 line-height:18px;}
#noticias #newsMain p					{text-align:justify; line-height:16px; padding-bottom:10px;}
#noticias #newsSep						{width:711px; height:1px; background:url(../img/bg_partners.gif) repeat-x top;
									 margin-left:16px;}
#noticias #newsMainScroll				{width:12px; position:absolute; height:385px; left:689px; top:8px;
										 border:#DEE2E6 1px solid; z-index:10;}
#noticias #newsMainScroll div				{cursor:pointer;}
#noticias #bajaMScroll					{display:block; background:url(../img/icn_scrollUp.gif); width:10px; height:10px; position:absolute; left:1px; top:1px;}
#noticias #subeMScroll					{display:block; background:url(../img/icn_scrollDown.gif); width:10px; height:10px; position:absolute; left:1px; bottom:1px;}