/*
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 VIDEOS X **************************************************/
/************************************************************************************************************************/

	#relleno-videosx {
		width: auto;
		height: auto;
		margin: 25px 30px 0 30px;
	}
	#relleno-videosx h2 {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 21px "Georgia", Times, serif;
		color: #666;
		letter-spacing: 1px;
	}
	#relleno-videosx h3 a {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 18px "Trebuchet MS", Arial, sans-serif;
		color: #fa0000;
		text-decoration: none;
	}
	#relleno-videosx h3 a:hover {
		color: #000;
		text-decoration: underline;
	}
	#relleno-videosx h4 {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 20px "Georgia", Times, serif;
		color: #ba0000;
		letter-spacing: 1px;
	}
	#relleno-videosx p {
		margin: 10px 0 0 0;
		padding: 0;
		font: 13px "Trebuchet MS", Arial, sans-serif;
		color: #000;
	}
	#relleno-videosx a {
		font: bold 13px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		text-decoration: none;
	}
	#relleno-videosx a:hover {
		color: #ba0000;
		text-decoration: underline;
	}
	#relleno-videosx ul {
		margin: 15px 30px 15px 30px;
		padding: 0;
		font: bold 13px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
	}
	#relleno-videosx li {
		margin: 0;
		padding: 0;
		line-height: 20px;
		list-style: none;
	}
	#relleno-videosx li a {
		color: #000;
		text-decoration: underline;
	}
	#relleno-videosx li a:hover {
		color: #000;
		text-decoration: underline;
	}
	#videosx-anteriores {
		margin: 10px 0 30px 0;
		text-align: center;
	}
	#videosx-anteriores h2 {
		width: 340px;
		margin: auto;
		padding: 5px;
		font: bold 16px "Georgia", Times, serif;
		color: #000;
	}
	#videosx-anteriores ul {
		margin: auto;
		padding: 0;
		text-align: left;
		float: left;
		position: relative;
		left: 22%;
		_left: 20%;
		//left: 20%;
	}
	#videosx-anteriores li {
		list-style: none;
		border: 1px solid #ccc;
	}
	#videosx-anteriores li a {
		background: #eee;
		padding: 5px;
		font: 13px "Georgia", Times, serif;
		color: #ba0000;
		text-decoration: none;
		display: block;
	}
	#videosx-anteriores li a:hover {
		background: #ccc;
		color: #000;
		text-decoration: underline;
	}
	#videosx-anteriores li .rss {
		background: #eee url(/img-css/rss_videos.gif) 6.8em no-repeat;
		color: #000;
	}
	#videosx-anteriores li:hover .rss {
		background: #ccc url(/img-css/rss_videos.gif) 6.8em no-repeat;
	}
	#videosx-descarga {
		width: auto;
		height: auto;
		margin: 5px 0 0 0;
		float: left;
	}
	#videosx-descarga .caja-descarga {
		width: 620px;
		margin: 15px 0 15px 0;
	}
	#videosx-descarga h2 {
		margin: 20px 0 0 10px;
		font: bold 16px "Trebuchet MS", Arial, sans-serif;
		color: #000;
	}
	#videosx-descarga h3 {
		margin: 10px 0 10px 20px;
		font: bold 16px "Georgia", Times, serif;
		color: #fff;
		letter-spacing: 2px;
	}
	#videosx-descarga h4 {
		margin: 0 0 0 5px;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #666;
		text-transform: uppercase;
	}
	#videosx-descarga h5 {
		margin: 20px 0 0 0;
		font: bold 16px "Trebuchet MS", Arial, sans-serif;
		color: #000;
	}
	#videosx-descarga a {
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		text-decoration: underline;
	}
	#videosx-descarga a:hover {
		background: #ba0000;
		color: #fff;
		text-decoration: underline;
	}
	#videos-descarga img {
		margin: 0;
	}
	table {
		background: #ddd;
		border: none;
	}
	th {
		background: #8b0000;
	}
	tr, td {
		background: #fff;
		border: none;
		padding: 0 0 0 5px;
		font: 12px "Trebuchet MS", Arial, sans-serif;
		color: #000;
	}
	
/************************************************************************************************************************/
/****************************************** ESTILOS PARA BOTONES CATEGORIAS *********************************************/
/************************************************************************************************************************/
	#botones_categorias{
	width:600px;
	text-align:center;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	}
	a.vercompleto {
		font: bold 10px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		text-decoration: none;
		border: 1px solid #ba0000;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding:5px;
	}
	a.vercompleto:hover {
		background: #ba0000;
		color: #fff;
		text-decoration: none;
	}
	#botones_categorias #current {
		background: #ba0000;
		color: #fff;
		text-decoration: none;
	}
	
	
/************************************************************************************************************************/
/************************************************ ESTILOS PARA MOSAICO **************************************************/
/************************************************************************************************************************/

	#relleno-mosaico {
		width: auto;
		height: auto;
		margin: 25px 20px 0 30px;
	}
	#relleno-mosaico h2 {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 21px "Georgia", Times, serif;
		color: #666;
		text-align: center;
		letter-spacing: 1px;
	}
	#mosaico {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#mosaico ul {
		margin: 15px 30px 15px 30px;
		padding: 0;
		font: bold 13px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
	}
	.caja-grande {
		background: url(/fotosx/img/caja-grande.png) no-repeat;
		width: 294px;
		height: 234px;
		margin: 0 3px 26px 0;
		padding: 18px 0 0 18px;
		float: left;
	}
	.caja-grande h3 {
		width: auto;
		margin: 22px 15px 10px 0;
		font: bold 14px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		float: right;
	}
	.caja-grande a.vercompleto {
		width: auto;
		margin: 22px 5px 0 0;
		padding: 0 5px 0 5px;
		font: bold 10px "Trebuchet MS", Arial, sans-serif;
		color: #ba0000;
		text-decoration: none;
		border: 1px solid #ba0000;
		display: block;
		float: left;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.caja-grande a.vercompleto:hover {
		background: #ba0000;
		color: #fff;
		text-decoration: none;
	}
	/* dimensios for both splash image and the player wrapper */
	a.flowplayer, a.flowplayer img {
		display:block;				
		width:277px;
		height:209px;
		border:0px;		
	}
	
	/* play button on top of splash screenn */
	div.playButton {
		background:url(/flowplayer/img/play.png) no-repeat;
		width:50px;
		height:79px;
		position:relative;
		top:-150px;
		left:110px;	
		opacity:0.3;
	/*	margin-bottom:-100px;*/
	}
	/* play button upon mouseover */
	div.playButton:hover {
		opacity:1.0;		
	}
	/*	.caja-grande img { //sustituida por la css de FLOWPLAYER -> a.flowplayer, a.flowplayer img
		width: 277px;
		height: 209px;
		float: left;
	}*/
	.caja-peque {
		background: url(/fotosx/img/caja-peque.png) no-repeat;
		width: 192px;
		height: 157px;
		margin: 10px 2px 5px 0;
		padding: 15px 0 14px 16px;
		float: left;
	}
	.caja-peque p {
		width: 100px;
		margin: 22px 15px 10px 0;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #000;
		float: right;
	}
	.caja-peque a {
		width: auto;
		margin: 22px 5px 0 0;
		padding: 0 5px 0 5px;
		font: bold 10px "Trebuchet MS", Arial, sans-serif;
		color: #888;
		text-decoration: none;
		border: 1px solid #888;
		display: block;
		-moz-border-radius: 3px;
		float: left;
		-webkit-border-radius: 3px;
	}
	.caja-peque a:hover {
		background: #888;
		color: #fff;
		text-decoration: none;
	}

	
/************************************************************************************************************************/
/************************************************ ESTILOS PARA MOSAICO **************************************************/
/************************************************************************************************************************/

	#relleno-fotosx {
		padding: 16px 0 0 0;
	}
	#relleno-fotosx h2 {
		margin: 5px 0 0 16px;
		font: bold 22px "Georgia", Times, serif;
		color: #666;
		float: left;
	}
	#relleno-fotosx h3 {
		background: url(/img-css/h2-index.png) no-repeat;
		width: 350px;
		height: 40px;
		margin: 30px 5px 10px 0;
		padding: 19px 0 0 20px;
		font: bold italic 18px "Georgia", Times, serif;
		color: #fff;
		text-align: left;
		letter-spacing: 1px;
		float: left;
	}
	#relleno-fotosx iframe {
		margin: 16px 0 0 16px;
		float: left;
	}
	.tgp-index {
		width: 690px !important;
		height: auto;
		margin: 2px 0 0 10px !important;
		padding: 0;
		float: left;
		clear: both;
	}
	.foto-tgp {
		background: url(/img-css/bg-fototgp.png) no-repeat;
		xwidth: 156px;
		xheight: 202px;
		width: 166px !important;
		height: 146px !important;
		margin: 0px !important;
		float: left;
		position: relative;
		display: block;
	}
	.foto-tgp h4 {
		_behavior: url(iepngfix.htc);
		z-index: 2;
		position: absolute;
		top: 90px !important;
		//top: 106px !important;
		left: 5px;
		background: url(/img-css/bg-fototgp-h3.png) no-repeat;
		width: 131px;
		height: 31px;
		padding: 3px 0 0 0;
		font: 13px "Trebuchet MS", Arial, sans-serif !important;
		color: #fff;
		letter-spacing: 0px !important;
		text-align: left !important;
    padding-left: 5px !important;
    padding-top: 4px !important;
    font-weight: bold !important;		
    line-height: 11px !important;
    vertical-align: middle !important;
	}
	.foto-tgp img {
		xwidth: 140px;
		xheight: 186px;
		width: 150px !important;
		height: 120px !important;
		margin: 8px 0 0 8px;
		padding: 0;
	}
	
	.foto-tgp-download {
		background: url(/img-css/bg-fototgp-download.png) no-repeat;
		xwidth: 156px;
		xheight: 202px;
		width: 104px !important;
		height: 74px !important;
		margin: 0px !important;
		float: left;
		position: relative;
		display: block;
	}
	.foto-tgp-download img {
		xwidth: 140px;
		xheight: 186px;
		width: 88px !important;
		height: 58px !important;
		margin: 7px 0 0 7px !important;
		padding: 0;
		border: 1px solid #FFFFFF;
	}
	
	.foto-tgp-download img:hover {
		border: 1px solid #CC0000;
	}