/* General Demo PIBEE */
html, body {height:100%; overflow-x:hidden;}

.hidden {overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}
.background-white {background:#fff;}
.background-silver {background:#f4f4f4;}
.background-silver-total {background:#f4f4f4 url(../images/back-total.png) repeat-y center top; position:absolute; width:100%; height:100%; left:0;}
.linea-separadora-general {
	width:100%;
	height:1px;
	display:block;
	background:#4dbbed;
	}

/* PORTAL EMPRESAS */
.portal-empresas {
	width:100%;
	height:100%;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index: 9999999999;
}	
.portal-empresas img {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-600px;
}

.portal-empresas .contenedor-form-empresas {
	width:1200px;
	height:100%;
	display:block;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-600px;
}

.pe-input-01 {
	width:346px;
	height:26px;
	display:block;
	position:absolute;
	top:164px;
	left:52px;
}
.pe-input-02 {
	width:346px;
	height:26px;
	display:block;
	position:absolute;
	top:221px;
	left:52px;
}
.pe-password-01 {
	width:346px;
	height:26px;
	display:block;
	position:absolute;
	top:278px;
	left:52px;
}
.pe-btn-01 {
	width:348px;
	height:32px;
	display:block;
	position:absolute;
	top:335px;
	left:51px;
}

/* PANTALLAS DINAMICAS */	
.absolute_form {position:absolute;}
.absolute_input {position:absolute; background-color: rgba(199, 22, 93, 0.2) !important; border:1px solid #c7165d; border-radius:3px;}
input[type="text"] {text-transform:uppercase;}	
input[type="password"] {font-size:12px;}	
button {background:none; border:0 none; cursor:pointer}

.pasos_generales {display:none; width:100%; height:100%; position:absolute; top:0; left:0;}

/* CABECERA */
.btn_desconectar {width:30px; height:24px; background:none; top:26px; right:17px; outline:0 none;}
.navbar-fixed-top {
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
			box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
}
.navbar-nav li {margin-left:10px;}
.navbar-nav li a.icon-navAccesoDemo,
.navbar-nav li a.icon-navBancaElectronica,
.navbar-nav li a.icon-navAdministracionControl,
.navbar-nav li a.icon-navSeguridad,
.navbar-nav li a.icon-navSalir {
	width:50px;
	height:50px;
	display:block;
	/*background:url(../images/cabecera/spriteIcon-nav.png) no-repeat;*/
	}
.navbar-nav li a.icon-navAccesoDemo {background-position:0 0;}
.navbar-nav li a.icon-navAccesoDemo:hover,
.navbar-nav li a.icon-navAccesoDemo:focus,
.navbar-nav li.active a.icon-navAccesoDemo {background-position:0 -50px;}
.navbar-nav li a.icon-navBancaElectronica {background-position:-50px 0;}
.navbar-nav li a.icon-navBancaElectronica:hover,
.navbar-nav li a.icon-navBancaElectronica:focus,
.navbar-nav li.active a.icon-navBancaElectronica {background-position:-50px -50px;}	
.navbar-nav li a.icon-navAdministracionControl {background-position:-100px 0;}
.navbar-nav li a.icon-navAdministracionControl:hover,
.navbar-nav li a.icon-navAdministracionControl:focus,
.navbar-nav li.active a.icon-navAdministracionControl {background-position:-100px -50px;}
.navbar-nav li a.icon-navSeguridad {background-position:-150px 0;}
.navbar-nav li a.icon-navSeguridad:hover,
.navbar-nav li a.icon-navSeguridad:focus,
.navbar-nav li.active a.icon-navSeguridad {background-position:-150px -50px;}
.navbar-nav li a.icon-navSalir {background-position:-200px 0;}	

button, a {background:rgba(0,51,204,0) !important}
.btn, .dropdown-toggle {background:rgba(0,51,204,0)}
.dropdown-menu h1 {
	font-size:13px;
	margin:17px 0 15px 14px;
	}
.admin_perfil_usuario {
	top:23px;
	left:708px;
	}
.admin_control {
	top:23px;
	left:852px;
	}
.atencion_cliente {
	top:23px;
	left:1016px;
	}
.idioma_ingles {
	top:62px;
	left:1118px;
	}	
.favoritos_lista {
	top:62px;
	left:688px;
	}		
.admin_control > button,
.admin_control > button:focus,
.atencion_cliente > button,
.atencion_cliente > button:focus,  
.idioma_ingles > button,
.idioma_ingles > button:focus,
.favoritos_lista > button,
.favoritos_lista > button:focus  {
	background:none !important;
	border:0 none;
	}
.pe_btn_imprimir { 
	width:69px; 
	height:26px; 
	top:64px; 
	left:771px; 
	text-align:center; 
	font-size:12px;
	background:none !important;
	border:0 none; }

.dropdown-perfil-usuario {left:-50% !important;}
.dropdown-perfil-usuario > li > a {width:218px;}
.dropdown-admin-control {left:-35% !important;}	
.dropdown-admin-control > li > a {width:192px;}
.dropdown-atencion-cliente {left:-12% !important;}
.dropdown-atencion-cliente > li > a {width:120px;}
.dropdown-idioma {left:-12% !important;}
.dropdown-idioma > li > a {width:40px;}
.dropdown-favoritos {background:#fff; padding:0; border:1px solid #ccc; right:-5%;}
.dropdown-favoritos > li {min-width:210px; padding:5px; border-bottom:1px solid #ccc; overflow:hidden; display:none;}
.dropdown-favoritos > li:last-child {border-top:1px solid #ccc;}
.dropdown-favoritos > li > a {width:90%; margin:0 !important; padding:4px 0; border-bottom:none; float:left;}
.dropdown-favoritos > li > input {width:20px; height:20px; background:url(../images/icon-removeFavorites.png); display:block; margin-top:2px; border:none; float:right;}

.lista-servicios-favoritos {position:absolute; top:104px; right:8px;}

.showAdd {background:url(../images/back-seleccionFavoritos.png) top left !important; width:160px; height:33px; display:block;}
.hiddenRemove {background:url(../images/back-seleccionFavoritos.png) top right !important; width:160px; height:33px; display:none;}
	
.arrow-dropdown {width:24px; height:12px; display:block; background:url(../images/icon-dropdownGeneral.png) no-repeat; top:-12px; left:50%; margin-left:-6px; z-index:30}	
/* CAROUUSEL */
.navbar {
	margin-bottom: 0;
	border-radius: 0;
	}
.carousel-caption a {
	background:#fff !important;
	padding:12px 40px;
	text-decoration:none;
	border-radius:5px;
	color:#0094e2;
	font-size:16px;
	float:right;
	}
.carousel-caption a:hover {
	background:#00408e !important;
	color:#fff;
	}		
.carousel-caption h3 {
	margin:35px 0 30px 0; 
	}		
.carousel-caption p {
	width:95%;
	font-size:18px;
	margin:18px 0 13px 0; 
	}	
.carousel-inner img {
	width: 100%; /* Set width to 100% */
	margin: auto;
	height:100%;
	}
.carousel-inner,.carousel,.item,.fill {
	height:100%;
	width:100%;
	}	

@media screen and (min-width: 768px){
	.caption-right {right:12% !important; left:initial;}
}

/* MENU PRINCIPAL - MÓDULOS */
.menu-principal-modulos {
	margin:90px 0 0 0;
	padding:0;
	list-style:none;
	}
.menu-principal-modulos li {
	margin:0 20px 30px 20px;
	float:left;
	}
.menu-principal-modulos li a {
	width:540px;
	height:280px;
	display:block;
	font-family: "Stag-Sans-Light", Helvetica, sans-serif;
	background:#009ee5;
	color:#fff;
	text-align:left;
	text-decoration:none;
	padding:30px;
    border-radius:5px;
	cursor:pointer;
	}		
.menu-principal-modulos li a:hover {
	background:#00408e;
	}
.menu-principal-modulos li a h3 {
	font-size:36px;
	margin:0 0 15px 0;
	}	
.menu-principal-modulos li a h3.una-linea {
	line-height:78px;
	}		
.menu-principal-modulos li a p {
	font-size:18px;
	margin:18px 0 0 0;
	}	
.menu-principal-modulos li .icon-modulosAccedeDemo,
.menu-principal-modulos li .icon-modulosBancaElectronica,
.menu-principal-modulos li .icon-modulosAdministracionControl,
.menu-principal-modulos li .icon-modulosSeguridad {
	width:64px;
	height:64px;
	display:block;
	background:url(../images/modulos/icon-menuPrincipalModulos.png) no-repeat;
	float:right;
	}
.menu-principal-modulos li .icon-modulosBancaElectronica {background-position:-64px 0;}	
.menu-principal-modulos li .icon-modulosAdministracionControl {background-position:-128px 0;}	
.menu-principal-modulos li .icon-modulosSeguridad {background-position:-192px 0;}	

/* MENU PRINCIPAL - EMPRESAS */
.header-general {
	font-family:"Stag-Sans-Light", Helvetica, sans-serif;
	font-size:36px;
	text-align:center;
	color:#434a58;
	margin:85px auto 10px auto;
	}
.center-menu-principal-empresas {
	width:800px;
    overflow:hidden;
    margin:0 auto !important;
	}
.menu-principal-empresas {
	margin:0 30px;
	padding:0;
	list-style:none;
	}
.menu-principal-empresas li {
	float:left;
	margin:10px;
	}
.menu-principal-empresas li a {
	width:265px;
	height:420px;
	display:block;
	font-family: "Stag-Sans-Light", Helvetica, sans-serif;
	background:#fff !important;
	color:#009ee5;
	text-align:center;
	text-decoration:none;
    border-radius:5px;
	cursor:pointer;
	vertical-align:middle;
	overflow:hidden;
	box-shadow:0 1px 2px #aaa;
	}		
.menu-principal-empresas li a:hover {
	background:#009ee5 !important;
	color:#fff;
	font-family: "Stag-Sans-Bold", Helvetica, sans-serif;
	}
.menu-principal-empresas li a h3 {
	font-size:36px;
	margin:60px 0 20px 0 !important;
	}	

.contenedor-iconos-empresas {
	width:188px;
	margin:0;
	padding:0;
	list-style:none;
	margin:20px auto;
	border:0;
	}	
.contenedor-iconos-empresas li {
	width:64px;
	height:64px;
	display:block;
	background:url(../images/spriteIcon-typeInterprise.png);
	margin:10px 15px;
	}	
.contenedor-iconos-empresas li.cell-center {margin:10px 62px;}
	
.contenedor-iconos-empresas li.icono-empresa01 {background-position:0;}
.contenedor-iconos-empresas li.icono-empresa02 {background-position:-64px 0;}
.contenedor-iconos-empresas li.icono-empresa03 {background-position:-128px 0;}	
.contenedor-iconos-empresas li.icono-empresa04 {background-position:-192px 0;}
.contenedor-iconos-empresas li.icono-empresa05 {background-position:-256px 0;}	
.contenedor-iconos-empresas li.icono-empresa06 {background-position:-320px 0;}
	
	
@media screen and (min-height: 767px) {
	.header-general {
		margin:105px auto 30px auto !important;
		}
	.menu-principal-empresas li a {
		height:480px;
		}	
	.menu-principal-empresas li a h3 {
		margin:80px 0 40px 0 !important;
		}		
}

/* CONTENEDOR DEMO */
.cabecera-demo {height:138px; display:block; top:0; position:fixed; z-index:1000;}
.cuerpo-demo {height:100%; display:block; background:#fff; padding-top:138px; padding-bottom:45px; margin-top:10px; float:left;}
.menu-demo {width:260px; height:100%; display:block; float:left;}
.btn_portada_banca {
	top:308px; 
	left:14px; 
	width:28px;
	height:90px;
	display:none;
	z-index:99999;
	}
.contenedor-pantallas-admin {
	width:1200px;
	background:#fff;
	display:block;
	float:left;
	}
.contenedor-pantallas {
	width:940px;
	display:block;
	float:right;
	}
.footer-empresas {
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f1f1f1;
    display: block;
    border-top: 1px solid #d8ddde;
    -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, .15);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, .15);
	}	
.footer-empresas > .container > p {
    height: 14px;
    font-family: "Stag-Sans-Light", Helvetica, sans-serif;
    font-size: 14px;
    color: #00408e;
    margin: 17px 0 18px 0 !important;
	}
.footer-empresas > .container > p > span {
	color:#595959;
	}	
.footer {height:40px; display:block; position:fixed; bottom:0; z-index:1000;}	
a {
    text-decoration: none;
	outline:0 none;
}
ul, 
ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul ul {
	border-bottom: 1px dotted #cacaca;
}
#wrapper {  
    width: 205px;
	margin: 10px 0 10px 10px;
	position:relative;

}
#wrapper .bar-main {width:29px; min-height:500px; display:block; background:url(../images/bar-main.png) no-repeat; position:absolute; top:0; right:-32px; z-index:10;}
.menu {
    width: auto;
    height: auto;
	padding:0;
	margin:0;
	list-style:none;
}
.menu > li {
	cursor:pointer;
	}
.menu > li > a {
	width:100% !important;
    background: #fff url(../images/arrow-mainActive.png) no-repeat !important;
	background-position:188px 13px !important;
    border-bottom: 1px dotted #cacaca;
    display: block;
    position: relative;
    font-family: "Stag-Sans-Book", Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size: 12px;
    color: #00a9e8;
	padding:11px 24px 9px 15px;
	text-decoration:none;
	letter-spacing:0.25px;
	outline:0;
	line-height:13px;
}
.menu > li:first-child {border-top: 1px dotted #cacaca;}
.menu > li > a.no-arrow {
	background:#fff;
	}
.menu > li.no-arrow > a:hover,
.menu > li.no-arrow > a.active {
	background: #009de5 !important;
	color:#fff;
	outline:0;
	}	
.menu > li.no-arrow > a {
	background: #fff;
	}
.menu ul li a {
    background: #f7f7f7 !important;
	padding:2px 0 1px 0;
    display: block;
    position: relative;
    font-family: "Stag-Sans-Book", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 100;
    color: #1eb6ea;
	letter-spacing:0.5px;
	padding-left:14px;
	text-decoration:none;
	outline:0;
}
.menu ul li:first-child a {
    padding-top: 12px;
}
.menu ul li:last-child a {
	padding-bottom: 13px;
}
.menu > li > a:hover {
    background: #f0f0f0 url(../images/arrow-mainActive.png) no-repeat !important;
	background-position:188px 13px !important;
	color:#666;
	cursor:pointer;
	outline:0;
} 
.menu > li > a.active {
    background: #009de5 url(../images/arrow-mainSelect.png) no-repeat !important;
	background-position:188px 13px !important;
	color:#fff;
	cursor:pointer;
	outline:0;
}
.menu > li > a span {
    font-size: 9px; 
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 1px; 
    background: #f5b233 !important;
    line-height: 10px;
	width:38px;
	height:11px;
    color: #fff;
    text-indent: 0;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before,
.menu ul li a:focus,
.menu ul li a.active {
    color: #666;
}	

.ppgh_btn_1 {width:170px; height:32px; top:159px; left:40px;}

.absolute_vs {position:absolute; display:none; z-index:30; outline:none;}
.transferencias_cuentas_exterior_vs {width:93px; height:42px; top:210px; left:578px;}
.pmo_situacion_cheques_vs {width:180px; height:160px; background:#fff; top:196px; left:507px;}
.pmo_nvo_pago_vs {width:228px; height:47px; background:#fff; top:379px; left:351px;}

/***********************/
.tabs-general {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:210px;
	left:272px;
	}
.tabs-general li {
	float:left;	
	}	
.tabs-general li a {
	height:42px;
	display:block;
	background:rgba(255,0,0,.2);
	margin-right:10px;
	outline:0;
	}		
.tabs-general li a#transferencias_cuentas_propias {width:78px;}
.tabs-general li a#transferencias_cuentas_terceros {width:84px;}
.tabs-general li a#transferencias_cuentas_pre_inscritas {width:106px;}
.tabs-general li a#transferencias_cuentas_interbancarias {width:114px;}
.tabs-general li a#transferencias_cuentas_exterior {width:78px;}

@media print {
	.cuerpo-demo {padding-top:90px;}
	.menu-demo {display:none !important;}
	.contenedor-pantallas {width:100% !important; float:none !important;}
	img {width:60% !important; height:auto !important;}
	.header-print {width:100% !important; height:auto !important;}
	.footer-print {width:100% !important; height:auto !important;}
	input, select, textarea, button, a {display:none !important;}
}