/* ---------------------
basic layout
--------------------- */

* {
	font-family: Arial, Helvetica, sans-serif;
}

.prodh1 {
	background:#AAB192 url(../imagenes/images/bg.jpg) top center repeat-y;
	margin:0;
	color:#3F4C6B;
}


/*Predeterminados*/
div,
td,
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
}

a,
a:link,
a:active,
a:visited {
	text-decoration:none;
	color:#3F4C6B;
}

a:hover {
	text-decoration:underline;
	color:#3F4C6B;
}

ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
	list-style-type: square;
}

li {
	line-height: 18px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #7C3319;

}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
}

.info_galeria {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
font-weight: bold;
color: #888;
}

.info_radioonline {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
font-weight: normal;
color: #000;
}

/** wrapper to make the page center **/
#container {
	width:705px;
	margin: 5px;
	padding:0;
	text-align: left;
}

/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
	position:relative;
	width: 705px;
	background-color: #ffffff;
	float:left;
	top:0;
	left:0;
	border:solid 1px;
	margin-bottom:5px;
}

/** Cabecera **/
#logo {
	position:relative;
	width:100%;
	height:120px;
	float:left;
	background-color:#000000;
}

/** Menu superior**/
#topmenu {
	height:30px;
	position:relative;
	float:left;
	clear:left;
	width: 100%;
	margin:0px 0px 0px 0px;
	background-color: #7C3319; 
	line-height:normal;
}

/** Contenedor de la parte central de la web: rightcol y content_main**/
#container_inner {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	margin:0px 0px 0px 0px;
	background-color:#fff;
}

/** Contenedor del menu lateral derecho **/
#rightcol {
	position:relative;
	float:right;
	width:150px;
	background-color:#7C3319;
	height:100%;
}


/** Contenedor del contenido principal **/
#content_main {
	position:relative;
	float:left;
	clear: left;
	width:540px;
	margin:0px 0px 0px 0px;
	background-color:#fff;
}

#contenido_1 
{
	position:relative;
	float:left;
	clear: left;
	width:520px;
	margin:0px 0px 10px 10px;
	padding:0px 0px 10px 10px;
	background-color:#ffffff;
	text-align:justify;
}

#portada_1
{
	position:relative;
	float:left;
	clear: left;
	width:520px;
	margin:0px 0px 10px 10px;
	padding: 10px 0px 0px 0px;
	background-color:#ffffff;
	height: 220px;	
}

#texto_portada
{
	position:relative;
	float:left;
	height: 220px;
	width: 240px;
}

#flash_portada
{
	position:relative;
	float:right;
	height: 220px;
	width: 280px;
}

#portada_2
{
	position:relative;
	float:left;
	clear: left;
	width:520px;
	margin:0px 0px 10px 10px;
	background-color:#000000;
	height: 140px;
}

#portada_3
{
	position:relative;
	float:left;
	clear: left;
	width:520px;
	margin:5px 0px 10px 10px;
	height: 230px;
	background-color:#fff;
}

#mini_portada_1
{
	position:relative;
	float:left;
	clear: left;
	width:165px;
	margin:0px 0px 0px 0px;
	padding: 3px;
	background-color:#fff;
	height:135px;
}
#mini_portada_2
{
	position:relative;
	float:left;
	width:165px;
	margin:0px 0px 0px 3px;
	padding: 3px;
	background-color:#fff;
	height: 135px;
}
#mini_portada_3
{
	position:relative;
	float:right;
	width:165px;
	margin:0px 0px 0px 0px;
	padding: 3px;
	background-color:#fff;
	height: 135px;
}

#intro_1
{
	position:relative;
	float: left;
	clear: left;
	width: 520px;
	margin:  10px 0px 10px 10px;
	padding-left: 10px;
	text-align: justify;
}

#audio_1
{
	position:relative;
	float: left;
	clear: left;
	width: 520px;
	margin:  10px 0px 10px 10px;
	background-color:#fff;
}

#audio_online
{
	position:relative;
	float: left;
	clear: left;
	width: 520px;
	margin:  10px 0px 10px 10px;
	background-color:#fff;
	text-align:center;
}

#mini_audioproducciones_1
{
	position:relative;
	float:left;
	clear: left;
	width:250px;
	margin:0px 0px 0px 0px;
	padding: 5px;
	background-color:#ffffCC;
	height:135px;
}
#mini_audioproducciones_2
{
	position:relative;
	float:right;
	width:250px;
	margin:0px 0px 0px 0px;
	padding: 5px;
	background-color:#ffffCC;
	height:135px;
}

/** FOOTERS**/

/** Contenedor del footer 1 **/
#footer1 {
	position:relative;
	width:705px;
	display:block;
	float:left;
	height:37px;
	font-size:8px;
	background-color:#cccccc;
	border-top:solid 1px;
	margin-top:0px;
}

.footer1 a, .a:link, .a:active, .a:visited {
	text-decoration:none;
	color:#7C3319;
	font-size:11px;
}


/** Contenedor del footer 2 **/
#footer2 {
	position:relative;
	width:705px;
	display:block;
	float:left;
	height:15px;
	background-color:#7C3319;
	border-top:solid 1px;
}

.footer2_left {
	position: relative;
	color:#CCCCCC;
	font-size:10px;
	text-align:left;
	margin-left: 15px;
	float: left;

}
.footer2_right 
{
	position: relative;
	color:#CCCCCC;
	font-size:10px;
	text-align:right;
	margin-right: 5px;
	width: 100px;
	float: right;
}

.footer2_right a, .a:link, .a:active, .a:visited {
	text-decoration:none;
	color:#cccccc;
}




/*MENUS*/

/*Menu superior*/
#nav {
	position:relative;
	float:left;
	clear:left;
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0;
	background-color: #7C3319; 
	line-height:normal;
	list-style-type: square;
	}
#nav ul {
	background-color: #7C3319;
	list-style-type: none}	
#nav li {
	float: left;
	margin: 0;
	padding: 0px;
	background-color: #7C3319;
	list-style-type: none;
	}
#nav li a, .a:link, .a:visited {
	float: left;
	margin: 0;
	padding: 0px 14px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #EBD5A4;
	font-family: Verdana;
	line-height: 30px;
	background-color: #7C3319;
	display: block;
	}
#nav li a:hover {
	color: #7C3319;
	background: #EBD5A4;
	font-family: Verdana;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}
#nav li.active a {
list-style-type: square;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	background: #CB6019;
	}




/* CSS Document */

.encabezado_1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7C3319;
font-weight: bold;
padding-left: 0px;
padding-top: 10px;
}


table.audio{
border: 0px solid #333;
width: 500px;
margin: 10px auto;
background-color:#ffffCC;
}

table.audio tbody tr.caption th{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
background-color: #7C3319;
text-align: left;
padding: 5px;
border-top: 0px dotted #eee;
}

table.audio tbody tr.fecha th{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7C3319;
text-align: left;
padding-top: 15px;
border-top: 0px dotted #eee;
}

table.audio tbody tr.fecha a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7C3319;

}

table.audio tbody td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
text-align: left;
border-top: 0px;
}

table.audio tbody td.mas_audio{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #7C3319;
text-align: left;
border-top: 0px;
width: 50%;
}

table.audio tbody td.descarga_boletin{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #7C3319;
text-align: left;
padding-left: 10px;
border-top: 0px;
}

.tab1:link, .tab1:visited {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7C3319;
	display: block;
	padding-top: 8px;
}
.tab1:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-bottom: 2px;
	display: block;
}

table.portada{
width: 160px;
margin: 10px auto;
background-color:#EBD5A4;
height:160px;
}

table.portada tbody tr.caption th{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
background-color: #7C3319;
text-align: left;
padding: 5px;
border-top: 0px dotted #eee;
height:20px;
}

table.portada tbody td.descargar{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7C3319;
text-align: left;
border-top: 2px;
border-top-width: 3px;
border-top-color: #000;
height: 20px;
}

table.portada tbody td.descargar a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color: #7C3319;
text-align: left;
border-top: 2px;
border-top-width: 3px;
border-top-color: #000;
height: 20px;
}

table.portada tbody td.imagen{
background-image: url(../imagenes/producciones/rompiendoelsilencio.jpg);
height: 70px;
}
table.portada tbody td.imagen2{
background-image:url(../imagenes/producciones/vocescomprometidas.jpg);
height: 70px;
}
table.portada tbody td.imagen3{
background-image:url(../imagenes/producciones/deesonosehabla.jpg);
height: 70px;
}
table.portada tbody td.imagen4{
background-image:url(../imagenes/producciones/mihistoriaseriaotra.jpg);
height: 70px;
}
table.portada tbody td.imagen5{
background-image:url(../imagenes/producciones/deesonosehabla.jpg);
height: 70px;
}
table.portada tbody td.imagen6{
background-image:url(../imagenes/producciones/deesonosehabla.jpg);
height: 70px;
}
table.portada tbody td.imagen7{
background-image:url(../imagenes/producciones/deesonosehabla.jpg);
height: 70px;
}
table.portada tbody td.imagen8{
background-image:url(../imagenes/producciones/deesonosehabla.jpg);
height: 70px;
}
table.portada tbody td.imagen9{
background-image:url(../imagenes/producciones/sonpais.jpg);
height: 70px;
}
table.portada tbody td.imagen10{
background-image:url(../imagenes/videoproducciones/conconcienciaamericana.jpg);
height: 70px;
}
table.portada tbody td.imagen11{
background-image:url(../imagenes/videoproducciones/dayuma.jpg);
height: 70px;
}
table.portada tbody td{
font-family: Verdana, Arial, Helvetica, sans-serif;
border-right: 2px solid #ccc;
font-size: 10px;
color: #000;
text-align: left;
padding: 5px;
border-top: 0px;
height:80px;
}

table.portada tbody td.sombra{
border-top: 0px;
padding:0;
background-image:url(../imagenes/images/1columnFooter.gif);
height:3px;
}


table.audioproducciones{
width: 160px;
margin: 10px auto;
background-color:#EBD5A4;
height:140px;
}

table.audioproducciones tbody tr.caption th{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
background-color: #7C3319;
text-align: left;
padding: 5px;
border-top: 0px dotted #eee;
height:20px;
}

table.audioproducciones tbody td.descargar{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7C3319;
text-align: left;
border-top: 2px;
border-top-width: 3px;
border-top-color: #000;
height: 20px;
}
table.audioproducciones tbody td.imagen{
background-image: url(../imagenes/producciones/rompiendoelsilencio.jpg);
height: 70px;
}
table.audioproducciones tbody td.imagen2{
background-image:url(../imagenes/producciones/vocescomprometidas.jpg);
height: 70px;
}
table.audioproducciones tbody td.imagen3{
background-image:url(../imagenes/producciones/deesonosehabla.jpg);
height: 70px;
}

table.audioproducciones tbody td{
font-family: Verdana, Arial, Helvetica, sans-serif;
border-right: 2px solid #ccc;
font-size: 10px;
color: #000;
text-align: left;
padding: 5px;
border-top: 0px;
height:80px;
}

table.audioproducciones tbody td.sombra{
border-top: 0px;
padding:0;
background-image:url(../imagenes/images/1columnFooter.gif);
height:3px;
}



table.enlaces{
border: 0px solid #333;
width: 500px;
margin: 10px auto;
background-color:#ffffCC;
}

table.enlaces tbody tr.caption th{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7C3319;
background-color: #EBD5A4;
text-align: left;
padding: 5px;
border-top: 0px dotted #eee;
}

table.enlaces tbody tr.fecha th{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7C3319;
text-align: left;
padding-top: 15px;
border-top: 0px dotted #eee;
}

table.enlaces tbody td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
text-align: left;
padding: 5px;
border-top: 0px;
}

table.enlaces tbody td.mas_audio{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #7C3319;
text-align: left;
padding-left: 270px;
border-top: 0px;
}

table.temas{
border: 0px solid #333;
width: 500px;
margin: 10px auto;
background-color:#EBD5A4;
}

table.temas tbody td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
text-align: left;
padding: 5px;
border-top: 0px;
}

table.temas tbody td.separador{
background-color: #999999;
color: #7C3319;
width:1px;
padding: 0px;
}

table.temas tbody a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color: #7C3319;
text-align: left;
padding: 0px;
border-top: 0px;
}


td.sibt, td.colcajita1{
	font-size:10px;
}

td.colcajita1 table td{
	font-size:10px;
	padding:0 0 0 5px;
}

td.colcajita1{
	background-color:#EBD5A4;;
}

td.colcajita1 div.fotocajita1 img{
	padding:0;
}

.sih{
	background:#367;
}

.piecajita1{margin:5px; font-size:10px;}
.subpiecajita1{margin:0 0 0 0; }


.cabecera2 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #7C3319;
text-align: left;
border-top: 0px;
}


td.sibt, td.colcajita1{
	font-size:10px;
}

td.colcajita1 table td{
	font-size:10px;
	padding:0 0 0 5px;
}

td.colcajita1{
	background-color:#EBD5A4;;
}

td.colcajita1 div.fotocajita1 img{
	padding:0;
}

.sih{
	background:#367;
}

.piecajita1{margin:5px; font-size:10px;}
.subpiecajita1{margin:0 0 0 0; }
.subpiecajita2{font-size: 10px; margin:0 0 0 0; }

.cabecera2 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #7C3319;
text-align: left;
border-top: 0px;
}
