@charset "UTF-8";
form {margin:0; border:none;}
img {border:0;}
p			{
	text-align:left;
	font-size: 0.75em;
	margin: 0 0 7px 0;
	padding: 0;
}
blockquote	{text-align:left;font-size: 0.75em;}
ul li a a:link a:hover a:visited {padding:0; margin:0; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#333; line-height:16px; font-style:normal; font-weight:normal;}
ol li a a:link a:hover a:visited {padding:0; margin:0; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#333; line-height:16px; font-style:normal; font-weight:normal;}
.inline{display:inline;}
/* ==================================== VARIOS ====================================*/
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}
.FloatLeft {float:left;}
.FloatRight {float: right;}
.Center {text-align: center;}
.Right {text-align: right;}
.Left {text-align: left;}
/*.RightBottom {		------------------link del pie-------------------------
	position:absolute;
	float:right;
	right: 3px;
	bottom: 3px;
	width: 372px;
	text-align: right;
	height: 17px;
}*/
/*.Radius {  Para poner bordes redondeados a las div*
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*  behavior:url(Scripts/border-radius.htc);
}*/


.radius {-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.Iframe {
	width:769px;
	margin: -15px 0 0 -25px;
	padding: 0;
}

.divLink {		/*para que las divisiones que tienen link no tengan borde y tengan manito*/
	border:0px;
	cursor:pointer;
}
.imgLink{/*para que las imagenes que tienen link no tengan borde*/
	border:0;
	cursor:pointer;
	font-size: 7.5pt;
	color: #666699;
	font-style:italic;
}	
.Black {
	background-image:url(/Images/BG-PlanMetalBlack-380.jpg);
	background-repeat:repeat-y;
	color:#ffffff;
}
/*.imgLinkOpaco {----para imagenes con links y alfa----
	border:0;
	cursor:pointer;
	opacity:0.80; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; ----primero esto! para IE8 comoIE7---- 
	filter: alpha(opacity=80);
}*/
/*.imgLinkOpacoOver{-----al pulsar imagenes con links y alfa----
	opacity:1; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; ----primero esto! para IE8 comoIE7----
	filter: alpha(opacity=100);
}*/
.ImgArt {
	margin: 0px 0px 15px 15px;
}
.ImgArtLeft {
	margin: 0px 15px 15px 0px; 
}
.DisplayNone {
	display:none;
}
.liPosition {
	position: relative;
	float: inherit;
	width: 500px;
	height: auto;
	padding: 3px 0px 12px 30px;
}
/*_______widht_________*/
.w149{width:154px;}
.w148{width:153px;}
.w333{width:333px;}
/*_______height________*/
.Ch{height:428px;}/*__________altura del div para que el container baje*/
.ch-What-is-BPMS {height:940px;}
.ch-nwl-en { height:2935px; }
.ch-nwl-es { height:3115px; }
.ch-nwl-nl { height:2765px; }
.ch-nwl-pt { height:2925px; }
.ch-wc{height:450px;}/*________altura para div de Products Why Chose*/
/*______________position____________*/
/*.pm{padding:0;margin:0;}*/
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}
.FloatLeft {float:left;}
.FloatRight {float: right;}
.fleft{float:left;}
.fright {float:right;}
.cle {clear:left;}
/*.apright {position:absolute;}*/

/*===============================  ESTILOS VIDEOS y VELOS=======================================*/
.veloVideoTransp{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	width: 940px;
	height: 0px;
	z-index:55;
	}	
.veloVideoOpacidad{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	width: 100%;
	height: 280%;
	cursor:pointer;
	opacity:0.75;
	filter:alpha(opacity=75);
	z-index: 60;
	}
.VideoVisible{
	position:relative;
	top: 76px;
/*	left: 43px;*/
	width: 865px;
	margin:auto;
	height: 446px;
	padding-bottom: 0px;
	z-index:201
	}
.VideoInvisible{
	position:absolute; 
	float:left; 
	top: 100px;	
	left: -2000px;
	height:auto; 
	width: 680px; 
	}
.CabVideoRight{
	position: absolute;
	float:right;
	top: 0px;
	right: 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
	}
.logoVelo{
	padding:0 0 0 28px;
	width:950px;
	height:0px;
	margin:auto;
	cursor:pointer;
	}
.cvid{/*para centrar los videos de customers y commercial en la pagina de videos*/
	position:absolute; 
	width: 100%; 
	height:0px; 
	z-index:100; 
	top:13px; 
	left:0px; 
	margin: 0 auto;
	}
.vidmarq{
	float:left; 
	position:absolute;
	width: 948px;
	height: 555px;
	border:1px; border: 1px solid #DFDFDF;
	top:0px; 
	z-index:105
	}
.ContPMarq{float:left; position:relative; width:948px;}
.CloseMarq{
	float:right; 
	position:absolute; 
	right:16px; 
	width:30px; 
	height:16px;
	}
.alert{
	position:absolute; 
	text-align:center; 
	float:left; 
	top:0px; 
	left:0px; 
	width:948px; 
	height:555px; 
	background-color:#fff; 
	z-index:100;
	}
.txtMarqAlert{
	top:250px; 
	height:30px; 
	position:relative; 
	margin: auto;
	}
.Hpag{height:26px; width:50px;}
.pag{height:100%; width:200px;}

.divPreload{
	position:absolute; 
	left:100px; 
	top:140px; 
	width:50%
}
/*.preload{
	position:relative; 
	right:480px;
	z-index:120;
	display:none;
}
.preloadInv{
	position:relative; 
	right:5000px;
}*/
/*_____________________________para videos de productos_________________________*/	
	
.VideoProductDefVisible{
	background-color:#000000;
	vertical-align:top;
	position:relative;
	border: 1px solid #DFDFDF;
	margin:auto;
	top: 32px;	
	width: 940px;
	height: 550px;
	}
.VideoProductDefInvisible{
	position:absolute;
	left:-2000px;
	top: 32px;	
	width: 940px;
	height: 550px;
	}
.CabVideoProdRight{
	position: absolute;
	float:right;
	width:auto;
	top: -4px;
	right: -4px;
	padding:0px 0px 0px 0px;
	text-align:right;
	}
.CabVideoProdTodosRight{
	position: absolute;
	float:right;
	width:auto;
	top: -4px;
	right: -4px;
	padding:0px 0px 0px 0px;
	text-align:right;
	}
.CabVideoProdAprovalRight{
	position: absolute;
	float:right;
	width:auto;
	top: 3px;
	right: 55px;
	padding:0px 0px 0px 0px;
	text-align:right;
	}
.VideoProductTodosVisible{
	background-color:#000000;
	vertical-align:top;
	position:absolute;
	vertical-align:top;
	border: 1px solid #DFDFDF;
	float:left;
	top: -15px;	
	left: 4px;
	width: 940px;
	height: 550px;
	padding-bottom: 0px;
	}
.VideoProductVisible{
	position:absolute;
	vertical-align:top;
	float:left;
	top: -15px;	
	left: -20px;
	width: 990px;
	height: 681px;
	padding-bottom: 0px;
	z-index:200;
	}
.VidProdVis{
	vertical-align:top;
	position:absolute;
	vertical-align:top;
	float:left;
	top: 47px;	
	left: -20px;
	width: 990px;
	height: 681px;
	padding-bottom: 0px;
	}
.FotoVideoProdVelo{
	position:absolute; 
	float:left; 
	left:0px; 
	z-index:1
	}
.FotoVideoProdPlay{
	position:absolute; 
	float:left; 
	height:50px; 
	width:50px; 
	top:55px; 
	left:75px; 
	z-index:2; 
	cursor:pointer;
	}

/*___________________________pra videos de CRM______________________________________*/

.VideoCRMVisible{
	border: 1px solid #DFDFDF;
	position:absolute;
	vertical-align:top;
	float:left;
	left: 4px;
	width: 940px;
	height: 550px;
	padding-bottom: 0px;
	z-index:200;
	}
.CabVideoCRMRight{
	position: absolute;
	float:right;
	width:auto;
	top: -4px;
	right:-4px;
	text-align:right;
	z-index:201;
	}
/*___________________________para videos testimonials y otros______________________*/
.VideoTestVisible{
	position:absolute;
	vertical-align:top;
	float:left;
	top: 88px;	
	left: 0px;
	width: 950px;
	height: 575px;
	padding-bottom: 0px;
	}
.Video{
	position:relative;
	top: 0px;
	left: 0px;
	width: 606px;
	height: 217px;
	}
.VideoImg{
	float: left;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	background-image: url(/Images/BG-PlanMetal-200.jpg);
	background-position:center;
	background-repeat:repeat-y;
	text-align: center;
	}
.VideoCont {
	float: left;
	left: 225px;
	width: 401px;
	height: 200px;
	margin-left: 5px;
	background-image:url(/Images/BG-PlanMetal-425.jpg);
	background-position:center;
	background-repeat:repeat-y;
	}
ul.ulVideo {
	float: left;
	width: 370px;
	margin: 0px;
	padding: 0px;
	list-style:none;
	} 
ul.ulVideo li {
	position: relative;
	float: left;
	width: 177px;
	cursor: pointer;
	background-image: url(/Images/BG-Bot-177x43.jpg);
	background-repeat: no-repeat;
	margin-right: 7px;/* margen entre botones */
	}
.pointer{
cursor:pointer;
}
/*_________________________para video abierto desde newsletter (marquesina)_______________________*/
.velVidNews{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	width: 100%;
	height: 280%;
	opacity:0.75;
	filter:alpha(opacity=75);
	z-index: 60;
	}
.bgvid{background-color:#484848;}
.VidNewsVis{
	position:relative;
	top: 40px;
	width: 865px;
	margin:auto;
	height: 446px;
	padding-bottom: 0px;
	z-index:201
	}
/*=============================== FIN ESTILOS VIDEOS  ===================================*/


/*===================================== ESTILOS Velo, Planchas y Tren MAIN ========*/
/*.MKPantVisible{----para las planchas de marketing----
	position:absolute;
	float:left;
	top: 0px;
	left: 0px;
	width: 690px;
	height: auto;
	background-color:#FFFFFF;
	border: 1px solid #282842;
}*/
/*.GoogleCalendar{
	text-align: left;
	height: auto;
	width: 110px;
	margin-left: 20px;
	margin-top: 20px;
}*/
/*===================================== NO SE USA =================================*/

/* .Filter {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 927px;
	height: 300px;
	margin: -2px 0 2px -2px;
	padding: 9px;
	float: left;
	clear:left;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ebebeb', EndColorStr='#ffffff');
} */
	/* .Degradado01{
	background: #e7e0c6; 
	filter:Alpha(Opacity=50, FinishOpacity=0, Style=1, StartX=0, StartY=100%, FinishX=0, FinishY=0);
	float: left;
	width: 85px;
	height: 315px;
	position:absolute;
	top:0px;
	left:-315px;px;
	z-index:0;
} */