*{
	margin:0;
	padding:0;
}

html, body{
	background-image:url(../img/fondo.jpg);
	background-repeat: repeat-x;
	line-height:15px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	/*color:#FFF;*/
}

h1{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
}

h2{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1.7;
	/*letter-spacing:-1px;*/
}
h3{
color:#333333;
font-family:tahoma;
font-size:16px;
font-weight:bold;
}
#wrapper{
	width:955px;
	margin:0 auto;
	height:auto !important;
	min-height:100%;
}
#logo{
	width:900px;
	height:141px;
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
	margin:0;
}
#separador{
	height:20px;
	clear:both;
}
#titulo_seccion{
	background-image:url(../img/renglon_secciones.png);
	height:35px;
}
#titulo_productos{
	padding-left:17px;
	margin-left:3px;
	margin-right:3px;
	margin-top:10px;
	height:35px;
	background:url(../img/fondo_tit_productos.png) repeat-x bottom left;
	clear:both;
}
#titulo_programas{
	padding-left:17px;
	margin-left:3px;
	margin-right:3px;
	height:35px;
	background:url(../img/fondo_tit_programas.png) repeat-x bottom left;
	clear:both;
}
#titulo_videos{
	padding-left:17px;
	margin-left:3px;
	margin-right:3px;
	margin-top:10px;
	height:35px;
	background:url(../img/fondo_tit_productos.png) repeat-x bottom left;
	clear:both;
}
#img_videos{
padding:3px;
background-color:#CCCCCC;
float:left;
margin:15px 15px 5px 10px;
}
#icono_seccion{
	height:26px;
	width:36px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
#texto_empresa{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin-left:55px;
	margin-top:20px;
	margin-right:3px;
}
#texto_empresa li{
	list-style-image:url(../img/li.jpg);
	margin-left:2px;
}
#suscribase{
		height:50px;
		clear:both;
		vertical-align:bottom;
		position:relative;

		}
		.text_suscribase{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#666;
		height:20px;
		margin:0;
		margin-top:15px;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:5px;
		vertical-align:bottom;
		background-image:url(../img/fondo_suscripcion.jpg);
		}
/*#menu{
	text-align:center;
	color:#FFFFFF;
	}
	#menu a{
		color:#FFFFFF;
		}
		#menu a:hover{
			text-decoration:underline;
		}*/

#menu-botones{
	position:relative;
	height:50px;
	top:78px;
	margin:0;
	padding-left:31px;
	}
	.menu-listado{
	position:absolute;
	top:190px;
	left:20px;
	display:block;
	font-family:Arial;
	font-style:italic;
	font-size:17px;
	color:#FFF;
	}
	.menu-descripcion{
		width:350px;
		padding:6px 8px;
		margin:2px 0 5px -10px;
		background-color:#097D8E;
		border:1px solid #097D8E;
		font-family:Georgia;
		font-size:12px;
		font-style:normal;
		line-height:16px;
		color:#FFF;
	}
	
#dest_principal{
	text-align:center;
	color:#FFFFFF;
	}
	#dest_principal a{
		color:#FFFFFF;
		}
		#dest_principal a:hover{
			text-decoration:underline;
		}

#dest_secundarios{
	}
	.item-destacado{
		line-height:12px;
		color:#FFFFFF;
		background:url(../imgs/destacado-fondo.png) no-repeat top left;
		width:384px;
		height:93px;
		float:left;
		}
		.item-dolar{
		background:url(../imgs/fondo_dolar.png) no-repeat top left;
		width:171px;
		height:91px;
		}
		.item-destacado .titulo{
			margin:1px 0px 0px 9px;
		}
		.item-destacado .contenido{
			width:310px;
			height:90px;
			}
			#cotizacion{
				background:url(../imgs/destacado-img-cotizacion.png) no-repeat 8px 10px;
				}
				#texto_dest_cot{
					width:165px;
					padding:91px 0px 0px 138px;
					font-size:11px;
				}
			#seguimiento{
				background:url(../imgs/destacado-img-seguimiento.png) no-repeat 8px 6px;
				}
				#texto_dest_seg{
					width:165px;
					padding:56px 0px 0px 132px;
				}
				#seguimiento input{
					border-top:none;
					border-left: 1px solid #F4EAEA;
					border-right:1px solid #F4EAEA;
					border-bottom:none;
					margin-bottom:10px;
					background:url(../imgs/input-fondo.gif) repeat-x;
					width:60px;
					height:14px;
					font-size:11px;
					padding:2px;
				}
			#texto_dest_noticia{
				position:relative;
				width:360px;
				height:50px;
				padding:30px 0px 0px 15px;
				color:#FFF;
				}
				#texto_dest_noticia .titulo_not{
					font-weight:bold;
					font-size:13px;
					color:#FFFFFF;
				}
				#texto_dest_noticia .vermas{
	text-align:right;
	position:absolute;
	bottom:5px;
	left:280px;
				}

.texto_destacado{
	color:#FFFFFF;
	font-weight:bold;
}
.texto_desplegable{
	color:#CCC;
	font-weight:bold;
}

#contenido{
		width:840px;
		padding-left:31px;
		margin-top:20px;
	}
	#novedades{
		width:556px;
		height:260px;
		background-image:url(../img/novedades.jpg);
		float:left;
		}

/*  ///////////////  DEMOS    ////////////////////////// */
	#demos_pack{
		width:275px;
		height:259px;
		background-color:#4ACFFF;
		float:left;
		margin-left:5px;
		}
	#demos_comerciales{
		height:50px;
		width:820px;
		background-color:#4ACFFF;
		float:left;
		margin-left:20px;
		}
	#demos_comerciales_artistica{
		width:820px;
		background-color:#4ACFFF;
		float:left;
		margin-left:20px;
		}
	#demos_artistas{
		width:270px;
		background-color:#4ACFFF;
		float:left;
		margin-top:5px;
		}
		.separador_artistas{
			background:url(../img/demo_separador.jpg) repeat-x bottom left;
			height:5px;
			padding:3px 0px 0px 0px;
		}
		.titulo_demos{
			background:url(../img/demo_separador.jpg) repeat-x bottom left;
			height:23px;
			color:#333333;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			padding:3px 0px 0px 0px;
			text-align:center;
		}
		.titulo_demos_comercial{
			background:url(../img/demo_separador.jpg) repeat-x bottom left;
			height:23px;
			color:#333333;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			padding:3px 0px 0px 15px;
			text-align:left;
		}
		.renglon_demos{
			background:url(../img/demo_separador.jpg) repeat-x bottom left;
			height:18px;
			margin-left:2px;
			margin-right:2px;
		}
		.renglon_demos_comercial{
			background:url(../img/demo_separador.jpg) repeat-x bottom left;
			height:18px;
			width:200px;
			margin-left:2px;
			margin-right:2px;
			float:left;
		}
		.renglon_demos_artistica{
			background:url(../img/demo_separador.jpg) repeat-x bottom left;
			height:40px;
			margin-left:2px;
			margin-right:2px;
			width:650px;
			float:left;
		}		
		.renglon_demos_locutores{
			background:url(../img/demo_separador.jpg) repeat-x bottom left;
			height:20px;
			margin-left:2px;
			margin-right:2px;
		}
		.renglon_demos_jingles{
			background:url(../img/demo_separador.jpg) repeat-x bottom left;
			margin-left:2px;
			margin-right:2px;
			width:650px;
		}
		.renglon_demos_jingles_chico{
			background:url(../img/demo_separador.jpg) repeat-x bottom left;
			height:18px;
			width:120px;
			margin-left:2px;
			margin-right:2px;
			float:right;
			color:#FFFFFF;
		}
		.renglon_demos_player{
			height:17px;
			width:24px;
			background:url(../img/fondo_demo_player.png) no-repeat top right;
			margin-left:2px;
			margin-right:2px;
			float:right;
			color:#666;
		}
		.renglon_demos_toggle{
			height:22px;
			width:220px;
			background:url(../img/fondo_demo_toggle.png) no-repeat top right;
			margin-left:2px;
			margin-right:2px;
			/*float:right;*/
			color:#666;
		}
		.nombre_demos_toggle{
			margin-left:130px;
			float:left;
			margin-top:2px;
		}
		.nombre_demos{
			height:13px;
			margin-left:15px;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			float:left;
		}
		.nombre_internacionales{
			height:13px;
			margin-left:10px;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			float:left;
		}
		.nombre_locutores{
			height:13px;
			margin-left:10px;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			float:left;
			width:109px;
		}
		.nombre_kids{
			height:13px;
			margin-left:10px;
			color:#663333;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:bold;
			float:left;
			width:109px;
		}
		.nombre_jingles{
			margin-left:15px;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			float:left;
			margin-bottom:5px;
		}
		.dias_locutores{
			height:13px;
			margin-left:15px;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:normal;
			float:left;
		}
		.reproductor{
			/*background-image:url(../img/reproductor.png);*/
			height:14px;
			width:14px;
			margin-right:27px;
			float:right;
		}
		.reproductor_toggle{
			/*background-image:url(../img/reproductor.png);*/
			height:12px;
			width:12px;
			margin-right:10px;
			margin-top:2px;
			float:right;
		}
		.reproductor_artistica{
			height:14px;
			width:14px;
			margin-right:27px;
			margin-top:5px;
			float:right;
		}
		.reproductor_locutores{
			height:14px;
			width:14px;
			margin:2px 27px auto 0px;
			float:right;
		}
		.info_demos{
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:bold;
			padding:5px 0px 2px 0px;
			text-align:left;
			line-height:12px;
			margin-left:5px;
			margin-right:2px;
		}
		 a.demos:link, a:active, a:visited{
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			/*font-size:10px;
			font-weight:bold;
			line-height:12px;*/
		}
		a.demos:hover{
			color:#666;
			font-family:Arial, Helvetica, sans-serif;
		}
/* /////////////  COLUMNA  ///////////// */
		#columna{
		width:270px;
		margin-top:35px;
		float:left;
		clear:both;
		}
		#columna2{
		width:270px;
		margin-top:35px;
		margin-left:14px;
		float:left;
		}
		#columna3{
		width:270px;
		margin-bottom:40px;
		/*margin-top:35px;
		margin-left:6px;*/
		float:left;
		clear:both;
		}
		#columna4{
		width:270px;
		margin-bottom:40px;
		margin-left:14px;
		float:left;
		}
		.tit_columna{
			width:270px;
			/*height:33px;*/
			}
		.tit_columna_idioma{
			width:270px;
			margin-top:5px;
			float:left;
			}
		#col_angosta2{
		width:389px;
		float:left;
		margin-left:15px;
		}
		
/* ///////////// Toggle  /////////////// */
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
 
.container {
	width: 270px;
	margin-top:8px;
}
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../img/h2_trigger_a.jpg) no-repeat;
	height: 33px;
	line-height: 33px;
	width: 220px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.mail a {
	color:#00CCFF;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../img/toggle_block_stretch.jpg) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 270px;
	clear: both;
}
#toggle_container li{
	list-style-image:url(../img/li.jpg);
	margin-left:2px;
}

.toggle_container .block {
	padding: 20px;
	background: url(../img/toggle_block_btm.jpg) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 1.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}
/* ////////// Fin Toggle ////////////// */

		.contenedor_ch{
			background:url(../imgs/contenedorch-top.png) no-repeat top left;
			width:422px;
			overflow:auto;
		}
		.titulo_ch{
			padding:10px 0px 0px 10px;
			
		}
		.bottom_ch{
			clear:both;
			background:url(../imgs/contenedorch-bottom.png) no-repeat bottom left;
			height:15px;
		}
		#aplicaciones{
			margin:15px 0px 0px 5px;
		}
			.aplicacion{
				font-size:9px;
				padding:3px 0px 0px 0px;
				text-align:center;
				margin:0px 0px 10px 10px;
				display:inline;
				width:123px;
				height:115px;
				background:#097D8E;
				float:left;
			}
			.h7{
			font-size:9px;
			padding-bottom:8px;
			}
			.aplicacion_log{
				font-size:9px;
				padding:3px 0px 0px 0px;
				text-align:center;
				margin:0px 10px 10px 10px;
				display:inline;
				width:210px;
				height:105px;
				background:#097D8E;
				float:left;
			}
		#cotizar{
			width:384px;
			margin:0px auto 0px 2px;
			float:left;
		}
		.img_grande{
			padding:11px;
			background:url(../imgs/fondo-img-grande.png) no-repeat top left;
			width:422;
			height:342;
		}
		.img_contacto{
			padding:13px 11px 11px 11px;
			background:url(../imgs/fondo-img-contacto.png) no-repeat top left;
			width:422;
			height:342;
		}
		.img_chica{
			padding:11px;
			/*overflow:auto;*/
			background:url(../imgs/fondo-img-chica.png) no-repeat top left;
			width:212;
			height:162;
			float:left;
		}
		#noticias{
			background:url(../imgs/noticias-top.png) no-repeat top left;
			width:422px;
			overflow:auto;
			}
			#noticias_parrafo{
				background:url(../imgs/noticias-fondo.png) repeat-y;
				margin-top:45px;
				padding:0px 30px 20px 30px;
				}
				#noticias_parrafo p{
					margin-top:10px;
				}
				.noticia_vermas{
					background:url(../imgs/noticia-separador.gif) no-repeat bottom left;
					height:60px;
					margin-left:-20px;
				}
		
	#col_ancha{
		overflow:hidden;
		width:470px;
		float:left;
		scroll:no;
		}
	#col_ancha_log{
		overflow:hidden;
		width:720px;
		float:left;
		scroll:no;
		}	
	#col_ancha_home{
		overflow:hidden;
		width:380px;
		float:left;
		scroll:no;
		}
		.contenedor{
		background:url(../imgs/contenedor-top.png) no-repeat top left;
		width:469px;
		}
		.contenedor_log{
		background:url(../imgs/contenedor-top-log.png) no-repeat top left;
		width:720px;
		}
		.titulo{
			padding:10px 0px 0px 10px;
		}
		#ampliacion_bottom{
			background:url(../imgs/ampliacion-bottom.png) no-repeat bottom left;
			height:15px;
		}
		/*#contacto{
			overflow:auto;
			height:100%;
			margin-top:44px;
			background:url(../imgs/contenedor-fondo.png) repeat-y;
			padding:0px 10px 30px 30px;
			}
			#contacto #form{
				float:left;
				}
				#form input, textarea{
					text-decoration:none;
					font-family: Tahoma, Arial, sans-serif;
					font-size:11px;
					color:#FFFFFF;
					background:url(../imgs/contacto-fondo.png) repeat-x #098294;
					padding:3px 0px 0px 3px;
					border:none;
					height:18px;
					width:200px;
					margin:5px 0px 10px 0px;
				}
				#form textarea{
					height:100px;
					overflow:auto;
					resize:none;
				}
				.obligatorios{
					font-size:9px;
				}
				#form .boton_enviar{
					width:120px;
					height:46px;
					border:none;
					background:none;
				}
			#contacto #datos{
				width:185px;
				float:left;
				margin:55px 0px 0px 20px;
				color:#FFFFFF;
				}
				#contacto #datos a, a:active, a:visited{
					color:#FFFFFF;
					text-decoration:none;
					}
					#contacto #datos a:hover{
						text-decoration:underline;
					}*/

/* ///////////////////////////  FORMULARIO //////////////////// */
#inputArea_solicitud
 {
 font-family: Arial, Sans-Serif;
 font-size: 13px;
 background-color: #d6e5f4;
 padding: 10px;
 width:410px;
 margin:auto; 
 }
 #inputArea_solicitud input, #inputArea_solicitud textarea
 {
 font-family: Arial, Sans-Serif;
 font-size: 13px;
 margin-bottom: 5px;
 display: block;
 padding: 4px;
 width: 400px;
 }

#inputArea
 {
 font-family: Arial, Sans-Serif;
 font-size: 13px;
 background-color: #d6e5f4;
 padding: 10px;
 width:410px;
 margin-left:140px; 
 }
 #inputArea input, #inputArea textarea
 {
 font-family: Arial, Sans-Serif;
 font-size: 13px;
 margin-bottom: 5px;
 display: block;
 padding: 4px;
 width: 400px;
 }

 .activeField
 {
 background-image: none;
 background-color: #ffffff;
 border: solid 1px #33677F;
 }
 .idle
 {
 border: solid 1px #85b1de;
 background-image:url(../img/blue_bg.png) #d6e5f4;
 background-repeat: repeat-x;
 background-position: top;
 } 
. formalert {
background:# 900;
color: # fff;
font-size: 10px;
width: auto;
padding: 5px;
border: 1px solid # 600;
position: absolute;
margin-left: 300px;
opacidad: 0;
}

#pie{
	line-height:20px;
	margin:0 auto;
	/*background:url(../imgs/pie-fondo.gif) repeat-x;*/
	padding-top:40px;
	clear:both;
	text-align:center;
	color:#999999;
	font-size:11px;
	bottom:0;
	width:955px;
	}
	#pie li{
		display:inline;
		list-style-type:none;
		}
		#pie li a, a:active, a:link, a:visited{
			color:#999;
			text-decoration:none;
			}
			#pie li a:hover{
				color:#333;
				text-decoration:none;
			}