/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}

		:focus {outline: 0}

		body {
			line-height: 1;
			color: black;
			background: white
		}

		ol, ul {list-style: none}

		/* Las tablas necesitan 'cellspacing="0"' en el marcado */
		table {
			border-collapse: separate;
			border-spacing: 0
		}

		caption, th, td {
			text-align: left;
			font-weight: normal
		}

		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Cuerpo */
	body {
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: 'trebuchet ms', tahoma, verdana, arial, serif;
		background: #4b7205 url('../imagenes/body-bg.jpg') repeat-x top center
	}

/* Encabezados */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}

/* Hipervínculos */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #fab407; text-decoration: none}
	a:hover, a:active {color: #f7c64d}

/* Párrafos */
	strong {font-weight: bold}
/* Alineaciones */

/* Listas */
ul li {
	padding-left: 15px;
	font-size: .7em;
	background: url('../imagenes/iconos/bullet-verde.gif') no-repeat center left;
	line-height: 1.5em
}

/***** Diseño del Layout *****/
div#sombra {
	width: 860px;
	margin: auto;
	background: url('../imagenes/sombra.png') repeat-y top left !important;
	background: url('../imagenes/sombra-ie.gif') repeat-y top left
}
/* Encabezado */
div#header {
	width: 860px;
	height: 272px;
	background: #fff url('../imagenes/header.jpg') no-repeat top left;
	position: relative
}

h1#titulo-web a {
	display: block;
	text-indent: -9999em;
	width: 860px;
	height: 370px
}

div#header span {
	display: block;
	height: 16px;
	line-height: 16px;
	position: absolute;
	right: 20px;
	font-size: .75em;
	text-align: center;
	width: 200px
}

div#header span#fecha {
	top: 20px;
	padding-right: 20px;
	width: 250px;
	text-align: right;
	background: url('../imagenes/iconos/calendario.gif') no-repeat right center
}

span#usuarios-conectados {top: 36px}

	/* Buscador */
	div#buscador {
		width: 840px;
		height: 61px;
		background: #fff url('../imagenes/buscador-bg.jpg') no-repeat top left;
		margin: 0 10px 0 10px;
		position: relative;
		font-size: .75em
	}

	div#buscar-chistes {
		position: absolute;
		top: 5px;
		width: 240px;
		left: 250px
	}

	div#apuntarse {
		position: absolute;
		top: 5px;
		left: 495px;
		width: 305px
	}

	/* Genericas */
	.formu {
		margin: 0px auto;
		text-align: center;
	}
	.formu TH, .formu TD {
		padding: 2px;
		vertical-align: middle;
	}
	.formu .submit {
		text-align: center;
		float: left;
	}

	.field {
		background-color: #a6d65e;
		width: 250px;
		padding: 2px 2px 0 2px;
		border: 1px solid #78b52d;
		font-size: 12px;
	}

	.label {
		text-align: left;
		font-size: .7em;
		color: #5f6060;
	}

	.error {
		color: red;
		font-weight: bold;
	}

	.msg_ok {
		color: #4a7005;
		font-weight: bold;
	}

	div#buscador h2 {
		background: url('../imagenes/iconos/flecha-ama.jpg') no-repeat center left;
		text-indent: 10px;
		font-size: 1em;
		margin: 0;
		text-align: left;
	}

	div#buscador input {margin-right: 5px; margin-top: 5px; font-size: 12px; color: #666666}

	div#buscar-chistes input.field {
		background-color: #bce184;
		width: 125px;
		float: left;
		padding: 2px 2px 0 2px;
		height: 20px;
		border: 1px solid #8ab357
	}

	div#apuntarse input.field {
	background-color: #bce184;
	width: 175px;
	float: left;
	padding: 2px 2px 0 2px;
	height: 20px;
	border: 1px solid #8ab357;
	font-size: 12px;
	color: #666666;

	}

/* Contenido */
div#contenido {
	width: 840px;
	height: 1%;
	margin: 0 10px 0 10px;
	padding-bottom: 20px;
	background: #fff url('../imagenes/contenido-bg.jpg') repeat-y top left
}

div#contenido:after, div#tops:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

	div#cont h2 {
		margin: 0 0 15px 0;
		height: 38px;
	}

	/* Menú */
	div#menu {
		width: 204px;
		float: left;
		margin: 0 0 0 28px;
		text-align: left;
		background: #79b026 url('../imagenes/menu-bg.jpg') repeat-y top left;
		/* arreglando bug de IE */
		display: inline
		/* /arreglando bug de IE */
	}

	div.menu-cont {
		width: 174px;
		margin: 0 5px 0 5px;
		padding: 20px 10px 10px 10px;
		background: #fff url('../imagenes/menu-cont-bg.jpg') no-repeat top center
	}

	div#menu ul li a:link, div#menu ul li a:visited {color: #777}
	div#menu ul li a:hover, div#menu ul li a:active {color: #333}

	div.strong ul a {font-weight: bold}

	div#menu h2 {
		width: 204px;
		height: 32px;
		text-indent: -9999em
	}

	div#menu h2#menu-principal {
		background: url('../imagenes/menu-principal.jpg') no-repeat top left;
		height: 36px
	}
	h2#categorias-web {background: url('../imagenes/menu-categorias.jpg') no-repeat top left}
	h2#chistes-graficos {background: url('../imagenes/menu-graficos.jpg') no-repeat top left}

	div.menu-cont img {margin-top: 10px}

	div#menu-end {
		height: 20px;
		background: url('../imagenes/menu-end.jpg') no-repeat bottom left
	}

	/* Contenido */
	div#cont {
		background: #fff url('../imagenes/cont-bg.jpg') repeat-y top left;
		width: 375px;
		float: left
	}

	h2#ultimos-chistes-agregados {
		text-indent: -9999em;
		margin: 0 0 15px 0;
		height: 38px;
		background: url('/imagenes/ultimos-chistes-agregados.jpg') no-repeat top left;
	}
	h2#ultimos-chistes-graficos {
		text-indent: -9999em;
		margin: 0 0 15px 0;
		height: 38px;
		background: url('/imagenes/ultimos-chistes-graficos.jpg') no-repeat top left;
	}
	h2#chiste-completo {
		text-indent: -9999em;
		margin: 0 0 15px 0;
		height: 38px;
		background: url('/imagenes/chiste-completo.jpg') no-repeat top left;
	}
	h2#contacto {
		text-indent: -9999em;
		margin: 0 0 15px 0;
		height: 38px;
		background: url('/imagenes/contacto.jpg') no-repeat top left;
	}
	h2#recomendar {
		text-indent: -9999em;
		margin: 0 0 15px 0;
		height: 38px;
		background: url('/imagenes/recomendar.jpg') no-repeat top left;
	}
	h2#desuscribir {
		text-indent: -9999em;
		margin: 0 0 15px 0;
		height: 38px;
		background: url('/imagenes/desuscribir.jpg') no-repeat top left;
	}
	h2#enlaces {
		text-indent: -9999em;
		margin: 0 0 15px 0;
		height: 38px;
		background: url('../imagenes/enlaces.jpg') no-repeat top left;
	}
	h2#anadir-chiste {
		text-indent: -9999em;
		margin: 0 0 15px 0;
		height: 38px;
		background: url('../imagenes/anadir-chiste.jpg') no-repeat top left;
	}

		/* Listado Chistes */
		div.paginas {
			width: 345px;
			text-align: center;
			color: #333;
			padding: 0 0 10px 0;
			margin: auto;
		}

		#paginas, #paginacion {
			text-align: center;
		}

		div.chiste-lista {
			width: 345px;
			text-align: left;
			color: #333;
			padding: 0 0 10px 0;
			margin: 0 0 10px 20px;
			background: #fff url('../imagenes/dot-border.gif') repeat-x bottom left
		}

		div.chiste-lista h3 {
			font-size: .75em;
			font-weight: bold;
			margin: 10px 0 5px 0;
			color: #74A032;
			text-indent: 13px;
			background: #fff url('../imagenes/iconos/flecha-verde.gif') no-repeat center left
		}
		div.chiste-lista h3 a:link, div.chiste-lista h3 a:visited {color: #74A032}
		div.chiste-lista h3 a:hover, div.chiste-lista h3 a:active {color: #EE6A20}

		div.chiste-lista p {font-size: .7em; margin: 0 0 5px 0; line-height: 150%;}

		div.chiste-lista ul {margin: 0 0 5px 0}
		div.chiste-lista ul:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden
		}

		div.chiste-lista ul li {
			float: left;
			background: none;
			padding: 0;
			margin: 0 5px 0 0;
			display: inline
		}

		div.chiste-lista ul li a {font-weight: normal}

		a.votar {background: url('../imagenes/iconos/valorar.gif') no-repeat center left; padding-left: 20px}
		a.enviar {background: url('../imagenes/iconos/email.gif') no-repeat center left; padding-left: 22px}
		a.entrar {background: url('../imagenes/iconos/flecha-verde.gif') no-repeat center left; padding-left: 15px}

		strong.vistas {display: block; clear: both; height: 15px; line-height: 20px; font-size: .7em; color: #333; font-weight: normal; float: left}
		strong.vistas span {color: #74A032}

		span.valoracion {display: block; font-weight: normal; height: 15px; line-height: 20px; color: #74A032; font-size: .7em; float: left}

		/* Pagiunación */
		h3#paginas {
			font-size: .7em;
			color: #000000;
			font-weight: normal;
			float: left;
			line-height: 15px;
			height: 15px;
			width: 50px;
			margin: 0 0 0 20px;
			text-align: left
		}

		ul#paginacion {float: left}
		ul#paginacion li {background: none; float: left; padding: 0; margin: 0 5px 0 0}
		ul#paginacion li {background: none; float: left; padding: 0; margin: 0 5px 0 0}

		ul#paginacion li.actual {color: #a4b903; font-weight: bold}

		ul#paginacion a:link, ul#paginacion a:visited {color: #000}
		ul#paginacion a:hover, ul#paginacion a:active {color: #aaa}

		ul#paginacion a.fuerte {font-weight: normal; margin: 0 8px 0 3px}

	/* Tops */
	div#tops {
		clear: both;
		height: 1%;
		padding: 13px 0 20px 0;
		background: url('../imagenes/cont-end.jpg') no-repeat bottom left
	}

	div#tops h2{text-indent: -9999em; height: 28px}

	div#tops ul {width: 150px; text-align: left; margin: 0 auto; margin-top: 10px; margin-bottom: 10px}

	div#tops ul a:link, div#tops ul a:visited {color: #777}
	div#tops ul a:hover, div#tops ul a:active {color: #333}

		/* Top votados */
		div#votados {
			float: left;
			width: 187px
		}

		h2#top-votados {background: url('../imagenes/top-votados.gif') no-repeat top left}

		/* Top vistos */
		div#vistos {
			float: left;
			width: 188px
		}

		h2#top-vistos {background: url('../imagenes/top-vistos.gif') no-repeat top left}

	/* Menu derecha */
	div#menu-der {
		width: 202px;
		float: left;
		background: #E5E9EC url('../imagenes/menu-der-bg.jpg') repeat-y top left
	}

	div#menu-der h2 {height: 32px; text-indent: -9999em}

	div#menu-der h2#publicidad  {height: 38px; background: url('../imagenes/publicidad.jpg') no-repeat top left}
	div#menu-der h2#webs-amigas {background: url('../imagenes/webs-amigas.jpg') no-repeat top left}

	div.menu-der-cont{
		text-align: left;
		width: 162px;
		line-height: 1.4em;
		font-size: .7em;
		color: #606161;
		background: url('../imagenes/menu-der-cont-bg.jpg') no-repeat top left;
		padding: 20px 10px 10px 30px
	}

	div.menu-der-cont strong {line-height: 20px}

	ul#webs-amigas-lista {
		text-align: right;
		font-size: 1.4em;
		padding: 0 10px 0 0
	}

	ul#webs-amigas-lista li {
		background: url('../imagenes/iconos/bullet-verde-gris.gif') no-repeat center right;
		padding: 0 15px 0 0
	}

	ul#webs-amigas-lista a:link, ul#webs-amigas-lista a:visited,
	ul#opciones a:link, ul#opciones a:visited {color: #444;}
	ul#webs-amigas-lista a:hover, ul#webs-amigas-lista a:active,
	ul#opciones a:hover, ul#opciones a:active {color: #7f8589;}

	ul#opciones {
		text-align: right;
		font-size: 1.4em;
		margin: 15px 0 0 0;
		padding: 0 10px 0 0
	}

	ul#opciones li {
		background: url('../imagenes/iconos/bullet-ama-gris.gif') no-repeat center right;
		padding: 0 15px 0 0
	}

	ul#opciones a.inserta:link, ul#opciones a.inserta:visited {color: #a2b704; font-weight: bold}
	ul#opciones a.inserta:hover, ul#opciones a.inserta:active {color: #bdd704}

	div#menu-der-end {
		background: url('../imagenes/menu-der-end.jpg') no-repeat bottom left;
		height: 38px;
		padding-top: 112px
	}

/* Pie de Página */
div#footer {
	width: 840px;
	margin: 0 10px 0 10px;
	padding: 10px 0 20px 0;
	color: #777;
	font-size: .7em;
	line-height: 20px;
	background-color: #fff
}


.titulo-superior {font-size: 12px}

div#footer a:link, div#footer a:visited {color: #777}
div#footer a:hover, div#footer a:active {color: #333}

div#footer a.web:link, div#footer a.web:visited {color: #688d1c; font-weight: bold}
div#footer a.web:hover, div#footer a.web:active {color: #91c820}

div#footer span {color: #688d1c}

/***** Secciones *****/
.meneame {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a.meneame:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}