﻿/* ////////////////// CSS //////////////////// */

/*
PARA MENSAJES EN GENERAL
           
*/

.info, .success, .warning, .error {
    border: 1px solid;
    margin: 15px 0px;
    padding:15px 20px 15px 55px;
    width: 550px;	
    font: bold 12px verdana;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    text-shadow: 2px 2px 2px #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.info {
    color: #00529B;
    background: #BDE5F8 url('../../images/icon-info.png') no-repeat 10px center;
}
.success {
    color: #4F8A10;
    background: #DFF2BF url('../../images/icon-tick.png') no-repeat 10px center;
}
.warning {
    color: #9F6000;
    background: #FEEFB3 url('../../images/icon-warning.png') no-repeat 10px center;
}
.error {
    color: #D8000C;
    background: #FFBABA url('../../images/icon-error.png') no-repeat 10px center;
}

/*
PARA MOSTRAR MENSAJE "CARGANDO"    
   
*/
.divCargandoStyle {
    display:none;
    border:0px;    
}

.overlay  
{
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #aaa; 
    filter: alpha(opacity=80); 
    opacity: 0.8; 
    display:none;
}
.overlayContent
{
    z-index: 99;
    margin: 250px auto;
    width: 80px;
    height: 80px;
}

/********** Pages Style Start *************/
	.pages{		
	}
		.pages a{
			color: #3b5998;
			border: 1px solid #c2d1df;
			padding: 2px 6px;
			margin-right: 5px;
            text-decoration: none;
		}
		.pages a:hover {
			color: #3b5998;
			border: 1px solid #3b5998;			
		}
		.pages span.current {
			padding: 2px 6px;
			margin-right: 5px;
			color: #3b5998;
			font-weight: bold;
			border: 1px solid #3b5998;
			background: #c2d6ed;
			font-size: 15px;
		}
		.pages span.disabled {
			color: #ccc;
			border: 1px solid #ccc;
			padding: 1px 5px;
			margin-right: 5px;
			background: #fff;
		}
 
    tr.pages td
    {
        border: none;
    }

/********** Pages Style End *************/

/*OTRO ESTILO PARA PAGINADO*/

.paging
    {
    }
    .paging a
    {
        background-color: #00C157;
        padding: 5px 7px;
        text-decoration: none;
        border: 1px solid #00C157;
    }    
    .paging a:hover
    {
        background-color: #E1FFEF;
        color: #00C157;
        border: 1px solid #00C157;
    }
    .paging span
    {
        background-color: #E1FFEF;
        padding: 5px 7px;
        color: #00C157;
        border: 1px solid #00C157;
    }
    tr.paging
    {
        background: none !important;
    }
    tr.paging tr
    {
        background: none !important;
    }

    tr.paging td
    {
        border: none;
    }


/* ////////////////// E-Banking //////////////////// */


/* ////////////////// Generales //////////////////// */

body {
	margin: 0px;
	background: #141414;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;

}

form, h1, h2 {

	margin:0px;
	padding:0px;

}

/* ////////////////// Cabezal //////////////////// */

.cabezal_interno {
	background:url(../../images/cabezal_back.gif) repeat-x bottom #1c346d;
	border-top:3px solid #ffffff;
	border-bottom:1px solid #ffffff;
	height:136px;
}

.cabezal_in {
	height:136px;
	width:950px;
	margin:0 auto;
	font-size:26px;
	color:#FFFfff;
	letter-spacing:2px;
}

.cabezal_in h1{
	font-size:39px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.cabezal_in td{
	vertical-align: middle;
}

.cabezal_in .cabezal_iconos {
	font-size: 16px;
	color:#FFF;
	float:right;
	padding-top:00px;
}

.cabezal_in .cabezal_iconos a{
	color:#dfdfdf;
}

.cabezal_in .cabezal_iconos a.ico_home{
	background:url(../../images/ico_home.png) no-repeat left top;
	color:#dfdfdf;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:34px;
	padding-top:5px;
	padding-bottom:15px;
	height:34px;
	font-weight:bold;
	position: static;
	letter-spacing:0px;
	margin-right:22px;
}

.cabezal_in .cabezal_iconos a.ico_help{
	background:url(../../images/ico_help.png) no-repeat left top;
	color:#dfdfdf;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:34px;
	padding-top:5px;
	padding-bottom:15px;
	height:34px;
	font-weight:bold;
	position: static;
	letter-spacing:0px;
	margin-right:22px;
}

.cabezal_in .cabezal_iconos a.ico_logoff{
	background:url(../../images/ico_logof.png) no-repeat left top;
	color:#dfdfdf;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:34px;
	padding-top:5px;
	padding-bottom:15px;
	height:34px;
	font-weight:bold;
	position: static;
	letter-spacing:0px;
	margin-right:29px;
}

.cabezal_in .cabezal_iconos a.ico_home:hover{
	color:#ffffff;
}

.cabezal_in .cabezal_iconos a.ico_help:hover{
	color:#ffffff;
}

.cabezal_in .cabezal_iconos a.ico_logoff:hover{
	color:#ffffff;
}


.cabezal_in .cabezal_pdf a{
	color:#dfdfdf;
	text-decoration:none;
	font-weight:bold;
}

.cabezal_in .cabezal_pdf a:hover{
	color:#ffffff;
	text-decoration:none;
}

.cabezal_in .cabezal_pdf{
	background:url(../../images/pdf_top.png) no-repeat left top;
	width:355px;
	height:39px;
	margin-top:20px;
	float:right;
}

.cabezal_in .cabezal_pdf_in{
	width:285px;
	height:30px;
	font-size:16px;
	letter-spacing:0px;
	padding-top:9px;
	float:right;
	color:#6c7ea8;
}



/* ////////////////// Cuerpo //////////////////// */

.cuerpo {
	background:#2f2f2f;
}

.cuerpo_seleccion {
	background:#ffffff;
}

.cuerpo_in {
	background:#e6e6e6;
	border:2px solid #ffffff;
	border-bottom:1px solid #ffffff;
	width:990px;
	margin: 0 auto;
	min-height:300px;
}


.cuerpo_in_portada {
	background: #FFFfff url(../../images/portada.jpg) no-repeat top left;
	border:0;
	width:990px;
	margin: 0 auto;
	min-height:518px;
}

.portada {
	width:950px;
	height:518px;
	margin: 0 auto;
}

.portada .a1{
	width:300px;
	padding-right:33px;
	padding-top:20px;
	vertical-align:top;
}

.portada .a1 h2{
	margin:0px;
	background: url(../../images/titulo_login.gif) no-repeat left top #334b84;
	font-size:18px;
	color:#FFF;
	padding:10px;
	padding-top:2px;
	padding-left:13px;
	font-weight:normal;
}

.portada .a1 h2 .tit{

	font-size:18px;
	color:#FFF;
	font-weight:normal;
}

.portada .a1 h2 div{
	width:200px;
	margin:0px;
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	float:right;
	text-align:right;
	padding-top:3px;
}



.portada .a1 .form{
	width:280px;
	padding:10px;
	color:#282828;
	background:url(../../images/login_form.gif) no-repeat bottom left #f0f0f0;
}

.login_formulario{
	width:280px;
}

.login_formulario .left{
	color:#282828;
	font-size:16px;
	text-align:right;
	padding:6px;
	font-weight:bold;
	padding-top:12px;
}

.login_formulario .right{
	padding:6px;
	padding-top:12px;
}


.login_formulario .right input{
	color:#282828;
	font-size:16px;
	border:1px solid #a4a4a4;
	border-right: #FFF 0px;
	padding:2px;
	width:110px;
	height:20px;
}

.login_formulario .right input.pwd{
	color:#282828;
	font-size:16px;
	border:1px solid #a4a4a4;
	border-right: #FFF 0px;
	padding:2px;
	width:110px;
}

.login_formulario .right .btn_ingresar{
	font-size:14px;
	border:0px;
	padding:0px;
	width:162px;
	height:25px;
	background-image:url(../../images/btn.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#dae0f1;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;

}


.login_formulario .right .btn_ingresar:hover{
	font-size:14px;
	border:0px;
	padding:0px;
	width:162px;
	height:25px;
	background-image:url(../../images/btn.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#dae0f1;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;

}


.login_formulario .Important{
	color:#282828;
	font-size:12px;
	text-align:left;
	padding:6px;
	padding-top:0px;
	padding-top:12px;
}


.noticias a{
	color:#3152A2;
	text-decoration: underline;
	font-weight:bold;
}

.noticias a:hover{
	color:#000;
	text-decoration: none;
}

.login_formulario .Important a{
	color:#3152A2;
	text-decoration: underline;
	font-weight:bold;
}

.login_formulario .Important a:hover{
	color:#000;
	text-decoration: none;
}

.textoError {
	color: #cf0a2c !important;
	text-decoration:none;
	font-size:12px;
}

.textoError2 {
	color:#df1414;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	background: url(../../images/ico_error.png) center left no-repeat #FFF;
	padding:14px;
	padding-top:11px;
	padding-left:65px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-top:6px;
	border:2px solid #ff9835;
	line-height:18px;
}

.textoError2 ul{
	padding:0px;
	margin:0px;
}

.textoError2 ul li{
	padding:0px;
	margin-left:25px;
	color:#666;
}


a.teclado_virtual{ 
	width: 32px !important;
	height:41px !important;
	background:url(../../images/teclado_virtual.gif) no-repeat #FFF center;
	text-decoration:none;
	color:#FFF;
	position: absolute;
	top: 1px;
    right: 7px;
}


#keyboard { 
    position: absolute; 
	display: none; 
	width: 470px; 
	padding: 4px; 
	cursor: move;
	background:url(../../images/20.png);
	radius:7px;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
}

#keyboard .in{ 

	padding: 18px;
	padding-left:0px;
	padding-right:0px;
	overflow:hidden;
	background:url(../../images/b50.png);
		radius:7px;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
}

#keyboard input { 
	border:1px solid #001442;
	background:url(../../images/btn.gif) center repeat-x #244696;
	color:#FFF;
	margin:1px;
	margin-bottom:4px;
	padding:3px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	radius:2px;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
}

#spacebar input { 
	width: 160px; 
	margin: 0 auto; 
	margin-left: 130px;
	border:1px solid #001442;
	background:url(../../images/btn.gif) center repeat-x #244696;
}

#shift, #shifton { 
	width: 50px; 
	text-align: left; 
	border:1px solid #001442;
	background:url(../../images/btn.gif) center repeat-x #244696;
}

#row0_shift, #row1_shift, #row2_shift, #row3_shift {
	display: none;
	
}

#row0, #row0_shift {
	padding-left: 20px; 
}

#row1, #row1_shift { 
	padding-left: 60px; 
}

#row2, #row2_shift { 
	padding-left: 70px; 
}

#row3, #row3_shift { 
	padding-left: 30px; 
}

#shifton { 
	border-left: 3px solid #000; 
	border-top: 3px solid #000; 
}


.portada .a2{
	width:345px;
	padding:17px;
	padding-top:116px;
	font-size:13px;
	vertical-align: top;
}

.portada .a2 .titulo{
	font-size:14px;
	padding-bottom:4px;
	font-weight:bold;
}

.portada .a2 ul{
	margin:0px;
	padding:0px;
}

.portada .a2 ul li{
	margin-left:18px;
	padding:0px;
}


.portada .b2{
	width:345px;
	height:176px;
	padding:25px;
	font-size:13px;
	vertical-align: bottom;
}

.portada .b2 .titulo{
	font-size:14px;
	padding-bottom:4px;
	font-weight:bold;
}

.portada .b2 ul{
	margin:0px;
	padding:0px;
}

.portada .b2 ul li{
	margin-left:18px;
	padding:0px;
}

.portada .b3{
	height:176px;
	vertical-align: bottom;
}

.portada .b1 {

	width:300px;
	padding-right:33px;
	height:176px;
	vertical-align: bottom;
	
}

.portada .b1 .noticias{
	background:url(../../images/noticias.gif) no-repeat left top;
	padding:11px;
	padding-top:5px;
	margin-bottom:6px;
	color:#333333;
	font-size:11px;
	line-height:19px;
	
}

.portada .b1 .noticias .titulo{
	padding:0px;
	margin-bottom:12px;
	color:#3152a2;
	font-size:15px;
	font-weight:bold;
	
}

/* ////////////////// paginas interiores //////////////////// */

.cuerpo_interior {
	background: #e6e6e6 url(../../images/interior.jpg) repeat-x top left;
	border:0;
	width:990px;
	margin: 0 auto;
	min-height:518px;
}

.cuerpo_interior td{
	vertical-align:top;
}

.cuerpo_interior_seleccion {
	background: #e6e6e6 url(../../images/interior.jpg) repeat-x top left;
	border:0;
	width:690px;
	margin: 0 auto;
	min-height:518px;
}

.cuerpo_interior_seleccion td{
	vertical-align:top;
}

.interior {
	width:990px;
	height:518px;
	margin: 0 auto;
}

.interior_seleccion {
	width:690px;
	height:518px;
	margin: 0 auto;
}

.interior .b1 {
	padding:0px;
	height:176px;
	vertical-align: bottom;
	background:#FFF;
	padding-top:3px;
	
}

.interior_seleccion .b1 {
	padding:0px;
	height:176px;
	vertical-align: bottom;
	background:#FFF;
	padding-top:3px;
	
}

.interior .a1 {
	width:258px;
	padding:3px;
	padding-top:2px;
	vertical-align: top;
	background:#FFF;
}

.interior_seleccion .a1 {
	width:258px;
	padding:3px;
	padding-top:2px;
	vertical-align: top;
	background:#FFF;
}


#navcontainer {
	padding:0px;
	background:url(../../images/menu.jpg) left top #223f85;
	padding-top:10px;
	padding-bottom:50px;
}

#navcontainer #navlist{
	margin:0px;
	padding:0px;

}

#navcontainer #navlist li{
	margin:0px;
	padding:0px;
	color:#e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
    height: 30px;
    list-style: none outside none;
}

#navcontainer #navlist li:hover{
	margin:0px;
	padding:0px;
	color:#e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	background: url(../../images/20.png);
}

#navcontainer #navlist li a{
	color:#e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	padding-top:5px;
	height: 28px;
	padding-left:44px;
	display:block;
	background:url(../../images/ico_menu.png) left no-repeat;
	background-position:10px 3px;

}

#navcontainer #navlist li a:hover{
	color: #FFFfff;
	text-decoration:none;
	background:url(../../images/ico_menu.png) left no-repeat ;
	background-position:10px -29px;
	
}

#navcontainer #navlist li a.messages{
	background:url(../../images/ico_messages.png) left no-repeat;
	background-position:10px 3px;
}

#navcontainer #navlist li a.messages:hover{
	background:url(../../images/ico_messages.png) left no-repeat ;
	background-position:10px -29px;
}

#navcontainer #navlist li a.main{
	background:url(../../images/ico_main.png) left no-repeat;
	background-position:10px 3px;	
}

#navcontainer #navlist li a.main:hover{
	background:url(../../images/ico_main.png) left no-repeat ;
	background-position:10px -29px;
}

#navcontainer #navlist li a.transferencias {
	background:url(../../images/ico_transferencias.png) left no-repeat;
	background-position:10px 3px;	
}

#navcontainer #navlist li a.transferencias:hover{
	background:url(../../images/ico_transferencias.png) left no-repeat ;
	background-position:10px -29px;
}

#navcontainer #navlist li a.home2{
	background:url(../../images/ico_home2.png) left no-repeat;
	background-position:10px 3px;	
}

#navcontainer #navlist li a.home2:hover{
	background:url(../../images/ico_home2.png) left no-repeat ;
	background-position:10px -29px;
}

#navcontainer #navlist li a.access{
	background:url(../../images/ico_access.png) left no-repeat;
	background-position:10px 3px;	
}

#navcontainer #navlist li a.access:hover{
	background:url(../../images/ico_access.png) left no-repeat ;
	background-position:10px -29px;
}

#navcontainer #navlist li a.personal{
	background:url(../../images/ico_personal.png) left no-repeat;
	background-position:10px 3px;	
}

#navcontainer #navlist li a.personal:hover{
	background:url(../../images/ico_personal.png) left no-repeat ;
	background-position:10px -29px;
}

#navcontainer #navlist li a.configuration{
	background:url(../../images/ico_configuration.png) left no-repeat;
	background-position:10px 3px;	
}

#navcontainer #navlist li a.configuration:hover{
	background:url(../../images/ico_configuration.png) left no-repeat ;
	background-position:10px -29px;
}

#navcontainer #navlist li a.password{
	background:url(../../images/ico_password.png) left no-repeat;
	background-position:10px 3px;	
}

#navcontainer #navlist li a.password:hover{
	background:url(../../images/ico_password.png) left no-repeat ;
	background-position:10px -29px;
}

#navcontainer #navlist li a.days{
	background:url(../../images/ico_days.png) left no-repeat;
	background-position:10px 3px;	
}

#navcontainer #navlist li a.days:hover{
	background:url(../../images/ico_days.png) left no-repeat ;
	background-position:10px -29px;
}

#navcontainer #navlist li a.question{
	background:url(../../images/ico_question.png) left no-repeat;
	background-position:10px 3px;	
}

#navcontainer #navlist li a.question:hover{
	background:url(../../images/ico_question.png) left no-repeat ;
	background-position:10px -29px;
}

.interior .b1 .noticias{
	background:url(../../images/noticias.gif) no-repeat left top;
	padding:11px;
	padding-top:5px;
	margin-bottom:6px;
	color:#333333;
	font-size:11px;
	line-height:19px;
	
}

.interior_seleccion .b1 .noticias{
	background:url(../../images/noticias.gif) no-repeat left top;
	padding:11px;
	padding-top:5px;
	margin-bottom:6px;
	color:#333333;
	font-size:11px;
	line-height:19px;
	
}

.interior .b1 .noticias .titulo{
	padding:0px;
	margin-bottom:12px;
	color:#3152a2;
	font-size:14px;
	font-weight:bold;
	
}

.interior_seleccion .b1 .noticias .titulo{
	padding:0px;
	margin-bottom:12px;
	color:#3152a2;
	font-size:14px;
	font-weight:bold;
	
}

.interior .a2{
	padding:18px;
	vertical-align: top;
}

.interior_seleccion .a2{
	padding:18px;
	vertical-align: top;
}


.titulo_interior {
	margin:0px;
	background:url(../../images/titulo_interior.png)  no-repeat left bottom;
	font-size:18px;
	color:#FFF;
	padding:0px;
	font-weight:normal;
	height:47px;
	width:690px;
}

.titulo_interior_contact {
	margin:0px;
	background:url(../../images/titulo_interior_contact.png)  no-repeat left bottom;
	font-size:18px;
	color:#FFF;
	padding:0px;
	font-weight:normal;
	height:47px;
	width:690px;
}


.titulo_interior4 {
	margin:0px;
	background:url(../../images/titulo_interior4.png)  no-repeat left bottom;
	font-size:18px;
	color:#FFF;
	padding:0px;
	font-weight:normal;
	height:50px;
	width:954px;
}




.titulo_interior2 {
	margin:0px;
	background:url(../../images/titulo_interior2.png) #cecece no-repeat left bottom;
	font-size:14px;
	color:#282828;
	padding:0px;
	font-weight:normal;
	height:61px;
	width:690px;
}

.titulo_interior2_final {
	margin:0px;
	background:url(../../images/titulo_interior2_final.png) no-repeat left bottom;
	font-size:14px;
	color:#282828;
	padding:0px;
	font-weight:normal;
	height:61px;
	width:690px;
}

.titulo_interior2 td, .titulo_interior2_final td{
	padding-left:13px;
}


.titulo_interior2 td.derecha{
	padding-right:13px;
	text-align:right;
	font-size:12px;
	line-height:16px;
}

.titulo_interior2_final td.derecha{
	padding-right:13px;
	text-align:right;
	font-size:12px;
	line-height:17px;
}

.titulo_interior3 {
	margin:0px;
	background:url(../../images/titulo_interior3.png)   no-repeat left bottom;
	font-size:13px;
	color:#282828;
	padding:0px;
	font-weight:normal;
	height:45px;
	width:690px;
}

.titulo_interior3 td{
	padding-left:13px;
}

.contenedorCalendario .texto {
	font-size:13px;
	color:#282828;
	padding-top:4px;
	padding-left:0px !important;

}

.titulo_interior h1, .titulo_interior4 h1, .titulo_interior_contact h1, .titulo_interior_seleccion h1{
	margin:0px;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	padding:6px;
	padding-left:13px;
}


.titulo_interior .fecha{
	width:250px;
	margin:0px;
	font-size:14px;
	color:#FFF;
	font-weight:normal;
	float:right;
	text-align:right;
	padding:9px;
	padding-right:13px;
}

.btnBotonesMedianos[disabled]{
	font-size:14px;
	border:0px;
	padding:0px;
	width:162px;
	height:25px;
	background-image:url(../../images/btn_cancelar.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#dae0f1;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}


.btnBotonesMedianos {
	font-size:14px;
	border:0px;
	padding:0px;
	width:162px;
	height:25px;
	background-image:url(../../images/btn.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#dae0f1;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

.btnBotonesMedianos:hover{
	background-position:0px -35px;
	color:#FFF;
}

.btnBotonesMedianos:hover[disabled]{
	background-position:0px 0px !important;
	color:#dae0f1 !important;
}



.btnBotonesGrandes[disabled]{
	font-size:14px;
	border:0px;
	padding:0px;
	width:192px;
	height:25px;
	background-image:url(../../images/btn_cancelar_grandes.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#dae0f1;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}


.btnBotonesGrandes {
	font-size:14px;
	border:0px;
	padding:0px;
	width:192px;
	height:25px;
	background-image:url(../../images/btn_grandes.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#dae0f1;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

.btnBotonesGrandes:hover{
	background-position:0px -35px;
	color:#FFF;
}

.btnBotonesGrandes:hover[disabled]{
	background-position:0px 0px !important;
	color:#dae0f1 !important;
}

.btnBotonesMedianosCancelar{
	font-size:14px;
	border:0px;
	padding:0px;
	width:162px;
	height:25px;
	background-image:url(../../images/btn.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#ededed;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

.btnBotonesMedianosCancelar:hover{
	background-position:0px -35px;
	color:#FFF;
}



#dtpTo_calbutton, #ddpFrom_calbutton, #ddpTo_calbutton, #dtpFrom_calbutton, #ctl00_ContentPlaceHolder1_dtpTo_calbutton, #ctl00_ContentPlaceHolder1_dtpFrom_calbutton, #ctl00_ContentPlaceHolder1_btnSelFechaConsulta {
	font-size:1px;
	border:0px;
	padding:0px;
	width:25px;
	height:25px;
	background-image:url(../../images/capicua/calendar-blue.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin-bottom:4px;
	position:absolute;
}

.botonesSeleccionFecha {
	font-size:1px;
	border:0px;
	padding:0px;
	width:25px;
	height:25px;
	background-image:url(../../images/capicua/calendar-blue.png);
    background-size: cover;
    background-color: #fff;
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin-bottom:4px;
	position:absolute;

}

.botonesSeleccionFecha :hover {
        background-position:0px -35px;
}


#ctl00_ContentPlaceHolder1_dtpTo_calbutton:hover {
        background-position:0px -35px;
}



#ctl00_ContentPlaceHolder1_dtpFrom_calbutton:hover {
        background-position:0px -35px;
}

#dtpTo_calbutton:hover{
	background-position:0px -35px;
}

#dtpFrom_calbutton:hover{
	background-position:0px -35px;
}

#dtpTo, #ddpFrom, #ddpTo, #dtpFrom{
	background:#FFF;
	color:#233d7c;
	border:1px solid #cecece;
	padding:4px;
	padding-right:10px;
	margin-right:4px;
	width:120px;
	text-align:right;
	font-size:12px;
	height:25px !important;
}


.fechasConsulta{
	background:#FFF;
	color:#233d7c;
	border:1px solid #cecece;
	padding:0px;
	padding-right:0px;
	margin-right:0px;
	width:100px;
	text-align:center;
	font-size:12px;
	height:25px !important;
}


.refresh{
	font-size:1px;
	border:0px;
	padding:0px;
	width:25px;
	height:25px;
	background-image:url(../../images/btn_refresh.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin-bottom:4px;
	position:absolute;
}

.refresh:hover{
	background-position:0px -35px;
	cursor:pointer;
}

.tablaGen {
	margin-top:10px;
	margin-bottom:10px;
}

.tablaGen td, .dataGrid td{

	color:#333333;
	border:1px solid #cecece;
	font-size:12px;
	padding:1px;
	border:1px solid #FFF;
	padding-left:13px;
	padding-right:13px;
}

.tablaGen td.totalGen {
	background:#8b8b8b !important;
	height:auto !important;
	color:#ffffff;
	border:1px solid #FFF;
	border-bottom:0px !important;
	font-weight:bold;
	font-size:14px;
	padding:3px;
	
	padding-left:13px;
	padding-right:13px;
}

.final {
	color:#000000 !important;
	font-size:16px !important;
	background:#FFF !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	margin-top:10px !important;
	border:1px solid #dadada !important;
	margin-bottom:8px !important;
	font-weight:normal !important;
}

.final .final_left{
	color:#000000 !important;
	font-size:16px !important;
	background:#FFF !important;
	padding:6px !important;
	padding-left:13px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	border:0px solid #dadada !important;
}

.final .final_right {
	color:#ffffff !important;
	font-size:16px !important;
	background:#1d3571 !important;
	padding:6px !important;
	padding-right:13px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	font-weight:bold !important;
	text-align:right !important;
	border:0px solid #dadada !important;
	width:150px;
}


.tabla_grupos_listado td {
	border:0px;
	border-bottom: 1px solid #e6e6e6;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFF;
    font-size: 16px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: middle;	
    background:#56749A; 
    color:#ffffff; 
    text-align:left; 
    font-weight:bold;    
}


.tabla_listado {
	width:690px !important;
}


.tabla_listado tr {
	background-color:#FFFfff;
}

.tabla_listado td {
	border:0px;
	border-bottom: 1px solid #e6e6e6;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFF;
    color: #333333;
    font-size: 12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: middle;
	text-align:right;
}

.tabla_listado .cabezal_listado td {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px!important;
	font-size:12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FFF;
	text-align:left !important;

}

.tabla_listado .cabezal_listado th {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px!important;
	font-size:12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FFF;
	text-align:left !important;

}

/* para las grillas que se generan desde gridView tuve que armar otro estilo porque no le da bola a la alineación por propiedad de los td*/

.tabla_listado_gridView {
	width:690px;
}


.tabla_listado_gridView tr {
	background-color:#FFFfff;
}

.tabla_listado_gridView td {
	border:0px;
	border-bottom: 1px solid #e6e6e6;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFF;
    color: #333333;
    font-size: 12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: middle;
/*	text-align:right; */
}

.tabla_listado_gridView .cabezal_listado td {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px!important;
	font-size:12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FFF;
	text-align:center !important;

}

.tabla_listado_gridView .cabezal_listado_derecha td {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px!important;
	font-size:12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FFF;
	text-align:right !important;

}

.tabla_listado_gridView .cabezal_listado th {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px!important;
	font-size:12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FFF;
	text-align:center !important;

}

.tabla_listado_gridView .cabezal_listado_left th {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px!important;
	font-size:12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FFF;
	text-align:left !important;

}

/*Idem que tabla_listado_gridView pero con ancho al 100%*/
.tabla_listado_gridView_100 {
	width:100%;
}


.tabla_listado_gridView_100 tr {
	background-color:#FFFfff;
}

.tabla_listado_gridView_100 td {
	border:0px;
	border-bottom: 1px solid #e6e6e6;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFF;
    color: #333333;
    font-size: 12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: middle;
/*	text-align:right; */
}

.tabla_listado_gridView_100 .cabezal_listado td {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px!important;
	font-size:12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FFF;
	text-align:center !important;

}

.tabla_listado_gridView_100 .cabezal_listado th {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px!important;
	font-size:12px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FFF;
	text-align:center !important;

}

.tablaGen tr.cabezal{
	height:auto !important;
}



.tablaGen tr.cabezal td {
	background:#cecece !important;
	height:auto !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px !important;
	font-size:12px;
	padding:1px;
	border:1px solid #FFF;
	padding-left:13px;
	padding-right:13px;
}

td.cabezal_left, td.cabezal_cen, td.cabezal_right {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px !important;
	font-size:12px;
	padding:1px;
	border:1px solid #FFF;
	padding-left:13px;
	padding-right:13px;
}



.dataGridHeader td {
	background:#cecece !important;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px!important;
	font-size:12px;
	padding:1px;
	border:1px solid #FFF;
	padding-left:13px;
	padding-right:13px;
}



.cabezal_cen  {
	background:#cecece;
	color:#000000;
	border:1px solid #cecece;
	border-bottom:0px;
	font-size:12px;
	padding:1px;
	border:1px solid #FFF;
	border-left:0px!important;
	border-right:0px!important;
	border-bottom:0px!important;
	padding-left:13px;
	padding-right:13px;
}

.linkAzul {
	color:#537fea;
	text-decoration:underline;
}

.linkAzul:hover {
	color:#082d60;
	text-decoration:none;
}


.divContenedorControlesGral2  {
	color:#333333;
	font-size:11px;
	line-height:14px;
	background:#FFF;
	padding:12px;
	padding-top:9px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	margin-top:10px;
	border:1px solid #dadada;
}

.nota  {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	background: url(../../images/ico_note.png) center left no-repeat #FFF;
	background-position:8px 8px;
	padding:14px;
	padding-top:11px;
	padding-left:65px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-top:10px;
	border:1px solid #dadada;
	line-height:18px;
}

.nota_titulo  {
	color:#6082d2;
	font-size:14px;

}

.textoLinksAzules {
	color:#7c7c7c;
	text-decoration:none;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.textoLinksAzules:hover {
	color:#000;
	text-decoration:none;
}

.contenedor_bloque {
	
	padding:8px;
	padding-top:2px;
	padding-bottom:2px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-top:10px;
	border:0px solid #ffffff;
	margin-bottom:8px;
	background:#dadada;
}

.titulo_intermedio {
	color:#333333;
	font-size:14px;
	line-height:14px;
	background:#FFF;
	padding:8px;
	padding-top:6px;
	padding-left:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-top:10px;
	border:1px solid #dadada;
	margin-bottom:8px;
}

.titulo_intermedio2 {
	color:#333333;
	font-size:16px;
	font-weight:bold;
	line-height:14px;
	background:#FFF;
	padding:8px;
	padding-top:6px;
	padding-left:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-top:10px;
	border:1px solid #dadada;
	margin-bottom:8px;
}

.texto12NegroArial {
	color:#333333;
	font-size:14px;
	line-height:14px;
	background:#FFF;
	padding:8px;
	padding-top:6px;
	padding-left:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-top:10px;
	border:1px solid #dadada;
	margin-bottom:8px;
	font-weight:normal;
}

.formulario {
}

.formulario td{
	padding:2px;
}

.formulario td.celdaGris{
	text-align:right;
	padding-right:4px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	vertical-align:middle;
}

.formulario td.gralTexto{
	text-align:left;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	vertical-align:middle;
}

.formulario td.botones{
	text-align:right;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	vertical-align:middle;
	padding-top:10px;
}

.formulario td.gralTexto_ch{
	text-align:left;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	vertical-align:middle;
}

.gralTexto_ch input {
	border:2px solid #979797;
	background:#FFFfff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:4px;
	width:100px;
}

.gralTexto input {
	border:2px solid #979797;
	background:#FFFfff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:4px;
	width:290px;
}

.gralTexto input[disabled] {
	border:2px solid #c0c0c0;
	background:#f6f6f6;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #999;
	padding:4px;
	width:290px;
}

.gralTexto select[disabled]  {
	border:2px solid #c0c0c0;
	background:#f6f6f6;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	padding:4px;
	width:200px;
}

.gralTexto textarea[disabled] {
	border:2px solid #c0c0c0;
	background:#f6f6f6;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	padding:4px;
	width:450px;
}


.gralTexto .check input {
	border:0px solid #979797;
	background:#FFFfff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:4px;
	width:15px;
}


.gralTexto input.btnBotonesSelec{
	border:2px solid #979797;
	background: none;
	font-size:12px !important;
	border:0px !important;
	padding:0px !important;
	width:115px !important;
	height:25px !important;
	background-image:url(../../images/btn_115.png) !important;
	background-repeat:no-repeat !important;
	background-position:0px 0px !important;
	color:#dae0f1 !important;
	font-weight:bold !important;
	text-transform:uppercase !important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	letter-spacing:1px !important;
}

.gralTexto input.btnBotonesSelec:hover{
	background-position:0px -35px;
	color:#FFF;
}

.gralTexto select {
	border:2px solid #979797;
	background:#FFFfff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:4px;
	width:200px;
}


.gralTexto textarea {
	border:2px solid #979797;
	background:#FFFfff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:4px;
	width:450px;
}


.tabla_interna {
	background:#FFF;
	margin-top:0px;
	margin-bottom:10px;
	border:1px solid #cecece;
	font-size:12px;
}

.tabla_interna td{
	padding:3px;
	padding-left:13px;
	padding-right:13px;
	border:1px solid #CCC;
}

.tabla_interna_cabezal {
	background: #666 !important;
	font-size:14px !important;
	color:#FFF;
	font-weight:bold;
}


.tabla_contenedor_bloque {
	background:#FFF;
	margin-top:0px;
	margin-bottom:10px;
	border:0px solid #cecece;
	font-size:13px;
}

.tabla_contenedor_bloque td{
	padding:3px;
	padding-left:13px;
	padding-right:13px;
	border-bottom:2px solid #dadada;
}

.tabla_contenedor_bloque_cabezal {
	font-size:13px !important;
	color: #666;
	font-weight:bold;
}

/* ////////////////// Pie de Pagina //////////////////// */

.pie {
	background:url(../../images/pie_back.gif) repeat-x bottom #141414;
	border-top:3px solid #ffffff;
	height:65px;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}

.pie_in a{
	color:#b2c4f0;
	text-decoration:none;
}

.pie_in a:hover{
	color:#b2c4f0;
	text-decoration:underline;
}

.pie_in {
	width:990px;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}

.pie .pie_in .left{
	padding:15px;
	text-align:left;
	
}

.pie .pie_in .right{
	text-align:right;
	padding:15px;
	padding-top:5px;
	padding-bottom:5px;
}

.pie div.McAfee {
	background:url(../../images/pie_McAfee.png) no-repeat center;
	height:30px;
	width:115px;
	padding:10px;
}


/* ////////////////// overlay //////////////////// */


/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

:focus {
    -moz-outline-style:none;
}


/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(../../images/petrol.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:640px;

    /* some padding to layout nested elements nicely  */
    padding:80px;

    /* a little styling */
    font-size:13px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(../../images/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

#petrol {
    background-image:url(../../images/petrol.png);
	background-position:center top;
    color: #333;
	font-size:13px;
	line-height:22px;
}

.btn_link {
	padding:0px;
	border:0px;
	margin:0px;
	cursor:pointer;
	color:#282828;
	text-decoration:none;
}

.btn_link:hover {
	padding:0px;
	border:0px;
	margin:0px;
	cursor:pointer;
	color: #000;
	text-decoration:underline;
}



	.modal-overlay
	{
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		height:100%;
		width:100%;
		margin:0;
		padding:0;
		background:#000000;
		opacity:.75;
		filter: alpha(opacity=75);
		-moz-opacity: 0.75;
		z-index:101;
	}

.modal-overlay
	{   
		position: absolute;
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}


.modal-window
	{
		position:fixed;
		top:50%;
		left:50%;
		margin:0;
		padding:0;
		z-index:102;
	}

.modal-window
	{
		position:absolute;
	}

.close-window
	{
		position:absolute;
		width:32px;
		height:32px;
		right:8px;
		top:8px;
		background:transparent url(../../images/close.png) no-repeat scroll right top;
		text-indent:-99999px;
		overflow:hidden;
		cursor:pointer;
	}

.seleccion_bancos {
	/*background:#e6e6e6;
	padding:10px;*/
}


.titulo_interior_seleccion {
	margin:0px;
	background:url(../../images/titulo_interior_seleccion.png)  no-repeat left bottom;
	font-size:18px;
	color:#FFF;
	padding:0px;
	padding-bottom:10px;
	font-weight:normal;
	height:50px;
	width:690px;
}


.titulo_interior3_seleccion {
	margin:0px;
	background:url(../../images/titulo_interior3_seleccion.png)   no-repeat left bottom;
	font-size:13px;
	color:#282828;
	padding:0px;
	font-weight:normal;
	height:45px;
	width:690px;
	
}

.titulo_interior3_seleccion td{
	padding-left:13px;
	padding-bottom:10px;
}

.centrado{
	text-align:center !important;
}

.izquierda{
	text-align:left !important;
}





#keyboard2 { 
	position: absolute; 
	display: none; 
	width: 470px; 
	padding: 4px; 
	cursor: move;
	background:url(../../images/20.png);
	radius:7px;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
}

#keyboard2 .in{ 

	padding: 18px;
	padding-left:0px;
	padding-right:0px;
	overflow:hidden;
	background:url(../../images/b50.png);
	radius:7px;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
}

#keyboard2 input { 
	border:1px solid #001442;
	background:url(../../images/btn.gif) center repeat-x #244696;
	color:#FFF;
	margin:1px;
	margin-bottom:4px;
	padding:3px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	radius:2px;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
}



.shift, .shifton { 
	width: 50px; 
	text-align: left; 
	border:1px solid #001442;
	background:url(../../images/btn.gif) center repeat-x #244696;
}


.row0 {
	padding-left:20px; 
}

.row0_shift {
	padding-left:20px; 
}

.row1{ 
	padding-left:60px; 
}

.row1_shift { 
	padding-left:60px; 
}

.row2{ 
	padding-left:70px; 
}

.row2_shift { 
	padding-left:70px; 
}

.row3, .row3_shift { 
	padding-left: 30px; 
}

.shifton { 
	border-left: 3px solid #000; 
	border-top: 3px solid #000; 
}


.barra_espaciadora { 
	width:160px;
	margin-left:130px !important;
}


.footer_totales {
    background:#56749A; 
    color:#ffffff; 
    text-align:left; 
    font-weight:bold;
}

.iconosListadoTrf {
    height:24px;
    width:24px;
}