@charset "utf-8";

/*****************************************************
	- Autor: Marcos Iglesias
	- Fecha: 30-12-2009	
	- Referencias:	
	- Proyecto: Alfa9 - Home de Radio Gladys Palmera 
	- Función: Estilos para la Homepage de RGP
*****************************************************/
 
 /*	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
  *	
  * Music Channels BG: #5e5e5e
  *
  * Calientes Img Green Border: #82b60c
  * Calientes Img Orange Border: #ff7e00
  *
  * Punteado de Eventos: #82bd07
  */

/*	---------	Sub-Header	-----------------------------*/

	#sub-header{
		width: 100%;
	}
	
/*	---------	JQuery-Slider (Numbered One)	-----------------------------*/	

	#jquery-slider{
		width: 685px; 
		height: 340px;
		background-color: #00bcbd;
		float: left;
		display: inline;
	}
	.tmp #main-photo-slider.csw{ visibility:hidden;}
		/*	Slider	*/
		.tmp .slider-wrap, .slider-wrap{ 
			width: 665px; 
			height: 320px;
			padding: 10px;
		}			
		.slider-wrap .stripViewer{ 
			position: relative; 
			overflow: hidden; 
			width: 665px; 
			height: 320px;
			z-index: 1;
		}
			.slider-wrap .panelContainer { 
				position: absolute; 
				left: 0; 
				top: 0;
			}
				.slider-wrap .panelContainer .panel	{ 
					float: left; 
					height: 100%; 
					position: relative; 
					width: 665px; 
				}
				.slider-wrap .panelContainer .photo-meta-data{
					width: 641px;
					height: 90px;
					bottom: 0px;
					left: 0px;
					position: absolute;
					background: url(/images/transpBlack.png);
					padding: 12px;
				} 
					.slider-wrap .panelContainer h2{
					display:none;
					}
					.slider-wrap .panelContainer .photo-meta-data .estilo-h4{
						color: #a7cc54;
						font-size: 20px;
						font-weight: 400;
						height: 30px;
						overflow: hidden;
					}
					.slider-wrap .panelContainer .photo-meta-data .estilo-h4{
											color: #a7cc54;
											font-size: 20px;
											font-weight: 400;
											height: 30px;
											overflow: hidden;
										}
					.slider-wrap .panelContainer .photo-meta-data .estilo-h5{
						color:#19babb;
						text-transform: uppercase;
						font-size: 9px;
						font-weight: 400;
						padding: 0;
					}
					.slider-wrap .panelContainer .photo-meta-data p{
						font-size: 12px;
						color: #fff;
						width: 500px;
						height:34px;
						overflow:hidden;
					}
					.slider-wrap .panelContainer .photo-meta-data .mas{
						color: #a7cc54;
						text-decoration: none;
						font-size: 12px;
						position: absolute;
						bottom: 6px;
					}
					.slider-wrap .panelContainer .photo-meta-data .mas2{
						text-decoration: none;
					}
		
		.slider-wrap .stripNavL, 
		.slider-wrap .stripNavR, 
		.slider-wrap .stripNav { 
			display: none; 
		}
		
		/*	Paginador	*/
		.nav-thumb { 
			border: 1px solid black;  
		}
		#movers-row	{ 
			height: 26px;
			float: right;
			margin:-39px 15px 0;
			position: relative;
			z-index: 1;
		}
		#movers-row div{ 
			display: inline; 
			margin-right:0px;
			float: left;
		}
			.tmp .cross-link, .cross-link{ 
				text-decoration: none;
				color: #898989;
				font-size: 12px;
				font-weight: 800;
				padding: 7px 0px;
				border:medium none;
				display: inline-block;
				width: 24px;
				text-align: center;	
			}
			.cross-link:hover{ 
				background: url(/images/num_hover.gif) no-repeat 1px 1px; 
				color: #000;
			}
			.active-thumb{ 
				background: url(/images/num_active.gif) no-repeat 1px 1px; 
				color: #000;
			}

/*	---------	Channels-Wrp	-----------------------------*/	

	#channels-wrp{
		background-color:#5E5E5E;
		display:inline;
		float:left;
		height:340px;
		width:295px;
		position:relative;
	}
		#channels-wrp .ico-headphones {
			position: absolute;
			top: 10px;
			right: 15px;
		}
		#channels-wrp .mc-channels{
			left:12px;
			top:27px;
			position:absolute;
			height:18px;
			width: 140px;
		}
		#channels-wrp .lang-es{
			width:137px;
		}
		#channels-wrp .lang-en{
			width:137px;
		}
		#channels-wrp .lang-fr{
			width:137px;
		}
			#channels-wrp .mc-channels span{
				position: absolute;
				width: 100%;
				height: 100%;
				background: url(/images/music-channels-banner.png) no-repeat;
			}

		#channels-list{
			left:11px;
			position:relative;
			top:60px;
		}
			#channels-list .mc-button{
				width: 274px;
				height: 40px;
				margin-top: 3px;
				background: url(/images/music-channels-btn.png) no-repeat;
				display:block;
			}
			#channels-list .lang-es{
				background: url(/images/music-channels-btn-es.jpg) no-repeat;
			}
			#channels-list .lang-en{
				background: url(/images/music-channels-btn-en.jpg) no-repeat;
			}
			#channels-list .lang-fr{
				background: url(/images/music-channels-btn-fr.jpg) no-repeat;
			}
			
			#channels-list img{
				margin: 6px 0 0 6px;
			}
		#channels-separation{
			width: 268px;
			height: 10px;
			background: url(/images/rgp-bolita-verde.gif) repeat-x;
			position: absolute;
			bottom: 43px;
			left: 13px;
		}
		#channels-wrp .mc-siguenos{
			left:13px;
			bottom: 12px;
			position:absolute;
			height:21px;
			width:137px;
		}
			#channels-wrp .mc-siguenos span{
				position: absolute;
				width: 100%;
				height: 100%;
			}
			#channels-wrp .lang-es span{
				/*background: url(/images/music-channels-siguenos-es.png) no-repeat;*/
			}
			#channels-wrp .lang-en span{
				/*background: url(/images/music-channels-siguenos-en.png) no-repeat;*/
			}
			#channels-wrp .lang-fr span{
				/*background: url(/images/music-channels-siguenos-fr.png) no-repeat;*/
			}
		#share-icons{
			bottom:10px; /*13*/
			display:inline;
			position:absolute;
			right:-2px; /*19px; para 6 iconos */
		}
			#share-icons li{
				display: inline;
				float: left;
				/*margin-left:19px; para 6 iconos */
				margin-right:28px;
			}

			#share-icons img{
				width:27px;
				height:27px;
			}

/*	---------	Common	-----------------------------*/	

	.tmp .section-heading, .section-heading{
		height: 26px; /*23*/
		_width: 680px;
		_height: 30px;
	}
	.tmp .section-heading h2{ _width: 400px; _float: left;}

/*	---------	Noticias	-----------------------------*/	
	
	/* Extends mod	*/
	.tmp .noticias-item, .noticias-item{
		margin:12px 17.5px 0;
		padding-bottom:17.5px;
	}
		.tmp .noticias-item .bd, .noticias-item .bd{
			height: 140px;
		}

/*	---------	Los Más Calientes	-----------------------------*/
	
	/* ----- OOCSS - simple (extends mod) ----- */
	.tmp .simple,.simple {
		margin: 13px 17.5px 0px;
		padding-bottom:24px;
	}
	.tmp .simple .inner, .simple .inner {
		border:1px solid #D7D7D7;
		background: #eceeec url(/images/losmas-bg.gif) repeat-x top left;
	}
	.tmp .simple b,.simple b{
		background-image:url(/images/simple_corners.png);
	}
	.tmp .simple .bd,.simple .bd{
		height: 514px;
		overflow: auto;
	}
	.tmp .simple .ft,.simple .ft{
		height: 32px;
	}
		.tmp .simple .ft .link-ver-todo, .simple .ft .link-ver-todo{
			float: left;
		}
	
	/* ----- OOCSS - caliente (extends mod) ----- */
	.tmp .caliente, .caliente{
		height: 87px;
		position: relative;
		margin:18px 17.5px 0px;
	}
	
	.tmp .numero-bola, .numero-bola{
		background:transparent url(/images/bola-verde-simple.gif) no-repeat scroll 0 0;
		color:#FFFFFF;
		font-size:14px;
		font-weight:800;
		left:0;
		position:absolute;
		top:0;
		width: 28px;
		padding:7px 0px ;
		text-align: center;
	}
	.tmp .numero-bola-primero, .numero-bola-primero{
		background:transparent url(/images/bola-naranja-simple.gif) no-repeat scroll 0 0;
		color:#FFFFFF;
		font-size:14px;
		font-weight:800;
		left:0;
		width: 31px;
		padding:7px 0px ;
		text-align: center;
		position:absolute;
		top:0;
	}
	.tmp .caliente-caratula,.caliente-caratula{
		position: absolute;
		top: 0px;
		left: 36px;
		height: 85px;
		width: 85px;
		border: 1px solid #82b60c;
	}
	.tmp .caliente-caratula-primero,.caliente-caratula-primero{
		position: absolute;
		top: 0px;
		left: 36px;
		height: 85px;
		width: 85px;
		border: 1px solid #ff7e00;
	}
	.tmp .info-caliente, .info-caliente{
		height:66px;
		left:130px;
		overflow:hidden;
		position:absolute;
		top:0;
	}
	.tmp .accion-caliente, .accion-caliente{
		position: absolute;
		bottom: 0px;
		left: 130px;
	}
		.tmp .accion-caliente li,.accion-caliente li{
			float: left;
			display: inline;
			margin-right: 6px; 
		}

/*	---------	Agenda	-----------------------------*/
	
	/* ----- OOCSS - agenda-item (extends mod) ----- */
	.tmp .agenda-item, .agenda-item{
		margin:14px 17.5px 0;
		_margin:14px 17px 0;
	}
		.agenda-item .bd{
			height: 155px;
		}
	
	/* ----- OOCSS - eventos-area (extends mod) ----- */
	.tmp .eventos-area, .eventos-area{
		border-top: 2px dotted #82bd07;
		margin: 12px 17.5px; 
	}
	
	/* ----- OOCSS - mini-evento (extends mod) ----- */
	.tmp .mini-evento, .mini-evento{
		margin:6px 17.5px;
	}
		.tmp .mini-evento .hd, .mini-evento .hd{
			width: 34px;
			height: 40px;
			background: url(/images/event-bg.png) no-repeat;
			float: left;
			display: inline;
			margin-right: 10px;
		}
	
	/* ----- OOCSS - space (extends mod) ----- */
	.tmp .space, .space{
		/*margin:30px 17.5px;*/
		float: left;
		height: 24px;
	}
	
	
/* CONCURSOS */

.tmp div#concurso_form{
	background: #6eae05;
	color: #fff;
	padding-bottom:5px;
	margin-top: -10px
}
.tmp div.concurso-texto{
	margin: 10px 10px 10px 10px;
	padding-top: 10px;
	font-size: 11px;
}
.tmp div.concurso_form_dates{
	background: #5a8305;
	margin: 10px 10px 10px 10px;
	padding-top: 11px;
	
}
.tmp div.concurso_form_dates a, .tmp div.concurso_form_dates a:visited {
	color: #cdcbcb;
}
.tmp div.concurso_form_dates a:hover {
	color: #000;
}
.tmp div.concurso_form_dates div.search-news-history-theme {
	border: none;
}
.tmp div.concurso_form_dates label{
	color: #fff;
}

.tmp div.concurso_form_dates button{
	background: #f97e06;
	border: solid 1px #6eae05;
	float: left;
	margin: 0 0 5px 130px;
}
.btn-reg-ie{
	margin: 0 0 5px 155px;
	*margin: 0 0 5px 150px;
}
 *:first-child+html .concurso_form_dates button{
	margin: 0 0 5px 155px;
	*margin-left: 150px;
 }  

.tmp div.concurso_form_dates input.checkbox{
	margin-right: 8px;
}
.tmp div#concurso_register{
	background: #E3E3E3;
	display: none;
	padding: 10px;
}
.tmp div#concurso_register p {
	font-weight: bold;
	color:#5E5E5E;
}
.tmp .btn-reg{
	padding: 4px 10px 4px 10px;
	color: white;
}