@charset "utf-8";
/* CSS - Creado por Ing. Eduardo Castro
   Versión 1.0 - 21 Mayo 2012 */
   
#seccion
{ float:left; width:600px; height:auto; color:#333333; font-family:Calibri; font-size:14px; }


#seccion_pais
{ float:left; width:700px; height:auto; color:#333333; font-family:Calibri; font-size:14px; }

.secuencia { font-family:Arial, Helvetica, sans-serif; color:#0099CC; font-size:15px; font-weight:bold; }

#prelacion { background:#CCCCCC; color:#333333; text-shadow:none; margin:0;border:0;padding:0;}


#seccion a
{ text-decoration:none; color:#0066CC; }

#titulo_seccion a
{ text-decoration:none; color:#FFFFFF; }

#titulo_seccion a:hover
{ text-decoration:none; color:#fff; }

#titulo_seccion a:active
{ text-decoration:none; color:#fff; }

#seccion_img
{
	float:left;
	background:url(../images/back.png);
	width:24px;
	height:24px;
	margin-top:-3px;
	margin-right:4px;
}

#seccion_mtto
{ float:left; width:100%; height:auto; color:#333333; font-family:Calibri; font-size:15px; }


#seccion_mtto_sub
{ float:left; width:100%; height:auto; color:#333333; font-family:Calibri; font-size:15px; }

small
{
	font-family:Calibri;
	font-size:11px;
	color:#999999;
}

input.error,
select.error,
textarea.error
{ color:#000000; }

.error
{
	color:#FF0000;
}

#seccion_trabajo
{
	margin-top: 40px;
	width: 100%;
	min-height: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#seccion_trabajo_actores
{
	margin-top:70px;
	width:100%;
	height:auto;
	min-height:600px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#seccion_trabajo_actores a
{
	text-decoration:none;
}


#seccion_trabajo a
{
	text-decoration:none;
}
.mtto_box {
   position: relative;
   background:#FFFFFF;
   padding: 10px;
   margin-bottom: 20px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: 1px 1px 1px #ccc;
   -moz-box-shadow: 1px 1px 1px #ccc;
   box-shadow: 1px 1px 1px #ccc;
   min-height:200px;
   height:auto;
   border:3px solid #CCCCCC;
}


.horizontal-tabs, .vertical-tabs {
    border: 1px solid #B8BCC0;
    border-radius: 5px 5px 5px 5px;
    float: left;
}
.horizontal-tabs ul {
    background-color: #E8EBEC;
    border-bottom: 1px solid #B8BCC0;
}
.horizontal-tabs ul li {
    display: inline;
}
.horizontal-tabs ul li a {
    color: #55748E;
    display: inline-block;
    padding: 10px 25px;
}
.horizontal-tabs ul li.active a {
    background-color: #CAD9E7;
    color: #5C5C5C;
}
.horizontal-tab-content {
    box-shadow: 0 0 20px #D9D7D7 inset;
    font-size: 14px;
    padding: 15px;
}

#secciones
{
	width:100%;
	height:20px;
	background:#696969;
	font-family:Calibri;
	font-size:13px;
	color:#FFFFFF;
}

#secciones_mtto
{
	width:98%;
	height:20px;
	background:#696969;
	font-family:Calibri;
	font-size:13px;
	color:#FFFFFF;
	margin-bottom:10px;
}


#sub_secciones
{
	width:100%;
	height:20px;
	background:url(../images/header_bg.jpg);
	font-family:Calibri;
	font-size:13px;
	color:#FFFFFF;
}


#titulo_seccion
{
	float:left;
	margin-top:2px;
	margin-left:10px;
}

#titulo_seccion_facebox
{
	float:left;
	margin-top:-3px;
	margin-left:10px;
}

#titulo_seccion_mtto
{
	margin:auto;
	margin-top:2px;
	margin-left:10px;
	font-size:15px;
	font-weight:bold;
}



#table_container
{
	margin:auto;
	width:100%;
	height:auto;
}	


#table_container_dialog
{
	margin:auto;
	width:800px;
	height:auto;
}	

#table_container_docs
{
	margin:auto;
	width:980px;
	height:auto;
}	


#load
{
	margin:auto;
	width:300px;
	height:30px;
}


#opciones
{
	margin:auto;
	width:980px;
	height:auto;
}


ul#main-menu {
    list-style: none outside none;
    margin: 0 -20px;
}
ul#main-menu li {
    /*background-image: url("../images/greeting_bg.png");*/
    background:#ECEFF1;
    background-repeat: repeat-x;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    height: 67px;
    margin: 10px;
    padding: 5px;
    text-transform: uppercase;
	float:left;
}

ul#main-menu li a {
    color: #202020;
    display: block;
    height: 77px;
    width: 216px; /*  width: 205px; */
}

ul#main-menu li:hover a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}

ul#main-menu li:hover .icons { background:#ECEFF1; color:#757575; }

ul#main-menu li:hover {
    /*background-image: url("../images/m-hover.png");*/
    background:#78909C;
    color: #FFFFFF;
    text-decoration: none;
}
ul#main-menu li a img {
    padding: 10px 15px 5px;
}
ul#main-menu li a span {
    display: block;
    line-height: 20px;
    padding: 0 0 5px;
	
}

ul#main-menu li .section {
    font-weight: bold;
    padding-top: 5px;
}
ul#main-menu li .description {
    color: #004D7E;
    font-size: 11px;
    line-height: 1.3em;
    margin-top: -5px;
    text-transform: none;
}
ul#main-menu li:hover .description {
    color: #E0E0E0;
}

/* ELEMENTOS BLOQUEADOS */
ul#main-menu-bloqueo {
    list-style: none outside none;
    margin: 0 -20px;
}
ul#main-menu-bloqueo li {
    background-image: url("../images/greeting_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    height: 67px;
    margin: 10px;
    padding: 5px;
    text-transform: uppercase;
	float:left;
}

ul#main-menu-bloqueo li a {
    color: #999999;
    display: block;
    height: 77px;
    width: 205px;
}

ul#main-menu-bloqueo li:hover a {
    color:#999999;
    display: block;
    text-decoration: none;
	cursor:default;
}
ul#main-menu-bloqueo li:hover {
    background-image:url("../images/greeting_bg.png");
    color: #FFFFFF;
    text-decoration: none;
}
ul#main-menu-bloqueo li a img {
    padding: 10px 15px 5px;
}
ul#main-menu-bloqueo li a span {
    display: block;
    line-height: 20px;
    padding: 0 0 5px;
	
}
ul#main-menu-bloqueo li .section {
    font-weight: bold;
    padding-top: 5px;
}
ul#main-menu-bloqueo li .description {
    color: #999999;
    font-size: 11px;
    line-height: 1.3em;
    margin-top: -5px;
    text-transform: none;
}
ul#main-menu-bloqueo li:hover .description {
    color: #999999;
}

/*
ul#main-menu-bloqueo {
    list-style: none outside none;
    margin: 0 -20px;
}

ul#main-menu-bloqueo li {
    background-image: url("../images/greeting_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    height: 67px;
    margin: 10px;
    padding: 5px;
    text-transform: uppercase;
	float:left;
}

ul#main-menu-bloqueo li:hover a {
    color:#999999;
    display: block;
    text-decoration: none;
	cursor:default;
}
ul#main-menu-bloqueo li:hover {
    background-image:url("../images/greeting_bg.png");
    color: #FFFFFF;
    text-decoration: none;
}
ul#main-menu-bloqueo li a img {
    padding: 10px 15px 5px;
	cursor:default;
}
ul#main-menu-bloqueo li a span {
    display: block;
    line-height: 20px;
    padding: 0 0 5px;
	cursor:default;
	
}
ul#main-menu-bloqueo li .section {
    font-weight: bold;
    padding-top: 5px;
	color:#999999;
}
ul#main-menu-bloqueo li .description {
    color:#999999;
    font-size: 11px;
    line-height: 1.3em;
    margin-top: -5px;
    text-transform: none;
}
ul#main-menu-bloqueo li:hover .description {
    color:#999999;
}
*/
/* FIN DE ELEMENTOS BLOQUEADOS */



/* SECCION SLIDER 2 PARA MANTENIMIENTOS */

ul#main-menu-general {
    list-style: none outside none;
    margin: 0 -20px;
}
ul#main-menu-general li {
    background-image: url("../images/greeting_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    height: 67px;
    margin: 10px;
    padding: 5px;
    text-transform: uppercase;
	float:left;
}

ul#main-menu-general li a {
    color: #202020;
    display: block;
    height: 77px;
    width: 216px; /* width: 205px; */
}

ul#main-menu-general li:hover a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}
ul#main-menu-general li:hover {
    /*background-image: url("../images/m-hover.png");*/
    background:#78909C;
    color: #FFFFFF;
    text-decoration: none;
}

ul#main-menu-general li:hover .icons { background:#ECEFF1; color:#757575; }

ul#main-menu-general li a img {
    padding: 10px 15px 5px;
}
ul#main-menu-general li a span {
    display: block;
    line-height: 20px;
    padding: 0 0 5px;
	
}
ul#main-menu-general li .section {
    font-weight: bold;
    padding-top: 5px;
}
ul#main-menu-general li .description {
    color: #004D7E;
    font-size: 11px;
    line-height: 1.3em;
    margin-top: -5px;
    text-transform: none;
}
ul#main-menu-general li:hover .description {
    color: #E0E0E0;
}


ul#main-menu-general li div.country {
    background: url("../images/m-icons.png") no-repeat scroll 0 0 transparent;
}
ul#main-menu-general li:hover div.country {
    background: url("../images/m-icons.png") no-repeat scroll 0 -71px transparent;
}

ul#main-menu-general li div.regiones{
     background: url("../images/m-icons.png") no-repeat scroll -282px 0px transparent;
}

ul#main-menu-general li:hover div.regiones {
     background: url("../images/m-icons.png") no-repeat scroll -282px -71px transparent;
}

ul#main-menu-general li div.pagos {
    background: url("../images/m-icons6.png") no-repeat scroll -282px 0 transparent;
}
ul#main-menu-general li:hover div.pagos {
    background: url("../images/m-icons6.png") no-repeat scroll -282px -71px transparent;
}

ul#main-menu-general li div.cobros {
    background: url("../images/m-icons6.png") no-repeat scroll -352px 0 transparent;
}
ul#main-menu-general li:hover div.cobros {
    background: url("../images/m-icons6.png") no-repeat scroll -352px -71px transparent;
}

ul#main-menu-general li div.historico {
    background: url("../images/m-icons6.png") no-repeat scroll -493px 0 transparent;
}
ul#main-menu-general li:hover div.historico {
    background: url("../images/m-icons6.png") no-repeat scroll -493px -71px transparent;
}


ul#main-menu-general li div.bank {
    background: url("../images/m-icons.png") no-repeat scroll -422px 0 transparent;
}
ul#main-menu-general li:hover div.bank {
    background: url("../images/m-icons.png") no-repeat scroll -422px -71px transparent;
}

ul#main-menu-general li div.moneda {
    background: url("../images/m-icons.png") no-repeat scroll -210px 0 transparent;
}
ul#main-menu-general li:hover div.moneda {
    background: url("../images/m-icons.png") no-repeat scroll -210px -71px transparent;
}

ul#main-menu-general li div.tasas {
    background: url("../images/m-icons2.png") no-repeat scroll 0 0 transparent;
}
ul#main-menu-general li:hover div.tasas {
    background: url("../images/m-icons2.png") no-repeat scroll 0 -71px transparent;
}

ul#main-menu-general li div.giros {
    background: url("../images/m-icons2.png") no-repeat scroll -140px 0 transparent;
}
ul#main-menu-general li:hover div.giros {
    background: url("../images/m-icons2.png") no-repeat scroll -140px -71px transparent;
}

ul#main-menu-general li div.statics {
    background: url("../images/m-icons.png") no-repeat scroll -140px 0 transparent;
}
ul#main-menu-general li:hover div.statics {
    background: url("../images/m-icons.png") no-repeat scroll -140px -71px transparent;
}

ul#main-menu-general li div.grupo {
    background: url("../images/m-icons2.png") no-repeat scroll -70px 0 transparent;
}
ul#main-menu-general li:hover div.grupo {
    background: url("../images/m-icons2.png") no-repeat scroll -70px -71px transparent;
}

ul#main-menu-general li div.participante {
    background: url("../images/m-icons2.png") no-repeat scroll -493px 0 transparent;
}
ul#main-menu-general li:hover div.participante {
    background: url("../images/m-icons2.png") no-repeat scroll -493px -71px transparent;
}

ul#main-menu-general li div.movimientos_administrativos {
    background: url("../images/m-icons3.png") no-repeat scroll -493px 0 transparent;
}
ul#main-menu-general li:hover div.movimientos_administrativos {
    background: url("../images/m-icons3.png") no-repeat scroll -493px -71px transparent;
}


ul#main-menu-general li div.add_post {
    background: url("../images/m-icons.png") no-repeat scroll -352px 0 transparent;
}
ul#main-menu-general li:hover div.add_post {
    background: url("../images/m-icons.png") no-repeat scroll -352px -71px transparent;
}

ul#main-menu-general li div.cuenta {
    background: url("../images/m-icons5.png") no-repeat scroll -140px 0px transparent;
}
ul#main-menu-general li:hover div.cuenta {
    background: url("../images/m-icons5.png") no-repeat scroll -140px -71px transparent;
}

ul#main-menu-general li div.lts {
    background: url("../images/m-icons5.png") no-repeat scroll -422px 0px transparent;
}

ul#main-menu-general li:hover div.lts {
    background: url("../images/m-icons5.png") no-repeat scroll -422px -71px transparent;
}



/* FIN DE LA SECCION 2 PARA MANTENIMIENTOS */



/* SECCION 3 PARA MANTENIMIENTOS - OPERACIONES */

ul#main-menu-oper {
    list-style: none outside none;
    margin: 0 -20px;
}
ul#main-menu-oper li {
    background-image: url("../images/greeting_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    height: 67px;
    margin: 10px;
    padding: 5px;
    text-transform: uppercase;
	float:left;
}

ul#main-menu-oper li a {
    color: #202020;
    display: block;
    height: 77px;
    width: 216px;
}

ul#main-menu-oper li:hover a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}
ul#main-menu-oper li:hover {
    /*background-image: url("../images/m-hover.png");*/
    background:#78909C;
    color: #FFFFFF;
    text-decoration: none;
}


ul#main-menu-oper li:hover .icons { background:#ECEFF1; color:#757575; }


ul#main-menu-oper li a img {
    padding: 10px 15px 5px;
}
ul#main-menu-oper li a span {
    display: block;
    line-height: 20px;
    padding: 0 0 5px;
	
}
ul#main-menu-oper li .section {
    font-weight: bold;
    padding-top: 5px;
}
ul#main-menu-oper li .description {
    color: #004D7E;
    font-size: 11px;
    line-height: 1.3em;
    margin-top: -5px;
    text-transform: none;
}
ul#main-menu-oper li:hover .description {
    color: #E0E0E0;
}


ul#main-menu-oper li div.status {
    background: url("../images/m-icons2.png") no-repeat scroll -210px 0 transparent;
}
ul#main-menu-oper li:hover div.status {
    background: url("../images/m-icons2.png") no-repeat scroll -210px -71px transparent;
}

ul#main-menu-oper li div.cron {
    background: url("../images/m-icons.png") no-repeat scroll -282px 0 transparent;
}
ul#main-menu-oper li:hover div.cron {
    background: url("../images/m-icons.png") no-repeat scroll -282px -71px transparent;
}


ul#main-menu-oper li div.pagos {
    background: url("../images/m-icons2.png") no-repeat scroll -422px 0 transparent;
}
ul#main-menu-oper li:hover div.pagos {
    background: url("../images/m-icons2.png") no-repeat scroll -422px -71px transparent;
}


ul#main-menu-oper li div.movimiento {
    background: url("../images/m-icons3.png") no-repeat scroll -140px 0 transparent;
}
ul#main-menu-oper li:hover div.movimiento {
    background: url("../images/m-icons3.png") no-repeat scroll -140px -71px transparent;
}

ul#main-menu-oper li div.parametros {
    background: url("../images/m-icons3.png") no-repeat scroll -210px 0 transparent;
}
ul#main-menu-oper li:hover div.parametros {
    background: url("../images/m-icons3.png") no-repeat scroll -210px -71px transparent;
}

ul#main-menu-oper li div.catalogo_cuenta {
    background: url("../images/m-icons4.png") no-repeat scroll -493px 0 transparent;
}
ul#main-menu-oper li:hover div.catalogo_cuenta {
    background: url("../images/m-icons4.png") no-repeat scroll -493px -71px transparent;
}

ul#main-menu-oper li div.politicas {
    background: url("../images/m-icons4.png") no-repeat scroll 0 0 transparent;
}
ul#main-menu-oper li:hover div.politicas {
    background: url("../images/m-icons4.png") no-repeat scroll 0 -71px transparent;
}

ul#main-menu-oper li div.chat {
    background: url("../images/m-icons5.png") no-repeat scroll -210px 0 transparent;
}
ul#main-menu-oper li:hover div.chat {
    background: url("../images/m-icons5.png") no-repeat scroll -210px -71px transparent;
}

/* FIN DE LA SECCION 3 PARA MANTENIMIENTOS - OPERACIONES */


.icons {
    cursor: pointer;
    display: block;
    float: left;
    height: 70px;
    margin-right: 10px;
    width: 70px;
    background:#757575; border-radius:5px; 
    color: #fff;
}


ul#main-menu li div.reportes {
    background: url("../images/m-icons6.png") no-repeat scroll 0 0 transparent;
}
ul#main-menu li:hover div.reportes {
    background: url("../images/m-icons6.png") no-repeat scroll 0 -71px transparent;
}


ul#main-menu li div.estatus_credito {
    background: url("../images/m-icons6.png") no-repeat scroll -70px 0 transparent;
}
ul#main-menu li:hover div.estatus_credito {
    background: url("../images/m-icons6.png") no-repeat scroll -70px -71px transparent;
}


ul#main-menu li div.prelacion {
    background: url("../images/m-icons6.png") no-repeat scroll -140px 0 transparent;
}
ul#main-menu li:hover div.prelacion {
    background: url("../images/m-icons6.png") no-repeat scroll -140px -71px transparent;
}


ul#main-menu li div.pago_cuotas {
    background: url("../images/m-icons6.png") no-repeat scroll -210px 0 transparent;
}
ul#main-menu li:hover div.pago_cuotas {
    background: url("../images/m-icons6.png") no-repeat scroll -210px -71px transparent;
}

ul#main-menu li div.ingresos {
    background: url("../images/m-icons6.png") no-repeat scroll -422px 0 transparent;
}
ul#main-menu li:hover div.ingresos {
    background: url("../images/m-icons6.png") no-repeat scroll -422px -71px transparent;
}

ul#main-menu li div.country {
    background: url("../images/m-icons.png") no-repeat scroll 0 0 transparent;
}
ul#main-menu li:hover div.country {
    background: url("../images/m-icons.png") no-repeat scroll 0 -71px transparent;
}
ul#main-menu li div.users {
    background: url("../images/m-icons.png") no-repeat scroll -70px 0 transparent;
}
ul#main-menu li:hover div.users {
    background: url("../images/m-icons.png") no-repeat scroll -70px -71px transparent;
}
ul#main-menu li div.statics {
    background: url("../images/m-icons.png") no-repeat scroll -140px 0 transparent;
}
ul#main-menu li:hover div.statics {
    background: url("../images/m-icons.png") no-repeat scroll -140px -71px transparent;
}
ul#main-menu-admons li div.moneda {
    background: url("../images/m-icons.png") no-repeat scroll -210px 0 transparent;
}
ul#main-menu-admons li:hover div.moneda {
    background: url("../images/m-icons.png") no-repeat scroll -210px -71px transparent;
}
ul#main-menu-general li div.cron {
    background: url("../images/m-icons.png") no-repeat scroll -282px 0 transparent;
}
/* ul##main-menu-general li:hover div.cron { */
ul#main-menu-general li:hover div.cron {
    background: url("../images/m-icons.png") no-repeat scroll -282px -71px transparent;
}
ul#main-menu li div.add_post {
    background: url("../images/m-icons.png") no-repeat scroll -352px 0 transparent;
}
ul#main-menu li:hover div.add_post {
    background: url("../images/m-icons.png") no-repeat scroll -352px -71px transparent;
}
ul#main-menu li div.bank {
    background: url("../images/m-icons.png") no-repeat scroll -422px 0 transparent;
}
ul#main-menu li:hover div.bank {
    background: url("../images/m-icons.png") no-repeat scroll -422px -71px transparent;
}
ul#main-menu li div.empresa {
    background: url("../images/m-icons.png") no-repeat scroll -493px 0 transparent;
}
ul#main-menu li:hover div.empresa {
    background: url("../images/m-icons.png") no-repeat scroll -493px -71px transparent;
}


/* Nuevos iconos */
ul#main-menu li div.tasas {
    background: url("../images/m-icons2.png") no-repeat scroll 0 0 transparent;
}
ul#main-menu li:hover div.tasas {
    background: url("../images/m-icons2.png") no-repeat scroll 0 -71px transparent;
}

ul#main-menu li div.grupo {
    background: url("../images/m-icons2.png") no-repeat scroll -70px 0 transparent;
}
ul#main-menu li:hover div.grupo {
    background: url("../images/m-icons2.png") no-repeat scroll -70px -71px transparent;
}
ul#main-menu li div.participante {
    background: url("../images/m-icons2.png") no-repeat scroll -493px 0 transparent;
}
ul#main-menu li:hover div.participante {
    background: url("../images/m-icons2.png") no-repeat scroll -493px -71px transparent;
}

ul#main-menu li div.giros {
    background: url("../images/m-icons2.png") no-repeat scroll -140px 0 transparent;
}
ul#main-menu li:hover div.giros {
    background: url("../images/m-icons2.png") no-repeat scroll -140px -71px transparent;
}
ul#main-menu li div.status {
    background: url("../images/m-icons2.png") no-repeat scroll -210px 0 transparent;
}
ul#main-menu li:hover div.status {
    background: url("../images/m-icons2.png") no-repeat scroll -210px -71px transparent;
}

ul#main-menu li div.garantia {
    background: url("../images/m-icons2.png") no-repeat scroll -282px 0 transparent;
}
ul#main-menu li:hover div.garantia {
    background: url("../images/m-icons2.png") no-repeat scroll -282px -71px transparent;
}

ul#main-menu li div.credito {
    background: url("../images/m-icons2.png") no-repeat scroll -352px 0 transparent;
}
ul#main-menu li:hover div.credito {
    background: url("../images/m-icons2.png") no-repeat scroll -352px -71px transparent;
}

ul#main-menu li div.pagos {
    background: url("../images/m-icons2.png") no-repeat scroll -422px 0 transparent;
}
ul#main-menu li:hover div.pagos {
    background: url("../images/m-icons2.png") no-repeat scroll -422px -71px transparent;
}


ul#main-menu li div.calendario {
    background: url("../images/m-icons3.png") no-repeat scroll 0 0 transparent;
}
ul#main-menu li:hover div.calendario {
    background: url("../images/m-icons3.png") no-repeat scroll 0 -71px transparent;
}

ul#main-menu li div.negocio {
    background: url("../images/m-icons3.png") no-repeat scroll -70px 0 transparent;
}
ul#main-menu li:hover div.negocio {
    background: url("../images/m-icons3.png") no-repeat scroll -70px -71px transparent;
}


ul#main-menu li div.movimiento {
    background: url("../images/m-icons3.png") no-repeat scroll -140px 0 transparent;
}
ul#main-menu li:hover div.movimiento {
    background: url("../images/m-icons3.png") no-repeat scroll -140px -71px transparent;
}

ul#main-menu li div.parametros {
    background: url("../images/m-icons3.png") no-repeat scroll -210px 0 transparent;
}
ul#main-menu li:hover div.parametros {
    background: url("../images/m-icons3.png") no-repeat scroll -210px -71px transparent;
}

ul#main-menu li div.pagare {
    background: url("../images/m-icons3.png") no-repeat scroll -282px 0 transparent;
}
ul#main-menu li:hover div.pagare {
    background: url("../images/m-icons3.png") no-repeat scroll -282px -71px transparent;
}

ul#main-menu li div.catalogo {
    background: url("../images/m-icons3.png") no-repeat scroll -352px 0 transparent;
}
ul#main-menu li:hover div.catalogo {
    background: url("../images/m-icons3.png") no-repeat scroll -352px -71px transparent;
}

ul#main-menu li div.producto {
    background: url("../images/m-icons3.png") no-repeat scroll -422px 0 transparent;
}
ul#main-menu li:hover div.producto {
    background: url("../images/m-icons3.png") no-repeat scroll -422px -71px transparent;
}

ul#main-menu-admons li div.movimientos_administrativos {
    background: url("../images/m-icons3.png") no-repeat scroll -493px 0 transparent;
}
ul#main-menu-admons li:hover div.movimientos_administrativos {
    background: url("../images/m-icons3.png") no-repeat scroll -493px -71px transparent;
}

ul#main-menu li div.politicas {
    background: url("../images/m-icons4.png") no-repeat scroll 0 0 transparent;
}
ul#main-menu li:hover div.politicas {
    background: url("../images/m-icons4.png") no-repeat scroll 0 -71px transparent;
}

ul#main-menu li div.cargo {
    background: url("../images/m-icons4.png") no-repeat scroll -70px 0 transparent;
}
ul#main-menu li:hover div.cargo {
    background: url("../images/m-icons4.png") no-repeat scroll -70px -71px transparent;
}

ul#main-menu li div.roles {
    background: url("../images/m-icons4.png") no-repeat scroll -140px 0 transparent;
}
ul#main-menu li:hover div.roles {
    background: url("../images/m-icons4.png") no-repeat scroll -140px -71px transparent;
}

ul#main-menu li div.areas {
    background: url("../images/m-icons4.png") no-repeat scroll -210px 0 transparent;
}
ul#main-menu li:hover div.areas {
    background: url("../images/m-icons4.png") no-repeat scroll -210px -71px transparent;
}

ul#main-menu li div.cierre {
    background: url("../images/m-icons4.png") no-repeat scroll -282px 0 transparent;
}
ul#main-menu li:hover div.cierre {
    background: url("../images/m-icons4.png") no-repeat scroll -282px -71px transparent;
}

ul#main-menu li div.solicitud {
    background: url("../images/m-icons4.png") no-repeat scroll -352px 0 transparent;
}
ul#main-menu li:hover div.solicitud {
    background: url("../images/m-icons4.png") no-repeat scroll -352px -71px transparent;
}

ul#main-menu li div.limite {
    background: url("../images/m-icons4.png") no-repeat scroll -422px 0 transparent;
}
ul#main-menu li:hover div.limite {
    background: url("../images/m-icons4.png") no-repeat scroll -422px -71px transparent;
}

ul#main-menu li div.catalogo_cuenta {
    background: url("../images/m-icons4.png") no-repeat scroll -493px 0 transparent;
}
ul#main-menu li:hover div.catalogo_cuenta {
    background: url("../images/m-icons4.png") no-repeat scroll -493px -71px transparent;
}

ul#main-menu li div.grupo_users {
    background: url("../images/m-icons5.png") no-repeat scroll 0 0 transparent;
}
ul#main-menu li:hover div.grupo_users {
    background: url("../images/m-icons5.png") no-repeat scroll 0 -71px transparent;
}

ul#main-menu li div.acceso {
    background: url("../images/m-icons5.png") no-repeat scroll -70px 0 transparent;
}
ul#main-menu li:hover div.acceso {
    background: url("../images/m-icons5.png") no-repeat scroll -70px -71px transparent;
}

ul#main-menu li div.cuenta {
    background: url("../images/m-icons5.png") no-repeat scroll -140px 0 transparent;
}
ul#main-menu li:hover div.cuenta {
    background: url("../images/m-icons5.png") no-repeat scroll -140px -71px transparent;
}

ul#main-menu-general li div.oper {
    background: url("../images/m-icons5.png") no-repeat scroll -282px 0 transparent;
}
ul#main-menu-general li:hover div.oper {
    background: url("../images/m-icons5.png") no-repeat scroll -282px -71px transparent;
}

ul#main-menu li div.notification_icon {
    background: url("../images/m-icons5.png") no-repeat scroll -352px 0px transparent;
}

ul#main-menu li:hover div.notification_icon {
    background: url("../images/m-icons5.png") no-repeat scroll -352px -71px transparent;
}


/* OPCIONES BLOQUEADAS */

ul#main-menu-bloqueo li div.country {
    background: url("../images/m-icons.png") no-repeat scroll 0 -71 transparent;
}
ul#main-menu-bloqueo li:hover div.country {
    background: url("../images/m-icons.png") no-repeat scroll 0 -71px transparent; cursor:default;
}
ul#main-menu-bloqueo li div.users {
    background: url("../images/m-icons.png") no-repeat scroll -70px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.users {
    background: url("../images/m-icons.png") no-repeat scroll -70px -71px transparent; cursor:default;
}
ul#main-menu-bloqueo li div.statics {
    background: url("../images/m-icons.png") no-repeat scroll -140px 71px transparent;
}
ul#main-menu-bloqueo li:hover div.statics {
    background: url("../images/m-icons.png") no-repeat scroll -140px -71px transparent; cursor:default;
}
ul#main-menu-bloqueo li div.moneda {
    background: url("../images/m-icons.png") no-repeat scroll -210px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.moneda {
    background: url("../images/m-icons.png") no-repeat scroll -210px -71px transparent; cursor:default;
}
ul#main-menu-bloqueo li div.cron {
    background: url("../images/m-icons.png") no-repeat scroll -282px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.cron {
    background: url("../images/m-icons.png") no-repeat scroll -282px -71px transparent; cursor:default;
}
ul#main-menu-bloqueo li div.add_post {
    background: url("../images/m-icons.png") no-repeat scroll -352px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.add_post {
    background: url("../images/m-icons.png") no-repeat scroll -352px -71px transparent; cursor:default;
}
ul#main-menu-bloqueo li div.bank {
    background: url("../images/m-icons.png") no-repeat scroll -422px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.bank {
    background: url("../images/m-icons.png") no-repeat scroll -422px -71px transparent; cursor:default;
}
ul#main-menu-bloqueo li div.empresa {
    background: url("../images/m-icons.png") no-repeat scroll -493px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.empresa {
    background: url("../images/m-icons.png") no-repeat scroll -493px -71px transparent; cursor:default;
}


/* Nuevos iconos */
ul#main-menu-bloqueo li div.tasas {
    background: url("../images/m-icons2.png") no-repeat scroll 0 -71px transparent;
}
ul#main-menu-bloqueo li:hover div.tasas {
    background: url("../images/m-icons2.png") no-repeat scroll 0 -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.grupo {
    background: url("../images/m-icons2.png") no-repeat scroll -70px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.grupo {
    background: url("../images/m-icons2.png") no-repeat scroll -70px -71px transparent; cursor:default;
}
ul#main-menu-bloqueo li div.participante {
    background: url("../images/m-icons2.png") no-repeat scroll -493px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.participante {
    background: url("../images/m-icons2.png") no-repeat scroll -493px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.giros {
    background: url("../images/m-icons2.png") no-repeat scroll -140px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.giros {
    background: url("../images/m-icons2.png") no-repeat scroll -140px -71px transparent; cursor:default;
}
ul#main-menu-bloqueo li div.status {
    background: url("../images/m-icons2.png") no-repeat scroll -210px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.status {
    background: url("../images/m-icons2.png") no-repeat scroll -210px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.garantia {
    background: url("../images/m-icons2.png") no-repeat scroll -282px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.garantia {
    background: url("../images/m-icons2.png") no-repeat scroll -282px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.credito {
    background: url("../images/m-icons2.png") no-repeat scroll -352px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.credito {
    background: url("../images/m-icons2.png") no-repeat scroll -352px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.pagos {
    background: url("../images/m-icons2.png") no-repeat scroll -422px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.pagos {
    background: url("../images/m-icons2.png") no-repeat scroll -422px -71px transparent; cursor:default;
}


ul#main-menu-bloqueo li div.calendario {
    background: url("../images/m-icons3.png") no-repeat scroll 0 -71px transparent;
}
ul#main-menu-bloqueo li:hover div.calendario {
    background: url("../images/m-icons3.png") no-repeat scroll 0 -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.negocio {
    background: url("../images/m-icons3.png") no-repeat scroll -70px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.negocio {
    background: url("../images/m-icons3.png") no-repeat scroll -70px -71px transparent; cursor:default;
}


ul#main-menu-bloqueo li div.movimiento {
    background: url("../images/m-icons3.png") no-repeat scroll -140px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.movimiento {
    background: url("../images/m-icons3.png") no-repeat scroll -140px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.parametros {
    background: url("../images/m-icons3.png") no-repeat scroll -210px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.parametros {
    background: url("../images/m-icons3.png") no-repeat scroll -210px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.pagare {
    background: url("../images/m-icons3.png") no-repeat scroll -282px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.pagare {
    background: url("../images/m-icons3.png") no-repeat scroll -282px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.catalogo {
    background: url("../images/m-icons3.png") no-repeat scroll -352px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.catalogo {
    background: url("../images/m-icons3.png") no-repeat scroll -352px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.producto {
    background: url("../images/m-icons3.png") no-repeat scroll -422px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.producto {
    background: url("../images/m-icons3.png") no-repeat scroll -422px -71px transparent;
}

ul#main-menu-bloqueo li div.movimientos_administrativos {
    background: url("../images/m-icons3.png") no-repeat scroll -493px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.movimientos_administrativos {
    background: url("../images/m-icons3.png") no-repeat scroll -493px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.politicas {
    background: url("../images/m-icons4.png") no-repeat scroll 0 -71px transparent;
}
ul#main-menu-bloqueo li:hover div.politicas {
    background: url("../images/m-icons4.png") no-repeat scroll 0 -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.cargo {
    background: url("../images/m-icons4.png") no-repeat scroll -70px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.cargo {
    background: url("../images/m-icons4.png") no-repeat scroll -70px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.roles {
    background: url("../images/m-icons4.png") no-repeat scroll -140px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.roles {
    background: url("../images/m-icons4.png") no-repeat scroll -140px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.areas {
    background: url("../images/m-icons4.png") no-repeat scroll -210px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.areas {
    background: url("../images/m-icons4.png") no-repeat scroll -210px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.cierre {
    background: url("../images/m-icons4.png") no-repeat scroll -282px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.cierre {
    background: url("../images/m-icons4.png") no-repeat scroll -282px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.solicitud {
    background: url("../images/m-icons4.png") no-repeat scroll -352px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.solicitud {
    background: url("../images/m-icons4.png") no-repeat scroll -352px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.limite {
    background: url("../images/m-icons4.png") no-repeat scroll -422px -71px transparent;
}
ul#main-menu li:hover div.limite {
    background: url("../images/m-icons4.png") no-repeat scroll -422px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.catalogo_cuenta {
    background: url("../images/m-icons4.png") no-repeat scroll -493px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.catalogo_cuenta {
    background: url("../images/m-icons4.png") no-repeat scroll -493px -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.grupo_users {
    background: url("../images/m-icons5.png") no-repeat scroll 0 -71px transparent;
}
ul#main-menu-bloqueo li:hover div.grupo_users {
    background: url("../images/m-icons5.png") no-repeat scroll 0 -71px transparent; cursor:default;
}

ul#main-menu-bloqueo li div.acceso {
    background: url("../images/m-icons5.png") no-repeat scroll -70px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.acceso {
    background: url("../images/m-icons5.png") no-repeat scroll -70px -71px transparent; cursor:default;
}


ul#main-menu-bloqueo li div.cuenta {
    background: url("../images/m-icons5.png") no-repeat scroll -140px -71px transparent;
}
ul#main-menu-bloqueo li:hover div.cuenta {
    background: url("../images/m-icons5.png") no-repeat scroll -140px -71px transparent;
}


/* FIN DE LAS OPCIONES BLOQUEADAS */


.messages {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 10px 50px;
}
.messages ul {
    margin-left: -10px;
}
.messages ul li {
    float: left;
    list-style: none outside none;
}
.messages ul li a {
    color: #FFFFFF;
}
.messages ul li a:hover {
    text-decoration: none;
}
#message-button-right {
    float: right;
}
.message-list {
    margin-top: 10px;
}
.message {
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    min-height: 80px;
    padding: 15px;
}
.message.wan {
    background-color: #EEEEEE;
}
.message.wan-dark {
    background-color: #CCCCCC;
}
.message-info {
    margin-left: 80px;
}
.author-message {
    color: #777777;
    padding-bottom: 10px;
}
.message-date {
    color: #444444;
    float: right;
    margin-top: 20px;
}
.text-message {
    color: #444444;
}

.section
{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

/* Información de productos */
#info
{
	width:100%;
	height:auto;
}

#titulo_info
{
	width:300px;
	background:url(../images/header_bg.jpg);
}

#info a
{
	text-decoration:none;
	color:#006699;
}

#info a:visited
{
	text-decoration:none;
	color:#006699;
}

#info a:active
{
	text-decoration:none;
	color:#006699;
}

#info a:hover
{
	text-decoration:none;
	color:#006699;
}

/* 10 Notification Boxes
-------------------------------------------------------------------------------- */
.notification-box {
	position: relative;
	margin-bottom: 20px;
	border-radius: 3px;	
	padding: 10px 10px 10px 32px;
	background-repeat: no-repeat;
	background-position: 10px 11px;
	border: 1px solid;
	color:#444;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
}

a.notification-close {
	position: absolute;
	right: 5px;
	top: 5px;	
	color: #666 !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	line-height: normal;
}

a.notification-closed {
	position: absolute;
	right: 5px;
	top: 5px;	
	color: #ccc !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	line-height: normal;
}


.notification-box p {
	margin-bottom: 0;
	margin-top: 20px;
}

.notification-box > p:first-child {
	margin: 0;	
}

.notification-box-info {
	background-color: #cfe6fc;
	background-image:url(../images/info.png);
	border-color: #a4c8f5; 	
}

.notification-box-success {
	background-color: #d2f7ad;
	background-image: url(../images/tick.png);
	border-color: #aedb2e; 	
}

.notification-box-warning {
	background-color: #fae7a2;
	background-image: url(../images/warning.png);
	border-color: #f5c558; 	
}

.notification-box-error {
	background-color: #ffd5af;
	/*background-image: url(../images/delete.png);*/
	border-color: #f8b472; 	
}

.notification-box-notif {
	background-color:#333333;
	border-color:#CCCCCC;
	/*background-image:url(../images/star-on.png);*/
	color:#cccccc;
	font-size:13px;
	border-radius:10px;
}

#info_contenido
{
	float:left;
	margin-left:10px;
	width:100px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0066CC;
	font-size:12px;
}

#info_contenido_limite
{
	float:left;
	margin-left:10px;
	width:100px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0066CC;
	font-size:12px;
}


/*---------------------------------------------*/

ul#menu-solicitud {
    list-style: none outside none;
    margin: 0 -20px;
}
ul#menu-solicitud li {
    background-image: url("../images/greeting_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    margin: 10px;
    padding: 2px;
    text-transform: uppercase;
	float:left;
}


ul#menu-solicitud li a {
    color: #202020;
    display: block;
    height: 30px;
    width: 180px;
}
ul#menu-solicitud li:hover a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}


ul#menu-solicitud li:hover {
    background-image: url("../images/m-hover.png");
    color: #FFFFFF;
    text-decoration: none;
}
ul#menu-solicitud li a img {
    padding: 10px 15px 5px;
}
ul#menu-solicitud li a span {
    display: block;
    line-height: 20px;
    padding: 0 0 5px;
	border:none;
}
ul#menu-solicitud li .section {
    font-weight: bold;
    padding-top: 5px;
}
ul#menu-solicitud li .description {
    color: #004D7E;
    font-size: 11px;
    line-height: 1.3em;
    margin-top: -5px;
    text-transform: none;
}
ul#menu-solicitud li:hover .description {
    color: #E0E0E0;
}


/*-------------------------------------------*/
ul#menu-solicitud-bloqueo {
    list-style: none outside none;
    margin: 0 -20px;
}
ul#menu-solicitud-bloqueo li {
    background-image: url("../images/greeting_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    margin: 10px;
    padding: 2px;
    text-transform: uppercase;
	float:left;
}

ul#menu-solicitud-bloqueo li a {
    color: #ccc;
    display: block;
    height: 30px;
    width: 180px;
	cursor:default;
}

ul#menu-solicitud-bloqueo li a span {
    display: block;
    line-height: 20px;
    padding: 0 0 5px;
	border:none;
}
ul#menu-solicitud-bloqueo li .section {
    font-weight: bold;
    padding-top: 5px;
}

#refresh { float:left; margin-top:3px; width:24px; height:24px; background:url(../images/refresh_all.png); }


/* CSS CHAT */

#chatbox 
{   text-align:left;margin:0 auto;margin-bottom:25px;
	padding:10px;background:#fff;height:360px;width:1156px;
	border:1px solid #ACD8F0;overflow:auto; }
 

#view_files
	{ /*float:right; width:900px; margin-right:-10px; color:#333333; font-size:13px; line-height:20px;*/ right: 60px;position: absolute; width: 900px; }
	
	
ul#main-menu-admons {
    list-style: none outside none;
    margin: 0 -20px;
}
ul#main-menu-admons li {
    background-image: url("../images/greeting_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    height: 67px;
    margin: 10px;
    padding: 5px;
    text-transform: uppercase;
	float:left;
}

ul#main-menu-admons li a {
    color: #202020;
    display: block;
    height: 77px;
    width: 205px;
}

ul#main-menu-admons li:hover a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}
ul#main-menu-admons li:hover {
    background-image: url("../images/m-hover.png");
    color: #FFFFFF;
    text-decoration: none;
}
ul#main-menu-admons li a img {
    padding: 10px 15px 5px;
}
ul#main-menu-admons li a span {
    display: block;
    line-height: 20px;
    padding: 0 0 5px;
	
}
ul#main-menu-admons li .section {
    font-weight: bold;
    padding-top: 5px;
}
ul#main-menu-admons li .description {
    color: #004D7E;
    font-size: 11px;
    line-height: 1.3em;
    margin-top: -5px;
    text-transform: none;
}
ul#main-menu-admons li:hover .description {
    color: #E0E0E0;
}

#seccion_visor
{
	margin-top:10px;
	width:100%;
	min-height:530px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#check { width:16px; height:16px; float:left; }

.list_users li
{ 
	float: left;
	width: 280px;
	list-style-type: none;
	text-align:left;
	margin-left:-35px;
	margin-right:30px;
	border-bottom:2px dotted #CCCCCC;
	
}

.list_users li a
{ 
	color: #333333;
	display: block;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding: 13px;
	text-align: left;
	text-decoration: none;
	font-size:12px;
	background-color:#F7F7F9;
}

.list_users li a:hover
{
	background:#E3E4EA;
	color:#333333;
}


#users_active { float:right; width:16px; height:16px; background:url(../images/ball_blue.png); }



/*
#blocks li
{
	float: left;
	width: 600px;
	list-style-type: none;
	text-align: center;
}
#blocks li a
{
	background-color: #CCCCCC;
	border-bottom: 1px solid #AAAAAA;
	color: #333333;
	display: block;
	font: bold 36px/40px Verdana,Arial,Helvetica,sans-serif;
	padding: 20px;
	text-align: left;
	text-decoration: none;
}
#blocks li a:hover
{
	background-color: #666666;
	color: #ffffff;
}
*/

/*
#column-left {
    background-color: #EBE9EA;
    border: 1px solid #D2D2D2;
    border-radius: 8px 8px 8px 8px;
	float:right;
    position: fixed;
    min-height: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    width: 20px;
	z-index:0;
}
*/

#live_chat { width:293px; height: 30px; background:url(../images/chatbk.png); border:1px solid #999999; position:fixed; bottom:0; right:0; z-index:1;
   border-top-left-radius:10px; border-top-right-radius:10px;}
   
#titulo_live_chat { float:left; margin-top:6px; margin-left:10px; width:140px; height:auto; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:13px; }

#titulo_live_chat a { text-decoration:none; color:#FFFFFF; }   

#titulo_live_chat a:hover { text-decoration:none; color:#FFFFFF; }   

#plus_live_chat { float:right; width:22px; height:22px; margin-right:10px; margin-top:4px; }
   
#chat_box{ width:290px; height:350px; margin-bottom:30px; background:#fff; position:fixed; bottom:50px; right:0; z-index:1; border:1px solid #CCCCCC; 
border-top-left-radius:10px; border-top-right-radius:10px; overflow-x:hidden;overflow-y:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; box-shadow: 0 0 20px #d9d7d7 inset; }

#cross_box{ width:260px; height:420px; margin-bottom:26px; background:#FFFFFF; position:fixed; bottom:0; right:0; z-index:1; border:1px solid #CCCCCC; 
border-top-left-radius:10px; border-top-right-radius:10px; overflow-x:hidden;overflow-y:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; }

#chat_box_area { width:290px; height:50px; margin-bottom:-18px; background:#fff; position:fixed; bottom:50px; right:0; z-index:1; border:1px solid #CCCCCC; 
border-top-left-radius:10px; border-top-right-radius:10px; overflow-x:hidden;overflow-y:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; /*box-shadow: 0 0 20px #d9d7d7 inset;*/ }


#selected_chat { width:260px; height: 30px; background:url(../images/chatbk.png); border:1px solid #999999; position:fixed; bottom:0; right:0; z-index:1;
   border-top-left-radius:10px; border-top-right-radius:10px;}

#chat_per{ width:260px; height:420px; margin-bottom:30px; background:#FFFFFF; position:fixed; bottom:0; right:0; z-index:1; border:1px solid #CCCCCC; 
border-top-left-radius:10px; border-top-right-radius:10px; overflow-x:hidden;overflow-y:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; }

.add { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size:20px; }  



#user_data { /*position:absolute;*/ float:left; width:300px; height:auto; margin-top:0px;}

#user_data_elements { /*position:absolute;*/ float:right; width:300px; height:auto; margin-top:0px;}


.widget {	
	position: relative;
	clear: both;
	
	width: auto;
	
	margin-bottom: 2em;
}
	
	.widget-header {		
		position: relative;
		
		height: 40px;
		line-height: 40px;
		
		background: #E9E9E9;
		background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
		background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";		
		
		border: 1px solid #CCC;
		
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		
		-webkit-background-clip: padding-box;
		
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	}	
	
		.widget-header h3 {
			
			position: relative;
			top: -3px;
			left: 10px;
			
			float: left;
			
			display: inline-block;
			margin-right: 3em;
			
			font-size: 14px;
			font-weight: 600;
			color: #555;
			line-height: 18px;
			
			text-shadow: 1px 1px 2px rgba(255,255,255,1);
		}
	
			.widget-header h3 [class^="icon-"], .widget-header h3 [class*=" icon-"] {
				position: relative;
				top: 1px;
				
				padding-right: .5em;
				
				font-size: 16px;	
			}

.widget-content {
	padding: 20px 15px 15px;
	
	background: #FFF;
	
	
	border: 1px solid #CCC;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
	border-top: medium none;
	min-height:100px;
}


#live_chat_content { width:50%; height: 30px; background:#F3F3F5; border:1px solid #999999; position:fixed; bottom:0; right:0; z-index:1;
   border-top-left-radius:10px; border-top-right-radius:10px; opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */}

.button_example{
border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; font-weight:bold; text-align: center; color: #454545; background-color:none;
background:#EDEEEF;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
 width:280px;
 text-align:left;
}

.button_example:hover{
 border:1px solid #bfc4c4; background-color: #d9dddd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), top(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}

#img_usuario {background:url(../images/user.png); width:16px; height:16px; float:left; margin-right:10px; }

#closechat { float:right; width:32px; height:32px; }

  .tooltip {
    display: inline;
    position: relative;
  }
  a.tooltip span {
	display: none; /* el elemento va a estar oculto */
}
  
  .tooltip:hover:after {
    bottom: 26px;
    content: attr(title); /* este es el texto que será mostrado */
    left: -270%;
    position: absolute;
    z-index: 98;
    /* el formato gráfico */
    background:#333333; /* el color de fondo */
    border-radius: 5px;
    color: #FFF; /* el color del texto */
    font-family: Georgia;
    font-size: 12px;
    padding: 5px 15px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 150px;
  }
  .tooltip:hover:before {
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
    /* el triángulo inferior */
    border: solid;
    border-color: rgba(255,255,255, 0.2) transparent;
    border-width: 6px 6px 0 6px;
  }
  
  
 

a.Ntooltip {
text-decoration:none;
}

a.Ntooltip:hover {
text-decoration:none;
}

a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:140px; left:1030px; /* donde va a estar */
background:#333333; /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: Georgia;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #000;
width: 150px;
}
  
#imgs { float:right; width:16px; height:16px; margin-left:10px; } 

#img_fondeo { float:right; width:16px; height:16px; margin-left:10px; } 

#titulo_participantes { width:200px; height:auto; margin-bottom:20px;}

#titulo_fondeo { width:200px; height:auto; margin-bottom:20px;}

#listado_fondeos { margin:auto; margin-top:20px; margin-bottom:30px; }

#listado_participaciones { margin:auto; margin-top:20px; }

.titulo_popup
{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#0099CC; font-weight:bold; text-transform:uppercase; }

/*Css para usuarios*/
#user_content { width:700px; min-height:120px; }

#prev_file1
{ float:left; width:96px; height:96px; }

#user_name { float:left; width:400px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-left:10px; }

.prev_container { height:96px; width:96px; }
.prev_thumb { height: 96px; width: 96px; }

#user_upload_file { float:left; margin-top:10px; width:400px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-left:10px;  }

#user_upload_btn { float:left; margin-top:10px; width:400px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-left:10px;  }
 
#reporte_actores_content { float:left; width:120px; height:300px; margin-left:50px; }

#reporte_solicitudes_content { float:left; width:120px; height:830px; margin-left:62px; margin-top:15px; }

#reporte_lineas_content { float:left; width:120px; height:830px; margin-left:73px; margin-top:15px; }

#reporte_operaciones_content { float:left; width:120px; height:830px; margin-left:72px; margin-top:15px; }

#reporte_participaciones_content { float:left; width:120px; height:830px; margin-left:77px; margin-top:15px; }

#reporte_fondeos_content { float:left; width:120px; height:830px; margin-left:93px; margin-top:15px; }
  
#filtro_content { float:left; width:120px; height:350px; margin-left:0px; margin-top:0px; } 
#filtro_content_oficiales { float:left; width:120px; height:150px; margin-left:80px; margin-top:0px; }
#filtro_content_analistas { float:left; width:120px; height:150px; margin-left:80px; margin-top:0px; }
#filtro_content_pais_origen { float:left; width:120px; height:150px; margin-left:80px; margin-top:0px; }
#filtro_content_pais_destino { float:left; width:120px; height:150px; margin-left:80px; margin-top:0px; }
#filtro_content_linea_negocio { float:left; width:120px; height:150px; margin-left:80px; margin-top:0px; }
#filtro_content_grupo_economico { float:left; width:120px; height:150px; margin-left:80px; margin-top:0px; }
#filtro_content_sector_economico { float:left; width:120px; height:150px; margin-left:80px; margin-top:0px; }
#filtro_content_tipo_participante { float:left; width:120px; height:150px; margin-left:80px; margin-top:0px; }
;#titulo_filtro_content { float:left; width:120px; height:30px; margin-bottom:10px; } 
