/**************************** RESET DEL CSS *************************************/
html, body, div, span, applet, 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, dl, dt, dd, ol, ul, li, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: none; font-weight: inherit; font-style: inherit; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; vertical-align: baseline;}
:focus { outline: none;}
ol, ul { list-style: none;}
select { border: 1px solid #979797;}
strong { font-weight: bold;}
fieldset { border: 0;}
/* General */
html { overflow: auto;}
td { font-size: 11px; font-family: sans-serif, Verdana, Arial, Helvetica; color: #000000; }
a { font-size: 11px; font-family: sans-serif, Verdana, Geneva, Arial, Helvetica; color: #850000; font-weight: bold; text-decoration: none;}
a:hover { font-weight: bold;}
/******************************** PÁGINA PRINCIPAL ********************************/
div#bodyPrincipal { background-color: white; width: 100%;}
div#principal { background-color: white; /*position: absolute; top: 0px;*/ width: 100% !important; width: 98.5%; max-width: 1024px; min-width: 775px; margin: 0px auto 0px auto;}
/********************************* CABECERA ****************************************/
div#cabecera { height: 180px; width: 750px; overflow: hidden; background-image: url(../images/ptl_cgv_welcome.jpg); background-repeat: no-repeat; background-position: right; position: relative; left: 50%; margin: 0px 0px 0px -375px;}
	div.textoBienvenida { position: relative; width: 200px; left: 50%; margin: 0px 0px 0px -110px; padding-top: 15px;}
		span.Bienvenida1 { font-weight: bold; color: #000000; font-size: 25px;}
		span.Bienvenida2 { font-weight: bold; color: #730000; font-size: 17px;}
		span.Bienvenida3 { font-weight: bold; color: #ACAAB4; font-size: 17px;}
	   p.Bienvenida4 { margin: 8px 0px 10px 0px; color: #515151; font-size: 11px; width: 150px;}
div#canalgv_mobile_img {cursor: pointer; position: relative; float: right; margin-top: -150px; z-index: 10000; width: 128px; height: 128px;}
/************************************ MENU (Pestañas) **************************************************/
div#menu{height: 19px; width: 100%; position: relative; left: 0px;}
ul#listaMenu {padding-left: 170px;}
	ul#listaMenu li{cursor: pointer; text-align: center; float: left;}
/*Recordar que todas las pestañas miden 60 pixeles de ancho y se dejan 2 pixeles de separacion entre ellas*/
.pestanya_activa{margin-right: 2px; width: 60px; height: 19px; background-image: url(../images/ptl_round_tab.png); background-repeat: no-repeat; color: white; float: left; padding-top: 3px!important; margin-top: 0px!important; padding-top: 0px; margin-top: 3px; font-weight: bold;}
.pestanya_inactiva{margin-right: 2px; width: 60px; height: 19px; background-image: url(../images/ptl_round_tab_unselect.png); background-repeat: no-repeat; color: white; float: left; padding-top: 3px!important; margin-top: 0px!important; padding-top: 0px; margin-top: 3px; font-weight: bold;}
/************************************ CUERPO **************************************************/
div#cuerpo { position: relative; border-top: 5px solid #F48E44; width: 100%; background-color: white;}
 div#izquierdoCuerpo { overflow: hidden; position: relative; float: left; width: 170px; height: 100%;}
  div#idiomaPortal{text-align: center; margin: 5px 5px; padding-top: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; height: 16px; border: 1px solid #F4DE84; }
  /** VENTANA CON BORDES REDONDEADOS **/
  .box { background-color: #F2B900; margin: 5px 5px;}
  .boxtop { overflow: hidden; height: 20px; background: url(../images/ptl_box_ne.gif) no-repeat top right;}
  .boxtop div { overflow: hidden; height: 20px; background: url(../images/ptl_box_nw.gif) no-repeat top left; text-align: center; color: white;}
	 div.boxtop h1{ font-size: 10px; font-weight: bold; margin-top: 3px;}
  .boxcontent { position: relative; text-align: center; color: white;}
	 .boxcontent span.texto{ color:red; font-size:13px; font-weight: bold;}
	 .boxcontent span.telefono{ color:black; font-size:13px; font-weight: bold;}
	 #ContactoInfo{ cursor: pointer;}
  .boxbottom { height: 20px; background: url(../images/ptl_box_se.gif) no-repeat bottom right; text-align: center;}
  .boxbottom div { height: 20px; background: url(../images/ptl_box_sw.gif) no-repeat bottom left;}
  /****/
  div#accesoOrganizaciones { width: 160px; margin: 5px 5px;}
  div#SubscripcionBoletin { width: 160px; margin: 5px 5px;}
  div.banner{ display:block; width: 160px; max-height:220px; margin: 15px 5px; overflow: hidden;}
  
 div#derechoCuerpo { overflow: hidden; position: relative; float:right; width: 170px; height: 100%;}
  div#bannerBusqueda { width: 160px; margin: 5px 5px;}
   img.lupa { margin-left:15px; margin-top: 5px; cursor: pointer; }
	span.enlaceBusqueda{ margin-left: 10px; padding-left: 15px; font-size: 11px; color: #850000; font-weight: bold; text-decoration: none; background-image: url(../images/ptl_cgv_bullet2.gif); background-position: left; background-repeat: no-repeat; cursor: pointer;} 
  #wmpPlayerTTip{ width: 160px; height: 120px;}
   .icon{ cursor:pointer;}
   #status {position:absolute; width:160px; height:120px; z-index: 1000;}
	#statusBuffering{ width:160px; height:120px; background: url(../images/buffering.gif) no-repeat center;}
   #statusPlayAgain{	width:160px; height:120px; background: url(../media/miniPlayerPlayAgain.jpg) no-repeat center;}
	#wmpPortalContent{position:relative; width: 160px; height: 120px; z-index: 0;}
  /*#status_fade {position:absolute;top:0px;left:0px;background:black;/*opacity:0.6;/;width:160px;height:120px}
  #status_fade_play {position:absolute;top:0px;left:0px;width:160px;height:120px}*/
  #imgPlay_again {position: absolute; left: 60px; top:30px;}
  #imgBuffering {position: absolute; left: 50px; top:30px;}
	
 div#centralCuerpo { position: relative;margin-left: 171px;margin-right: 171px;}
	div#centralCuerpo span.titulo1{ font-size: 18px; font-weight: bold;}
	div#centralCuerpo span.titulo2{ font-size: 18px; font-weight: bold; color: #F48E44; }
	div#centralCuerpo span.seccion1{ font-size: 15px; font-weight: bold; }
	div#centralCuerpo	span.seccion2{ font-size: 15px; font-weight: bold; color: #F48E44; }
	div#centralCuerpo hr.separador{ height: 2px; width: 100%; border: 2px dotted #ACAAB4; border-left: 0; border-right: 0; border-bottom: 0; }
	div#centralCuerpo ol.listaCuerpo{ margin-left: 100px; font-style: normal; font-size: 20px; font-weight: bold; color: #F2B900; list-style-type: decimal; }
		div#centralCuerpo ol.listaCuerpo li span.texto{ font-size: 11px; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000;}
	div.Cargando{border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; overflow: hidden; text-align: center;}
  
  /*TABS*/
div#tabVisor { position: relative; height: 100%; left: 0px; top: 0px; display:none;/*visibility: hidden;*/}
div#tab1 { position: relative; height: 100%; left: 0px; top: 0px;}
 div#contenedorNovedades {;}
  div.novedad_info_actualizacion { border-width: 1px 1px 1px 1px; border-color: #F48E44; border-style: solid; margin: 3px 0px 3px 0px; background-color: #F48E44;}
  div.novedad_activa { border: 1px solid #F2B900; margin: 3px 0px 10px 0px;}
  	div.tituloNovedades { background-color: #F4DE84; color: #730000; font-weight: bold; text-decoration: none; padding: 0px 0px 0px 3px;}
		div.tit_preview {float:right; margin-top:1px; color:#F2B900; display:none;}
	a.tituloNovedadeslink { background-color: #F4DE84; color: #730000; font-weight: bold; text-decoration: none; padding: 0px 0px 0px 3px; display: block;}
	div.estadoNovedades {padding:1px 0px 1px 3px; border-top: 1px solid #F2B900;}
		span.orgNovedad { font-weight: bold; color: black;}
		span.fechaNovedad { color: #730000;}
		span.esperando { background-color:   red; color: #ffffff; line-height: 125%;}
		span.emitiendo { background-color: green; color: #ffffff; line-height: 125%;}
	div.descripcionNovedad { height: auto; line-height: 1.5em; color: black; font-size: 11px; font-weight: normal; border-top: 1px dotted #F2B900; padding: 3px 3px 3px 3px; overflow: hidden;}
	div.descripcionNovedadResumen { height: 3em;}
		div.read-more{ border: 1px solid #F2B900; position: relative; top: 1.4em; margin: 0px -1px 0px 0px; font-size: 13px; font-family: sans-serif, Verdana, Geneva, Arial, Helvetica; color: white; font-weight: bold; text-decoration: none; background-color: #F48E44; cursor: pointer; float: right;}
	a.enlace_novedad {padding: 3px 3px 3px 3px;}
  div.novedad_activa_destaca { border-width: 1px 1px 1px 1px; border-color: #F48E44; border-style: solid; margin: 3px 0px 10px 0px; cursor: pointer;}
  	div.novedad_activa_destaca div.tituloNovedades { background-color: #F48E44; color: white; font-weight: bold; text-decoration: none; padding: 0px 0px 0px 3px; cursor: pointer;}
  div.novedad_pendiente { border-width: 1px 1px 1px 1px; border-color: #F2B900; border-style: solid; margin: 3px 0px 10px 0px;}

 div#contenedorOrganizaciones {;}
  div.organizaciones {border-width: 1px 1px 1px 1px; border-color: #F2B900; border-style: solid; margin: 3px 0px 3px 0px;}
    div.tituloOrganizaciones { background-color: #F4DE84; font-weight: bold;}
      a.enlace_org { color: #730000;  text-decoration: none; padding: 0px 0px 0px 3px; font-weight: bold;}
	   a.enlace_org:hover{color:red;}
        span.modoAccesoOrganizacion {color: black;}
      a.autoregistro { margin-right: 0px; color: #730000; text-decoration: none;}
    div.orgDescripcion { line-height: 125%; color: black; font-weight: normal; border-top: 1px solid #F2B900; padding: 3px 3px 3px 3px;}
  div.organizaciones_destaca { border-width: 1px 1px 1px 1px; border-color: #F48E44; border-style: solid; margin: 3px 0px 3px 0px; cursor: pointer;}
  	 div.organizaciones_destaca div.tituloOrganizaciones { background-color: #F48E44; color: white; font-weight: bold; text-decoration: none; padding: 0px 0px 0px 3px; cursor: pointer;}

	div#contenedorAyuda { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; background-color: White; overflow: hidden;}
		div.pruebavideo {float:left; padding-right: 20px;}
		div.pruebaaudio {;}

	div#contenedorContacto { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; background-color: White; overflow: hidden;}
		div#contenedorContactoMensaje { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; background-color: White; overflow: hidden; display:none;}
		div.contenedorContactoCargando{border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; overflow: hidden; text-align: center;}
		div.errorConsulta{ margin-left: 10px;}
		div.formularioConsulta{ width: 100%; overflow: hidden;}
			div.formularioConsulta input.inputtexto{width: 90%; border: 1px solid #7F9DB9; font-size: 10px; color: #515151; height: 20px;}
			div.formularioConsulta input.inputtextarea{overflow:scroll; border: 1px solid #7F9DB9; font-size: 10px; color: #515151;}

	div#contenedorBoletin { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; background-color: White; overflow: hidden;}
		div#contenedorBoletinMensaje{ border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; background-color: White; overflow: hidden; display:none;}
		div.contenedorBoletinCargando { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; overflow: hidden; text-align: center;}
		div.subtituloSeccion{ width: 350px; background-image: url(../images/ptl_nws_squares.gif); background-repeat: no-repeat;  background-position: left; padding-left: 50px; }
		div.formularioBoletin{ font-size: 11px; color:#515151; padding-left: 50px; }
			div.lineaFormulario{ height : 20px; padding-left: 5px;}
				input.input_text_formulario{ font-size: 11px; color:#515151; height:20px; margin-right: 20px; float: left;}
				img.input_send_formulario{ margin-bottom: 0px; float: left;}

	div#contenedorEnlaces { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; background-color: White; overflow: hidden;}
		div.seccionEnlacesAudio{ width: 300px; height: 60px; background-image: url(../images/ptl_links_audio.GIF); background-repeat: no-repeat; padding-top: 20px; padding-left: 60px; }
		div.seccionEnlacesVideo{ width: 300px; height: 64px; background-image: url(../images/ptl_links_video.GIF); background-repeat: no-repeat; padding-top: 20px; padding-left: 60px; }
		div.celdaEnlace{display: table-cell; padding-left: 60px;}
			img.iconoAcceso{vertical-align: middle; position: relative;}
			span.textoDescripcionEnlace {	font-size: 10px; color:#000000; background-color: #EFEFEF;}

	div#contenedorBusquedaAvanzada { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; background-color: White; overflow: hidden;}
		td.search_labels{ width: 30%;}
		div#contenedorBusquedaAvanzadaBuscando { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; background-color: White; overflow: hidden; display:none;}
		div#contenedorBusquedaAvanzadaResultados { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; background-color: White; overflow: hidden; display:none;}
		div.contenedorBusquedaAvanzadaCargando { border: 1px solid #F2B900; margin: 4px 1px 4px 1px; padding: 5px 10px 5px 10px; overflow: hidden; text-align: center;}
		a.etiquetaReintentar{ background-image: url(../images/ptl_cgv_bullet3.gif); background-position: left; background-repeat: no-repeat; padding-left: 15px; font-size: 14px;}
		div.etiquetaReintentarTitulo{ float: right;}
		div.etiquetaRegistrosEncontrados{ float: left; font-weight: bold;}
		.tituloContenidoBusqueda{ font-size: 11px; color: #850000; font-weight: bold; cursor: pointer;}
		/*CSS para el elemento buscado*/
		span.elemento_buscado{ background-color: yellow;}
		#tabVisor span.elemento_buscado{ background-color: transparent;}/*Para el player se lo quitamos*/
  /*****/

div#inferior { clear: both;  position: relative; left: 0px; top: 0px; width: 100%; margin-top: 0px;}
   a#xhtmlValidator {float:left; margin: 3px 0px 0px 2px;}
   a#cssValidator {float:left; margin: 3px 0px 0px 2px;}
   a#rssValidator {float: right; margin: 3px 45px 0px 0px;}

div#pie {clear: both; position: relative; width: 100%; height:20px; text-align:center;}
	div#copyright {text-align: center; font-weight: bold; font-size:12px;}
	
/**********************************************************************************/

div#selectorOrganizaciones { position: relative; top: 7px; margin:0px 0px 0px 15px; z-index:100; padding: 5px 0px 0px 0px;}
select.SelectorOrganizaciones { width:129px;  font-size:11px; border:solid 1px; border-color:#D37126;}

div.cabeceraSeccion { color:black; height:14px; background: url(../images/ptl_cgv_top_banner.gif); text-align: center; margin: 0px 0px 0px 0px;}
div.roundBottomBox { background: url(../images/ptl_cgv_bottom_banner.gif); height: 13px;}
div.cuerpoSeccion { border-left: 1px solid #F4DE84; border-right: 1px solid #F4DE84;}

div.contenedorFieldsetSeccion { width: 146px; margin: 5px 0px 0px 0px;}
fieldset#idiomas { margin : 0px 0px 0px 15px; border: solid 1px #D37126;}
legend.SelectorIdioma { font-size:11px;}
input.newslanguage { margin:5px 0px 0px 5px;}
label#etqlengua1 { position:relative; top:-4px;}
label#etqlengua2 { position:relative; top:-3px;}
div.contenedorButtonSeccion{ text-align: center;}
input.botonFormulario {	height: 15px; color: white; background-repeat: no-repeat; border: 0; background-color: #F48E44; font-size: 11px; text-align: center; cursor: pointer; padding: 0px 0px 2px 0px; margin: 5px auto 0px auto;}

div#logeo_obligatorio { margin-top:10px; clear:both; background-repeat: no-repeat;}
.etiquetaFormularioAcceso { padding:5px 0px 0px 15px;}
.etiquetaFormularioBusqueda { padding: 5px 0px 0px 15px; }
label.etiquetaFormulario { font-size: 11px; cursor: pointer; background-image: url(../images/ptl_cgv_bullet.gif); background-repeat: no-repeat; background-position: left; padding-left: 8px;}
input.inputFormularioSeccion {  font-size:10px; border:solid 1px; border-color:#D37126; height:15px; margin:0px 0px 0px 15px; padding:0px 0px 0px 0px; width:129px;}
div#ContenedorBotonera { padding: 10px 0px 0px 0px;}
input#botonAutoregistro { visibility:hidden; width:80px; margin: 0px 0px 0px 15px;}
input#botonEntrar { margin: 0px 0px 0px 5px; width:42px;}

input#botonEmergencia { display: none;}
div#contenedorAlert { clear: both; height: 30px; width: 130px; border: 1px solid red; background-color: white;}
img#imagenCerrar { display: block; float: left; margin: 4px 0px 0px 1px; padding: 0px 0px 0px 1px;}
p.mensajeError { width: 110px; float: right; text-align: center; font-size: 10px; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;}
div#rssDisponible{margin:20px 0px 10px 0px;position:relative; left:32%;}

/************************************************************************************/
/*Reproductor del portal*/
div#reproductorPortal{ border: 1px solid #F2B900; margin: 3px 0px 3px 0px; background-color: #F4DE84; text-align: center; display: none;}
div#contenedorReproductorPortal{ border: 1px solid #F2B900; margin: 4px 1px 4px 1px; overflow: hidden; text-align: center; background: url(../images/ptl_ply_background.jpg) no-repeat top right; }
	div#tituloReproductor{ border-bottom: 1px solid #F2B900; background-color: #F2B900; color: #730000; font-weight: bold; padding: 0px 10px 0px 10px; text-align: center; display: none;}
	div#descripcionReproductor{ padding: 2px 20px 0px 20px; text-align: center; color: black; font-weight: bold; /*background-color: black;*/ display: none;}
	div.reproductorSimple{ margin: 0px auto 0px auto; background: black;  width: 320px; height: 300px;}
	.reproductorSimple span { color:white;}
	button.botonPlayer{ background-color: #F2B900; font-weight: bold; color: black; font-size: 12px; margin: 5px 5px 10px 5px; cursor: pointer;}
	div#reproductorDoble{ background: black; margin: 0px auto 0px auto; width: 640px; height: 300px;}
		.reproductorDoble1{ background: black;  width: 320px; height: 300px; float: left;}
		.reproductorDoble2{ background: black;  width: 320px; height: 240px; float: right;}
		.reproductorDoble1 span { color:white;}
		.reproductorDoble2 span { color:white;}
/************************/

/******************************************************************************************/
/* ESTILOS DEL REPRODUCTOR */
/******************************************************************************************/
div.reproductor_simple{margin-left: -160px; padding-left: 50%;}
div.reproductor_doble{margin-left: -320px; padding-left: 50%;}
/*Contenedor de las barras de desplazamiento y los botones*/
div.linea_barra_controles {text-align: center; }
	div.linea_borde {margin: 0 auto 0 auto; width: 320px; height: 50px; border: 3px ridge Black; padding-left: 6px; padding-right: 6px;}
		div.linea_slider{ width: 100%; margin-top: 5px;}
		div.linea_inferior{ width: 100%; margin-top: 5px;}
			div.linea_controles{float: left;}
				div.boton_control{float: left; margin-top: 3px; margin-right:4px;}
			div.linea_tiempo{ float: right; margin-top: 3px; }