@charset "UTF-8";
/* CSS Document */
/*RESET*/
*{margin:0;padding:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} a, a img{ outline:none; border:0px none; text-decoration:none}

/****************** GENERAL ******************/
body{ text-align:center; font-family:Arial, sans-serif; font-size:14px}

em{ font-style:italic}
#allBeps{ display:block; width:800px; text-align:left}
.fullAn{ width:100%;}

.clear{ clear:both; display:block}

a:link, a:active{ text-decoration:none; color:#005E9D}
a:visited{ color:#5C0084;}
a:hover{text-decoration:underline}

.oculto{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

strong{ font-weight:bold}

.fl{ float:left}
.fr{ float:right}
.fn{ float:none!important}

.btnForm{ float:none; margin:0 auto; cursor:pointer; background-color:#BA0C0B; padding:10px 15px 12px; width:auto; border:0 none; color:#FFFFFF}
.btnForm:hover{ background-color:#85191A}

/** COLORES **/
.colAzul{ background-color:#005E9D; color:#fff}
.colVerde{ background-color:#00A651!important; color:#fff}
.colGris{ background-color:#88898A; color:#fff}
.colGris2{ background-color:#5B5B5E; color:#fff}
.colGrisOsc{ background-color:#464445; color:#fff}
.colRojo{ background-color:#BA0C0B; color:#fff} /* ROJO GENERAL - SI CAMBIA BUSCAR Y CAMBIAR TODOS*/
.colDorado{ background-color:#B59F3E; color:#fff}
.colVerdClaro{background-color:#869e2c; color:#fff}
.colNaranja{background-color:#cb5d39; color:#FFFFFF}

.bkGris{ background-color:#E2E3E6}

.txtRojo{ color:#BA0C0B!important;}

/******* HEAD *******/
#headBeps{ background-color:#BABABA}
#topBeps{ height:79px; background-color:#fff;}
#logoPrincipal{ margin:19px 0 0 22px; display:block; position:relative; float:left}
#logoProsperTop{ float:right; margin:5px 22px 0 0;}

/**** MENU PRINCIPAL ****/
#menuBeps{ height: 63px; display:block; position:relative; z-index:200;}
.btnMenu{ float:left; position:relative; font-size:18px}
.btnMenu h1{height:36px; width:180px; font-weight:bold; padding:17px 10px 10px; cursor:default}
.btnMenu h1 a{color:#fff}
.btnMenu h1 a:hover{ text-decoration:none}
.btnMenu h1 span{display:block; height:48px; float:left; margin-right:7px;position:relative; margin-top:-7px; background-image:url(../img/spriteGeneral.png)}
.btnMenu#programa h1 span{width:55px; background-position:-185px 0px}
.btnMenu#ahorra h1 span{width:50px;background-position:-285px -48px;}
.btnMenu#incentivos h1 span{width:70px; margin-right:3px; background-position:0px 0px}
.btnMenu#canales h1 span{width:52px; background-position:-134px 0px;}

.subMenuBeps{ width:200px; position:absolute; display:block; top:63px; left:0; z-index:100000; display:none}
.subMenuBeps a{ padding:10px 5px 8px; display:block; width:190px; background-color:#e7e8eb; font-size:14px; color:#000; border-top:2px solid #fff; line-height:18px}
.subMenuBeps a:hover, .subMenuBeps a.activo{ text-decoration:none;}
.btnMenu#programa .subMenuBeps a:hover, .btnMenu#programa .subMenuBeps a.activo{ background-color:#005E9D; color:#fff}
.btnMenu#ahorra .subMenuBeps a:hover, .btnMenu#ahorra .subMenuBeps a.activo{ background-color:#00A651; color:#fff}
.btnMenu#incentivos .subMenuBeps a:hover, .btnMenu#incentivos .subMenuBeps a.activo{ background-color:#88898A; color:#fff}
.btnMenu#canales .subMenuBeps a:hover, .btnMenu#canales .subMenuBeps a.activo{ background-color:#BA0C0B; color:#fff}

.btnMenu#programa:hover .subMenuBeps{ display:block}
.btnMenu#ahorra:hover .subMenuBeps{ display:block}
.btnMenu#incentivos:hover .subMenuBeps{ display:block}
.btnMenu#canales:hover .subMenuBeps{ display:block}

/***** CONTENIDO *****/
#contBeps{margin:0px 0 3px;}
#buscaBeps{ width:780px; padding:12px 10px 10px; position:relative; margin:3px 0;}
#buscaBeps h1{ float:left; font-size:20px; margin-top:7px; margin-right:10px; display:block}
#buscaBeps .cajaBusca{ width:73%; float:left}

/******* FOOTER *****/
#footBeps{display:block}
#menuFootBeps{ height:114px; width:455px; background-color:#f1f2f3; float:left; padding:15px 20px; line-height:20px;}
#menuFootBeps a:link, #menuFootBeps a:active{ /*color:#005E9D; color:#747474; */  color:#525252; color:#101010\9;  border-right:1px solid #BA0C0B; padding-right:5px; margin-right:5px; font-size:15px}
#menuFootBeps a:hover{ color:#BA0C0B; }
#menuFootBeps p{ font-size:12px; color:#747474}

#infoFootBeps{ height:124px; width:265px; padding:10px 20px; background-color:#d3d4d8; float:left; line-height:16px; font-size:13px;}
#infoFootBeps.sinRedes{ padding:20px 20px 0px;}
#infoFootBeps a{ float:left; margin:3px 3px 0 0;}

#logosFoot{}
#logosFoot a{ float:left; margin:20px; display:block}
#logosFoot a.medio{ margin:20px 165px;}

.actualizaUltima{ margin-top:20px; display:block}


/****************** INICIO ******************/

/*** ANTERIOR MENU ****/
#btnsIniBeps{ height:109px; margin:21px 0px;}
.btnIniIE{ width:187px; height:100%; float:left; display:block; margin-left:5px; background-image:url(../img/spriteMenuIni.png); color:#FFFFFF!important}
.btnIniIE.primero{ margin-left:16px}
.btnIniIE:visited{ color:#fff!important}

.btnIniIE h1{ font-size:18px; font-weight:bold; padding-left:65px; margin:16px 0 13px}
.btnIniIE h2{ padding-left:20px; font-weight:normal!important; font-size:14px;}

.btnIniIE.btnQuieres{ background-position:0 0;}
.btnIni.btnQuieres h1{padding-left:75px; }

.btnIniIE.btnCalcula{ background-position:-187px 0;}

.btnIniIE.btnFormulario{ background-position:-374px 0;}

.btnIniIE.btnVideo{background-position:-561px 0;}

.btnIniIE.btnPuntos{background-position:-748px 0;}
.btnIniIE.btnPuntos h2{ padding-left:12px}

/*** NUEVO MENU ****/

#btnsIniBeps{ height:133px; margin:21px 0px;}
.btnIni{ width:187px; height:100%; float:left; display:block; margin-left:5px; background-image:url(../img/spriteMenuIni_new.png); color:#FFFFFF!important}
.btnIni.primero{ margin-left:16px}
.btnIni:visited{ color:#fff!important}

.btnIni h1{ font-size:18px; font-weight:bold; padding-left:65px; margin:21px 0 26px}
.btnIni h2{ padding-left:20px; font-weight:normal!important; font-size:14px;}

.btnIni.minisBox{ background-image:none}	
.btnIni.mini{ height:67px; }
.btnIni.mini h1{ margin:17px 0 13px}

.btnIni.btnFormulario{ background-position:0 0;}

.btnIni.btnVideo{background-position:0px -67px;}
.btnIni.btnVideo h1{ margin-top:13px}

.btnIni.btnQuieres{ background-position:-374px 0;}
.btnIni.btnQuieres h1{padding-left:71px; }

.btnIni.btnPuntos{background-position:-187px 0;}
.btnIni.btnPuntos h2{ padding-left:12px}

.btnIni.btnSaldo{ background-position:-561px 0;}
.btnIni.btnSaldo h1{padding-left:68px; }


/****************** INTERNAS ******************/	
.tituloSeccion{ /*width:666px;*/ padding:9px 20px; font-size:23px; font-weight:bold}
.tituloSeccion span{display:block; background-image:url(../img/spriteGeneral.png); float:left; margin:-12px 7px 0 0; position:relative}

.migaBeps{ display:block; margin:10px 10px 0 0;}
.migaBeps a, .migaBeps p{ float:right; color:#525252; color:#101010\9; font-size:13px; margin-left:8px; padding-right:8px; border-right:1px solid #7B7B7B}
.migaBeps p.primero{ border-right:none 0px; margin-right:10px}
.migaBeps a{ cursor:pointer}
.migaBeps a:hover{ text-decoration:underline; color:#BA0C0B}
.icoMigaInicio{ width:15px; height:15px; position:relative; margin: -1px 5px 0 0; display:block; float:left; background-image:url(../img/spriteGeneral.png); background-position:-40px -48px}

.contenidoBeps{ width: 680px; margin:15px 60px 30px; font-size:16px; display:block}
.contenidoBeps p, .contenidoBeps li, .contenidoBeps h2, .contenidoBeps h1{ margin-bottom:15px; color:#525252; color:#101010\9; line-height:20px;}
.contenidoBeps p{ }
.contenidoBeps strong{ color:#000000}
.contenidoBeps h1{ color:#000000; font-weight:bold; font-size:19px}
.contenidoBeps h2{ font-weight:bold; padding-top:20px; font-size:18px}
.contenidoBeps br{ margin-bottom:10px}
.contenidoBeps a{ color:#BA0C0B}

.contenidoBeps img{ width:350px; display:block}
.contenidoBeps img.fl{ margin:0 20px 10px 0}
.contenidoBeps img.fr{ margin:0 0px 10px 20px}
.contenidoBeps .fullImg{ width:100%; margin-bottom:10px;}

/** INCENTIVOS **/
.incenBox{ width:90%; padding:10px; border-style:solid; border-width:2px; display:block; margin:0 auto 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
.incenBox .titul{ display:inline-block; width:100%; cursor:pointer;}
.incenBox .titul h1{ margin:0; font-weight:normal; float:left; margin:9px 0px 0 6px;}
.incenBox .titul:hover h1{ text-decoration:underline}
.incen_ico{display:block; float:left;  width:36px; height:39px; background-image:url(../img/spriteGeneral.png)}
.incenBtn{ float:right; font-size:15px; font-style:italic; text-decoration:underline; padding-top:12px}
/*.incenBtn.x{ font-size:28px}*/

.incenBox .cont{ overflow:hidden; height:0px; position:relative}
.incenBox .cont h1, .incenBox .cont p, .incenBox .cont ul{ width:95%; margin-left:auto; margin-right:auto; display:block!important}
.incenBox .cont h1{ margin-top:20px; padding:15px 0; border-top-width:2px; border-bottom-width:2px; border-style:dotted}

/*
#00A651 - verde
#005E9D - azul
#88898A - gris
#BA0C0B - rojo
*/ 

.incenBox.period, .incenBox.period .cont h1{ border-color:#005E9D}
.incenBox.period h1, .incenBox.period .incenBtn{color:#005E9D}
.incenBox.period .incen_ico{ background-position:0px -110px}

.incenBox.puntual, .incenBox.puntual .cont h1{ border-color:#00A651}
.incenBox.puntual h1, .incenBox.puntual .incenBtn{color:#00A651}
.incenBox.puntual .incen_ico{ background-position:-36px -110px}


/***** LISTAS ******/

/* Lista Numerada Grande */
.listNum_G{margin-left:0px; padding-left:0px; display:block}
.listNum_G li{position:relative; list-style:none; }
.listNum_G li .num{font-size:35px; /*tamaño de la fuente*/ width:34px; margin:5px 0 5px 0; padding:4px!important; color:#727272; text-align:center;   float:left}

/* Lista 1 - Lista Simple*/
.lista_1 li{ list-style:inside disc!important; margin-top:10px; padding-left:20px}

/* Lista Numeral 1 - Lista Numeral Simple*/
.listaNum_1 li{ list-style:decimal inside; padding-left:20px}


/***** TABLAS ******/

/* Tabla 1 Simple */
.tabla_1{ display:block; width:500px; margin:10px auto; font-size:14px; color:#525252}
.tabla_1 td, .tabla_1 th{ padding:8px; border:1px solid #88898A}
.tabla_1 th{ text-align:center; font-weight:bold; font-size:15px; color:#000000}

.TablaAzul {margin:30px auto; padding:0px;  width:99%; height:auto!important; border:1px solid #000000; display:block}
.TablaAzul table{  border-collapse: collapse; border-spacing: 0; width:100%; height:100%;  margin:0px;padding:0px;
}
.TablaAzul td{ /*background-color:#cee6ff; */ vertical-align:middle; border:1px solid #000000; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:14px; font-family:Arial; font-weight:normal;color:#000000;}
.TablaAzul tr:last-child td{ border-width:0px 1px 0px 0px;}
.TablaAzul tr td:last-child{border-width:0px 0px 1px 0px;}
.TablaAzul tr:last-child td:last-child{border-width:0px 0px 0px 0px;}

.TablaAzul tr:first-child td{background-color:#005e9d;border:0px solid #000000; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Arial; font-weight:bold; color:#ffffff; text-transform:uppercase!important;}
.TablaAzul.verde tr:first-child td{background-color:#00A651;text-transform:none!important}
.TablaAzul.verde td{ text-align:center}

.TablaAzul .fondoAzul, .TablaAzul .fondoAzul td, .TablaAzul .fondoVerde, .TablaAzul .fondoVerde td{color:#ffffff; text-transform:uppercase!important; text-align:center; font-weight:bold;  background-color:#005e9d;}
.TablaAzul .fondoVerde, .TablaAzul .fondoVerde td{background-color:#00A651; }

.TablaAzul tr:first-child:hover td{}
.TablaAzul tr:first-child td:first-child{ border-width:0px 0px 1px 0px; }
.TablaAzul tr:first-child td:last-child{ border-width:0px 0px 1px 1px;}



/****************** PQRS ******************/
#loading{ background-color:#BA0C0B; border-top:1px solid #F3F3F3; border-bottom:1px solid #F3F3F3; display:none; text-align:center; margin:6px 0; padding:5px 0; color:#FFFFFF!important}

#formPQRBeps{ display:block; width:100%; position:relative; margin:20px 0; text-align:center}
#formPQRBeps label, #formPQRBeps input, #formPQRBeps select, #formPQRBeps textarea, .selectBEPS{ float:left; width:45%; margin-bottom:10px}

#formPQRBeps input[type="text"], #formPQRBeps input[type="number"], #formPQRBeps input[type="tel"], #formPQRBeps select, #formPQRBeps textarea, .selectBEPS{ width:40%; margin-left:10px; padding:3px; border:2px solid #9B9C9E; background-color:#EFEFEF; font-size:15px; /*behavior:url(../css/border-radius.htc);*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
#formPQRBeps select, .selectBEPS{ width:41%}

#formPQRBeps input.mini{ width:auto;  margin-left:10px; }
#formPQRBeps textarea{ height:50px; max-height:150px; max-width:40%; min-width:40%;}

#formPQRBeps label{ text-align:right;}
#formPQRBeps label strong{ color:#BA0C0B}

#formPQRBeps p{ font-size:12px; color:#000000}
#formPQRBeps p.miniTexto{ font-size:10px;}

.hasRealPerson{ float:none!important}
.realperson-text br{ margin-bottom:0px}

/*#formPQRBeps select.municipio option{ display:none;}*/

/****************** GLOSARIO ******************/

#menuGlosario{ display:block; margin:15px auto 0; width: 790px }
#menuGlosario div{ float:left; margin:0 3px; display:block; padding:3px 0px; width:24px; text-align:center; background-color:#E6E7EA; color:#5D5D60; font-weight:bold; font-size:19px; cursor:pointer;
                   /*behavior:url(../css/border-radius.htc); */-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#menuGlosario div:hover, #menuGlosario div.active{ background-color:#BA0C0B; color:#fff}

.contGlosario{ width:100%; margin: 30px 0;}
.contGlosario h1{ color:#000000; font-weight:bold; cursor:pointer; font-size:16px!important}
.contGlosario h1 span{ width:40px; height:10px; margin-top:5px; display:block; background-color:#BA0C0B; float:left; margin-right:10px}
.contGlosario h1:hover{ color:#BA0C0B}
.contGlosario div{ padding-left:50px; padding-bottom:0px; overflow:hidden; height:0}
.contGlosario div span{ display:block; height:auto}


/************** PREGUNTAS FRECUENTES ****************/

.contPreguntas{ }
.contPreguntas select{ padding:3px; border:2px solid #9B9C9E; background-color:#EFEFEF; font-size:15px; /*behavior:url(../css/border-radius.htc);*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
.contPreguntas select option{ padding:3px}
.contPreguntas a{ font-weight:bold}

#contPreguntas h1{ color:#000000; font-weight:bold; cursor:pointer; font-size:17px!important}
#contPreguntas h1 span{ width:20px; background-image:url(../img/spriteGeneral.png); background-position:0px -48px; height:28px; margin-top:2px; display:block; float:left; margin-right:10px}
#contPreguntas h1:hover{ color:#BA0C0B;}
#contPreguntas h1.activo span{background-position:-20px -48px;}

#contPreguntas div{ padding-bottom:0px; overflow:hidden; height:0}
#contPreguntas div span{ display:block; height:auto}


/************** QUIERO SER BEPS ****************/
.tituloSeccion.colDorado { padding:15px 20px 13px}
.tituloSeccion.colDorado span{ width:46px; height:48px; background-position:-240px 0px;}

.quieroSer{ 
    width: 750px;
    margin:20px auto 
}
.quieroSer h1{ font-weight:bold; font-size:24px}

.pasosQuiero{ 
    float:left; 
    margin: 8px 17px 0 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; 
    cursor:default;
}

.pasosQuiero.activo{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.pasosQuiero span{display:block; float:left;}
.pasosQuiero h1{ font-size:19px; margin:0;}
.pasosQuiero p{ font-size:13px; line-height:17px}
.pasosQuiero p br{ margin:0}

.pasosQuiero span.ico{ width:30px; height:34px; background-image:url(../img/spriteGeneral.png); margin-right:5px;}
.pasosQuiero.uno span.ico{background-position: -3px -76px;}
.pasosQuiero.dos span.ico{background-position: -39px -76px;}
.pasosQuiero.tres span.ico{background-position: -75px -76px;}

#contQuiero{ 
    /*width: 88%;*/
    display:block; 
    margin:10px 0 0; 
    text-align:center;
}

/**** PASO 1 ****/
.consulta{ width:100%; display:block; padding:20px 0; font-size:18px;}
.consulta input{ margin:10px auto 0; width:250px; padding:10px; border:3px solid #9B9C9E; background-color:#f3f3f3; font-size:17px; text-align:center;
                 /*behavior:url(../css/border-radius.htc);*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
#recaptcha_area{ width: auto; margin:0 auto; display:block}

#myDivLoading{ position:fixed; width:100%; height:100%; display:none; top:0; left:0; background-image:url(../img/opaciWhite.png)}
#myDivLoading img{ position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px}

.captchaCaja{width: 100%;}
#defaultReal{ text-transform:uppercase; padding:5px; font-size:13px; text-align:center}
.captchaCaja p{ font-size:17px; font-weight:bold;}

/**** PASO 2 ****/
.cinta { padding:5px 0}

.respBox{ /*width:500px;*/ margin:15px auto 25px; clear:both; color:#525252; color:#101010\9; font-size:15px; display:block;}
.respBox strong{ font-size: 15px; color: #ba0c0b;}
.respBox br{margin-bottom:10px;}
.respBox a{ color:#BA0C0B; font-weight:bold}

#jp_container_1{ margin:0 auto; }

/**** PASO 3 ****/
#contQuiero .bkGris{ width:100%; padding:10px 0; display:block}

/**** PASO 4 ****/
.contPregun{ width:300px; display:block; margin:0 auto; font-size:18px; display:none}
.contPregun.activo{ display:block}
.contPregun label, .contPregun input{ margin-bottom:12px; float:left}
.contPregun label{ margin-left:10px; cursor:pointer; color:#5B5B5E; text-align:left; width:240px}
.contPregun input{ margin-top:4px}

.navQuienes{ width:130px; display:block; cursor:pointer; font-size:18px; color:#5B5B5E}
.navQuienes span{ width:47px; height:34px; background-image:url(../img/spriteGeneral.png); background-position:-134px -76px; display:block; position:relative}

.navQuienes.sig{ float:right; margin-right:20px;}
.navQuienes.sig span{ float:right; margin-top:-6px}

/**** PASO 5 ****/
.finLetrero{ width:500px; margin:15px auto 25px; clear:both; color:#5B5B5E; font-size:20px; display:block;}
.finLetrero strong{ font-size:45px; color:#5B5B5E}
.finLetrero br{margin-bottom:10px;}

.finCinta{ padding:12px 0 15px; font-size:20px; line-height:25px; margin:15px 0;}
.finCinta a{ text-decoration:underline; font-weight:bold}
.finCinta a:visited, .finCinta a:link{ color:#FFFFFF!important}

.btnForms{/*background-position:0 -109px; color:#B59F3E!important;*/ background-position:-187px -109px; color:#c04035!important;  width:187px; height:119px;margin:0 auto 10px; display:block; background-image:url(../img/spriteMenuIni.png); text-align:left}
.btnForms h1{ font-size:18px; font-weight:bold; padding:20px 0 13px 65px; display:block; margin:0!important;  color:inherit!important; }
.btnForms h2{ padding-left:20px; padding-top:0px!important; font-weight:bold; color:inherit!important; line-height:normal; font-size:13px}
/*.btnIni.btnFormQuienes h2{ padding-left:12px}*/ 

#contQuiero .docDescarga{ text-align:left; margin:0 auto 10px; width:700px; float:none; display:block; color:#000000!important}
#contQuiero .docDescarga h1{ font-size:22px}

#avisoLegalCaja{ background:url(../img/opaciBlack.png) repeat 0 0; position:fixed; z-index:100000; display:none; width:100%; height:100%; top:0; left:0;}
#avisoLegalCaja #avisoLegalCajaInt{ background-color:#FFFFFF; display:block; padding:20px; width:330px; height:430px; position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-250px; text-align:left; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
#avisoLegalCajaInt .cajaTexto{ width:295px; height:300px; border:1px solid #000000; padding:15px 20px 15px 15px; margin:10px 0; clear:both; overflow:scroll; overflow-x:none; font-size:12px}
#avisoLegalCajaInt .cajaTexto p{ margin:0 0 15px}


/************** VIDEOS - NOTICIAS ****************/
.tituloSeccion.colGrisOsc { padding:15px 20px 13px}
.tituloSeccion.colGrisOsc span{ width:50px; height:48px; background-position:-285px 0px;}

#contMultiBeps, #menuMultimBeps{ margin-top: 10px; position:relative; z-index:0}

#menuMultimBeps{ display:block; width:200px; padding:20px; background-color:#EEEFF1; color:#717175; 
                 min-height:395px; height:auto!important; height:395px; height: expression( this.scrollHeight < 396 ? "395px" : "auto" );}
#menuMultimBeps .btnPrinc, #menuMultimBeps .btnPrinc a{ margin-bottom:15px; cursor:pointer; font-size:18px; color:inherit}
#menuMultimBeps .btnPrinc.abierto, #menuMultimBeps .btnPrinc.abierto a, #menuMultimBeps .subBtnM.activo a{ color:#000000}
#menuMultimBeps .subBtnM{ padding-bottom:10px}
#menuMultimBeps .subBtnM em{ font-style:italic!important}
#menuMultimBeps .subBtnM.activo a{ text-decoration:underline}
#menuMultimBeps .btnPrinc:hover, #menuMultimBeps .btnPrinc a:hover, #menuMultimBeps .btnPrinc.activo, #menuMultimBeps .btnPrinc.activo a, #menuMultimBeps .subMenuM a:hover, #menuMultimBeps .subMenuM a.activo{ color:#000}

#menuMultimBeps .subMenuM{ display:block; height:0px; overflow:hidden}
#menuMultimBeps .subMenuM.activo{ height:auto;}

#menuMultimBeps .subMenuM ul{ list-style:inside; margin-bottom:20px; padding-left:15px}
#menuMultimBeps .subMenuM li{ margin-bottom:5px; cursor:pointer; line-height:16px}
#menuMultimBeps .subMenuM a{color:#717175;}

#contMultiBeps{ float:left; text-align:center; width:520px; padding:0 20px 10px; display:block;}
#contMultiBeps p, #contMultiBeps h1, #contMultiBeps h2, #contMultiBeps ul{ text-align:left; text-align:justify}
#contMultiBeps h1{ font-size:20px; margin:10px 0; line-height:23px; font-weight:bold; text-align:center}
#contMultiBeps h2{ font-size:16px; margin:20px 0 10px; line-height:16px; font-weight:bold;}
#contMultiBeps p, #contMultiBeps ul{ color:#525252; color:#101010\9; margin:5px 0 10px;line-height:18px}
#contMultiBeps ul{ margin:25px 0; display:block}
#contMultiBeps a{color:#BA0C0B; font-weight:bold}

.vidBEPS{ margin:0 auto; background-color:#000000; display:block; margin-bottom:15px;}

.gallery-container{ height:400px}
.jbgallery{ width:520px}

#destacadasNoti{ width:240px; display:none}
#destacadasNoti h1{ width:220px; padding:10px; font-size:19px; margin:10px 0}
#destacadasNoti a{ padding:10px; display:block; color:#525252; color:#101010\9; line-height:16px }

#videoDespliegue{ position:relative; z-index:0}

.fotoComent{ font-size:11px; text-align:center!important; font-style:italic}	

/************** FORMULARIOS - PAGINA ****************/
.formulariosPag{/* width:450px;*/ margin:10px auto 20px}
.formulariosPag .btnForms{ float:left; margin-left:15px}

.formulariosPag .docDescarga{ text-align:left; margin:0 auto 15px; width:700px; float:none; height:auto; display:block; color:#000000!important}
.formulariosPag .docDescarga h2{ color:#BA0C0B; font-size:22px; padding:5px 0 0; margin:0; display:inline-block; vertical-align: middle; width:90%}
.formulariosPag .docDescarga p{ font-size:15px; margin-top:10px}
.formulariosPag .docDescarga:hover{ color:#BA0C0B!important; }
.formulariosPag h3{ font-weight:bold; text-align:left; display:inline-block; margin-top:10px; line-height: 20px;}

.subDocDesc{ list-style:none; padding-left:40px; margin:20px 0 0 0!important}
.subDocDesc a{ margin:0 0 8px!important}
.subDocDesc a:hover h2{ text-decoration:underline}
.subDocDesc h2{ font-size:18px!important}
.subDocDesc img{ float:left; width:20px; margin:5px 5px 0 0}


/************** MAPA DEL SITIO ****************/
.mapaSitioBeps{ margin:10px auto; width:700px; text-align:center; clear:both}
.cajaMapaSitio{ width:650px; padding:10px; display:block; margin:0 auto}
.categoriaMapaS, .menuMapaS{display:block;}

.categoriaMapaS{ text-align:left; margin-bottom:15px}
.categoriaMapaS h1{color:#fff; font-weight:bold; font-size:18px; padding:10px}

.menuMapaS{}
.menuMapaS a{ font-size:14px; width:90%; float:left; padding-left:25px; display:block; margin-bottom:8px; color:#525252; color:#101010\9; text-align:left;}
.menuMapaS a:hover{color:#BA0C0B;}

/************** NORMATIVA ****************/
.docDescarga, .btnIrAfuera{  display:block; height:48px; margin:25px 10px 10px; }
.docDescarga:visited, .btnIrAfuera:visited{ color:inherit}
.docDescarga span, .btnIrAfuera span{ background-position:-333px 0px; background-image:url(../img/spriteGeneral.png); width:42px; height:48px; display:inline-block; vertical-align:middle; margin-right:10px;}
.docDescarga p, .btnIrAfuera p{ display:inline-block; color:#525252; vertical-align:middle; width:90%; color:#101010\9; margin-bottom:0}
.docDescarga:hover, .docDescarga:hover p, .btnIrAfuera:hover, .btnIrAfuera:hover p{ color:#BA0C0B!important; text-decoration:none}

.btnIrAfuera span{ background-position:-333px -48px; margin-top:5px }

/************** PUNTOS BEPS ****************/
.puntosCaja{ width:740px; margin:10px auto}
.imgPuntos{ margin-left:0px!important; width:345px!important}

.puntoBEPSInfoBox{ display:block; /*float:left; width:340px;*/ }

.puntoBEPSInfo{ display:none; margin:0 0 35px 26px; float:left; width:340px;}
.puntoBEPSInfo h1{ font-size:20px; color:#BA0C0B; font-weight:bold; margin:0px 0px 5px; text-transform:uppercase}
.puntoBEPSInfo h2{ padding:5px 0; color:#000; margin:0!important; font-size:18px;}
.puntoBEPSInfo p{ margin:0}
.puntoBEPSInfo a{}
.puntoBEPSInfo br{ margin-bottom:4px}
.puntoBEPSInfo strong{ color:#525252; color:#101010\9;}

/****** MAPA ******/
.tituloSeccion.puntosBepsTitul { padding:15px 20px 13px}
.tituloSeccion.puntosBepsTitul span{ width:52px; height:28px; background-position:-83px -48px; margin-top:-2px}

.mapaBEPS{ width:750px; margin:10px auto 20px}
#map_canvas{width:100%; height:500px}

.puntoMapaBEPS{ display:block; width:250px/*float:left; width:330px;*/}
.puntoMapaBEPS h1{ font-size:20px; color:#BA0C0B; font-weight:bold; margin:0px; text-transform:uppercase}
.puntoMapaBEPS h2{ padding:5px 0 0; color:#000; margin:0; font-size:15px;}
.puntoMapaBEPS p{ margin-bottom:5px}
.puntoMapaBEPS br{ margin-bottom:4px}
.puntoMapaBEPS strong{ color:#525252; color:#101010\9;}

/********** POP UP ***********/
.popUpCaja{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000}
.popUpCaja .bk{ display:block; width:100%; height:100%; background-image:url(../img/opaciBlack.png); cursor:pointer}

.popUpInterno{ width:420px; display:none; position:fixed; left:50%; top:50%; margin-left:-225px; margin-top:-150px; background-color:#fff; border-radius:8px; padding:25px}
.popUpInterno .closeBtn{ color:#fff; background-color:#000; font-weight:bold; font-size:20px; -moz-border-radius: 10px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; padding:7px 10px; position:absolute; top:-12px; right:-12px; cursor:pointer;}
.popUpInterno .closeBtn:hover{background-color:#BA0C0B;}
.popUpInterno img, .popUpInterno h1, .popUpInterno p, .popUpInterno h2, .popUpInterno h3{ width:92%;	 margin:20px auto; }
.popUpInterno h1, .popUpInterno strong{color:#BA0C0B;}
.popUpInterno h1{ font-size:25px; font-weight:bold; line-height:26px; padding:0 10px 10px!important; border-bottom:2px dotted #BA0C0B; margin-top:10px}
.popUpInterno h2{ font-size:20px}
.popUpInterno h3{font-size:17px}
.popUpInterno p, .popUpInterno h2, .popUpInterno h3{ color:#525252; color:#101010\9; line-height:20px; font-size:17px}

/******/
#consultaInt{ width:700px; height:550px; margin-left:-375px; margin-top:0; top:50px}

/********** LINEA TELEFONIC ***********/
.ivrBox{ margin:5px 0 10px; display:inline-block; width:100%; position:relative}
.ivrBox span, .ivrBox p{background-color:#BA0C0B; color:#FFFFFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding:8px 10px; display:inline-block; vertical-align:middle; margin-bottom:0px; cursor:default; border-right:4px #85191A solid; border-bottom:4px #85191A solid; }
.ivrBox span{margin-right:4px; padding:8px 12px; font-weight:bold}
.ivrBox p{ width:89%; }

.ivr-lvl2{ width:93%; margin:0px 0 10px 7%}
.ivr-lvl2 p{ font-weight:normal; color:#525252; background-color:transparent; border:0px none; }

/**** 2015 04 09 ******/
.redRecaudo {border-color:#fff}
/*.redRecaudo td{ text-transform:lowercase}
.redRecaudo td:first-letter{ text-transform:uppercase;}*/

/******** BOTONES DESTACADOS ************/
.minisBox.primero, .btnDest.primero{ margin-left:15px}
.minisBox{ display:inline-block; width:192px;}

.btnDest{ padding:10px 10px 8px; border-radius:10px; display:inline-block; vertical-align:top; color:#FFFFFF!important; width:157px; border-style:solid; border-width:0 0px 2px 2px; font-weight:bold; line-height:18px; margin-left:5px; cursor:pointer}
.btnDest.cent{ display:block; margin:0 auto}
.btnDest .fa{ margin:2px 10px 0 0; float:left; font-size:42px; width:30px; text-align:center}
.btnDest .fa-stack{ margin:0px 10px 0 0; float:left; width:30px}

.btnDest h1{ font-size:18px; font-weight:bold; padding:5px 0 15px;}
.btnDest h2{ font-weight:normal!important; font-size:14px; text-align:center; margin-bottom:2px}
.btnDest hr{ margin-bottom:7px; height:2px; border:0px none;}

.btnDest.mini{ margin-bottom:6px; padding:10px 12px 10px 15px}
.btnDest.mini h1{ margin:0; padding:0}
.btnDest.mini .fa{ font-size:33px}

.btnDest.colAzul{ border-bottom-color:#004b8b; border-left-color:#004b8b}
.btnDest.colAzul hr{ background-color:#004b8b}
.btnDest.colVerde{ border-bottom-color:#006a31; border-left-color:#006a31}
.btnDest.colVerde hr{ background-color:#006a31}
.btnDest.colRojo{ border-bottom-color:#9b0000; border-left-color:#9b0000}
.btnDest.colRojo hr{ background-color:#9b0000}
.btnDest.colGrisOsc{ border-bottom-color:#9D9D9D; border-left-color:#9D9D9D}
.btnDest.colGrisOsc hr{ background-color:#9D9D9D}
.btnDest.colDorado{ border-bottom-color:#877622; border-left-color:#877622}
.btnDest.colDorado hr{ background-color:#877622}
.btnDest.colGris2{ border-bottom-color:#464445; border-left-color:#464445}
.btnDest.colGris2 hr{ background-color:#464445}

/******** ABC BEPS ************/
#abcBEPS{ width:98%; margin: 15px 0 30px 1%; display:inline-block}

/* 2015/09/30 */
/* Validación de identidad */

.respValidNo{ display:block; width:auto; overflow:hidden; border:2px solid #BA0C0B; border-radius: 10px; text-align:left; margin:15px auto; position:relative;}
.respValidNo h1{ display:inline-block; width:100%; padding:5px 15px; cursor:pointer; font-weight:bold; color:#BA0C0B;}
.respValidNo h1:hover, .respValidNo.active h1{ background-color:#BA0C0B; color:#FFFFFF;}
.respValidNo h1:after{content: "Ver detalle"; font-size:0.85em; font-style:italic; text-decoration:underline; position:absolute; right:5px; top:3px; display:block; vertical-align:middle; padding:2px 7px 1px; border-radius:20px;  text-align:center;}

.detValidNo { overflow:hidden; height:0px}
.respValidNo.active .detValidNo{ overflow:auto; height:auto}
.detValidNo p{padding:15px; border-top:2px solid #BA0C0B; line-height:normal}
.detValidNo a{ color: red; font-weight:normal}

/* 2015/10/14 */
/* Sección Aliados BEPS */
.listImgBox{ width:100%; max-height:200px; overflow:hidden; position:relative}
.listImgBox a{ width:22%; margin-left:1.8%; margin-bottom:10px; height:90px; display:inline-block; background-size:100% auto; background-position:center center; background-repeat:no-repeat; 
               -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
               -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
               -webkit-filter: grayscale(100%);
               filter: gray;
               filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
               -webkit-transition: all 0.5s; /* Safari */
               transition: all 0.5s;
}

.listImgBox a:hover{
    -moz-filter: none;
    -o-filter: none;
    -webkit-filter: none;
    filter: none;
}

.footListImgBox{}

/*
.colGris{ background-color:#88898A; color:#fff}
.colGris2{ background-color:#5B5B5E; color:#fff}
.colGrisOsc{ background-color:#464445; color:#fff}
.colVerdClaro{background-color:#869e2c; color:#fff}
.colNaranja{background-color:#cb5d39; color:#FFFFFF}
*/