@charset "UTF-8";

/* ______________________________________ Para PreMain del Logo de la cabecera ___*/
.FondoVeloDefPreMain{					/* hace que la imagen del velo ocupe toda la div*/
	height:100%;
	width:100%;
	}
.DefPreMainInvisible{
	position:absolute; 
	float:left; 
	top: 100px;	
	left: -2000px;
	height:414px; 
	width: 950px; 
}
.DefPreMainAspaCerrar{
	position:absolute;
	float:left;
	top:3px;
	text-align:right;
	left: 881px;
	width: 68px;
	height: 32px;
}
.DefPreMainVisible{
	background-image: url(/Images/Fondo-PreMain.jpg);
	top:83px;
	left:0px;
	width: 948px;
	height: 489px;
	border-top: 1px solid #A3A3A3;
	border-right: 1px solid #A3A3A3;
	border-left: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	z-index:100; 
}
.veloDefPreMainTransp{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	width: 940px;
	height: 1px;
	z-index:55;
}	
.veloDefPreMainOpacidad{
	position:absolute; 
	float:left; 
	top:0px; 
	left:0px; 
  width: 100%;
	height: 120%;
 	cursor:pointer;
	opacity:0.75; 
	filter:alpha(opacity=75);
	z-index:55;
}	

/*========================== Estilos PreMain =====================*/
.DivCentrarPreMain{
	position:relative; 
	width: 950px; 
	height:1px; 
	top:0px; 
	margin: 0 auto;
}
.PreMainInvisible{
	position:absolute; 
	float:left; 
	top: 100px;	
	left: -2000px;
	height:414px; 
	width: 950px; 
}
.aspaCerrar{
	position:absolute;
	float:right;
	top:0px;
	text-align:right;
	width: 68px;
	height: 32px;
	right: 0px;
	z-index: 200;
}
.PreMainVisible{
	top:9px;
	left:0px;
	width: 948px;
	height: 489px;
	border-top: 1px solid #A3A3A3;
	border-right: 1px solid #A3A3A3;
	border-left: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
}



/*=====================================FONTS =============================*/
	.tx-A-11{
	font-size:11px;
	color:#333333;
	line-height:1.1;
	}
	.tx-tah-9{
	font-family:Tahoma;
	font-size:9px;
	color:#FFFFFF;
	line-height:0.9;
	}
/*===============================   TAB CONTENT  =========================================*/
.ho-ta-co{
	position:absolute; 
	float:left; 
	left:15px; 
	background: url(/Images/bg-repeat-coordinate.png) repeat-x 0 -168px; 
	top:22px; 
	width:920px; 
	height:127px
	}
	.ho-ta-co-vis{
	position:absolute; 
	float:left; 
	left:15px; 
	background: url(/Images/bg-repeat-coordinate.png) repeat-x 0 -168px; 
	top:22px; 
	width:920px; 
	height:127px
	}
/*_____________________modificaciones tabs_________________________________________*/
#ho-all-tab{
	position:absolute;
	background-image:url(/Images/Home-Tabs.png);
	float:left;
	left:15px;
	text-align:center;
	top:0px;
	width:920px;
	height:24px;
	z-index:20;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.75em;
	font-weight:bold;
	line-height:1.7;
}
.ho-all-ta-tx{
	margin-left:3px;
	font-family: Arial, sans-serif;
	line-height:1.3;
	font-size:12px;
	color:#3c3c3c;
	font-weight:normal;
	}
	.ho-con-ta{
	position:relative; 
	top:0px; 
	left:0px
	}
.ho-con-ta2{
	width:950px;
	position:absolute;
	top:13px;
	height:162px
	}
.ho-ta-tx{
	padding-top:5px; 
	text-align:center;
	font-family:Arial, sans-serif;
	line-height:1; 
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF
	}
.ho-ta-sel{
	position:absolute;
	float:left;
	background-image:url(/Images/Home-Tab-Sel.png);
	top:0px;
	width:161px;
	height:24px;
	}
.ho-ta-sel-tx{
	margin-left:3px;
	text-align:center;
	font-family:Arial, sans-serif;
	line-height:1.7;
	font-size:12px;
	font-weight:bold;
	color:#000000
	}
.ho-each-ta{
	height:22px; 
	float:left;
	cursor:pointer; 
	}

/*______________________ general________________________*/
.seemore{
	width:232px;
	position:absolute;
	float:right;
	height:23px;
	text-align:right;
	right: 35px;
	top: 107px;
	}
.ho-ta-see{
	height:23px;
	padding-right:10px;
	float:right;
	font-size:0.6em;
	color:#293D6B;
	padding-top: 3px;
	}
.ho-ta-see-img{margin: 2px 5px 0 0;}
.ho-ta-com{
	font-size:10px;
	color:#293D6B;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2;
	}
	.ho-ta-arr{
	padding:4px 3px 0 0
	}
/*___________________customers__________________________*/

	
/*___________________default-videos______________________*/
.ho-bg-ta-vi{
	background:url(/Images/bg-complete-coordinate.png) no-repeat 10px -322px;
	width:298px;
	margin-left:4px;
	height:95px;
	padding-top:26px;
	}
.h3-ho-ta-vi{
	padding:1px 0 0 0;
	float:left;
	font-family:"Arial Narrow", Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#CC0033;
	}
.ho-ta-vi-ditx{
	float:left;
	width:185px;
	padding-top:0px;
	line-height:1.3;
	font-size:0.9em;
	color:#666666;
	font-weight:normal;
	}
.i-auraportal-ho-vi{
	float:left;
	width:110px;
	height:65px;
	margin-top:15px;
	}
.ho-ta-vi-d1{
	position:absolute; 
	float:left; 
	width:290px; 
	height:127px; 
	cursor:pointer; 
	z-index:10;
	}	
.ho-ta-vi-d2{
	position:absolute;
	float:left;
	width:290px;
	height:130px;
	}
.ho-ta-vi-d3{
	float:right;
	padding:10px 40px 0 0;
	width:145px;
	}	
.ho-ta-vi-d4{
	float:right;
	padding:5px 5px 7px 0;
	width:180px;
	}
.ho-ta-vi-d5{width:290px; clear:right;}	
.ho-ta-vi-d6{
	float:left;
	padding-left:5px;
	position: absolute;
	top: 107px;
	width: 107px;
}
.ho-ta-vi-d7{
	float:right;
	padding-top:3px;
	position: absolute;
	left: 193px;
	top: 104px;
}
.ho-ta-vi-d8{
	position:absolute; 
	float:right; 
	right:0px; 
	padding:0 3px 0 0; 
	margin-top:114px;
	}	
	
#i-auraportal-ho-vi-1{background:url(/Images/Img-ours.png) 0 0px; cursor:pointer}/*imagen 1 de tab videos, Default.aspx*/
#i-auraportal-ho-vi-2{background:url(/Images/Img-ours.png) 0 -72px;cursor:pointer}/*imagen 2 de tab videos, Default.aspx*/ 
#i-auraportal-ho-vi-3{background:url(/Images/Img-ours.png) 0 -143px;cursor:pointer}/*imagen 3 de tab videos, Default.aspx*/ 
#i-auraportal-ho-vi-1-es{background:url(/Images/Img-ours.png) 0 -579px; cursor:pointer} /*imagen 1 de tab videos, Default-ES.aspx*/
#i-auraportal-ho-vi-2-es{background:url(/Images/Img-ours.png) 0 -717px;cursor:pointer}/*imagen 2 de tab videos, Default-ES.aspx*/
#i-auraportal-ho-vi-3-es{background:url(/Images/Img-ours.png) 0 -143px;cursor:pointer}/*imagen 3 de tab videos, Default-ES.aspx*/ 
/*___________________CRM_____________________________________________*/
.ho-ta-cr-tx{
	float:left;
	width:362px;
	padding:0 5px 0 15px;
	font-family:Arial, Helvetica, sans-serif
	}
#i-AuraPortal-ho-ta-cr{
	width:125px; 
	height:115px; 
	margin:5px 15px 0 0; 
	vertical-align:top; 
	padding:5px 10px 0 5px;
	cursor:pointer;
	}
.ho-ta-cr-di-tx{
	float:left;
	width:315px;
	padding:0 5px 0 15px
	}
.ho-ta-cr-li{
	position:absolute;
	left:344px;
	top:15px;
	width:125px;
	}
/*_______________________BPM___________________________________*/
#i-auraportal-ho-ta-bp-1{
	width:230px;
	height:127px;
	background-image:url(/Images/Def-tab-BPM-1.png);
	background-repeat:no-repeat;
	padding-left:30px
	}
#i-auraportal-ho-ta-bp-2{
	background-image:url(/Images/Def-tab-BPM-2.png);
	background-position:right;
	background-repeat:no-repeat;
	width:255px;
	height:127px;
	}
.ho-ta-bp-di-tx{
	width:200px;
	padding:30px 5px 0 5px
}

.ho-ta-bp-see{
	width:137px;
	line-height:1.5;
	margin:5px 0 0 3px;
	padding:6px 0 0 2px;
	float:left;
	font-size:0.65em;
	}
/*___________________Hot News_________________________*/
#i-auraportal-de-ta-hn-1{
	float:left;
	width:640px;
	height:115px;
	margin: 5px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	line-height: 17px;
	}
.de-ta-hn-1-img1{
	float:left;
	margin:10px 0 0 20px;
	}
.de-ta-hn-1-tex1{
	float:left;
	width:240px;
	margin: 0;
	}
/*.de-ta-hn-1-txh2{ font-size:0.95em; }
#i-auraportal-de-ta-hn-2{
	background-color:#0CC;
	float:left;
	width:168px; 
	height:80px; 
	background:url(/Images/Img-ours.png) 0 -259px; 
	background-repeat:no-repeat; 
	margin: 40px 2px 0 2px
	}
#i-auraportal-de-ta-hn-3{
	float:left;
	width:255px;
	height:120px;
	margin: 0px 2px 0 20px
	}
.de-ta-hn-3-li{
		list-style-image:url(/Images/star.gif);
		font-size:0.95em;
		}*/
#i-auraportal-de-ta-hn-4{
	float:left;
	width:290px;
	height:115px;
	margin: 10px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	line-height: 15px;
	}
#i-auraportal-de-ta-hn-5{
	float:left;
	width:185px;
	height:115px;
	margin: 5px 0 0 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333,;
	line-height: 17px;
	}
.DefHNDtx{
	width:315px; 
	padding:15px 10px 0 10px
	}
.ho-ta-hn-tx{
	clear:left;
	width:320px; 
	padding:10px 10px 0 0
	}
.DefHNfoot{
	position:absolute;
	float:right;
	height: 31px;
	width: 315px;
	top: 91px;
}
.DefHNlink{
	float:right;
	margin-bottom:7px;
	cursor:pointer;
	}
.ho-ta-hn-ci{
	padding-left:8px;
	margin-top:12px; 
	width:20px;
	cursor:pointer;
	}
.i-auraportal-ho-ta-hn{
	position:absolute;
	float:right;
	height: 5px;
	width: 315px;
	top: 114px;
	background:url(/Images/Img-ours.png) 0 -320px;
	height:6px
}
/*___________________________ Events__________________________*/
#i-ho-ta-ev{
	background:url(/Images/Img-ours.png) 0 -327px;
	float:left;
	width:156px;
	height:127px
	}
.ho-ta-ev-di-com{
	float:left;
	width:110px;
	height:127px
	}

/*===============================  Fin TABS CONTENT  ==================================*/


/*============================= ESTILOS PLANCHAS ================================*/
.veloPlanchaOpacidad{
	position:absolute; 
	float:left; 
	top:0px; 
	left:0px; 
	width: 100%;
	height: 300%; 
	cursor:pointer;
	opacity:0.45; 
	filter:alpha(opacity=45);
	z-index:50; 
}
.veloTransp{						/* del tren*/ 
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	width: 100%;
	height: 1px;
	z-index:30;
	visibility: visible;
}
.ImgFondoVelo{					 /*hace que la imagen del velo ocupe toda la div*/
	height:100%;
	width:100%;
}
.veloOpacidad{          /* se invoca desde la función de javascript MostrarPantalla o desde las pág con velo*/
	position:absolute; 
	float:left; 
	top:0px; 
	left:0px; 
	width: 100%;
	height: 300%; 
	cursor:pointer;
	opacity:0.45; 
	filter:alpha(opacity=45);
	z-index:30; 
} 
.PantVisible{
	position:absolute;
	float:left;
	top: 83px;
	left: 50px;
	width: 850px;
	height: 355px;
	background-color:#FFFFFF;
	border: 1px solid #282842;
	z-index:105;
}
.PantInvisible{
	position:absolute;
	float:left;
	top: 175px;
	left: -2000px;
	width: 690px;
	height:345px;
	background-color:#EEF7F9;
	border: 1px solid #282842;
	visibility: visible;
}
.CabPlanchaRight	{    		/* situa el boton de cierre */
	position: absolute;
	float:right;
	top: 0px;
	right: 0px;
	width:100px;
	text-align:right;
	height: 17px;
	visibility: visible;
}
.ContPlancha {
	float: left;						/* división que contiene la tabla*/
	margin-top:0px;
	width: 850px;
	height:390px;
}
.TablaContPlancha {				/* estilo de la plancha */
	border-collapse:collapse;
	height:345px;
	*:first-child+html height:330px;
	
}
.PlanchaLeft{
	width: 135px;
	height: 340px;
	padding: 15px 10px 0 10px;
	background-color: #EBEBEB;
	text-align: center;
	vertical-align: top;
	float: left;
} 
.PlanchaRightTit {
	position:absolute;
	float: left;
	top: 20px;
	font-family:"Arial Narrow", Arial, sans-serif;
	font-size:18pt;
	color: #004060;
	text-align: left;
	font-weight: normal;
	height: 50px;
	padding-top: 3px;
	visibility: visible;
}
.PlanchaRightLogo {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}
.PlanchaRightText{
	padding: 0px 10px 0px 30px;
	/*background-position: top;*/
	background-color: #FFFFFF;
	background-image: url(/Images/BG-PlanchaFlotante-Right.jpg);
	background-repeat: repeat-y;
	text-align: left;
	vertical-align:text-top;
	width: 655px;
	float: left;
	height: 355px;
}
/*============================= END ESTILOS PLANCHAS ================================*/
/*======================== BANNER  ============================*/
.ceba{/*para centrar banner*/
	float:left;
	left:0px;
	width:100%;
	height:0px;
	-webkit-width:100%;
	position: absolute;
	z-index: 40;
	}
.diba{
	top:84px;
	width:950px;
	height:0px;
	position:relative;
	margin:auto;
	background-color:#000000;
}

.bann{
	background-color:#000000;
	width:950px;
	height:300px;
	clear:left;
	position:relative;
	top:0px;
	left:0px;
	margin: 0 auto;
	z-index: 1;
	}

.LH1 {line-height:1}
.LH1-1 {line-height:1.1}
.LH1-40 {line-height:1.4}
.LH1-50 {line-height:1.5}
.LH1-80 {line-height:1.8}
.LH1-90 {line-height:1.9}
.FCDblu {color:#003366}
.FSi22 	{font-size:22px}
.FC7d {color:#7D7D7D}

.FWeNo{font-weight:normal}

.fright {float:right}

/*======================== HOME: tabs ================================	*/
.aura-tabs{
background:#C8D7E3 url(/Images/bg-complete-coordinate.png) repeat-x 0 -50px;
height:175px;
}
.aura-tab{
	position:absolute; 
	float:left; 
	left:20px; 
	background-image:url(/Images/Home-Bg-Tabs.png); 
	top:36px; 
	width:890px; 
	height:127px; 
	z-index:50
	}
.aura-all-tab{
	position:absolute;
	background-image:url(/Images/Home-Tabs.png);
	float:left;
	left:20px;
	text-align:center;
	top:0px;
	width:890px;
	height:24px;
	z-index:20
}
.aura-tab-vid{
	width:630px;
	height:127px;
	float:left;
	}
/*======================== HOME: tabs  end ================================	*/
/*_________________________Marquesina________________________________*/
	.marq-tit{
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:8px;
	}

.marq-cont {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color:#CC9900;
	}
	
.marq-cont-bl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color:#000000;
	}

/* ===================================   Fotos y Logos de las planchas de ∫Clientes Destacados ==================================   */

.iF {
	height:113px;
	width:112px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/Images/Tren.jpg); /* Viene de Fotos_Logos_Tren.png en a_NoInternet/ORIGINALES/Clientes-Destacados */
	background-repeat: no-repeat;
	margin: 0px 0px 0px 11px;
}	
.iF01{background-position: 0px 0px;}
.iF02{background-position: 0px -113px;}
.iF03{background-position: 0px -1242px;}
.iF04{background-position: 0px -225px;}
.iF05{background-position: 0px -338px;}
.iF06{background-position: 0px -451px;}
.iF07{background-position: 0px -564px;}
.iF08{background-position: 0px -677px;}
.iF09{background-position: 0px -790px;}
.iF10{background-position: 0px -903px;}
.iF11{background-position: 0px -1016px;}
.iF12{background-position: 0px -1129px;}
.iF13{background-position: 0px -1355px;}
.iF14{background-position: 0px -1468px;}
.iL {
	height:42px;
	width:72px;
	background-attachment: scroll;
	background-image: url(/Images/Tren.jpg);
	background-repeat: no-repeat;
	float: right;
}
.iL01{background-position: -112px 0px;}
.iL02{background-position: -112px -113px;}
.iL03{background-position: -112px -1242px;}
.iL04{background-position: -112px -225px;}
.iL05{background-position: -112px -338px;}
.iL06{background-position: -112px -451px;}
.iL07{background-position: -112px -564px;}
.iL08{background-position: -112px -677px;}
.iL09{background-position: -112px -790px;}
.iL10{background-position: -112px -903px;}
.iL11{background-position: -112px -1016px;}
.iL12{background-position: -112px -1129px;}
.iL13{background-position: -112px -1355px;}
.iL14{background-position: -112px -1468px;}

/*==========================================Olivia==========================================*/
.pm0 {padding:0; margin:0;}
.p4 {padding:4px 0 0 18px; margin:0;}
.ho-ta-cr {
    height:30px;
	padding-top:18px;
	font-family:Arial Narrow, sans-serif;
	line-height:1.1; 
	font-size:24px;
	font-weight:bold;
	color:#CC0033;
	text-align:left;	
	}		
.ho-ta-cr-di-tx-ri{
	float:left;
	width:425px;
	padding:0 5px 0 0;
	margin:0 0 0 -10px
	}	17
.ho-ta-bp-di-arr {
	float:left;
	margin:5px 0 0 0;
	padding:5px 3px 0 0;
}
.ho-ta-bp-di-tx-02{width:160px; padding:30px 5px 0 8px;}
.ho-ta-see-02{
	height:25px;
	padding-right:10px;
	padding-top:6px;
	float:right;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.9;
	color:#293D6B;
	cursor:pointer;
	}