@charset "utf-8";

/*****************************************************
	- Autor: Marcos Iglesias
	- Fecha: 22-12-2009
	- Referencias:
	- Proyecto: Alfa9 - Layout para Radio Gladys Palmera
	- Función: Definición del Layout de las páginas para el proyecto RGP
*****************************************************/

 /*	Esquema de Colores:
  * body bg: #007778
  *
  *	Header------------------------
  * header bg: #000000
  * sub-nav bg: #013e3f
  *
  *	Footer------------------------
  * footer nav bg: #e3e3e3
  *
  *	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
  *
  */

/*	---------	Body	-----------------------------*/

	.tmp body{
		text-align: center;
		background: #007778 url(/images/pattern1.gif);
	}
	.popUp body{
		background:url(/images/pattern1.gif) 0px 0px repeat;
		}
	.tmp .popUp{
		background:url(/images/pattern1.gif) 0px 0px repeat;
		}

/*	---------	Container	-----------------------------*/

	#container{
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		width: 980px;
		background-color: #007778;
		border-left: 10px solid #007778;
		border-right: 10px solid #007778;
	}
		.popUp #container{
			width:630px;
		}
/*	---------	Header	-----------------------------*/

	#header{
		height: 169px;
		width: 980px;
		background-color: #000;
		position:relative;
		margin-bottom: 4px;
		z-index: 997;
	}
		/*	Image Replacement	*/
		
/* OJO ELIMINADO */
/*
		#header h1{
			left:21px;
			top:40px;
			position:absolute;
			height:82px;
			width:554px;
		}
			#header h1 span{
				background: url(/images/rgp-banner.gif) no-repeat;
				position: absolute;
				width: 100%;
				height: 100%;
			}
*/			
/* OJO a¤dido */
		#logoH1 {
			left:21px;
			top:40px;
			position:absolute;
			height:82px;
			width:554px;
		}
			#logoH1 span{
				background: url(/images/rgp-banner.gif) no-repeat;
				position: absolute;
				width: 100%;
				height: 100%;
			}
			
/* OJO hasta aqui */
		
		#radio-vivo{
			position: absolute;
			top: 40px;
			right: 14px;
			height:80px;
			width:282px;
		}
		#playerHome{
			position: absolute;
			top: 75px;
			right: 76px;
			width:210px;

		}
		#play{
			position: absolute;
			top: 40px;
			right: 44px;
				z-index: 10;
		}

		#flashplayer{
			position: absolute;
			top: 76px;
			right: 60px;

}
			#radio-vivo span{
				background: url(/images/player/player-home.jpg) no-repeat;
				position: absolute;
				width: 100%;
				height: 100%;
			}
		#player-header{
			position: absolute;
			top: 40px;
			right: 13px;
			height:76px;
			width:279px;
		}

/*	---------	Sub-Nav	-----------------------------*/

	#sub-nav{
		height: 25px;
		background-color: #013e3f;
	}
		#sub-header-position{
			width: 400px;
			display: inline;
			float: left;
		}
			#language-bar{
				width: 100px;
				height: 11px;
				float: left;
				display:inline;
				padding: 7px 9px;
			}
				#language-bar li{
					display: inline;
				}
			#hd-date{
					float: right;
					display: inline;
					padding: 7px 9px;
				}

		#account-bar{
			float: right;
			display: inline;
			padding: 7px 9px;
		}
			#account-bar li{
				display: inline;
			}
				#account-bar li a{
					font-weight: 800;
				}

/*	---------	Main-Nav	-----------------------------*/

	#main-nav{
		position:absolute;
		bottom: 0px;
		left: 0px;
	}

/*	---------	Search	-----------------------------*/

	#search{
		width: 295px;
		height: 34px;
		_height: 36px;
		position: absolute;
		bottom: 0px;
		right: 0px;
		background: url(/images/search-bg.gif) repeat-x 0 0;
		overflow:hidden;
	}
		#search li{
			display: inline;
			float: left;
		}
		.tmp #search-input, .tmp .search-input,
		#search-input, .search-input{
			border:0.1em solid #909090;
			margin:7px 5px 7px 13px;
			padding:1px 4px;
			width:133px;
		}
		.tmp #searchinput, .tmp .searchinput,
		#searchinput, .searchinput{
			border:0.1em solid #909090;
			margin:7px 5px 7px 13px;
			padding:1px 4px;
			width:133px;
		}
		/*	---------	Breadcrumbs	-----------------------------*/
/*
EN ADMIN
            #breadcrumbs {
                    width: 880px;
                    float: left;
                    display: inline;
                    background: #FFF;
                    margin: 7px 20px 7px 20px;
            }

                    #breadcrumbs a{
                            color: #36b4b1;
                            text-decoration: none;
                    }
						  #breadcrumbs img{
						  		vertical-align: middle;
								margin-left: 4px;
							}

EN LAYOUT

	.tmp .breadcrumbs {
		padding: 21px 17px 10px;
		color: #7b7b7b;
		font-size:1.1em;
		font-weight:400;
        text-decoration: none;
	}
		.tmp .breadcrumbs a, .tmp .breadcrumbsa:visited, .tmp .breadcrumbs a:link {
			color: #19BABB;
			text-decoration: none;
		}
		.tmp #breadcrumbs a:hover{
			display: inline;
			text-decoration: underline;
		}
		.tmp #breadcrumb-item{
			background: url(/images/icon-sprite.gif) no-repeat 0 -11px;
			padding-left: 14px;
			margin-left: 0px;
		}
*/

	.tmp .breadcrumbs,#breadcrumbs {
		padding: 15px 17px 10px;
		font-size:1.1em;
		color: #36b4b1;
		font-weight:400;
        text-decoration: none;
	}
		.tmp #breadcrumbs a, .tmp #breadcrumbsa:visited, .tmp #breadcrumbs a:link {
			color: #36b4b1;
			text-decoration: none;
		}
		.tmp #breadcrumbs a:hover{
			display: inline;
			color: #36b4b1;
			font-weight:800;
			text-decoration: underline;
		}
		.tmp #breadcrumb-item{
			background: url(/images/icon-sprite.gif) no-repeat 0 -11px;
			padding-left: 14px;
			margin-left: 0px;
		}
		
		.tmp #breadcrumbs img{
			/*border:1px solid red;*/
			margin-left:4px;
			margin-top:-2px;
			vertical-align:middle;
		}


/*	---------	Footer	-----------------------------*/

	#footer{
		width: 980px;
		margin: 0 auto;
	}
	#footer-nav{
		height: 97px;
		width: 980px;
		background-color: #e3e3e3;
	}
		#footer-nav ul{
			margin: 0 0 0 2.5px;
		}
			#footer-nav li{
				display: inline;
				margin: 10px 7.5px;
				float: left;
			}
	#copyright{
		background-color:#007778;
		text-align: center;
		margin: 0 auto;
	}
		#copyright ul{
			margin: 14px 0px 0px;
		}

/*	---------	Wrapper	-----------------------------*/

	#wrapper{
		width:980px; /*auto;*/
		background-color: #fff;
		display: table-cell;
		*display:block;
		*zoom:1;
		_position:relative;
		_left:-3px;
		_margin-right: -3px;
	}
	.popUp #wrapper{ background:none;}
/*	---------	Content	-----------------------------*/

	#content{
		/*width: 685px;*/
		padding-top: 22px;
		display: table-cell;
		*display:block;
		_position:relative;
		_left:-3px;
		_margin-right: -3px;
		width:auto;
		*zoom:1;
	}
	.popUp #content{ padding:0px;}
	#wrapper:after,
	#content:after{
		/*content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";*/
		content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
		visibility:hidden;
		clear:both;
		height:0 !important;
		display:block;
		line-height:0;
		font-size: 36px;
	}

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

	#sidebar-a {
		float:right;
		width:295px;
		_margin-left:-3px;
	}

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

	/*	---------	Agenda y Home	-----------------------------*/

	/* ----- OOCSS - agenda-item (extends mod) ----- */
	.agenda-item{
		margin:14px 17.5px 0;
	}
		.agenda-item .bd{
			height: 155px;
		}

	/* ----- OOCSS - eventos-area (extends mod) ----- */
	.eventos-area{
		border-top: 2px dotted #82bd07;
		margin: 12px 17.5px;
	}

	/* ----- OOCSS - mini-evento (extends mod) ----- */
	.mini-evento{
		margin:6px 17.5px;
	}
		.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) ----- */
	.space{
		/*margin:30px 17.5px;*/
		float: left;
		height: 24px;
	}


/*	---------	CSS Button Styles	-----------------------------*/

/*	Search Button	*/
	.tmp div.cssbutton.search-btn {
		background:url("/images/search-button-bg-left.png") no-repeat 0 center;
		margin:8px 0 0;
	}
	.tmp div.cssbutton.search-btn:hover {
		background:url("/images/search-button-bg-left.png") no-repeat left center;
	}
		.tmp div.cssbutton.search-btn input {
			color:#bababa;
			background:url("/images/search-button-bg-right.png") no-repeat right 0;
			height: 18px;
			font-size:0.9em;
			font-weight:800;
			letter-spacing:-1px;
			text-transform: uppercase;
			padding:0 4px 2px 2px;
		}
		.tmp div.cssbutton.search-btn:hover input {
			color:#fff;
			background:url("/images/blue-search-button-bg-right.png") no-repeat right 0;
		}

/*	Blue Search Button	*/
	.tmp div.cssbutton.blue-search-btn {
		background:url("/images/blue-search-button-bg-left.gif") no-repeat 0 center;
	}
	.tmp div.cssbutton.blue-search-btn:hover {
		background:url("/images/blue-search-button-bg-left.gif") no-repeat left center;
	}
		.tmp div.cssbutton.blue-search-btn input {
			color:#fff;
			background:url("/images/blue-search-button-bg-right.gif") no-repeat right 0px;
			height: 18px;
			font-size:0.9em;
			font-weight:800;
			text-transform: uppercase;
			padding:0 4px 2px 2px;
			_padding:0 0px 2px 0px;
		}
		.tmp div.cssbutton.blue-search-btn:hover input {
			color:#000;
			background:url("/images/blue-search-button-bg-right.gif") no-repeat right 100%;
		}

/*	Blue Enviar Button	*/
	.tmp div.cssbutton.blue-enviar-btn, div.cssbutton.blue-enviar-btn {
		background:url("/images/blue-enviar-button-left.gif") no-repeat 0 top;
		padding: 0 0 6px;
	}
	.tmp div.cssbutton.blue-enviar-btn:hover, div.cssbutton.blue-enviar-btn:hover {
		background:url("/images/blue-enviar-button-left.gif") no-repeat left bottom;
		padding:0 0 0px;
	}
		.tmp div.cssbutton.blue-enviar-btn input, div.cssbutton.blue-enviar-btn input {
			color:#fff;
			background:url("/images/blue-enviar-button-right.gif") no-repeat right 0;
			height: 30px;
			font-size:1.2em;
			font-weight:800;
			text-transform: uppercase;
			padding:0 16px 2px 11px;
		}
		.tmp div.cssbutton.blue-enviar-btn:hover input, div.cssbutton.blue-enviar-btn:hover input {
			color:#000;
			background:url("/images/blue-enviar-button-right.gif") no-repeat right 100%;
			padding:0 16px 2px 11px;
			
		}

/* Blue Volver Button*/
	div.cssbutton.blue-enviar-btn .volver {
			color:#fff;
			background:url("/images/blue-enviar-button-right.png") no-repeat right 0;
			height: 40px;
			font-size:1.2em;
			font-weight:800;
			text-transform: uppercase;
			padding: 6px 16px 8px 11px;
		}

/*	Buy Button	*/
	.tmp div.cssbutton.buy-btn {
		background:url("/images/buy-button-bg-left.png") no-repeat 0 center;
		position: relative; /* position: absolute; */
		right: 0px; /* right: 4px; */
	}
	.tmp div.cssbutton.buy-btn:hover {
		background:url("/images/buy-button-bg-left.png") no-repeat -56px center;
	}
		.tmp div.cssbutton.buy-btn input {
			color:#fff;
			background:url("/images/buy-button-bg-right.png") no-repeat right 0;
			height: 23px;
			font-size: 1.1em;
			color: #5e5e5e;
			font-weight: 400;
			padding:0 7px 2px 0px;
			margin-left:23px;
			_margin-left:10px;
		}
		.tmp *:first-child+html div.cssbutton.buy-btn input {padding-right: 2px;}
		.tmp div.cssbutton.buy-btn:hover input {
			color:#000;
			background:url("/images/buy-button-bg-right.png") no-repeat right 100%;
		}
		
/*	DOWN Button	*/
	.tmp div.cssbutton.down-btn {
		background:url("/images/down-button-bg-left.png") no-repeat 0 center;
		position: absolute;
		right: 4px;
	}
	.tmp div.cssbutton.down-btn:hover {
		background:url("/images/down-button-bg-left.png") no-repeat -56px center;
	}
		.tmp div.cssbutton.down-btn input {
			color:#fff;
			background:url("/images/down-button-bg-right.png") no-repeat right 0;
			height: 23px;
			font-size: 1.1em;
			color: #5e5e5e;
			font-weight: 400;
			padding:0 7px 2px 0px;
			margin-left:23px;
			_margin-left:10px;
		}
		.tmp *:first-child+html div.cssbutton.down-btn input {padding-right: 2px;}
		.tmp div.cssbutton.down-btn:hover input {
			color:#000;
			background:url("/images/down-button-bg-right.png") no-repeat right 100%;
		}		



/*	+++ A eliminar al finalizar el proyecto	+++	*/
/* 	Overrides the CSS Buttons Framework */
	.tmp button.cssbutton.sample span,
	.tmp a.cssbutton.sample span,
	.tmp div.cssbutton.sample input {
		color:#924F4F;
	}


/* 	Name: 	sample a
	Desc:	Blue Button	*/
	.tmp button.cssbutton.sample.a span,
	.tmp a.cssbutton.sample.a span,
	.tmp div.cssbutton.sample.a input {
		background:url("/images/search-button-bg-left.png") no-repeat right 0;
	}

	.tmp button.cssbutton.sample.a,
	.tmp a.cssbutton.sample.a,
	.tmp div.cssbutton.sample.a {
		background:url("/images/search-button-bg-left.png") no-repeat 0 center;
	}

	.tmp button.cssbutton.sample.a:hover span,
	.tmp a.cssbutton.sample.a:hover span,
	.tmp div.cssbutton.sample.a:hover input {
		color:#666;
		background:url("/images/search-button-bg-right.png") no-repeat right 100%;
	}

	.tmp button.cssbutton.sample.a:hover,
	.tmp a.cssbutton.sample.a:hover,
	.tmp div.cssbutton.sample.a:hover {
		background:url("/images/search-button-bg-left.png") no-repeat -255px center;
	}

/* 	Name: 	sample b
	Desc:	Orange Button	*/
	.tmp button.cssbutton.sample.b span,
	.tmp a.cssbutton.sample.b span,
	.tmp div.cssbutton.sample.b input {
		color:#924F4F;
		background:url("/images/sample_bRight.gif") no-repeat right 0;
	}

	.tmp button.cssbutton.sample.b,
	.tmp a.cssbutton.sample.b,
	.tmp div.cssbutton.sample.b {
		background:url("/images/sample_bLeft.gif") no-repeat 0 center;
	}

	.tmp button.cssbutton.sample.b:hover span,
	.tmp a.cssbutton.sample.b:hover span,
	.tmp div.cssbutton.sample.b:hover input {
		color:#524F4F;
		background:url("/images/sample_bRight.gif") no-repeat right 100%;
	}

	.tmp button.cssbutton.sample.b:hover,
	.tmp a.cssbutton.sample.b:hover,
	.tmp div.cssbutton.sample.b:hover {
		background:url("/images/sample_bLeft.gif") no-repeat -255px center;
	}

/* Los más calientes */
.tmp .TituloMoreHots{
 margin:20px;
 width:880px;
 margin-bottom: 10px;
}

/* Para Login */
#ventanalogin{ background-color: white; border: solid 10px #fff ; width: 449px;_width: 440px; height: 321px; }
.cabeceralogin { height: 83px; }
.imgLeft { float: left; width: 425px; overflow: hidden; }
.cerrarlogin { float: right;  position: relative; _top: -70px;}
.boxlogin { text-align: center; margin-left: 20px; border-top: 2px solid #CBCBCB; width: 400px; height: 0px;  } /*OJO era solo align*/
div#login_formu { background-color:white; padding: 19px; max-height: 146px;}
div#login_formu div.formulario{ background-color:white; height: 146px; width: 400px; _width: 390px;}

.formdates{ height: 55px; }
.loginemail, .loginpass { float: right;	margin: 0 80px 10px 0; }
.formdates .loginemail label#email_label, 
.formdates .loginpass label#pass_label { color: #888888; font-size:0.9em; }

.error-login{ _position: absolute; left: 14px; width: 300px; height: 56px; margin:0 0 26px 106px; }
.mensaje-error{ color: #FF661C; font-size:0.8em; }
.imagen-error{ float: left; }
.lright{ padding-top: 10px; _padding-top: 0px;padding-left: 250px; }

#login_form form table td .boton{
	background: url(/images/login/fondo-login-boton.png) no-repeat;
	height: 69px;
}
div#login_form .email_label .pass_label{
        color: #5E5E5E;
        font-size:0.9em;
}
div.cssbutton {
	margin: 0 80px 0 0;
}


 .bienvenida p{
	margin: 10px 18px 10px 20px;
	height: 120px;
}

#bienvenida {
	margin: 10px 18px 10px 20px;
	height: 120px;
}

.footer{
	background: url(/images/login/fondo-login-boton.png);
	height: 69px;
	width:449px;_width: 440px;
}
	 div.cssbutton.blue-login {
		background:url("/images/blue-enviar-button-left.gif") no-repeat 0 top;
		padding: 0 0 8px 6px;
	}
	div.cssbutton.blue-login:hover {
		background:url("/images/blue-enviar-button-left.gif") no-repeat left bottom;
		padding:0 16px 0px 6px;
	}
	div.cssbutton.blue-login input {
			color:#fff;
			background:url("/images/blue-enviar-button-right.gif") no-repeat right 0;
			height: 30px;
			font-size:1.2em;
			font-weight:800;
			text-transform: uppercase;
			padding:0 16px 2px 11px;
			_height: 30px;
		}
			div.cssbutton.blue-login:hover input {
			color:#000;
			background:url("/images/blue-enviar-button-right.gif") no-repeat right 100%;
			
		}
div.cssbutton input#enviar{
	font-size: 12px;
}


.cerrarlogin{
	float: right;
}
 /*
  * comentarios
  * @autor: Sergio
  */
/* Extends mod - Comment Area Header*/	
	.tmp .comentarios-header{
		margin:0 17.5px;
	}
		.tmp .comentarios-header .bd{
			background-color: #e3e5e3;
			padding: 8px 11px 10px;
		}
		.tmp .comentarios-header .ft{
			margin:20px 0;
		}
		.tmp .pagination-page-buttons{
			float: left;
			display: inline;
			margin:0 9px;
		}
			.tmp .pagination-page-buttons li{
				float: left;
				display: inline;
				height: 19px;
				width: 19px;
				margin: 0 1.5px;
			}
				.tmp .pagination-page-buttons .back-page-button{
					margin-right: 10.5px;
				}
					.tmp .back-page-button a{
						background: url(../../images/news-sprite.png) no-repeat 0 -105px;
						padding: 9.5px;	
						display: block;
					}
				.tmp .pagination-page-buttons .forward-page-button{
					margin-left: 10.5px;
				}
					.tmp .forward-page-button a{
						background: url(../../images/news-sprite.png) no-repeat 0 -127px;	
						padding: 9.5px;	
						display: block;	
					}
			.tmp .pagination-page{
				padding:4.5px 0;
				text-align:center;
				text-decoration:none;
				background-color: #d6d9d6;
				color: #4b4b4b;
				display: block;
			}
				.active-page{
					background: url(../../images/news-sprite.png) no-repeat 0 -150px;
					color: #fff;
				}

	/* Extends mod - Comment Area Items	*/
	.tmp .comentario-item{
		padding:2px 17.5px 16px;
		margin: 0;
	}
	.tmp .comentario-item .bd{margin:6px 0 0;}
	
	
/* RSS */
#contentrss{
		display: table-cell;
		*display:block;
		_position:relative;
		_left:-3px;
		_margin-right: -3px;
		width:auto;
		height: 450px;
		*zoom:1;
		*width: 685px;
}
.tmp .rss-header{
	margin: 0px;
}

/* NEWSLETTER */
.tmp .newsletter-box{ margin-right: 20px;}
.tmp div#newsletter_form{ background: #6eae05; color: #fff; padding-bottom:5px; margin-top: 0px; _width: 278px; } /* margin-top: -10px; */
.tmp .newsletter-box-banner span{ background : url("/images/newsletter-banner.gif") no-repeat;
	height:50px; position:absolute; width:100%; top: -32px;}
.tmp .newsletter-box-banner b1, .tmp .newsletter-box-banner br {
	background : url("/images/newsletter-banner.gif") no-repeat;
} 
.tmp #newsletter_errors { background-color:#FFCFCF; margin: 10px 10px 0 10px; padding: 15px 5px; border:1px solid #FF2F2F; display: none; }


/* LOGIN 2 */
#login { height: 380px; width: 463px; }
#login .lcerrar { position:relative; left: 438px; width: 20px;}
#login .lcuerpo {  margin: 0 10px; height: 193px;}
#login .lfooter{  background: url(/images/login/fondo-login-boton.png) repeat-x bottom #fff; height: 80px; margin: 0 10px;}

#login .formulario{ width:440px;}
#login .loginemail, .loginpass {margin: 0 40px 10px 0;} /*OJO antes _ margin */
#login .lline { margin: 0 20px; border-top: 2px solid #CBCBCB}
#login .laun { margin: 10px 10px 10px 210px;}
#login .lregister{ font-size: 12px; color: #19BABB; display: inline;  }
#login .lright { position: relative; top:0px;}