/*CSS Document*/
BODY{
	font-family: Arial, Verdana;
	font-size: 8pt;
	margin : 15px 0px 20px 0px;
}
a, a:visited{
	color: #993399;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
	/*FORMULARIOS*/
	input{
		font-size: 8pt;
	}
	form{
		margin:0px 0px 0px 0px;
	}
	.boton{
		font-size: 10px;
		height: 14pt;
		background-color: #dfcff3;
		border: 2px outset rgb(180,150,250);
		padding: 1px 3px 2px 3px;
	}
	select{
		font-size: 8pt;
		width: 98px;
	}
	.titulos{
		color: #0000ff;
		padding: 10px 0px 10px 0px;
	}
#contenedor{
	width: 810px;
	background-color: #ffffff;
	margin: auto;
	border: 1px solid rgb(180,150,250);
}
/*CABECERA*/
#cabecera{
	height: 145px;
}
	/*LOGO*/
	#logo{
		height: 145px;
		width: 182px;
		background-color: #ffffcc;
		border-right: 1px solid rgb(180,150,250);
		float: left;
	}
	#imgLogo{
		height : 65px;
		width: 174px;
		margin-left: 3px;
		margin-top: 40px;
		border: 0px;
	}
	#numeroChistes{
		text-align: center;
		padding-top: 3px;
	}
	/*MENU*/
	#menu{
		color: #993399;
		font-weight: bold;
		float: right;
		width: 471px;
	}
		#menu td{
			border-bottom: 1px solid rgb(180,150,250);
			background-color: #ffffdf;
			padding: 3px 13px 3px 13px;
			border-left: 1px solid rgb(180,150,250);
		}
/*CUERPO*/
#cuerpo{}
	/*LATERAL*/
		#lateral{
			width: 182px;
			background-color: #ffffcc;
			border-right: 1px solid rgb(180,150,250);
			border-bottom: 1px solid rgb(180,150,250);
			float: left;
			height: 800px;
		}
		.tituloLateral{
			color: #ffffcc;
			font-size: 12px;
			padding: 3px 3px 3px 8px;
			background-color: #c08fd3;
			text-transform : uppercase;
			margin: 0px 0px 0px 0px;
			border-bottom: 2px solid rgb(150,100,200);
			border-top: 1px solid rgb(150,100,200);
		}
		.cuerpoLateral{
			padding: 5px 4px 13px 10px;
			background-color: #dfcff3;
			border-bottom: 1px solid rgb(150,100,200);
			font-family: Verdana;
		}
		.cuerpoLateral ul{
			margin: 8px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style: none;
		}
		/*CHISTES*/
			#lateralChistes{
				margin-top: 8px;
				background-color: #ffffcc;
				font-family: Arial;
				border: none;
			}
			#lateralChistes ul{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 3px;
				list-style: none;
			}
			#lateralChistes li{
				margin-bottom: 6px;
				font-weight: bold;
				color: #993399;
			}
		/*BUSQUEDA RAPIDA*/
			.cuerpoLateral form{
				margin-top: 8px;
			}
			/*FORMULARIO*/
				.campoTexto{
					width: 117px;
				}
				.botonBuscar{
					padding-top: 10px;
					padding-left: 50px;
				}
				.comboCategorias{
					padding-top: 2px;
					padding-bottom: 2px;
				}
		/*CAPA EN BLANCO*/
			.lateralEspacio{
				margin-top: 20px;
			}
	/*LATERAL DOS*/
	#lateralDos{
	    width: 120px;
	    float: right;
	}
	/*PRINCIPAL*/
	#principal{
		margin-left: 190px;
		padding: 10px 0px 0px 0px;
		width: 486px;
	}
	#titulo{
		font-size: 11pt;
		margin: 0px 0px 15px 0px;
		padding: 0px 5px 2px 5px;
		border-bottom: 1px solid rgb(150,100,200);
		font-family: 'Comic Sans MS';
	}
		/*CHISTE*/
		.caja{
			border: 1px solid rgb(180,150,250);
			margin-bottom: 15px;
			background-color: #ffffcc;
		}
			/*TITULO CHISTE*/
			.tituloChiste{
				padding: 3px 3px 3px 5px;
				background-color: #dfcff3;
				margin: 0px 0px 0px 0px;
				border-bottom: 1px solid rgb(150,100,200);
			}
			.fechaTituloChiste{
				width: 60px;
				float: left;
				margin-top: 8px;
			}
			.posicionTituloChiste{
				width: 20px;
				float: left;
				font-size: 12pt;
				font-family: 'Comic Sans MS';
				text-align: center;
				margin-right: 2px;
				margin-top: 2px;
			}
			.autorTituloChiste{
				width: 347px;
				border-left: 1px solid rgb(150,100,200);
				border-right: 1px solid rgb(150,100,200);
				margin-left: 60px;
				padding-left: 5px;
				font-family: Verdana;
			}
			.autorTituloChiste2{
				width: 385px;
				border-left: 1px solid rgb(150,100,200);
				border-right: 1px solid rgb(150,100,200);
				margin-left: 20px;
				padding-left: 5px;
				font-family: Verdana;
			}
			.notaTituloChiste{
				width: 53px;
				float: right;
				margin-top: 8px;
			}
			/*CUERPO CHISTE*/
			.cuerpoCaja{
				padding: 8px 10px 20px 8px;
				border-top: 1px solid rgb(180,150,250);
				font-family: Verdana;
			}
				/*FORMULARIO DEL CHISTE*/
				.formCuerpoChiste form{
					margin-top: 20px;
				}
				.puntosCuerpoChiste{
					width: 140px;
					float: left;
				}
				.votarCuerpoChiste{
					width: 180px;
					margin-left: 150px;
					padding-left: 5px;
					text-align: center;
				}
				.enviarCuerpoChiste{
					width: 105px;
					float: right;
				}
		/*PAGINACION*/
		.paginacion{
			background-color: #ffffcc;
			padding: 6px 8px 6px 8px;
			margin-bottom: 15px;
			font-family: Verdana;
		}
			.datosPaginacion{
				float: left;
				padding-right: 20px;
				padding-top: 3px;
			}
			.paginasPaginacion{
				text-align: right;
				padding-right: 120px;
			}
				.paginasPaginacion select{
					width: 40px;
				}
			.antSigPaginacion{
				float: right;
				padding-top: 3px;
			}
			a.enlaceAntSig, a.enlaceAntSig:visited{
				color: #0033aa;
				text-decoration: none;
			}
			a.enlaceAntSig:hover{
				text-decoration: underline;
			}
/*PIE*/
#pie{
   	text-align: center;
   	clear: both;
}
#firma{
	padding: 3px 10px 3px 10px;
	background-color: #dfcff3;
}
/*VALIDACIONES*/
#validaciones{
	text-align: center;
	position: relative;
	margin-bottom: 10px
}
/*PUBLICIDAD*/
#publicidadTop{
   margin-top: 15px;
   margin-left: 190px;
}

.publicidadLeft{
   text-align: center;
   margin-top: 20px;
   margin-bottom: 30px;
   border-top: 1px solid rgb(150,100,200);
}