/*
Hoja de Estilo para www.marqueze.net 
Nombre: CatCool
Versión: 2007.05.23
Reversión: 2008.01.17
Autores:
- David Ordoñez Rodríguez
	'Freelance'
	david@damarchis.com
- Elena Martin Castillo
	e.martincastillo@gmail.com
*/


/************************************************************************************************************************/
/******************************************* ESTILOS PARA OTRAS CATEGORIAS **********************************************/
/************************************************************************************************************************/


/******************************************** ESTILOS PARA TEXTO CORPORATIVO ********************************************/

	#texto-corporativo {
		width: auto;
		height: auto;
		margin: 25px 30px 0 30px;
	}
	#texto-corporativo h2 {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 26px "Georgia", Times, serif;
		color: #666;
		letter-spacing: 1px;
	}
	#texto-corporativo p {
		margin: 0 0 0 0;
		padding: 0;
		font: 13px "Trebuchet MS", Arial, sans-serif;
		color: #000;
	}
	#texto-corporativo p.pregunta {
		margin: 15px 0 0 0;
		padding: 0;
		font: bold 13px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
	}
	#texto-corporativo a {
		font: bold 13px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		text-decoration: none;
	}
	#texto-corporativo a:hover {
		color: #ba0000;
		text-decoration: underline;
	}
	#texto-corporativo img {
		margin: 10px 10px 0 20px;
		border: none;
		text-align: center;
	}
	#texto-corporativo ul, ol {
		margin: 15px 50px 0 50px;
		padding: 0;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #777;
	}
	#texto-corporativo li {
		margin: 0;
		padding: 0;
		list-style: none;
	}


/************************************************* ESTILOS PARA HUMOR ***************************************************/

/********************************************
indice de categorias
********************************************/

	#indice-humor {
		width: 100px;
		height: auto;
		margin: 20px 0 0 10px;
		float: left;
	}
	#indice-humor h2 {
		background: url(/humor/img/globo-texto.png) top no-repeat;
		margin: 5px 0 10px 0;
		padding: 60px 0 0 0;
		font: bold 16px "Georgia", Times, serif;
		color: #999;
		letter-spacing: 1px;
		text-align: center;
	}
	#indice-humor h2:hover {
		background: url(/humor/img/globo-texto-hover.png) top no-repeat;
		color: #000;
	}
	#indice-humor img {
		width: 100px;
		height: auto;
		margin: 0;
		border: none;
	}
	
	
/********************************************
estilos de texto, listas y enlaces
********************************************/

	#relleno-humor {
		width: 540px;
		height: auto;
		margin: 25px 15px 0 15px;
		float: right;
	}
	#relleno-humor h2 {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 24px "Georgia", Times, serif;
		color: #666;
		letter-spacing: 1px;
		text-align: center;
	}
	#relleno-humor h3 {
		margin: 0 0 5px 0;
		padding: 0;
		font: bold 18px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		text-align: center;
	}
	#relleno-humor h3 a {
		font: bold 18px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		text-decoration: none;
	}
	#relleno-humor h3 a:hover {
		color: #ba0000;
		text-decoration: underline;
	}
	#relleno-humor p {
		margin: 0 0 10px 0;
		font: 12px "Trebuchet MS", Arial, sans-serif;
		color: #666;
		text-align: center;
	}
	#relleno-humor p a {
		background: #ddd;
		margin: 20px 5px 0 5px;
		padding: 0 4px 0 4px;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		text-decoration: none;
		border: 1px solid #000;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#relleno-humor p a:hover {
		background: #ba0000;
		padding: 0 4px 0 4px;
		color: #fff;
		text-decoration: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#relleno-humor ul {
		margin: 5px 0 15px 40px;
		padding: 0;
		list-style: none;
	}
	#relleno-humor li {
		margin: 0;
	}
	#relleno-humor li a {
		background: url(/img-css/bullet2.png) left no-repeat;
		padding: 0 0 0 10px;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #333;
		line-height: 12px;
		text-decoration: none;
	}
	#relleno-humor li a:hover {
		background: url(/img-css/bullet-hover.png) left no-repeat;
		color: #ba0000;
		text-decoration: underline;
	}
	#texto-chiste {
		width: 400px;
		margin: 30px 0 20px 65px;
	}
	#texto-chiste h4 {
		margin: 0 0 10px 0;
		font: bold 14px "Georgia", Times, serif;
		color: #666;
		text-align: center;
		letter-spacing: 1px;
	}
	#texto-chiste p {
		font: bold 11px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		text-align: justify;
	}


/********************************************
listado de chistes del dia
********************************************/

	#listado-chistes h4 {
		margin: 30px 0 0 20px;
		padding: 0;
		font: bold 16px "Georgia", Times, serif;
		color: #000;
		letter-spacing: 1px;
	}
	#listado-chistes ul {
		margin: 5px 0 15px 40px;
		padding: 0;
		font: 12px "Trebuchet MS", Arial, sans-serif;
		color: #333;
	}
	#listado-chistes li {
		margin: 0;
	}
	#listado-chistes li a {
		background: none;
		padding: 0;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		line-height: 12px;
		text-decoration: none;
	}
	#listado-chistes li a:hover {
		background: none;
		color: #ba0000;
		text-decoration: underline;
	}
	
	
/*********************************************** ESTILOS PARA MOVILES *************************************************/
	
	#descarga-moviles ul, ol {
		margin: 15px 0 25px 0;
		padding: 0;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #666;
	}
	#descarga-moviles li {
		margin: 5px 35px 0 35px;
		padding: 0;
		list-style: decimal;
	}
	#descarga-moviles span {
		color: #000;
	}
	span.precio {
		font: bold 11px "Trebuchet MS", Arial, sans-serif;
		color: #000;
	}

/******************************************** ESTILOS PARA LISTA DE ENLACES **********************************************/

	#lista-enlaces {
		width: auto;
		height: auto;
		margin: 25px 30px 0 30px;
	}
	#lista-enlaces h2 {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 26px "Georgia", Times, serif;
		color: #666;
		letter-spacing: 1px;
	}
	#lista-enlaces p {
		margin: 0;
		font: 12px "Trebuchet MS", Arial, sans-serif;
		color: #666;
	}
	
	
/********************************************
listas y enlaces
********************************************/

	div.enlaces-desplegables {
		width: 310px;
		float: left;
	}
	div.enlaces-desplegables ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div.enlaces-desplegables li {
		margin: 0 0 0 10px;
		list-style: none;
	}
	div.enlaces-desplegables li a {
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #333;
		text-decoration: none;
	}
	div.enlaces-desplegables li a:hover {
		color: #ba0000;
		text-decoration: none;
	}
	div.enlaces-desplegables ul ul li {
		margin: 0 0 0 10px;
		padding: 0;
	}
	div.enlaces-desplegables ul ul li a {
		color: #0066ff;
	}
	div.enlaces-desplegables ul ul li a:hover {
		color: #0099ff;
		text-decoration: underline;
	}
	div.enlaces-desplegables p {
		font: 12px "Trebuchet MS", Arial, sans-serif;
		color: #666;
	}
	div.enlaces-desplegables h3 { 
		margin: 5px 0 0 0;
	}
	h3.categoria { 
		margin: auto;
		font: bold italic 26px "Georgia", Times, serif;
		color: #ccc;
		letter-spacing: 1px;
		}
	h3.head a { 
		background: url(/img-css/flecha-abajo.png) center right no-repeat;
		margin: auto;
		padding: 0 10px 0 0;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		}
	h3.head a:hover { 
		background: url(/img-css/flecha-abajo-hover.png) center right no-repeat;
		color: #000;
		}
	h3.selected a { 
		background: url(/img-css/flecha-arriba.png) center right no-repeat;
		padding: 0 10px 0 0;
		color: #ba0000;
		}
	h3.selected a:hover { 
		background: url(/img-css/flecha-arriba-hover.png) center right no-repeat;
		color: #ba0000;
		}


/********************************************* ESTILOS PARA RECOMENDAR.PHP ***********************************************/

	#recomendar {
		background: url(/img-css/bg-recomendar.png) no-repeat;
		width: 600px;
		height: 500px;
		margin: auto;
		padding: 0;
		text-align: center;
	}
	#recomendar-aviso {
		background: url(/img-css/bg-aviso-recomendar.png) bottom right no-repeat;
		width: 270px;
		height: auto;
		margin: 30px 35px 0 10px;
		_margin: 30px 20px 0 10px;
		padding: 0;
		float: right;
	}
	#recomendar-aviso h4 {
		margin: 0;
		padding: 0;
		font: bold 18px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		letter-spacing: 5px;
		text-align: center;
	}
	#recomendar-aviso p {
		margin: 0;
		padding: 0;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		text-align: right;
	}
	#recomendar h2 {
		width: 100%;
		margin: 15px 0 0 0;
		padding: 0;
		font: bold italic 16px "Georgia", Times, serif;
		color: #999;
		letter-spacing: 1px;
		text-align: center;
		float: left;
	}
	#recomendar h3 {
		width: 100%;
		margin: 20px 0 0 0;
		padding: 0;
		font: bold 13px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		text-align: center;
		float: left;
	}
	#recomendar h4 {
		margin: 0;
		padding: 0;
		font: bold 18px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		letter-spacing: 5px;
		text-align: center;
	}
	#recomendar h5 {
		width: 350px;
		margin: 200px 0 0 130px;
		_margin: 200px 0 0 65px;
		padding: 0;
		font: bold italic 16px "Georgia", Times, serif;
		color: #666;
		letter-spacing: 1px;
		text-align: center;
		float: left;
	}
	#recomendar form {
		width: auto;
		margin: 10px 0 0 80px;
		_margin: 10px 0 0 40px;
		padding: 0;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #666;
		text-align: right;
		float: left;
	}
	#recomendar input {
		width: 250px;
	}
	#recomendar textarea {
		width: 250px;
		vertical-align: top;
	}


/********************************************* ESTILOS PARA INSERTAR.PHP ***********************************************/

	#insertar-enlace {
		width: 620px;
		margin: 20px 0 0 30px;
		_margin: 10px 0 0 40px;
		padding: 0;
	}
	#insertar-enlace h3 {
		background-color: #363636;
		width: auto;
		margin: 0 0 10px 0;
		padding: 10px;
		font: bold italic 16px "Georgia", Times, serif;
		color: #fff;
		letter-spacing: 1px;
		text-align: center;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	#insertar-enlace form {
		background-color: #d7f98d;
		width: auto;
		padding: 20px;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		text-align: right;
		float: left;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	#insertar-enlace input {
		width: 500px;
		font: 13px "Arial", Verdana, sans-serif;
	}
	#insertar-enlace textarea {
		width: 500px;
		vertical-align: top;
		font: 13px "Arial", Verdana, sans-serif;
	}