@charset "UTF-8";
/* CSS Document */

/* Header! */

#logo {
	background-image:url(../images/logo.png);

	left:0px;
	top:16px;
	width:348px;
	height:116px;
	z-index:1;
}


#logoChico {
	background-image:url(../images/logopeke.png);

	left:0px;
	top:16px;
	width:214px;
	height:77px;
	z-index:1;
	cursor: pointer;
}

#menusecPaga{
	color: #3b7cd0;
	text-align: right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	left:676px;
	top:18px;
	width:518px;
	height:6px;
	z-index:8;
	display:inline;
}

#menusecPaga a {color:#3b7cd0}
#menusecPaga a:hover { color: #003771 }
#menusecPaga a:focus { color: #3b7cd0 }

#menusec {
	color: #3b7cd0;
	text-align: right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	left:676px;
	top:18px;
	width:718px;
	height:6px;
	z-index:8;
	display:inline;
}

#menusec a {color:#3b7cd0}
#menusec a:hover { color: #003771 }
#menusec a:focus { color: #3b7cd0 }


.navigation1 li {
color: #3b7cd0;
display: inline;
margin: 0 7px;
height: 0;
}



.navigation1 a:link:hover{
	text-decoration:none;
	color: #8DC63F;

}


#BarraMenu {
	background-image:url(../images/barra.png);
	left:447px;
	top:118px;
	width:539px;
	height:6px;
	z-index:2;
}

#menuIndex {
	position:inherit;
	left:400px;
	top:103px;
	width:584px;
	height:45px;
	z-index:9;
	

}


/* Menu Principal! */


#menu1 {
	text-align:center;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	vertical-align:middle !important;
	left:447px;
	top:90px;
	width:131px;
	height:29px;
	background-image:url(../images/backnew.png);
	background-repeat:no-repeat;
	z-index:3;
}

#menu1 a {color:#FFFFFF}


#menu2 {
	
	text-align:center;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	vertical-align:middle !important;
	left:583px;
	top:90px;
	width:131px;
	height:29px;
	z-index:4;
	background-image:url(../images/backnew.png);
}

#menu2 a {color:#FFFFFF}

#menu3 {
	
	text-align:center;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	vertical-align:middle !important;
	left:719px;
	top:90px;
	width:131px;
	height:29px;
	z-index:5;
	background-image:url(../images/backnew.png);
}

#menu3 a {color:#FFFFFF}

#menu4 {
	
	text-align:center;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	vertical-align:middle !important;
	left:855px;
	top:90px;
	width:131px;
	height:29px;
	background-image:url(../images/backnew.png);
	z-index:6;
}

#menu4 a {color:#FFFFFF}


#menu1:hover  {
	
	background-image:url(../images/hovernew.jpg);
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
}

#menu2:hover  {
	background-image:url(../images/hovernew.jpg);
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:bold
}

#menu3:hover  {
	background-image:url(../images/hovernew.jpg);
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:bold
}

#menu4:hover  {
	background-image:url(../images/hovernew.jpg);
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:bold
}

#text {
	margin:7px;
	}
	
#principal {
	margin-left:0px !important;
	margin-left:195px;
	height:auto !important;
	left:0px !important;
	top:0px !important;
	z-index:7;
	
}
#principal2 {
	background-color:#FFF !important;
	height:auto !important;
	left:0px !important;
	top:0px !important;
	z-index:7;
	
}

/*Contenido! */

#ConteVideo {
	
	left:34px;
	top:145px;
	width:612px;
	height:388px;
	z-index:8;
	background-color: #e6e7e9;
}
#ConteVideoNALI {
	
	left:34px;
	top:145px;
	width:612px;
	height:388px;
	z-index:8;
	background-color: #FFFFFF;
}

#TabSencillos {
	
	background-image:url(../images/tressencillos.png);
	left:662px;
	top:145px;
	width:324px;
	height:25px;
	z-index:8;

}

#TabInterUno {
	background-color:#f1f2f2;
	
	left:662px;
	top:169px;
	width:324px;
	height:90px;
	z-index:9;
}
#TabInterDos {
	background-color:#E2E3E4;
	
	left:662px;
	top:258px;
	width:324px;
	height:90px;
	z-index:8;
}
#TabInterTres {
	
	background-color:#f1f2f2;
	left:662px;
	top:348px;
	width:324px;
	height:90px;
	z-index:8;
}

#BotonPruebalo {
	background-image:url(../images/bnpruebalo1.png);
	background-repeat:no-repeat;
	
	left:662px;
	top:438px;
	width:324px;
	height:95px;
	z-index:8;
}


#BotonPruebalo:hover  {
		background-image:url(../images/bnpruebalo2.png);
}






#ContentTexto2 {
	position:inherit;
	left:34px;
	top:551px;
	width:620px;
	height:80px;
	z-index:8;
}

#ContentTexto1 {
	position:inherit;
	left:34px;
	top:543px;
	width:952px;
	height:11px;
	z-index:8;
}

#ContentTexto4 {
	position:inherit;
	left:655px;
	top:551px;
	width:329px;
	height:80px;
	z-index:8;
}

#ContentTexto3 {
	position:inherit;
	left:34px;
	top:629px;
	width:952px;
	height:11px;
	z-index:8;
}

/* Footer!!!! */


#Footer {
	background-image:url(../images/menuabajo1px.jpg);
	left:0px;
	top:658px;
	width:1024;
	height:67px;
	z-index:8;
}

#Footer li{
	color:#999;
	display:inline;
	margin: 7px;
	height: 0;
	font-weight: bold;
}




#Footer1 {
	left:56px;
	top:571px;
	width:917px;
	height:23px;
	z-index:10;
}

#Footer a {color:#6D6E71;}
#Footer a:hover { color: #3b7cd0 }
#Footer a:focus { color: #3b7cd0 }

/* Footer CreadorSitios y Administrador!!!! */


#FooterCSyA {
	background-image:url(../images/menuabajo1px.jpg);
	left:0px;
	width:100%;
	height:67px;
	z-index:8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#FooterCSyA li{
	color:#999;
	display:inline;
	margin: 7px;
	height: 0;
	font-weight: bold;
}




#FooterCSyA1 {
	left:56px;
	width:100%;
	height:23px;
	z-index:10;
}

#FooterCSyA a {color:#6D6E71;}
#FooterCSyA a:hover { color: #3b7cd0 }
#FooterCSyA a:focus { color: #3b7cd0 }

/* Pagina de Registro!!!! */

.Titulos {
	font-weight:bold;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	position:absolute;
	left:555px;
	top:140px;
	width:292px;
	height:24px;
	z-index:8;
	color: #71b43e;
}

.TituloGeneral {
	font-weight:bold;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #71b43e;
}

.textoNegritas {
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

.textoGeneral {
	font-family: Arial, Helvetica, sans-serif;
}


#textoVerde {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #71b43e;	
}
	

.ContentDatosUsuario {
	background-color:#e6e6e6;
	position:absolute;
	left:405px;
	top:212px;
	width:370px;
	height:150px;
	z-index:9;
}

.Registro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
}

.InputTypeText{
	background:#FFF;
	border: 1px solid #005cab;

}
	

.ContentRegiUp {
	background-image:url(../images/regiup.jpg);
	position:absolute;
	left:405px;
	top:199px;
	width:370px;
	height:14px;
	z-index:10;
}

.ContentRegiDown {
	background-image:url(../images/regidown.jpg);
	position:absolute;
	left:405px;
	top:362px;
	width:370px;
	height:14px;
	z-index:11;
}


.BtnRegistro1 {
	width:144px;
	height:41px;
	z-index:8;
	border-style:none;
	border:0px;
}
.BtnRegistro2 {
	cursor:pointer;
	width:144px;
	height:41px;
	z-index:8;
	border-style:none;
	border:0px;
}
.BtnRegistro3 {
	cursor:pointer;
	width:144px;
	height:41px;
	z-index:9;
	border-style:none;
	border:0px;
}

/* Termina Pagina de Registro!!!! */

/* Pagina de Cambio Contrasena!!!! */

.TitulosCambioContrasena {
	font-weight:bold;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	left:0px;
	top:140px;
	width:450px;
	height:24px;
	z-index:8;
	color: #71b43e;
}

.TituloGeneralCambioContrasena {
	font-weight:bold;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #71b43e;
	text-align:center;
	width:450px;
	
}

.textoNegritasCambioContrasena {
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

.textoGeneralCambioContrasena {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}


#textoVerdeCambioContrasena {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #71b43e;	
	text-align:center;
}
	

.ContentDatosUsuarioCambioContrasena {
	left:0px;
	top:212px;
	width:450px;
	height:150px;
	z-index:9;
}

.CambioContrasena{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	text-align:right;
	
	}

.InputTypeTextCambioContrasena{
	background:#FFF;
	border: 1px solid #005cab;
	width:100px;

}
	

.ContentCambioContrasenaUp {
	left:0px;
	top:199px;
	width:450px;
	height:14px;
	z-index:10;
}


/* Empieza botones cambio contrasena usuario!!!! */
.BtnCCU1 {
	
	left:455px;
	width:144px;
	height:41px;
	z-index:8;
	border-style:none;
	border:0px;
}
.BtnCCU2 {
	
	left:615px;
	width:144px;
	height:41px;
	z-index:8;
	border-style:none;
	border:0px;
}

/* Termina botones cambio contrasena usuario!!!! */

/* Termina Pagina de Cambio Contrasena!!!! */

/* Pagina de Confirmacion de registro!!!! */

#TituloConfirmacion {
	font-weight:bold;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	position:absolute;
	left:540px;
	top:158px;
	width:292px;
	height:24px;
	z-index:8;
	color: #71b43e;
}

#ContentDatosConfirmacion {
	background-color:#e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position:absolute;
	left:405px;
	top:212px;
	width:370px;
	height:150px;
	z-index:9;
}

#ContentDatosConfirmacionNegrita {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#e6e6e6;
	position:absolute;
	left:420px;
	top:290px;
	width:340px;
	height:20px;
	z-index:9;
}

#BtnAceptar1 {
	position:absolute;
	left:533px;
	top:331px;
	width:144px;
	height:41px;
	z-index:8;
	border-style:none;
	border:0px;
	z-index:10;
}

/* Termina Pagina de Confirmacion de Registro!!!! */

/* Inicia Pagina de planes!!!! */
#muestraTodasNoticiasUp {
	background-image: url(../images/membresiaup.png);
	background-repeat:no-repeat;
	position:absolute;
	left:160px;
	top:15px;
	right:15px;
	width:470px;
	height:27px;
	z-index:9;		
}

#muestraTodasNoticiasDown {
	background-image: url(../images/membresiadown.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	width:470px;
	height:27px;
	z-index:9;
}

#muestraTodasNoticias {
	background-color:white;
	position:absolute;
	left:160px;
	top:42px;
	right:15px;
	width:470px;
	height:auto;
	z-index:9;
}



#noticiaUp{
	background-image: url(../images/membresiaupGrande.png);
	background-repeat:no-repeat;
	position:absolute;
	left:15px;
	top:15px;
	right:15px;
	width:800px;
	height:27px;
	z-index:9;		
}
#noticiaMedio{
	background-color:white;
	position:absolute;
	left:15px;
	top:42px;
	right:15px;
	width:800px;
	height:auto;
	z-index:9;
}
#noticiaDown{
	background-image: url(../images/membresiadownGrande.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	width:800px;
	height:27px;
	z-index:9;
		
}
#ventaPlanUp {
	background-image: url(../images/membresiaup.png);
	background-repeat:no-repeat;
	position:absolute;
	left:15px;
	top:15px;
	right:15px;
	width:470px;
	height:27px;
	z-index:9;		
}

#ventaPlanDown {
	background-image: url(../images/membresiadown.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	width:470px;
	height:27px;
	z-index:9;
}

#ventaPlan {
	background-color:white;
	position:absolute;
	left:15px;
	top:42px;
	right:15px;
	width:470px;
	height:auto;
	z-index:9;
}

#planUp1 {
	position:absolute;
	text-align:justify;
	left:438px;
	top:170px;
	width:228px;
	height:14px;
	z-index:9;
}

#planUp2 {
	position:absolute;
	text-align:justify;
	left:188px;
	top:170px;
	width:228px;
	height:14px;
	z-index:9;
}

#planUp3 {
	position:absolute;
	text-align:justify;
	left:690px;
	top:170px;
	width:228px;
	height:14px;
	z-index:9;
}


#planDown1 {
	position:absolute;
	left:438px;
	top:381px;
	width:228px;
	height:14px;
	z-index:9;
}

#planDown2 {
	position:absolute;
	width:228px;
	left:188px;
	top:381px;
	height:14px;
	z-index:9;
}

#planDown3 {
	position:absolute;
	width:228px;
	left:690px;
	top:381px;
	height:14px;
	z-index:9;
}


#Precio1{
	position:absolute;
	background-color:#939598;
	text-align:justify;
	left:438px;
	width:228px;
	top:330px;
	height:51px;
	z-index:9;
		
}

#Precio2{
	position:absolute;
	background-color:#939598;
	text-align:justify;
	left:188px;
	width:228px;
	top:330px;
	height:51px;
	z-index:9;
		
}

#Precio3{
	position:absolute;
	background-color:#939598;
	text-align:justify;
	left:690px;
	width:228px;
	top:330px;
	height:51px;
	z-index:9;
		
}


#Plan1 {
	background-color:#939598;
	position:absolute;
	text-align:justify;
	left:438px;
	top:184px;
	font-size: 14px;
	line-height: 16px;
	width:228px;
	height:156px;
	z-index:9;
}


#Plan2 {
	background-color:#939598;
	position:absolute;
	text-align:justify;
	left:188px;
	top:184px;
	font-size: 14px;
	line-height: 16px;
	width:228px;
	height:156px;
	z-index:9;
}
#Plan3 {
	background-color:#939598;
	position:absolute;
	text-align:justify;
	left:690px;
	top:184px;
	font-size: 14px;
	line-height: 16px;
	width:228px;
	height:156px;
	z-index:9;
}


#Fondoplanes {
	background-position:bottom;
	background-image:url("../images/fondo_pagos.png");
	width:503px;
	height:300px;
	z-index:4;
}
#ContentPago {
	width:250px;
	height:127px;
	z-index:8;
	font-size: 16px;
	color: #036;
	font-weight: bold;
}

#Titulo2 {
	font-weight:bold;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	width:204px;
	height:23px;
	z-index:8;
	color: #069;
	font-size: 16px;

}
#BtnTermComp {
	position:absolute;
	width:123px;
	height:42px;
	z-index:8;
}
#BtnCanceComp {
	position:absolute;
	width:123px;
	height:42px;
	z-index:9;
}

#BtnTermComp:hover {
	background-image:url(../images/terminarcompra2.png);
}


#BtnCanceComp:hover {
	background-image:url(../images/cancelarcompra2.png);
}

#PlanesTexto{
	padding-left:15px;
	padding-right:15px;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: -4px;
	font-family:Arial, Helvetica, sans-serif, tahoma;
}

#verMas{
	position:absolute;
	text-align:justify;
	left:930px;
	top:222px;
	font-size: 14px;
	line-height: 16px;
	width:auto;
	height:auto;
	z-index:9;	
}

#verMas a {color:#000000;}


/* seccion del oto del administrador */

#pagoPlanes {
	position:absolute;
	left:260px;
	top:344px;
	width:250px;
	height:127px;
	z-index:8;
	font-size: 16px;
	color: #036;
	font-weight: bold;
}


/* Pagina de Login!!!! */
	
	.ContentDatosLogin {
		background-color:#e6e6e6;
		position:absolute;
		left:350px;
		top:212px;
		width:400px;
		height:auto;
		z-index:9;
	}
	
	.Login{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:right;
		text-align:right;
	}
	
		
	
	.ContentLoginUp {
		background-image:url(../images/loginup.jpg);
		position:absolute;
		left:350px;
		top:199px;
		width:400px;
		height:14px;
		z-index:10;
	}
	
	.ContentLoginDown {
		background-image:url(../images/logindown.jpg);
		position:absolute;
		left:0px;
		width:400px;
		height:14px;
		z-index:11;
	}
	
	
	.BtnLogin1 {
		left:485px;
		top:325px;
		width:144px;
		height:41px;
		z-index:12;
		border-style:none;
		border:0px;
	}
	
	.RecuperacionContrasena1 {
		left:165px;
		right:56px;
		top:73px;
		width:170px;
		height:23px;
		z-index:14;
		text-align:right;
		
		
	}
	
	#RecuperacionContrasena1 {
		z-index:13;
		text-align:right;
		
		
	}
	
	#RecuperacionContrasena1 a {color:#3b7cd0;text-decoration:underline;}
	#RecuperacionContrasena1 a:hover { color: #6D6E71;text-decoration:underline; }
	#RecuperacionContrasena1 a:focus { color: #3b7cd0;text-decoration:underline;}

	#RecuperacionContrasena {
		position:absolute;
		left:165px;
		right:56px;
		top:73px;
		width:170px;
		height:23px;
		z-index:13;
		text-align:right;
		
		
	}
	
	#RecuperacionContrasena a {color:#3b7cd0;text-decoration:underline;}
	#RecuperacionContrasena a:hover { color: #6D6E71;text-decoration:underline; }
	#RecuperacionContrasena a:focus { color: #3b7cd0;text-decoration:underline;}
	
	/* Termina Pagina de Login!!!! */
	
	/*Empieza Peril de Usuario*/
	
	.ContentDatosPerfil {
		background-color:#ececed;
		left:0px;
		top:178px;
		width:559px;
		height:auto;
		z-index:9;
	}
	
	.Perfil{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:center;
		text-align:center;
	}
	
	.TextoPerfil {	 
		text-align:center;
		font-size:11px;
		font-weight:bold;
		color:#707173;
	}		
	
	.ContentPerfilUp {
		background-image:url(../images/editarperfildeusuario.png);
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
	
	.ContentPerfilDown {
		background-color:#d1d3d4;
		left:0px;
		width:559px;
		height:27px;
		z-index:11;
	}
	
	
	.BtnPerfil1 {
		position:absolute;
		left:485px;
		width:144px;
		height:41px;
		z-index:12;
		border-style:none;
		border:0px;
	}
	
	.BtnPerfil2 {
		left:370px;
		width:144px;
		height:41px;
		z-index:12;
		border-style:none;
		border:0px;
	}
	.BtnPerfil3 {
		left:500px;
		width:144px;
		height:41px;
		z-index:12;
		border-style:none;
		border:0px;
	}
	#ModificaContrasena {
		z-index:13;
		text-align:right;
		
		
	}
	
	#ModificaContrasena a {color:#3b7cd0;text-decoration:underline;}
	#ModificaContrasena a:hover { color: #6D6E71;text-decoration:underline; }
	#ModificaContrasena a:focus { color: #3b7cd0;text-decoration:underline;}
/*Termina Peril de Usuario*/
/*Empieza Encuestas Usuarios*/

	.ContentDatosEU {
		background-color:#e6e7e8;
		width:160px;
		height:auto;
		z-index:2;
	}
		.ContentDatosEUResultados {
		background-color:#e6e7e8;
		width:160px;
		height:auto;
		z-index:2;
	}

	.EUpregunta{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		text-align:letf;
		background-color:#e6e7e8;
		width:160px;
		height:auto;
	}
	.EUrespuesta1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:left;
		text-align:left;
		background-color:#f1f1f2;
		width:160px;
		height:auto;
	
		}
	.EUrespuesta2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:left;
		text-align:left;
		background-color:#e6e7e8;
		width:160px;
		height:auto;
	
		}
		.EUrespuesta3{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:left;
		text-align:left;
		background-color:#f1f1f2;
		width:160px;
		height:auto;
	
		}
		.EUrespuesta4{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:left;
		text-align:left;
		background-color:#e6e7e8;
		width:160px;
		height:auto;
	
		}
		.EUrespuesta5{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:left;
		text-align:left;
		background-color:#f1f1f2;
		width:160px;
		height:auto;
		}
	
	.EUrespuestaOVER1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		background-color:#f1f1f2;
		width:160px;
		height:auto;
		font-weight: bold;
	
		}
	.EUrespuestaOVER2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		background-color:#e6e7e8;
		width:160px;
		height:auto;
		font-weight: bold;
	
		}
		.EUrespuestaOVER3{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		background-color:#f1f1f2;
		width:160px;
		height:auto;
		font-weight: bold;
	
		}
		.EUrespuestaOVER4{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		background-color:#e6e7e8;
		width:160px;
		height:auto;
		font-weight: bold;
	
		}
		.EUrespuestaOVER5{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		background-color:#f1f1f2;
		width:160px;
		height:auto;
		font-weight: bold;
		}
	
	
	
	.ContentEUUp {
		background-image:url(../images/encuesta.png);
		background-repeat:no-repeat;
		
		width:160px;
		height:27px;
		z-index:10;
	}
		.ContentEUDown {
		background-image:url(../images/edown.png);
		background-repeat:no-repeat;
		left:0px;
		z-index:12;
	}
		.ContentEUDownRespuestas {
		background-image:url(../images/edown.png);
		background-repeat:no-repeat;
		left:0px;
		width:160px;
		height:5px;
		z-index:11;
	}
	.BtnEncuesta2 {
		width:70px;
		height:29px;
		z-index:11;
		border-style:none;
		border:0px;
	}
	.BtnEncuesta3 {
		width:75px;
		height:29px;
		z-index:11;
		border-style:none;
		border:0px;
	}
	
		.EUGraficaRespuesta1{
		background-color:#8cc63f;
		top:10px;
		bottom:10px;
		z-index:8;
		
	
		}
		.EUGraficaRespuesta2{
		background-color:#096db6;
		top:10px;
		bottom:10px;
		z-index:8;
	
		}
		.EUGraficaRespuesta3{
		background-color:#f7931e;
		top:10px;
		bottom:10px;
		z-index:8;
	
		}
		.EUGraficaRespuesta4{
		background-color:#fadd46;
		top:10px;
		bottom:10px;
		z-index:8;
	
		}
		.EUGraficaRespuesta5{
		background-color:#0ea0fd;
		top:10px;
		bottom:10px;
		z-index:8;
	
		}

/*Termina Encuesta Usuarios*/
/*Empieza Info Cuenta Usuario*/
.ICU{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-align:center;
	color:#9b9c9e;
	
}

.ICUPlanNaranja{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-align:center;
	color:#f7931e;
	font-weight:bold;
}

.ICUPlanMorado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-align:center;
	color:#761a73;
	font-weight:bold;
}

.ICUPlan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-align:center;
	color:#8cc63f;
	font-weight:bold;
}

.ICUVencimiento{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-align:center;
	color:#0d74b7;
	font-weight:bold;
}
.ICUFechaCorte{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-align:center;
	color:#454547;
	font-weight:bold;
}
.ICUNumAfiliados{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#7b7b7d;
	font-weight:bold;
}

.TablaTituloComisiones{
	background-color:#8cc63f;	
}
	
/*Termina Info Cuenta Usuario*/






form { margin:0px}

body  {
	/*background-color:#cecfd1;
	background-image:url(../images/bg.png);*/
	background:#cecfd1 url("../images/bg.png") repeat-x !important;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;/*	background-image:url(../images/bg_globeimage.gif);*/
	
	 
}

p, .text {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: -4px;
}
.reqfield { font-size: 12px; font-weight:bold;}
.headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}
.inputbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #65625D;
}
h1 {
	font-size: 26px;
	line-height: 27px;
	margin-bottom: -6px;
}

h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: -3px;
	padding-bottom: 0px;
}
h2 a:link, h2 a:visited {
	color: #bd060b;
	text-decoration: none;
}
h2 a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: -12px;
}
h3 a:link, h3 a:visited {
	color: #bd060b;
	text-decoration: none;
}
h3 a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #fff;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 20px;
} 
#header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #4b4b4b;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.sidebar1 {
	width: 230px; /* padding keeps the content of the div away from the edges */
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.sidebar2 {
	width: 220px; /* padding keeps the content of the div away from the edges */
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;	
	margin-left:0px;
}


}
.mainContent {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
	width:470px;
} 
dth: 100%;
}
ul{
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left:10px;
	margin-top:0px;	
} 
li{
	font-size: 11px;
	line-height: 14px;
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 4px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: url(../images/bullet_redsquare.gif);
	font-weight: bold;
} 


input {
	font-size: 11px;
	color: #333333;
	background-color: #eeeeee;
	border: 1px inset;
	border-top-color: #333333;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #333333;
	padding:2px;
}
.button {
	color: #FFFFFF;
	background-color: #FF0000;
	font-weight: bold;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC0000;
	border-right-color: #FF6666;
	border-bottom-color: #FF6666;
	border-left-color: #CC0000;
}


#topbox {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #333333;
	padding: 0px;
	height: 312px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
}


a:link {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	font-weight: bold;
}
a:visited {
	color: #000000;
	text-decoration: none;

}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#dateline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #eeeeee;
	background-color: #333333;
	display: block;
	padding: 8px;
	width: 164px;
	text-align: right;
	text-transform:uppercase;
}


#copyright {
	color:#999;
	background-color: #4b4b4b;
	padding-left: 0px;
	height: 20px;
	padding-top: 10px;
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
	
} 

.caption {
	font-size: 11px;
	line-height: 14px;
	color: #333333;
}


.contact {
	font-size: 12px;
	line-height:18px;
	font-weight:bold;
}

/* Inicia estilo de Testimonios!!!! */
.tablaTestimonios{
	background-color: #FFFFFF;
}

.tablaDivTestimonios{
	background-color: #8593B6;
}


.estiloTextareaTestimonio {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:170px;
	height:100px;
	text-align:left;
	border: #F1F2F6;
	background-color: #F1F2F6;
	scrollbar-arrow-color: #F1F2F6;
	scrollbar-base-color: #F1F2F6;
	scrollbar-dark-shadow-color: #F1F2F6;
	scrollbar-track-color: #F1F2F6;
	scrollbar-face-color: #F1F2F6;
	scrollbar-shadow-color: #F1F2F6;
	scrollbar-highlight-color: #F1F2F6;
	overflow:auto;
	}
	
.estiloTextboxTestimonio {
	font-family:Arial, Helvetica, sans-serif;
	width:170px;
	text-align:left;
	border: #F1F2F6;
	background-color: #F1F2F6;
	font-size:12px;
}
	
.textoAzulLight{
	font-size: 11px;
	color: #333333;
	text-align:left;
}


.errorMsg{
	font-size: 11px;
	font-weight: bold;
	color: #FF2244;
	text-align:left;
}

.errorMsgCenter{
	font-size: 11px;
	font-weight: bold;
	color: #FF2244;
	text-align:center;
}

.SuccessMsg{
	font-size: 11px;
	font-weight: bold;
	color: #2244FF;
	text-align:left;
}

#testimonioSelect {
	position:absolute;
	left:0px;
	top:80px;
	width:160px;
	height:20px;
	align:left;
	valign:top;	
	z-index:7;
}

#testimonioPopUp {
	position:absolute;
	left:590px;
	top:150px;
	width:210px;
	height:250px;
	align:left;
	valign:top;	
	z-index:7;	
}
/* Termina estilo de Testimonios!!!! */

/* Inicia pagina Admin Usuarios!!!! */
#MenuIzqAdmin {
	
	left:34px;
	top:145px;
	width:160px;
	height:488px;
	align:left;
	z-index:8;
}

#PrincipalAdminUsuarios {
	
	left:212px;
	top:145px;
	width:780px;
	height:488px;
	z-index:2;

}

#infoCuentaUsuario {
	background-color:#ececed;
	position:inherit;
	left:400px;
	top:103px;
	width:718px;
	height:23px;
	z-index:9;
	

}
/* Termina pagina Admin Usuarios!!!! */


/* Inicia Menu Admin Usuarios!!!! */
.MTitleUsuario1 {
	text-align:left;
	border: #F1F1F2;
	background-color: #F1F1F2;
	font-size:9pt;
}

.MTitleUsuario2 {
	text-align:left;
	border: #E6E7E8;
	background-color: #E6E7E8;
	font-size:9pt;
}

.subFont {
	text-align:left;
	font-size:8pt;
}

/* Inicia Menu Admin Usuarios!!!! */



/* Inicia Visor de Administrador!!!! */
	.encabezadoVisor{
		background-color: #8593B6;
	}
	
	.principalVisor{
		background-color: #F1F1F2;
	}
	
	.footerVisor{
		background-color: #E2E3E5;
	}
/* Termina Visor de Administrador!!!! */



/* NOTICIAS!!! */

.noticiasUp {
	
	background-image:url("../images/noticiasypromos2.png");
	background-repeat:no-repeat;
	width:780px;
	left:0px;
	height:36px;
	z-index: 9;	
	}

.noticiasDown {
	left:0px;
	background-image:url("../images/notipromodown.png");
	background-repeat:no-repeat;
	width:780px;
	height:12px;
	
	z-index: 8;	
}

.noticias {
	left:0px;
	width:387px;
	text-align:justify;
	font-size:12px;
	background-color: #F1F1F2;
	z-index: 9;
	padding-right: 8px;
	padding-left: 5px;
	padding-top: 5px;
	border-right: 2px solid;
	border-right-color: white;
}

.linkLeerMas {
	text-align: right;
}



/* termina NOTICIAS!!! */


/* PROMOCIONES!!! */

.promociones {
	left:0px;
	width:368px;
	height:165px;
	text-align:justify;
	font-size:12px;
	background-color: #F1F1F2;
	z-index: 9;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

/* termina PROMOCIONES!!! */


/* Tipos de Páginas!!! */

.tipoPagina1{
	position: absolute;
}

.tipoPagina2{
	position: absolute;
	left: 277px;
}

.tipoPagina3{
	position: absolute;
	left: 404px;
}

.tipoPagina4{
	position: absolute;
	left: 531px;
}

.formTipoPagina{
	position: relative;
	left: 152px;
}

.radioButton {
	background-color:transparent; 
	border: none;
}

.radio1 {
	position: absolute;
	left: 43px;
	top: -6px;
}

.radio2 {
	position: absolute;
	left: 170px;
	top: -6px;
}

.radio3 {
	position: absolute;
	left: 297px;
	top: -6px;
}

.radio4 {
	position: absolute;
	left: 424px;
	top: -6px;
}
	

/* Termina Tipos de Páginas!!! */


/* PLANTILLAS!!! */

.seccionPlantillas1 {
	left:40px;
	height:41px;
	width:700px;
}

.seccionPlantillas2 {

	height:auto;
	width:700px;
}

.mostrarPlantillas {
	left:394px;
	min-height: 220px;
	width: 700px;	
}

.formPlantillaFinal {
	width:490px;
	height:159px;
	max-height: 159x;
	overflow: auto;
	overflow-x:hidden;
}

.botonesPlantillas {
	position:relative;
	width:500px;
	height:80px;	
}

.acomodoThumbnail1 {
	left:570px;
	position:absolute;
	z-index:9;
	
}
.acomodoThumbnail2 {
	left:685px;
	position:absolute;
	z-index:9;
	}
.acomodoThumbnail3 {
	left:800px;
	position:absolute;
	z-index:9;
	}
.acomodoThumbnail4 {
	left:915px;
	position:absolute;
	z-index:9;
	}

/* Termina Plantillas!!! */

/*empieza seccion creacion de sitio*/

.ContentDatosSitio {
	background-color:#FFF;
	left:533px;
	width:auto;
	height:auto;
	z-index:9;
	
}
.NuevoSitio{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
}

.InputTypeTextNuevoSito{
	background:#FFF;
	border: 1px solid #005cab;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
		

}
	

.ContentErrores {
	left:533px;
	top:199px;
	width:auto;
	height:11px;
	z-index:10;
}


.errorMsgCrearSitio{
	font-size: 11px;
	font-weight: bold;
	color: #FF2244;
	text-align:center;
	}




.Errores {
	
	top:-250px;
	left:40px;
	position:relative;
	z-index:9;
	
}

.tablaDivCrearSitios{
	background-color: #8593B6;
}
.tablaCrearSitios{
	background-color: #FFFFFF;
}
.tablaCrearSitios2{
	background-color: #FFFFFF;
}
.textoPopUpCrearSitios{
	font-size: 11px;
	color: #333333;
	text-align:center;
}

/*termina seccion creacion de sitio*/
/*inicia paginas predisenadas*/
.FormularioPaginasPre {	
	margin-left:3px; 
	text-align:left;
	font-size:11px;
	font-weight:bold;
	vertical-align:top; 
	color:#707173;
}

.tablaDivPaginasPre{
	background-color: #8593B6;
}
.tablaPaginasPre{
	background-color: #FFFFFF;
}
.divTextoPopUpPaginasPre{
	left:10px;
	right:10px;
	top:10px;
	bottom:10px;
	}

.textoPopUpPaginasPre{
	font-size: 11px;
	color: #333333;
	text-align:justify;
	font-weight:bold;
}

.acomodoPopUp {
	top:-250px;
	left:40px;
	position:relative;
	z-index:9;
	
}
/*termina paginas predisenadas*/

/*inicia seccion seleccion de configuracion de menu*/
.PromocionesBanners {	 
	text-align:right;
	padding-left:53px;
	width:250px;
	height:20px;
	font-size:11px;
	font-weight:bold;
	color:#707173;
}
.FormularioConfMenu {	 
	text-align:right;
	padding-left:120px;
	width:120px;
	height:20px;
	font-size:11px;
	font-weight:bold;
	color:#707173;
}

.FormularioConfMenu2 {	 
	text-align:right;
	padding-left:20px;
	height:87px;
	font-size:11px;
	font-weight:bold;
	vertical-align:top; 
	color:#707173;
}

.FormularioConfMenu3 {	 
	text-align:right;
	padding-left:30px;
	height:25px;
	font-size:11px;
	font-weight:bold;
	vertical-align:top; 
	color:#707173;
}

.TextoGrisCentrado {	
	margin-left:100px; 
	text-align:center;
	font-size:11px;
	font-weight:bold;
	vertical-align:top; 
	color:#707173;
}

.TituloNegritas {	
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

.FondoAzulPalido{
	background-color:#F7F8F8;
}

.FondoBlanco{
	background-color:white;
}

.greenBorder{
	border-width: 2px;
	border-color: #71A591;
}

.estiloTextSelMenu{
	width:227px;
	text-align:left;
	border: 1px solid black;
	background-color: #FFFFFF;
	font-size:9pt;
}

.estiloTextareaSelMenu1{
	width:230px;
	height:80px;
	text-align:left;
	border: 1px solid black;
	background-color: #FFFFFF;
	overflow:auto;
	font-size:9pt;
}

.estiloTextareaSelMenu2{
	width:230px;
	height:50px;
	text-align:left;
	border: 1px solid black;
	background-color: #FFFFFF;
	overflow:auto;
	font-size:9pt;
}

.confirmOmitirMenu{
	top:-320px;
	left:-10px;
	position:relative;
	z-index:9;
}

.editarPaginasPred {
	top:120px;
	left:515px;
	position:absolute;
	z-index:9;	
}

/*termina seccion seleccion de configuracion de menu*/


/*inicia paginas de creacion de sitio*/

.divPaso1 {
	position:absolute;
	left:890px;
	z-index: 9;	
	height:41px;
	text-align: right;
	width:222px;
	top: 105px;
	
}
.divPaso2 {
	position:absolute;
	left:890px;
	z-index: 9;	
	height:41px;
	text-align: right;
	width:222px;
	top: 105px;
}
.divPaso3 {
	position:absolute;
	left:890px;
	z-index: 9;	
	height:41px;
	text-align: right;
	width:222px;
	top: 105px;
}

.divPaso4 {
	position:absolute;
	left:720px;
	z-index: 9;	
	height:41px;
	text-align: right;
	width:400px;
	top: 105px;
}
.divPaso5 {
	position:absolute;
	left:720px;
	z-index: 9;	
	height:41px;
	text-align: right;
	width:400px;
	top: 105px;
}
.EliminarPagina {
	position:absolute;
	top:100px;
	left:320px;
	z-index:9;
	
}
/*inicia estilo para lista de sitios del usuario*/
.ScrollListaSitios {
	width:445px;
	height:260px;
	max-height: 260px;
	overflow: auto;
	overflow-x:hidden; 
}
/*inicia estilo para lista de sitios del usuario*/
/*inicia estilo para nuevos popups alertas*/

	.divPopup {
	position:absolute !important;
	top:200px !important;
	left:620px !important;
	z-index:9;
	
}
	.tablaPopup{
	background-color: #8593B6;
}
	.FondoTablas{
	background-color:#F7F8F8;
}
	.textoPopup{
	font-size: 11px;
	color: #333333;
	text-align:center;
}

	.divPopupUrlSitioPublicado {
	position:absolute !important;
	top:215px !important;
	left:420px !important;
	z-index:9;
	
}

.divAgregarPlantilla
{
	position:absolute;
	top:100px;
	left:320px;
	z-index:9;
}

.tablaDivAgregarPlantilla{
	background-color: #8593B6;	
}

.tablaAgregarPlantilla{
	background-color:#F7F8F8;
}

.tituloAgregarPlantillas{
	font-weight:bold;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 157px; 
}

.finalizaAgregarPlantilla
{
	position:absolute;
	top:200px;
	left:620px;
	z-index:9;
}

.nuevoAcomodoThumbnail1 {
	left:90px;
	position:absolute;
	z-index:9;
	
}
.nuevoAcomodoThumbnail2 {
	left:210px;
	position:absolute;
	z-index:9;
	}
.nuevoAcomodoThumbnail3 {
	left:330px;
	position:absolute;
	z-index:9;
	}
.nuevoAcomodoThumbnail4 {
	left:460px;
	position:absolute;
	z-index:9;
	}
	
.noExistenSitios
{
	position:absolute;
	top:200px;
	left:620px;
	z-index:9;
}

.seccionPlantillas22 {
	height:auto;
	max-height:100px;
	width:700px;
}

.mostrarPlantillas2 {
	left:394px;
/*	min-height: 250px; */
	height:auto;
	max-height:250px;
	width: 700px;	
}

.formPlantillaFinal2 {
	width:490px;
	height:auto;
	max-height: 153px;
	overflow: auto;
	overflow-x:hidden; 
}
/*termina estilo para nuevos popups alertas*/

/*inicia estilo para reporte de comisiones*/
.ContentComisionesActuales 
{
	background-image:url(../images/comisionesActuales.png);
	background-repeat:no-repeat;
	left:0px;
	top:151px;
	width:559px;
	height:27px;
	z-index:10;
}

.ContentComisionesCanceladas 
{
	background-image:url(../images/comisionescanceladas.png);
	background-repeat:no-repeat;
	left:0px;
	top:151px;
	width:559px;
	height:27px;
	z-index:10;
}

.ContentComisionesPorCobrar 
{
	background-image:url(../images/comisionesporpagar.png);
	background-repeat:no-repeat;
	left:0px;
	top:151px;
	width:559px;
	height:27px;
	z-index:10;
}

.ContentHerramientasPromocion 
{
	background-image:url(../images/herramientasdepromocion.png);
	background-repeat:no-repeat;
	left:0px;
	top:151px;
	width:559px;
	height:27px;
	z-index:10;
}

.ContentComisionesCobradas {
		background-image:url(../images/comisionespagadas.png);
		background-repeat:no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
.estiloRenglonComisionesCobradas1{
	background-color: #ECECED;
	
}
.estiloRenglonComisionesCobradas2{
	background-color: #F7F8F8;
}
.estiloRenglonComisionesCobradasTotales{
	background-color: #C2DF9C;
}

.ScrollListaPeriodos {

	width:720px;
	max-height: 180px;
	overflow: auto;
	overflow-x:hidden; 

}
.ScrollListaPeriodosCancelados {

	width:680px;
	max-height: 180px;
	overflow: auto;
	overflow-x:hidden; 

}
.LetraGranTotal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#4a4a4a;
	font-weight:bold;
}

.ICULetraGrisComisiones{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#7b7b7d;
	font-weight:bold;
}

.LetraGranTotal2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#4a4a4a;
	font-weight:bold;
}
.totalesCancelados{
	font-size: 11px;
	font-weight: bold;
	color: #FF2244;
	text-align:right;
}
/*alertas inicio*/
.alertaCorreoYaExiste {
	position:relative;
	top:-500px;
	left:30px;
	z-index:9;
	
}
.textoPopUpAlertas{
	font-size: 11px;
	color: #333333;
	text-align:center;
}

.tablaDivAlertas{
	background-color: #8593B6;
}

.FondoAzulPalido{
	background-color:#F7F8F8;
}

.tablaAlertas{
	background-color:#F7F8F8;
}
/*alertas fin*/
/*inicia estilo para acomodo de alertas para edicion perfil*/
.alertaEdicionPerfil {
	position:absolute;
	top:200px;
	left:600px;
	z-index:9;
		
}

/*termina estilo para acomodo de alertas para edicion perfil*/

/*clase especial para mostrar alerta en crear sitio paso1*/

.ErroresCrearSitio {
	position:absolute;	
	top:200px;
	left:650px;
	z-index:9;
	
}


/*Principal para el administrador*/

#principalAdmin {
	margin-left:0px;
	height:auto !important;
	left:0px !important;
	top:0px !important;
	z-index:7;
	
}


/* Inicia seccion de Overlays */	
div.overlay {	
	/* growing background image */
	background-image:url(../images/whiteOverlay.png);
	
	/* dimensions after the growing animation finishes  */
	width:1px;
	height:0px;	
	
	/* initially overlay is hidden */
	display:none;
	
	
	/* some padding to layout nested elements nicely  
	padding:25px;*/
}

/* default close button positioned on upper right corner */
div.close22 {
	background:none;
	}

div.close{
	background-image:url(../images/closeOverlay.png);
	position:absolute;
	right:-10px;
	top:-20px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#maskBlur {
	left:0px;
	top:0px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:9998;
}

#maskBlurImage {
	width:348px;
	height:116px;
	z-index:1;
}

/* Termina seccion de Overlays*/
/*inicia estilos para reportes de listas*/
/*filtros de reporte de usuarios*/
.acomodoCamposAMostrar {
	background-color:#ECECED;
	width:auto;
	position:absolute;	
	top:200px;
	left:650px;
	z-index:9;
	
}
.InputTypeTextBorderGris{
	background: #F7F8F8;
	border: 1px solid #7B7B7D;
	
		

}


.LetraGrisNegritasIzquierda{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#7b7b7d;
	font-weight:bold;
}
.LetraGrisNegritasCentrado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#7b7b7d;
	font-weight:bold;
}

.alertaNoHayUsuariosEscogidos
{
	position:absolute;
	top:200px;
	left:620px;
	z-index:9;
}

.TablaTituloFondoVerde{
	background-color:#8cc63f;	
}

.estiloRenglon1{
	background-color: #ECECED;
	
}
.estiloRenglon2{
	background-color: #F7F8F8;
}

.ScrollListaSuscripcion {

	width:720px;
	max-height: 180px;
	overflow: auto;
	overflow-x:hidden; 
}
/*terminan estilos para reportes de listas*/

/*Estilos para autorrespondedor- formularios*/

.listasFormularios {
 background-color: white;
 min-height:150px;
 height:auto;
 border-left-style: solid;
 border-right-style: solid;
 border-width:1px;
 border-color: #8CC63F;
 
}

/*inicio estilos formulario agregar nuevo campo*/

.divAgregarNuevoCampo
{
	position:absolute;
	top:150px;
	left:480px;
	z-index:9;
}

.InputTypeTextBorderGris{
	background: #F7F8F8;
	border: 1px solid #7B7B7D;
		
}

/*termina estilos formulario agregar nuevo campo*/
/*inicia estilo para letra blanca en asignacion de listas a formularios*/

.LetraBlancaNegritasCentrado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

.ScrollAsignacionListasFormularios {

	width:320px;
	max-height: 100px;
	max-height: 100px !important;
	overflow: auto;
	overflow-x:hidden; 
}

.estiloRenglonLista1{
	background-color: #ECECED;
	
}
.estiloRenglonLista2{
	background-color: #e0e0e1;
	
}

.LetraGrisNegritasCentradoInhabilitado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#adadb4;
	font-weight:bold;
}
.LetraGrisNegritasIzquierdaInhabilitado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#adadb4;
	font-weight:bold;
	
}


.TituloVisorAsignarListaAFormulario {
		background-image:url(../images/asignarlistalformulario.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
.FondoVerdeTablasAsginarListaAFormulario{
	background-color: #8dc73f;
	
	}
	
	
#letraAzulGrandeIzq{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	text-align:left;
	color:#3188eb;
	font-weight:bold;
}
.TextareaBorderGris{
	background: #F7F8F8;
	border: 1px solid #7B7B7D;
	overflow:auto;
	font-size:9pt;
		
}
#letraAzulGrandeIzq a:link:hover{
	text-decoration:underline;
	color: #3188eb;

}
#letraAzulGrandeIzq a:link:visited{
	text-decoration:underline;
	color: #3188eb;

}
#letraAzulGrandeIzq a:hover{
	text-decoration:underline;
	color: #3188eb;

}
#letraAzulGrandeIzq a:visited{
	text-decoration:underline;
	color: #3188eb;

}
/*termina estilo para letra blanca en asignacion de listas a formularios*/


/*inicia seleccion de campos para formularios*/
.LinkAutorrespondedor {	 
	font-size:11px;
	font-weight:bold;
	color:#000000;
	cursor: pointer;
}		

.seleccionado {	 
	 background-color: #E1E1E1;
}

.noSeleccionado {	 
	 background-color: white;
}

/*termina seleccion de campos para formularios*/


.TituloVisorGenerarFormulario {
		background-image:url(../images/generarformulario.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}

.TituloVisorCrearListaSuscripcion {
		background-image:url(../images/crearlistadesuscripcion.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
	
.TituloVisorConsultaFormularios {
	background-image:url(../images/autorespondedorformulario.png);
	background-repeat: no-repeat;
	left:0px;
	top:151px;
	width:559px;
	height:27px;
	z-index:10;
}

/*Inicia estilo de paginacion*/
	div.paginacionUsuarios {
	position:relative;
	overflow:hidden;	 	
	width: 140px;	
	height:20px;
	max-height:20px;	
	color:#FFFFFF;
	text-align:center;
	float:left;	
}

a.anterior, a.anteriorPage{
	display:block;
	width:6px;
	height:8px;
	background:url(/negocioweb/resources/images/fleizqq.gif) no-repeat;
	float:left;
	margin:7px 7px;
	cursor:pointer;
}


a.siguiente, a.siguientePage {
	display:block;
	width:6px;
	height:8px;
	background:url(/negocioweb/resources/images/flederr.gif) no-repeat;
	clear:right;
	float:left;
	margin:7px 7px;
	cursor:pointer;	
}

.estiloBarraPaginacion{
	background-color: #B1B1B1;
}


.LetraGrisNegritasIzquierda{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#7b7b7d;
	font-weight:bold;
}
.LetraGrisNegritasCentrado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#7b7b7d;
	font-weight:bold;
}

.LetraBlancaNegritas{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

.fuenteNormal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
}

.fuenteItalic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#1245DD;
}
/*Finaliza el estilo de paginacion*/

/*Inicia estilos de editor correos*/
	#editorCorreoHtml{
		float: left;
		width:490px;
		/*height:500px; poner en caso de ser necesario*/
		}
	#comodinesXListas{
		float: right;
		width:200px;
		height:420px;
		/*background-color: #9DC63F;*/
		overflow: auto;
		overflow-x:hidden; 	
	}
	
		
	.TituloListaComodin{
	font-size:12px;
	font-weight:bold;
	}
	
	.ElemListaComodin{
	font-size:11px;
	}

	.TituloVisorEditarCorreos {
		background-image:url(../images/editarcorreoelectronico.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}

	
	.TituloVisorCrearCorreos {
		background-image:url(../images/crearcorreoelectronico.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
/*Finaliza estilo de editor correos*/

/*inicia estilo para consulta correos*/
.TituloVisorConsultaCorreos {
	background-image:url(../images/autorespondedorcorreoelectronico.png);
	background-repeat: no-repeat;
	left:0px;
	top:151px;
	width:559px;
	height:27px;
	z-index:10;
}
.ScrollCorreos {

	width:720px;
	max-height: 180px;
	overflow: auto;
	overflow-x:hidden; 

}

/*termina estilo para consulta correos*/
/*Inicia estilos para secuencias*/
.ScrollSecuencias{
	width:720px;
	max-height: 350px;
	overflow: auto;
	overflow-x:hidden; 
}
/*Termina estilos para secuencias*/
/*estilos para otos*/
.ScrollOtos {
	width:720px;
	max-height: 350px;
	overflow: auto;
	overflow-x:hidden; 
}

.TituloVisorCrearOtos {
		background-image:url(../images/crearOto.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
.TituloVisorConsultarOtos {
		background-image:url(../images/consultarOto.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
}
.TituloVisorEditarOtos {
		background-image:url(../images/editarOto.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
}
/*estilos para otos*/

/*inicio estilo para titulo de consulta listas suscripcion y editar listas de suscripcion*/

.TituloVisorConsultaListasSuscripcion {
		background-image:url(../images/autorespondedorlistasdesusc.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
	
.TituloVisorEditarListasDeSuscripcion {
		background-image:url(../images/editarlistadesuscripcion.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
}
/*termina estilo para titulo de consulta listas suscripcion y editar listas de suscripcion*/

/*inician estilos para insertar nuevo suscriptor*/

.TituloVisorDarAltaSuscriptor {
		background-image:url(../images/dardealtaunsuscriptor.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}

.estiloRenglonSuscriptor1{
	background-color: #F4F4F4;

}

.estiloRenglonSuscriptor2{
	background-color: #DCDDDF;
	
}

/*termina estilos para insertar nuevo suscriptor*/
/*inician estilos para paypal boton crear oto*/
.letraGrisLightCIE {
	text-align:left;
	font-size:9pt;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #A8A9AD;
	z-index:10;
	
}

.tablaGrisLightDivCIE{
	background-color: #f3f3f5;
}
.letraVerdeLeftCIE {
	text-align:left;
	font-size:9pt;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #71b43e;
	z-index:10;
	
}

.letraVerdeRightCIE {
color:#71B43E;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
font-weight:bold;
text-align:right;
z-index:10;
}

.letraGrisStrongCIE {
	text-align:left;
	font-size:9pt;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #959697;
	z-index:10;
	
}

.letraAzulLightCIE {
	text-align:left;
	font-size:9pt;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #3d70ca;
	z-index:10;
	
}
.letraAzulStrongCIE {
	text-align:left;
	font-size:9pt;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #143878;
	z-index:10;
	
}

.errorMsgCIE{
	font-size:8pt;
	font-weight: bold;
	color: #FF2244;
	text-align:center;
}

/*terminan estilos para paypal boton crear oto*/

/*inicia estilo para consulta suscriptores*/
.TituloVisorConsultaSuscriptores {
	background-image:url(../images/autorespondedor-suscriptores.png);
	background-repeat: no-repeat;
	left:0px;
	top:151px;
	width:260px;
	height:27px;
	z-index:10;
}
.ScrollSuscriptores {

	width:720px;
	max-height: 180px;
	overflow: auto;
	overflow-x:hidden; 

}

.ScrollAfiliados {

	width:720px;
	max-height: 180px;
	overflow: auto;
	overflow-x:hidden; 

}
/*termina estilo para consulta suscriptores*/

/*inician estilos para edicion de suscriptores*/

.TituloVisorEditarSuscriptor {
		background-image:url(../images/editarsuscriptor.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
}
/*terminan estilos para edicion de suscriptores*/
/*inician estilos para consulta de respuestas formularios-suscriptores*/
.ScrollRespuestasFormularios {

	width:720px !important;
	height:auto !important;	
	max-width:720px !important;
	max-height: 180px !important;
	overflow-x: auto !important;
	overflow-y: auto !important; 
	
}

.TituloVisorConsultaRespuestasFormularios {
	background-image:url(../images/autorespondedor-infolista.png);
	background-repeat: no-repeat;
	left:0px;
	top:151px;
	width:327px;
	height:27px;
	z-index:10;
}
/*terminan estilos para consulta de respuestas formularios-suscriptores*/

/*Inicia estilos para subdominios*/
.divNuevoSubdominio {
	position:absolute !important;
	top:200px !important;
	left:500px !important;
	z-index:9;	
}

.estiloTextboxSubdominio1 {
background-color:#F1F2F6;
border:1px solid #969797;
font-size:12px;
text-align:left;
width:210px;

}

a.LetraAzulNegritasIzquierda {
color:#0E76BD;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
}

a.LetraAzulNegritasIzquierda:hover {
color:#2F98DF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
}

/* Termina seccion subdominios*/

.TituloVisorConsultaAfiliados {
	background-image:url(../images/afiliados1ernivel.png);
	background-repeat: no-repeat;
	left:0px;
	top:151px;
	width:277px;
	height:27px;
	z-index:10;
}

.TituloVisorInfoManejoAfiliados {
		background-image:url(../images/politicasdeafiliados.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
	
.TituloVisorPagoMembresia {
		background-image:url(../images/pagatumembresia.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
.TituloVisorLinkAfiliado {
		background-image:url(../images/linkafiliado.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
.TituloVisorConfigurarOTO {
		background-image:url(../images/configuraroto.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
	}
/*inician estilos para box promociones usuarios*/
.PromoUsrNegro {
	text-align:left;
	border: #F1F1F2;
	background-color: #F1F1F2;
	font-size:9pt;
	font-weight: bold;
	color:#454547;
	text-align:left;
	
}
#PromoUsrNaranja {
	text-align:left;
	border: #F1F1F2;
	background-color: #F1F1F2;
	font-size:9pt;
	font-weight: bold;
	color:#f7931e;
	text-align:left;
	
}

.TituloVisorAltaPromoUsuario {
		background-image:url(../images/dardealtaprmo.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
}

.TituloVisorEditarPromoUsuario {
		background-image:url(../images/editarpromo.png);
		background-repeat: no-repeat;
		left:0px;
		top:151px;
		width:559px;
		height:27px;
		z-index:10;
}

#PromoUsrNaranja a {color:#f7931e}
#PromoUsrNaranja a:hover { color: #ffc076  }
#PromoUsrNaranja a:focus { color: #f7931e }
/*terminan estilos para box promociones usuarios*/

/* estilo de informacion de dominios*/

#muestraInformacionDominiosUp {
	background-image: url(../images/membresiaup.png);
	background-repeat:no-repeat;
	position:absolute;
	left:160px;
	top:5px;
	right:15px;
	width:470px;
	height:27px;
	z-index:9;		
}

#muestraInformacionDominiosDown {
	background-image: url(../images/membresiadown.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	width:470px;
	height:27px;
	z-index:9;
}

#muestraInformacionDominios {
	background-color:white;
	position:absolute;
	left:160px;
	top:42px;
	right:15px;
	width:470px;
	height:auto;
	z-index:9;
}

/* termina estilo de informacion de dominios*/