/*
		Document   : estilosgenericos
		Created on : 27-jun-2008, 13:12:34
		Author     : vdominguez
		Description:
				Purpose of the stylesheet follows.
*/

/*
	 TODO customize this sample style
	 Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*        ARTURO            */

/* Piezas */



	body {

		background: #eee;

		margin: 0;

		padding: 0;

		font-family: trebuchet ms, lucida grande, tahoma, arial, geneva, verdana, helvetica, sans-serif;

		text-align: center;

	}



/* - - - - - - - - - - - - - - - - - - - - */



	* {

		line-height: 120%;

	}





/* ENLACES */



	a {

		color: #000;

		text-decoration: underline;

	}



	a:hover {

		text-decoration: none;

	}



/* Formularios */



	form, fieldset, legend, select, input, label {

		display: inline;

		clear: none;

		float: none;

		margin: 0;

		padding: 0;

		font-size: 12px;

	}



	label {

		font-size: 11px;

	}



	input, select {

		vertical-align: middle;

	}



	input.brd {

		position: relative;

		vertical-align: center;

		border-width: 1px;

	}



	* > input.brd {

		padding: 2px 0; /* ffx */

	}



	* input[type="radio"] {

		border-width: 0; /* ffx */

	}



/* div + listas */



	div {

		width: auto;

		clear: none;

		text-align: left;

	}



	dl, dt, dd {

		list-style: none;

		margin: 0;

		padding: 0;

	}



	ul {

		display: block;

		clear: left;

		margin: 0;

		padding: 0 0 0 20px;

	 }



	 ul li  {

		font-size: 13px;

		line-height: 16px;

	 }



	 ol li {

		list-style: decimal;

		color: #000;

		font-size: 12px;

		line-height: 14px;

	 }



	ol {

		margin-left: 24px;

		padding-left: 0;

	 }



	 * > ol {

		margin-left: 0;

		padding-left: 21px;

	 }



	div:after, div:before, ul:after, ul:before, dl:after, dl:before {

		content: " ";

		display: block;

		overflow: hidden;

		clear: both;

		line-height: 0;

	}



/* ENCABEZADOS */



	h1 {

		display: none;

	}



	h2, h3, h4, h5, h6 {

		display: block;

		margin: 0;

		padding: 0;

	}



	h2 {

		font-size: 21px;

	}



	h3 {

		font-size: 18px;

	}



	h4 {

		font-size: 14px;

	}



	h5 {

		font-size: 12px;

	}


/*       ARTURO          */


/* CABECERA */

.cabecera {
	width: auto;
	text-align: center;
	background: #fff url(../images/cabecera/fondo_cabecera.gif) bottom left repeat-x;
	font-family: Arial,Helvetica,sans-serif;
}

.cabecera .publi{
	width: 974px;
	margin: 0px auto;
	padding: 12px 0;
	border: dotted #666;
	border-width: 0 0 1px;
	text-align: center;
}

.cabecera .publi small{
	display: block;
	position: relative;
	clear: both;
	font-size: 0.6em;
}

div.seccion_cabecera{
	position: relative;
	width:994px;
	margin:0px auto;
	font-size:0.7em;
	color:#000000;
}

div.seccion_cabecera_top{
	width: 100%;
	position: relative;
	padding: 12px 8px 0 8px;
	text-align: right;
}

* > .seccion_cabecera_top {
	width: auto;
}

div.seccion_cabecera_direccion{
	float:left;
	font-style: italic;
}

div.seccion_cabecera_direccion span{
	 padding-left: 12px;
}


div.seccion_cabecera_enlaces{
	 float:right;
	 width:380px;
}

div.seccion_cabecera_enlaces a{
	 padding-right: 12px;
}

div.seccion_cabecera_enlaces a#wikio{
	float:right;
	*margin-right: 12px;
	margin-top:5px;
}

.cabecera h1 {

		display: block;
		width: 100%;
		position: relative;
		padding: 0 12px;
}

.cabecera > h1 {
		width: auto;
}

.cabecera h1 a {
		display: block;
		position: absolute;
		top: 0;
		left: 24px;
		width: 238px;
		height: 110px;

		cursor: pointer;

		background: none;

		filter:progid:DXImageTransform.microsoft.alphaimageloader(enabled=true, sizingMethod=scale src='../images/cabecera/logo_radiofusion.png');
}

* > .cabecera h1 a {

		background-image: url(../images/cabecera/logo_radiofusion.png);
}

.cabecera h1 a span{

		display: none;
}

.cabecera h1 .slogan {
		display: block;
		position: relative;
		padding: 40px 0 4px 0;
		margin: 0 12px 0 280px;
		font: italic bolder 21px trebuchet ms, lucida grande, tahoma, arial, geneva, verdana, helvetica, sans-serif;
		color: #f90;
}

.cabecera h1 .slogan i {
		border-bottom: #F5EADE 6px dashed;
}

div.seccion_cabecera_fecha{
	padding-right: 16px;
	text-align: right;
	font-size:1.2em;
	line-height: 1.6em;
	color:#0066FF;
	font-weight:bold;
}


div#cuerpo{
	padding: 20px 0 0 0;
	text-align: center;
}

div#contenido{
	position: relative;
	width:974px;
	margin:0px auto;
}

div.contenido_izq{
	width:634px;
	float:left;
}


div.contenido_dcha{
	width:324px;
	float: right;
	padding: 0px 0px 0px 0px;
}


/* PIE */


.pie_ant{
	text-align: center;
	background: #eee url(../images/pie/fondo_pie.gif) left bottom repeat-x;
}

.pie {
		width:974px;
		margin:0px auto;
		padding: 20px 0 40px 0;
		font-size:0.8em;
		color:#666;
		font-family: Arial,Helvetica,sans-serif;
		text-align:left;
}


.pie_up {
		position: relative;
		background: url(../images/pie/logo_pie.gif) left 15px no-repeat;
		padding:30px 0 8px 120px;
		border-bottom: 1px dotted #666;
}

.pie_up span {
		position: relative;
		right: -200px;
}

.pie a{
	color:#666666;
}

.pie a:hover{
	color:#666666;
	text-decoration:none;
}

.fila_enlaces_pie{
	position: relative;
	width: 80%;
	left:110px;
	padding: 4px 0;
	border-bottom: 1px dotted #666;
	line-height: 2em;
}

.fila_enlaces_pie span {
	white-space: nowrap;
}

.fila_enlaces_pie a {
	padding: 0 4px;;
}

.fila_enlaces_pie strong {
	position: absolute;
	top: 11px;
	left: -120px;
	width: 110px;
	text-align: right;
}


/* ----------------------- */
