/* CSS La súper FM */


/* ********************************************************************************************************
												GENERALES
********************************************************************************************************* */

/*
COLORES
	naranja básico: #efa500;
*/
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin:0;
	background-color:#fff/*FCE1AA*/;
}

h1
{
}

a
{
	color:#f90;
}

a:hover
{
	color:#000;
}

p
{
	margin:5px 0;
}

img
{
	border:none
}

/* ********************************************
  				--[FIN GENERALES]--
******************************************** */


/* ********************************************************************************************************
									DECLARACION de CAPAS PRINCIPALES (LAYOUT)
********************************************************************************************************* */

/* Capa contenedora del sitio */
div#main
{
	width:980px; /*1000*/
	margin:0 auto;
	padding:0 4px;
	background-color:#FFFFFF;
}

/* Cabecera */
div#header
{
	width:980px;
	height:175px;
	background:#efa500 url(../imagenes/header_fondo_2.jpg) center top no-repeat;
	overflow:hidden;
	margin-bottom:3px;
	/*position:fixed;*/
	box-shadow: 0px 4px 2px #aaa;
	/*z-index: 10000;*/
}

	div#header div#header_up {
		/*background:#efa500 url(../imagenes/header_fondo_up.jpg) top right no-repeat;*/
		position: relative;
	}
	
	div#header div#header_down {
		height:auto;
		_height:20px;
		overflow:auto;
		/*margin-top:4px;*/
		background:#f08200/*#FF9C00*/;/* url(../imagenes/header_fondo_down.jpg) top right no-repeat;*/
		border-top: #FC0 1px solid;
	}

/* Columna izquierda (135px = 120px + 15px marg der) */
div#columna_izquierda
{
	float:left;
	width:272px;
	margin-right:15px;
	margin-top:10px; /* fix para el header fixed*/
	padding: 0 0 10px 0;
	position: relative;
}

/* Capa contenedora de columna central y derecha */
div#contenido
{
	float:right;
	width:690px; /*865*/
	margin-top:10px; /* fix para el header fixed*/
}

	/* Columna central (493px = 478px + 15px marg der)*/
	div#contenido div#columna_centro
	{
		width:690px; /*700*/
		float:left;
	}
	
	/* Columna derecha (150px)*/
	div#contenido div#columna_derecha
	{
		float:left;
		width:150px;
	}

div#volver-arriba
{
	position: fixed;
	right: 10px;
	bottom: 10px;
}

	div#volver-arriba a
	{
		display: block;
		width: 48px;
		height: 48px; 
		background: url(../imagenes/btn-volver-arriba.png) 0 0 no-repeat;
		text-indent: -10000px;
	}
	div#volver-arriba a:hover
	{
		background-position: 0 -49px;
	}

/* Footer */
div#footer
{
	clear:both;
	text-align:center;
	margin-top:5px;
	padding-top:15px;
	border-top:#ddd 1px solid;
	background:#efa500 url(../imagenes/bottom.png) bottom center no-repeat;
}

/* ********************************************
  --[FIN DECLARACION de CAPAS PRINCIPALES]--
******************************************** */



/* ********************************************************************************************************
								DETALLES ESPECIFICOS de CAPAS PRINCIPALES
********************************************************************************************************* */

	/* 
	Header 
	******
	*/
	div#header h1
	{
		font-size: 11px;
		margin: 0;
		color: #000;
		font-weight: normal;
	}
	
	div#header .nombre_seccion
	{
		position:absolute;
		top:0;
		margin:0;
		top:40px;
		left:170px;
		font:2em Georgia, "Times New Roman", Times, serif;
		color:#fff;
	}
	
	div#header a#logo
	{
		position:relative;
		top:3px;
		left:0px;
	}
	
	div#header a#boton_radio
	{
		text-decoration:none;
		display:block;
		position:absolute;
		right:190px; top:40px;
		width:180px;
		height:30px;
		background:url(../imagenes/boton_radio.jpg) top right no-repeat;
		text-indent:30px;
		font-size:1.1em;
		color:#fff;
		font-variant:small-caps;
	}
	div#header a#boton_radio:hover
	{
		color:#000;
	}
	
	div#header p
	{
		color:#000;
		font-size:.85em;
		margin-top:1px;
		display:inline;
	}
	
		div#header #header_slogan
		{
			text-align:center;
			float:left;
			margin-left:300px;
		}
		
		div#header p#header_fecha
		{
			float:right;
			margin-right:10px;
		}
	
	/* Nuevo menu header */
	div#header-menu
	{
		background: #333;
		height: 26px;
		overflow: hidden;
	}
	
		div#header ul.menu
		{
			margin: 0;
			padding: 0;
			height: auto;
			overflow: auto;
		}
	
		div#header .menu li
		{
			display: inline;
		}
	
			div#header-menu .menu li a
			{
				display: block;
				color: #fff;
				float: left;
				padding: 6px 4px 6px 5px;
				text-transform: uppercase;
				font-size: 11px;
				text-decoration: none;
			}
			div#header-menu .menu li a.selected
			{
				background: #F08200;
				color: #FFF;
			}
			div#header-menu .menu li a:hover
			{
				background: #CCC;
				color: #333;
			}
		
	div#menu-institucional
	{
		background: #CCC;
		height: 30px;
		overflow: hidden;
		position: relative;
	}
	
		div#menu-institucional ul
		{
			height: auto;
			overflow: auto;
			float: left;
		}
		
			div#menu-institucional ul a
			{
				display: block;
				height: 20px;
				color: #333;
				float: left;
				padding: 6px 16px 0;
				font-size: 11px;
				text-decoration: none;
				text-transform: uppercase;
			}
			div#menu-institucional ul a:hover
			{
				background: #999;
			}
		
		div#menu-institucional div.addthis_toolbox
		{
			position: absolute;
			right: 10px;
			top: 5px;
		}
		
		div#menu-institucional #clima
		{
			position: absolute;
			right: 180px;
			top: 3px;
			height: 20px;
			width: 250px;
			overflow: hidden;
		}
		
		div#menu-institucional #buscador
		{
			position: absolute;
			height: auto;
			top: 2px;
			left: 299px;
			overflow: auto;
		}
		
			div#menu-institucional #buscador input
			{
				width: 120px;
				height: 12px;
			}
		
			div#menu-institucional #buscador button
			{
				width: 100px;
				font-size: 11px;
			}
	
	/* 
	Columna izquierda 
	*****************
	*/
	/* Generales ------------- */
	div#columna_izquierda ul
	{
		margin:0;
		padding:0;
	}
	
	div#columna_izquierda li
	{
		list-style:none;
		padding:0;
		display:inline;
	}
	
		div#columna_izquierda li a
		{
			display:block;
			padding:4px 0 4px 9px;
			text-decoration:none;
			font-weight:bold;
			font-size:1em;
		}
		
		div#columna_izquierda li a.selected
		{
			background:#efa500;
			/*padding:4px 0 4px 9px;*/
			border-bottom:#fff 3px solid;
			border-top:#fff 3px solid;
		}
		div#columna_izquierda li.first a.selected
		{
			border-top:none!important;
		}
	
	/* Menu noticias ------------- */
	div#columna_izquierda ul#menu_noticias
	{
		background:#999;
		margin-bottom:4px;
	}
	
		div#columna_izquierda ul#menu_noticias a
		{
			color:#fff;
		}
		div#columna_izquierda ul#menu_noticias a:hover
		{
			color:#000;
			background:#fff;
		}
	
	/* Menu institucional ------------- */
	div#columna_izquierda ul#menu_institucional
	{
		background:#cfcfcf url(../imagenes/fondo_super_gris.png) left top no-repeat;
		padding-top:32px;
		margin-bottom:4px;
	}
	
		div#columna_izquierda ul#menu_institucional a
		{
			color:#000;
		}
		div#columna_izquierda ul#menu_institucional a:hover
		{
			color:#fff;
			background:#999
		}
	
	/* Menu otros ------------- */
	div#columna_izquierda ul#menu_otros
	{
		background:#cfcfcf;
	}
	
		div#columna_izquierda ul#menu_otros a
		{
			color:#000;
		}
		div#columna_izquierda ul#menu_otros a:hover
		{
			color:#fff;
			background:#999
		}
	
	
	/* 
	Columna centro 
	*****************
	*/
	/* Generales ------------- */
	div#columna_centro {
		font-size:1.2em;
	}
	
	
	
	/* 
	Columna derecha 
	*****************
	*/
	/* Generales ------------- */
	div#columna_derecha h2
	{
		color:#000;
		font-size:1.1em;
		text-align:center;
		background:#efa500;
		margin:0 0 4px 0;
		padding:2px 0;
	}
	
	div#columna_derecha a
	{
		display:block;
		margin-bottom:4px;
	}
	
	/* 
	Pie
	*****************
	*/
	/* Generales ------------- */
	div#footer
	{
		text-align:right;
	}
	
	div#footer a
	{
		color:#fff;
		font-size:.8em;
		margin-left:15px;
	}


/* ****************************************************
	[FIN DETALLES ESPECIFICOS de CAPAS PRINCIPALES]
***************************************************** */



/* ********************************************************************************************************
											CAPAS DE NOTICIAS
********************************************************************************************************* */
	/* 
	Noticia destacadas 
	******************
	*/
	#columna_izquierda .titulo-destacados
	{
		font-size: 16px;
		background: #aaa;
		color: #444;
		text-transform: uppercase;
		padding: 3px 0 3px 15px;
	}
	
	#columna_izquierda .lista-noticias
	{
		background: #999;
		border: #a8a8a8 1px solid;
		width: 270px;
	}
	
	#columna_izquierda div.noticia
	{
		color: #FFF;
		padding: 4px 0;
		margin: 0;
		border-bottom: #a8a8a8 1px solid;
		border-left: #a8a8a8 15px solid;
		clear: both;
		height: auto;
		overflow: auto;
	}
	
	#columna_izquierda div.noticia.impar
	{
		border-left: #a0a0a0 15px solid;
	}
	
		#columna_izquierda div.noticia h2
		{
			margin: 0;
			font-size: 14px;
			font-weight: normal;
			margin-left: 10px;
		}
	
		#columna_izquierda div.noticia a
		{
			color: #FFF;
			text-decoration: none;
		}
		#columna_izquierda div.noticia a:hover
		{
			text-decoration: underline;
		}
	
		#columna_izquierda div.noticia a.imagen
		{
			display: block;
			float: left;
			margin-right: 10px;
		}
	
	#columna_izquierda div.banners-izquierda
	{
		margin-top: 20px;
	}
	/* 
	Noticia de listado 
	******************
	*/
	#contenido div.noticia
	{
		margin-bottom:20px;
		height:auto;
		overflow:auto;
		border-bottom: #ddd 1px solid;
		padding: 7px 10px 10px;
		background: #f3f3f3;
	}
	
		#contenido div.noticia div.noticia_encabezado
		{
			border-bottom:#efa500 1px solid;
			color:#666;
			font-weight:bold;
			margin-bottom:5px;
			/*position:relative;*/
			height:auto;
			overflow:auto;
			clear: both;
		}
		
			#contenido div.noticia div.noticia_encabezado h2
			{
				display::inline!important;
				font-size:1.1em;
				float:left;
				margin:0;
			}
			
			#contenido div.noticia div.noticia_encabezado span
			{
				float:right;
				margin:0;
				/*font-size:1.1em;*/
			}
		
		#contenido div.noticia h3
		{
			color:#20197c;
			font-size:1.4em;
			margin:0;
		}
		
		#contenido div.noticia h3 a
		{
			color:/*#333*/#20197c;
			text-decoration:none;
		}
		#contenido div.noticia h3 a:hover
		{
			text-decoration:underline;
		}
		
		div.noticia p.texto_noticia
		{
			text-align: justify;
		}
		
		#contenido div.noticia a.imagen
		{
		}
		
		#contenido div.noticia.par img
		{
			float:right;
			margin-left:10px;
			margin-top:8px;
		}
		
		#contenido div.noticia.impar img
		{
			float:left;
			margin-right:10px;
			margin-top:8px;
		}
		
			#contenido div.noticia div.noticia_toolbar
			{
				width:auto;
				overflow:auto;
				text-align:center;
				margin:10px 0;
			}
			
			#contenido div.noticia div.noticia_toolbar a
			{
				text-decoration:none;
				margin-right:30px;
			}
			
	
	#contenido div.banner {
		text-align:center;
		margin:0 auto;
		margin-bottom:15px;
	}
	
	/* 
	Ficha de noticia
	****************************************
	*/
	div.noticia.nota p.bajada
	{
		/*font-size:1.2em;*/
		margin-bottom:2em;
		word-spacing:.25em;
		color:#555;
		font-style:italic;
	}
	
	div.noticia.nota div#archivo
	{
		margin:10px auto;
		font-size: 11px;
	}
	
	div.noticia.nota div#audio
	{
		margin:10px auto;
	}
	
	div.noticia.nota div.imagenes
	{
		width:470px;
		height:auto;
		overflow:hidden;
		margin:10px auto;
		background-color:#999;
		text-align:center;
	}
	
		div.noticia.nota div.imagenes img
		{
			float:none!important;
			margin:2px auto;
			border:solid 8px #FFF;
		}
	
	
	div.noticia.nota div#video
	{
		width:416px;
		padding:8px 0;
		border:#999 2px solid;
		text-align:center;
		margin:0 auto;
	}
	
	div.noticia.nota div#comentarios
	{
		padding:10px;
		margin:10px 0;
		background:#eee;
		border:#e0e0e0 1px solid;
	}
	
	div.noticia.nota #comentarios .addthis_toolbox {
		float: right;
	}
	
	/* 
	Paginado
	******************
	*/
	.paginado ul {
		margin:5px 0; padding:0
	}
	
	.paginado li {
		display:inline;
	}
	
		.paginado li a {
			display:block;
			float:left;
			background:#eee;
			border:#ddd 1px solid;
			margin-right:5px;
			padding:1px 5px;
			text-decoration:none;
		}
		
		.paginado li a.actual {
			color: #000;
		}
	
	
	/* 
	Secciones fijas
	******************
	*/
	
	div.tituloFija {
		height:auto;
		overflow:auto;
		background:#eee;
		padding:5px;
		margin-bottom:15px;
	}
	
		div.tituloFija h2 {
			margin:0;
		}
			

/* ****************************************************
	[FIN DETALLES ESPECIFICOS de CAPAS DE NOTICIAS]
***************************************************** */



/* ********************************************************************************************************
											CAPAS DE TEXTO ESTATICO
********************************************************************************************************* */

	div.texto_estatico
	{
		padding-right:25px;
	}

	div.texto_estatico h2
	{
		border-bottom:#efa500 1px solid;
		margin-top:0;
	}
	
	div.texto_estatico div.contenido_por
	{
		height:auto;
		overflow:auto;
	}
	
	div.texto_estatico div.columna_imagenes 
	{
		text-align:center;
		height:auto;
		overflow:auto;
		width:240px;
	}
	
	div.texto_estatico div.columna_imagenes img
	{
		margin-bottom:10px;
	}
	
	div.texto_estatico div.columna_imagenes.float_left
	{
		float:left;
		clear:left;
		margin:0 30px 10px 0;
	}
	
	div.texto_estatico div.columna_imagenes.float_right
	{
		float:right;
		clear:right;
		margin:0 0 10px 30px;
	}
	
	div.texto_estatico p
	{
		margin-bottom:20px;
		text-align:justify;
		height:auto;
		overflow:auto;
	}
	

/* ****************************************************
 [FIN DETALLES ESPECIFICOS de CAPAS DE TEXTO ESTATICO]
***************************************************** */


/* ********************************************************************************************************
											LA CIUDAD
********************************************************************************************************* */

	div.texto_estatico#la_ciudad img
	{
		display:block;
		margin:0 auto 20px auto;
	}
	div.texto_estatico#la_ciudad p{
		width:500px;
		margin:0 auto 10px auto;
	}
/* ****************************************************
 [FIN DETALLES ESPECIFICOS de LA CIUDAD]
***************************************************** */




/* ********************************************************************************************************
												PROGRAMACION
********************************************************************************************************* */

	div.texto_estatico ul#programacion
	{
		margin:0 0 40px 0; padding:0;
	}
	
	div.texto_estatico ul#programacion li {
		list-style:none;
		display:block;
		width:657px;
		height:auto;
		overflow:auto;
		padding-bottom:5px;
		border-bottom:#999 1px solid;
		margin-bottom:25px;
	}
	
		div.texto_estatico ul#programacion li img {
			height:auto;
			float:left;
			clear:left;
			margin-right:15px;
		}
		
		div.texto_estatico ul#programacion li h3 {
			margin:0;
		}

/* ****************************************************
 [FIN DETALLES ESPECIFICOS de PROGRAMACION]
***************************************************** */


/* ********************************************************************************************************
											EFEMERIDES PATAGONICAS
********************************************************************************************************* */

	div.texto_estatico ul#efemeride {
		margin:0;
		padding:5px 5px 2px 5px;
		background:#eee;
	}
	
		ul#efemeride li {
			list-style:none;
			border-bottom:#ddd 1px solid;
			margin-bottom:10px;
		}
		
			ul#efemeride li span {
				font-weight:bold;
			}
			
			ul#efemeride li p {
				margin:5px 0;
			}

/* ****************************************************
 [FIN DETALLES ESPECIFICOS de EFEMERIDES PATAGONICAS]
***************************************************** */


/* ********************************************************************************************************
												CONTACTO
********************************************************************************************************* */

	ul#contacto {
		background:#eee;
		padding:5px;
		margin:10px 0;
	}
	
		ul#contacto li {
			list-style:none;
			padding:5px;
		}
		
			ul#contacto li label {
				display:block;
				float:left;
				clear:left;
				width:28%;
			}
			
			ul#contacto li div.codigo_seguridad {
				width:72%;
				overflow:auto;
			}
			
				ul#contacto li div.codigo_seguridad img {
					clear:both;
					margin-bottom:5px;
				}

/* ****************************************************
 [FIN DETALLES ESPECIFICOS de CONTACTO]
***************************************************** */


/* ********************************************************************************************************
												SUPER LINKS
********************************************************************************************************* */

/* ****************************************************
 [FIN DETALLES ESPECIFICOS de SUPER LINKS]
***************************************************** */

div.texto_estatico.super_links h3 {
	margin-bottom:5px;
}

div.texto_estatico.super_links ul {
	margin:0;
	padding:5px 5px 2px 5px;
	background:#eee;
}

	div.texto_estatico.super_links ul li {
		list-style:none;
		border-bottom:#ddd 1px solid;
		margin-bottom:10px;
	}
	
		div.texto_estatico.super_links ul li p {
			margin:5px 0;
		}


/* ********************************************************************************************************
											BANNERS IZQUIERDA
********************************************************************************************************* */

	div#columna_izquierda .banner {
		margin-bottom: 15px;
	}
	
	div#columna_izquierda .banner.relleno
	{
		background: #e9e9e9;
		padding: 10px;
		text-align: center;
	}

/* ****************************************************
 [FIN DETALLES ESPECIFICOS de BANNERS IZQUIERDA]
***************************************************** */




/* ********************************************************************************************************
											POPUP DE COMENTARIOS
********************************************************************************************************* */

div#comentarioLista {
	padding:10px;
}

	div#comentarioLista label {
		display:block;
		float:left;
		width:22%;
	}
	
	div#comentarioLista ul {
		padding:0;
	}
	
		div#comentarioLista ul li {
			list-style:none;
			padding:10px;
		}
	
	div#comentarioLista #form {
		background:#eee;
		padding:10px;
	}
	
	div#comentarioLista div#listado li {
		border-bottom:#efa500 1px solid;
	}
	
	div#comentarioLista div#listado .fecha {
		font-style:italic;
	}
	
	div#comentarioLista div#listado h2 {
		font-size:16px;
	}
	
	div#comentarioLista div#listado h3 {
		margin-bottom:2px;
		font-size:14px;
	}


/* ****************************************************
 [FIN DETALLES ESPECIFICOS de POPUP DE COMENTARIOS]
***************************************************** */