html,
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		height:100%;
	margin:0;
	padding:0;
}


.super-container{
	min-height:100%;
	position:relative;
}

.container{
	padding-bottom:30px;
}

.icons
{
	background-image: url("../img/sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 9px;
    line-height: 9px;
    width: 15px;
}
.icon-question
{
	background-position: 1px -45px;
    height: 13px;
    width: 17px;
}

.icon-ayuda
{ 
	background-image: url("../img/Icono-de-ayuda.png");
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 5px;
	background-position: -1px -1px;
    height: 23px;
    width: 23px;
	margin-top: -2px;
}

.icon-safety
{
	background-position: -2px -9px;
    margin-top: 2px;
    width: 16px;
	height:12px;
}

.button
{
	border:#3C44D1 solid 1px;
	border-radius:3px;
	color:#ffffff;
	padding:5px 10px;
	font-size:11px;
	margin:5px 0 0 0;
	background: #3C44D1; /* Old browsers */
	
}

.button_registro
{
	border:#eeeeee solid 1px;
	border-radius:3px;
	color:#444444;
	padding:5px 10px;
	font-size:11px;
	margin:5px 0 0 0;
	background: #eeeeee; /* Old browsers */
}
/**************************************/
/*              HEADER                */
/**************************************/
#top
{
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: #02004D;
  /*background: -moz-linear-gradient(left,  rgba(225,229,232,1) 0%, rgba(225,229,232,1.5) 50%, rgba(60,68,209,1) 100%); /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(225,229,232,1)), color-stop(50%,rgba(225,229,232,1.5)), color-stop(100%,rgba(60,68,209,1))); /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(left,  rgba(225,229,232,1) 0%,rgba(225,229,232,1.5) 50%,rgba(60,68,209,1) 100%); /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(left,  rgba(225,229,232,1) 0%,rgba(225,229,232,1.5) 50%,rgba(60,68,209,1) 100%); /* Opera 11.10+ */
  /*background: -ms-linear-gradient(left,  rgba(225,229,232,1) 0%,rgba(225,229,232,1.5) 50%,rgba(60,68,209,1) 100%); /* IE10+ */
  /*background: linear-gradient(left,  rgba(225,229,232,1) 0%,rgba(225,229,232,1.5) 50%,rgba(60,68,209,1) 100%); /* W3C */
  /*background: #f4f5fa;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00bbe3',GradientType=1 ); /* IE6-8 */
  height:65px;
  padding:10px;
  border-bottom:#082C62 solid 5px;
}
#top_validacion
{
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(0,187,227,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(100%,rgba(0,187,227,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(0,187,227,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(0,187,227,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(0,187,227,1) 100%); /* IE10+ */
  background: linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(0,187,227,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00bbe3',GradientType=1 ); /* IE6-8 */
  height:85px;
  padding:10px;
  border-bottom:#082C62 solid 5px;
}
#rif
{
	position:absolute;
	right:10px;
	top:60px;
	color:#fff;
	font-size:10px;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/



/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#header-login
{
	margin-bottom:15px;
}
#header-login h1
{
	display:inline-block;
	color:#082C62;
	font-size:18px;
	font-weight:bold;
}
#header-login h1 span
{
	display:inline-block;
	color:#3C44D1;
	border-left:#FF7F00 solid 4px;
	padding-left:5px;
	font-weight:bold;
}

#alert-div
{
    padding-left: 10px;
    text-align: center;
    line-height: 0.5;
}
#alert-img
{
    float: left;
    width: 80px;
    height: 80px;
}
#alert-login
{
    float: left;
    text-align: center;
    width: 280px;
}
#alert-login p1
{	
    color:#ff7f00;
    font-size:18px;
    font-weight:bold;
}
#alert-login p2
{	
        font-size:12px;
	color:#082C62;
	font-weight:normal;        
}
#alert-login p3
{	
        font-size:11px;
	color:#082C62;
	font-weight:normal;        
}
#alert-login p
{	
        font-size:12px;
	color:#082C62;
	font-weight:bold;        
}

#box-login
{
	background:#F4F5FA;
	padding:35px;
	padding-top:20px;
	margin: 30px auto 0 auto;
	width:700px;
	position:relative;
}

#box-login2
{
	background:#F4F5FA;
	padding:35px;
	padding-top:20px;
	margin: 30px auto 0 auto;
	width:820px;
	position:relative;
}

div.rt_shadow{
height:10px;width:10px;background:url(../img/rt_s1.png);position:absolute;top:0;right:0;
}

div.r_shadow{
height:100%;width:10px;background:url(../img/r_s1.png);position:absolute;top:0;right:0;
}

div.l_shadow{
height:100%;width:10px;background:url(../img/l_s1.png);position:absolute;top:0;left:0;
}

div.t_shadow{
height:10px;width:100%;background:url(../img/t_s1.png);position:absolute;top:0;left:0;
}

div.b_shadow{
height:10px;width:100%;background:url(../img/b_s1.png);position:absolute;bottom:0;left:0;
}

div.lt_shadow{
height:10px;width:10px;background:url(../img/lt_s1.png);position:absolute;top:0;left:0;
}

div.rb_shadow{
height:10px;width:10px;background:url(../img/rb_s1.png);position:absolute;bottom:0;right:0;
}

div.lb_shadow{
height:10px;width:10px;background:url(../img/lb_s1.png);position:absolute;bottom:0;left:0;
}

.user
{
	color:#02004D;
	font-weight:normal;
	font-size:14px;
}
.line_title_orange
{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: #eeeeee;
	/*background: -moz-linear-gradient(left,  rgba(255,127,0,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,127,0,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(left,  rgba(255,127,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(left,  rgba(255,127,0,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(left,  rgba(255,127,0,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	/*background: linear-gradient(left,  rgba(255,127,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f00', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
	height:5px;
	margin:0;
	padding:0;
	margin-top:-8px;
	margin-bottom:15px;
}
#links ul
{
	margin:0;
	padding:0;
}
#links ul li
{
	list-style:none;
	margin-bottom:10px;
}
#box-banner
{
	margin-bottom:20px;
}
/**************************************/
/*               FOOTER               */
/**************************************/
div#footer
{
	background:#f4f5fa;
	bottom:0px;
	width:100%;
	text-align:center;
	position:absolute;
	height:30px;
	line-height:30px;
}
div#footer span
{
	color:#3C44D1;
	font-size:10px;
	height:20px;
}

/***********************************************/

.error-message{
	color:red;
}

.error_fatal{
	color:red;
	padding:5px 0;
}

.info_cliente{
	float:right;
	clear:right;
	font-size:12px;
	line-height:14px;
	font-weight:bold
}

.nombre_cliente{
	height:12px;
	width:18px;
	background: url('../img/sprite.png') no-repeat 0 -21px;
	display:inline-block;
}

.ultima_conexion{
	height:12px;
	background: url('../img/sprite.png') no-repeat 0 -34px;
	width:18px;
	display:inline-block;
}

.espacio_vertical_10{
	height:10px;
	clear:both;
}

.espacio_vertical_20{
	height:20px;
	clear:both;
}

#salir{
	float:right;
	clear:right;
	width:50px;
	position:relative;
}

div.ico-salir{
	position:absolute;
	right:5px;
	top:6px;
	background:url('../img/sprite.png') no-repeat -2px -58px;
	width:15px;
	height:15px;
}

.clear {
clear:both;
height:0;
}

ul.menu{
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.menu li{
	padding:5px 10px 5px 15px;
}

ul.menu li{
	background:url("../img/flecha_derecha.jpg") no-repeat scroll 6px 12px transparent;
}

ul.menu li.abierto{
	background:url('../img/flecha_abajo.jpg')no-repeat scroll 6px 12px transparent;
}

ul.menu ul.menu{
	border-top:3px solid #072C61;
	border-bottom:3px solid #072C61;
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
}

ul.menu ul.menu li{
	border-bottom:0px solid #fff;
	padding:5px 10px 5px 15px;
}

ul.menu ul.menu ul.menu {
	border-top:1px solid #072C61;
	border-bottom:1px solid #072C61;
}

ul.menu li a{
	text-decoration:none;
	color:#333333;
	display:block;
}

ul.menu li.seleccionado a{
	color:#3C44D1;
	font-weight:bold;
}

table.tabla_principal td.primera_columna{
	background-color:#E1E5E8;
	width:200px;
}

table.tabla_principal td.segunda_columna{
	padding:0 10px;
}

table.tabla_principal td.tercera_columna{
	padding-bottom:20px;
	width:172px;
}

div.notificaciones{
	background:url('../img/bombillo.jpg') no-repeat;
	background-origin:border-box;
	width:152px;
	height:52px;
	padding:10px;
}

table.aviso{
	font-size: 11px;
	height: 56px;
	width: 85%;
	margin-top: 10px;
}
.aviso td.aviso_izq{
	background-image: url('../img/lado-IZQ.png');
	background-repeat: no-repeat;
	width: 9px;
	padding: 0;
	margin: 0;
}
.aviso td.aviso_content{
	color: #000; 
	background-color:#FFD9B9;
	background-image:url('../img/SIGNO-Excla.png');
	background-repeat: no-repeat;
	background-position: right;
	padding: 0;
	margin: 0;
}
.aviso td.aviso_der{
	background-image: url('../img/lado-DERE.png');
	background-repeat: no-repeat;
	width: 9px;
	padding: 0;
	margin: 0;
}

span.numero_notificaciones{
	color:#C73236;
	font-weight:bold;
}

div.descripcion{
	border-bottom:1px solid #C4C4C4;
	padding-bottom:10px;
}

table.tabla {
	min-width:650px;
	margin:0 auto;
}

table.tabla.extra {
	width:700px;
}

table.tabla.alias{
	min-width:450px;
	width:450px;
}

table.tabla thead td{
	background:#E5E5E5;
	text-align:center;
	font-weight:bold;
}

table.tabla td.total{
	text-align:right;
	border-bottom:0;
	border-left:0;
	font-weight:bold;
}

table.tabla td.monto_total{
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
}

table.tabla td.vacio{
	border:0px solid #FFFFFF;
	min-width:90px;
}

table.tabla td{
	border:1px solid #C4C4C4;
	padding:5px;
	text-align:left;
}

table.tabla.ancholibre{
	min-width:10px;
}

table.tabla td.ancholibre{
	min-width:10px;
}

table.tabla td.descripcion{
	text-align:left;
	white-space:nowrap;
	width:300px;

}

table.tabla td.monto{
	text-align:right;
	white-space:nowrap;
}


table.tabla td.etiqueta{
	text-align:left;
	white-space:nowrap;
	color:#00487F;
	font-weight:bold;
}

.azul{
	color:#00487F;
	font-weight:bold;
}

table td.submit{
	text-align: right;
}

table .texto_centro{
	text-align: center;
}

table td.texto_centro{
	text-align: center;
}

table .texto_justificado{
	text-align: justify;
}

table .texto_derecho{
	text-align: right;
}

table td.texto_derecho{
	text-align: right;
}

div.paso_nro_actual{
	color:#3C44D1;
	font-size:24px;
	line-height:24px;
	height:24px;
	width:24px;
	float:left;
}

div.paso_desc_actual{
	color:#3C44D1;
	width:80px;
	float:left;
	height:24px;
	font-size:12px;
	line-height:12px;
	padding-right:10px;
}

div.paso_nro{
	color:#C0C0C0;
	line-height:24px;
	font-size:24px;
	height:24px;
	width:24px;
	float:left;
}

div.paso_desc{
	color:#C0C0C0;
	width:80px;
	float:left;
	height:24px;
	font-size:12px;
	line-height:12px;
	padding-right:10px;
}

table.formulario{
}

table.formulario td{
	padding:5px 10px;
	vertical-align:middle;
}

table.formulario td.borde{
	border:1px solid #C4C4C4;
	padding:5px 10px;
	text-align:left;
	min-width:90px;
}

label.etiqueta{
	color:#02004D;
	font-weight:bold;
	white-space:nowrap;
}

table.formulario td.etiqueta{
	color:#141414;
	font-weight:bold;
	vertical-align: top;
	white-space: nowrap;
}

table.formulario td.campo{
	width:250px;
}

table.formulario td.campo input[type="text"],
table.formulario td.campo input[type="password"],
table.formulario td.campo textarea{
	width:240px;
}

table.formulario td.campo select{
	width:250px;
}

table.formulario td.campo select.tipoCedulaRif{
	width:50px;
}
table.formulario td.campo select.tipoRif{
	width:50px;
}

table.formulario td.campo select.codigoTelefono{
	width:65px;
}
table.formulario td.campo select.codigoCelular{
	width:60px;
}
table.formulario td.campo input.nroCelular{
	width:178px;
}

table.formulario td.campo input.nroCedulaRif{
	width:140px;
}
table.formulario td.campo input.nroRif{
	width:140px;
}

table.formulario td.campo input.monto{
	width:140px;
}

table td label.manual{
	display: none;
}

table.confirmacion{
	margin: 0px auto;
	min-width:450px;
	width:550px;
}

table.confirmacion td{
	border:1px solid #C4C4C4;
	padding:5px;
}

table.confirmacion td.etiqueta{
	background:#E5E5E5;
	font-weight:bold;
}

table.botonera{
	margin:0 0 0 auto;
}

table.botonera td{
	padding:0 0 0 10px;
	text-align:right;
}

table td.botonera{
	text-align:right;
	border:0;
	padding:20px 0;
}

table td.botonera2{
	text-align:right;
	border:0;

}

div.botonera{
	text-align:right;
	padding:10px 0;
}

div.botonera_inicio{
	text-align:right;
	padding:10px 0;
}

table.tabla td.paginador{
	border:0;
	text-align:right;
	padding:10px 0;
}

.exito{
	color: #141414;
	font-weight:bold;
}

input.coordenada {
	width:24px;
}

table.teclado_virtual_numerico td{
	position:relative;
	
	padding:0;
	margin:0;
}

table.teclado_virtual td{
	text-align:center;
	white-space:nowrap;
}

a.tecla{
	display:block;
	background:url(../img/tecla.png) no-repeat 0 0;
	width:21px;
	height:21px;
	line-height:21px;
	text-align:center;
	cursor:pointer;
	color:#333;
	margin:0;
	padding:0;
}

a.tecla2{
	display:inline-block;
	background:url(../img/btn_20x20.jpg) no-repeat 0 0;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	color:#333;
	margin:0;
	padding:0;
}

a.tecla3{
	display:inline-block;
	background:url(../img/btn_40x20.jpg) no-repeat 0 0;
	width:40px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	cursor:pointer;
	color:#333;
	margin:0;
	padding:0;
}

form.formulario_enlace{
	margin:0;
	padding:0;
	text-align:center;
}

form.formulario_enlace_right{
	margin:0;
	padding:0;
	text-align:right;
}

div.botonera form.formulario_enlace{
	margin:0;
	padding:0;
	text-align:center;
	margin-left: 5px;
	display: inline;
}

form.formulario_enlace_right input.boton_enlace{
	background-color: transparent;
	border: none;
	color: #0088CC;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

form.formulario_enlace input.boton_enlace{
	background-color: transparent;
	border: none;
	color: #3C44D1;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

span.flecha_atras{
	background:url(../img/flechas.png) no-repeat 0 1px;
	display:inline-block;
	width:11px;
	height:12px;
}

span.flecha_atras2{
	background:url(../img/flechas.png) no-repeat -10px 1px;
	display:inline-block;
	width:10px;
	height:12px;	
}

span.flecha_adelante{
	background:url(../img/flechas.png) no-repeat -19px 1px;
	display:inline-block;
	width:8px;
	height:12px;	
}

span.flecha_adelante2{
	background:url(../img/flechas.png) no-repeat -28px 1px;
	display:inline-block;
	width:10px;
	height:12px;	
}

div.contenedor-login{
	position:relative;
}

div#login-question{
	position:absolute;
	right:0;
	top:6px;
}

input.input_login {
	width:270px;
}

label.etiqueta_clave{
	display:inline-block;
	width:100px;
}


input.input_contrasena{
	width:150px;
}

label.error {
	color:red;
	display:block;
	clear:both;
	padding:5px 0;
}

label.campo {
	display:inline-block;
	width:250px;
}

table.validador_tdc label.error{
	max-width:100px;
}

div.contenedor_formulario{
	min-width:500px;
	width:650px;
	margin:0 auto;
}

div.contenedor_formulario_400{
	width:400px;
	margin:0 auto;
}

div.contenedor_formulario_inicio{
	width:500px;
	margin:0 auto;
}

div.sello-images{
	text-align: center;
	width: 110px;
	height: 110px;
	float: left;
	padding: 15px;
}

.mensaje{
	text-align:justify;
}

.titulo{
	text-align:center;
}

.requerido{
	color:#FF7F00;
	font-size:18px;
	position:relative;
	top:5px;
}

.requerido1{
	color:#FF7F00;
	font-size:14px;
	position:relative;
	top:5px;
}

.requerido2{
	color:#FF7F00;
}

.mensaje2{
    color:#3794dd;
}

.sello_externo{
	background:#1D2873;
	width:150px;
	margin:0 auto;
	padding:10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;	
}

.sello_interno{
	border:2px solid #7B82AD;
	text-align:center;
	padding:10px 5px;
	font-size:17px;
	font-weight:bold;
	color:#fff;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;	
}

.estiloTexto{
	padding-left:12px;
}


.contenedor_encabezado{
	margin: 0px auto;
	width:650px;
}

table thead td.resumen_paginacion{
	text-align: left;
	background-color:#F4F5FA;
	border: 0;
	font-weight: normal;
}


table.tdc td.tope {
	background:#004880;
	color:#fff;
	text-align:center;
	border:1px solid #3F6C8F;
}

table.tdc tr.normal td{
	background:#CFF9FF;
	text-align:center;
	color:#4280A8;
	border:1px solid #3F6C8F;
}

table.tdc tr.alter td{
	background:#FCD9BB;
	text-align:center;
	color:#4280A8;
	border:1px solid #3F6C8F;
}

table.tdc td.punta{
	border:0;
}

table.tdc td.serial{
	border:0;
	text-align:right;
}




div.cuerpo{
	position:relative;
}

div.cuerpo div.primera_columna{
	background-color:#E1E5E8;
	width:200px;
	float:left;
	z-index:2;
	position:relative;
	
}

div.cuerpo div.segunda_columna{
	padding:0 182px 0 210px;
}

div.cuerpo div.contenido_principal{
	float:left;
	width:100%;
	position:relative;
}

div.cuerpo div.relleno{
	background-color:#E1E5E8;
	width:200px;
	position:absolute;
	left:-210px;
	top:0;
	bottom:0;
	
}

div.cuerpo div.tercera_columna{
	padding-bottom:20px;
	width:172px;
	float:right;
	position:relative;
}


div.checkbox input[type=checkbox]{
	padding: 0px;
}

/*Select para el tamaño del servicio */
#PagoServiciosNumservicio{
	width:290px;
}

table td.resaltar{
    font-weight: bold;
    background-color: #E0E0E0;
}

.nuevo::after   {

		
  content: "¡NUEVO!";
  font-size: 7px;
  font-weight: bold;
  background: #3C44D1;
  color: #ffffff; 
  padding:4px 4px;
  margin-left: 3px;
  width: 2px;
  border-radius:10px;

 
}
/* Tooltip container */
.tooltip {
	position: initial;
	display: inline-block;
	text-align:right;
	white-space:nowrap;
	font-size: 12px;
	cursor:pointer
	
	
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 130px;
    background-color: #e1e5e8;
    color: #222222;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    border: 1px solid #222222;
}
   
	
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
	visibility: visible;
  }