/* 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
{
	height:121px;
	background:#efa500 url(../imagenes/header_fondo_2.jpg) center no-repeat;
	overflow:hidden;
	margin-bottom:3px;
	position:relative;
}

	div#header div#header_up {
		/*background:#efa500 url(../imagenes/header_fondo_up.jpg) top right no-repeat;*/
	}
	
	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;*/
	}

/* Columna izquierda (135px = 120px + 15px marg der) */
div#columna_izquierda
{
	float:left;
	width:120px;
	margin-right:15px;
}

/* Capa contenedora de columna central y derecha */
div#contenido
{
	float:left;
	width:845px; /*865*/
}

	/* Columna central (493px = 478px + 15px marg der)*/
	div#contenido div#columna_centro
	{
		width:680px; /*700*/
		float:left;
		margin-right:15px;
		margin-top:5px;
		padding-top:10px;
		height:450px;
		overflow:auto;
	}
	
	/* Columna derecha (150px)*/
	div#contenido div#columna_derecha
	{
		float:left;
		width:150px;
	}

/* 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
	{
		display:none;
	}
	
	div#header h3
	{
		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 p#header_slogan
		{
			text-align:center;
			float:left;
			margin-left:300px;
		}
		
		div#header p#header_fecha
		{
			float:right;
			margin-right:10px;
		}
	
	
	/* 
	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 de listado 
	******************
	*/
	div.noticia
	{
		margin-bottom:20px;
		height:auto;
		overflow:auto;
		padding-right:5px;
	}
	
		div.noticia div.noticia_encabezado
		{
			border-bottom:#efa500 1px solid;
			color:#000;
			font-weight:bold;
			margin-bottom:5px;
			/*position:relative;*/
			height:auto;
			overflow:auto;
		}
		
			div.noticia div.noticia_encabezado h2
			{
				display::inline!important;
				font-size:1.1em;
				float:left;
				margin:0;
			}
			
			div.noticia div.noticia_encabezado span
			{
				float:right;
				margin:0;
				/*font-size:1.1em;*/
			}
		
		div.noticia h3
		{
			color:#20197c;
			font-size:1.4em;
			margin:0;
		}
		
		div.noticia h3 a
		{
			color:/*#333*/#20197c;
			text-decoration:none;
		}
		div.noticia h3 a:hover
		{
			text-decoration:underline;
		}
		
		div.noticia p.texto_noticia
		{
		}
		
		div.noticia a.imagen
		{
		}
		
		div.noticia img
		{
			float:right;
			margin-left:10px;
		}
		
			div.noticia div.noticia_toolbar
			{
				width:auto;
				overflow:auto;
			}
			
			div.noticia div.noticia_toolbar a
			{
				text-decoration:none;
				margin-right:30px;
			}
			
	
	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#audio
	{
		margin:10px auto;
	}
	
	div.noticia.nota div.imagenes
	{
		width:470px;
		height:auto;
		overflow:auto;
		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;
	}
	
	/* 
	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;
		}
	
	
	
	/* 
	Secciones fijas
	******************
	*/
	
	div.tituloFija {
		height:auto;
		overflow:auto;
		background:#eee;
		padding:5px;
		margin-bottom:15px;
	}
	
		div.tituloFija h2 {
			margin:0;
			text-align:right;
		}
			

/* ****************************************************
	[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 DERECHA
********************************************************************************************************* */

	div#columna_derecha ul#publicidad
	{
		margin:0;
		padding:0;
	}
	
		div#columna_derecha ul#publicidad li
	{
		margin:5px 0;
		padding:0;
		list-style:none;
	}

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




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

div#comentarioLista {
	background:#fff;
	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 h3 {
		margin-bottom:2px;
	}


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