Archives

Cómo modifico el estilo del formulario de acceso al panel de control?

Para cambiar el estilo del formulario de acceso al panel de control, tenés que seguir estos pasos:

  • Cambiar las imágenes incluídas por defecto, y subirlas vía FTP. Las rutas a las imágenes por defecto son:

http://panel.elserver.com/img/login/fondo.gif
http://panel.elserver.com/img/login/encabezado1.gif
http://panel.elserver.com/img/login/encabezado2.gif
http://panel.elserver.com/img/login/encabezado3.gif
http://panel.elserver.com/img/login/mensaje.gif
http://panel.elserver.com/img/login/cuerpo1.gif
http://panel.elserver.com/img/login/cuerpo2.gif
http://panel.elserver.com/img/login/cuerpo3.gif
http://panel.elserver.com/img/login/cuerpo-fondo1.gif
http://panel.elserver.com/img/login/cuerpo-fondo2.gif
http://panel.elserver.com/img/login/cuerpo-inferior.gif
http://panel.elserver.com/img/login/input-on.gif
http://panel.elserver.com/img/login/input-off.gif
http://panel.elserver.com/img/login/txt-usuario-on.gif
http://panel.elserver.com/img/login/txt-usuario-off.gif
http://panel.elserver.com/img/login/txt-cuenta-on.gif
http://panel.elserver.com/img/login/txt-cuenta-off.gif
http://panel.elserver.com/img/login/txt-contrasena-on.gif
http://panel.elserver.com/img/login/txt-contrasena-off.gif
http://panel.elserver.com/img/login/submit.gif
http://panel.elserver.com/img/login/submit-enviarme.gif
 

  • Incluir el siguiente código css, modificando las rutas a las imágenes por la ubicación absoluta de las que hayas cargado. Por ejemplo, reemplazar:
background: transparent url("/img/login/encabezado1.gif") no-repeat top

por:

background: transparent url("http://www.ruta-a-la-nueva-imagen.com/imagen.gif") no-repeat top

A continuación, el código css que tenés que modificar:

body.login {
 margin: 0;
 padding: 0;
 background: #ffffff url("/img/login/fondo.gif") repeat-x top left;
 }
 
 div.loginContenedor {
 width: 400px;
 margin: 55px auto auto;
 }
 
 div.loginContenedor table {
 border-collapse: collapse;
 margin: 0;
 padding: 0;
 }
 
 td.loginEncabezadoIzquierda div { visibility: hidden; }
 td.loginEncabezadoIzquierda {
 background: transparent url("/img/login/encabezado1.gif") no-repeat top
 left;
 padding: 0;
 width: 47px;
 }
 td.loginEncabezadoCentro {
 background: #36434E url("/img/login/encabezado2.gif") repeat-x top left;
 width: 268px;
 padding: 142px 0 23px 0;
 vertical-align: top;
 }
 td.loginEncabezadoCentro span {
 display: block;
 width: 1px;
 height: 1px;
 font-size: 1px;
 }
 div.loginEncabezadoMensaje {
 font-weight: bold;
 color: #000000;
 text-align: center;
 background: #FFD200 url("/img/login/mensaje.gif") no-repeat top left;
 width: 268px;
 height: 46px;
 font-size: 10pt;
 overflow: hidden;
 }
 div.loginEncabezadoMensaje div {
 padding-top: 15px
 }
 
 td.loginEncabezadoDerecha div { visibility: hidden; }
 td.loginEncabezadoDerecha {
 padding: 0;
 background: transparent url("/img/login/encabezado3.gif") no-repeat top
 right;
 width: 47px;
 }
 
 table.loginCuerpo {
 height: 349px;
 background-color: #CCE70B;
 width: 362px;
 }
 /*
 td.loginCuerpoIzquierda div { visibility: hidden; }
 td.loginCuerpoIzquierda {
 background: #36434E url("/img/login/cuerpo1.gif") no-repeat bottom left;
 padding: 0;
 width: 47px;
 }
 td.loginCuerpoCentro {
 background: #36434E url("/img/login/cuerpo2.gif") repeat-x bottom left;
 width: 268px;
 padding: 14px 0 0 0;
 vertical-align: top;
 }
 td.loginCuerpoDerecha div { visibility: hidden; }
 td.loginCuerpoDerecha {
 padding: 0;
 background: #36434E url("/img/login/cuerpo3.gif") no-repeat bottom
 right;
 width: 47px;
 }
 */
 td.loginCuerpoIzquierda {
 background: #CCE70B url('/img/login/cuerpo-fondo1.gif') repeat-y left
 top;
 }
 td.loginCuerpoCentro {
 background:#CCE70B url('/img/login/cuerpo2.gif') repeat-x scroll left
 top;
 }
 td.loginCuerpoDerecha {
 background: #CCE70B url('/img/login/cuerpo-fondo2.gif') repeat-y left
 top;
 }
 td.loginCuerpoInferior {
 height: 40px;
 background: #CCE70B url('/img/login/cuerpo-inferior.gif') no-repeat left
 top;
 }
 div#loginOpcionesQueEsSSOContent {
 display: none;
 float: left;
 overflow: hidden;
 }
 div#loginOpcionesQueEsSSOContent a {
 color: #3E4D59;
 font-weight: bold;
 text-decoration: underline;
 }
 
 div.loginInput,
 div.loginInputBlur {
 padding-top: 26px;
 }
 div.loginInput input,
 div.loginInputBlur input {
 width: 263px;
 height: 34px;
 line-height: 34px;
 overflow: hidden;
 background: #CCE70B url("/img/login/input-on.gif") repeat-x top left;
 border: 0;
 margin: 1px 0 0 0;
 padding: 0 0 0 5px;
 font-size: 18pt;
 font-weight: bold;
 color: #000000;
 }
 div.loginInputBlur input {
 background: #CCE70B url("/img/login/input-off.gif") repeat-x top left;
 color: #626F06;
 }
 
 div.loginInputUsuario span { display: none; }
 div.loginInputUsuario {
 width: 48px;
 height: 11px;
 cursor: pointer;
 }
 div.loginInput div.loginInputUsuario {
 background: transparent url("/img/login/txt-usuario-on.gif") no-repeat
 top left;
 }
 div.loginInputBlur div.loginInputUsuario {
 background: transparent url("/img/login/txt-usuario-off.gif") no-repeat
 top left;
 }
 
 div.loginInputCuenta span { display: none; }
 div.loginInputCuenta {
 width: 45px;
 height: 11px;
 cursor: pointer;
 }
 div.loginInput div.loginInputCuenta {
 background: transparent url("/img/login/txt-cuenta-on.gif") no-repeat
 top left;
 }
 div.loginInputBlur div.loginInputCuenta {
 background: transparent url("/img/login/txt-cuenta-off.gif") no-repeat
 top left;
 }
 
 div.loginInputContrasena span { display: none; }
 div.loginInputContrasena {
 width: 74px;
 height: 14px;
 cursor: pointer;
 }
 div.loginInput div.loginInputContrasena {
 background: transparent url("/img/login/txt-contrasena-on.gif")
 no-repeat top left;
 }
 div.loginInputBlur div.loginInputContrasena {
 background: transparent url("/img/login/txt-contrasena-off.gif")
 no-repeat top left;
 }
 
 div.loginRecordar {
 margin-top: 24px;
 float: left;
 }
 
 div.loginOlvido {
 margin: 5px 0 0;
 }
 div.loginOlvido a {
 color: #3E4D59;
 font-weight: bold;
 }
 
 div.loginOpciones {
 margin-top: 60px;
 width: 262px;
 float: left;
 }
 div.loginOpciones a {
 color:#3E4D59;
 font-weight:bold;
 }
 div.loginOpcionNoTengoSSO {
 float: left;
 }
 div.loginOpcionQueEsSSO {
 margin-left: 5px;
 float: left;
 }
 
 div.loginSubmit {
 padding-top: 35px;
 text-align: right;
 }
 div.loginSubmit input {
 background: transparent url("/img/login/submit.gif") no-repeat top left;
 width: 71px;
 height: 42px;
 padding-top: 42px;
 overflow: hidden;
 margin: 0;
 border: 0;
 cursor: pointer;
 }
 
 div.loginEnviarClave {
 padding-top: 35px;
 text-align: right;
 }
 div.loginEnviarClave input {
 background: transparent url("/img/login/submit-enviarme.gif") no-repeat
 top left;
 width: 165px;
 height: 42px;
 padding-top: 42px;
 overflow: hidden;
 margin: 0;
 border: 0;
 cursor: pointer;
 }
 .loginMensajeOlvido {
 border: 2px dotted #ff0000;
 padding: 10px;
 text-align: center;
 background: #fff000;
 }
 

Incluir el código modificado junto con el existente desde “Agregar un Skin” en el panel de control (Panel > Diseños Personalizados)

Cómo crear un skin para el panel de control?

Para crear un nuevo skin para el panel de control, deberás modificar el código CSS existente. Una vez que lo hayas hecho, ingresá desde tu panel multicuenta a Panel > Diseños personalizados (el acceso desde otro tipo de cuenta es vía Avanzado > Diseños personalizados). Dale click a “Agregar un Skin”, ponele el nombre que quieras y una breve descripción. En la ventana “Contenido CSS” pegá el código modificado, y asignale valores a las opciones “Es el skin por defecto?” y “Es heredable?” (para ser utilizado por cuentas cliente).

TIP: Hay dos excelentes plugins para Firefox que te van a ser de gran ayuda para modificar el css existente: Web Developer y Firebug.

Ahora sí, te dejamos el código CSS completo:

/******************************************************************************/
/* ESTILOS GENERICOS */


body {
	margin: 0;
	font-family: Arial, Serif;
	font-size: 10pt;
	color: #3F474A;
	
	/* Para poder hacer iframes con height 100% en FF */
	height: 100%;
}

h2, h3 {
	margin: 7px 0;
	color: #3F474A;
}

h2 {
	font-size: 14pt;
}

h3 {
	font-size: 12pt;
}

hr {
	border: 1px dotted #A3B909;
	margin: 30px 0;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #A3B909;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}

form {
	margin: 0;
}

.input-text {
	font-size: 10pt;
	padding: 5px;
	border: 1px solid #cccccc;
}

.input-submit {
	padding: 5px;
	font-weight: bold;
	border: 1px solid #3F474A;
	background: #CCE70B;
	color: #3F474A;
}

textarea {
	width: 70%;
	height: 200px;
	border: 1px solid #cccccc;
	padding: 5px;
}

#contenidos {
	clear: both;
	padding: 40px 20px 20px 20px;
}

#msg {
	border: 1px solid #CCE70B;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px;
}

.comentario {
	color: #AAAAAA;
}

.etiqueta {
	font-size: 8pt;
	text-decoration: none;
	white-space: nowrap;
}

.etiqueta img {
	vertical-align: middle;
	padding: 4px;
}

.progreso {
	font-size: 8pt;
	text-decoration: none;
	white-space: nowrap;
	color: #AAAAAA;
}

.progreso img {
	vertical-align: middle;
}

blockquote {
	margin: 5px 0 5px 20px;
}

object, embed {
	margin: 7px 0;
}

#loading {
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #CCE70B;
	font-weight: bold;
	color: #3F474A;
	padding: 2px;
	z-index: 300;
}

/* Contenedor de distintos tooltips - no cambiar */
.xstooltip 
{
	display: none;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

/* Forma de marcar los shortcuts de teclado */
.accesoDirecto {
	border-bottom: 2px solid #ffffff;
}

/* Recuadro con mensajes aclaratorios */
.recuadroMensaje,
.recuadroMensajeAdvertencia {
	border: 1px solid #dddddd;
	margin: 10px 0;
	padding: 7px;
}
.recuadroMensaje .chico {
	font-size: 8pt;
}

/* Mensajes advertencia */
.recuadroMensajeAdvertencia {
	border: 1px solid #FCCE06;
	background: #FFFFA4;
}
.recuadroMensajeAdvertencia div {
	background: #FFFFA4 url("/img/ico/warn.png") no-repeat center left;
	padding-left: 23px;
}

/* El fondo opaco que se posa sobre todo lo demas cuando levantamos una ventana */
#fondoOpaco {
	background-color: #333333;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: .2;
	filter: alpha(opacity=20);
}

/* Tooltip generico con mensajes simples */
.tooltip {
	border: 1px solid #3E4D59;
	background: #ffffff;
	padding: 7px;
}


/******************************************************************************/
/* ENCABEZADO */


.encabezado {
	height: 80px;
	background: #3E4D59 url("/img/encabezado/fondo.gif") repeat-x top left;
}

.encabezadoLinks {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 10pt;
	text-align: right;
	padding: 20px 20px 0 0;
	color: #aaa;
}

.encabezadoLinks strong {
	color: #fff;
}

.encabezadoLinks a {
	font-weight: normal;
	color: #CCE70B;
	text-decoration: none;
}

.encabezadoLinks a:hover {
	text-decoration: underline;
}

.encabezadoMarca {
	position: absolute;
	top: 0px;
	left: 0px;
	/*width: 232px;*/
	width: 348px;
	height: 80px;
	color: #ffffff;
	background: #3E4D59 url("/img/encabezado/isologo.gif") no-repeat top left;
}

.encabezadoMarca span {
	display: none;
}


/******************************************************************************/
/* SOLAPAS PRINCIPALES */


.solapas {
	width: 100%;
	float: left;
	background: url("/img/solapas/fondo.gif") repeat-x bottom left;
	line-height: normal;
	padding: 0;
}

.solapas ul {
	list-style-type: none;
	padding: 10px 0 0 10px;
	margin: 0;
}

.solapas li {
	float: left;
	display: block;
	background: url("/img/solapas/off-izq.gif") no-repeat top left;
	padding: 0 1px 0 10px;
	margin: 1px 0 0 0;
}

.solapas li.activa {
	background: url("/img/solapas/on-izq.gif") no-repeat top left;
	padding: 0 1px 0 10px;
	margin: 0;
}

.solapas li a {
	float: left;
	display: block;
	background: url("/img/solapas/off-der.gif") no-repeat top right;
	text-decoration: none;
	font-weight: bold;
	color: #616D77;
	padding: 10px 20px 5px 8px;
}

.solapas li.activa a {
	background: url("/img/solapas/on-der.gif") no-repeat top right;
	padding-bottom: 7px;
	color: #3B454D;
}

.solapasFin {
	clear: both;
	padding-bottom: 10px;
}


/******************************************************************************/
/* LISTAS DINAMICAS */


/* TABLA CON EL TITULO DE LA LISTA */
table.dinaTitulo {
	border-collapse: collapse;
	margin: 10px 0 0 0;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	height: 36px;
}
td.dinaTituloIzquierda {
	width: 10px;
	background: #36434E url("/img/tablas/titulo1.gif") no-repeat top left;
}
td.dinaTituloDerecha {
	width: 10px;
	background: #36434E url("/img/tablas/titulo3.gif") no-repeat top right;
}

/* TITULO DE LA LISTA */
td.dinaTituloTexto {
	width: 1px;
	white-space: nowrap;
	padding: 0 5px;
	background: #36434E url("/img/tablas/titulo2.gif") repeat-x top left;
	text-align: left;
}

/* LINKS DENTRO DEL TITULO (A LA DERECHA) */
td.dinaTituloLinks {
	text-align: right;
	padding: 0 5px;
	background: #36434E url("/img/tablas/titulo2.gif") repeat-x top left;
}
td.dinaTituloLinks a {
	color: #CCE70B;
	font-weight: bold;
}

/* EXPORTAR A EXCEL */
td.dinaTituloTextoExportar {
	padding: 0 5px 0 10px;
	background: #36434E url("/img/tablas/titulo2.gif") repeat-x top left;
}
td.dinaTituloTextoExportar a {
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
	color: #C4C8CB;
}
td.dinaTituloTextoExportar img {
	vertical-align: bottom;
}


/* TABLA CON EL SUBTITULO DE LA LISTA (BUSCADOR, CANTIDAD DE RESULTADOS, PAGINADOR, ETC) */
table.dinaSubTitulo {
	border-collapse: collapse;
	margin: 0 0 10px 0;
	width: 100%;
	color: #3F474A;
	height: 35px;
	font-weight: bold;
}
td.dinaSubTituloIzquierda {
	width: 10px;
	background: #D9D8D9 url("/img/tablas/subtitulo1.gif") no-repeat bottom left;
}
td.dinaSubTituloDerecha {
	width: 10px;
	background: #D9D8D9 url("/img/tablas/subtitulo3.gif") no-repeat bottom right;
}
td.dinaSubTituloBuscarTexto, td.dinaSubTituloBuscarInput, td.dinaSubTituloMostrarTexto, td.dinaSubTituloMostrarInput, td.dinaSubTituloVerInput {
	width: 1px;
	padding: 0 5px;
	background: #D9D8D9 url("/img/tablas/subtitulo2.gif") repeat-x bottom left;
}

/* RECARGAR LA LISTA */
td.dinaSubTituloRecargar {
	padding: 0 5px 0 20px;
	background: #D9D8D9 url("/img/tablas/subtitulo2.gif") repeat-x bottom left;
}
td.dinaSubTituloRecargar a {
	font-weight: normal;
	font-size: 8pt;
	color: #5C5C5C;
}
td.dinaSubTituloRecargar img {
	vertical-align: bottom;
}

/* LINKS DEL PAGINADOR */
td.dinaSubTituloPaginas {
	text-align: right;
	color: #ADB1B2;
	padding: 0 5px;
	background: #D9D8D9 url("/img/tablas/subtitulo2.gif") repeat-x bottom left;
}
td.dinaSubTituloPaginas a {
	color: #3F474A;
	font-weight: bold;
}
td.dinaSubTituloPaginas a:hover {
	text-decoration: underline;
}
td.dinaSubTituloPaginas a.current {
	text-decoration: underline;
}


/* TABLA CON REGISTROS DINAMICOS (LISTA DE USUARIOS, EDITAR, ELIMINAR, ETC) */
table.dinaRegistros {
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
}
table.dinaRegistros td, table.dinaRegistros th {
	padding: 7px;
	text-align: left;
	white-space: nowrap;
}

/* ENCABEZADO DE REGISTROS */
th.dinaEncabezadoIzquierda, th.dinaEncabezadoMedio, th.dinaEncabezadoDerecha {
	border-bottom: 1px solid #92A608;
}
th.dinaEncabezadoIzquierda {
	width: 10px;
	background: #BDD510 url("/img/tablas/registros1.gif") no-repeat top left;
}
th.dinaEncabezadoMedio {
	background: #BDD510 url("/img/tablas/registros2.gif") repeat-x top left;
	color: #202A31;
}
th.dinaEncabezadoDerecha {
	width: 10px;
	background: #BDD510 url("/img/tablas/registros3.gif") no-repeat top right;
}

/* REGISTROS CON DATOS */
table.dinaRegistros tr.off td {
	cursor: default;
}
table.dinaRegistros tr.on td {
	cursor: pointer;
}

table.dinaRegistros tr.off td.dinaRegistrosIzquierda, 
table.dinaRegistros tr.off td.dinaRegistrosMedio, 
table.dinaRegistros tr.off td.dinaRegistrosDerecha {
	background-color: #ffffff;
	border-bottom: 1px solid #E6EEAE;
}
table.dinaRegistros tr.on td.dinaRegistrosIzquierda, 
table.dinaRegistros tr.on td.dinaRegistrosMedio, 
table.dinaRegistros tr.on td.dinaRegistrosDerecha {
	background-color: #EBF59D;
	border-bottom: 1px solid #C8D086;
	cursor: pointer;
}

table.dinaRegistros tr.off a {
	color: #A3B618;
	text-decoration: underline;
}
table.dinaRegistros tr.on a {
	color: #717D18;
	text-decoration: underline;
}

table.dinaRegistros tr.off td.dinaRegistrosIzquierdaUltimo, table.dinaRegistros tr.off td.dinaRegistrosMedioUltimo {
	background: #ffffff url("/img/tablas/row00.gif") repeat-x bottom left;
}
table.dinaRegistros tr.off td.dinaRegistrosDerechaUltimo {
	width: 10px;
	background: #ffffff url("/img/tablas/row10.gif") no-repeat bottom right;
}
table.dinaRegistros tr.on td.dinaRegistrosIzquierdaUltimo, table.dinaRegistros tr.on td.dinaRegistrosMedioUltimo {
	background: #EBF59D url("/img/tablas/row01.gif") repeat-x bottom left;
}
table.dinaRegistros tr.on td.dinaRegistrosDerechaUltimo {
	width: 10px;
	background: #EBF59D url("/img/tablas/row11.gif") no-repeat bottom right;
}

/* Colores especiales que levantamos desde Javascript para *
 * hacer el fade out al modificar o eliminar               */

.dinaListaRowModificada {
	color: #CCE70B;
}
.dinaListaRowEliminada {
	color: #FF0000;
}

/* TABLA CON CONTENIDOS Y MENSAJES DE NO HAY REGISTROS */
table.dinaCuerpo {
	clear: both;
	border-collapse: collapse;
	margin: 0 0 10px 0;
	width: 100%;
	color: #3F474A;
	height: 35px;
}
td.dinaCuerpoIzquierda {
	width: 10px;
	background: #ffffff url("/img/tablas/cuerpo1.gif") no-repeat bottom left;
}
td.dinaCuerpoDerecha {
	width: 10px;
	background: #ffffff url("/img/tablas/cuerpo3.gif") no-repeat bottom right;
}
td.dinaCuerpoTexto {
	padding: 10px;
	background: #ffffff url("/img/tablas/cuerpo2.gif") repeat-x bottom left;
	text-align: center;
}


/******************************************************************************/
/* LOGIN */


body.login {
	margin: 0;
	padding: 0;
	background: #ffffff url("/img/login/fondo.gif") repeat-x top left;
}

div.loginContenedor {
	width: 400px;
	margin: 55px auto auto;
}

div.loginContenedor table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

td.loginEncabezadoIzquierda div { visibility: hidden; }
td.loginEncabezadoIzquierda {
	background: transparent  url("/img/login/encabezado1.gif") no-repeat top left;
	padding: 0;
	width: 47px;
}
td.loginEncabezadoCentro {
	background: #36434E url("/img/login/encabezado2.gif") repeat-x top left;
	width: 268px;
	padding: 142px 0 23px 0;
	vertical-align: top;
}
td.loginEncabezadoCentro span {
	display: block;
	width: 1px;
	height: 1px;
	font-size: 1px;
}
div.loginEncabezadoMensaje {
	font-weight: bold;
	color: #000000;
	text-align: center;
	background: #FFD200 url("/img/login/mensaje.gif") no-repeat top left;
	width: 268px;
	height: 46px;
	font-size: 10pt;
	overflow: hidden;
}
div.loginEncabezadoMensaje div {
	padding-top: 15px
}

td.loginEncabezadoDerecha div { visibility: hidden; }
td.loginEncabezadoDerecha {
	padding: 0;
	background: transparent url("/img/login/encabezado3.gif") no-repeat top right;
	width: 47px;
}

table.loginCuerpo {
	height: 349px;
	background-color: #CCE70B;
	width: 362px;
}
/*
td.loginCuerpoIzquierda div { visibility: hidden; }
td.loginCuerpoIzquierda {
	background: #36434E url("/img/login/cuerpo1.gif") no-repeat bottom left;
	padding: 0;
	width: 47px;
}
td.loginCuerpoCentro {
	background: #36434E;
	width: 268px;
	padding: 14px 0 0 0;
	vertical-align: top;
}
td.loginCuerpoDerecha div { visibility: hidden; }
td.loginCuerpoDerecha {
	padding: 0;
	background: #36434E url("/img/login/cuerpo3.gif") no-repeat bottom  right;
	width: 47px;
}
*/
td.loginCuerpoIzquierda {
	background: #CCE70B url('/img/login/cuerpo-fondo1.gif') repeat-y left top;
}
td.loginCuerpoCentro {
/*	background:#CCE70B url('/img/login/cuerpo2.gif') repeat-x scroll left top;*/
	background:#CCE70B;
}
td.loginCuerpoDerecha {
	background: #CCE70B url('/img/login/cuerpo-fondo2.gif') repeat-y left top;
}
td.loginCuerpoInferior {
	height: 40px;
	background: #CCE70B url('/img/login/cuerpo-inferior.gif') no-repeat left top;
}
div#loginOpcionesQueEsSSOContent {
	display: none;
	float: left;
	overflow: hidden;
}
div#loginOpcionesQueEsSSOContent a {
	color: #3E4D59;
	font-weight: bold;
	text-decoration: underline;
}

div.loginInput,
div.loginInputBlur {
	padding-top: 26px;
}
div.loginInput input,
div.loginInputBlur input {
	width: 263px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	background: #CCE70B url("/img/login/input-on.gif") no-repeat top left;
	border: 0;
	margin: 1px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 18pt;
	font-weight: bold;
	color: #000000;
}
div.loginInputBlur input {
	background: #CCE70B url("/img/login/input-off.gif") no-repeat top left;
	color: #626F06;
}

div.loginInputUsuario span { display: none; }
div.loginInputUsuario {
	width: 48px;
	height: 11px;
	cursor: pointer;
}
div.loginInput div.loginInputUsuario {
	background: transparent url("/img/login/txt-usuario-on.gif") no-repeat top left;
}
div.loginInputBlur div.loginInputUsuario {
	background: transparent url("/img/login/txt-usuario-off.gif") no-repeat top left;
}

div.loginInputCuenta span { display: none; }
div.loginInputCuenta {
	width: 45px;
	height: 11px;
	cursor: pointer;
}
div.loginInput div.loginInputCuenta {
	background: transparent url("/img/login/txt-cuenta-on.gif") no-repeat top left;
}
div.loginInputBlur div.loginInputCuenta {
	background: transparent url("/img/login/txt-cuenta-off.gif") no-repeat top left;
}

div.loginInputContrasena span { display: none; }
div.loginInputContrasena {
	width: 74px;
	height: 14px;
	cursor: pointer;
}
div.loginInput div.loginInputContrasena {
	background: transparent url("/img/login/txt-contrasena-on.gif") no-repeat top left;
}
div.loginInputBlur div.loginInputContrasena {
	background: transparent url("/img/login/txt-contrasena-off.gif") no-repeat top left;
}

div.loginRecordar {
	margin-top: 24px;
	float: left;
}

div.loginOlvido {
	margin: 5px 0 0;
}
div.loginOlvido a {
	color: #3E4D59;
	font-weight: bold;
}

div.loginOpciones {
	margin-top: 60px;
	width: 262px;
	float: left;
}
div.loginOpciones a {
	color:#3E4D59;
	font-weight:bold;
	font-size: 14px;
	text-decoration: underline;
}
div.loginOpcionNoTengoSSO {
	float: left;
}
div.loginOpcionQueEsSSO {
        margin-left: 5px;
	float: left;
}

div.loginSubmit {
	padding-top: 35px;
	text-align: right;
}
div.loginSubmit input {
	background: transparent url("/img/login/submit.gif") no-repeat top left;
	width: 71px;
	height: 42px;
	padding-top: 42px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}

div.loginEnviarClave {
	padding-top: 35px;
	text-align: right;
}
div.loginEnviarClave input {
	background: transparent url("/img/login/submit-enviarme.gif") no-repeat top left;
	width: 165px;
	height: 42px;
	padding-top: 42px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}
.loginMensajeOlvido {
	border: 2px dotted #ff0000;
	padding: 10px;
	text-align: center;
	background: #fff000;
}

/******************************************************************************/
/* ESTADISTICAS WEB (AWSTATS Y CODIGO PROPIO) */

#estadisticasHtml {
	
}

#estadisticasHtml .volver {
	background-color: #CCE70B;
	border: 1px solid #A3B909;
	padding: 5px;
	margin: 10px 0;
	width: 90px;
	text-align: center;
}

#estadisticasHtml .volver img {
	margin-right: 10px;
	vertical-align: bottom;
}

#estadisticasHtml .volver a {
	color: #3E4D59;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#estadisticasHtml .aws_border {
	background-color: #3F474A;
	border-collapse: collapse;
	border: 0;
	padding: 0;
}

#estadisticasHtml .aws_title {
	font-weight: bold;
	background-color: #3F474A;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 10px;
	color: #ffffff;
}
#estadisticasHtml .aws_blank  {
	background-color: #3F474A;
}

#estadisticasHtml .aws_title a {
	font-weight: bold;
	color: #CCE70B;
}

#estadisticasHtml .aws_data {
	border-collapse: collapse;
	font-size: 8pt;
}

#estadisticasHtml .aws_data th,
#estadisticasHtml .aws_data td {
	padding: 4px 2px;
	text-align: center;
	border: 0;
}

#estadisticasHtml .aws_data th {
	background-color: #dddddd;
	border-bottom: 1px solid #cccccc;
}

#estadisticasHtml .aws_data td {
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
}

#estadisticasHtml .aws_data td.aws {
	text-align: left;
}

#estadisticasHtml .CTooltip {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 380px;
	visibility:hidden;
	background-color: #FFFFE6;
	padding: 8px;
	border: 1px solid black;
}

#estadisticasHtml .aws_data td.aws_color1 {
	background-color: #D9D9D9;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color2 {
	background-color: #FFBA82;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color3 {
	background-color: #F4F090;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color4 {
	background-color: #789CE4;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color5 {
	background-color: #9CE5EF;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color6 {
	background-color: #82CBC2;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color7 {
	background-color: #ECECEC;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color8 {
	background-color: #EAEAEA;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color9 {
	background-color: #8888DD;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color10 {
	background-color: #CEC2E8;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color11 {
	background-color: #C1B2E2;
	font-weight: bold;
}


/******************************************************************************/
/* MENU VERTICAL (ESTADISTICAS WEB) */


.menuVertical {
	width: 170px;
	margin-right: 20px;
}

.menuVerticalTitulo {
	background-color: #3F474A;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 5px;
}

.menuVerticalItem {
	background-color: #dddddd;
	border-bottom: 1px solid #cccccc;
	color: #3F474A;
	padding: 3px 5px;
}

.menuVerticalItem a {
	color: #3F474A;
	font-weight: bold;
	display: block;
}

.menuVerticalSubitem {
	background-color: #dddddd;
	border-bottom: 1px solid #cccccc;
	color: #3F474A;
	padding: 3px 5px;
}

.menuVerticalSubitem a {
	color: #3F474A;
	font-weight: normal;
	display: block;
	padding-left: 10px;
}

.menuVerticalActivo .menuVerticalItem,
.menuVerticalActivo .menuVerticalSubitem { 
	background-color: #CCE70B;
	color: #3E4D59;
}
.menuVerticalActivo .menuVerticalItem a,
.menuVerticalActivo .menuVerticalSubitem a { 
	color: #3F474A;
}





/******************************************************************************/
/* CUADRO DE PROGRESO EN UPLOADS AJAX */


.uploadContenedor {
	text-align: center;
}

.progressBar {
	position: relative;
	padding: 5px;
	width: 200px;
	font-size: 8pt;
	margin: 5px auto;
	text-align: center;
	border: 1px solid #ADB1B2;
}

.progressBar .background {
	border: solid 1px #3E4D59;
	width: 200px;
	height: 10px;
}

.progressBar .bar {
	position: relative;
	background-color: #CCE70B;
	width: 10px;
	height: 10px;
}


/******************************************************************************/
/* MENU PRINCIPAL */


/*
	Formato HTML del menu:
	----------------------
	
	<table class="ThemeCPMenu">
	<tr>
		<td class="ThemeCPMainItem" id="mainItemTd_micuenta">
			<span class="ThemeCPMainFolderLeft"></span>
			<span class="ThemeCPMainFolderText" id="mainItemSpan_micuenta">MI CUENTA</span>
			<span class="ThemeCPMainFolderRight"></span>
		</td>
		<td class="ThemeCPMainItem">
			<span class="ThemeCPMainFolderLeft"></span>
			<span class="ThemeCPMainFolderText" id="mainItemSpan_micuenta">DOMINIOS</span>
			<span class="ThemeCPMainFolderRight"></span>
		</td>
	</tr>
	</table>
	<div class="ThemeCPSubMenu">
		<table class="ThemeCPSubMenuTable">
			<tr class="ThemeCPMenuItem">
				<td class="ThemeCPMenuItemLeft"></td>
				<td class="ThemeCPMenuItemText">Submenu 1</td>
				<td class="ThemeCPMenuItemRight"></td>
			</tr>
			<tr class="ThemeCPMenuItem">
				<td class="ThemeCPMenuItemLeft"></td>
				<td class="ThemeCPMenuItemText">Submenu 2</td>
				<td class="ThemeCPMenuItemRight"></td>
			</tr>
			<tr class="ThemeCPMenuItem">
				<td class="ThemeCPMenuItemLeft"></td>
				<td class="ThemeCPMenuItemText">Submenu 3</td>
				<td class="ThemeCPMenuItemRight"></td>
			</tr>
		</table>
	</div>
*/

#menuHorizontal {
	background: #BEC64C;
	height: 30px;
}

#menuHorizontal table.ThemeCPMenu {
	padding: 0;
	width: 100%;
	height: 30px;
}

.ThemeCPMainItem, .ThemeCPMainItemHover, .ThemeCPMainItemActive, .ThemeCPMainItemDisabled {
	height: 30px;
	white-space: nowrap;
	cursor: pointer;
	vertical-align: bottom;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width: 13%;
	padding: 0;
	background: #ACBA03 url("/img/menu/menu-off-3.gif") repeat-x top right;
}
.ThemeCPMainItemDisabled {
	background: #ACBA03 url("/img/menu/menu-disabled-3.gif") repeat-x top right;
	cursor: default;
}
.ThemeCPMainFolderLeft {
	background: #ACBA03 url("/img/menu/menu-off-1.gif") repeat-x top left;
	display: block;
	float: left;
	height: 30px;
	width: 15px;
}
.ThemeCPMainItemDisabled .ThemeCPMainFolderLeft {
	background: #ACBA03 url("/img/menu/menu-disabled-1.gif") repeat-x top left;
}
.ThemeCPMainFolderText {
	background: transparent;
	display: block;
	text-align: center;
	margin-right: 15px;
	line-height: 30px; /* FF text2image hack */
	height: 30px;      /* IE text2image hack */
}
.ThemeCPMainFolderRight {
	display: none;
}

#mainItemSpan_micuenta span { display: none; }
#mainItemSpan_micuenta {
	background: url("/img/menu/item_micuenta_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_micuenta {
	background: url("/img/menu/item_micuenta_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_micuenta, .ThemeCPMainItemActive #mainItemSpan_micuenta {
	background: url("/img/menu/item_micuenta_1.gif") no-repeat bottom center;
}
#mainItemSpan_dominios span { display: none; }
#mainItemSpan_dominios {
	background: url("/img/menu/item_dominios_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_dominios {
	background: url("/img/menu/item_dominios_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_dominios, .ThemeCPMainItemActive #mainItemSpan_dominios {
	background: url("/img/menu/item_dominios_1.gif") no-repeat bottom center;
}
#mainItemSpan_administracion span { display: none; }
#mainItemSpan_administracion {
	background: url("/img/menu/item_administracion_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_administracion {
	background: url("/img/menu/item_administracion_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_administracion, .ThemeCPMainItemActive #mainItemSpan_administracion {
	background: url("/img/menu/item_administracion_1.gif") no-repeat bottom center;
}
#mainItemSpan_correo span { display: none; }
#mainItemSpan_correo {
	background: url("/img/menu/item_correo_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_correo {
	background: url("/img/menu/item_correo_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_correo, .ThemeCPMainItemActive #mainItemSpan_correo {
	background: url("/img/menu/item_correo_1.gif") no-repeat bottom center;
}
#mainItemSpan_mysql span { display: none; }
#mainItemSpan_mysql {
	background: url("/img/menu/item_mysql_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_mysql {
	background: url("/img/menu/item_mysql_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_mysql, .ThemeCPMainItemActive #mainItemSpan_mysql {
	background: url("/img/menu/item_mysql_1.gif") no-repeat bottom center;
}
#mainItemSpan_reportes span { display: none; }
#mainItemSpan_reportes {
	background: url("/img/menu/item_reportes_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_reportes {
	background: url("/img/menu/item_reportes_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_reportes, .ThemeCPMainItemActive #mainItemSpan_reportes {
	background: url("/img/menu/item_reportes_1.gif") no-repeat bottom center;
}
#mainItemSpan_avanzado span { display: none; }
#mainItemSpan_avanzado {
	background: url("/img/menu/item_avanzado_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_avanzado {
	background: url("/img/menu/item_avanzado_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_avanzado, .ThemeCPMainItemActive #mainItemSpan_avanzado {
	background: url("/img/menu/item_avanzado_1.gif") no-repeat bottom center;
}
#mainItemSpan_clientes span { display: none; }
#mainItemSpan_clientes {
	background: url("/img/menu/item_clientes_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_clientes {
	background: url("/img/menu/item_clientes_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_clientes, .ThemeCPMainItemActive #mainItemSpan_clientes {
	background: url("/img/menu/item_clientes_1.gif") no-repeat bottom center;
}
#mainItemSpan_planes span { display: none; }
#mainItemSpan_planes {
	background: url("/img/menu/item_planes_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_planes {
	background: url("/img/menu/item_planes_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_planes, .ThemeCPMainItemActive #mainItemSpan_planes {
	background: url("/img/menu/item_planes_1.gif") no-repeat bottom center;
}
#mainItemSpan_panel span { display: none; }
#mainItemSpan_panel {
	background: url("/img/menu/item_panel_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_panel {
	background: url("/img/menu/item_panel_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_panel, .ThemeCPMainItemActive #mainItemSpan_panel {
	background: url("/img/menu/item_panel_1.gif") no-repeat bottom center;
}
#mainItemSpan_facturacion span { display: none; }
#mainItemSpan_facturacion {
	background: url("/img/menu/item_facturacion_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_facturacion {
	background: url("/img/menu/item_facturacion_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_facturacion, .ThemeCPMainItemActive #mainItemSpan_facturacion {
	background: url("/img/menu/item_facturacion_1.gif") no-repeat bottom center;
}
#mainItemSpan_api span { display: none; }
#mainItemSpan_api {
	background: url("/img/menu/item_api_0.gif") no-repeat bottom center;
}
.ThemeCPMainItemDisabled #mainItemSpan_api {
	background: url("/img/menu/item_api_2.gif") no-repeat bottom center;
}
.ThemeCPMainItemHover #mainItemSpan_api, .ThemeCPMainItemActive #mainItemSpan_api {
	background: url("/img/menu/item_api_1.gif") no-repeat bottom center;
}

.ThemeCPMainItemHover,.ThemeCPMainItemActive {
	background: #ffffff url("/img/menu/menu-on-3.gif") repeat-x top right;
	color: #3E4C59;
}
.ThemeCPMainItemHover .ThemeCPMainFolderLeft,.ThemeCPMainItemActive .ThemeCPMainFolderLeft {
	background: #ffffff url("/img/menu/menu-on-1.gif") repeat-x top left;
}
.ThemeCPMainItemHover .ThemeCPMainFolderText,.ThemeCPMainItemActive .ThemeCPMainFolderText {
	background: transparent;
}

.ThemeCPSubMenu {
	position: absolute;
	visibility: hidden;
}

.ThemeCPSubMenuTable {
	padding: 0;
	border: 0;
	border-bottom: 1px solid #C3C3C3;
}

.ThemeCPMenuItem, .ThemeCPMenuItemHover, .ThemeCPMenuItemActive {
	margin: 0;
	padding: 0;
}

.ThemeCPMenuItemLeft, .ThemeCPMenuItemText, .ThemeCPMenuItemRight {
	height: 34px;
	cursor: pointer;
	font-weight: normal;
	padding: 0;
}

.ThemeCPMenuItemLeft {
	width: 15px;
	background: #ffffff url("/img/menu/submenu-off-1.gif") repeat-x top left;
}
.ThemeCPMenuItemText {
	padding-right: 50px;
	background: #ffffff url("/img/menu/submenu-off-2.gif") repeat-x top left;
	color: #000000;
}
.ThemeCPMenuItemRight {
	width: 15px;
	background: #ffffff url("/img/menu/submenu-off-3.gif") repeat-x top right;
}

.ThemeCPMenuItemHover .ThemeCPMenuItemLeft, .ThemeCPMenuItemActive .ThemeCPMenuItemLeft {
	width: 15px;
	background: #ffffff url("/img/menu/submenu-on-1.gif") repeat-x top left;
}
.ThemeCPMenuItemHover .ThemeCPMenuItemText, .ThemeCPMenuItemActive .ThemeCPMenuItemText {
	background: #ffffff url("/img/menu/submenu-on-2.gif") repeat-x top left;
	color: #ffffff;
}
.ThemeCPMenuItemHover .ThemeCPMenuItemRight, .ThemeCPMenuItemActive .ThemeCPMenuItemRight {
	width: 15px;
	background: #ffffff url("/img/menu/submenu-on-3.gif") repeat-x top right;
}

td.ThemeCPMenuSplit {
	height: 5px;
	background: #ffffff url("/img/menu/submenu-off-3.gif") no-repeat top right;
	padding: 0;
	font-size: 1px;
}

td.ThemeCPMenuSplit div {
	height: 5px;
	width: 5px;
	background: #ffffff url("/img/menu/submenu-off-1.gif") no-repeat top left;
}


/******************************************************************************/
/* NAVEGADOR DE CARPETAS */


.navegador {
	width: 250px;
	background: #ffffff;
	padding: 10px;
	border: 1px solid #3E4D59;
}

.navegador a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #777777;
}

.navegador img {
	vertical-align: bottom;
}

.navegadorVentana {
	
}

.navegadorEncabezado {
	background: #eeeeee;
	margin-bottom: 10px;
	height: 30px;
}

.navegadorVolver {
	float: left;
	margin: 7px;
}

.navegadorCerrar {
	float: right;
	margin: 7px;
}

.navegadorRuta {
	clear: both;
	margin: 10px 0;
	border: 1px solid #cccccc;
	padding: 3px;
}

.navegadorRuta input {
	border: 0;
	width: 100%;
}

.navegadorCarpetas {
	clear: both;
	overflow: auto;
	height: 200px;
}

.navegadorCarpeta {
	padding: 3px;
}


/******************************************************************************/
/* VENTANAS */


.ventanaContenedor {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	z-index: 200;
	text-align: center;
}

.ventanaMarco {
	width: 400px;
	margin: auto;
	text-align: left;
}


/******************************************************************************/
/* VENTANAS: ENCABEZADO */


.ventanaEncabezado {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 40px;
	border-bottom: 1px solid #727272;
}
.ventanaEncabezado td {
	padding: 0;
}
.ventanaEncabezadoIzquierda {
	background: transparent url("/img/ventana/encabezado1.gif") no-repeat top left;
	width: 10px;
}
.ventanaEncabezadoTexto {
	background: #CEE80E url("/img/ventana/encabezado2.gif") repeat-x top left;
	text-align: center;
	color: #3E4D59;
	font-weight: bold;
	
}
.ventanaEncabezadoDerecha {
	background: transparent url("/img/ventana/encabezado3.gif") no-repeat top right;
	width: 10px;
}


/******************************************************************************/
/* VENTANAS: CUERPO */


.ventanaCuerpo {
	border-left: 1px solid #727272;
	border-right: 1px solid #727272;
	background: #ffffff;
	clear: both;
}

.ventanaCuerpoSolapas {
	padding: 10px;
}

.ventanaCuerpo table {
	width: 95%;
	border-collapse: collapse;
}

.ventanaCuerpo td, .ventanaCuerpo th {
	border-bottom: 1px solid #dddddd;
	padding: 10px;
}

.ventanaCuerpo th {
	background-color: #efefef;
}

.ventanaCuerpo th img {
	vertical-align: bottom;
}


/******************************************************************************/
/* VENTANAS: BOTONES */


.ventanaBotones {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 70px;
}
.ventanaBotones td {
	padding: 0;
}
.ventanaBotonesIzquierda {
	background: transparent url("/img/ventana/pie1.gif") no-repeat bottom left;
	width: 10px;
}
.ventanaBotonesTexto {
	background: #ffffff url("/img/ventana/pie2.gif") repeat-x bottom left;
	text-align: center;
	vertical-align: top;
}
.ventanaBotonesDerecha {
	background: transparent url("/img/ventana/pie3.gif") no-repeat bottom right;
	width: 10px;
}

.ventanaBotonAceptar {
	background: transparent url("/img/ventana/aceptar.gif") no-repeat top left;
	width: 63px;
	height: 52px;
	padding-top: 52px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
	margin-right: 20px;
}
.ventanaBotonAceptarDisabled {
	background: transparent url("/img/ventana/aceptar-disabled.gif") no-repeat top left;
}
.ventanaBotonCancelar {
	background: transparent url("/img/ventana/cancelar.gif") no-repeat top left;
	width: 72px;
	height: 52px;
	padding-top: 52px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}


/******************************************************************************/
/* VENTANAS: SOLAPAS */


table.ventanaSolapas {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 40px;
}
table.ventanaSolapas td {
	padding: 0;
}
table.ventanaSolapas td.ventanaSolapasIzquierda {
	background: transparent url("/img/ventana/encabezado1.gif") no-repeat top left;
	vertical-align: bottom;
	width: 10px;
}
table.ventanaSolapas td.ventanaSolapasIzquierda div {
	background: url("/img/ventana/sol-fondo.gif") repeat-x bottom left;
}
table.ventanaSolapas td.ventanaSolapasTexto {
	background: #CEE80E url("/img/ventana/encabezado2.gif") repeat-x top left;
	text-align: center;
	color: #3E4D59;
	font-weight: bold;
	padding-top: 12px;
}
table.ventanaSolapas td.ventanaSolapasDerecha {
	background: transparent url("/img/ventana/encabezado3.gif") no-repeat top right;
	vertical-align: bottom;
	width: 10px;
}
table.ventanaSolapas td.ventanaSolapasDerecha div {
	background: url("/img/ventana/sol-fondo.gif") repeat-x bottom left;
}

div.ventanaSolapasUl {
	width: 100%;
	float: left;
	background: url("/img/ventana/sol-fondo.gif") repeat-x bottom left;
	line-height: normal;
	padding: 0;
}

div.ventanaSolapasUl ul {
	list-style-type: none;
	padding: 10px 0 0 10px;
	margin: 0;
}

div.ventanaSolapasUl li {
	float: left;
	display: block;
	background: url("/img/ventana/sol-off-izq.gif") no-repeat top left;
	padding: 0 1px 0 10px;
	margin: 1px 0 0 0;
}

div.ventanaSolapasUl li.activa {
	background: url("/img/ventana/sol-on-izq.gif") no-repeat top left;
	padding: 0 1px 0 10px;
	margin: 0;
}

div.ventanaSolapasUl li a {
	float: left;
	display: block;
	background: url("/img/ventana/sol-off-der.gif") no-repeat top right;
	text-decoration: none;
	font-weight: bold;
	color: #616D77;
	padding: 10px 20px 5px 8px;
}

div.ventanaSolapasUl li.activa a {
	background: url("/img/ventana/sol-on-der.gif") no-repeat top right;
	padding-bottom: 7px;
	color: #3B454D;
}


/******************************************************************************/
/* VENTANAS: ITEMS INTERNOS */


.ventanaItemAgregar {
	background: #eeeeee;
	padding: 5px;
	text-align: center;
}

.ventanaItemAgregar img {
	vertical-align: bottom;
}

.ventanaItemAgregar a {
	display: block;
	color: #777777;
	font-weight: bold;
	text-decoration: none;
}

.ventanaItems {
	margin: 10px 0;
}

.ventanaItem {
	font-weight: bold;
	padding: 5px;
	background: #ffffff;
	border-bottom: 1px solid #E6EEAE;
}

.ventanaItemOver {
	background-color: #EBF59D;
	border-bottom: 1px solid #C8D086;
}

.ventanaItem a {
	color: #3E4D59;
	text-decoration: none;
	float: right;
	margin-right: 5px;
}

.ventanaItem img {
	vertical-align: bottom;
}


/******************************************************************************/
/* VENTANAS INTERNAS */


.ventanaInternaMarco {
	width: 200px;
	margin: auto;
	text-align: left;
}


/******************************************************************************/
/* VENTANAS INTERNAS: ENCABEZADO */


.ventanaInternaEncabezado {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 30px;
	border-bottom: 1px solid #727272;
}
.ventanaInternaEncabezado td {
	padding: 0;
}
.ventanaInternaEncabezadoIzquierda {
	background: #CCE70B url("/img/ventanaint/encabezado1.gif") no-repeat top left;
	width: 10px;
}
.ventanaInternaEncabezadoTexto {
	background: #CCE70B url("/img/ventanaint/encabezado2.gif") repeat-x top left;
	text-align: center;
	color: #3E4D59;
	font-weight: bold;
	
}
.ventanaInternaEncabezadoDerecha {
	background: #CCE70B url("/img/ventanaint/encabezado3.gif") no-repeat top right;
	width: 10px;
}


/******************************************************************************/
/* VENTANAS INTERNAS: CUERPO */


.ventanaInternaCuerpo {
	border-left: 1px solid #727272;
	border-right: 1px solid #727272;
	padding: 5px 0;
	background: #ffffff;
	clear: both;
}

.ventanaInternaCuerpo input {
	width: 95%;
}

.ventanaInternaCuerpo table {
	width: 100%;
	border-collapse: collapse;
}

.ventanaInternaCuerpo td, .ventanaInternaCuerpo th {
	border-bottom: 1px solid #eeeeee;
	padding: 5px;
}

.ventanaInternaCuerpo th {
	text-align: left;
}


/******************************************************************************/
/* VENTANAS INTERNAS: BOTONES */


.ventanaInternaBotones {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 60px;
}
.ventanaInternaBotones td {
	padding: 0;
}
.ventanaInternaBotonesIzquierda {
	background: transparent url("/img/ventanaint/pie1.gif") no-repeat bottom left;
	width: 10px;
}
.ventanaInternaBotonesTexto {
	background: #ffffff url("/img/ventanaint/pie2.gif") repeat-x bottom left;
	text-align: center;
	vertical-align: top;
}
.ventanaInternaBotonesDerecha {
	background: transparent url("/img/ventanaint/pie3.gif") no-repeat bottom right;
	width: 10px;
}

.ventanaInternaBotonAceptar {
	background: transparent url("/img/ventanaint/aceptar.gif") no-repeat top left;
	width: 63px;
	height: 52px;
	padding-top: 52px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
	margin-right: 20px;
}
.ventanaInternaBotonCancelar {
	background: transparent url("/img/ventanaint/cancelar.gif") no-repeat top left;
	width: 72px;
	height: 52px;
	padding-top: 52px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}


/******************************************************************************/
/* FRONTPAGE */


.frontpage {
	margin: 20px 0 0;
}

.frontpage table {
	border-collapse: collapse;
	margin: 0;
	border: 1px solid #dddddd;
}

.frontpage table th,
.frontpage table td {
	border-bottom: 1px solid #dddddd;
	padding: 10px;
}

.frontpage table th {
	background: #efefef;
}

.frontpage input {
	margin-top: 20px;
}

.frontpageBotonInstalar,
.frontpageBotonInstalarDisabled {
	background: transparent url("/img/frontpage/instalar-on.gif") no-repeat top left;
	width: 68px;
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}
.frontpageBotonInstalarDisabled {
	background: transparent url("/img/frontpage/instalar-off.gif") no-repeat top left;
}
.frontpageBotonDesinstalar {
	background: transparent url("/img/frontpage/desinstalar.gif") no-repeat top left;
	width: 87px;
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}


/******************************************************************************/
/* REPORTES */


.reportesEspacio,
.reportesTransferencia {
	margin-top: 20px;
}

.reportesEspacio table,
.reportesTransferencia table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

.reportesEspacio table td.reportesEspaciador,
.reportesTransferencia table td.reportesEspaciador {
	width: 20px;
}

.reportesLimites {
	margin-top: 20px;
}

.reportesLimites h1 {
	font-size: 14pt;
	margin: 0;
}

.reportesLimites table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

.reportesLimites table td {
	vertical-align: top;
	padding: 0 0 0 20px;
}

.reportesLimites table td.reportesLimitesPrimero {
	padding: 0px;
}

table.reportesTablaDatos {
	width: 700px;
}

.reportesTablaDatos th {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.reportesTablaDatos td {
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}

table.reportesLimitesDatos {
	clear: both;
	border-collapse: collapse;
	border: 1px solid #dddddd;
	border-top: 1px solid #cccccc;
}
table.reportesLimitesDatos td {
	padding: 10px 5px;
	border-bottom: 1px solid #dddddd;
	vertical-align: middle;
}
td.reportesLimitesDatosIco {
	padding: 0;
	text-align: center;
	width: 16px;
}
td.reportesLimitesDatosTitulo {
	font-weight: bold;
}
td.reportesLimitesDatosUsado {
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
}
td.reportesLimitesDatosBarra {
	width: 110px;
	text-align: center;
}
td.reportesLimitesDatosValor {
	width: 70px;
	text-align: right;
	font-weight: bold;
}


/******************************************************************************/
/* BARRAS DE PROGRESO */


.progresoVertical {
	margin: 0;
	text-align: center;
}
.progresoVerticalTitulo {
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
}
.progresoVerticalTotal {
	font-size: 8pt;
	font-weight: bold;
	color: #777;
	margin: 2px 0;
}
.progresoVerticalArriba {
	height: 4px;
	background: transparent url("/img/progreso/vertical1.gif") no-repeat top center;
}
.progresoVerticalLibre {
	background: transparent url("/img/progreso/vertical2.gif") repeat-y top center;
}
.progresoVerticalUsadoVerde {
	background: transparent url("/img/progreso/vertical2-verde.gif") repeat-y bottom center;
}
.progresoVerticalUsadoAmarillo {
	background: transparent url("/img/progreso/vertical2-amarillo.gif") repeat-y bottom center;
}
.progresoVerticalUsadoRojo {
	background: transparent url("/img/progreso/vertical2-rojo.gif") repeat-y bottom center;
}
.progresoVerticalAbajo {
	height: 4px;
	background: transparent url("/img/progreso/vertical3.gif") no-repeat top center;
}
.progresoVerticalUsado {
	font-size: 8pt;
	font-weight: bold;
	color: #333;
	margin: 3px 0 0 0;
}
.progresoVerticalPorcentaje {
	font-size: 7pt;
	color: #555;
}

.progresoHorizontalIzquierda {
	float: left;
	height: 20px;
	width: 4px;
	background: transparent url("/img/progreso/horizontal1.gif") no-repeat top left;
}
.progresoHorizontalUsadoVerde {
	float: left;
	height: 20px;
	background: transparent url("/img/progreso/horizontal2-verde.gif") repeat-x top left;
}
.progresoHorizontalUsadoAmarillo {
	float: left;
	height: 20px;
	background: transparent url("/img/progreso/horizontal2-amarillo.gif") repeat-x top left;
}
.progresoHorizontalUsadoRojo {
	float: left;
	height: 20px;
	background: transparent url("/img/progreso/horizontal2-rojo.gif") repeat-x top left;
}
.progresoHorizontalLibre {
	float: left;
	height: 20px;
	background: transparent url("/img/progreso/horizontal2.gif") repeat-x top left;
}
.progresoHorizontalDerecha {
	float: left;
	height: 20px;
	width: 4px;
	background: transparent url("/img/progreso/horizontal3.gif") no-repeat top left;
}


/******************************************************************************/
/* WIDGET */


.widgets {
	border-collapse: collapse;
	width: 100%;
}
.widgetsWidget {
	width: 33%;
	padding: 0 0 15px 15px;
	vertical-align: top;
}
.widgetsPrimerWidget {
	padding: 0 0 15px 0;
	vertical-align: top;
}

.widget {
	width: 100%;
}
.widgetEncabezado, .widgetCuerpo, .widgetPie {
	width: 100%;
	border-collapse: collapse;
}
.widgetEncabezado {
	height: 27px;
}
.widgetEncabezadoIzquierda {
	width: 10px;
	background: transparent url("/img/widget/encabezado1.gif") no-repeat top left;
	padding: 0;
}
.widgetEncabezadoCentro {
	background: transparent url("/img/widget/encabezado2.gif") repeat-x top left;
	padding: 0 5px;
	font-weight: bold;
}
.widgetEncabezadoDerecha {
	width: 10px;
	background: transparent url("/img/widget/encabezado3.gif") no-repeat top right;
	padding: 0;
}
.widgetCuerpoIzquierda {
	width: 10px;
	background: transparent url("/img/widget/cuerpo1.gif") no-repeat bottom left;
	padding: 0;
}
.widgetCuerpoCentro {
	background: transparent url("/img/widget/cuerpo2.gif") repeat-x bottom left;
	padding: 10px 0;
}
.widgetCuerpoDerecha {
	width: 10px;
	background: transparent url("/img/widget/cuerpo3.gif") no-repeat bottom right;
	padding: 0;
}
.widgetPie {
	display: none;
}

.widgetEncabezadoCentro span {
	display: none;
}
div#consumos_del_mes {
	display: block;
	height: 27px;
	width: 115px;
	background: transparent url("/img/widget/txt_consumos_del_mes.gif") no-repeat top left;
}
div#ultima_semana {
	display: block;
	height: 27px;
	width: 95px;
	background: transparent url("/img/widget/txt_ultima_semana.gif") no-repeat top left;
}
div#atajos {
	display: block;
	height: 27px;
	width: 43px;
	background: transparent url("/img/widget/txt_atajos.gif") no-repeat top left;
}
div#ultimos_accesos_panel {
	display: block;
	height: 27px;
	width: 161px;
	background: transparent url("/img/widget/txt_ultimos_accesos_panel.gif") no-repeat top left;
}
div#frases_mas_buscadas {
	display: block;
	height: 27px;
	width: 134px;
	background: transparent url("/img/widget/txt_frases_mas_buscadas.gif") no-repeat top left;
}
div#resumen_de_origenes {
	display: block;
	height: 27px;
	width: 136px;
	background: transparent url("/img/widget/txt_resumen_de_origenes.gif") no-repeat top left;
}

.widgetLoading {
	background: transparent url("/img/widget/loading.gif") no-repeat center left;
	width: 140px;
	height: 32px;
	margin: 30px auto;
	padding: 10px 0 0 40px;
	font-size: 14pt;
	font-weight: bold;
	color: #AAAAAA;
}


/******************************************************************************/
/* FEEDBACK */


.feedback table {
	border-collapse: collapse;
	border: none;
}
.feedback th {
	text-align: right;
	background: #eeeeee;
}
.feedback th, 
.feedback td {
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}


/******************************************************************************/
/* PRINCIPAL */


.atajos ul {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0;
}
.atajos li {
	margin: 5px 0;
}
.atajos img {
	margin-right: 5px;
}
.atajos a {
	font-weight: bold;
	text-decoration: none;
	color: #3E4D59;
}
.atajos a:hover {
	color: #000000;
}

.ultimoAccesoPanel ul {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0;
}
.ultimoAccesoPanel li {
	margin: 5px 0;
}
.ultimoAccesoPanelUsuario {
	padding-left: 20px;
	background: transparent url("/img/ico/usuarios_administrador.png") no-repeat center left;
	font-weight: bold;
}
.ultimoAccesoPanelFecha {
	color: #999999;
	font-weight: normal;
}


/******************************************************************************/
/* MYSQL */


.mysqlLogin {
	background: #ffffff url("/img/mysql/form-bg.gif") no-repeat top left;
	margin: 10px 0 0;
	padding: 20px 30px;
}
.mysqlLogin label {
	color: #3E4D59;
	font-weight: bold;
	display: block;
}
.mysqlSubmit {
	padding: 20px 0 0 85px;
}
.mysqlSubmit input {
	background: transparent url("/img/mysql/aceptar.gif") no-repeat top left;
	width: 64px;
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}



/******************************************************************************/
/* SKINS */


.muestraCajaColor {
	width: 50px;
	height: 50px;
	border: 1px solid #000000;
	margin: 0 auto;
}
.muestraInput {
	margin-top: 5px;
}
.skinPickerColores {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
}
.skinPickerColores th,
.skinPickerColores td {
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.skinPickerColores th {
	border-bottom: 1px solid #ccc;
	background: #eee;
}
.skinPickerColores td {
	
}
.skinPickerColores input {
	width: 50px;
}
#colorPicker {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 20px 20px 0 0;
}
.colorPickerWrapper textarea {
	width: 300px;
	height: 100px;
}
.colorPickerWrapper h3 {
	margin: 40px 0 10px 0;
}
.skinDescripcion textarea {
	width: 95%;
	height: 150px;
}

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

table.loginCuerpo {
	height: 349px;
	background-color: #CCE70B;
	width: 362px;
}

td.loginCuerpoIzquierda {
	background: #CCE70B url('/img/login/cuerpo-fondo1.gif') repeat-y left top;
}
td.loginCuerpoCentro {
/*	background:#CCE70B url('/img/login/cuerpo2.gif') repeat-x scroll left top;*/
	background:#CCE70B;
}
td.loginCuerpoDerecha {
	background: #CCE70B url('/img/login/cuerpo-fondo2.gif') repeat-y left top;
}
td.loginCuerpoInferior {
	height: 40px;
	background: #CCE70B url('/img/login/cuerpo-inferior.gif') no-repeat left top;
}
div#loginOpcionesQueEsSSOContent {
	display: none;
	float: left;
	overflow: hidden;
}
div#loginOpcionesQueEsSSOContent a {
	color: #3E4D59;
	font-weight: bold;
	text-decoration: underline;
}


div.loginOpciones {
	margin-top: 60px;
	width: 262px;
	float: left;
}
div.loginOpciones a {
	color:#3E4D59;
	font-weight:bold;
}
div.loginOpcionNoTengoSSO {
	float: left;
}
div.loginOpcionQueEsSSO {
        margin-left: 5px;
	float: left;
}

table.loginCuerpo {
	height: 349px;
	background-color: #CCE70B;
	width: 362px;
}

td.loginCuerpoIzquierda {
	background: #CCE70B url('/img/login/cuerpo-fondo1.gif') repeat-y left top;
	width: 47px;
}
td.loginCuerpoCentro {
/*	background:#CCE70B url('/img/login/cuerpo2.gif') repeat-x scroll left top;*/
	background:#CCE70B;
}
td.loginCuerpoDerecha {
	background: #CCE70B url('/img/login/cuerpo-fondo2.gif') repeat-y left top;
	width: 47px;
}
td.loginCuerpoInferior {
	height: 40px;
	background: #CCE70B url('/img/login/cuerpo-inferior.gif') no-repeat left top;
}
div#loginOpcionesQueEsSSOContent {
	display: none;
	float: left;
	overflow: hidden;
}
div#loginOpcionesQueEsSSOContent a {
	color: #3E4D59;
	font-weight: bold;
	text-decoration: underline;
}


div.loginOpciones {
	margin-top: 60px;
	width: 262px;
	float: left;
}
div.loginOpciones a {
	color:#3E4D59;
	font-weight:bold;
}
div.loginOpcionNoTengoSSO {
	float: left;
}
div.loginOpcionQueEsSSO {
        margin-left: 5px;
	float: left;
}

/******************************************************************************/
/* ESTILOS GENERICOS */


body {
	margin: 0;
	font-family: Arial, Serif;
	font-size: 10pt;
	color: #3F474A;
	
	/* Para poder hacer iframes con height 100% en FF */
	height: 100%;
}

h2, h3 {
	margin: 7px 0;
	color: #3F474A;
}

h2 {
	font-size: 14pt;
}

h3 {
	font-size: 12pt;
}

hr {
	border: 1px dotted #A3B909;
	margin: 30px 0;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #A3B909;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}

form {
	margin: 0;
}

.input-text {
	font-size: 10pt;
	padding: 5px;
	border: 1px solid #cccccc;
}

.input-submit {
	padding: 5px;
	font-weight: bold;
	border: 1px solid #3F474A;
	background: #CCE70B;
	color: #3F474A;
}

textarea {
	width: 70%;
	height: 200px;
	border: 1px solid #cccccc;
	padding: 5px;
}

#contenidos {
	clear: both;
	padding: 40px 20px 20px 20px;
}

#msg {
	border: 1px solid #CCE70B;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px;
}

.comentario {
	color: #AAAAAA;
}
div.comentario {
	overflow: hidden; 
	width: 200px;
	padding: 5px 0 0 0;
}
#autentificacion_inputs {
	margin: 5px 0 0 0;
	width: 200px;
}
#autentificacion_inputs input {
	margin: 5px;
}
.etiqueta {
	font-size: 8pt;
	text-decoration: none;
	white-space: nowrap;
}

.etiqueta img {
	vertical-align: middle;
	padding: 4px;
}

.progreso {
	font-size: 8pt;
	text-decoration: none;
	white-space: nowrap;
	color: #AAAAAA;
}

.progreso img {
	vertical-align: middle;
}

blockquote {
	margin: 5px 0 5px 20px;
}

object, embed {
	margin: 7px 0;
}

#loading {
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #CCE70B;
	font-weight: bold;
	color: #3F474A;
	padding: 2px;
	z-index: 300;
}

/* Contenedor de distintos tooltips - no cambiar */
.xstooltip 
{
	display: none;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

/* Forma de marcar los shortcuts de teclado */
.accesoDirecto {
	border-bottom: 2px solid #ffffff;
}

/* Recuadro con mensajes aclaratorios */
.recuadroMensaje,
.recuadroMensajeAdvertencia {
	border: 1px solid #dddddd;
	margin: 10px 0;
	padding: 7px;
}
.recuadroMensaje .chico {
	font-size: 8pt;
}

/* Mensajes advertencia */
.recuadroMensajeAdvertencia {
	border: 1px solid #FCCE06;
	background: #FFFFA4;
}
.recuadroMensajeAdvertencia div {
	background: #FFFFA4 url("/img/ico/warn.png") no-repeat center left;
	padding-left: 23px;
}

/* El fondo opaco que se posa sobre todo lo demas cuando levantamos una ventana */
#fondoOpaco {
	background-color: #333333;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: .2;
	filter: alpha(opacity=20);
}

/* Tooltip generico con mensajes simples */
.tooltip {
	border: 1px solid #3E4D59;
	background: #ffffff;
	padding: 7px;
}


/******************************************************************************/
/* ENCABEZADO */


.encabezado {
	height: 80px;
	background: #3E4D59 url("/img/encabezado/fondo.gif") repeat-x top left;
}

.encabezadoLinks {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 10pt;
	text-align: right;
	padding: 20px 20px 0 0;
	color: #aaa;
}

.encabezadoLinks strong {
	color: #fff;
}

.encabezadoLinks a {
	font-weight: normal;
	color: #CCE70B;
	text-decoration: none;
}

.encabezadoLinks a:hover {
	text-decoration: underline;
}

.encabezadoMarca {
	position: absolute;
	top: 0px;
	left: 0px;
	/*width: 232px;*/
	width: 348px;
	height: 80px;
	color: #ffffff;
	background: #3E4D59 url("/img/encabezado/isologo.gif") no-repeat top left;
}

.encabezadoMarca span {
	display: none;
}


/******************************************************************************/
/* SOLAPAS PRINCIPALES */


.solapas {
	width: 100%;
	float: left;
	background: url("/img/solapas/fondo.gif") repeat-x bottom left;
	line-height: normal;
	padding: 0;
}

.solapas ul {
	list-style-type: none;
	padding: 10px 0 0 10px;
	margin: 0;
}

.solapas li {
	float: left;
	display: block;
	background: url(/img/solapas.jpg) -0 -61px;
	padding: 0 0 0 10px;
	margin: 1px 0 0 0;
}

.solapas li.activa {
	background: url(/img/solapas.jpg);
	padding: 0 0 0 10px;
	margin: 0;
}

.solapas li a {
	float: left;
	display: block;
	background: url(/img/solapas.jpg) right -61px;
	text-decoration: none;
	font-weight: bold;
	color: #616D77;
	padding: 10px 20px 5px 8px;
}

.solapas li.activa a {
	background: url(/img/solapas.jpg) right 0;
	padding-bottom: 7px;
	color: #3B454D;
}

.solapasFin {
	clear: both;
	padding-bottom: 10px;
}


/******************************************************************************/
/* LISTAS DINAMICAS */


/* TABLA CON EL TITULO DE LA LISTA */
table.dinaTitulo {
	background: url(/img/tablas2.jpg) right 0;
	border-collapse: collapse;
	margin: 10px 0 0 0;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	height: 36px;
}
td.dinaTituloIzquierda {
	width: 10px;
	background: url(/img/tablas2.jpg);
}
td.dinaTituloDerecha {
}

/* TITULO DE LA LISTA */
td.dinaTituloTexto {
	width: 1px;
	white-space: nowrap;
	padding: 0 5px;
	text-align: left;
}

/* LINKS DENTRO DEL TITULO (A LA DERECHA) */
td.dinaTituloLinks {
	text-align: right;
	padding: 0 5px;
}
td.dinaTituloLinks a {
	color: #CCE70B;
	font-weight: bold;
}

/* EXPORTAR A EXCEL */
td.dinaTituloTextoExportar {
	padding: 0 5px 0 10px;
	background: #36434E url("/img/tablas/titulo2.gif") repeat-x top left;
}
td.dinaTituloTextoExportar a {
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
	color: #C4C8CB;
}
td.dinaTituloTextoExportar img {
	vertical-align: bottom;
}


/* TABLA CON EL SUBTITULO DE LA LISTA (BUSCADOR, CANTIDAD DE RESULTADOS, PAGINADOR, ETC) */
table.dinaSubTitulo {
	background: url(/img/tablas2.jpg) right -41px;
	border-collapse: collapse;
	margin: 0 0 10px 0;
	width: 100%;
	color: #3F474A;
	height: 40px;
	font-weight: bold;
}
td.dinaSubTituloIzquierda {
	width: 10px;
	background: url(/img/tablas2.jpg) 0 -41px;
}
td.dinaSubTituloDerecha {
	width: 10px;
}
td.dinaSubTituloBuscarTexto, td.dinaSubTituloBuscarInput, td.dinaSubTituloMostrarTexto, td.dinaSubTituloMostrarInput, td.dinaSubTituloVerInput {
	width: 1px;
	padding: 0 5px;
}

/* RECARGAR LA LISTA */
td.dinaSubTituloRecargar {
	padding: 0 5px 0 20px;
}
td.dinaSubTituloRecargar a {
	font-weight: normal;
	font-size: 8pt;
	color: #5C5C5C;
}
td.dinaSubTituloRecargar img {
	vertical-align: bottom;
}

/* LINKS DEL PAGINADOR */
td.dinaSubTituloPaginas {
	text-align: right;
	color: #ADB1B2;
	padding: 0 5px;
	background: #D9D8D9 url("/img/tablas/subtitulo2.gif") repeat-x bottom left;
}
td.dinaSubTituloPaginas a {
	color: #3F474A;
	font-weight: bold;
}
td.dinaSubTituloPaginas a:hover {
	text-decoration: underline;
}
td.dinaSubTituloPaginas a.current {
	text-decoration: underline;
}


/* TABLA CON REGISTROS DINAMICOS (LISTA DE USUARIOS, EDITAR, ELIMINAR, ETC) */
table.dinaRegistros {
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
}
table.dinaRegistros td, table.dinaRegistros th {
	padding: 7px;
	text-align: left;
	white-space: nowrap;
}

/* ENCABEZADO DE REGISTROS */
th.dinaEncabezadoIzquierda, th.dinaEncabezadoMedio, th.dinaEncabezadoDerecha {
	border-bottom: 1px solid #92A608;
}
th.dinaEncabezadoIzquierda {
	width: 10px;
	background: url(/img/tablas2.jpg) 0 -82px;
}
th.dinaEncabezadoMedio {
	background: url(/img/tablas2.jpg) -40px -82px;
	color: #202A31;
}
th.dinaEncabezadoDerecha {
	width: 10px;
	background: url(/img/tablas2.jpg) right -82px;
}

/* REGISTROS CON DATOS */
table.dinaRegistros tr.off td {
	cursor: default;
}
table.dinaRegistros tr.on td {
	cursor: pointer;
}

table.dinaRegistros tr.off td.dinaRegistrosIzquierda, 
table.dinaRegistros tr.off td.dinaRegistrosMedio, 
table.dinaRegistros tr.off td.dinaRegistrosDerecha {
	background-color: #ffffff;
	border-bottom: 1px solid #E6EEAE;
}
table.dinaRegistros tr.on td.dinaRegistrosIzquierda, 
table.dinaRegistros tr.on td.dinaRegistrosMedio, 
table.dinaRegistros tr.on td.dinaRegistrosDerecha {
	background-color: #EBF59D;
	border-bottom: 1px solid #C8D086;
	cursor: pointer;
}

table.dinaRegistros tr.off a {
	color: #A3B618;
	text-decoration: underline;
}
table.dinaRegistros tr.on a {
	color: #717D18;
	text-decoration: underline;
}

table.dinaRegistros tr.off td.dinaRegistrosIzquierdaUltimo, table.dinaRegistros tr.off td.dinaRegistrosMedioUltimo {
	background: #ffffff url("/img/tablas/row00.gif") repeat-x bottom left;
}
table.dinaRegistros tr.off td.dinaRegistrosDerechaUltimo {
	width: 10px;
	background: url(/img/tablas.jpg) -14px bottom;
}
table.dinaRegistros tr.on td.dinaRegistrosIzquierdaUltimo, table.dinaRegistros tr.on td.dinaRegistrosMedioUltimo {
	background: #EBF59D url("/img/tablas/row01.gif") repeat-x bottom left;
}
table.dinaRegistros tr.on td.dinaRegistrosDerechaUltimo {
	width: 10px;
	background: url(/img/tablas.jpg) -53px bottom;
}

/* Colores especiales que levantamos desde Javascript para *
 * hacer el fade out al modificar o eliminar         
 */

.dinaListaRowModificada {
	color: #CCE70B;
}
.dinaListaRowEliminada {
	color: #FF0000;
}

/* TABLA CON CONTENIDOS Y MENSAJES DE NO HAY REGISTROS */
table.dinaCuerpo {
	clear: both;
	border-collapse: collapse;
	margin: 0 0 10px 0;
	width: 100%;
	color: #3F474A;
	height: 35px;
}
td.dinaCuerpoIzquierda {
	width: 10px;
	background: #ffffff url("/img/tablas/cuerpo1.gif") no-repeat bottom left;
}
td.dinaCuerpoDerecha {
	width: 10px;
	background: #ffffff url("/img/tablas/cuerpo3.gif") no-repeat bottom right;
}
td.dinaCuerpoTexto {
	padding: 10px;
	background: #ffffff url("/img/tablas/cuerpo2.gif") repeat-x bottom left;
	text-align: center;
}


/******************************************************************************/
/* LOGIN */


body.login {
	margin: 0;
	padding: 0;
	background: #ffffff url("/img/login/fondo.gif") repeat-x top left;
}

div.loginContenedor {
	width: 400px;
	margin: 55px auto auto;
}

div.loginContenedor table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

td.loginEncabezadoIzquierda div { visibility: hidden; }
td.loginEncabezadoIzquierda {
	background: transparent url(/img/login.jpg);
	padding: 0;
	width: 47px;
}
td.loginEncabezadoCentro {
	background: url(/img/login.jpg) -48px 0;
	width: 268px;
	padding: 142px 0 23px 0;
	vertical-align: top;
}
td.loginEncabezadoCentro span {
	display: block;
	width: 1px;
	height: 1px;
	font-size: 1px;
}
div.loginEncabezadoMensaje {
	font-weight: bold;
	color: #000000;
	text-align: center;
	background: url(/img/login.jpg) -365px -0px;
	width: 268px;
	height: 46px;
	font-size: 10pt;
	overflow: hidden;
}
div.loginEncabezadoMensaje div {
	padding-top: 15px
}

td.loginEncabezadoDerecha div { visibility: hidden; }
td.loginEncabezadoDerecha {
	padding: 0;
	background: url(/img/login.jpg) repeat scroll -317px 0;
	width: 47px;
}

table.loginCuerpo {
	height: 349px;
}
td.loginCuerpoIzquierda div { visibility: hidden; }
td.loginCuerpoIzquierda {
	background: url(/img/login.jpg) -0 -218px;
	padding: 0;
	width: 47px;
}
td.loginCuerpoCentro {
	background: url(/img/login.jpg) -48px -218px;
	width: 268px;
	padding: 14px 0 0 0;
	vertical-align: top;
}
td.loginCuerpoDerecha div { visibility: hidden; }
td.loginCuerpoDerecha {
	padding: 0;
	background: url(/img/login.jpg) -317px -218px;
	width: 47px;
}

div.loginInput,
div.loginInputBlur {
	padding-top: 26px;
}
div.loginInput input,
div.loginInputBlur input {
	width: 263px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	background: url(/img/login.jpg) -365px -82px;
	border: 0;
	margin: 1px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 18pt;
	font-weight: bold;
	color: #000000;
}
div.loginInputBlur input {
	background: url(/img/login.jpg) -365px -47px;
	color: #626F06;
}

div.loginInputUsuario span { display: none; }
div.loginInputUsuario {
	width: 48px;
	height: 11px;
	cursor: pointer;
}
div.loginInput div.loginInputUsuario {
	background: url(/img/login.jpg) -414px -117px;
}
div.loginInputBlur div.loginInputUsuario {
	background: url(/img/login.jpg) -365px -117px;
}

div.loginInputCuenta span { display: none; }
div.loginInputCuenta {
	width: 45px;
	height: 11px;
	cursor: pointer;
}
div.loginInput div.loginInputCuenta {
	background: url(/img/login.jpg) -411px -129px;
}
div.loginInputBlur div.loginInputCuenta {
	background: url(/img/login.jpg) -365px -129px;
}

div.loginInputContrasena span { display: none; }
div.loginInputContrasena {
	width: 74px;
	height: 14px;
	cursor: pointer;
}
div.loginInput div.loginInputContrasena {
	background: url(/img/login.jpg) -440px -141px;
}
div.loginInputBlur div.loginInputContrasena {
	background: url(/img/login.jpg) -365px -141px;
}

div.loginRecordar {
	margin-top: 24px;
	float: left;
}

div.loginOlvido {
	margin: 5px 0 0;
}
div.loginOlvido a {
	color: #3E4D59;
	font-weight: bold;
}

div.loginSubmit {
	padding-top: 35px;
	text-align: right;
}
div.loginSubmit input {
	background: url(/img/login.jpg) -531px -156px;
	width: 71px;
	height: 42px;
	padding-top: 42px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}

div.loginEnviarClave {
	padding-top: 35px;
	text-align: right;
}
div.loginEnviarClave input {
	background: url(/img/login.jpg) -365px -156px;
	width: 165px;
	height: 42px;
	padding-top: 42px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}
.loginMensajeOlvido {
	border: 2px dotted #ff0000;
	padding: 10px;
	text-align: center;
	background: #fff000;
}

/******************************************************************************/
/* ESTADISTICAS WEB (AWSTATS Y CODIGO PROPIO) */

#estadisticasHtml {
	
}

#estadisticasHtml .volver {
	background-color: #CCE70B;
	border: 1px solid #A3B909;
	padding: 5px;
	margin: 10px 0;
	width: 90px;
	text-align: center;
}

#estadisticasHtml .volver img {
	margin-right: 10px;
	vertical-align: bottom;
}

#estadisticasHtml .volver a {
	color: #3E4D59;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#estadisticasHtml .aws_border {
	background-color: #3F474A;
	border-collapse: collapse;
	border: 0;
	padding: 0;
}

#estadisticasHtml .aws_title {
	font-weight: bold;
	background-color: #3F474A;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 10px;
	color: #ffffff;
}
#estadisticasHtml .aws_blank  {
	background-color: #3F474A;
}

#estadisticasHtml .aws_title a {
	font-weight: bold;
	color: #CCE70B;
}

#estadisticasHtml .aws_data {
	border-collapse: collapse;
	font-size: 8pt;
}

#estadisticasHtml .aws_data th,
#estadisticasHtml .aws_data td {
	padding: 4px 2px;
	text-align: center;
	border: 0;
}

#estadisticasHtml .aws_data th {
	background-color: #dddddd;
	border-bottom: 1px solid #cccccc;
}

#estadisticasHtml .aws_data td {
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
}

#estadisticasHtml .aws_data td.aws {
	text-align: left;
}

#estadisticasHtml .CTooltip {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 380px;
	visibility:hidden;
	background-color: #FFFFE6;
	padding: 8px;
	border: 1px solid black;
}

#estadisticasHtml .aws_data td.aws_color1 {
	background-color: #D9D9D9;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color2 {
	background-color: #FFBA82;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color3 {
	background-color: #F4F090;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color4 {
	background-color: #789CE4;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color5 {
	background-color: #9CE5EF;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color6 {
	background-color: #82CBC2;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color7 {
	background-color: #ECECEC;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color8 {
	background-color: #EAEAEA;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color9 {
	background-color: #8888DD;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color10 {
	background-color: #CEC2E8;
	font-weight: bold;
}

#estadisticasHtml .aws_data td.aws_color11 {
	background-color: #C1B2E2;
	font-weight: bold;
}


/******************************************************************************/
/* MENU VERTICAL (ESTADISTICAS WEB) */


.menuVertical {
	width: 170px;
	margin-right: 20px;
}

.menuVerticalTitulo {
	background-color: #3F474A;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 5px;
}

.menuVerticalItem {
	background-color: #dddddd;
	border-bottom: 1px solid #cccccc;
	color: #3F474A;
	padding: 3px 5px;
}

.menuVerticalItem a {
	color: #3F474A;
	font-weight: bold;
	display: block;
}

.menuVerticalSubitem {
	background-color: #dddddd;
	border-bottom: 1px solid #cccccc;
	color: #3F474A;
	padding: 3px 5px;
}

.menuVerticalSubitem a {
	color: #3F474A;
	font-weight: normal;
	display: block;
	padding-left: 10px;
}

.menuVerticalActivo .menuVerticalItem,
.menuVerticalActivo .menuVerticalSubitem { 
	background-color: #CCE70B;
	color: #3E4D59;
}
.menuVerticalActivo .menuVerticalItem a,
.menuVerticalActivo .menuVerticalSubitem a { 
	color: #3F474A;
}





/******************************************************************************/
/* CUADRO DE PROGRESO EN UPLOADS AJAX */


.uploadContenedor {
	text-align: center;
}

.progressBar {
	position: relative;
	padding: 5px;
	width: 200px;
	font-size: 8pt;
	margin: 5px auto;
	text-align: center;
	border: 1px solid #ADB1B2;
}

.progressBar .background {
	border: solid 1px #3E4D59;
	width: 200px;
	height: 10px;
}

.progressBar .bar {
	position: relative;
	background-color: #CCE70B;
	width: 10px;
	height: 10px;
}


/******************************************************************************/
/* MENU PRINCIPAL */


/*
	Formato HTML del menu:
	----------------------
	
	<table class="ThemeCPMenu">
	<tr>
		<td class="ThemeCPMainItem" id="mainItemTd_micuenta">
			<span class="ThemeCPMainFolderLeft"></span>
			<span class="ThemeCPMainFolderText" id="mainItemSpan_micuenta">MI CUENTA</span>
			<span class="ThemeCPMainFolderRight"></span>
		</td>
		<td class="ThemeCPMainItem">
			<span class="ThemeCPMainFolderLeft"></span>
			<span class="ThemeCPMainFolderText" id="mainItemSpan_micuenta">DOMINIOS</span>
			<span class="ThemeCPMainFolderRight"></span>
		</td>
	</tr>
	</table>
	<div class="ThemeCPSubMenu">
		<table class="ThemeCPSubMenuTable">
			<tr class="ThemeCPMenuItem">
				<td class="ThemeCPMenuItemLeft"></td>
				<td class="ThemeCPMenuItemText">Submenu 1</td>
				<td class="ThemeCPMenuItemRight"></td>
			</tr>
			<tr class="ThemeCPMenuItem">
				<td class="ThemeCPMenuItemLeft"></td>
				<td class="ThemeCPMenuItemText">Submenu 2</td>
				<td class="ThemeCPMenuItemRight"></td>
			</tr>
			<tr class="ThemeCPMenuItem">
				<td class="ThemeCPMenuItemLeft"></td>
				<td class="ThemeCPMenuItemText">Submenu 3</td>
				<td class="ThemeCPMenuItemRight"></td>
			</tr>
		</table>
	</div>
*/

#menuHorizontal {
	background: #BEC64C;
	height: 30px;
}

#menuHorizontal table.ThemeCPMenu {
	padding: 0;
	width: 100%;
	height: 30px;
}

.ThemeCPMainItem, .ThemeCPMainItemHover, .ThemeCPMainItemActive, .ThemeCPMainItemDisabled {
	height: 30px;
	white-space: nowrap;
	cursor: pointer;
	vertical-align: bottom;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width: 13%;
	padding: 0;
	background: url(/img/menu.jpg) right -31px;
}
.ThemeCPMainIten span.ThemeCPMainFolderText {
}
.ThemeCPMainItemDisabled {
	background: url(/img/menu.jpg) right 0;
	cursor: default;
}
.ThemeCPMainFolderLeft {
	background: url(/img/menu.jpg) -0 -31px;
	display: block;
	float: left;
	height: 30px;
	width: 1px;
}
.ThemeCPMainItemDisabled .ThemeCPMainFolderLeft {
	background: url(/img/menu.jpg);
}
.ThemeCPMainFolderText {
	background: transparent;
	display: block;
	text-align: center;
	margin: 0 auto 0 auto;
	line-height: 30px; /* FF text2image hack */
	height: 30px;      /* IE text2image hack */
}
.ThemeCPMainFolderRight {
	display: none;
}

#mainItemSpan_micuenta span { display: none; }
#mainItemSpan_micuenta {
	background: url(/img/menu.jpg) -82px -256px;
	width: 66px;
}
.ThemeCPMainItemDisabled #mainItemSpan_micuenta {
	background: url(/img/menu.jpg) -82px -318px;
	width: 66px;
}
.ThemeCPMainItemHover #mainItemSpan_micuenta, .ThemeCPMainItemActive #mainItemSpan_micuenta {
	background: url(/img/menu.jpg) -82px -287px;
	width: 66px;
}
#mainItemSpan_dominios span { display: none; }
#mainItemSpan_dominios {
	background: url(/img/menu.jpg) -454px -163px;
	width: 62px;
}
.ThemeCPMainItemDisabled #mainItemSpan_dominios {
	background: url(/img/menu.jpg) -454px -225px;
	width: 62px;
}
.ThemeCPMainItemHover #mainItemSpan_dominios, .ThemeCPMainItemActive #mainItemSpan_dominios {
	background: url(/img/menu.jpg) -454px -194px;
	width: 62px;
}
#mainItemSpan_administracion span { display: none; }
#mainItemSpan_administracion {
	background: url(/img/menu.jpg) -64px -163px;
	width: 101px;
}
.ThemeCPMainItemDisabled #mainItemSpan_administracion {
	background: url(/img/menu.jpg) -64px -225px;
	width: 101px;
}
.ThemeCPMainItemHover #mainItemSpan_administracion, .ThemeCPMainItemActive #mainItemSpan_administracion {
	background: url(/img/menu.jpg) -64px -194px;
	width: 101px;
}
#mainItemSpan_correo span { display: none; }
#mainItemSpan_correo {
	background: url(/img/menu.jpg) -400px -163px;
	width: 53px;
}
.ThemeCPMainItemDisabled #mainItemSpan_correo {
	background: url(/img/menu.jpg) -400px -225px;
	width: 53px;
}
.ThemeCPMainItemHover #mainItemSpan_correo, .ThemeCPMainItemActive #mainItemSpan_correo {
	background: url(/img/menu.jpg) -400px -194px;
	width: 53px;
}
#mainItemSpan_mysql span { display: none; }
#mainItemSpan_mysql {
	background: url(/img/menu.jpg) -149px -256px;
	width: 44px;
}
.ThemeCPMainItemDisabled #mainItemSpan_mysql {
	background: url(/img/menu.jpg) -149px -318px;
	width: 44px;
}
.ThemeCPMainItemHover #mainItemSpan_mysql, .ThemeCPMainItemActive #mainItemSpan_mysql {
	background: url(/img/menu.jpg) -149px -287px;
	width: 44px;
}
#mainItemSpan_reportes span { display: none; }
#mainItemSpan_reportes {
	background: url(/img/menu.jpg) 0 -163px;
	width: 63px;
}
.ThemeCPMainItemDisabled #mainItemSpan_reportes {
	background: url(/img/menu.jpg) 0 -225px;
	width: 63px;
}
.ThemeCPMainItemHover #mainItemSpan_reportes, .ThemeCPMainItemActive #mainItemSpan_reportes {
	background: url(/img/menu.jpg) 0 -194px;
	width: 63px;
}
#mainItemSpan_avanzado span { display: none; }
#mainItemSpan_avanzado {
	background: url(/img/menu.jpg) -190px -163px;
	width: 64px;
}
.ThemeCPMainItemDisabled #mainItemSpan_avanzado {
	background: url(/img/menu.jpg) -190px -225px;
	width: 64px;
}
.ThemeCPMainItemHover #mainItemSpan_avanzado, .ThemeCPMainItemActive #mainItemSpan_avanzado {
	background: url(/img/menu.jpg) -190px -194px;
	width: 64px;
}
#mainItemSpan_clientes span { display: none; }
#mainItemSpan_clientes {
	background: url(/img/menu.jpg) -255px -163px;
	width: 56px;
}
.ThemeCPMainItemDisabled #mainItemSpan_clientes {
	background: url(/img/menu.jpg) -255px -225px;
	width: 56px;
}
.ThemeCPMainItemHover #mainItemSpan_clientes, .ThemeCPMainItemActive #mainItemSpan_clientes {
	background: url(/img/menu.jpg) -255px -194px;
	width: 56px;
}
#mainItemSpan_planes span { display: none; }
#mainItemSpan_planes {
	background: url(/img/menu.jpg) -352px -163px;
	width: 47px;
}
.ThemeCPMainItemDisabled #mainItemSpan_planes {
	background: url(/img/menu.jpg) -352px -225px;
	width: 47px;
}
.ThemeCPMainItemHover #mainItemSpan_planes, .ThemeCPMainItemActive #mainItemSpan_planes {
	background: url(/img/menu.jpg) -352px -194px;
	width: 47px;
}
#mainItemSpan_panel span { display: none; }
#mainItemSpan_panel {
	background: url(/img/menu.jpg) -312px -163px;
	width: 39px;
}
.ThemeCPMainItemDisabled #mainItemSpan_panel {
	background: url(/img/menu.jpg) -312px -225px;
	width: 39px;
}
.ThemeCPMainItemHover #mainItemSpan_panel, .ThemeCPMainItemActive #mainItemSpan_panel {
	background: url(/img/menu.jpg) -312px -194px;
	width: 39px;
}
#mainItemSpan_facturacion span { display: none; }
#mainItemSpan_facturacion {
	background: url(/img/menu.jpg) 0 -256px;
	width: 81px;
}
.ThemeCPMainItemDisabled #mainItemSpan_facturacion {
	background: url(/img/menu.jpg) 0 -318px;
	width: 81px;
}
.ThemeCPMainItemHover #mainItemSpan_facturacion, .ThemeCPMainItemActive #mainItemSpan_facturacion {
	background: url(/img/menu.jpg) 0 -287px;
	width: 81px;
}
#mainItemSpan_api span { display: none; }
#mainItemSpan_api {
	background: url(/img/menu.jpg) -166px -163px;
	width: 23px;
}
.ThemeCPMainItemDisabled #mainItemSpan_api {
	background: url(/img/menu.jpg) -166px -225px;
	width: 23px;
}
.ThemeCPMainItemHover #mainItemSpan_api, .ThemeCPMainItemActive #mainItemSpan_api {
	background: url(/img/menu.jpg) -166px -194px;
	width: 23px;
}

.ThemeCPMainItemHover,.ThemeCPMainItemActive {
	background: url(/img/menu.jpg) right -62px;
	color: #3E4C59;
}
.ThemeCPMainItemHover .ThemeCPMainFolderLeft,.ThemeCPMainItemActive .ThemeCPMainFolderLeft {
	background: url(/img/menu.jpg) 0 -62px;
}
.ThemeCPMainItemHover .ThemeCPMainFolderText,.ThemeCPMainItemActive .ThemeCPMainFolderText {
	background: transparent;
}

.ThemeCPSubMenu {
	position: absolute;
	visibility: hidden;
}

.ThemeCPSubMenuTable {
	padding: 0;
	border: 0;
	border-bottom: 1px solid #C3C3C3;
}

.ThemeCPMenuItem, .ThemeCPMenuItemHover, .ThemeCPMenuItemActive {
	margin: 0;
	padding: 0;
}

.ThemeCPMenuItemLeft, .ThemeCPMenuItemText, .ThemeCPMenuItemRight {
	height: 34px;
	cursor: pointer;
	font-weight: normal;
	padding: 0;
}

.ThemeCPMenuItemLeft {
	width: 15px;
	background: url(/img/menu.jpg) 0 -93px;
}
.ThemeCPMenuItemText {
	padding-right: 50px;
	background: #ffffff;
	color: #000000;
}
.ThemeCPMenuItemRight {
	width: 15px;
	background: url(/img/menu.jpg) right -93px;
}

.ThemeCPMenuItemHover .ThemeCPMenuItemLeft, .ThemeCPMenuItemActive .ThemeCPMenuItemLeft {
	width: 15px;
	background: url(/img/menu.jpg) -0 -128px;
}
.ThemeCPMenuItemHover .ThemeCPMenuItemText, .ThemeCPMenuItemActive .ThemeCPMenuItemText {
	background: url(/img/menu.jpg) -40px -128px;
	color: #ffffff;
}
.ThemeCPMenuItemHover .ThemeCPMenuItemRight, .ThemeCPMenuItemActive .ThemeCPMenuItemRight {
	width: 15px;
	background: url(/img/menu.jpg) right -128px;
}

td.ThemeCPMenuSplit {
	height: 5px;
	background: url(/img/menu.jpg) right -93px;
	padding: 0;
	font-size: 1px;
}

td.ThemeCPMenuSplit div {
	height: 5px;
	width: 5px;
	background: url(/img/menu.jpg) 0 -93px;
}


/******************************************************************************/
/* NAVEGADOR DE CARPETAS */


.navegador {
	width: 250px;
	background: #ffffff;
	padding: 10px;
	border: 1px solid #3E4D59;
}

.navegador a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #777777;
}

.navegador img {
	vertical-align: bottom;
}

.navegadorVentana {
	
}

.navegadorEncabezado {
	background: #eeeeee;
	margin-bottom: 10px;
	height: 30px;
}

.navegadorVolver {
	float: left;
	margin: 7px;
}

.navegadorCerrar {
	float: right;
	margin: 7px;
}

.navegadorRuta {
	clear: both;
	margin: 10px 0;
	border: 1px solid #cccccc;
	padding: 3px;
}

.navegadorRuta input {
	border: 0;
	width: 100%;
}

.navegadorCarpetas {
	clear: both;
	overflow: auto;
	height: 200px;
}

.navegadorCarpeta {
	padding: 3px;
}


/******************************************************************************/
/* VENTANAS */


.ventanaContenedor {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	z-index: 200;
	text-align: center;
}

.ventanaMarco {
	width: 400px;
	margin: auto;
	text-align: left;
}


/******************************************************************************/
/* VENTANAS: ENCABEZADO */


.ventanaEncabezado {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 40px;
	border-bottom: 1px solid #727272;
}
.ventanaEncabezado td {
	padding: 0;
}
.ventanaEncabezadoIzquierda {
	background: transparent url("/img/ventana/encabezado1.gif") no-repeat top left;
	width: 10px;
}
.ventanaEncabezadoTexto {
	background: #CEE80E url("/img/ventana/encabezado2.gif") repeat-x top left;
	text-align: center;
	color: #3E4D59;
	font-weight: bold;
	
}
.ventanaEncabezadoDerecha {
	background: transparent url("/img/ventana/encabezado3.gif") no-repeat top right;
	width: 10px;
}


/******************************************************************************/
/* VENTANAS: CUERPO */


.ventanaCuerpo {
	border-left: 1px solid #727272;
	border-right: 1px solid #727272;
	background: #ffffff;
	clear: both;
}

.ventanaCuerpoSolapas {
	padding: 10px;
}

.ventanaCuerpo table {
	width: 95%;
	border-collapse: collapse;
}

.ventanaCuerpo td, .ventanaCuerpo th {
	border-bottom: 1px solid #dddddd;
	padding: 10px;
}

.ventanaCuerpo th {
	background-color: #efefef;
}

.ventanaCuerpo th img {
	vertical-align: bottom;
}


/******************************************************************************/
/* VENTANAS: BOTONES */


.ventanaBotones {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 70px;
}
.ventanaBotones td {
	padding: 0;
}
.ventanaBotonesIzquierda {
	background: transparent url("/img/ventana/pie1.gif") no-repeat bottom left;
	width: 10px;
}
.ventanaBotonesTexto {
	background: #ffffff url("/img/ventana/pie2.gif") repeat-x bottom left;
	text-align: center;
	vertical-align: top;
}
.ventanaBotonesDerecha {
	background: transparent url("/img/ventana/pie3.gif") no-repeat bottom right;
	width: 10px;
}

.ventanaBotonAceptar {
	background: transparent url("/img/ventana/aceptar.gif") no-repeat top left;
	width: 63px;
	height: 52px;
	padding-top: 52px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
	margin-right: 20px;
}
.ventanaBotonAceptarDisabled {
	background: transparent url("/img/ventana/aceptar-disabled.gif") no-repeat top left;
}
.ventanaBotonCancelar {
	background: transparent url("/img/ventana/cancelar.gif") no-repeat top left;
	width: 72px;
	height: 52px;
	padding-top: 52px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}


/******************************************************************************/
/* VENTANAS: SOLAPAS */


table.ventanaSolapas {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 40px;
}
table.ventanaSolapas td {
	padding: 0;
}
table.ventanaSolapas td.ventanaSolapasIzquierda {
	background: transparent url("/img/ventana/encabezado1.gif") no-repeat top left;
	vertical-align: bottom;
	width: 10px;
}
table.ventanaSolapas td.ventanaSolapasIzquierda div {
	background: url("/img/ventana/sol-fondo.gif") repeat-x bottom left;
}
table.ventanaSolapas td.ventanaSolapasTexto {
	background: #CEE80E url("/img/ventana/encabezado2.gif") repeat-x top left;
	text-align: center;
	color: #3E4D59;
	font-weight: bold;
	padding-top: 12px;
}
table.ventanaSolapas td.ventanaSolapasDerecha {
	background: transparent url("/img/ventana/encabezado3.gif") no-repeat top right;
	vertical-align: bottom;
	width: 10px;
}
table.ventanaSolapas td.ventanaSolapasDerecha div {
	background: url("/img/ventana/sol-fondo.gif") repeat-x bottom left;
}

div.ventanaSolapasUl {
	width: 100%;
	float: left;
	background: url("/img/ventana/sol-fondo.gif") repeat-x bottom left;
	line-height: normal;
	padding: 0;
}

div.ventanaSolapasUl ul {
	list-style-type: none;
	padding: 10px 0 0 10px;
	margin: 0;
}

div.ventanaSolapasUl li {
	float: left;
	display: block;
	background: url("/img/ventana/sol-off-izq.gif") no-repeat top left;
	padding: 0 1px 0 10px;
	margin: 1px 0 0 0;
}

div.ventanaSolapasUl li.activa {
	background: url("/img/ventana/sol-on-izq.gif") no-repeat top left;
	padding: 0 1px 0 10px;
	margin: 0;
}

div.ventanaSolapasUl li a {
	float: left;
	display: block;
	background: url("/img/ventana/sol-off-der.gif") no-repeat top right;
	text-decoration: none;
	font-weight: bold;
	color: #616D77;
	padding: 10px 20px 5px 8px;
}

div.ventanaSolapasUl li.activa a {
	background: url("/img/ventana/sol-on-der.gif") no-repeat top right;
	padding-bottom: 7px;
	color: #3B454D;
}


/******************************************************************************/
/* VENTANAS: ITEMS INTERNOS */


.ventanaItemAgregar {
	background: #eeeeee;
	padding: 5px;
	text-align: center;
}

.ventanaItemAgregar img {
	vertical-align: bottom;
}

.ventanaItemAgregar a {
	display: block;
	color: #777777;
	font-weight: bold;
	text-decoration: none;
}

.ventanaItems {
	margin: 10px 0;
}

.ventanaItem {
	font-weight: bold;
	padding: 5px;
	background: #ffffff;
	border-bottom: 1px solid #E6EEAE;
}

.ventanaItemOver {
	background-color: #EBF59D;
	border-bottom: 1px solid #C8D086;
}

.ventanaItem a {
	color: #3E4D59;
	text-decoration: none;
	float: right;
	margin-right: 5px;
}

.ventanaItem img {
	vertical-align: bottom;
}


/******************************************************************************/
/* VENTANAS INTERNAS */


.ventanaInternaMarco {
	width: 200px;
	margin: auto;
	text-align: left;
}


/******************************************************************************/
/* VENTANAS INTERNAS: ENCABEZADO */


.ventanaInternaEncabezado {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 30px;
	border-bottom: 1px solid #727272;
}
.ventanaInternaEncabezado td {
	padding: 0;
}
.ventanaInternaEncabezadoIzquierda {
	background: #CCE70B url("/img/ventanaint/encabezado1.gif") no-repeat top left;
	width: 10px;
}
.ventanaInternaEncabezadoTexto {
	background: #CCE70B url("/img/ventanaint/encabezado2.gif") repeat-x top left;
	text-align: center;
	color: #3E4D59;
	font-weight: bold;
	
}
.ventanaInternaEncabezadoDerecha {
	background: #CCE70B url("/img/ventanaint/encabezado3.gif") no-repeat top right;
	width: 10px;
}


/******************************************************************************/
/* VENTANAS INTERNAS: CUERPO */


.ventanaInternaCuerpo {
	border-left: 1px solid #727272;
	border-right: 1px solid #727272;
	padding: 5px 0;
	background: #ffffff;
	clear: both;
}

.ventanaInternaCuerpo input {
	width: 95%;
}

.ventanaInternaCuerpo table {
	width: 100%;
	border-collapse: collapse;
}

.ventanaInternaCuerpo td, .ventanaInternaCuerpo th {
	border-bottom: 1px solid #eeeeee;
	padding: 5px;
}

.ventanaInternaCuerpo th {
	text-align: left;
}


/******************************************************************************/
/* VENTANAS INTERNAS: BOTONES */


.ventanaInternaBotones {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 60px;
}
.ventanaInternaBotones td {
	padding: 0;
}
.ventanaInternaBotonesIzquierda {
	background: transparent url("/img/ventanaint/pie1.gif") no-repeat bottom left;
	width: 10px;
}
.ventanaInternaBotonesTexto {
	background: #ffffff url("/img/ventanaint/pie2.gif") repeat-x bottom left;
	text-align: center;
	vertical-align: top;
}
.ventanaInternaBotonesDerecha {
	background: transparent url("/img/ventanaint/pie3.gif") no-repeat bottom right;
	width: 10px;
}

.ventanaInternaBotonAceptar {
	background: transparent url("/img/ventanaint/aceptar.gif") no-repeat top left;
	width: 63px;
	height: 52px;
	padding-top: 52px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
	margin-right: 20px;
}
.ventanaInternaBotonCancelar {
	background: transparent url("/img/ventanaint/cancelar.gif") no-repeat top left;
	width: 72px;
	height: 52px;
	padding-top: 52px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}


/******************************************************************************/
/* FRONTPAGE */


.frontpage {
	margin: 20px 0 0;
}

.frontpage table {
	border-collapse: collapse;
	margin: 0;
	border: 1px solid #dddddd;
}

.frontpage table th,
.frontpage table td {
	border-bottom: 1px solid #dddddd;
	padding: 10px;
}

.frontpage table th {
	background: #efefef;
}

.frontpage input {
	margin-top: 20px;
}

.frontpageBotonInstalar,
.frontpageBotonInstalarDisabled {
	background: transparent url("/img/frontpage/instalar-on.gif") no-repeat top left;
	width: 68px;
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}
.frontpageBotonInstalarDisabled {
	background: transparent url("/img/frontpage/instalar-off.gif") no-repeat top left;
}
.frontpageBotonDesinstalar {
	background: transparent url("/img/frontpage/desinstalar.gif") no-repeat top left;
	width: 87px;
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}


/******************************************************************************/
/* REPORTES */


.reportesEspacio,
.reportesTransferencia {
	margin-top: 20px;
}

.reportesEspacio table,
.reportesTransferencia table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

.reportesEspacio table td.reportesEspaciador,
.reportesTransferencia table td.reportesEspaciador {
	width: 20px;
}

.reportesLimites {
	margin-top: 20px;
}

.reportesLimites h1 {
	font-size: 14pt;
	margin: 0;
}

.reportesLimites table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

.reportesLimites table td {
	vertical-align: top;
	padding: 0 0 0 20px;
}

.reportesLimites table td.reportesLimitesPrimero {
	padding: 0px;
}

table.reportesTablaDatos {
	width: 700px;
}

.reportesTablaDatos th {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.reportesTablaDatos td {
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}

table.reportesLimitesDatos {
	clear: both;
	border-collapse: collapse;
	border: 1px solid #dddddd;
	border-top: 1px solid #cccccc;
}
table.reportesLimitesDatos td {
	padding: 10px 5px;
	border-bottom: 1px solid #dddddd;
	vertical-align: middle;
}
td.reportesLimitesDatosIco {
	padding: 0;
	text-align: center;
	width: 16px;
}
td.reportesLimitesDatosTitulo {
	font-weight: bold;
}
td.reportesLimitesDatosUsado {
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
}
td.reportesLimitesDatosBarra {
	width: 110px;
	text-align: center;
}
td.reportesLimitesDatosValor {
	width: 70px;
	text-align: right;
	font-weight: bold;
}


/******************************************************************************/
/* BARRAS DE PROGRESO */


.progresoVertical {
	margin: 0;
	text-align: center;
}
.progresoVerticalTitulo {
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
}
.progresoVerticalTotal {
	font-size: 8pt;
	font-weight: bold;
	color: #777;
	margin: 2px 0;
}
.progresoVerticalArriba {
	height: 4px;
	background: transparent url("/img/progreso/vertical1.gif") no-repeat top center;
}
.progresoVerticalLibre {
	background: transparent url("/img/progreso/vertical2.gif") repeat-y top center;
}
.progresoVerticalUsadoVerde {
	background: transparent url("/img/progreso/vertical2-verde.gif") repeat-y bottom center;
}
.progresoVerticalUsadoAmarillo {
	background: transparent url("/img/progreso/vertical2-amarillo.gif") repeat-y bottom center;
}
.progresoVerticalUsadoRojo {
	background: transparent url("/img/progreso/vertical2-rojo.gif") repeat-y bottom center;
}
.progresoVerticalAbajo {
	height: 4px;
	background: transparent url("/img/progreso/vertical3.gif") no-repeat top center;
}
.progresoVerticalUsado {
	font-size: 8pt;
	font-weight: bold;
	color: #333;
	margin: 3px 0 0 0;
}
.progresoVerticalPorcentaje {
	font-size: 7pt;
	color: #555;
}

.progresoHorizontalIzquierda {
	float: left;
	height: 20px;
	width: 4px;
	background: transparent url("/img/progreso/horizontal1.gif") no-repeat top left;
}
.progresoHorizontalUsadoVerde {
	float: left;
	height: 20px;
	background: transparent url("/img/progreso/horizontal2-verde.gif") repeat-x top left;
}
.progresoHorizontalUsadoAmarillo {
	float: left;
	height: 20px;
	background: transparent url("/img/progreso/horizontal2-amarillo.gif") repeat-x top left;
}
.progresoHorizontalUsadoRojo {
	float: left;
	height: 20px;
	background: transparent url("/img/progreso/horizontal2-rojo.gif") repeat-x top left;
}
.progresoHorizontalLibre {
	float: left;
	height: 20px;
	background: transparent url("/img/progreso/horizontal2.gif") repeat-x top left;
}
.progresoHorizontalDerecha {
	float: left;
	height: 20px;
	width: 4px;
	background: transparent url("/img/progreso/horizontal3.gif") no-repeat top left;
}


/******************************************************************************/
/* WIDGET */


.widgets {
	border-collapse: collapse;
	width: 100%;
}
.widgetsWidget {
	width: 33%;
	padding: 0 0 15px 15px;
	vertical-align: top;
}
.widgetsPrimerWidget {
	padding: 0 0 15px 0;
	vertical-align: top;
}

.widget {
	width: 100%;
}
.widgetEncabezado, .widgetCuerpo, .widgetPie {
	width: 100%;
	border-collapse: collapse;
}
.widgetEncabezado {
	background: url(/img/tablas2.jpg) right -123px;
	height: 27px;
}
.widgetEncabezadoIzquierda {
	width: 10px;
	background: url(/img/tablas2.jpg) 0 -123px;;
	padding: 0;
}
.widgetEncabezadoCentro {
	padding: 0 5px;
	font-weight: bold;
}
.widgetEncabezadoDerecha {
	width: 10px;
	padding: 0;
}
.widgetCuerpo {	
	background: url(/img/tablas2.jpg) right bottom;
}
.widgetCuerpoIzquierda {
	width: 10px;
	background: url(/img/tablas2.jpg) 0 bottom;
	padding: 0;
}
.widgetCuerpoCentro {
	padding: 10px 0;
}
.widgetCuerpoDerecha {
	width: 10px;
	padding: 0;
}
.widgetPie {
	display: none;
}

.widgetEncabezadoCentro span {
	display: none;
}
div#consumos_del_mes {
	display: block;
	height: 27px;
	width: 115px;
	background: transparent url("/img/widget/txt_consumos_del_mes.gif") no-repeat top left;
}
div#ultima_semana {
	display: block;
	height: 27px;
	width: 95px;
	background: transparent url("/img/widget/txt_ultima_semana.gif") no-repeat top left;
}
div#atajos {
	display: block;
	height: 27px;
	width: 43px;
	background: transparent url("/img/widget/txt_atajos.gif") no-repeat top left;
}
div#ultimos_accesos_panel {
	display: block;
	height: 27px;
	width: 161px;
	background: transparent url("/img/widget/txt_ultimos_accesos_panel.gif") no-repeat top left;
}
div#frases_mas_buscadas {
	display: block;
	height: 27px;
	width: 134px;
	background: transparent url("/img/widget/txt_frases_mas_buscadas.gif") no-repeat top left;
}
div#resumen_de_origenes {
	display: block;
	height: 27px;
	width: 136px;
	background: transparent url("/img/widget/txt_resumen_de_origenes.gif") no-repeat top left;
}

.widgetLoading {
	background: transparent url("/img/widget/loading.gif") no-repeat center left;
	width: 140px;
	height: 32px;
	margin: 30px auto;
	padding: 10px 0 0 40px;
	font-size: 14pt;
	font-weight: bold;
	color: #AAAAAA;
}


/******************************************************************************/
/* FEEDBACK */


.feedback table {
	border-collapse: collapse;
	border: none;
}
.feedback th {
	text-align: right;
	background: #eeeeee;
}
.feedback th, 
.feedback td {
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}


/******************************************************************************/
/* PRINCIPAL */


.atajos ul {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0;
}
.atajos li {
	margin: 5px 0;
}
.atajos img {
	margin-right: 5px;
}
.atajos a {
	font-weight: bold;
	text-decoration: none;
	color: #3E4D59;
}
.atajos a:hover {
	color: #000000;
}

.ultimoAccesoPanel ul {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0;
}
.ultimoAccesoPanel li {
	margin: 5px 0;
}
.ultimoAccesoPanelUsuario {
	padding-left: 20px;
	background: transparent url("/img/ico/usuarios_administrador.png") no-repeat center left;
	font-weight: bold;
}
.ultimoAccesoPanelFecha {
	color: #999999;
	font-weight: normal;
}


/******************************************************************************/
/* FTP */


.ftpLogin {
	background: #ffffff url("/img/mysql/form-bg.gif") no-repeat top left;
	margin: 10px 0 0;
	padding: 20px 30px;
}
.ftpLogin label {
	color: #3E4D59;
	font-weight: bold;
	display: block;
}
.ftpSubmit {
	padding: 20px 0 0 85px;
}
.ftpSubmit input {
	background: transparent url("/img/mysql/aceptar.gif") no-repeat top left;
	width: 64px;
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}


/******************************************************************************/
/* MYSQL */


.mysqlLogin {
	background: #ffffff url("/img/mysql/form-bg.gif") no-repeat top left;
	margin: 10px 0 0;
	padding: 20px 30px;
}
.mysqlLogin label {
	color: #3E4D59;
	font-weight: bold;
	display: block;
}
.mysqlSubmit {
	padding: 20px 0 0 85px;
}
.mysqlSubmit input {
	background: transparent url("/img/mysql/aceptar.gif") no-repeat top left;
	width: 64px;
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	margin: 0;
	border: 0;
	cursor: pointer;
}


/******************************************************************************/
/* SKINS */


.muestraCajaColor {
	width: 50px;
	height: 50px;
	border: 1px solid #000000;
	margin: 0 auto;
}
.muestraInput {
	margin-top: 5px;
}
.skinPickerColores {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
}
.skinPickerColores th,
.skinPickerColores td {
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.skinPickerColores th {
	border-bottom: 1px solid #ccc;
	background: #eee;
}
.skinPickerColores td {
	
}
.skinPickerColores input {
	width: 50px;
}
#colorPicker {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 20px 20px 0 0;
}
.colorPickerWrapper textarea {
	width: 300px;
	height: 100px;
}
.colorPickerWrapper h3 {
	margin: 40px 0 10px 0;
}
.skinDescripcion textarea {
	width: 95%;
	height: 50px;
}

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

.datosPersonaEditar {
border: 0pt none ; background: transparent url(/img/ico/editar.png) no-repeat; padding-left: 15px; height: 16px; 
cursor: pointer;
}
.datosPersonaBorrar {
border: 0pt none ; background: transparent url(/img/ico/borrar.png) no-repeat; padding-left: 15px;  height: 16px;
cursor: pointer;
}
.datosPersonaTerminar {
border: 0pt none ; background: transparent url(/img/ico/terminar.png) no-repeat;  height: 16px;padding-left: 15px;
cursor: pointer;
}
.datosAgregarMedio {
border: 0pt none ; background: transparent url(/img/ico/datos_agregar_medio.png) no-repeat;  height: 16px;padding-left: 15px;
cursor: pointer;
}
.datosPersonaBotones  {
background:transparent url(/img/widget/barra_contacto.png);
border:1px solid #CCCCCC;
}
.datosPersonaBotones table {
width: 100%;
}
.datosMedioTabla
{
width: 100%;
}
.datosMedioTabla td.derecha 
{
text-align: right;
}
.datosMedioEliminar {
background:#CCE70B url(/img/ico/borrar.png) no-repeat 3px center;
border:1px solid #8A9E00;
cursor: pointer;
padding:2px 2px 2px 17px;}

 

Contraté un plan multicuenta. Por donde empiezo?

1. Definir un dominio principal

Lo primero que deberías hacer como administrador de un plan multicuenta es definir un dominio principal. El mismo debe estar apuntado a los DNS de Elserver (te recomendamos utilizar los marca blanca). Es fundamental llevar a cabo este paso, dado que el acceso de tus futuros clientes van a acceder a sus paneles y urls temporales mediante ese dominio.
Por ejemplo: Registrás el dominio dummyhosting.com.ar y lo apuntás a los dns de Elserver. Una vez que comprobás que responden correctamente, los ingresás como dominio principal de tu multicuenta. A partir de ese momento, las cuentas de clientes que crees van a ingresar a su panel de control desde la url panel.dummyhosting.com.ar. También ese dominio será la url temporal con la que podrán visualizar sus sitios en caso de no tener delegado su dominio a tus dns marca blanca. La url temporal para este caso, suponiendo que la cuenta que diste de alta lleva por dominio dummyclient.com.ar, sería dummyclient.com.ar.dummyhosting.com.ar (sin www).

multicuenta el server

2. Configurando planes

El segundo paso sería pensar como vas a distribuir los recursos que posee tu plan multicuenta. El total de límites asignado al mismo lo podés ver desde tu panel de control en Reportes > Límites Asignados. Una vez definido este punto, podemos empezar a crear planes. Para realizar esto tenemos que ingresar a Planes > Configuración de Planes. Una vez ahí, podemos crear los distintos planes que vamos a asignar a nuestros clientes. Debés crear al menos uno para poder dar de alta una cuenta cliente. Las características de los planes están detalladas en este artículo.

multicuenta el server multicuenta el server multicuenta el server

3. Personalizar el panel de control

Si bien el plan multicuenta trae por defecto un estilo genérico sin logos ni referencias de ningún tipo a Elserver, es probable que quieras cambiarlo o crear tu propio skin. Para seleccionar otro estilo o crear uno nuevo, tenés que ingresar en la sección Panel > Diseños personalizados (skins) dentro de tu panel multicuenta. Una vez ahí vas a ver un listado de skins predefinidos, podés utilizar o modificarlos a gusto. Incluso si tenés conocimientos de html y css, podés tomar cualquiera de los estilos como referencia para crear tu propio theme.
Para agregar un nuevo estilo, hacé click en el vínculo “Agregar un skin” situado a la derecha de la pantalla. En el cuadro de diálogo que se abre, tenés que ingresar Nombre, Descripción y Contenido CSS para el nuevo skin. Si querés que el mismo sea por defecto el skin de tu panel, seleccionalo en la opción “¿Es el skin por defecto?”. La opción “¿Es heredable?” habilita al skin para figurar en la sección “Diseños personalizados” de tus cuentas cliente. Te recomendamos leer los artículos Cómo crear un skin para el panel de control? y Cómo modifico el estilo del formulario de acceso al panel de control? para modificar el estilo por defecto del panel.

multicuenta el server

4. Personalizar la comunicación con tus clientes

Los correos que tu panel envía a los clientes (alta de usuario, invitación a usuario, recupero de contraseña) traen por defecto un estilo genérico, lo que nosotros denominamos “marca blanca”. Esto puede ser modificado fácilmente si tenés algo de habilidad para editar el código html (lo único que deberías tener presente es la correcta ubicación del texto especial). Para realizar esto ingresá desde tu panel multicuenta a Single Sign On > Correos Modelo, y luego hacé click en “Modificar” en el modelo de correo correspondiente. Se abrirá un cuadro de diálogo con el código html del mismo, el cuál podrás modificar con tu propios estilos y colores.

multicuenta el server multicuenta el server

5. Crear las cuentas

Una vez que hayas completado los pasos anteriores, estás listo para crear las cuentas de tus clientes. Para realizar esto es necesario que ingreses desde tu panel multicuenta a Clientes > Lista de clientes y selecciones “Agregar una cuenta”. Dentro del formulario que se desplega, completá los campos:

Nombre de cuenta: Nombre con el cuál identificaremos a la cuenta en el panel. Generalmente es igual que el dominio principal.
Dominio: El dominio principal de la cuenta.
Nombre completo: Nombre de tu cliente
Email / SSO: Casilla de email a la cuál llegará la invitación para administrar la cuenta que estamos creando.
Código de cliente (opcional): Nos dá la posibilidad de ingresar un código para control interno.
Luego de completar con todos estos datos, hacemos click en “Aceptar” para crear la cuenta.

multicuenta el server multicuenta el server multicuenta el server

Podrás ver la cuenta creada en el listado de cuentas de tu panel de control. Una invitación SSO para administrar la cuenta es enviada en ese momento al email que hayas declarado en el campo “Email / SSO”. Tu cliente deberá seguir las instrucciones de activación del usuario detalladas en el correo para poder acceder al panel de control de su cuenta.
Para hacer un seguimiento del estado de activación de los usuarios SSO de las cuentas que hayas creado y eventualmente reenviar las invitaciones ingresá a la sección Single Sign On > Mis usuarios.

multicuenta el server

Recordá que por ser tu multicuenta la cuenta “padre” de tus clientes, no es necesario que te generes ningún acceso especial. Si por algún motivo quisieras acceder a los paneles clientes, podés hacerlo desde Clientes > Lista de clientes e “Ir al panel” para la cuenta que corresponda.

Tengo que dar de alta mi sitio como si fuera un cliente más?

No, no es necesario que tu sitio multicuenta ocupe espacio como si fuera un cliente. Podés ingresar al panel de control de tu sitio desde el acceso “Ir a mi cuenta” ubicado en el extremo superior derecho de tu panel multicuenta.

multicuenta el server

 

Me aparece un error diciendo que no tengo mas quotas, ¿Por qué pasa?

El plan Multicuenta tiene la posibilidad de crear distintos tipos de planes y ajustar los limites según las necesidades. Al crear una nueva cuenta, los limites configurados son tomados por esa cuenta y el espacio es reservado.

Muchas veces se agregar limites demasiado grandes, reservando las cuentas o espacio de correo , espacio web, etcétera aunque este no se utilice, dando errores como que no tienen quotas disponibles. Esto se puede chequear dentro de Reportes -> Limites asignados.

Para solucionarlo, se debe reducir los limites de algunos planes para liberar quotax. 

¿Que es un plan?

Un plan es un conjunto de características (Opciones, Límites, Correos Predefinidos, etc) que establecen los límites asignados para cada cuenta creada. Es posible tener varios planes distintos, cada uno con sus configuraciones específicas.

Es importante recordar que al dar de alta una nueva cuenta debemos elegir el plan que va a utilizar, por lo tanto una de las primeras gestiones que haremos en nuestro plan multicuenta será la creación de al menos uno.

Límites

General

Subcuentas: La cantidad se subcuentas asignadas indica cuantas cuentas cliente puede crear el plan. De esta forma, asignar 0 subcuentas sería la manera correcta de crear un plan individual (no revendedor) mientras que declarar un valor mayor a 0 le permite la cuenta que utilice ese plan crear subcuentas (o clientes). Es importante que tengas en cuenta que cada las subcuentas asignadas a un plan se restan de las disponibles (si hubiera) de tu plan Multicuenta.

Web

Transferencia: Es la cantidad en Gigabytes (GB) que un plan puede transferir de acuerdo a las peticiones de la gente que visita las páginas alojadas dentro de la cuenta. Es recomendable setear el valor en al menos 1 gb y ampliar según la necesidad del cliente o las características deseadas para el plan.

Espacio Web: Es el espacio en disco que le voy a asignar para el contenido web (MB).

Dominios: Es la cantidad de dominios que dispondrá la cuenta cuenta que se de de alta con este plan (generalmente uno).

Dominios Alias: Son los “alias” que apuntan a un dominio existente, por ejemplo si yo tengo el dominio “elserver.com” y quiero que la gente también ingrese a mi pagina web tipeando “elserver.com.ar” puedo agregar “elserver.com.ar” como Alias, apuntando al dominio “elserver.com”.

Usuarios FTP-SSH: Cantidad de usuarios FTP-SSH disponibles.

Procesamiento: Unidad de medida que calcula nuestros servidores tomando distintos valores, por ejemplo el tiempo de ejecución de un script, el tiempo que demora devolver una petición de la pagina solicitada, etc. Podría definirse como los recursos de sistema que consume la cuenta.

Correo

Espacio Correo: Es el espacio en disco que el plan va a asignar para el contenido de emails.

Usuarios de Correo: Es la cantidad de usuarios de correo que contempla el plan.

Servidor Virtual de Correo

Servidores: Cantidad de SPVs asignados. Esta opción aplica para el caso que hayas contratado un plan SPV (no se incluye con el plan Multicuenta).

Envíos diarios: Cantidad de envíos diarios configurados para el/los SPV asignado(s).

Envíos mensuales: Cantidad de envíos mensuales configurados para el/los SPV asignado(s).

Mysql

Base de datos: Cantidad de bases de datos disponibles.

Espacio: Espacio disponible para las bases de datos.

En todos los casos, podés mostrar un valor distinto del realmente asignado utilizando el campo “Mostrar”

Opciones

Linux Gridhosting: Activá esta opción para todos tus planes.

Windows Server Gridhosting: Próximamente…

SSH: Para incluir el servicio de acceso SSH a la cuenta.

GridCDN: Habilita el servicio de CDN para la cuenta.

PHP: Activa el procesamiento de archivos php para el plan

ASP: Activalo solamente si las cuentas alojadas en el plan van a utilizar tecnología ASP. Próximamente .NET también disponible desde tu panel de control.

CGI-BIN: Permite que se procesen los scripts ubicados en esta carpeta. Te recomendamos activarla.

Códigos de estado HTTP: Permite definir acciones específicas para los distintos estados HTTP (403, 404, 500, etc. Te recomendamos activarla.

En mi panel de control multicuenta dice “No tenés tu Dominio principal definido”, ¿Qué significa?

El dominio principal es aquel que se utiliza para poder acceder a los servicios (por ejemplo web y FTP) en el caso de que el dominio dado de alta aún no se encuentre delegado hacia nuestros servidores. De esta forma podrás acceder al sitio mediante la url “http://tusitio.com.elserver.com” y al servidor FTP mediante “ftp://ftp.tusitio.com.elserver.com“.El dominio principal debe estar delegado hacia nuestros servidores DNS para que las direcciones alternativas funcionen correctamente, dado que “sitio.com” sería un subdominio de “dominio-principal.com” en nuestros servidores. Para el caso que tengas contratado un plan multicuenta, es fundamental que definas un dominio principal para el correcto funcionamiento tanto de las urls temporales como de las invitaciones sso que emitas.

LAYOUT

SAMPLE COLOR

Please read our documentation file to know how to change colors as you want

BACKGROUND COLOR

BACKGROUND TEXTURE