@charset "utf-8";
/* CSS Document */

/*ESTILOS GENERALES*/
body {
	background: url(../img/patron.jpg);
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	overflow-x:hidden;
}

	body .socaloSup {
		width: 100%;
		height: 40px;
		background: #fff;
	}
	
		body .socaloSup div.contTempFecha {
			position: relative;
			width: 980px;
			margin: 0 auto 0 auto;
		}
		
		body .socaloSup div.contTempFecha .temperatura {
			float: right;
			margin: 5px 0 0 0 ;
		}
		
		body .socaloSup div.contTempFecha .textoFecha {
			color:#90d7e8; 
			background-color: #FFF;
			float: right;
			padding: 7px 5px 7px 15px;
			margin-top: 5px;
		}
		
	/*HEADER*/
	#header {
		position: relative;
		width: 100%;
		height: 180px;
		background: url(../img/cabecera_diagonal.png) no-repeat;
	}
	
		#header div {
			position: relative;
			width: 980px;
			height: 135px;
			background: none;
			left: 50%;
			margin-left: -490px;
		}
	
		#header #logo {
			width: 150px;
			height: 100px;
		}
		
		#header #menu {  
			list-style:none;
			float:right;
		}
		
			#menu li {
				text-transform: lowercase;
				border-top: #fff solid 15px;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 16px;
				float:left;
				font-weight: bold;
			}
			
			#menu li.actual {
				color: #ccc;
				border-bottom: #f0f0f0 solid 5px;
			}

			#menu li a {
				margin: 10px;
				text-decoration:none;
				color:#000;
			}
			
			#menu li.actual a{
				color: #90d7e8;
			}
			
			#menu li.actual a:hover {
				cursor: default;
				
			}
			
			#menu li a:hover{
				border-bottom: #8F7A69 solid 5px;
				color:#90d7e8;
			}

	/*CONTENIDO*/
	#content {
		position: relative;
		width: 980px;
		left: 50%;
		margin-left: -490px;
		margin-top: -45px;
		float: left;
	}
		
		/*INICIO*/
		#central {
			width: 675px;
			float: left;
		}
		
			/*NOVEDADES*/
			#novedades {
				width: 675px;
			}
			
				#bacalao {
					position: absolute;
					width: 540px;
					height: 155px;
					top: -80px;
					left: 125px;
				}
			
				#novedad {
					width: 185px;
					height: 335px;
					border: 10px solid #fff;
					background: #fc0;
					float: left;
					margin: 10px 10px 0 0;
					padding: 10px 5px;
				}
				
					#novedad.naranja {
							background: #fc0;
						}
					
					#novedad.celeste {
						background: #90d7e8;
					}
				
				#novedad img {
					width: 185px;
					height: 185px;
				}
				
				#novedad h1 {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 16px;
					font-weight: bold;
					margin-top: 10px;
					height: 40px;
				}
				
				#novedad p {
					margin-top: 10px;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 8pt;
				}
				
				#novedad a {
					padding: 2px 10px;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 30px;
					background: #FFF;
					text-decoration: none;
					color: #000;
					float: right;
					margin: 10px -10px 0 0;
				}
				
				#novedad_grande {
					
				}
				
					#novedad_grande #img_novedad_grande {
						width: 380px;
						border: 10px solid #8F7A69;
						margin: 5px;
						float: left;
					}
					
						#novedad_grande #img_novedad_grande img {
							width: 380px;
						}
						
					#novedad_grande p {
						width: 360px;
						float: left;
						margin: 10px;
						font-family: Verdana, Geneva, sans-serif;
						font-size: 12px;
						line-height: 1.5em;
					}
					
					#novedad_grande #galeria_novedad {
						clear: both;	
					}
					
						#novedad_grande #galeria_novedad img {
							margin: 10px;
							border: 10px solid #8F7A69;
						}
						
					#novedad_grande a {
						text-decoration: none;
						float: left;
						margin: 5px;
					}
					
					#novedad_grande a.cerrar {
						text-decoration: none;
						float: right;
						margin: 5px;
					}
				
			/*PROGRAMAS RADIALES*/	
			#programas {
				width: 320px;
				float: left;
			}
			
				#programas div {
					width: 300px;
					background: #000;
					border: 10px solid #fff;
					margin: 10px 0 0 0;
					float: left;
				}
				
			/*MENSAJERO*/
			#mensajeitor {
				width: 315px;
				height: 330px;
				background: #90d7e8;
				border: 10px solid #fff;
				margin: 10px 0 0 10px;
				float: left;
			}
			
				#mensajeitor img {
					margin: 5px 0;
				}
			
				#mensajeitor img input {
					background:#000;	
				}
				
		/*CONTENEDOR TODAS LAS SECCIONES*/	
		#laradio,
		#staff,
		#programacion,
		#fotos,
		#links,
		#contacto {
			width: 675px;
			float: left;
		}
		
			#laradio .img_seccion,
			#programacion .img_seccion,
			#fotos .img_seccion,
			#links .img_seccion,
			#staff .img_seccion {
				width: 645px;
				height: 380px;
				border: 10px solid #FFF;
			}
			
			#laradio .img_titulo,
			#staff .img_titulo,
			#programacion .img_titulo,
			#fotos .img_titulo,
			#links .img_titulo,
			#contacto .img_titulo {
				position: absolute;
				top: 300px;
				left: 5px;
			}
		
				/*LA RADIO*/
				#laradio div {
					width: 565px;
					background: #FFF;
					margin: 10px auto 0 auto;
					padding: 50px;
					float: left;
				}
				
					#laradio div img {
						float: left;
					}
					
					#laradio div p {
						float: left;
						width: 230px;
						margin-left: 20px;
						line-height: 15pt;
						margin-top: 20px;
					}
				
				#laradio p.firmado {
					float: right;
					text-transform: uppercase;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size: 14pt;
					margin-top: 65px;
				}
				
				/*STAFF*/
				#staff  div {
					width: 655px;
					background: #FFF;
					margin: 10px 0 0 0;
					border: 10px solid #FFF;
					border-right: none;
					overflow: hidden;

				}
				
					#staff div div.caja_miembro {
						width: 208px;
						border: none;
						margin: 0 10px 10px 0;
						background: #f0f0f0;
						float: left;
						position:relative;
					}
					
					#staff div div.caja_miembroNone {
						width: 208px;
						border: none;
						margin: 0 10px 10px 0;
						background: #f0f0f0;
						float: left;
						position:relative;
					}
					
						div.caja_miembro img,
						div.caja_miembroNone img {
							position: relative;
							width: 200px;
							height: 200px;
							left: 50%;
							margin: 10px 0 10px -100px;
						}
						
							div.caja_miembro p,
							div.caja_miembroNone p {
								margin: 4px;	
							}
						
							div.caja_miembro p.nombre,
							div.caja_miembroNone p.nombre {
								font-size: 16px;
								color: #90d7e8;
								font-weight: bold;
							}
							
							div.caja_miembro p.actividad,
							div.caja_miembroNone p.actividad {
								font-style:italic;
							}
							
				/*PROGRAMACION*/
				#programacion  div {
					width: 645px;
					float: left;
					background: #FFF;
					border: 10px solid #FFF;
					margin-top: 10px;
				}
				
					#programacion div .tabla {
						width:  645px;
						text-align: center;
						border-spacing: 2px;
					}
					
						#programacion div .tabla td.hora {
							width: 80px;
							height: 25px;
							background-color:#fc0;
							border: 1px solid #F90;
							text-align: center;
							vertical-align: middle;
						}
						
						#programacion div .tabla td.dia {
							width: 80px;
							height: 25px;
							background-color: #fc0;
							border: 1px solid #F90;
							text-align: center;
							vertical-align: middle;
						}
						
						#programacion div .tabla td.programa_radial {
							height: 25px;
							background-color: #90d7e8;
							border: 1px solid #999999;
							text-align: center;
							vertical-align: middle;
							padding: 5px;
						}
						
				/*FOTOS*/
				#fotos  div {
					width: 645px;
					float: left;
					background: #FFF;
					border: 10px solid #FFF;
					margin-top: 10px;
				}
				
					#fotos div div {
						position: relative;
						width: 566px;
						left: 50%;
						margin-left: -290px;
					}
				
					#fotos div a.linkBox {
						text-decoration: none;
					}
					
						#fotos div a.linkBox img {
							margin: 5px;
							border-bottom: 5px solid #f0f0f0;
						}
						
							#fotos div a:hover.linkBox img {
								margin: 5px;
								border-bottom: 5px solid #90d7e8;
							}
							
				/*LINKS*/
				#links  div {
					width: 665px;
					float: left;
					margin: 10px 0 0 5px;
				}
				
					#links div div.caja_link {
						width: 210px;
						height: 145px;
						border: none;
						margin: 0 11px 11px 0;
						background: #fff;
						float: left;
					}
						
						#links div div.caja_link img {
							width: 210px;
							height: 100px;
							margin-bottom: 10px;
						}
						
						#links div div.caja_link a {
							text-decoration: none;
							color: #53bbd4;
							font-weight: bold;
							padding: 10px;
							width: 210px;
							text-align: center;
						}
						
							#links div div.caja_link a img {
								margin-left: -10px;
						}
						
						#links div div.caja_link  p {
							font-size: 11px;
							margin: 10px;
						}
							
				/*CONTACTO*/
				#contacto #google {
					width: 645px;
					height: 380px;
					border: 10px solid #FFF;
				}
				
				#contacto div {
					width: 605px;
					float: left;
					background: #FFF;
					margin: 10px 0 0 0;
					border: 10px solid #FFF;
					padding: 20px;
				}
				
					#contacto div p {
						line-height: 15pt;
					}
				
					#contacto div form {
						width: 330px;
						float: left;
						margin: 40px 0;
						background: #90d7e8;
					}
					
						#contacto div form div {
							padding: 5px;
							background: none;
							border: none;
							clear: both;
							overflow: hidden;
							margin: 0.5em auto;
							width: 85%;
						}
						
							#contacto div form div label {	
								display: block;
								color: #000;
								font-size: 12px;
								font-family: Verdana, Geneva, sans-serif;
								float:left;
								width: 70px;
								margin: 10px 0 0 0;
							}
							
							#contacto div form div input {
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-size: 11px;
								border: none;
								padding: 8px 0 0 5px;
								width: 200px;
								background:  #FFF;
							}
							
							#contacto div form div input:focus {
								background: #f0f0f0;
							}
							
							#contacto div form div textarea {
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-size: 11px;
								width: 200px;
								height: 75px;
								border: none;
								padding: 8px 0 0 5px;
								background: #FFF;
							}
							
							#contacto div form div textarea:focus {
								background: #f0f0f0;
							}
							
							#contacto div form div .boton {
								border: none;
								width: 278px;
								background: #000;
								color: #FFF;
								font-family:Georgia, "Times New Roman", Times, serif;
								font-size: 14px;
								padding: 0;
								cursor: pointer;
								
							}
							
							#contacto div form div .boton:hover {
								background: #fff;
								color: #000;
							}
						
						#contacto div form input {
							width: 200px;
							height: 25px;
							background: #000;
							padding: 0;
							margin: 0;
						}
						
					#contacto ul {
						width: 250px;
						margin-top: 50px;
						margin-left: 20px;
						float: left;
					}
					
						#contacto ul li {
							padding: 10px 0;
							float: right;	
						}
						
							#contacto ul li a {
								text-decoration: none;
								color: #000;
								border-bottom: 1px dashed #000;
							}
							
							#contacto ul li a:hover {
								color: #000;
								border-bottom: 1px dashed #fco;
							}
						
							#contacto ul li span{
								margin-left: 32px;
							}
						
							#contacto ul li img {
								margin-right: 10px;
								
							}
				
		/*SIDEBAR*/
		#sidebar {
			width: 305px;
			float: right;
		}
		
			#sidebar img.click_aqui {
				border: none;	
				margin: 0;
			}
			
			#sidebar img,
			#sidebar div {
				width: 285px;
				border: 10px solid #fff;
				background:#000;
				margin-bottom: 10px;
			}
			
				#sidebar div div {
					border: none;
					position: absolute;
					top: 540px;
				}
				
		/*REPRODUCTOR*/
		#reproductor {
			background: #000;
			width: 650px;
		}
		
			#reproductor img {
				float: left;	
			}
		
			#reproductor h1 {
				color: #fc0;
				float: right;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 16px;
				font-weight:bold;
				margin: 10px 0 0 0;
			}
		
			#reproductor ul {
				clear: right;
				float: right;	
				margin: 10px 25px;
			}
			
				#reproductor ul li {
					float: left;
					margin:0px 10px;
				}
			
		#footer_publicitario {
			width: 645px;
			height: 200px;
			background:#000;
			border: 10px solid #fff;
			margin-top: 10px;
			float: left;
		}
		
	
	/*FOOTER*/
	#footer {
		width: 100%;
		height: 125px;
		background: #90d7e8;
		float: left;
		margin-top: 50px;
		border-top: 10px solid #FFF;
	}
	
		#footer div.contenedor {
			position: relative;
			float: left;
			width: 980px;
			height: 120px;
			left: 50%;
			margin-left: -490px;
			
		}
		
			#footer div.contenedor a {
				text-decoration: none;
				border-bottom: 1px dashed #333333;
				color: #000000;
			}
			
			#footer div.contenedor a:hover {
				border-bottom: 1px dashed #fc0;
			}
		
		#footer div.izquierda,
		#footer div.centro,
		#footer div.derecha {
			float: left;
			width: 40px;
			height: 120px;
			
			
		}
		
		#footer div.izquierda {
			width: 390px;
		}
		
			#footer div.izquierda ul {
				margin-top: 20px;
				position: relative;
				float: left;
				width: 300px;
			}
			
				#footer div.izquierda ul li {
					margin: 10px;
				}
		
		#footer div.centro {
			width: 360px;
		}
		
			#footer div.centro img {
				margin: -60px 0 0 0;
				float: left;
			}
			
				#footer div.centro ul#menu_footer {
					float: left;
					width: 120px;
					margin: 10px 0 0 -80px;
				}
				
					#footer div.centro ul#menu_footer li {
						margin: 5px;
					}
		
		#footer div.derecha {
			width: 228px;
		}
		
			#footer div.derecha img {
				margin: -80px 0 0 0;
				float: right;
			}