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


/************************************************************************************************************************/
/************************************************* ESTILOS PARA INDEX ***************************************************/
/************************************************************************************************************************/

	h2.index {
		background: url(/img-css/h2-index.png) no-repeat;
		width: 350px;
		height: 40px;
		margin: 16px 5px 0 0;
		padding: 19px 0 0 20px;
		font: bold italic 18px "Georgia", Times, serif;
		color: #fff;
		text-align: left;
		letter-spacing: 1px;
		float: left;
	}
	h2.index a {
		color: #fff;
		text-decoration: none;
	}
	h2.index a:hover {
		color: #ffb0b0;
	}
	p.index {
		width: 290px;
		height: 50px;
		margin: 22px 0 0 0;
		padding: 0;
		font: bold 10px "Trebuchet MS", Arial, sans-serif;
		color: #777;
		float: left;
		text-align: justify;
	}
	a { outline: none; }
	img { border: none; }
	#index-skyscraper {
		width: 120px;
		height: auto;
		margin: 1px 0 0 10px;
		_margin: 1px 0 0 5px; /*  cuidado con el margin-bottom o padding-bottom, el div de abajo se mueve */
		padding: 0;
		float: left;
	}
	#index-skyscraper img {
		margin-top: 13px;
		border: none;
	}


/********************************************
TGP
********************************************/

	.tgp-index {
		width: 680px;
		height: auto;
		margin: 2px 0 0 16px;
		padding: 0;
		float: left;
		clear: both;
	}
	.foto-tgp {
		background: url(/img-css/bg-fototgp.png) no-repeat;
		width: 156px;
		height: 202px;
		margin: 0 9px 0 0;
		float: left;
		position: relative;
	}
	.foto-tgp h4 {
		_behavior: url(iepngfix.htc);
		z-index: 2;
		position: absolute;
		top: 145px;
		//top: 161px;
		left: 5px;
		background: url(/img-css/bg-fototgp-h3.png) no-repeat;
		width: 131px;
		height: 31px;
		padding: 3px 0 0 0;
		font: 16px "Trebuchet MS", Arial, sans-serif;
		color: #fff;
		letter-spacing: 1px;
		text-align: center;
	}
	.foto-tgp:hover h4 {
		_behavior: url(iepngfix.htc);
		background: url(/img-css/bg-fototgp-h3-hover.png) no-repeat;
		cursor: pointer;
	}
	.foto-tgp img {
		width: 140px;
		height: 186px;
		margin: 8px 0 0 8px;
		padding: 0;
	}


/********************************************
chica Marqueze
********************************************/

	.chicamarqueze-index {
		width: 680px;
		height: auto;
		margin: 2px 0 0 20px;
		padding: 0;
		float: left;
	}
	.chicamarqueze-foto {
		background: url(/img-css/bg-fotoblog.png) no-repeat;
		width: 156px;
		height: auto;
		margin: 3px 7px 0 0;
		float: left;
		position: relative;	
	}
	.chicamarqueze-foto span {
		_behavior: url(iepngfix.htc);
		z-index: 2;
		position: absolute;
		top: 0;
		left: 60px;
		background: url(/img-css/bg-fotoblog-tape.png) no-repeat;
		width: 36px;
		height: 17px;
		display: block;
	}
	.chicamarqueze-foto img {
		width: 140px;
		height: 140px;
		margin: 10px 0 10px 8px;
		padding: 0;
	}


/********************************************
relatos
********************************************/

	#relatos-index {
		width: 680px;
		height: auto;
		margin: 0;
		float: left;
	}
	#relatos-index ul {
		width: auto;
		height: auto;
		margin: 10px 0 20px 0;
		padding: 0 0 0 15px;
	}
	#relatos-index ul li {
	
		_behavior: url(iepngfix.htc);
		background: #eee url(/img-css/icon1.png) top left no-repeat;
		border: 1px solid #ccc;
		width: 200px;
		height: 88px;
		margin: 0 14px 10px 0;
		list-style: none;
		display: block;
		float: left;
		overflow: hidden;
		text-align: justify;
	}
	#relatos-index ul li:hover {
		_behavior: url(iepngfix.htc);
		background: #f1cbcb url(/img-css/icon2.png) top left no-repeat;
		border: 1px solid #9c7f7f;
		overflow: hidden;
	}
	#relatos-index ul li a {
		margin: 0;
		padding: 0 5px 5px 40px;
		font: 11px "Trebuchet MS", Arial, sans-serif;
		color: #666;
		text-decoration: none;
		float: left;
	}
	#relatos-index ul li a:hover {
		color: #333;
	}
	#relatos-index ul li h3 {
		margin: 4px 0 1px 10px;
		font: bold 11px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		display: block;
		float: left;
		clear: both;
		width: 100%;
	}


/********************************************
galerias
********************************************/

	.fotos-index {
		width: 680px;
		height: auto;
		float: left;
	}
	.fotos-index .galeria {
		width: auto;
		height: auto;
		margin: 10px 0 0 16px;
		float: left;
	}
	.fotos-index .galeria a {
		background: url(/img-css/bg-foto.png) no-repeat;
		width: 102px;
		height: 135px;
		margin: 0 7px 4px 0;
		display: block;
		float: left;
	}
	.fotos-index .galeria a:hover {
		background: url(/img-css/bg-foto-hover.png) no-repeat;
	}
	.fotos-index .galeria img {
		width: 90px;
		height: 120px;
		margin: 6px 0 0 6px;
	}


/********************************************
foto del dia
********************************************/

	#fotodeldia-index {
		width: auto;
		height: auto;
		margin: 5px 0 0 15px;
		padding: 0;
		float: left;
	}
	#fotodeldia-index a {
		background: url(/img-css/bg-fotodia.png) no-repeat;
		width: 340px;
		height: 444px;
		margin: 0;
		text-decoration: none;
		float: left;
		position: relative;
	}
	#fotodeldia-index p {
		_behavior: url(iepngfix.htc);
		z-index: 2;
		position: absolute;
		top: 376px;
		//top: 389px;
		left: 7px;
		background: url(/img-css/bg-fotodia-h3.png) no-repeat;
		width: 278px;
		height: 48px;
		padding: 5px 10px 0 10px;
		font: 13px "Trebuchet MS", Arial, sans-serif;
		color: #fff;
	}
	#fotodeldia-index img {
		margin: 14px 0 0 14px;
	}


/********************************************
blog Marqueze
********************************************/

	.blog-index {
		width: 680px;
		height: auto;
		margin: 2px 0 0 20px;
		padding: 0;
		float: left;
	}
	.foto-blog {
		background: url(/img-css/bg-fotoblog.png) no-repeat;
		width: 156px;
		height: auto;
		margin: 3px 7px 0 0;
		float: left;
		position: relative;
	}
	.foto-blog span {
		_behavior: url(iepngfix.htc);
		z-index: 2;
		position: absolute;
		top: 0;
		left: 60px;
		background: url(/img-css/bg-fotoblog-tape.png) no-repeat;
		width: 36px;
		height: 17px;
		display: block;
	}
	.foto-blog p {
		background: url(/img-css/bg-fotoblog-texto.png) no-repeat;
		width: 130px;
		height: auto;
		margin: 10px 0 0 8px;
		padding: 6px 0 0 10px;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #333;
		float: left;
	}
	.foto-blog img {
		width: 140px;
		height: 140px;
		margin: 10px 0 0 8px;
		padding: 0;
	}


/********************************************
video destacado
********************************************/

	#video-index {
		background: url(/img-css/bg-video.png) no-repeat;
		width: 443px;
		height: 364px;
		margin: 5px 0 0 15px;
		padding: 0;
		float: left;
	}
	/* dimensios for both splash image and the player wrapper */
	a.flowplayer {
		display: block;				
		width: 420px;
		height: 340px;
		border: 0px;		
		margin: 12px 0 0 12px;
	}
	a.flowplayer img {
		display: block;				
		width: 420px;
		height: 340px;
		border: 0px;		
		margin: 12px 0 0 0;
	}
	/* play button on top of splash screenn */
	div.playButton {
		background: url(/flowplayer/img/play.png) no-repeat;
		width: 50px;
		height: 73px;
		position: relative;
		top: -210px;
		left: 185px;	
		opacity: 0.3;
	/*	margin-bottom:-100px;*/
	}
	/* play button upon mouseover */
	div.playButton:hover {
		opacity: 1.0;		
	}


/********************************************
expertos
********************************************/

	#expertos-index {
		width: 645px;
		height: auto;
		margin: 10px 0 0 20px;
		float: left;
	}
	#expertos-index ul {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#expertos-index ul li {
		background: #eee;
		border: 1px solid #ccc;
		width: auto;
		height: 32px;
		margin: 0 0 10px 0;
		padding: 8px;
		list-style: none;
		display: block;
		float: left;
		overflow: hidden;
	}
	#expertos-index ul li:hover {
		background: #ddd;
		border: 1px solid #666;
		overflow: hidden;
	}
	#expertos-index ul li a {
		margin: 0;
		font: 11px "Trebuchet MS", Arial, sans-serif;
		color: #999;
		text-decoration: none;
		float: left;
	}
	#expertos-index ul li a:hover {
		color: #666;
	}
	#expertos-index ul li a span {
		margin: 0 5px 0 0;
		font: bold 11px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		text-decoration: none;
	}
	#expertos-index img {
		margin: 3px 8px 0 0;
		float: left;
	}

/********************************************
blogs propios
********************************************/

	.post {
		background: #fff;
		width: 265px;
		margin: 10px 0 0 18px;
		height: auto;
		padding: 10px 15px 0 10px;
		float: left;
	}
	.post h4 {
		margin: 0 0 -6px 0;
		padding: 0;
		font: bold 22px "Georgia", Times New Roman, Times, serif;
		text-align: center;
		float: right;
	}
	.post a, .post a h3 {
		width: auto;
		margin: 0 1px 8px 1px;
		padding: 4px 10px 6px 10px;
		font: bold 17px "Trebuchet MS", Arial, sans-serif;
		color: #fff;
		text-decoration: none;
		float: left;
	}
	.post p {
		margin: 8px 3px 0 3px;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #999;
		float: left;
		text-align: justify;
	}
	.post img {
		border: 1px solid #d1d1d1;
		width: 264px;
		height: 122x;
		padding: 2px;
		float: left;
	}
	/* historia del sexo */
	.historiadelsexo {
		border: 10px solid #f7e2d2;
		text-align: left;
	}
	.historiadelsexo h4 {
		color: #f7e2d2;
	}
	.historiadelsexo a {
		background: #cf0000;
	}
	.historiadelsexo a h3 {
		background: #cf0000;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	/* agata y el sexo */
	.agatayelsexo {
		border: 10px solid #f6d3a2;
	}
	.agatayelsexo h4 {
		color: #f6d3a2;
	}
	.agatayelsexo a {
		background: #b2560c;
	}
	/* es pecado */
	.especado {
		border: 10px solid #d4e3c3;
	}
	.especado h4 {
		color: #d4e3c3;
	}
	.especado a {
		background: #6b9043;
	}
	/* prop0rn */
	.prop0rn {
		border: 10px solid #dccede;
		text-align: left;
	}
	.prop0rn h4 {
		color: #dccede;
	}
	.prop0rn a {
		background: #54445e;
	}
	.prop0rn a h3 {
		background: #54445e;
		margin: 0px;
		padding: 0px;
		float: left;
	}


/********************************************
publicidad
********************************************/

	#espacio-publi-1 {
		width: 292px;
		height: 430px;
		margin: 11px 0 0 15px;
		float: left;
	}
	#espacio-publi-1 img {
		margin: 0 9px 20px 0;
	}
	#espacio-publi-2 {
		width: 185px;
		height: 350px;
		margin: 10px 0 0 15px;
		float: left;
	}
	
.prop0rn p a, historiadelsexo p a {
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #BA0000;
		text-decoration: underline;
		padding: 0px 5px 0px 5px;
		margin: 0px;
		background: none;
		border: 0px;
}