body
{
	COLOR:              #ffffff;
	BACKGROUND-COLOR:    #ffffff;
	font-family: 'Nunito', sans-serif;
}


.tb_encabezado
{
	BACKGROUND-IMAGE:   url("../images/comprobante/fondo.png");	
	background-repeat: repeat-x; 
	BACKGROUND-COLOR:    #F8F9FB;
	width: 100%;
}


.logo
{
	padding-top: 67px;
}

.div_alerta
{
	COLOR:            #323249;
        BORDER-STYLE:        solid;
	BACKGROUND-COLOR: #FFEDC1;
	BORDER-WIDTH:        2px;
        border-color:      #FED364;
	width: 100%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
        
}

.tarjeta0
{
	COLOR:            #000000;
	BACKGROUND-COLOR: #ffffff;
	BORDER-WIDTH:        0px;
	width: 60%;
        max-width: 630px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
}

.tarjeta1
{
	COLOR:            #000000;
	BACKGROUND-COLOR: #ffffff;
	BORDER-WIDTH:        0px;
	width: 100%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
}


.tarjeta2
{
	COLOR:            #000000;
	BACKGROUND-COLOR: #ffffff;
	BORDER-WIDTH:        0px;
	width: 100%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;	
}


.tarjeta_movil
{
	COLOR:            #000000;
	BACKGROUND-COLOR: #ffffff;
	BORDER-WIDTH:        0px;
	width: 95%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
}

.negro
{
    font-weight: bold;    
}


.texto_medio_pago
{
font: normal normal 300 18px Nunito;
letter-spacing: 0px;
color: #212240;
opacity: 1;
}

.texto_azul_light
{
    font: normal normal  18px Nunito;
    letter-spacing: 0px;
    color: #255ADE;
    opacity: 1;
}

.texto_azul_dark
{
    COLOR:              #215393;
    TEXT-DECORATION:    none;
    font-family: Arial;
    font-weight: bold;
    font-size: 100%;
}

.texto_negro
{
    COLOR:              #000000;
}

.texto_rojo
{
    COLOR:              #FF0000;
}



.etiqueta
{
    height: 63px;
    BORDER-WIDTH:        0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
    box-shadow: 1px 1px 4px #0000001C;
    opacity: 1;
}


.imagen_comercio
{
	height: 100px;
	width: 100px;
	BORDER-WIDTH:        0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 20px;
	box-shadow: 1px 1px 4px #0000001C;
	opacity: 1;
}




.editar_pago
{
    text-align: right;
    text-decoration: underline;
    font: normal normal 300 14px/80px Nunito;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
}


.tb_encabezado1
{
    top: 1px;
    left: 0px;
    width: 1920px;
    height: 332px;
    background: transparent linear-gradient(182deg, #00307C 0%, #2628D1 54%, #24D4FC 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
}

.tb_pie
{
    BACKGROUND-COLOR:    #D1D1D1;
    height: 150px;
}




.fondo_blanco
{
	BACKGROUND-COLOR:    #ffffff;	
}


input[type= "radio"] {

	width: 19px;
	height: 19px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #0000000A;
	border: 1px solid #D3D3D3;
	opacity: 1;
}


input[type= "text"] 
{
	width: 100%;
	height: 30px;
	BORDER-STYLE:        solid;
	background-color: transparent;
	BORDER-LEFT-COLOR:   transparent;
	BORDER-TOP-COLOR:    transparent;
	BORDER-BOTTOM-COLOR: #255ADE;
	BORDER-RIGHT-COLOR:  transparent;
	BORDER-WIDTH:        1px;
	font-size: 100%;
	TEXT-ALIGN:          left;
	font: normal normal  18px Nunito;
}





a
{
	COLOR:               #585858;
	CURSOR:              hand;
}


.boton_plomo
{
	COLOR:              #ffffff;
	BACKGROUND-COLOR:    #CBCBCB;
	border-width: 		0px;
	HEIGHT:             45px;
	WIDTH:              100%;
	font-size: 		100%;
	CURSOR:             hand;
	TEXT-ALIGN:         center;
	vertical-align: 	middle;
	TEXT-DECORATION:    none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.boton_azul
{
	COLOR:              #FFFFFF;
	BACKGROUND-COLOR:    #2D45E6;
	border-width: 		0px;
	HEIGHT:             55px;
	WIDTH:              100%;
	font-size: 		100%;
	TEXT-ALIGN:         center;
	vertical-align: 	middle;
	TEXT-DECORATION:    none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
        CURSOR:              pointer;
}

.boton_azul2
{
	COLOR:              #FFFFFF;
	BACKGROUND-COLOR:    #263C83;
	border-width: 		0px;
	HEIGHT:             55px;
	WIDTH:              100%;
	font-size: 		100%;
	TEXT-ALIGN:         center;
	vertical-align: 	middle;
	TEXT-DECORATION:    none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
        CURSOR:              pointer;
}

.boton_amarillo
{
	COLOR:              #FFFFFF;
	BACKGROUND-COLOR:    #F9C847;
	border-width: 		0px;
	HEIGHT:             55px;
	WIDTH:              400px;
	font-size: 		80%;
	CURSOR:             pointer;
	TEXT-ALIGN:         center;
	vertical-align: 	middle;
	TEXT-DECORATION:    none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.boton_blanco2
{
    BACKGROUND-COLOR:   #ffffff;
    COLOR:              #2D45E6;
    border-style: solid;
    border-width: 2px;
    border-color: #2D45E6;
    HEIGHT:             55px;
    font-size: 		100%;
    TEXT-ALIGN:         center;
    vertical-align: 	middle;
    TEXT-DECORATION:    none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    CURSOR: pointer;
}


.table
{
	BORDER-WIDTH:        0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 3px 3px 10px #6e6e6e;
	 
}



.desactivado
{
	COLOR:              #ffffff;
	BACKGROUND-COLOR:    #CBCBCB;
	border-width: 		0px;
	HEIGHT:             45px;
	WIDTH:              150px;
	font-size: 			80%;
	CURSOR:             hand;
	TEXT-ALIGN:         center;
	vertical-align: 	middle;
	TEXT-DECORATION:    none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


.activado
{
	COLOR:              #ffffff;
	BACKGROUND-COLOR:    #E43E2C;
	border-width: 		0px;
	HEIGHT:             45px;
	WIDTH:              150px;
	font-size: 	80%;
	CURSOR:             hand;
	TEXT-ALIGN:         center;
	vertical-align: 	middle;
	TEXT-DECORATION:    none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


.recuadroD
{
    display: table;
    padding-top:20px;
    width:100%;
}

.recuadroM
{
    display: none;
}

.onlyDestock
{display: table;}

.onlyMovil
{display: none;}