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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

img { border: 0px!important; }
/*a { color: #4C1C33!important; text-decoration: none; }
a:hover{background-color: #FFFABB;}*/
strong { font-weight: bold; }
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

h1{font-size:1.5em;}
h2{font-size:1.4em; color: #202020; display: block; margin-bottom: 3px;}
h3 { font-size: 1.3em; color: #202020; }
h4 { font-size: 1.2em; }
h1, h2, h3, h4, h5 { font-family: 'LeagueGothic', sans-serif; }
.Hidden { display: none; }
textarea {background:#ccc;border:solid 0px;line-height: 18px;width:450px;color:#000;}
.clear { clear: both; }
.betweenHandB { clear: both; height: 23px }

div#MainContainer
{
    position:relative;
    
    width: 100%;
    background-color: White; 
    
    z-index: 100;
}

div.MainContainer
{
    position:relative;
    padding:20px 4px 20px 2px;
    
    width: 956px;
    margin: 0 auto;   
}

div.MainContainer p {margin : 9px 0px 20px 0px;font-size: 1em;}
div.MainContainer label {font-size: 0.8em;}
/*div.MainContainer a {color : #858d67;text-decoration: none;}*/


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************** HEADER *****************************************************/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#Header
{    
    position: relative;
    width: 100%;
    
    z-index: 80;
    background-color:#6F6C9F;
}

div#Header > div
{       
    position: relative;
    width: 956px;
    margin: 0px auto;
    height: 150px;        
}

div#Header > div.Main
{
    height: 150px;   
}

div#Header div.Logo
{
    position: absolute;
    top: 0;
    left: 0;
    
    width: 268px;  
}

div#Header div.Logo a
{
    background-color: transparent !important;
}

div#Header div.Logo img
{
    margin-top: 18px;
    margin-left: 2px;
}

div#Header div.Menu
{
    position: absolute;
    top: 0;
    left: 268px;
    width: 456px;
    height: 150px;
}

div#Header div.Menu div.Buttons
{
    width: 490px;
    height: 40px;
    
    position: absolute;
    bottom: 0;
    right: -25px;
    
    font-size: 1.3em;
}

div#Header div.Menu div.Buttons > div
{
    cursor: pointer;    
    float: left;
}

div#Header div.Menu div.Buttons > div > a.Unselected
{
    display: block;
    padding: 17px 0px 0px 0px;
    margin: 0 2px;

    text-decoration:none;
    color: white!important;
    text-align: center;
    
    width: 152px;
    background-color: #7E7BA9;
}

div#Header div.Menu div.Buttons > div > a.Selected
{
     
    display: block;
    padding: 17px 0px 0px 0px;
    margin: 0 2px;

    text-decoration:none;
    color: #7E7BA9!important;
    text-align: center; 
    
    width: 152px;
    background-color: White;
}

div#Header div.Salir
{
    position: absolute;
    top: 0;
    
    left: 850px;
    width: 100px;
    height: 30px;
    padding-top: 5px;
    
    background-color: #595871;
    
    color: White;
    text-align:center;
}

/*// ADMINISTRADOR //*/

div#HeaderAdmin
{    
    position: relative;
    width: 100%;
    
    z-index: 80;
    background-color:#CDCEB4;
}

div#HeaderAdmin > div
{       
    position: relative;
    width: 956px;
    margin: 0px auto;
    height: 150px;        
}

div#HeaderAdmin > div.Main
{
    height: 150px;   
}

div#HeaderAdmin div.Logo
{
    position: absolute;
    top: 0;
    left: 0;
    
    width: 268px;  
}

div#HeaderAdmin div.Logo a
{
    background-color: transparent !important;
}

div#HeaderAdmin div.Logo img
{
    margin-top: 18px;
    margin-left: 2px;
}

div#HeaderAdmin div.Salir
{
    position: absolute;
    top: 0;
    
    left: 850px;
    width: 100px;
    height: 30px;
    padding-top: 5px;
    
    background-color: #595871;
    
    color: White;
    text-align:center;
}

/*SECCIONES*/

.titContacto{
	background:#E8E8E8; 
	padding:5px 0px 3px 10px;
	margin:0px 0px 15px 0px;
	font-size:1.5em;
	color:#39362F;
	text-align:center;
}

/*////////////////////////////*/
/*///////// INDEX ////////////*/
/*////////////////////////////*/

.seccion-caja-index01
{
	position:relative;
	width:355px;
	height:275px;
	
	float:left;	
	padding: 25px 25px 25px 25px;
	margin-top: 2px;
	background-color:#C8CAB1;
}

.seccion-caja-index02
{
	position:relative;
	width:500px;
	height:275px;
	
	float:left;
	padding: 25px 25px 25px 25px;
	margin-top: 2px;
	background-color:#F6F6F6;
}

.seccion-caja-index11
{
	position:relative;
	width:355px;
	height:525px;
	
	float:left;
	padding: 25px 25px 25px 25px;
	margin-top: 2px;	
	
	background-color:#EEEEEE;
}

.seccion-caja-index12
{
	position:relative;
	width:500px;
	height:525px;
	
	float:left;	
	padding: 25px 25px 25px 25px;
    margin-top: 2px;
		
	background-color:#F6F6F6;
}

.seccion-caja-index21
{
	position:relative;
	width:355px;
	height:275px;
	
	float:left;
	padding: 25px 25px 25px 25px;
	margin-top: 2px;
	
	background-color:#EEEEEE;
}

.seccion-caja-index22
{
	position:relative;
	width:500px;
	height:275px;
	
	float:left;
	padding: 25px 25px 25px 25px;
	margin-top: 2px;
	
	background-color:#F6F6F6;
}

input.botonAcceder
{  
    width: 100px;
    height: 33px;
    background-color: #FB9F32;
    
    color:Black; 
    text-align:center;
	font-size:1.2em;
	font-weight:bold;
	
	border: 0;
	cursor: pointer;
}

input.botonDarAlta
{  
    width: 180px;
    height: 33px;
    background-color: #FB9F32;
    
    color:Black; 
    text-align:center;
	font-size:1.2em;
	font-weight:bold;
	
	border: 0;
	cursor: pointer;
}


input.botonRecuperarPin
{  
    width: 220px;
    height: 33px;
    background-color: #FB9F32;
    
    color:Black; 
    text-align:center;
	font-size:1.2em;
	font-weight:bold;
	
	border: 0;
	cursor: pointer;
}

.input_fechas{width:80px;text-align:left;}
.input_min{width:100px;text-align:left;}
.input_estandar{width:180px;text-align:left;}
.input_estandar2{width:200px;text-align:left;}
.input_max{width:300px; height:50px; text-align:left;}
.input_importe{width:180px; height:30px; text-align:right; font-size: 1.4em;}
.input_salir
{
    border:0;
    background-color: #595871;
    color: White;
    text-align:center;
    cursor: pointer;
}


.elementos_izq{float:left;width:200px}
.elementos_izq2{float:left;width:400px}
.elementos_der{float:right; width:250px; height:150px;}

.label{font-size: 0.8em;}


/*////////////////////////////*/
/*/////////Recarga////////////*/
/*////////////////////////////*/

.seccion-caja-recarga01
{
	position:relative;
	width:355px;
	height:220px;
	
	float:left;	
	padding: 25px 25px 25px 25px;
	margin-top: 2px;
	background-color:#C8CAB1;
}

.seccion-caja-recarga01 > ul > li
{
    font-weight:bold;
}

.seccion-caja-recarga02
{
	position:relative;
	width:500px;
	height:220px;
	
	float:left;
	padding: 25px 25px 25px 25px;
	margin-top: 2px;
	background-color:#F6F6F6;
}

input.botonRercargarTarjeta
{  
    width: 150px;
    height: 33px;
    background-color: #FB9F32;
    
    color:Black; 
    text-align:center;
	font-size:1.0em;
	font-weight:bold;
	
	border: 0;
	cursor: pointer;
}

/*////////////////////////////*/
/*/////////Mis Datos////////////*/
/*////////////////////////////*/

.seccion-caja-misdatos01
{
	position:relative;
	width:525px;
	height:300px;
	
	float:left;	
	padding: 25px 0px 25px 25px;
	margin-top: 2px;
	background-color:#C8CAB1;
}

.seccion-caja-misdatos02
{
	position:relative;
	width:355px;
	height:300px;
	
	float:left;
	padding: 25px 25px 25px 25px;
	margin-top: 2px;
	background-color:#F6F6F6;
}

.tabla-info-tarjeta-misdatos
{
    width:250px;
    border:0;
    border-spacing: 5px;
}

.td-datos-info-tarjeta-misdatos1
{
    width : 140px;
    padding: 5px 0px 5px 0px;
}
.td-datos-info-tarjeta-misdatos2
{
    width : 90px;
    text-align: right;
    font-weight: bold;
    background-color:#E2E3D6;
    padding-right: 5px;
}


input.botonMisDatos
{  
    width: 150px;
    height: 33px;
    background-color: #FB9F32;
    
    color:Black; 
    text-align:center;
	font-size:1.0em;
	font-weight:bold;
	
	border: 0;
	cursor: pointer;
}

/*////////////////////////////////////////////////////////////*/
/*/////////  Movimientos, Tarjetas y Operaciones  ////////////*/
/*////////////////////////////////////////////////////////////*/


.seccion-caja-movimientos01
{
	position:relative;
	width:370px;
	height:120px;
	
	float:left;	
	padding: 25px 25px 25px 25px;
	margin-top: 2px;
	background-color:#C8CAB1;
}

.seccion-caja-movimientos02
{
	position:relative;
	width:485px;
	height:120px;
	
	float:left;
	padding: 25px 25px 25px 25px;
	margin-top: 2px;
	background-color:#F6F6F6;
}

.bloqueFiltrosMovimientos
{
    height: 30px;

}

.bloqueFiltrosMovimientos > input
{
    float: none!important;
    display: inline-block!important;
    vertical-align: middle;
}

table.tablaMovimientos 
{
    border-spacing: 0px; 
}

table.tablaMovimientos thead tr
{
    font-size: 1.0em;
}

table.tablaMovimientos th
{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding: 10px 0px 10px 0px;
	background-color: #8885B3;
	font-family: 'LeagueGothic','Arial Narrow', sans-serif;
	font-size:1.1em;
	color: White;
	text-align: center;
}

/*table.tablaMovimientos tr
{
    font-family: arial, monospace; 
    color: black;
    font-size:12px;
    background-color: white;
}*/

.trImpar
{
    font-family: arial, monospace; 
    color: black;
    font-size:12px;
    background-color: #F8F8F8;
}

.trPar
{
    font-family: arial, monospace; 
    color: black;
    font-size:12px;
    background-color: White;
}

table.tablaMovimientos tr td
{
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align:top;
    font-size:1.0em;
}

table.tablaMovimientos .List0{width:120px;max-width:120px;text-align:left; border-left: 1px solid #CCCCCC;}
table.tablaMovimientos .List1{width:170px;max-width:170px;text-align:left;}
table.tablaMovimientos .List2{width:120px;max-width:120px;text-align:center;}
table.tablaMovimientos .List3{width:120px;max-width:120px;text-align:center;}
table.tablaMovimientos .List4{width:40px;max-width:40px;text-align:center;}
table.tablaMovimientos .List5{width:70px;max-width:70px;text-align:right;}
table.tablaMovimientos .List6{width:80px;max-width:80px;text-align:right;}


.bloqueCantidadMovimientos{float:left; padding-top: 10px; margin-left:0px; }
.bloqueImprimirMovimientos{float:right; margin-right: 0px; }
.bloqueTablaMovimientos{margin-left:0px;}
.bloqueInfoMovimientos{height:38px;}

input.botonVerMovimientos
{  
    width: 100px;
    height: 33px;
    background-color: #FB9F32;
    
    color:Black; 
    text-align:center;
	font-size:1.2em;
	font-weight:bold;
	
	border: 0;
	cursor: pointer;
}

input.botonCalendario
{  
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url('../images/Calendario00.png');
	
	border: 0;
	cursor: pointer;
}

.SaldoTarjetaVerde
{
    color: Green;
    font-weight: bold;
}

.SaldoTarjetaRed
{
    color: Red;
    font-weight: bold;
}

.botonImprimir
{
    width: 100px;
    height: 32px;
    border: 0;
	cursor: pointer;
    background-image: url('../images/Imprimir00.png')
}


/*///////// Tarjetas  ////////////*/


table.tablaTarjetas 
{
    border-spacing: 0px; 
}

table.tablaTarjetas thead tr
{
    font-size: 1.0em;
}

table.tablaTarjetas th
{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding: 10px 0px 10px 0px;
	background-color: #8885B3;
	font-family: 'LeagueGothic','Arial Narrow', sans-serif;
	font-size:1.1em;
	color: White;
	text-align: center;
}

table.tablaTarjetas tr td
{
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align:top;
    font-size:1.0em;
}

table.tablaTarjetas .List0{width:100px;max-width:100px;text-align:left; border-left: 1px solid #CCCCCC; }
table.tablaTarjetas .List1{width:80px;max-width:80px;text-align:right;}
table.tablaTarjetas .List2{width:100px;max-width:100px;text-align:center;}
table.tablaTarjetas .List3{width:250px;max-width:250px;text-align:left;}
table.tablaTarjetas .List4{width:80px;max-width:80px;text-align:center;}
table.tablaTarjetas .List5{width:80px;max-width:80px;text-align:center;}

.bloqueCantidadTarjetas{float:left; padding-top: 10px; margin-left:150px; }
.bloqueImprimirTarjetas{float:right; margin-right: 212px; }
.bloqueTablaTarjetas{margin-left:150px;}

.botonDescargar
{
    width: 100px;
    height: 32px;
    border: 0;
	cursor: pointer;
    background-image: url('../images/Descargar00.png')
}

/*///////// Operaciones  ////////////*/


table.tablaOperaciones 
{
    border-spacing: 0px; 
}

table.tablaOperaciones thead tr
{
    font-size: 1.0em;
}

table.tablaOperaciones th
{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding: 10px 0px 10px 0px;
	background-color: #8885B3;
	font-family: 'LeagueGothic','Arial Narrow', sans-serif;
	font-size:1.1em;
	color: White;
	text-align: center;
}

table.tablaOperaciones tr td
{
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align:top;
    font-size:1.0em;
}

table.tablaOperaciones .List0{width:120px; min-width:120px; max-width:120px; text-align:left; border-left: 1px solid #CCCCCC;}
table.tablaOperaciones .List1{width:60px; min-width:60px; max-width:60px; text-align:center;}
table.tablaOperaciones .List2{width:120px; min-width:120px; max-width:120px; text-align:center;}
table.tablaOperaciones .List3{width:120px; min-width:120px; max-width:120px; text-align:center;}
table.tablaOperaciones .List4{width:50px; min-width:50px; max-width:50px; text-align:right;}
table.tablaOperaciones .List5{width:60px; min-width:60px; max-width:60px; text-align:center;}
table.tablaOperaciones .List6{width:280px; min-width:280px; max-width:280px; text-align:left;}

.bloqueCantidadOperaciones{float:left; padding-top: 10px;}
.bloqueImprimirOperaciones{float:right;}
.bloqueTablaOperaciones{}
.bloqueInfoOperaciones{height:38px;}


/*//////////////////////////////////////////
//////////// Paginacion ///////////////////
//////////////////////////////////////////*/

.bloquePaginacion
{
    margin-left:350px;
}
    
table.Paginacion
{
    border-spacing: 0px; 
}

.tdPaginasPaginacion
{
    width:25px;
    height:25px;
    background-color: White;
    border: 1px solid Grey;
    text-align:center;
    cursor:pointer;
    padding-top: 10px;
}

.tdPaginasPaginacionSelected
{
    width:25px;
    height:25px;
    background-color: #8885B3;
    border: 1px solid Grey;
    text-align:center;
    cursor:pointer;
}

.tdPaginasPaginacion > a
{
    text-decoration:none;
    color:#8885B3;
}

.tdPaginasPaginacionSelected > a
{
    text-decoration:none;
    color:White;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************** FOOTER *****************************************************/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#Footer
{
    width: 100%;
    height: 40px;   
    
    background-color:#6F6C9F;
}

div#Footer div.Content
{
    width: 956px;
    margin: 0 auto;   
    padding-top: 10px;
    text-align: center;
    color: White;
}














/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************** Validaciones *****************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.Validaciones
{
    background-color: #C81814;   
    color: White;
    
    padding: 20px;
    margin: 3px 0px 1px 0px;
    
    float: left;
    width: 915px;
}

div.Validaciones > span
{
    display: block;   
}

div.Validaciones > span.Title
{
    font-size: 1.3em; 
    color: white; 
    font-family: 'LeagueGothic', sans-serif; 
    text-transform: uppercase;
    height: 30px;
}

div.ValidacionesCorrecto
{
    background-color: #04B404;   
    color: White;
    
    padding: 20px;
    margin: 3px 0px 1px 0px;
    
    float: left;
    width: 915px;
}

div.ValidacionesCorrecto > span
{
    display: block;   
}

div.ValidacionesCorrecto > span.Title
{
    font-size: 1.3em; 
    color: white; 
    font-family: 'LeagueGothic', sans-serif; 
    text-transform: uppercase;
    height: 30px;
}



.sprite_paypal
{
	background: url('../images/btn_xpressCheckout.gif');
	width: 145px;
	height: 42px;
	border: 0;
	display:block;
}

/* Captcha */
.captcha
{
    font-weight:800;
    font-size:36px!important;
    letter-spacing: 5px;
}