@charset "utf-8";

/*****************************************************
	- Autor: Marcos Iglesias
	- Fecha: 12-01-2010
	- Referencias:	
	- Proyecto: Alfa9 - A-Side para Radio Gladys Palmera 
	- Función: Estilos comunes de la barra lateral
*****************************************************/
 
 /*	Esquema de Colores:
  *	Azul turquesa detalle de la web: #00bcbd
  * borde thumbnails widget: 07b7b7
  * flecha normal widget: #4c6270
  * flecha activa widget: #fefefe
  * widget bg: #dadada
  * widget hd bg: #5a5a5a
  * box header text: #ababab
  * box header link: #fff
  * box header bg: #5d5d5d
  *	Verde claro: #82b60b
  *	Verde oscuro: #629d07
  */

/*	---------	Comunes Sidebar - A	-----------------------------*/	

	/* ----- OOCSS - sidebar-a (extends mod) ----- */
	
	.tmp .sidebar-a {
		margin: 17.5px 17.5px 17.5px 0;
	}
		.tmp .sidebar-a .inner {
			background-color: #5d5d5d;
		}
		.tmp .sidebar-a b {
			background-image:url(/images/sidebar-corners.gif);
		}
		.tmp *:first-child+html .sidebar-a b.tr {
			background-image:none;
		}
	
	/* ----- OOCSS - banner-box (extends mod) ----- */
	
	.tmp .banner-box {
		margin: 25px 17.5px 0px 0;
		padding-bottom: 10px;
	}
	
/*	---------	Radio Gladys Palmera TV	-----------------------------*/	
		
		/* ----- OOCSS - tv-box (extends mod) ----- */
		.tmp .tv-box {
			margin-top: 49px;	
			position: relative;	
		}
		.tmp *:first-child+html .tv-box{
			float: right;	
		}
			
		
			.tmp .tv-box .ico-tv {
				position: absolute;
				top: -28px;
				right: 0px;
				z-index: 99;
			}
			.tmp .tv-box .tv-box-banner{
				left:0px;
				top:-25px;
				position:absolute;
				height:22px;
				width:168px;
			}
			.tmp .tv-box .lang-es .lang-en .lang-fr{
				width:168px;
			}
				.tmp .tv-box .tv-box-banner span{
					position: absolute;
					width: 100%;
					height: 100%;
				}
				.tmp .tv-box .lang-es span{
					background: url(/images/gptv-banner-es.gif) no-repeat;
				}
				.tmp .tv-box .lang-en span{
					background: url(/images/gptv-banner-en.gif) no-repeat;
				}
				.tmp .tv-box .lang-fr span{
					background: url(/images/gptv-banner-fr.gif) no-repeat;
				}
		
/*	---------	Programaci�n	-----------------------------*/
				
		/* ----- OOCSS - programacion-box (extends mod) ----- */
		.tmp .programacion-box{
			margin-top: 40px;
			position: relative;		
		}
		.tmp *:first-child+html .programacion-box {
			float: right;	
		}
			.tmp .programacion-box .ico-radio {
					position: absolute;
					top: -30px;
					right: 0px;
					_right: 25px;
					z-index: 99;
			}
			.tmp .programacion-box b .bl, 
			.tmp .programacion-box b .br {
				background-image: none;
			}
		
		/*	Banner	*/
			.tmp .programacion-box-banner {
				left:0px;
				top:-25px;
				position:absolute;
				height:21px;
			}
			.tmp .programacion-box .lang-es {
				width:119px;
			}
			.tmp .programacion-box .lang-en {
				width:119px;
			}
			.tmp .programacion-box .lang-fr {
				width:119px;
			}
				.tmp .programacion-box .programacion-box-banner span {
					position: absolute;
					width: 100%;
					height: 100%;
				}
				.tmp .programacion-box .lang-es span {
					background: url(/images/programacion-banner-es.gif) no-repeat;
				}
				.tmp .programacion-box .lang-en span {
					background: url(/images/programacion-banner-en.gif) no-repeat;
				}
				.tmp .programacion-box .lang-fr span {
					background: url(/images/programacion-banner-fr.gif) no-repeat;
				}
			
		/*	Programaci�n	*/
			.tmp .programacion-box tr {
				width: 100%;
				height: 20px;
			}
				.tmp .programacion-box .headphone,
				.programacion-box .headphone{
					padding: 4px 0px;
					width: 24px;
					text-align: right;
				}
				.tmp .programacion-box .start-hour,
				.tmp .programacion-box .end-hour{
					width: 34px;
					padding: 4px;
				}
				.tmp .programacion-box .flecha,
				.programacion-box .flecha{
					width: 5px;
					padding: 4px 0px;
				}
				.tmp .programacion-box .celda-programa,
				.programacion-box .celda-programa{
					padding: 4px 0px 4px 13px;
				}
			.tmp .programacion-box .par,
			.programacion-box .par{
				background-color: #e3e3e3;
			}
			.tmp .programacion-box .impar,
			.programacion-box .impar{
				background-color: #d9dad9;
			}
/* -----------   programacion detalle ---------------*/
		
		/* ----- OOCSS - related-news-box (extends mod) ----- */
		.tmp .related-prog-box, .related-prog-box{
			position: relative;
		}
			.tmp .related-prog-box .bl, .tmp .related-prog-box .br,
			.related-prog-box .bl, .related-prog-box .br{
				background-image:url(/images/sidebar-corners-light-grey.gif);
			}
			.tmp .related-prog-box .tl,	.tmp .related-prog-box .tr,
			.related-prog-box .tl,	.related-prog-box .tr{
				background-image:url(/images/sidebar-corners.gif);
			}
		.tmp, .related-prog-box .hd, .related-prog-box .hd{
			background-color: #5d5d5d;
			border-bottom: 1px solid #fff;
			width: 100%;
		}
				
		.tmp .related-prog-box .bd, .related-prog-box .bd{
			background-color: #ebebeb;
			padding:5px 10px 17px 10px;
		}
			.tmp .related-prog-box .bd h6, .related-prog-box .bd h6{margin-left:0px;}	
			*:first-child+html .related-prog-box .accion-caliente{ height:1%}
			*:first-child+html .tmp .related-prog-box .accion-caliente{ height:1%}			
 

/*	---------	Tienda	-----------------------------*/
			
		/* ----- OOCSS - tienda-box (extends mod) ----- */
		.tmp .tienda-box, .tienda-box{
			margin-top: 28px; _margin: 17px 17px 39px 0px;
		}

		*:first-child+html .tienda-box{
			float: right;	
		}
			.tmp .tienda-box b {
				background-image: none;
			}
			.tmp .tienda-box .inner,
			.tienda-box .inner{
				background-color: #fff;
			}
			
		/*	Text	*/
			.tmp .tienda-box .tienda-box-banner,
			.tienda-box .tienda-box-banner{
				left:0px;
				top:-25px;
				position:absolute;
				height:66px;
			}
			.tmp .tienda-box .lang-es,
			.tienda-box .lang-es{
				width:276px;
			}
			.tmp .tienda-box .lang-en,
			.tienda-box .lang-en{
				width:276px;
			}
			.tmp .tienda-box .lang-fr,
			.tienda-box .lang-fr{
				width:276px;
			}
				.tmp .tienda-box .tienda-box-banner span,
				.tienda-box .tienda-box-banner span{
					position: absolute;
					width: 100%;
					height: 100%;
				}
				.tmp .tienda-box .lang-es span,
				.tienda-box .lang-es span{
					background: url(/images/tienda-box-banner-es.png) no-repeat;
				}
				.tmp .tienda-box .lang-en span,
				.tienda-box .lang-en span{
					background: url(/images/tienda-box-banner-en.png) no-repeat;
				}
				.tmp .tienda-box .lang-fr span,
				.tienda-box .lang-fr span{
					background: url(/images/tienda-box-banner-fr.png) no-repeat;
				}
	
/*	---------	RSS PODCAST	-----------------------------*/
			
		/* ----- OOCSS - tienda-box (extends mod) ----- */
		.tmp .rss-box {
			margin-top: 28px;
		}

		*:first-child+html .rss-box{
			float: right;	
		}
			.tmp .rss-box b {
				background-image: none;
			}
			.tmp .rss-box .inner{
				background-color: #fff;
			}
			
		/*	Text	*/
			.tmp .rss-box .rss-box-banner {
				left:0px;
				top:-25px;
				position:absolute;
				height:66px;
			}
			.tmp .rss-box .lang-es{
				width:276px;
			}
			.tmp .rss-box .lang-en{
				width:276px;
			}
			.tmp .rss-box .lang-fr{
				width:276px;
			}
				.tmp .rss-box .rss-box-banner span{
					position: absolute;
					width: 100%;
					height: 100%;
				}
				.tmp .rss-box .lang-es span{
					background: url(/images/banners/banner-rss-es.jpg) no-repeat;
				}
				.tmp .rss-box .lang-en span{
					background: url(/images/banners/banner-rss-en.jpg) no-repeat;
				}
				.tmp .rss-box .lang-fr span{
					background: url(/images/banners/banner-rss-fr.jpg) no-repeat;
				}
		
/*	---------	CDMES	-----------------------------*/
			
		/* ----- OOCSS - tienda-box (extends mod) ----- */
		.tmp .cdmes-box {
			margin-top: 40px;
		}

		*:first-child+html .cdmes-box{
			float: right;	
		}
			.tmp .cdmes-box b {
				background-image: none;
			}
			.tmp .cdmes-box .inner{
				background-color: #fff;
			}
			
		/*	Text	*/
			.tmp .cdmes-box .cdmes-box-banner {
				left:0px;
				top:-25px;
				height:154px;
			}
			.tmp .cdmes-box .lang-es{
				width:276px;
			}
			.tmp .cdmes-box .lang-en{
				width:276px;
			}
			.tmp .cdmes-box .lang-fr{
				width:276px;
			}
				.tmp .cdmes-box .cdmes-box-banner span{
					position: absolute;
					width: 100%;
					height: 100%;
					display: block;
				}
				.tmp .cdmes-box .lang-es span{
					background: url(/images/banners/banner-cdmes-es.jpg) no-repeat;
				}
				.tmp .cdmes-box .lang-en span{
					background: url(/images/banners/banner-cdmes-en.jpg) no-repeat;
				}
				.tmp .cdmes-box .lang-fr span{
					background: url(/images/banners/banner-cdmes-fr.jpg) no-repeat;
				}		
/*	---------	RSS AUDITORI	-----------------------------*/
			
		/* ----- OOCSS - tienda-box (extends mod) ----- */
		.tmp .auditori-box {
			margin: 25px 0 0 0;
				height:76px;
		}

		*:first-child+html .auditori-box{
			float: right;	
		}
			.tmp .auditori-box b {
				background-image: none;
			}
			.tmp .auditori-box .inner{
				background-color: #fff;
			}
			
		/*	Text	*/
			.tmp .auditori-box .auditori-box-banner {
				left:0px;
				top:0px;
				position:absolute;
				height:66px;
			}
				.tmp .auditori-box .auditori-box-banner span{
					position: absolute;
					width: 100%;
					height: 100%;
					width:276px;
					background: url(/images/banners/banner-auditori.gif) no-repeat;
				}
				
/*	---------	Galeria Fotográfica	-----------------------------*/	
			
		/* ----- OOCSS - galeria-box (extends mod) ----- */
		.tmp .galeria-box, .galeria-box{
			margin-top: 35px;	
			margin-bottom: 0px;
			position: relative;	
		}
		*:first-child+html .tmp .galeria-box,
		*:first-child+html .galeria-box{
			float: right;	
		}
			.tmp .galeria-box .bl, 
			.tmp .galeria-box .br
			{
				background-image:url(/images/sidebar-corners-light-grey.gif);
			}
			.tmp .tv-box .bl, 
			.tmp .tv-box .br{
				background-image:url(/images/sidebar-corners-light-grey.gif);
			}
			
		/*	Header	*/
			.tmp .galeria-box .ico-camara,
			.galeria-box .ico-camara {
				position: absolute;
				top: -34px;
				right: 0px;
				_right: 20px;
				z-index: 99;
			}
			.tmp .galeria-box .galeria-box-banner,
			.galeria-box .galeria-box-banner{
				left:0px;
				top:-32px;
				position:absolute;
				height:22px;
			}
			.tmp .galeria-box .lang-es,
			.galeria-box .lang-es{
				width:178px;
			}
			.tmp .galeria-box .lang-en,
			.galeria-box .lang-en{
				width:178px;
			}
			.tmp .galeria-box .lang-fr,
			.galeria-box .lang-fr{
				width:178px;
			}
				.tmp .galeria-box .galeria-box-banner span,
				.galeria-box .galeria-box-banner span{
					position: absolute;
					width: 100%;
					height: 100%;
				}
				.tmp .galeria-box .lang-es span,
				.galeria-box .lang-es span{
					background: url(/images/galeria-banner-es.gif) no-repeat;
				}
				.tmp .galeria-box .lang-en span,
				.galeria-box .lang-en span{
					background: url(/images/galeria-banner-en.gif) no-repeat;
				}
				.tmp .galeria-box .lang-fr span,
				.galeria-box .lang-fr span{
					background: url(/images/galeria-banner-fr.gif) no-repeat;
				
			}
			.tmp .galeria-box .ft{
				background-color: #ebebeb;
				width: 100%;
			}
			.tmp .tv-box .ico-tv { _right: 25px;}
			.tmp .tv-box .ft{
				background-color: #ebebeb;
				width: 100%;
			}

/* ------------- VINILOS -------------------------------*/

/* ----- OOCSS - vinilos--box (extends mod) ----- */
		.tmp .vinilos-box{ margin-top: 45px; margin-bottom: 0px; position: relative; _height: 412px; }
		*:first-child+html .tmp .vinilos-box{ float: right; }
			.tmp .vinilos-box .bl, .tmp .vinilos-box .br{ background-image:url(/images/sidebar-corners-light-grey.gif); }
		/*	Header	*/
			.tmp .vinilos-box .ico-vinilos{ position: absolute; top: -34px; right: 0px; z-index: 99; _right: 25px; }
			.tmp .vinilos-box .vinilos-box-banner{ left:0px; top:-32px; position:absolute; height:22px; }
			.tmp .vinilos-box .lang-es{ width:210px; }
			.tmp .vinilos-box .lang-en{ width:210px; }
			.tmp .vinilos-box .lang-fr{ width:210px; }
			.tmp .vinilos-box .vinilos-box-banner span{ position: absolute; width: 100%; height: 100%; 	}
				.tmp .vinilos-box .lang-es span{ background: url(/images/vinilos-banner-es.gif) no-repeat; }
				.tmp .vinilos-box .lang-en span{ background: url(/images/vinilos-banner-en.gif) no-repeat; }
				.tmp .vinilos-box .lang-fr span{ background: url(/images/vinilos-banner-fr.gif) no-repeat; }
			.tmp .vinilos-box .ft{ background-color: #ebebeb; width: 100%; }
/*	---------	Concursos	-----------------------------*/
				
		/* ----- OOCSS - concursos-box (extends mod) ----- */
		.tmp .concursos-box, .concursos-box{ margin-top: 55px; position: relative; }
		*:first-child+html .tmp .concursos-box,
		*:first-child+html .concursos-box{
			float: right;	
		}
		*:first-child+html .noticias-page .concursos-box b.tr{
			background-image:none;
		}
			.noticias-page .concursos-box{
				padding-top: 44px;
			}
		
		/*	Header	*/
			.tmp .concursos-box .ico-megafono,
			.concursos-box .ico-megafono {
				position: absolute;
				top: -30px;
				right: 0px;
				z-index: 99;
				__right: 25px;
			}
			.tmp .concursos-box .concursos-box-banner,
			.concursos-box .concursos-box-banner{
				left:0px;
				top:-31px;
				position:absolute;
				height:18px;
			}
			.tmp .concursos-box .lang-es,
			.concursos-box .lang-es{
				width:210px;
			}
			.tmp .concursos-box .lang-en,
			.concursos-box .lang-en{
				width:90px;
			}
			.tmp .concursos-box .lang-fr,
			.concursos-box .lang-fr{
				width:90px;
			}
				.tmp .concursos-box .concursos-box-banner span,
				.concursos-box .concursos-box-banner span{
					position: absolute;
					width: 100%;
					height: 100%;
				}
				.tmp .concursos-box .lang-es span,
				.concursos-box .lang-es span{
					background: url(/images/concursos-banner-es.gif) no-repeat;
				}
				.tmp .concursos-box .lang-en span,
				.concursos-box .lang-en span{
					background: url(/images/concursos-banner-en.gif) no-repeat;
				}
				.tmp .concursos-box .lang-fr span,
				.concursos-box .lang-fr span{
					background: url(/images/concursos-banner-fr.gif) no-repeat;
				}
		
/*	---------	Historial	-----------------------------*/
				
		/* ----- OOCSS - news-history-box (extends mod) ----- */
		.tmp .news-history-box{
			margin-top: 34px;
			position: relative;
			
		}
		*:first-child+html .tmp .news-history-box{
			float: right;	
		}
			.tmp .news-history-box .bl,
			.tmp .news-history-box .br{
				background-image:url(/images/sidebar-corners-two-greys.gif);
			}
			.tmp .news-history-box .tl,
			.tmp .news-history-box .tr{
				background-image:url(/images/sidebar-corners-two-greys.gif);
			}
		
	/*	Header	*/
		
		.tmp .news-history-box .hd{
			background-color: #d4d4d4;
			border-bottom: 1px solid #fff;
			width: 100%;
		}
		
	/*	Body	*/		
		.tmp .news-history-box .bd{
			background-color: #c6c6c6; overflow: hidden; _width: 278px;
		}
			.tmp .news-history-box input{
				border: 1px solid #a5acb2;
				color: #00b3b4;
				font-size:1em;
				font-weight:400;
			}
			.tmp .search-news-history-date a{
				float: left;
				display: inline;
				margin-top: 13px;
			}
			.tmp .search-news-history-date{margin: 0 10px; border-bottom: 1px dotted #a7a7a7; padding-bottom: 0px;*padding-bottom: 5px; *float:left;}	
			.tmp .search-news-history-theme{margin: 0 10px; _margin: -5px 10px; border-bottom: 1px dotted #a7a7a7;}	
			.tmp .search-news-history-features{margin: 0 10px;}
			.tmp .search-news-history-btn{margin: 0 10px 10px; float: right; display:inline;}
			
			.tmp #search-news-history-from-label	{float: left;margin:8px 2px 0 0;}
			.tmp #search-news-history-until-label {float: left;margin:8px 2px 0 7px; display:inline;}	
			.tmp #search-news-history-theme-label {display:block;}	
			.tmp #search-news-history-features-label {display:block;}
			
			.tmp #search-news-history-date-from {width: 60px; margin:10px 2px 7px 0; height: 16px;float: left;}	
			.tmp #search-news-history-date-until {width: 60px; margin:10px 2px 7px 0; height: 16px; float: left; }	
			.tmp #search-news-history-theme	{width: 100%; margin:10px 2px 7px 0; height: 16px;}
			.tmp #search-news-history-features {width: 100%; margin:10px 2px 7px 0; height: 16px;}	

/*	---------	Noticias Detail Modules	-----------------------------*/	
/*	---------	Módulo de Video	-----------------------------*/	
		
		/* ----- OOCSS - video-box (extends mod) ----- */
		.video-box{
			position: relative;	
		}
		*:first-child+html .video-box{
			float: right;	
		}
			.tmp .noticias-detail-page .video-box{padding-top: 165px;}	

/*	---------	Agenda	-----------------------------*/
				
		/* ----- OOCSS - news-history-box (extends mod) ----- */
		.tmp .related-news-box{
			margin-top: 34px;
			position: relative;
		}
		.tmp *:first-child+html .related-news-box{
			float: right;
		}
			.tmp *:first-child+html .related-news-box .bd{
				float:right;
			}
			.tmp .related-news-box .bl,
			.tmp .related-news-box .br{
				background-image:url(/images/sidebar-corners-light-grey.gif);
			}
			.tmp .related-news-box .tl,
			.tmp .related-news-box .tr{
				background-image:url(/images/sidebar-corners.gif);
			}
		
	/*	Header	*/
		.tmp .related-news-box .hd{
			background-color: #5d5d5d;
			border-bottom: 1px solid #fff;
			width: 100%;
		}
		
	/*	Body	*/		
		.tmp .related-news-box .bd{
			background-color: #ebebeb;
			padding:5px 10px 20px 10px;
		}
			.tmp .related-news-box .bd h5{
				padding-top:10px;
				color: #7d7d7d;
			}
			.tmp .related-news-box .bd h4{
				float:none;
				width:100%;
				padding-bottom:11px;
				background:url(/images/points.gif) left bottom repeat-x;
			}
			
	/* ----- OOCSS - agenda-calendar-box (extends mod) ----- */
		.tmp .agenda-calendar-box{
			margin-top: 40px;
			position: relative;
		}
		.tmp *:first-child+html .agenda-calendar-box{
			float: right;
		}
			.tmp .agenda-calendar-box .tl,
			.tmp .agenda-calendar-box .tr{
				background-image:url(/images/simple_corners.png);
			}
	
	/*	Header	*/
		
		.tmp .agenda-calendar-box .hd{
			background:url(/images/bg_calendar_agenda.jpg) 0px 0px repeat-x;
			border-bottom: 1px solid #fff;
			width: 100%;
			text-align:center;
			height:30px;
			overflow:hidden;
			position:relative;
		}
			.tmp .agenda-calendar-box .hd a{ width:22px; height:22px;overflow:hidden; display:block; position:absolute; top:4px;z-index:10;}
			.tmp .agenda-calendar-box .hd a.prev{background:url(/images/calendar_left_arrow.gif) 0px 0px no-repeat; left:4px;}
			.tmp .agenda-calendar-box .hd a.suce{background:url(/images/calendar-right-arrow.gif) 0px 0px no-repeat; right:4px;}
			.tmp .agenda-calendar-box .hd a span{ position:absolute; left:-99999px;}
			.tmp .agenda-calendar-box .hd h6{text-align:center; width:100%; margin:2px 0px 0px 0px;}
			.tmp *:first-child+html .agenda-calendar-box .hd h6{ position:absolute;}
		
	/*	Body	*/		
		.tmp .agenda-calendar-box .bd{
			background-color: #dadada;
			padding:3px 10px 10px 10px;
			overflow:hidden;
		}
			.tmp .agenda-calendar-box .bd table{width:100%;}
			.tmp .agenda-calendar-box .bd table.head{ color:#4a4a4a; text-align:center;}
			.tmp .agenda-calendar-box .bd table.body{ border-left: 1px solid #a9aba8;border-top: 1px solid #a9aba8; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; text-align:right;}
			.tmp .agenda-calendar-box .bd table th{width:36px; height:18px; overflow:hidden; text-align:center; vertical-align:middle;}
			.tmp .agenda-calendar-box .bd table td{width:36px; height:35px; overflow:hidden; padding-right:8px; vertical-align:middle; text-align:right;}
			.tmp .agenda-calendar-box .bd table td{background:url(/images/calendario-agenda-sprite.gif) 0px 0px no-repeat;}
			.tmp .agenda-calendar-box .bd table td.today{ background-position: 0px -70px;}
			.tmp .agenda-calendar-box .bd table td.event{ background-position:0px -35px;}
			.tmp .agenda-calendar-box .bd table td a{ text-decoration:none;}