@charset "utf-8";
/* CSS Document */
body{font-family:"VAGRoundedLtRegular";background:#F1F7F8; font-size:15px;color:#38444C; margin:0; padding:0; border:0}
h1, h2, h2, h4, h5, h6{margin:0}
option{border:none}
.a{ text-decoration:none; cursor:pointer}
.a:hover{ text-decoration:none; cursor:pointer}


/* ======================================== LAYOUT ======================================== */
.ContenedoraHeader {width: 100%;margin: 0 auto;background:#fff; border-bottom:1px solid #D5E7EA}
.ContenedoraFooter {width: 100%;margin: 0 auto;background:#DCEBED;float: left;}
.Contenedora {width: 960px;margin: 0 auto; position:relative}
.ContenedoraLb {width: 570px;margin: 0 auto; position:relative}
.ContenedoraLb2 {width: 650px;margin: 0 auto; position:relative; margin-left:20px }
.Espacio{ width:100%; height:32px}
/* ======================================== LAYOUT ======================================== */


/* ======================================== HEADER ======================================== */
.Header{ width:960px; height:102px;margin: 0 auto;}
a.LogoHeader{z-index:10;width:180px; height:68px;float:left;padding:0; margin:0; background:url(../images/logo/nubox-logo.png) no-repeat -41px -18px;}
.Header h1{margin:0;font-family:"VAGRoundedBTRegular"; font-size:25px;font-weight: normal; color:#FF7F00;padding: 32px 0 0 40px; position: static; text-align: center; line-height: 22px; width: 55%; display: inline-block }
.Header h1 span{color:#003366}
/* ======================================== HEADER ======================================== */



/* ======================================== INICIO CONTENIDO ======================================== */
.Contenedora h1{font-family:"VAGRoundedBTRegular"; font-size:30px;font-weight: normal; color:#003366;display:inline-block; line-height: normal}
.Contenedora h1 p{ line-height:normal;font-size: 22px; color:#FF7F00;font-family: 'VAGRoundedLtRegular';}
.Contenedora h1 span{font-family:"VAGRoundedLtRegular"; float:none}
.Contenedora h2{font-family:"VAGRoundedBTRegular"; font-size:20px;font-weight: normal; color:#FF7F00;display:inline-block;}
.Contenedora h3{font-family:"OpenSansBold"; font-size:20px;font-weight: normal; color:#2692FF;display:block;line-height: 28px;position:relative}
.Contenedora h3 span{font-family:"OpenSansSemiboldRegular"; }
.Contenedora h3 span a{font-family:"OpenSansBold"; text-decoration:none; color:#FF7F3F }
.Contenedora h3 span a:hover{ text-decoration: underline;}
.Contenedora h4{font-family:"OpenSansLightRegular"; font-size:20px;font-weight: normal; color:#666666;display:inline-block;line-height: 28px;margin:0 0 0 6px; width:570px; padding-left:6px}
.Contenedora h5{font-family:"OpenSansItalic"; font-size:14px;font-weight: normal; color:#FF0000;display:inline-block;line-height: 22px;margin:14px 0 0 6px; width:590px}
.Contenedora h6{font-family:"OpenSansSemiboldRegular"; font-size:18px;font-weight: normal; color:#202020;display:inline-block;line-height: 22px;margin:30px 0 10px 0; width:100%}

.Titulo1{ width:530px; float:left}
.Titulo2{ width:730px; float:left}
.BoxTitulo100{ width:100%; float:left;}
.BoxTitulo100 h1{ line-height:normal;font-size: 28px; color:#003366;font-family: 'VAGRoundedBTRegular';}
.BoxTitulo100 h1 span{ font-family:"VAGRoundedLtRegular"; font-size:26px;font-weight: normal; color:#FF9226;display:inline-block;line-height: 42px;}
.BoxTitulo100 h1 p{ line-height:normal;font-size: 22px; color:#FF7F00;font-family: 'VAGRoundedLtRegular';}
.BoxTitulo100 h2{ font-family:"VAGRoundedLtRegular";line-height:32px;}
.BoxTitulo100 h4{ font-family:"VAGRoundedLtRegular";line-height:30px; color:#3A638A; width:auto;font-size: 18px}
.BoxTitulo100 h4 span{  color:#003366;font-size: 18px;padding: 0}
.BoxTitulo100 h5{font-family: "OpenSansLightRegular";
font-size: 20px;
font-weight: normal;
color: rgb(102, 102, 102);
display: inline-block;
line-height: 28px;
margin: 0px 0px 0px 6px;
width: 570px;
padding-left: 6px;}
.BoxTitulo100 h6{font-family:"OpenSansItalic"; font-size:14px;font-weight: normal; color:#FF0000;display:inline-block;line-height: 22px;margin:14px 0 0 6px; width:590px}
.BoxTitulo100 span{  color:#888888; font-size:13px;font-family:"OpenSansSemiboldRegular"; padding:0 10px }
.ContenedoraLb p{ font-size:14px; line-height:22px; float:left}
.ContenedoraLb span{font-family:"OpenSansSemiboldRegular";}
.ContenedoraLb a{color:#007FFF; text-decoration:none}
.ContenedoraLb a:hover{color:#007FFF; text-decoration:underline}
.ContenedoraLb2 p{ font-size:14px; line-height:22px; float:left;}
.ContenedoraLb2 span{ font-size:14px; line-height:1.3em; float:left; }

.BoxIz{ width:630px;height:auto; float:left; margin:43px 0 0 9px}
.BoxItem{font-family:"OpenSansSemiboldRegular";width:592px; height:auto; float:left;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; margin:2px 0; font-size:14px;border:solid 1px #F1F6F9; padding:10px 10px;behavior: url(PIE.htc);}
.BoxItem:hover{ border:solid 1px #C7DCE2; background:#DCEBED}
.BoxItemActive{ border:solid 1px #C7DCE2; background:#DCEBED}
.Check{ margin:6px 10px 0 0; float:left}
.Check2{ margin:6px 6px 0 0; float:left;line-height: 24px;}
.Check3{ margin:26px 0 0 10px; float:left}
.Check4{ margin:20; border:none}
.Factura span{vertical-align:top;padding: 0 4px;line-height: 24px; text-shadow: 0px 1px rgba(255, 255, 255, 0.55);behavior: url(PIE.htc);}
.SelectContrata{float:right;font-family:"OpenSansLightRegular"; font-size:14px;color:#666666; padding: 2px;width: 270px;}
.SelectContrata span{font-family:"OpenSansRegular";}
.BtnMas{ width:15px; height:15px; background:url(../images/boto/btn-mas.png) no-repeat center center; float:right;margin: 0 2px; cursor:pointer}
.BtnMenos{ width:15px; height:15px; background:url(../images/boto/btn-menos.png) no-repeat center center; float:right;margin: 0 2px; cursor:pointer}
.BoxDer{height:auto; margin:45px 10px 0 0;float: right;width: 300px;}
a.BtnDudas{ width:296px; height:56px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:1px solid #C7DCE2; text-decoration:none; background:url(../images/auxi/arrow-dudas.png) no-repeat 10px 20px #E6F0F2;behavior: url(PIE.htc);}
a.BtnDudas span{font-family:"VAGRoundedLtRegular"; font-size:22px; color:#003366;line-height: 18px;}
.BtnDudas2{ font-family:"VAGRoundedLtRegular";font-size:22px; color:#003366;line-height: 50px;width:257px; padding:0 0 0 40px; text-decoration:none; background:url(../images/auxi/arrow-dudas2.jpg) no-repeat 10px 14px  #E6F0F2; float:left; height:54px}
/*a.BtnDudas2 span{font-family:"VAGRoundedLtRegular"; font-size:22px; color:#003366;line-height: 8px;}*/
/*a.BtnDudas3{ width:257px; height:46px; text-decoration:none; background:url(../images/auxi/arrow-dudas.jpg) no-repeat 10px 14px  #E6F0F2; float:left;border:1px solid #C7DCE2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding: 8px 0 0 40px;font-family:"VAGRoundedLtRegular"; font-size:22px; color:#003366;font-weight: normal;line-height: 1em;font-weight: normal;behavior: url(PIE.htc); cursor:pointer}
a.BtnDudas3 span{font-family:"VAGRoundedLtRegular"; font-size:22px; color:#003366;font-weight: normal;line-height: 1em;float:left; cursor:pointer}*/
.BtnDudas3{ width:257px; height:54px; text-decoration:none; background:url(../images/auxi/arrow-dudas.jpg) no-repeat 10px 14px  #E6F0F2;border:1px solid #C7DCE2; display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding: 0 0 0 40px; color:#003366; behavior: url(PIE.htc); cursor:pointer;font-family:"VAGRoundedLtRegular"; font-size:22px; color:#003366;font-weight: normal;float:left; cursor:pointer; line-height:50px}
a.BtnChatOnline{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; background: url(../images/auxi/ico-globos.png) no-repeat 16px 12px #2F7EAE; padding:0 0 0 60px; text-decoration:none; color:#fff; font-size:18px; float:left; margin:20px 0 20px 16px;line-height:50px;behavior: url(PIE.htc); height:50px;}
a.BtnChatOnline:hover{ background-color:#2C8BC5}
.BtnNoHabilitado{ width:297px; height:123px; background:url(../images/logo/nubox-nohabilitado.png) no-repeat center center;}

.BoxTotal{width:592px; height:63px; float:left;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; margin:10px 0 20px 0; font-size:14px;border:solid 1px #C7DCE2; padding:0 0 0 10px; background:#fff;behavior: url(PIE.htc);}
.CajaUF{width:124px; float:left; margin:10px 0 0 34px}
.CajaUF2{width:154px; float:left;}
.UF{font-family:"VAGRoundedBTRegular";float:left;font-size:20px; color:#003366; display:inline-block; float:right;line-height: 26px;}
.mensuales{font-family:"OpenSansRegular";float:left;font-size:12px; color:#003366; display:inline-block; float:right;margin-top: 7px;margin-left: 5px;line-height: 16px;}
.PieUF{font-family:"OpenSansRegular";float:left;font-size:13px; color:#666666; display:inline-block; float:right;line-height: 14px;}
a.BtnContinuar{ width:106px; height:34px; float:left;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background:#008C00; margin:10px 0 10px 12px;text-decoration:none; color:#fff;font-size: 18px; padding:8px 0 0 10px;behavior: url(PIE.htc); cursor:pointer}
a.BtnContinuar span{ font-family:"OpenSansRegular"; text-shadow: 1px 1px rgba(0, 0, 0, 0.55);behavior: url(PIE.htc); cursor:pointer;color:#fff;font-size: 18px;cursor: pointer; padding:0}
a.BtnContinuar:hover{ background:#00A600; cursor:pointer;}
a.BtnEliminar{width: 330px; float:left;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background:#FF4D4D; text-decoration:none; color:#fff;font-size: 18px; padding:10px 0 0 16px;line-height: 22px;behavior: url(PIE.htc); height:42px}
a.BtnEliminar:hover{ background:#FF3434;color:#fff; text-decoration:none}
a.BtnAceptar{ width:63px; height:19px;float:left; background: url(../images/boto/bg-aceptar-sprite.png) 0 0; margin:5px 0px 5px 0;text-decoration:none; color:#fff;font-size: 14px; padding:3px 8px 3px; cursor:pointer}
a.BtnAceptar span{ font-family:"OpenSansRegular"; text-shadow: 1px 1px rgba(0, 0, 0, 0.55);behavior: url(PIE.htc);}
a.BtnAceptar:hover{  background: url(../images/boto/bg-aceptar-sprite.png) 0 25px}
a.BtnCambiar{ width:108px; height:24px; background: url(../images/boto/btn-cambiar-sprite.png) 0 0; margin:5px 0px 5px 0;text-decoration:none; color:#fff;font-size: 14px; padding:6px 8px 3px; cursor:pointer; display:block}
a.BtnCambiar span{ font-family:"OpenSansRegular"; text-shadow: 1px 1px rgba(0, 0, 0, 0.55);behavior: url(PIE.htc);}
a.BtnCambiar:hover{  background: url(../images/boto/btn-cambiar-sprite.png) 0 33px}

a.BtnRojo{float:left;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background:#FF4D4D; text-decoration:none; color:#fff;font-size: 18px; padding:6px 16px 0 16px;line-height: 22px;behavior: url(PIE.htc); height:38px}
a.BtnRojo:hover{ background:#FF3434;color:#fff; text-decoration:none}

a.BtnGreen{ height:34px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background:#008C00; text-decoration:none; color:#fff;font-size: 18px; padding:8px 8px 0 10px;behavior: url(PIE.htc); cursor:pointer}
a.BtnGreen span{ font-family:"OpenSansRegular"; text-shadow: 1px 1px rgba(0, 0, 0, 0.55);behavior: url(PIE.htc); cursor:pointer;}
a.BtnGreen:hover{ background:#00A600; cursor:pointer;}

.Oculto{ display:none}

.BoxElige{float:right; margin-bottom:3px}
.BoxEligeItems{float:right; width:340px}
.BoxItemCheck{float:left;}
.BoxContrata{ width:247px; height:53px; background:url(../images/auxi/ico-nubes.png) center 24px no-repeat #008C00; float:left; color:#fff; text-align:center; font-size:18px; padding-top:56px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;behavior: url(PIE.htc);}
.BoxContacta{ width:217px; height:53px; background:url(../images/auxi/ico-ejecutivo.png) center 24px no-repeat #2F7EAE; float:left; color:#fff; text-align:center; font-size:18px; padding-top:56px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;behavior: url(PIE.htc);}

a.LinkBoxContrata{ text-decoration:none; cursor:pointer}
a.LinkBoxContrata:hover{ text-decoration:none; cursor:pointer}
a.admCuenta{ line-height:normal;font-size: 14px; color:#007FFF;font-family: 'OpenSansRegular'; text-decoration:none; background:url(../images/auxi/ico-administrar.png) no-repeat left 34px; padding-left:18px}
a.admCuenta:hover { text-decoration:underline}
a.admCuenta2{ line-height:normal;font-size: 14px; color:#007FFF;font-family: 'OpenSansRegular'; text-decoration:none; background:url(../images/auxi/ico-administrar.png) no-repeat left 0px; padding-left:18px}
a.admCuenta2:hover { text-decoration:underline}

.TituNum{font-family:"OpenSansRegular"; width:26px; height:20px;-moz-border-radius:7px 0 7px 0;-webkit-border-radius:7px 0 7px 0;border-radius:7px 0 7px 0; background:#FF8040; font-size:16px; color:#fff;text-align: center; padding:3px 0;float:left;behavior: url(PIE.htc);}
.ColIzForm{ width:150px; margin:35px 0 0 0; float:left;}
.ColIzForm2{ width:230px; margin:35px 0 0 0; float:left}
.ColDeForm{ width:350px; margin:35px 0 0 0; float:left}
.ColDeForm2{ width:370px; margin:35px 0 0 0; float:left}
.ColIzConf{ width:287px; margin:25px 0 0 0; float:left}
.ColDeConf{ width:327px; margin:25px 0 0 0; float:left}
.ColIzDatos{ width:110px; margin:10px 0 0 0; float:left}
.ColIzDatos2{ width:110px; margin:10px 0 0 0; float:left}
.ColDeDatos{ width:158px; margin:10px 0 0 0; float:left}
.ColDeDatos2{ width:158px; margin:15px 0 0 0; float:left}
.ColDeDatos3{ width:210px; margin:10px 0 0 0; float:left}
.ColDeDatos4{ width:350px; margin:10px 0 0 0; float:left}
.ColIzConf h1{font-family: "OpenSansRegular";font-size: 18px;font-weight: normal;color:#212121;display: inline-block; margin:0; padding:0}
.ColDeConf h1{font-family: "OpenSansRegular";font-size: 18px;font-weight: normal;color:#212121;display: inline-block; margin:0; padding:0}
.FormIco{font-family:"OpenSansRegular"; font-size:16px; color:#D90000; height:26px;padding: 4px 0 0 0; margin:0 0 9px 0; line-height:16px; float:left; width:20px}
.FormRow1{font-family:"OpenSansRegular"; font-size:16px; color:#212121; height:26px;padding: 4px 0 0 0; margin:0 0 14px 0; line-height:16px}
.FormRow2{font-family:"OpenSansRegular"; font-size:16px; color:#212121; height:26px;padding: 2px 0 0 0; margin:0 0 14px 0; line-height:16px; width:370px}
.FormRow3{font-family:"OpenSansRegular"; font-size:14px; color:#212121; padding: 0; margin:0 0 0 0; line-height:22px; width:110px}
.FormRow4{font-family:"OpenSansRegular"; font-size:14px; color:#777777; padding: 0; margin:0 0 0 0; line-height:22px; width:158px}
.FormRow5{font-family:"OpenSansRegular"; font-size:14px; color:#777777; padding: 0; margin:0 0 0 0; line-height:22px; width:210px}
.FormRow6{font-family:"OpenSansRegular"; font-size:14px; color:#212121; padding: 0; margin:0 0 0 0; line-height:22px; width:90px}
.FormRow7{font-family:"OpenSansRegular"; font-size:14px; color:#777777; padding: 0; margin:0 0 0 0; line-height:22px; width:350px}
.BoxSelect{font-family:"OpenSansRegular"; font-size:14px; color:#868686;padding: 4px 0 0 0; margin:0 0 10px 0; line-height:26px}
.BoxSiguiente{float:left}
.BoxModulo{font-family:"OpenSansRegular"; font-size:14px; color:#868686;padding: 4px 0 0 0; margin:0 0 10px 0; line-height:26px; width:621px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:solid 1px #C7DCE2; background:#FFFFFF; behavior: url(PIE.htc);}
.BoxModulo img{float:left;}
.BoxModulo p{ padding: 0 0 0 130px; float:left; color:#1F1F1F;font-family:"OpenSansSemiboldRegular"}
.BoxModulo span{float:left; color:#666666;font-family:"OpenSansRegular"; font-size:13px}
.Declaro{color:#666666;font-family:"OpenSansRegular"; font-size:13px;float: left;padding: 0 0 0 130px;width: 480px;}
a.DeclaroPDF{color:#007FFF;float: none; text-decoration:none}
a.DeclaroPDF:hover{color:#0067CF;float: none; text-decoration:underline;}
.Declaro2{color:#666666;font-family:"OpenSansRegular"; font-size:13px;float: left;width: 480px;}
.Declaro2 span{color:#007FFF;float: none;}
.BoxSelect{font-family:"OpenSansRegular"; font-size:14px; color:#868686;padding: 4px 0 0 0; margin:0 0 10px 0; line-height:26px}
.BoxArrow{ width:583px; height:44px; margin:15px 0 10px 10px;float: left; background:url(../images/auxi/arrow-bg.jpg) no-repeat; font-size:14px; color:#003366;font-family:"OpenSansSemiboldRegular"; line-height:18px; padding:6px 0 0 14px}
.BoxArrow span{font-family:"OpenSansBold";font-size: 14px;color: #003366;float: none;}
.BoxArrowLeft{width:136px; float:left}
.BoxArrowRight{ float:left}
a.BtnVolver{font-family:"OpenSansRegular";float:left; text-decoration:none; color:#007FFF;font-size: 16px;}
a.BtnVolver2{font-family:"OpenSansRegular";float:left; text-decoration:none; color:#007FFF;font-size: 13px;}
a.BtnVolver2:hover{ text-decoration:underline}
a.BtnVerUsuarios{font-family:"OpenSansRegular";float:left; text-decoration:none; color:#007FFF;font-size: 13px;}
a.BtnVerUsuarios:hover{ text-decoration:underline}
a.BtnAgregarUsuarios{font-family:"OpenSansRegular";float:left; text-decoration:none; color:#007FFF;font-size: 16px;}
a.BtnAgregarUsuarios:hover{ text-decoration:underline}
a.BtnAgregarUsuarios span{font-family:"OpenSansSemiboldRegular";font-size: 16px;color: #007FFF; padding:0}

a.BtnDardeBaja{font-family:"OpenSansRegular";float:left; text-decoration:none; color:#FF4D4D;font-size: 14px;}
a.BtnDardeBaja:hover{color:#FF0000; text-decoration:underline}
a.BtnDardeSalir{font-family:"OpenSansRegular";float: right; text-decoration:none; color:#FF4D4D;font-size: 14px;}
a.BtnDardeSalir:hover{color:#FF0000}
a.BtnSiguiente{ padding:10px 0 0 26px;margin: 0 0 0 80px;width: 160px;height: 36px;}
a.BtnSiguiente2{ padding:10px 0 0 30px;margin: 0 0 0 160px;width: 170px;height: 36px;}
a.BtnSiguiente3{ padding:10px 0 0 10px;margin: 20px 0 20px 130px;font-family: "OpenSansRegular";font-size:16px; position:relative; width:450px;height: 36px;}
a.BtnSiguiente3 span{ font-family: "OpenSansRegular"; font-size:18px; padding:0 12px; color:#FFF}
a.BtnSiguiente3:hover .MuestraBox{ display:block}
a.BtnSiguiente4{ padding:10px 0 0 20px;font-family: "OpenSansRegular";font-size:20px; width:90px; margin:0 0 30px 730px;height: 38px;}
a.BtnSiguiente5{padding:10px 0 0 10px; "OpenSansRegular";font-size:16px; width:180px;margin:26px 0 16px 50px; height:36px}
a.BtnContinuar2{ font-family:"OpenSansRegular"; float:right;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background:#008C00;text-decoration:none; color:#fff;font-size: 16px; padding:5px 0 0 10px;width: 94px; height:28px; behavior: url(PIE.htc);z-index: 2;}
a.BtnContinuar2:hover{ background:#00A600}
a.BtnContinuar3{ font-family:"OpenSansRegular"; float:left;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background:#008C00;text-decoration:none; color:#fff;font-size: 18px; padding:10px 20px 10px 20px;behavior: url(PIE.htc);}
a.BtnContinuar3:hover{ background:#00A600}
a.btnAbs1{position: absolute;top: 84px;right: 6px}

.BoxModulo2{font-family:"OpenSansRegular"; font-size:14px; color:#868686;padding: 4px 0 0 0; margin:0 0 10px 0; line-height:26px; width:938px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:solid 1px #C7DCE2; background:#FFFFFF; float:left;behavior: url(PIE.htc); margin:0; padding:0}
.BoxModulo2 h1{font-family: "VAGRoundedBTRegular";font-size: 26px;font-weight: normal;color: #008C00;display: inline-block;}
.BoxModulo2 p{padding:10px 36px 20px 0; font-family:"OpenSansRegular"; font-size:14px; color:#333333;line-height: 18px;}
.BoxModulo2 p span{font-family:"OpenSansSemiboldRegular";}
.ConfirmacionBox1{ width:938px; float:left; line-height:28px; font-size:16px; color:#1F1F1F;padding: 10px 0 22px 0;}
.ConfirmacionBoxIz{ width:718px; float:left }
.ConfirmacionBoxIz span{ font-size:14px; color:#007FFF}
.ConfirmacionBoxInput{ width:70px; float:left; color:#666666 }
.ConfirmacionBoxIz2{ width:718px; float:left }
.ConfirmacionBoxIz2 span{  font-family:"OpenSansSemiboldRegular";}

.BoxDudas{width: 297px;height:278px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; border:1px solid #C7DCE2; float:left;behavior: url(PIE.htc);}

.BoxCondiconesWebpay{ font-family:"OpenSansRegular"; font-size:12px; color:#444444;width:455px;height:76px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; float:left; background:#FFEFBF; position:absolute;top: 63px;left: 0; padding:10px;line-height: 18px; behavior: url(PIE.htc);}
.BoxCondiconesWebpayArrow{width:20px;height:15px; background:url(../images/auxi/arrow-box2.jpg) no-repeat;position:absolute;top: 48px;left: 30px;}



.BoxLlamanos{ width:277px; border-top: 1px solid #D5E7EA; float:left; padding:15px 0 15px 14px}
.BoxLlamanos h1{font-family: "OpenSansSemiboldRegular";font-size: 22px;font-weight: normal;color:#FF7900;display: inline-block; margin:0; padding:0}
.BoxLlamanos h2{font-family: "OpenSansRegular";font-size: 20px;font-weight: normal;color:#666666;display: inline-block; margin:0; padding:0}
.BoxLlamanos h2 span{font-family: "OpenSansSemiboldRegular";font-size: 20px;font-weight: normal;color:#666666;display: inline-block; margin:0; padding:0}
.BoxLlamanos p{font-family: "OpenSansRegular";font-size: 14px;font-weight: normal;color:#666666;display: inline-block; margin:0; padding:10px 4px}

.ClientesBox1{ background: url(../images/auxi/bg-nubes.jpg) bottom no-repeat #3F9FCE; width:300px; height:439px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:1px solid #4FA3CE;float:left;behavior: url(PIE.htc);}
.ClientesBox1 h1{font-family: "OpenSansRegular";font-size: 24px;font-weight: normal;color: #fff; line-height:30px; text-align:center; width:100%}
.ClientesBox1 h2{font-family: "VAGRoundedBTRegular"; font-size: 30px;font-weight: normal;color: #fff; line-height:34px; text-align:center; width:100%}
.ClientesBox1 h2 span{color:#FFD24D}
.ClientesBoxDer{ float:left;width: 620px;}

a.MasInfo{font-family: "OpenSansRegular"; font-size: 14px;font-weight: normal;color: #2693FF; line-height:18px; text-align:center; width:100%;float: left;}
a.MasInfo:hover{color: #0E63B8;}
a.ClientesBox2{ background: #fff; width:297px; height:113px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:2px 2px 1px rgba(167, 167, 167, 1);-webkit-box-shadow:2px 2px 1px rgba(167, 167, 167, 1);box-shadow:2px 2px 1px rgba(167, 167, 167, 1); float:left; cursor:pointer; text-decoration:none; behavior: url(PIE.htc);}
a.ClientesBox2:hover{ background: #DCEBED;}
a.ClientesBox2 h1{font-family: "VAGRoundedBTRegular";font-size: 18px;font-weight: normal;color:#003366;display: inline-block; line-height:22px}
.ClientesBox2 h2{font-family: "OpenSansRegular"; font-size: 14px;font-weight: normal;color: #2693FF; line-height:18px; text-align:left; width:100px;float: left; text-decoration:none}
a.ClientesBox3{ background: #DCEBED; width:297px; height:123px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; float:left; font-family: "VAGRoundedBTRegular"; color:#55A5CE; text-align:center; text-decoration:none;behavior: url(PIE.htc);}
a.ClientesBox3 span{ font-size:20px;line-height: 50px;}
a.ClientesBox3:hover{ background: #55A5CE; color:#DCEBED;}

.ClientesBox4{ background:#DCEBED; width:297px; height:123px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; -moz-box-shadow:inset 2px 2px 2px rgba(88, 166, 206, 0.45);-webkit-box-shadow:inset 2px 2px 2px rgba(88, 166, 206, 0.45);box-shadow:inset 2px 2px 2px rgba(88, 166, 206, 0.45); float:left; font-family: "VAGRoundedBTRegular"; behavior: url(PIE.htc); }
.ClientesBox4 h1{font-family: "VAGRoundedBTRegular";font-size: 18px;font-weight: normal;color:#003366;display: inline-block; line-height:22px}
.ClientesBox4Pie{width:295px; height:40px; float:left; background:#fff;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;behavior: url(PIE.htc);}
.ClientesBox4Pie h1{font-family: "VAGRoundedBTRegular";font-size: 11px;font-weight: normal;color:#FF7F00;display: inline-block; line-height:13px}
.ClientesBox4Pie h2{font-family: "VAGRoundedBTRegular";font-size: 11px;font-weight: normal;color:#00B259;display: inline-block; line-height:13px}
.ClientesBox4Hover{ background:#002040; width:277px; height:108px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;  float:left; font-family: "VAGRoundedBTRegular"; behavior: url(PIE.htc);z-index: 1;padding: 10px 5px 5px 15px}
.ClientesBox4Hover h1 {color: #FFFFFF;font-size: 18px;font-family:"OpenSansSemiboldRegular" }
.ClientesBox4Hover p {color: #FFFFFF;font-size: 12px; padding: 0; font-family: Arial, Helvetica, sans-serif}
.ClientesBox4Hover a.mInfo {color: #FFFFFF;font-size: 12px; text-decoration: underline;font-family: Arial, Helvetica, sans-serif}

.ClientesBox5{ background:#fff; width:297px; height:123px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; -moz-box-shadow:2px 2px 1px rgba(167, 167, 167, 1);-webkit-box-shadow:2px 2px 1px rgba(167, 167, 167, 1);box-shadow:2px 2px 1px rgba(167, 167, 167, 1); float:left; font-family: "VAGRoundedBTRegular"; behavior: url(PIE.htc);}
.ClientesBox5 h1{font-family: "VAGRoundedBTRegular";font-size: 18px;font-weight: normal;color:#003366;display: inline-block; line-height:22px}
.ClientesBox5 a{font-family: "VAGRoundedBTRegular";font-size: 15px;font-weight: normal;color:#003366;display: inline-block; line-height:22px}
.ClientesBox5Pie{width:285px; height:30px; float:left; background:#DCEBED;-moz-border-radius:0px 0px 3px 3px;-webkit-border-radius:0px 0px 3px 3px;border-radius:0px 0px 3px 3px;behavior: url(PIE.htc); padding:9px 1px 1px 10px}

.ClientesBox6{z-index:1; background:url(../images/logo/suspendido.gif) no-repeat ; position: relative; width:297px; height:123px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 1px rgba(167, 167, 167, 1);-webkit-box-shadow:2px 2px 1px rgba(167, 167, 167, 1);box-shadow:2px 2px 1px rgba(167, 167, 167, 1); float:left; font-family: "VAGRoundedBTRegular"; behavior: url(PIE.htc);}


.ClientesBoxRelative{position: relative;}

.BoxUsuario{ float:right; width:20%; text-align:right}
.BoxUsuario h1{font-family: "OpenSansRegular";font-size: 12px;font-weight: normal;color:#444444;display: inline-block; line-height:18px; padding:0;width: 100%;}
.BoxUsuario h2{font-family: "OpenSansSemiboldRegular";font-size: 13px;font-weight: normal;color:#444444;display: inline-block; line-height:18px; padding:0;width: 100%;}
a.MiCuenta{font-family: "OpenSansRegular";font-size: 13px;font-weight: normal;color:#007FFF;display: inline-block; line-height:24px; padding:0; text-decoration:none}
a.MiCuenta:hover{text-decoration: underline}
a.CerarSesion{font-family: "OpenSansRegular";font-size: 13px;font-weight: normal;color:#007FFF;display: inline-block; line-height:24px; padding:0; text-decoration:none}
a.CerarSesion:hover{text-decoration: underline}

.MesGratis{ background:url(../images/auxi/bg-mes-gratis.jpg) no-repeat; position:relative;  width:249px; height:37px; float:left; color:#fff; font-size:13px; padding:0 0 0 20px}

.LinkSistemas
{
  font-family: "VAGRoundedBTRegular";
  font-size: 16px;
  font-weight: normal;
  color: #003366;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  width: 50%;
  position: static;
}

.LinkSistemasLargo
{
  font-family: "VAGRoundedBTRegular";
  font-size: 14px;
  font-weight: normal;
  color: #003366;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  width: 50%;
  position: static;
}

.boxTolltip{  width:190px; position:absolute; top:50px; left:140px; display:none }
.boxTolltipContenido{ border:1px solid #BCD9DE; background:#fff; box-shadow: 3px 3px 3px #ccc;}
.boxTolltipContenido h1{font-family: "OpenSansRegular";color:#000; font-size:14px; line-height:normal}
.boxTolltipContenido h2{font-family: "OpenSansSemiboldRegular";color:#777; font-size:12px; line-height:normal}
.boxTolltipContenido h2 span{font-family: "OpenSansBold";color:#777; font-size:12px; line-height:normal}
.toolTipArrow{ position:absolute; top:-11px; left:85px; background:url(../images/auxi/arrow-tooltip.png) no-repeat; width:20px; height:12px; z-index:1}


.boxVencida{font-family: "OpenSansRegular";background:#FFE6DD;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:1px solid #FF4D4D; color:#D80000; font-size:14px; padding:5px 10px; behavior: url(PIE.htc);}
.boxVencida a {color:#0680FF; text-decoration:none}
.boxVencida a:hover{text-decoration:underline}

.Input01{font-family:"OpenSansRegular"; font-size:16px; color:#212121; height:26px;margin: 0;padding: 0; border:1px solid #C8CED5; width:142px; float:left; line-height:normal}
.Input02{font-family:"OpenSansRegular"; font-size:16px; color:#212121; height:26px;margin: 0;padding: 0; border:1px solid #C8CED5; width:272px; float:left; line-height:normal}
.Input03{font-family:"OpenSansRegular"; font-size:16px; color:#212121; height:26px;margin: 0;padding: 0; border:1px solid #C8CED5; width:352px; float:left; line-height:normal}
.Input04{font-family:"OpenSansRegular"; font-size:16px; color:#212121; height:26px;margin: 0;padding: 0; border:1px solid #C8CED5; width:291px; float:left; line-height:normal}
.Input05{font-family:"OpenSansRegular"; font-size:13px; color:#212121; height:18px;margin: 0;padding: 3px; border:1px solid #C8CED5; width:90%; float:left; line-height:normal}
.Input06{font-family:"OpenSansRegular"; font-size:13px; color:#212121; height:26px;margin: 0;padding: 3px; border:1px solid #C8CED5; width:90%; float:left; line-height:normal; z-index:0}

.Inputerror{border:1px solid #FF0000; background:#FFECEC}


.Globo01{font-family:"OpenSansRegular"; font-size:11px; color:#444444;padding: 2px 8px; margin:0; line-height:12px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background:#FFEFBF; float:left; -moz-box-shadow: 2px 2px 1px rgba(136, 136, 136, 0.15);-webkit-box-shadow: 2px 2px 1px rgba(136, 136, 136, 0.15);box-shadow: 2px 2px 1px rgba(136, 136, 136, 0.15);behavior: url(PIE.htc);}
.ArwowBox01{ float:left; background:url(../images/auxi/arrow-box1.jpg) no-repeat; width:13px; height:13px;margin: 10px 0 0 8px;}
.MuestraBox{ position:absolute;top: 2px;left: 0;display:none}

.TextContactar{width: 230px;font-size: 12px; float:left; line-height:18px}

.alDia{ background:url(../images/auxi/ico-check-ch.png) no-repeat; width:16px; height:16px; display:block}
.atrasada{ background:url(../images/auxi/ico-atrasado-ch.png) no-repeat; width:16px; height:16px; display:block}


.Top2 { margin-top:2px}
.Top4 { margin-top:4px}
.Top6 { margin-top:6px}
.Top10{ padding-top:10px}
.Top10b{ margin-top:10px}
.Top15{ margin-top:15px}
.Top17{ padding-top:17px}
.Top17b{ margin-top:17px}
.Top20{ margin-top:20px}
.Top28{ margin-top:28px}
.Top32{ padding-top:32px}
.Top43{ margin-top:43px}

.Left1{ margin-left:1px}
.Left9{ margin:0 0 0 9px}
.Left9b{ margin-left:9px}
.Left9c{ padding-left:9px}
.Left10{ margin-left:10px}
.Left14{padding-left:14px}
.Left14b{margin-left:14px}
.Left20{margin-left:20px}
.Left20b{padding-left:20px}
.Left30{margin-left:30px}
.Left32{padding-left:32px}
.Left40{margin-left:40px}
.Left60{margin-left:60px}
.Left80{padding-left:80px}
.Left130{margin-left:130px}
.Left160{margin-left:160px}
.Left172{margin-left:172px}
.Left730{margin-left:730px}



.Right5{margin-right:5px}
.Right7{padding-right:7px}
.Right9{padding-right:9px}
.Right10{margin-right:10px}
.Right14{margin-right:14px}
.Right30{margin-right:30px}
.Right42{padding-right:42px}

.Bottom10{ margin-bottom:10px}
.Bottom20{ margin-bottom:20px}
.Bottom30{ margin-bottom:30px}
.Bottom50{ margin-bottom:50px}
.Bottom80{ margin-bottom:80px}

.pBott5{ padding-bottom:5px}


.FloatLeft{ float:left}
.FloatRight{ float:right}
.Rojo{color:#FF0000}
.Azul{color:#007FFF}


.w100p{ width:100%}

.w20{ width:20px}
.w30{ width:30px}
.w60{ width:60px}
.w80{ width:80px}
.w100{ width:100px}
.w127{ width:127px}
.w137{ width:137px}
.w150{ width:150px}
.w180{ width:180px}
.w205{ width:205px}
.w295{ width:295px}
.w280{ width:280px}
.w300{ width:300px}
.w590{ width:590px}
.w938{ width:938px}
.w960{ width:960px}

.h40{ height:40px}
.h46{ height:46px}

.p10{ padding:10px}

.BGWhite{ background:#FFF; padding: 50px 0px 00px 75px;}

.AlgnRight{ text-align:right}

.BoderBottom{border-bottom:1px solid #DDDDDD;}

.RowTop{font-family:"OpenSansRegular"; font-size:20px; color:#003366; padding: 0; margin:0; line-height:22px; height:40px}
.RowTop span{font-family:"OpenSansRegular"; font-size:16px; color:#00698C; padding: 0; margin:0; line-height:22px; height:43px}
.Row1{ height:40px}
.Row2{ height:40px;behavior: url(PIE.htc);}
.RowActive{ background-color:#FFF2CA;behavior: url(PIE.htc);}
.RowWarning{ height:40px;background:#E1ECCE;}


Table {border-bottom:1px solid #DDDDDD;}
Table .Titlulo1{ color:#007FFF;font-family: "OpenSansRegular"; font-size:14px}
Table .Titlulo2{ color:#545454;font-family: "OpenSansRegular";font-size:14px}
Table.tableNormal td{ padding:0 10px}
Table.tableNormal tbody th{ font-weight:normal}
Table.tableNormal thead th{ font-weight:normal; }
Table .Titlulo3{ color:#545454;font-family: "OpenSansSemiboldRegular";font-size:14px}
Table .Titlulo4{ color:#545454;font-family: "OpenSansBold";font-size:14px}
Table .TitluloRojo{ color:#FF2626;font-family: "OpenSansRegular";font-size:14px}

.tableModulo{border-bottom:none;}

Table.tableNormal2 { -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;behavior: url(PIE.htc);background:#E2EDEF; }
Table.tableNormal2 thead tr{ padding:0 10px; height:45px; color:#003366; }
Table.tableNormal2 thead td{ padding:0 10px; font-size:16px;font-family:"VAGRoundedBtRegular";}
Table.tableNormal2 thead td span{ padding:0 10px; font-size:16px;font-family:"VAGRoundedBtRegular"; height:auto; color:#003366;padding-top:3px}
Table.tableNormal2 thead th{ padding:0 10px; font-size:12px;font-family:Arial, Helvetica, sans-serif}
Table.tableNormal2 tbody{ padding:0 10px; background:#fff}
Table.tableNormal2 tbody td,Table.tableNormal2 tbody th{ padding:0 10px; color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:400; }
Table.tableNormal2 tbody tr td{ border-bottom:1px solid #B9B9C8;}
Table.tableNormal2 h1{font-size:12px; color:#0099CC; font-family:Arial, Helvetica, sans-serif; font-weight:400 }
Table.tableNormal2 h1 span{font-size:12px; color:#0099CC; font-family:Arial, Helvetica, sans-serif; font-weight:600 }
Table.tableNormal2 .tachado{color:#666666;font-family:c text-decoration:line-through; font-weight:400 }
Table.tableNormal2 h3{font-size:20px; color:#0D1D33; font-family:"VAGRoundedBtRegular"; font-weight:400; line-height:16px; display:block; position:relative; margin:0; padding:0}
Table.tableNormal2 h4{font-size:20px; color:#777777; font-family:"VAGRoundedBtRegular"; font-weight:400; line-height:16px; display:block; position:relative; width:auto; margin:0; padding:0}

Table.tableNormal2 h5{font-size:16px; color:#009900; font-family:"VAGRoundedBtRegular"; font-weight:400; line-height:10px; width:auto; padding:0; margin:0}
Table.tableNormal2 h6{font-size:11px; color:#006699; font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:400; line-height:10px; width:auto; padding:0; margin:0}

.TableProductos { width: 100%; }
.TableProductosRight { text-align: right; margin-right: 1em; }
.TableProductosLeft { text-align: left; margin-left: 1em; }

.par{background:#E9F0F5}
.impar{background:#F1F7F8}
.destacado{background:#FFF2CA}
.destacadoCian{background:#CFE8EF}
.destacadoCian2{background:#DEF2F7}

.borderTop2px{ border-top:2px solid #B9B9C8}
.borderBottom1px{ border-bottom:1px solid #B9B9C8}

.scroll-pane{
width: 600px;
height: 400px;
overflow: auto;
border:solid 1px #777777;
padding:10px;
float:left;
margin-left:10px
}
/* ======================================== FIN CONTENIDO ======================================== */

/* ======================================== INICIO MENU TOP ======================================== */
.MenuTopBG{width:409px; height:35px; background: url(../images/auxi/menu-bg.jpg) no-repeat center; margin: 35px 10px 0 0 ; font-family:"OpenSansRegular"; color:#AAAAAA; font-size:13px; float:right; line-height:34px}
.MenuTopBG1{width:409px; height:35px; background: url(../images/auxi/menu-bg-1.jpg) no-repeat center; margin: 35px 10px 0 0 ; font-family:"OpenSansRegular"; color:#AAAAAA; font-size:13px; float:right; line-height:34px}
.MenuTopBG2{width:409px; height:35px; background: url(../images/auxi/menu-bg-2.jpg) no-repeat center; margin: 35px 10px 0 0 ; font-family:"OpenSansRegular"; color:#AAAAAA; font-size:13px; float:right; line-height:34px}
.MenuTopBG3{width:409px; height:35px; background: url(../images/auxi/menu-bg-3.jpg) no-repeat center; margin: 35px 10px 0 0 ; font-family:"OpenSansRegular"; color:#AAAAAA; font-size:13px; float:right; line-height:34px}
.Menu01{width:130px; float:left}
.Menu01 span{font-size:18px;line-height: 33px;margin: 0 5px;padding-left:9px}
.Menu02{float: left;width: 120px;}
.Menu02 span{font-size:18px;line-height: 33px;margin: 0 5px}
.Menu03{float: left;width: 156px;}
.Menu03 span{font-size:18px;line-height: 33px;margin: 0 5px}
.Activo{font-family:"OpenSansRegular"; color:#003366;padding-right: 2px;}
.Visitado{font-family:"OpenSansLightRegular"; color:#85B200}
/* ======================================== FIN MENU TOP ======================================== */


/* ======================================== INICIO BOTONES ======================================== */
a.SubirArchivo{ background:url(../images/boto/SubirArchivo.png) no-repeat;width:127px; height:36px; float:left;margin: 26px  0 0 20px ;text-decoration:none;padding: 10px 0 0 0;}
a.SubirArchivo:hover{ background:url(../images/boto/SubirArchivoHover.png) no-repeat; text-decoration:none}
a.SubirArchivo span{ font-family:"NeoSansProRegular"; font-size:17px; color:#fff; font-weight:normal; float:none;text-shadow: 1px 1px #0168CE;behavior: url(PIE.htc);}
/* ======================================== FIN BOTONES ======================================== */



.LogoSuspendido{z-index:10;width:290px; height:138px;float:left;padding:0; margin:0; background:url(../images/logo/suspendido.gif) no-repeat -41px -18px;}


/* ======================================== FOOTER ======================================== */
.Footer{ width:960px; height:72px;margin: 0 auto;}
a.LogoFooterWebPay{z-index:10;width:53px;float:right;padding-top:30px; margin:16px 12px 0 0; background: url(../images/logo/webpay.jpg) no-repeat left top;}
a.LogoFooterVisa{z-index:10;width:149px;float:right;padding-top:21px; margin:21px 2px 0 0; background: url(../images/logo/visa.jpg) no-repeat left top;}
a.LogoFooterRedcompra{z-index:10;width:75px;float:right;padding-top:15px; margin:27px 17px 0 0; background: url(../images/logo/redcompra.jpg) no-repeat left top;}
/* ======================================== FOOTER ======================================== */

.impar{ background:#F1F7F8}
.par{ background:#E9F0F5}
.destacado{ background:#FFF2CA}



/* ======================================== TOOLTIP vtip ======================================== */
#vtip { font-family: 'Open Sans', sans-serif;cursor:pointer; color:#fff; display: none; position: absolute; padding: 7px;  font-size: 14px; background:#003366; border:1px solid #fff;  z-index: 9999; max-width:430px; behavior: url(PIE.htc); margin-left:-10px}
#vtip #vtipArrow { position: absolute; top: 8px; left: -11px; background:url(../images/auxi/arrow-tooltip.png) no-repeat }
/* ======================================== TOOLTIP vtip ======================================== */

/* ======================================== TABS ======================================== */
ul.tabs{ margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #3C648A;  width: 100%; } 
ul.tabs li { float: left; padding: 0; height: 31px; line-height: 22px; border: 1px solid #DCEBED;border-bottom: none;  margin-bottom: -1px; overflow: hidden; position: relative; background: #DCEBED; -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;behavior: url(PIE.htc); margin-right: 10px;
width: 170px;text-align: center;} 
ul.tabs li a { font-family:"VAGRoundedLtRegular";text-decoration: none; color: #006CD8; display: block; font-size: 16px; padding: 0; outline: none;border: 1px solid #DCEBED;border-bottom: none; -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;height: 31px; behavior: url(PIE.htc);} 
ul.tabs li a:hover { background: #F1F7F8;border: 1px solid #3C648A; border-bottom:none; -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;behavior: url(PIE.htc); } 
html ul.tabs li.active { background: #F1F7F8;border: 1px solid #3C648A;border-bottom: 1px solid #F1F7F8;}
html ul.tabs li.active a { color: #222222 }
html ul.tabs li.active a:hover { background: #F1F7F8;border: 1px solid #fff; border-bottom: 1px solid #F1F7F8; -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;behavior: url(PIE.htc);}
.tab_container { border:none; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: none; } 
.tab_content { padding: 10px 0; }
/* ======================================== TABS ======================================== */