/*CSS GENERAL ociourbano

	A. ESTILOS GENERALES
		A10. Reset
		A20. Helpers
		
	B. LAYOUT GENERAL
		B10. Header
		B20. Main
			 B20.1. playerVideo
			
		B30. Sidebar publi
		B40. Submenu desplegables
		B50. Footer
		
		
	C. SECCIONES
		C10. Destacados
		C20. Agenda
		C30. A la carta
			 C30.1. Iconos
		C40. Colaboradores
		C50. Blog
		

	D. VENTANAS
		D10. Parrilla programación
		D20. Contacto
		D30. Sugerencias
		D40. Quienes somos
		
	E. PROMOCIONES
	
*/



/**** A. ESTILOS GENERALES ****/
 
/*--- A10. Reset ---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
under{
	text-decoration: underline;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--- A20. Helpers ---*/
.opacityStatic{
	/* opacity: .9; */
}
.filtroActivo{
	color: #09f;
}


/**** B. LAYOUT GENERAL ****/
body{
	background: #97949D;  /* la imagen de fondo se carga en css/dinamicos/dinamicoXX.css */
	font: 12px/1.2 Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 10px 0 0;
}
#wrapper{
	width: 960px;
	margin: 0 auto;
	overflow: visible;
}

/*--- B10. Header ---*/
#header{
	overflow: hidden;
	margin: 8px 0 0 0;
}

#header h1{
	float: left;
	margin: 0 0 3px 5px;
	display: block;
	width: 200px;
	height: 100px;
	/* la imagen de fondo se carga en css/dinamicos/dinamicoXX.css */
	overflow: hidden;
	text-indent: -9999px;
}
#header #mainBanner{
	float: right;
	margin: 3px 0 0;
}

#header #nav, #header #subNav{
	background:#333333 url(../img/interfaz.jpg) repeat-x scroll 0 -19px;
	/* _background:#333333 url(../img/interfaz.gif) repeat-x scroll 0 -19px; */
	color:#666666;
	float:left;
	height:17px;
	overflow:hidden;
	padding:6px 0;
	width:100%;
}
#header #secciones, #header #subNav ul{
	border-left:2px solid rgb(255, 255, 255);
	border-left:2px solid rgba(255, 255, 255, 0.5);
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:115%;
	font-weight:bold;
	margin:0 0 0 155px;
	_margin:0 0 0 80px;
	/* opacity: 1; */
	overflow: hidden;
	text-transform:uppercase;
}
#subNav ul{
	margin: 0 0 0 100px !important;
}

#header #secciones li, #header #subNav li{
	border-right:2px solid rgb(255, 255, 255);
	border-right:2px solid rgba(255, 255, 255, 0.5);
	float:left;
	padding:0 16px 0 17px;
}

#header #secciones li a, #header #subNav li a{
	color: #ccc;
	text-decoration: none;
}
#header #secciones li a:hover{
	color: #fff;
}

#header #social{
	float:right;
	margin: -3px 8px 0 0;
	_margin: -2px 0 0 0;
}
#header #social li{
	float: left;
}
#header #social li a{
	display:block;
	height:22px;
	margin:1px 5px 0 0;
	width:22px;
	overflow: hidden;
	background-image: url("../img/interfaz.jpg");
	/* _background-image: url("../img/interfaz.gif"); */
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#icoYoutube{
	background-position: -2px -103px;
}
#icoDelicious{
	background-position: -32px -103px;
}
#icoTwitter{
	background-position: -65px -103px;
}
#icoFacebook{
	background-position: -96px -103px;
}
#icoMyspace{
	background-position: -34px -103px;
}
#icoTuenti{
	background-position: -121px -103px;
}

/*--- B20. Main ---*/
#content{
	overflow: hidden;
	/*background:  #111 url("../img/fondoWrapper.jpg");*/
	background: #000;
	-moz-box-shadow: 0 0 30px #000000;
	-webkit-box-shadow: 0 0 30px #000000;
	_border: 1px solid #333;
}
#content #main{
	float:left;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:653px;
}
/*--- B20.1. playerVideo ---*/
#content #main #playerVideo{
	background:#000;
	border-color: #000 #666 #666;
	border-style:none solid solid;
	border-width:0 1px 1px;
	height:362px;
	margin:0 2px 10px;
	padding: 4px 2px 2px 3px;
	width:642px;
}

/*--- B30. Sidebar publi ---*/
 #sidebar1,  #sidebar2{
 	width: 145px;
 	margin: 4px;
 	_margin: 4px 0;
 	float: left;
 	text-align:center;
 	overflow: hidden;
 	padding:15px 0;
 }

#sidebar1 a,  #sidebar2 a{
	display: block;
	margin: 0 auto 20px;
	width: 120px;
	padding: 0;
	overflow: hidden;
}

#sidebar2{
	float: right;
}
/*--- B40. Submenu desplegables ---*/
#main{
	overflow: hidden;
}
#main h2{
	background:transparent url(../img/interfaz.jpg) no-repeat scroll 0 -51px;
	/* _background:transparent url(../img/desplegablesIE6.gif) no-repeat 0 -1px; */
	float:left;
	height:46px;
	margin: 0 -3px 10px 1px;
	padding:0;
	width:326px;
}
#main h2 a{
	background:transparent url(../img/interfaz.jpg) repeat-x scroll 0 -19px;
	/* _background:transparent url(../img/interfaz.gif) repeat-x scroll 0 -19px; */
	color:#CCC;
	float:left;
	font-size:15px;
	margin:0 0 0 2px;
	padding:6px 0 5px 7px;
	text-decoration:none;
	text-transform:uppercase;
	width:318px;
}
#main h2 span{
	background:transparent url(../img/interfaz.jpg) no-repeat scroll 0 -51px;
	/* _background:transparent url(../img/interfaz.gif) no-repeat scroll 0 -51px; */
	display:block;
	height:27px;
	margin:0 0 0 327px;
	position:absolute;
	width:1px;
}
#main h2 a:hover{
	color: #fff;
}

/*--- B50. Footer ---*/
#footer{
	float: left;
	font-weight: bold;
	margin:15px 0 5px;
	clear: both;
}
#footer ul{
	overflow: hidden;
	margin:10px 0 10px 230px;
	width: 700px;

}
#footer ul li{
	float: left;
	margin: 0 20px 0 0;
}
#footer ul li a{
	color: #fff;
}
#footer ul li a:hover{
	color: #009CF3;
}


/**** C. SECCIONES ****/
/*--- C10. Destacados ---*/
#destacados{
	border: 1px solid #555;
	background: #222;
	/* opacity: .9; */
	overflow: hidden;
	clear: both;
	width: 626px;
	padding: 10px;
	margin: 3px 0 0 3px;
}
#destacados h3{
	font-size:15px;
	margin:0 0 8px;
	text-transform:uppercase;
}
#destacados ul{
	margin: 0 !important;
	overflow: hidden;
}
#destacados ul li{
	float:left;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	margin:0 7px 7px !important;
	width:111px;
}

#destacados ul li img{
	height: 75px;
	width:100px;
}

#destacados ul li a{
	
	text-decoration: none;
}
#destacados ul li a span{
	display: block;
	width: 100%;
}
#destacados ul li a span.titulo{
	color: #09f;
	font-size:120%;
}
#destacados ul li a span.texto{
	color: #ccc;
}

/* .listadoVideos C30. A la carta */


/*--- C20. Agenda ---*/
#desplegableAgenda{
	background:#000000 none repeat scroll 0 0;
	border:4px solid #666666;
	clear:both;
	float:left;
	margin:0 0 15px 3px;
	/* opacity:0.9; */
	padding:0;
	width:640px;
	overflow:hidden;
}
#desplegableAgenda #columna1,#desplegableAgenda #columna2{
	border-left:4px solid #666666;
	float:left;
	/*height:420px;*/
	margin:0 0 0 -4px;
	overflow:hidden;
	padding:0;
	width:457px;
}
#desplegableAgenda #columna1{
	border-right:4px solid #666666;
	float:left;
	width:176px;
}

#desplegableAgenda #filtros{}
#desplegableAgenda #filtros select{
	background: #fff;
	color:#333;
	margin:10px 16px 0;
	text-transform:lowercase;
	width:145px;
}

#desplegableAgenda #datepicker{
	font-size:11px;
	margin:10px 0 0 14px;
	width:157px;
	height:auto;
	_height:180px;
}

#desplegableAgenda  #calendario #captionCalendario{
	overflow: hidden;
	margin: 0 0 0 23px;
}
#desplegableAgenda  #calendario #captionCalendario li{
	float: left;
	text-align: center;
	padding: 5px;
}

#desplegableAgenda #calendario #diasCalendario{
	overflow: hidden;
	margin: 0 0 10px 5px;
	clear: both;
}
#desplegableAgenda #calendario #diasCalendario li{
	width: 15px;
	height: 15px;
	float: left;
	padding: 2px;
	border: 1px solid #000;
	overflow: hidden;
	text-align: right;
}
#desplegableAgenda #calendario a{
	color: #fff;
	width: 15px;
	height: 15px;
	
}
.ui-icon{
	cursor: pointer !important;
	/* opacity: .7 !important; */
}
.ui-icon:hover{
	/* opacity: 1 !important; */
}
.ui-icon:active{
	padding: 1px !important;
}

#desplegableAgenda #patrocinador{
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 9px 19px;
}
#desplegableAgenda #patrocinador p{
 margin: 10px;
 text-align: center;
 color: #09f;
 border-top: 1px solid #666;
 padding-top: 8px;
 margin-top: 15px;
}
#desplegableAgenda #patrocinador img{
	margin: 0 auto;
	display: block;
}
#desplegableAgenda #patrocinador p em{
	color: #666;
	clear: both;
	display: block;
	font-style: normal;
	text-transform: uppercase;
}

#desplegableAgenda #columna2{
	border-left:4px solid #666666;
	float:left;
	/*height:420px;*/
	margin:0 0 0 -4px;
	overflow:hidden;
	padding:0;
	width:457px;
}
#desplegableAgenda #columna2 .botonCerrar{
	margin-top:10px;
}
#desplegableAgenda #columna2 .columnaDia{
	width: 190px;
	margin: 12px;
	float: left;
}

#desplegableAgenda #columna2 .headerDia{
	border-bottom:1px dashed #666666;
	font-weight:bold;
	padding:10px;
}

#desplegableAgenda #eventosHoyWrap{
	height:390px;
	margin:1px;
	overflow:auto;
	padding:8px;
	width:442px;
}

#desplegableAgenda #columna2 .evento{
	color:#666666;
	margin:5px 0 20px 3px;
	overflow:hidden;
	width:425px;
}
#desplegableAgenda #columna2 .evento img{
	border:1px solid #666666;
	float:left;
	height:75px;
	margin:0 10px 10px 0;
	padding:1px;
	width:100px;
}
#desplegableAgenda #columna2 .evento p {
	display:block;
	float:right;
	width:310px;
}
#desplegableAgenda #columna2 .evento p.eventoTitulo {
	color: #09f;
	font-size: 120%;
	font-weight: bold;
}
#desplegableAgenda #columna2 .evento p.info{
	color: #fff;
}
#desplegableAgenda #columna2 .evento p.texto{
	margin: 10px 0 0;
}

#desplegableAgenda #columna2 .evento a{
	color: #09f;
}
#desplegableAgenda #columna2 .evento a:hover{
	color: #fff;
}
#desplegableAgenda #columna2 .evento .eventoFecha{
	color: #999;
}
#desplegableAgenda #columna2 .evento .eventoTitulo{
	color: #fff;
}

/*--- C30. A la carta ---*/
#desplegableContenidos{
	background:#000000 none repeat scroll 0 0;
	border:4px solid #666666;
	clear:both;
	margin:0 0 15px 3px;
	/* opacity:0.9; */
	overflow:hidden;
	width:640px;
}

#desplegableContenidos #contenidosTop{
	float:right;
	margin: 10px 0 0;
	width:409px;
}
#contenidosTop a{
	margin-top: 0 !important;
}

#desplegableContenidos #contenidosCategoria{
	border-right:1px dotted #FFFFFF;
	float: left;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	padding: 8px 5px 8px 8px;
	width:203px;
	height:438px;
}
#desplegableContenidos #contenidosCategoria li{
	text-transform: uppercase;
	
}
#desplegableContenidos #contenidosCategoria li a{
	color: #555;
	text-decoration: none;
	display: block;
	height: 50px;
	margin: 0 0 4px;
	opacity: .8;
}
#desplegableContenidos #contenidosCategoria li a:active,
#desplegableContenidos #contenidosCategoria li a.activo, 
#desplegableContenidos #contenidosCategoria li a:hover{
	color: #fff;
	opacity: 1;
	outline: 0;
}

/*---   C30.1. Iconos   ---*/
#desplegableContenidos #contenidosCategoria li a img{
	background-image:url(../img/interfaz.jpg);
	/* _background-image:url(../img/interfaz.gif); */
	background-position: -73px -322px;
	background-repeat:no-repeat;
	height:56px;
	margin:3px 4px 8px 0;
	vertical-align:middle;
	width:74px;
}
a#chan52 img{ 
	background-position: 0 -265px !important;
}

a#chan54 img{ 
	background-position: 0 -147px !important;
}

a#chan55 img{ 
	background-position: -75px -323px !important;
}
a#chan57 img{ 
	background-position: 0 -322px !important;
}
a#chan59 img{ 
	background-position: -75px -264px !important;
}

a#chan60 img{ 
	background-position: -75px -147px !important;
}

a#chan76 img{ 
	background-position: 0 -206px !important;
}
a#chan84 img{
	background-position: -73px -206px !important;
}
		


#listadoVideos{
	float:right;
	font-size:11px;
	height:355px;
	margin:2px 1px 1px;
	overflow:auto;
	padding:5px;
	width:411px;
}

#listadoVideos li{
	float:left;
	margin:7px;
	overflow:hidden;
	width:379px;
	_width:360px;
}
#listadoVideos li img{
	border: 1px solid #666;
	float: left;
	width:100px;
}
#listadoVideos li a{
	color: #fff;
	text-decoration: none;
}
#listadoVideos li a.link{
	margin-left:12px;
	color: #09f;
	*float: left;
}
#listadoVideos li a.link:hover{
	color: #09c;
}

#listadoVideos li span{
	display:block;
	float:right;
	margin:0 0 3px;
	width:265px;
	_width:255px;
}
#listadoVideos li .titulo{
	color: #09f;
	font-size: 14px;
	font-weight: bold;
}

#listadoVideos li .textoEvento{
	color: #fff;
}

/*--- C40. Colaboradores ---*/
#colaboradores{
	clear:both;
	margin:0 0 0 155px;
	width:643px;
	
}
#colaboradores h4{
	display: none;
}
#colaboradores ul{
	overflow: hidden;
	padding: 15px 0 0 0;
}

#colaboradores ul li a {
	display:block;
	float:left;
}


/*--- C50. Blog ---*/
p.blog{
	margin:40px 10px;
	padding:10px;
}


/**** D. VENTANAS ****/
#content #main #seccionExterna{
	position: absolute;
	background: #000;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.9);
	/* opacity: .8; */
	padding: 10px;
	width: 627px;
	height: 348px;
	margin: 0 0 0 3px;
	display: none;
}
#seccionExterna {
	
}
#seccionExterna a{
	color: #09f;
}
#seccionExterna a:hover{
	color: #666;
}
.botonCerrar{
	float: right;
	color: #fff !important;
	text-decoration: none;
	background: transparent url(../img/interfaz.jpg) no-repeat scroll 30px -130px;
	/* _background: transparent url(../img/interfaz.gif) no-repeat scroll 30px -130px; */
	font-size: 90%;
	text-transform: lowercase;
	padding: 0 12px 0 0;
	margin: 10px;
	/* opacity: .7; */
}
.botonCerrar:hover{
	/* opacity: 1; */
	text-decoration: underline;
}

/*--- D10. Parrilla programación ---*/
#seccionExterna #parrilla{
	float:left;
	height:324px;
	margin:0 5px;
	overflow:auto;
	padding:0;
	width:631px;
}
#parrilla .tituloParrilla{
	color: #fff;
	padding: 0 0 6px 0;
	border-bottom: 1px dashed;
	font-weight: bold;
	margin: 0 0 10px;
	text-indent: 7px;
	width: 570px;
}


#parrilla .itemParrilla{
	 color: #fff;
	 padding: 8px;
	 width: 554px;
}


#parrilla .itemParrilla:hover{
	background:  #333;
}

#parrilla .tituloProgramacion{
	color: #09f;
	margin: 0 4px;
}
#parrilla .horaProgramacion{
	color: #fff;
}
#parrilla .leftProgramacion{
	color: #fff;
}
#parrilla .descripcionProgramacion{
	color: #999;
}
/*--- D20. Contacto ---*/
#seccionExterna #contactos{
	float:left;
	font-size:11px;
	margin:5px 40px 0 50px;
}

#seccionExterna #contactos ul{
	margin: 35px 0 0 40px;
	*margin: 15px 0 0 20px;
	background: url("../img/favicon.png") no-repeat 0 0;
	padding: 0 0 0 40px;
}
#seccionExterna #contactos ul li{
	margin: 0;
}
#seccionExterna .enlaces{
	margin: 20px 0 0 130px;
	*margin: 20px 0 0 110px;
	float: left;
	font-size: 11px;
}
#seccionExterna .enlaces li{
	margin: 0 0 5px 0;
}


/*--- D30. Sugerencias ---*/
#seccionExterna fieldset{ width: 500px; border: 0; margin: 40px 0 0 45px; float: left;}
#seccionExterna legend{ font-weight: bold; font-size: 13px; font-family: "Tahoma", sans-serif; margin: 0 0 20px 0;}
#seccionExterna  label{
	background: #999;
	padding:  0 2px 2px;
	text-indent: 8px;
	display: block;
	width: 140px;
	-moz-border-radius:1ex  0 0 1ex;
	-webkit-border-radius:1ex  0 0 1ex;
	float: left;
	clear: left;
	margin: 10px 0 0 0;
	text-transform: lowercase;
	font-size: 15px;
	font-weight: bold;

}
#seccionExterna  input, #seccionExterna  textarea{
	border: 1px solid #00a5dd;
	float: left;
	margin: 6px 0 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 340px;
	padding: 5px;
}

#seccionExterna #submit{
	clear: both;
	float: right;
	width: 60px;
	margin: 10px 2px 0 0;
	background: #00a5dd;
	color: #fff;
	text-transform: lowercase;
	font-size: 16px;
}
#seccionExterna  #submit:hover{
	cursor: pointer;
}

/*--- D40. Quienes somos ---*/
#seccionExterna  .quienesSomos{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight; bold;
	margin: 40px 60px;
	line-height: 1.3;

}




#bannerTv {
	float:right;
	margin:2px 3px;
}

#bannerTv img{
	height:52px;
	width:410px;
}

#bannerIndex {
	clear:both;
	float:left;
	margin:15px 0 10px 3px;
	overflow:hidden;
	padding:0;
	width:649px;
}

#bannerIndex img{
	width:648px;

}

/***** E. PROMOCIONES *****/
#promociones {
	clear:both;
	float:left;
	height:212px;
	margin:10px 0 10px 3px;
	overflow:visible;
	padding:0;
	width:648px;
}

#promociones #contenidoPromociones{
	background:#222 none repeat scroll 0 0;
	border:1px solid #555;
	height:192px;
	overflow:hidden;
	position:relative;
	width:648px;
}
#contenidoPromociones div.promocion{
	overflow: visible;
}
#contenidoPromociones div.promocion .texto{
	height:84px;
	position:relative;
	text-shadow:1px 1px 1px #333333;
	z-index:2;
	padding: 8px;
}
#contenidoPromociones div.promocion .titulo{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 4px;
}
#contenidoPromociones div.promocion img{
	float:right;
	margin:0;
	position:relative;
	top:-100px;
	z-index:1;
}


#promociones ul#paginadorPromociones{
	float:right;
	font-size:10px;
	font-weight:bold;
	right:5px;
	margin:9px 0 0;

}
#promociones ul#paginadorPromociones li{
	float: left;
}
#promociones ul#paginadorPromociones li a{
	padding: 3px 5px;
	background: #222;
	border: 1px solid #555;
	margin: 5px 0 5px 5px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#promociones  ul#paginadorPromociones li a:active, 
#promociones  ul#paginadorPromociones li a.activo{
	background: #555;
}