@charset "utf-8";
body {
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}



#header-region {  margin:0 auto;	width:100%;	background:#0b0b0b;	text-align:center; font-size:12px;}
#header-region .block {  display: block;  margin: 0 1em;}
#header-region .block-region {  display: block;  margin: 0 5px;  padding: 3px;  position: relative;}
#header-region * {  line-height: 1.5em;  margin-top: 0;  margin-bottom: 0;}
#header-region .portals_nav  .right{margin-right:163px;width:964px;}
#header-region script {  display: none;}
#header-region h2 {  margin: 0 1em 0 0;}
#header-region h3, #header-region label, #header-region li {margin: 0 1em;  padding: 0;  background: none; color:#999999;}
#header-region li a {color:#FFFFFF;}
#nav {
	height: 191px;
	width: 173px;
	background-color: #373737;
	background-image: url(img/botones_sistemas/i18.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#nav ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float: left;
	padding: 0px;
	height: 45px;
	width: 55px;
	margin-left: 2px;
	margin-top: 2px;
}
#nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 45px;
	width: 55px;
}

#nav ul li a:hover, #nav ul li a.active  {
	background-position: 0px -45px;
	height: 45px;
	width: 55px;
} 	

#nav ul li#nav-rcn a {
	background-image: url(img/botones_sistemas/t_basica3.gif);
}
#nav ul li#nav-lamega a {
	background-image: url(img/botones_sistemas/t_lamega.gif);
}

#nav ul li#nav-amor a {
	background-image: url(img/botones_sistemas/t_amores.gif);
}
#nav ul li#nav-lafm a {
	background-image: url(img/botones_sistemas/t_lafm.gif);
}
#nav ul li#nav-antena2 a {
	background-image: url(img/botones_sistemas/t_antena2.gif);
}

#nav ul li#nav-radio1 a {
	background-image: url(img/botones_sistemas/t_radiouno.gif);
}
#nav ul li#nav-rumba a {
	background-image: url(img/botones_sistemas/t_rumba.gif);
}
#nav ul li#nav-lacarinosa a {
	background-image: url(img/botones_sistemas/t_carinosa.gif);
}

#nav ul li#nav-fiesta a {
	background-image: url(img/botones_sistemas/t_fiesta.gif);
}
#nav ul li#nav-bolero a {
	background-image: url(img/botones_sistemas/t_bolero.gif);
}
#nav ul li#nav-colombianisima a {
	background-image: url(img/botones_sistemas/t_colombianisima.gif);
}
#nav ul li#nav-nuestratierraradio a {
	background-image: url(img/botones_sistemas/t_nuestratierra.gif);
}
#nav ul li#nav-anosmaravillosos a {
	background-image: url(img/botones_sistemas/t_anosmaravillosos.gif);
}
#nav ul li#nav-elsol a {
	background-image: url(img/botones_sistemas/t_elsol.gif);
}

#nav ul li#nav-radiocristal a {
	background-image: url(img/botones_sistemas/t_cristal.gif);
}
#nav ul li#nav-negra a {
	background-image: url(img/botones_sistemas/t_negra.gif);
}
#nav ul li#nav-radiocalidad a {
	background-image: url(img/botones_sistemas/t_calidad.gif);
}
#nav ul li#nav-radiopaisa a {
	background-image: url(img/botones_sistemas/t_paisa.gif);
}
#nav ul li a span {
	display: none;
	
}
	
#container {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
}

div.cabezote {
	height: 101px;
}
div.cabezote  div.baflespequenos {
	width: 157px;
	float: left;
	height: 101px;
}
div.categorias {
	width: 646px;
	height: 81px;
	margin-top: 3px;
}
div.categorias div.margen {
	padding-top: 6px;
	width: 728px;
	margin-right: auto;
	margin-left: auto;
}
div.radio {
	height: 329px;
	width: 646px;
}
div.mensajes {
	height: 34px;
	width: 646px;
	margin-top: 4px;
}
div.dial {
	margin-top: 2px;
	margin-left: 2px;
	height: 115px;
	width: 160px;
	float: left;
}

div.fondodial {
	height: 115px;
	width: 160px;
	background-image: url(img/i17.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	float: left;
}
div.play {
	margin-top: 14px;
	margin-left: 2px;
	height: 46px;
	width: 150px;
	float: left;
}

div.fondoplay {
	height: 46px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/i20_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;

}
div.fondoplay  div.margen {
	font-size: 1.3em;
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
}


div.cubrimiento {
	height: 130px;
	width: 646px;
	background-image: url(img/i14.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 4px;
}
div.cubrimiento div.margen {
	height: 113px;
}

div.cubrimiento2 {
	height: 151px;
	width: 758px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/i14.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 4px;
}
div.cubrimiento2 div.margen {
	height: 124px;
}
div.listaciudades {
	height: 26px;
	width: 145px;
	margin-top: 25px;
	text-align: left;
	padding-left: 5px;
	margin-bottom: 15px;
	float: left;
}
div.compartir {
	height: 18px;
	width: 70px;
	margin-top: 5px;
	margin-left: 83px;
}

.selectciudades {
	width: 145px;
}
div.virtual {
	height: 80px;
	width: 205px;
	float: left;
	text-align: left;
	color: #FFFFFF;
}
div.virtual_grupo {
	height: 80px;
}

div.virtual h1 {
	margin: 0px;
	font-size: 1.1em;
	color: #C6C617;
	line-height: 1.1em;
}

div.virtual p {
	margin: 0px;
	font-size: 1em;
	line-height: 1.1em;
}
div.virtual div.img {
	float: left;
	height: 70px;
	width: 70px;
	margin-top: 5px;
	margin-left: 5px;
}
div.virtual div.descripcion {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	width: 115px;
}
div.flecha {
	float: left;
	width: 20px;
	margin-top: 15px;
}
div.division {
	width: 5px;
	float: left;
	background-image: url(img/botones_virtuales/linea.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 70px;
	margin-top: 5px;
}
div.virtualmargen {
	padding-left: 5px;
}




div.ciudades {
	height: 113px;
	width: 646px;
	margin-right: auto;
	margin-left: auto;
	background-color: #494949;
	background-image: url(img/fondo_ciudades.jpg);
	background-repeat:  repeat-x;
	background-position: center bottom;
}

div.ciudades div.tit {
	margin-top: 1px;
}

div.ciudades a {
	color: #FFFF00;
	text-decoration: none;
	background-image: url(img/audioblanco2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 12px;
}
div.ciudades a:hover {
	text-decoration: underline;
}
div.ciudades table {
	color: #E8E8E8;
	font-size: 1.0em;
	margin-top: 2px;
	margin-left: 11px;
}
div.virtuales {
	height: 124px;
	width: 758px;
	margin-right: auto;
	margin-left: auto;
	background-color: #494949;
	background-image: url(img/fondo_ciudades.jpg);
	background-repeat:  repeat-x;
	background-position: center bottom;
}

div.virtuales div.tit {
	margin-top: 1px;
}

div.virtuales a {
	color: #E8E8E8;
	text-decoration: none;
}
div.virtuales a:hover {
	text-decoration: underline;
}
div.virtuales table {
	color: #E8E8E8;
	font-size: 1.2em;
    margin-left: 3px;
	margin-top: 3px;

}
div.radio div.radioleft {
	width: 173px;
	background-image: url(img/i8_b_2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 288px;
	float: left;
	text-align: left;
}
div.margenradio {
	padding-top: 5px;
	width: 646px;
}

div.radioleft div.ciudad {
	padding-left: 20px;
	height: 81px;
}
div.margenciudad {
	width: 176px;
	height: 31px;
	background-image: url(img/i19.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
div.botonhome {
	height: 17px;
	width: 197px;
	margin-top: 48px;
	margin-left: 9px;
	text-align: right;
}
div.patrocinado {
	height: 31px;
	width: 88px;
	margin-left: 76px;
	margin-top: 18px;
}
div.logo {
	height: 49px;
	width: 50px;
	margin-left: 10px;
	margin-top: 3px;
	float: left;
}



div.sistemas {
	height: 191px;
	width: 173px;
	margin-left: 2px;
	margin-top: 35px;
}
div.fondosistemas {
	height: 191px;
	width: 173px;
	background-color: #373737;
	background-image: url(img/botones_sistemas/i18.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
}
div.fondosistemas table {
	margin-left: 1px;
}
div.fondosistemas table td {
	padding-top: 2px;
}
div.fondosistemas_movil {
	width: 197px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	background-image: url(http://www.laradiodecolombia.com/img/i18_movil.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div.fondosistemas_movil table {
}
div.fondosistemas_movil table td {
	padding-top: 2px;
}
div.pautaprincipal {
	height: 288px;
	width: 306px;
	float: left;
}
div.pautaprincipal div.fondo {
	height: 288px;
	width: 308px;
	background-image: url(img/i9.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 3px;
}

div.pautaprincipal div.fondo div.margen {
	height: 250px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

div.radio div.radioright {
	height: 288px;
	width: 165px;
	float: left;
	background-image: url(img/i10_b.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
}
div.radio div.radiofooter {
	background-image: url(img/i11_b.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 37px;
	clear: both;
	text-align: center;
}
div.radio div.radiofooter div.margen {
	padding-top: 2px;
	margin-right: auto;
	margin-left: auto;
}


div.datos {
	background-image: url(img/fondo_datos.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 29px;
	width: 398px;
	margin-right: auto;
	margin-left: auto;
}
div.datos2 {
	height: 29px;
	width: 482px;
	margin-right: auto;
	margin-left: auto;
}

div.bafleleft {
	height: 329px;
	width: 157px;
}
div.bafleleft div.margen {
	padding-top: 217px;
	padding-left: 35px;
	text-align: left;
}

div.bafleright {
	height: 329px;
	width: 157px;
}
div.bafleright div.margen {
	padding-top: 217px;
	padding-left: 38px;
	text-align: left;
}
div.bannerleft {
	width: 185px;
	background-image: url(img/fondo_publicidad_d.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 27px;
	height: 530px;
	margin-right: 2px;
	text-align: left;
	margin-top: 20px;
}
div.bannerleft div.margen {
	text-align: left;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 180px;
}
div.banneright {
	width: 185px;
	background-image: url(img/fondo_publicidad_d.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 27px;
	height: 530px;
	margin-left: 2px;
	margin-top: 20px;
}
div.banneright div.margen {
	text-align: left;
	padding-bottom: 20px;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
}
 banners pequeños 
div.bannerleft2 {
	width: 130px;
	background-image: url(img/fondo_publicidad_b.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 26px;
	padding-bottom: 8px;
}
div.bannerleft2 div.margen {
	text-align: left;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 120px;
}
div.banneright2 {
	width: 130px;
	background-image: url(img/fondo_publicidad_b.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 26px;
	padding-bottom: 8px;
}
div.banneright2 div.margen {
	text-align: left;
	padding-bottom: 15px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
}
 fin banners pequeños

select.ciudad {
	font-size: 1.4em;
	width: 160px;
}
div.fondonegrodatos {
	background-image: url(img/fondo_datos2.gif);
	background-repeat:  repeat-x;
	background-position: left top;
	background-color: #000000;
}
div.fondoplay2 {
	height: 46px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/i20_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;

}
div.fondoplay2  div.margen {
	font-size: 1.3em;
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
}

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0 0; width:284px; }
	.coda-slider {
	background-color: #DBDBDB;
	border: 1px solid #ACACAC;
}
	.number {
	color:#000;
	font-size:2em;
	font-weight:bold;
	font-style:italic;
	background-color: #F1F1F1;
	padding-right: 5px;
	padding-left: 5px;
}
	.coda-slider h2 {
	font-weight:bold;
	color:#C00C0C;
	line-height:1em;
}   
    .coda-slider h2 a {
	color:#C00C0C;
}
	.coda-slider p {font-size:0.9em; color:#000000;}	
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 120px; overflow: auto !important; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 238px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 236px; height:72px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0 }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { color: #000; width: 23px; float:left; height:54px; font-size:1.8em; padding-top:20px; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { float:left; padding:10px;}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }
	
	.top_multimedia_c {background:#009900;}
	
	.titulo_top_slide {background:#FFCC00; width:284px; float:left; height:36px;}
	.bottom_top_slide {background:#FFCC00; width:284px; float:left; height:10px;}
	.titulo_top_slide h1 {font-size:1.5em; margin-left:30px; margin-top:5px; margin-bottom:5px; color:#000;}
	.slide_content {float:left;}
	
	
	#coda-nav-left-2 {
	background-color: #B67D45;
}
	#coda-nav-left-2 a {
	color: #FFFFFF;
}
	#coda-nav-right-2 {
	background-color: #B67D45;
}
	#coda-nav-right-2 a {
	color: #FFFFFF;
}
	#coda-slider-2 {
	background-color: #C5976A;
	border: 1px solid #E2CBB5;
}
	#coda-slider-2 h2 a {
	color: #F6F0E9;
	font-size: 1.1em;
}
   #coda-slider-2 p {
	color: #000000;
}
   #coda-slider-2 p  a{
	color: #000000;
}
	#coda-nav-left-3 {
	background-color: #CE1A1E;
}
	#coda-nav-left-3 a {
	color: #FFFFFF;
}
	#coda-nav-right-3 {
	background-color: #CE1A1E;
}
	#coda-nav-right-3 a {
	color: #FFFFFF;
}
	#coda-slider-3 {
	background-color: #A5161A;
	border: 1px solid #E31F26;
}
	#coda-slider-3 h2 a {
	color: #F0D1D2;
	font-size: 1.1em;
}
   #coda-slider-3 p {
	color: #F0A806;
}
    #coda-nav-left-4 {
	background-color: #008C00;
}
	#coda-nav-left-4 a {
	color: #FFFFFF;
}
	#coda-nav-right-4 {
	background-color: #008C00;
}
	#coda-nav-right-4 a {
	color: #FFFFFF;
}
	#coda-slider-4 {
	background-color: #007700;
	border: 1px solid #33A333;
}
	#coda-slider-4 h2 a {
	color: #CCBB00;
	width: 200px;
	font-size: 1.1em;
}
   #coda-slider-4 p {
	color: #CCE4CC;
}
	#coda-nav-right-1 {background: #CCCCCC;}
		#coda-nav-right-4 a {
	color: #FFFFFF;
}
	#coda-nav-left-1 {background: #CCCCCC;}
		#coda-nav-left-4 a {
	color: #FFFFFF;
}div.autopauta {
	height: 25px;
	width: 646px;
	margin-top: 5px;
}