/***********************************************************************/
/*** ULTIMAS NOTICIAS ***/
/***********************************************************************/
.vertical_latestNews {
	position: relative; 
	width: 280px; 
	height: 246px;
	*height: 252px; 
	overflow: hidden;
	margin: 0px;
	padding: 0px;}
	
.items_latestNews {
	position: absolute; 
	margin: 0px;
	width:280px; 
	height: 246px;
	*height: 252px;}
	
.items_latestNews DIV {
	width:280px;
	border-bottom: 1px solid #b3b3b3; 
	margin-left:5px;
	padding:7px 5px 8px 5px;}  /*top - right - bottom - left*/ /*1px 5px 2px 5px*/
		
#actions {
	margin: 0px; 
	width: 50px; 
	height:30px;}
	
#actions A {
	color: #666666; 
	font-size:11px; 
	cursor: pointer;}
	
#actions A:hover {
	color: #000000; 
	text-decoration: underline;}
	
.disabled {
	visibility: hidden;}
	
.nextPage {
  float: right;
  cursor: pointer;}
 
.prevPage {
  float: right;
  cursor: pointer;}
 
/***********************************************************************/
/*** SECCIONES DE NOTICIAS ***/
/***********************************************************************/
#main {
	position: relative;
	width:455px; 
	height: 135px; 
	overflow: hidden;
	margin-right: 8px;
	margin-left: 0px;
	border-top: solid #b3b3b3 1px;
	border-right: solid #b3b3b3 1px;
	border-bottom: solid #b3b3b3 1px;}
	
#pages {
	position: relative; 
	height: 135px; /*20000em;*/}
	
.notipage {
	padding-bottom: 10px; 
	padding-left: 10px; 
	padding-right: 5px;
	padding-top: 22px;
	/*margin-right: 5px;
	margin-left: 0px;*/
	width: 450px; 
	height: 135px;
	background-color:#e1e1e1;
	text-align:left;}

.leermas {
	margin-top:10px;}

.detalle_secc_noticias {
	margin-right:25px;}

.foto_noticias { 
	float:left; 
	margin-right:8px;}
		
.item {
	padding-bottom: 10px; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 10px;
	width: 500px; 
	height: 450px;
	float: left; 
	cursor: pointer;}
	
#main_navi {
	padding-bottom: 0px !important;
	padding-left: 0px !important; 
	padding-right: 0px !important; 
	padding-top: 0px !important;
	float: left;}
	
#main_navi LI {
	padding: 13px 8px 0px 10px; /*top - right - bottom - left*/
	margin-bottom:3px;
	*margin-bottom:0px;
	margin-left:7px;
	background-image:url(../images/bgSeccNoticias1.jpg);
	/*background-color: #b7b7b7; */
	list-style-type: none; 
	width: 150px;
	height: 30px; 
	color: #ccc; 
	clear: both; 
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
	cursor: pointer;}
	
#main_navi LI:hover {
	/*background-color: #cccccc;*/
	background-image:url(../images/bgSeccNoticias3.jpg);
	color:#fff;}
	
#main_navi LI.active {
	/*background-color: #e1e1e1;*/
	color:#333333;
	background-image:url(../images/bgSeccNoticias2.jpg);
	border-top: solid #b3b3b3 1px;
	border-left: solid #b3b3b3 1px;
	border-bottom: solid #b3b3b3 1px;}
	
#main_navi IMG {
	float: left; 
	margin-right: 10px;}
	
#main_navi STRONG {
	display: block;}

DIV.scrollable {
	float: left;}

/***********************************************************************/
/*** PA EN EL EXTERIOR ***/
/***********************************************************************/
#tpexterior img{
	margin: 4px 0px 5px 0px; /*top - right - bottom - left*/
	cursor: pointer;}

.pefondodetalle {
	background-color:#222222; 
	width:285px;
	height:15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF; 
	padding:10px 10px 10px 10px;
	margin-top:5px;}

	.pefondodetalle  a{
	background-color:#222222; 
	width:285px;
	height:15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 10px 10px 10px;
	margin-top:5px;}
	
	.pefondodetalle a:hover {
	background-color:#222222; 
	width:285px;
	height:15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
	padding:10px 10px 10px 10px;
	margin-top:5px;}
	
.pedescription {
	padding-top: 7px;
	margin-top: 0px;
	background-color: #dddddd; 
	min-height: 140px; 
	width: 310px; 
	display: none; 
	-moz-border-radius: 4px;}
	
.pedescription .arrow {
	position: relative; 
	margin-bottom: -28px; 
	margin-left: 36px; 
	width: 34px; 
	height: 34px; 
	background: url(/images/arrow_black.png) 0px 0px; 
	font-size: 1px;}
	
#th1 .arrow {
	margin-left: -230px;}
	
#th2 .arrow {
	margin-left: -70px;}
	
#th3 .arrow {
	margin-left: 80px;}

#th4 .arrow {
	margin-left: 240px;}

/***********************************************************************/
/*** TOOL TIP PROGRAMAS ***/
/***********************************************************************/
#tipprogramas { 
 display:none;
 background-color:#111111;
 font-size:12px;
 height:50px;
 width:290px;
 padding:0px;
 color:#ffffff;}
 
 /***********************************************************************/
/*** TOOL TIP SERVICIOS ***/
/***********************************************************************/
#tipservicios { 
 display:none;
 background: url(../images/gray_bubble.png); 
 /*background-color:#111111;*/
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 color:#3333333;
 font-size:11px;
 height:79px;
 width:160px;
 padding: 15px 25px 25px 25px; /*top - right - bottom - left*/}
 
/***********************************************************************/
/*** TOOL TIP AHORA ENLINEA ***/
/***********************************************************************/
.ahoraenlinea {
	padding:40px 30px 10px 30px; /*top - right - bottom - left*/
	width: 310px; 
	height: 163px; 
	display: none; 
	background: url(any-html_archivos/black_arrow_big.png); 
	color: #ffffff; 
	font-size: 11px; }
	
.ahoraenlinea .label {
	width: 35px; 
	color: yellow;}
	
.ahoraenlinea A {
	color: #ad4; 
	font-size: 11px; 
	font-weight: bold;}

/***********************************************************************/
/*** TOOL TIP CLIMA PRONOSTICO ***/
/***********************************************************************/
.climaPronosticos {
	padding:40px 30px 10px 30px; /*top - right - bottom - left*/
	width: 310px; 
	height: 163px; 
	display: none; 
	background: url(any-html_archivos/black_arrow_big.png);
	font-size: 11px;
	z-index:500;}
	
.climaPronosticos .label {
	width: 35px; 
	color: yellow;}
	
.climaPronosticos A {
	color: #ad4; 
	font-size: 11px; 
	font-weight: bold;}


/***********************************************************************/
/*** SCROLL DE VIDEOS ***/
/***********************************************************************/
.items IMG {
	margin: 0px;
	width:150px;
	height:84px;
	}
	
.items A {
	margin: 9px 6px; /*top and bottom es el primero, right and left son el segundo*/
	_margin: 10px 7px;
	display: block; 
	float: left;
	width:150px;
	height:84px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	/*background-color:#1d1d1d; 
	border: #5e5e5e 1px solid;*/
	padding:0px 20px 0px 5px; 
	_padding:10px 20px 30px 5px;} /*top - right - bottom - left*/
	
.items A:hover {
	margin: 9px 6px; /*top and bottom es el primero, right and left son el segundo*/
	_margin: 10px 7px;
	display: block; 
	float: left;
	width:150px;
	height:84px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fabb15;
	font-size:11px;
	text-decoration:underline;
	/*background-color:#1d1d1d; 
	border: #fabb15 1px solid;*/
	padding:0px 20px 0px 5px;
	_padding:10px 20px 30px 5px;} /*top - right - bottom - left*/

.titleArea {
	background-color:#1d1d1d; 
	width:144px; 
	height:40px; 
	margin-left:5px; 
	margin-top:50px;
	*margin-top:-6px;
	padding:50px 4px 0px 4px; /*top - right - bottom - left*/
	*padding:8px 4px 0px 4px; /*top - right - bottom - left*/
	text-align:center;}
		
/*#tooltipVideos {
	padding-bottom: 25px; 
	padding-left: 25px;
	width: 160px; 
	padding-right: 25px; 
	display: none; 
	background: url(../images/black_arrow.png);
	height: 70px; 
	color: #ffffff; 
	font-size: 12px; 
	padding-top: 25px;}*/
	 
#galleryVideos .disabled {
	visibility: visible !important;}
	
#galleryVideos .inactive {
	visibility: hidden !important;}
	
.scrollableVideos {
	position: relative; 
	width: 560px;
	background-color:#e6e6e6;
	height: 160px; 
	overflow: hidden;
	float: left;
	margin-left:34px;
	_margin-left:7px;
	_margin-right:7px;
		
	-ms-border-radius: 5px; /*para IE 8*/
	-moz-border-radius:5px; /*Firefox*/
	-webkit-border-radius: 5px; /*WebKit y Safari*/
	-khtml-border-radius: 5px;
	}
	
.scrollableVideos .items {
	position: relative; 
	width: 20000em; 
	clear: both;}
	
.scrollableVideos IMG {
	width:150px;
	height:84px;
	border: #333333 1px solid; 
	/*padding: 1px 1px 1px 1px; 
	background-color: #ffffff; */
	margin: 0px 5px 6px 5px; /*top - right - bottom - left*/
	_margin: 0px 0px 0px 10px;
	float: left;
	cursor: pointer; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;}

.scrollableVideos .active {
	z-index: 9999; 
	position: relative;
	/*border: #0578aa 2px solid;*/}
	
A.browse {
/*margin:0px 288px 0px 288px; /*top and bottom es el primero, right and left son el segundo*/
	margin: 60px 0px 0px 599px;
	*margin:60px 0px 0px 599px;
	width: 30px; 

	position: absolute; 
	background: url(../images/hori_large.png) no-repeat; 
	float: left; 
	height: 30px; 
	cursor: pointer;}
	
A.right {
	background-position: 0px -30px; 
	clear: right; 
	margin-right: 0px;}
	
A.right:hover {
	background-position: -30px -30px;}
	
A.right:active {
	background-position: -60px -30px;}
	
A.left {
	margin-left: 0px;}
	
A.left:hover {
	background-position: -30px 0px;}
	
A.left:active {
	background-position: -60px 0px;}
	
A.disabled {
	visibility: hidden !important;}
	
/*.simple_overlay {
	z-index: 10000; 
	border-bottom: #666666 1px solid; 
	border-left: #666666 1px solid; 
	background-color: #333333; 
	min-height: 200px; 
	width: 675px; 
	display: none; 
	border-top: #666666 1px solid; 
	border-right: #666666 1px solid; 
	-moz-box-shadow: 0 0 90px 5px #000000; 
	-webkit-box-shadow: 0 0 90px #000000;}
	
.simple_overlay .close {
	background-image: url(../scrollable-gallery-with-tooltips_archivos/close.png); 
	position: absolute; 
	width: 35px; 
	height: 35px; 
	top: -15px; 
	cursor: pointer; 
	right: -15px;}*/

/* position and dimensions of the navigator */
.navi {
	margin-left:450px;
	_margin-left:420px;
	margin-top:6px;
	width:50px;
	height:19px;
	vertical-align:middle;}

/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;}

/* mouseover state*/ 
.navi a:hover {
	background-position:0 -8px;}

/* active state (current page state)*/ 
.navi a.active {
	background-position:0 -16px;}
	
/***********************************************************************/
/*** CSS PARA TABS DE VIDEOS ***/
/***********************************************************************/
a:active {
  outline:none;}
 
:focus {
  -moz-outline-style:none;}

div.videopanes div {
	display:none;		
	text-align:center;
	height:385px;
	width:600px;
	font-size:14px;
	background-color:#000;}

/* root element for videotabs  */
ul.videotabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:20px;
	width:300px;}

/* single tab */
ul.videotabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
		padding-right:4px;
	margin:0 !important;
	list-style-image:none !important;}

/* link inside the tab. uses a background image */
ul.videotabs a { 
	background-image:url(../images/bg_tabVideo_1.png);
	background-repeat:repeat-x;
	font-size:11px;
	display:block;
	height: 19px;  
	line-height:19px;
	width: 66px;
	text-align:center;	
	text-decoration:none;
	color:#ffffff;
	padding:0px;
		padding-right:4px;
	margin:0px;	
	position:relative;
	top:1px;}

ul.videotabs a:active {
	outline:none;}

/* when mouse enters the tab move the background image */
ul.videotabs a:hover {
	background-image:url(../images/bg_tabVideo_2.png);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	border-top: 1px solid #536069;
	border-left: 1px solid #536069;
	border-right: 1px solid #536069;	
	color:#333333;
		padding-right:2px;}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.videotabs a.current, ul.videotabs a.current:hover, ul.videotabs li.current a {
	background-image:url(../images/bg_tabVideo_3.png);
	background-repeat:repeat-x;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	cursor:default !important; 
	color:#fff !important;
		padding-right:2px;
		text-decoration:underline;}

/* Different widths for videotabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.videotabs a.w1 		  {background-position: -519px 0; width:134px;}
ul.videotabs a.w1:hover   {background-position: -519px -31px;}
ul.videotabs a.w1.current {background-position: -519px -62px;}

/* width 2 */
ul.videotabs a.w2 		  {background-position: -366px -0px; width:154px;}
ul.videotabs a.w2:hover   {background-position: -366px -31px;}
ul.videotabs a.w2.current {background-position: -366px -62px;}

/* width 3 */
ul.videotabs a.w3 		  {background-position: -193px -0px; width:174px;}
ul.videotabs a.w3:hover   {background-position: -193px -31px;}
ul.videotabs a.w3.current {background-position: -193px -62px;}

/* width 4 */
ul.videotabs a.w4 		  {background-position: -0px -0px; width:194px;}
ul.videotabs a.w4:hover   {background-position: -0px -31px;}
ul.videotabs a.w4.current {background-position: -0px -62px;}

/* initially all videopanes are hidden */ 
div.videopanes div.pane {display:none;}

/***********************************************************************/
/*** CSS PARA TABS DE LOTERIA ***/
/***********************************************************************/
a:active {
  outline:none;}
 
:focus {
  -moz-outline-style:none;}

div.lottopanes div {
	display: none;
	margin: 0px;	
	padding:7px 0px 12px 0px; /*top - right - bottom - left*/ 
	border:1px solid #514c2f;
	text-align:center;
	height:92px;
	width:295px;
	font-size:14px;
	background-color:#b2af91;}

ul.lottotabs { /* root element for videotabs  */
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:20px;
	width:280px;}

ul.lottotabs li { /* single tab */
	float:left;	 
	text-indent:0;
	padding-right:8px;
	margin:0 !important;
	list-style-image:none !important;}

ul.lottotabs a { /* link inside the tab. uses a background image */
	background-color:#4f4b2e;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	height: 19px;
	width: 60px;
	line-height:19px;
	text-align:center;	
	text-decoration:none;
	text-transform:uppercase;
		padding-right:4px;
	margin:0px;	
	position:relative;
	top:1px;
	border-top: 1px solid #514c2f;
	border-left: 1px solid #514c2f;
	border-right: 1px solid #514c2f;}

ul.lottotabs a:active {
	outline:none;}

ul.lottotabs a:hover {
	background-image:url(../images/bgLotto.jpg);
	border-top: 1px solid #514c2f;
	border-left: 1px solid #514c2f;
	border-right: 1px solid #514c2f;	
	color:#ffffff;
		padding-right:4px;}

ul.lottotabs a.current, ul.lottotabs a.current:hover, ul.lottotabs li.current a {
	/*background-image:url(../images/bgLotto.jpg);	*/
	border-top: 1px solid #514c2f;
	border-left: 1px solid #514c2f;
	border-right: 1px solid #514c2f;
	cursor:default !important; 
	color:#333333 !important; 
		padding-right:4px;}

/* width 1 */
ul.lottotabs a.wL1 		   {width:135px;}
ul.lottotabs a.wL1:hover   {width:135px;}
ul.lottotabs a.wL1.current {width:135px; background-color:#b2af91;}

ul.lottotabs a.wL2 		   {}
ul.lottotabs a.wL2:hover   {}
ul.lottotabs a.wL2.current {background-color:#b2af91;}

div.lottopanes div.pane {display:none;}

/***********************************************************************/
/*** LIGHTBOX ***/
/***********************************************************************/
#SLB-Wrapper {
  margin:0.5em 0;
  margin:auto;
  font-family:Verdana;
  text-align: left;
  position: absolute;}

#SLB-Wrapper #SLB-Background{
  position: absolute;
  left:7px;
  top:7px;
  float:left;}

#SLB-Wrapper #SLB-Top {
  background:transparent no-repeat scroll 100% 0;
  height:28px;
  margin:0 0 0 18px;}
#SLB-Wrapper #SLB-Top img {
  float:right;
  border:0px;
  margin:6px 10px;}

#SLB-Wrapper #SLB-Top div {
  background:transparent no-repeat scroll 0 0;
  font-size:0;
  height:28px;
  left:-18px;
  line-height:0;
  position:relative;
  width:18px;}

#SLB-Wrapper #SLB-Bottom {
  background:transparent no-repeat scroll 0 43%;
  height:20px;
  margin:0 18px 0 0;}

#SLB-Wrapper #SLB-Bottom #SLB-BottomRight {
  background:transparent no-repeat scroll 100% 43%;
  font-size:0;
  height:20px;
  right:-18px;
  line-height:0;
  position:relative;
  width:100%;
  float:right;}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav, #SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{
  height:52px;}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav {
  background-position:0 100%;}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{
  background-position:100% 100%;}

#SLB-Wrapper #SLB-Contenido {
  border-left: 7px solid #000;
  border-right: 7px solid #000;}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador{
  font-size: 11px;
  color: #fff;
  height:30px;
  border-left:0px;
  border-right:0px;
  padding:10px 0px;
  margin:0;
  line-height:11px;
  float:left;
  width:100%;}

#SLB-Wrapper #SLB-Navegador img{
  border:0px;}

#SLB-Wrapper #SLB-Navegador strong{
  display: block;}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btLeft{
  float: left;
  margin: 0 10px 0 0;}
#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btRight{
  float: right;
  margin: 0 0 0 10px;
  position:relative;
  right:17px;}

/***********************************************************************/
/*** Up & Down de Politica - Cara a Cara y Debate Abierto ***/
/***********************************************************************/
.vertical_ccda {
	position: relative; 
	width: 190px; 
	height: 105px;
	*height: 105px; 
	overflow: hidden;
	margin: 0px;
	padding: 0px;}
	
.items_ccda {
	position: absolute; 
	margin: 0px;
	width:190px; 
	height: 105px;
	*height: 105px;}
	
.items_ccda DIV {
	width:190px;
	border-bottom: 1px solid #ffffff; 
	/*margin-left:5px;*/
	padding:6px 5px 5px 5px;}  /*top - right - bottom - left*/ /*1px 5px 2px 5px*/
		
#actions {
	margin: 0px; 
	/*width: 50px; 
	height:30px;*/}
	
#actions A {
	color: #666666; 
	font-size:11px; 
	cursor: pointer;}
	
#actions A:hover {
	color: #000000; 
	text-decoration: underline;}
	
.disabled {
	visibility: hidden;}
	
.nextPage {
  float: right;
  cursor: pointer;}
 
.prevPage {
  float: right;
  cursor: pointer;}