@charset "utf-8";
/* CSS Document */


/* llamada de imagenes */

.frontend .siteHeader .logoBig,
.frontend .siteHeader .headerContent input.search,
.frontend .menu a,
.frontend .siteHeader .logoSmall span.logo,
.frontend .marquesina,
.frontend .marquesina .marquesinaCont,
.frontend h2.archiveTitle,
.frontend .ratingBox .valoration span,
.frontend .ratingBox .comments span,
.frontend .ratingBoxBig .share a strong,
.frontend .commentsBox .commentsRight textarea,
.frontend .commentsBox .commentsRight input.btSend,
.frontend .radioMain .title input.btPopup,
.frontend .radioBox .radioChange input,
.frontend .radioBox .radioChange span,
.frontend .redBox .ratingBox .comments span,
.frontend .siteNews h2.audioTitle,
.frontend .loginBox .loginBoxCont input.btRed,
.frontend .loginBox .loginBoxCont input.btGrey,
.frontend .logedBox .userMenu a,
.frontend .logedBox .userMenu a.btGrey,
.frontend .grayBox li .ratingBox div.comments span,
.frontend .internetNewsSelector input,
.frontend .topNewsBox p.title,
.frontend .topNewsTabs ul.tabsNav li a,
.frontend .topNewsTabs ul.tabsNav li a span,
.frontend .siteNews .newsImageTop input.contentPrivate,
.frontend .encuestaBox p.title,
.frontend .encuestaBox .textCont .buttons input.btRed,
.frontend a.btGrey,
.frontend a.btGrey span,
.frontend a.btGrey span span,
.frontend .redBox .redButtonBottom,
.frontend .topNewsList .redButtonBottom,
.frontend .redBox .redButtonBottom span,
.frontend .topNewsList .redButtonBottom span,
.frontend .redBox .redButtonBottom span span,
.frontend .topNewsList .redButtonBottom span span,
.frontend .redBox .redButtonTop,
.frontend .redBox .redButtonTop span,
.frontend .redBox .redButtonTop span span,
.frontend .grayBox .redButtonBottom,
.frontend .grayBox .redButtonBottom span,
.frontend .grayBox .redButtonBottom span span,
.frontend .redButton,
.frontend .redButton span,
.frontend .redButton span span,
.frontend #SiteFooter a.edicion10,
.frontend #SiteFooter a.ediciondiez,
.frontend .formsBox p.info,
.frontend .formsBox li input.datePicker,
.frontend .formsBox li input.btRegister,
.frontend .listResults li span.btView,
.frontend .nav a,
.frontend .backToStart a,
.frontend .commentsBox .redButtonBottom,
.frontend .commentsBox .redButtonBottom span,
.frontend .commentsBox .redButtonBottom span span
.frontend .backToStart a,
.frontend .grayBox li .audioplayer input,
.frontend .relatedContent ul li a span 
	{ background-image: url(../images/body/siteImages.png);
	background-repeat: no-repeat;
	background-color: transparent;}


/*********************************/

#homeBody .templateTitle { display:none; }
#homeBody .sortablePlaceHolder { display:none; }

.popupBody { background: none;}

.frontend p { 
	font-size:9pt;
	color: #919294;
	float: left;}
	
.frontend a { text-decoration: none;
	
	font-size:9pt;
	color: #919294;
	cursor:pointer;}

.frontend a:hover {	text-decoration: none;}

.frontend h1 {
	font-size: 16pt;
	float: left;
	width: 100%;}

.frontend h2 {
	font-size:11pt;
	float: left;
	width: 100%;}

.frontend h3 {
	font-size:11pt;
	float: left;
	width: 100%;}

.frontend .hidden { display: none;}

.frontend ul,
.frontend li { list-style: none; }

.frontend input,
.frontend select,
.frontend textarea {
 	font-size: 11px; 
	font-family:Arial, Helvetica, sans-serif; 
	color: #666;}

/* HEADER ***********************************************************/

.frontend .siteHeader {
	float: left;
	margin-top: 10px;
	width: 100%;
	padding-bottom: 40px;
	background: url(../images/body/backHeader.png) no-repeat bottom;
	position: relative;}
	
.frontend 	.siteHeader .logoBig {
 float: left;
 margin-top: 13px;
 margin-right: 20px;
 width: 440px;
 height: 65px;}
 
.frontend 	.siteHeader .headerContent {
 float: left;
 width: 265px;
 height: 75px;}
 
.frontend .siteHeader .headerContent .weather {
 	float: left;
 	width: 100%;
 	font-size: 15px;
 	text-transform: uppercase;
 	font-weight: bold;
 	color: #9D9D9D;}
 	
.frontend .siteHeader .headerContent .weather strong { color: #5D5D5D; display: inline; float: left; width: auto;}
.frontend .siteHeader .headerContent .weather span { float: left; width: auto;margin-left: 5px; }
.frontend .siteHeader .headerContent .weather span strong { float: none;}
 	
.frontend .siteHeader .headerContent .weather .weatherIcon {
  float: left;
  display: block;
  margin: 0 5px;
  margin-top: -4px;
  padding-top: 4px;
  width: 30px;
  height: 18px;
  }
  
  .frontend .siteHeader .headerContent .weather .weatherIcon img { 
  height: 30px; 
  float: left; 
  margin-top: -5px;
  _behavior: url(/styles/iepngfix.htc); }
  
  /* sunny - cloudy - storms - partlycloudy - fog - snow - lowrain - rain - granizo */
  /*
	.frontend .siteHeader .headerContent .weather .sunny { background-position: 0 -481px;}
	.frontend .siteHeader .headerContent .weather .cloudy { background-position: -30px -481px;}
	.frontend .siteHeader .headerContent .weather .partlycloudy { background-position: -60px -481px;}
	.frontend .siteHeader .headerContent .weather .storms { background-position: -240px -481px;}
	.frontend .siteHeader .headerContent .weather .fog { background-position: -150px -481px;}
	.frontend .siteHeader .headerContent .weather .snow { background-position: -90px -481px;}
	.frontend .siteHeader .headerContent .weather .lowrain { background-position: -180px -481px;}
	.frontend .siteHeader .headerContent .weather .rain { background-position: -210px -481px;}
	.frontend .siteHeader .headerContent .weather .granizo { background-position: -120px -481px;}*/
 	
.frontend .siteHeader .headerContent .weather .temperature {
  float: left;
  width: 100px;
  font-weight: normal;
  font-size: 13px;}
  
.frontend .siteHeader .headerContent .weather .temperature span  { margin-left: 0;}
  
.frontend .siteHeader .headerContent input.search {
 float: left;
 margin: 7px 0;
 padding: 2px 0;
 padding-right: 3px;
 padding-left: 5px;
 width: 255px;
 height: 21px;
 background-position: -208px -950px;
 font-size: 16px;
 color: #AD0000;}
 
.frontend 	.siteHeader .headerContent .menu {
 float: left; width: 100%;}
 
.frontend .menu a {
 	float: left;
 	height: 22px;
 	color: #fff;
 	margin-right: 4px;
 	overflow: hidden;
 	position: relative;}
 	
.frontend .menu a span { position: absolute; top: -5000px;}
 	
.frontend .menu a.btVideo,
.frontend .menu a.btVideoActive{
  background-position: -208px -975px;
  width: 60px;}
  
.frontend .menu a.btInternet,
.frontend .menu a.btInternetActive {
  background-position: -268px -975px;
  width: 72px;}
  
.frontend .menu a.btNotas,
.frontend .menu a.btNotasActive {
  background-position: -340px -975px;
  width: 56px;}
  
.frontend .menu a.btAudios,
.frontend .menu a.btAudiosActive{
  background-position: -396px -975px;
  width: 62px;
  margin-right: 0;}
  
  .frontend .menu a.btVideo:hover, 
  .frontend .menu a.btVideoActive { background-position: -208px -997px;}
  .frontend .menu a.btInternet:hover, 
  .frontend .menu a.btInternetActive {background-position: -268px -997px;}
  .frontend .menu a.btNotas:hover, 
  .frontend .menu a.btNotasActive{ background-position: -340px -997px;}
  .frontend .menu a.btAudios:hover, 
  .frontend .menu a.btAudiosActive { background-position: -396px -997px;}
  
  .frontend .menu a.btVideo:hover { _background-position: -208px -975px;}
  .frontend .menu a.btInternet:hover {_background-position: -268px -975px;}
  .frontend .menu a.btNotas:hover { _background-position: -340px -975px;}
  .frontend .menu a.btAudios:hover { _background-position: -396px -975px;}
  
  .frontend .backToStart {
	  float: left;
	  width: 200px;
	  height: 23px;
	  position: absolute;
	  top: -5px;
	  right: -20px;
	  background: #fff;
	  margin-top: 120px; /* agregado por gaston */}
  
  .frontend .backToStart a {
	  float: left;
	  display: block;
	  background-position: 0px -1777px;
	  width: 126px;
	  height: 23px;
	  cursor: pointer;}
  
  .frontend .backToStart a:hover { background-position: -126px -1777px;}
  
  .frontend .backToStart a span { display: none;}
  
.frontend 	.siteHeader .logoSmall {
 float: right;
 margin-top: 25px;
 width: 225px;}
 
.frontend .siteHeader .logoSmall span { 
 	float: left; 
 	width: 95%; 
 	text-align: center;
 	font-size: 10px;}
 
.frontend .siteHeader .logoSmall span.logo {
 	width: 100%;
 	margin-top: 10px;
 	height: 30px;
	background-position: -196px -136px;}
  
  
  
/* TICKER O MARQUESINA ****************************/

.frontend .marquesina {
	float: left;
	margin-top: 10px;
	width: 100%;
	height: 73px;
	background-position: 0 -281px;}
	
.frontend 	.marquesina .marquesinaCont {
 float: left;
 display: block;
 margin-top: 21px;
 padding: 17px 2% 18px 2%;
 height: 17px;
 width: 96%;
 color: #333;
 overflow: hidden;
 background-position: right -355px;
 *background-position: 469px -355px;}
 
.frontend .marquesina .marquesinaCont .text { float: left; width: 1000000px;}
 
.frontend .marquesina .marquesinaCont a {
 	float: left;
 	padding-right: 10px;
 	margin-right: 10px;
 	font-size: 18px;
 	text-transform: uppercase;
 	color: #333;
 	border-right: 2px solid #AD0000;}
 	
.frontend .marquesina .marquesinaCont a strong {color: #AD0000; font-weight: bold;}
 	

/* titulos ********************/

.frontend 	.title h1 {
	float: left;
	display: block;
	width: 90%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 38px;
	font-weight: normal;}
	
	.frontend 	.title h1.small { font-size: 25px; padding: 0 0 10px 0;}
	
.frontend 	h2.archiveTitle {
	 float: left;
	 padding-left: 11%;
	 padding-top: 16px;
	 margin: 10px 0;
	 height: 20px;
	 width: 88%;
	 font-size: 16px;
	 background: url(../images/body/siteImages.png) 0 -1408px no-repeat;	}

/* TELEVISOR videoMain ***************************************/

.frontend .videoMain {
	float: left; width: 100%; position: relative;}
	
.frontend .title { position: relative; overflow: hidden; float: left; width: 100%;}
.frontend .audioChannels .title h1 { padding-bottom: 10px;}
	
.frontend .primary-large-column .columnRight .title .titleSmall { margin-top: 13px;}
	
.frontend .tvBox {
	float: left;
	width: 100%;}
	
/*.frontend .primary-no-column .secondary-single-column .tvBox { width: 810px; height: 635px;}*/

.frontend .tvBox .televisor {
	float: left;
	width: 100%;
	height: 400px;
	background: url(../images/body/tvBox.jpg) no-repeat;
	}
	
	.frontend .primary-large-column .columnRight .tvBox .televisor,
	.frontend .primary-no-column .tvBox .televisor{
		background: url(../images/body/tvBoxColumn.jpg) no-repeat;
		height:315px;}
		
	.frontend .primary-short-column .columnRight .tvBox .televisor {
		background: #000;
		height:241px;}
		
	
	.frontend .tvBox .televisor .televisorLight {
		float: left;
		margin-top: 26px;
		width: 7px;
		height: 280px;
		padding-left:25px;}
		
		.frontend .primary-large-column .columnRight .tvBox .televisor .televisorLight,
		.frontend .primary-no-column .tvBox .televisor .televisorLight {margin-top: -40px; padding-left:20px; }
		
		.frontend .primary-short-column .columnRight .tvBox .televisor .televisorLight { display:none;}
		
	.frontend .tvBox .televisor .televisorLightRight  { padding:0; }
	.frontend .primary-large-column .columnRight .tvBox .televisor .televisorLightRight,
	.frontend .primary-no-column .tvBox .televisor .televisorLightRight { padding-left: 0px;}
		
	.frontend .tvBox .televisor .flowplayer,
	.frontend .tvBox .televisor .flowplayer a,
	.frontend .tvBox .televisor .flowplayer object {
		float: left;
		margin: 0;
		margin-top: 26px;
		width: 398px;
		height: 280px;}
		
		.frontend .primary-large-column .columnRight .tvBox .televisor .flowplayer,
		.frontend .primary-large-column .columnRight .tvBox .televisor .flowplayer a,
		.frontend .primary-large-column .columnRight .tvBox .televisor .flowplayer object,
		.frontend .primary-no-column .tvBox .televisor .flowplayer,
		.frontend .primary-no-column .tvBox .televisor .flowplayer a,
		.frontend .primary-no-column .tvBox .televisor .flowplayer object{ 
			margin-top: 14px; width:310px; height:250px; padding-left:0px;}
		
		.frontend .tvBox .televisor .flowplayer a,
		.frontend .tvBox .televisor .flowplayer object { margin: 0;}
		
		.frontend .tvBox .televisor .flowplayer .streaming,
		.frontend .tvBox .televisor .flowplayer .playertv {height: 310px; }
		
		.frontend .primary-large-column .columnRight .tvBox .televisor .flowplayer .streaming,
		.frontend .primary-large-column .columnRight .tvBox .televisor .flowplayer .playertv,
		.frontend .primary-short-column .columnRight .tvBox .televisor .flowplayer .streaming,
		.frontend .primary-short-column .columnRight .tvBox .televisor .flowplayer .playertv,
		.frontend .primary-no-column .tvBox .televisor .flowplayer .streaming,
		.frontend .primary-no-column .tvBox .televisor .flowplayer .playertv {height:241px;}
		
		.frontend .primary-short-column .columnRight .tvBox .televisor .flowplayer,
		.frontend .primary-short-column .columnRight .tvBox .televisor .flowplayer a,
		.frontend .primary-short-column .columnRight .tvBox .televisor .flowplayer object { margin-top: 0; padding-left: 0;  width:300px; height:241px;}
		
		
	
.frontend .tvBox .tvPlayer {
	 margin-top: 0px;
	 float: left;
	 width: 540px;
	 height: 450px;}
 
.frontend .primary-no-column .secondary-single-column .tvBox .tvPlayer {
 	margin: -42px 0 15px 50px;
 	width: 810px;
 	height: 625px;}
 
.frontend .tvAd {
	 float: left; width: 100%; 
	 margin-top: 10px;
	 position: absolute;
	 z-index: 2;
	 top: 362px;
	 right: 170px;
	 width: auto;}
 
.frontend .primary-large-column .videoMain .tvAd {
	 position: absolute;
	 z-index: 2;
	 top: 258px;
	 right: -13px;
	 width: auto;}
 
.frontend .tvAd a { width: auto; display: block; margin: 0 auto; text-align: center;}
 
.frontend .ratingBox {
	 float:left;
	 margin-top: 10px;
	 width: 100%;}
	 
	 .frontend .siteNews .ratingBox { margin-top: 0; } 
 
 .frontend .videoMain .ratingBox { 
 	width: 80%; 
	padding-left: 10%; 
	margin-top: -30px; 
	margin-bottom: 0;
	position: relative; z-index: 1;}
	
 
.frontend .primary-no-column .secondary-single-column .videoMain .ratingBox { 
	width: 70%; 
	padding-left: 16%; 
	margin-bottom: 0; 
	margin-top: -30px; }
 	
.frontend .ratingBox .valoration,
.frontend .ratingBox .comments,
.frontend .ratingBox .visits {
 	float: left; 
 	width: auto;
 	padding-right: 5px;
 	margin-right: 5px;
 	border-right: 1px solid #999;
 	font-size: 11px;
 	color: #D60000;}
 	
.frontend .siteNewsSmall .ratingBox .comments { border: none; padding-right: 0;}
 	
.frontend .ratingBox .valoration span {
 	float: left;
 	margin: 0 3px 0 0;
 	width: 13px;
 	height: 12px;
 	background-position: 0 -517px;}
	
	.frontend .videoMain .ratingBox .valoration span {
		width:14px; height: 13px; background-position:0 -571px; margin-top: -1px;}
		
	.frontend .redBox .ratingBox .valoration span,
	.frontend .videoMain .redBox .ratingBox .valoration span{ 
	width:11px; height: 10px; background-position:-1px -546px;}
	
	
 	
.frontend .ratingBox .comments span {
 	float: left;
 	margin: 0 5px 0 0; 
 	width: 13px;
 	height: 12px;
 	background-position: -24px -578px;	}
 	
.frontend .ratingBox .comments a {
 	font-size: 11px;
 	color: #D60000;}
 	
.frontend .ratingBox .comments a:hover { color: #000;  text-decoration: none;}

.frontend .ratingBox .share { float: left; width: 250px; font-size: 11px; color: #666;}
.frontend .videoMain .ratingBox .share { width: auto;}
.frontend .primary-short-column .secondary-two-columns .ratingBox .share,
.frontend .primary-short-column .columnRight .secondary-single-column .ratingBox .share { float: left; clear: left; width: 100%;}
 	
.frontend .ratingBox .share a { padding: 0 2px; }
.frontend .ratingBox .share a strong { color: #555; font-size: 11px;}
.frontend .ratingBox .share a:hover,
.frontend .ratingBox .share a:hover strong { color: #000; text-decoration: none;}
 
.frontend .videoMain .ratingBox .valoration,
.frontend .videoMain .ratingBox .comments,
.frontend .videoMain .ratingBox .visits,
.frontend .videoMain .ratingBox .comments a,
.frontend .videoMain .ratingBox .valoration span,
.frontend .videoMain .ratingBox .share a strong,
.frontend .videoMain .ratingBox .share a:hover,
.frontend .videoMain .ratingBox .share a:hover strong{ color: #fff;}
 
.frontend .videoMain .ratingBox .comments span { display: none;}
.frontend .videoMain .redBox .ratingBox .comments span { display: block;}
.frontend .liveChannels .redBox .ratingBox .comments span { display: none;}
.frontend #VideoChannels .ratingBox .comments span { display: none;}

/* fecha ****************************/

.frontend .siteNews .date { 
	float: left;
	clear: left;
	width: 100%;	
	display: block;
	margin-top: 5px;
	color: #666;}
	
	.frontend .siteNews .date span { color: #333;}
	
/* aumentar y reducir */

.frontend .ratingBox .textUp,
.frontend .ratingBox .textDown {
	padding-left: 2px;
	font-size: 11px;
	color: #000;
	font-weight: bold;}
	
	.frontend .ratingBox .share .textDown:hover,
	.frontend .ratingBox .share .textUp:hover { color: #C00;}
	
/* jquery rating *********/

.readRating { float: left; width: auto; padding-right: 10px;}

.frontend div.rating-cancel,
.frontend div.star-rating{
		float:left;
		width:13px;
		height:12px;
		text-indent:-999em;
		cursor:pointer;
		display:block;
		background:transparent;
		overflow:hidden; 
		margin: 2px;}


.frontend div.rating-cancel a,
.frontend div.star-rating a,
.frontend .grayBox li div.star-rating a {
		display:block;
		width:13px;
		height:12px;
		background-position:0 0;
		border:0;}

.frontend div.star-rating,
.frontend div.star-rating a {
	background:url(/images/body/starg.png) no-repeat 0 0;
	_background:url(/images/body/star.gif) no-repeat 0 0px}
	
.frontend .redBox div.star-rating,
.frontend .redBox div.star-rating a {
	background:url(/images/body/stargray.png) no-repeat 0 0;
	_background:url(/images/body/stargrayie.png) no-repeat 0 0px}
	
.frontend div.star-rating-on a {
	background:url(/images/body/starr.png) 0 0 no-repeat;
	_background:url(/images/body/star.gif) 0 -12px no-repeat;}
	
.frontend .redBox div.star-rating-on a{
	background:url(/images/body/starpink.png) no-repeat 0 0;
	_background:url(/images/body/starpinkie.png) no-repeat 0 0px}
	
.frontend div.star-rating-hover a  {
	background:url(/images/body/stary.png) 0 0 no-repeat;
	_background:url(/images/body/star.gif) 0 -24px no-repeat;}

.frontend div.rating-cancel,
.frontend div.rating-cancel a,
.frontend .redBox div.rating-cancel,
.frontend .redBox div.rating-cancel a{
	background:url(/images/body/cancel-rating.gif) 0 0 no-repeat;}
	

/* Read Only CSS */
.frontend div.star-rating-readonly a{cursor:default !important}

/* Partial Star CSS */
.frontend div.star-rating{background:transparent!important;overflow:hidden!important}


 
 /* rating en la nota */
 
.frontend .ratingBoxBig .valoration,
.frontend .ratingBoxBig .comments,
.frontend .ratingBoxBig .visits { margin-right: 10px; padding-right: 10px; }
 
.frontend .ratingBoxBig .valoration,
.frontend .ratingBoxBig .comments,
.frontend .ratingBoxBig .comments a,
.frontend .ratingBoxBig .visits,
.frontend .ratingBoxBig .share a strong{ font-size: 14px;}
 
.frontend .ratingBoxBig .share a strong { margin-right: 10px;}
 
/*.frontend .ratingBox .valoration span,*/
.frontend .ratingBox .comments span { margin-top: 2px;}

.frontend .ratingBoxBig .share a strong {
 	float: left;
 	position: relative;
 	z-index: 1;
 	margin-top: -4px;
 	padding: 2px 0;
 	width: 77px;
 	height: 16px;
 	background-position: -329px -1542px;
 	color: #fff;
 	text-align: center;}
 	
.frontend .ratingBoxBig .share a:hover strong { background-position: -329px -1562px; color: #fff;}
 
	
	/* caja de comentarios */
	
.frontend .commentsBox {
 float: left;
 display: block;
 margin-top: 10px;
 height: 284px;
 width: 100%;
 padding: 0;
 background: #f7f7f7 url(../images/body/grayBoxBottom.png) no-repeat left bottom;}
 
.frontend .commentsBox .commentsBoxCont {
 	float: left;
 	width: 94%;
	height: 265px;
 	padding: 15px 3% 0 3%;
 	background: url(../images/body/grayBoxTop.png) no-repeat;}
 	
.frontend .commentsBox .commentsLeft {	float: left;width: 54%; }
	
.frontend .primary-short-column .commentsBox .commentsLeft { width: 64%;}
	
.frontend .primary-large-column .commentsBox .commentsLeft { width: 59%;}
	
.frontend .commentsBox .commentsRight {float: right;width: 45%;}
 	
.frontend .primary-short-column .commentsBox .commentsRight {width: 35%; }

.frontend .primary-large-column .commentsBox .commentsRight { float: right; width: 40%;height: 260px; _overflow:hidden; }

/* comentarios de tv en columna derecha */
.frontend .primary-large-column .columnRight .commentsBox .commentsLeft,
.frontend .primary-no-column .commentsBox .commentsLeft { width: 49%;}
.frontend .primary-large-column .columnRight .commentsBox .commentsRight,
.frontend .primary-no-column .commentsBox .commentsRight { width: 49%;}

.frontend .primary-short-column .columnRight .commentsBox .commentsLeft { width: 100%;}
.frontend .primary-short-column .columnRight .commentsBox .commentsRight { display:none;}

	/* loaders **************/
	
	.frontend .boxLoader,
	.frontend .grayBoxCont .boxLoader{ width: 100%; text-align: center; height:161px;}
	.frontend .internetNewsSelector .boxLoader { height: 50px; margin-top: 20px;}
	.frontend #AudioChannels .boxLoader { height: 114px;}
	
	.frontend .audioLiveBox .boxLoader { height: 50px;}
	.frontend .audioLiveBox .boxLoader img { margin-top: 20px;}
	.frontend .primary-no-column .internetNewsSelector .boxLoader { height: 10px; margin-top: 0;}
	.frontend .primary-no-column .internetNewsSelector .boxLoader img { margin-top: 10px;}
	/*.frontend #AudioChannels { height: 80px;}*/
	
	.frontend .boxLoader img,
	.frontend .grayBoxCont .boxLoader img {margin: 60px auto 0 auto;}
	
	.frontend .grayBoxCont .boxLoader { height:95px;}
	.frontend .grayBoxCont .boxLoader img {margin: 30px auto 0 auto;}
	
	.frontend #AudioChannels .boxLoader img { margin-top: 15px;}
 	
.frontend .commentsBox p.commentsTitle {
 	float: left;
	_float: none;
	_display: block;
 	margin-bottom: 10px;
 	width: 100%;
 	font-size: 16px;
 	color: #000;}
	
.frontend .commentsBox .commentsList {
	float: left;
	margin-bottom: 15px;
	width: 95%;
	*width: 93%;
	padding-right: 5%;
	height: 205px;
	overflow: hidden;
	overflow-y: scroll;}
 	
.frontend .commentsBox .comment {
 	float: left;
 	margin-bottom: 10px;
 	width: 100%;}
 	
.frontend .commentsBox .comment .userID {
  float: left;
  margin-bottom: 3px;
  width: 100%;
  font-size: 15px;
  color: #8F181B;}
  
.frontend .commentsBox .comment .commentText span{
	float: left;
	margin-top: 3px;
  	color: #6A6A6A;
  	font-size:11px;}
	
	.frontend .commentsBox .comment .commentText span span { float: none; display: inline; margin: 0; white-space:nowrap;}
  	
.frontend .commentsBox .comment .commentText {
  float: left;
  margin-bottom: 5px;
  width: 100%;
  font-size: 11px;
  color: #2C2C2C;
  _float: none;
  _display: block;}
  	
.frontend .commentsBox .commentsRight p {
 	float: left;
 	width: 100%;
	_float: none;
  _display: block;
  height: 15px;
	margin-bottom: 10px;
 	font-size: 13px;
 	color: #000;}
	
	.frontend .commentsBox .commentsRight p.info { font-size: 11px;  }
 	

.frontend .commentsBox .commentsRight input.btSend {
 	float: left;
 	width: 140px;
 	height: 24px;
 	font-size: 12px;
 	text-transform: uppercase;
 	font-weight: bold;
 	color: #fff;
 	background-position: -90px -892px;
 	cursor: pointer;}
 	
.frontend .commentsBox .commentsRight input.btSend:hover { background-position: -90px -916px;}
 	
.frontend .commentsBox .commentsRight .setValoration {
 	float: left;
 	width: 100%;
 	padding: 10px 0 0 0; 
	*padding: 10px 0 5px 0; }
 	
.frontend .commentsBox .commentsRight .setValoration p {
  float: left;
  width: auto;
  font-size: 12px;
  color: #8C0000;}
  
.frontend .commentsBox .commentsRight .setValoration .valoration {
  float: left; 
   width: 105px;
   height: 15px;
   overflow:hidden;
  margin-top: 2px;
  padding-left: 5px;}
  
.frontend .commentsBox .commentsRight .setValoration .valoration input {
  float: left;
  display: none;
  margin: 0 3px 0 0;
  width: 13px;
  height: 12px;
  background: #ccc;
  cursor: pointer;
  padding: 0;}
  
.frontend 	.commentsBox .commentsRight .setValoration .valoration input:hover { }
  
/* radio ************************************/

.frontend .radioMain {
	float: left;
	width: 100%;
	margin-top: 10px;}
	
.frontend 	.radioMain .title input.btPopup {
 float: right;
 clear: right;
 margin-top: 15px;
 width: 22px;
 height: 17px;
 background-position: -23px -518px;
 cursor: pointer;}
 
.frontend .radioMain .title input.btPopup:hover { background-position: -23px -535px;}

.frontend .radioBox,
.frontend .radioBox embed {
	float: left;
	width: 100%; }
	
	.frontend .radioBox embed { margin-top: 5px;}


	
/*.frontend 	.radioBox .radioBoxTop {
 float: left;
 padding: 7px 3%;
 width: 94%;
 margin-top: 25px;
 background: url(../images/body/radioTopBack.png) left bottom repeat-x;}
 
.frontend .radioBox .radioBoxTop p.title {
 	float: left;
 	width: 33%;
 	font-size: 18px;
 	color: #666;}
 	
.frontend .radioBox .radioBoxTop p.radioTitle {
 	float: left;
 	width: 37%;
 	padding-left: 15px;
 	font-size: 20px;
 	color: #960000;}
 	
.frontend .radioBox .radioBoxTop p.radioTitle span {
  display: block;
  font-size: 12px;
  color: #666;}
  
.frontend .radioBox .radioChange {
  float: right;
  width: 20%;}
  
.frontend 	.primary-large-column .columnLeft .radioBox .radioChange { width: 16%;}
  
.frontend 	.radioBox .radioChange input {
  	float: left;
  	width: 22px;
  	height: 22px;
  	cursor: pointer;
  	background-position: 0 -714px;}
  	
.frontend .radioBox .radioChange input.btChangeRight { background-position: -23px -714px;}
  	
.frontend .radioBox .radioChange input:hover { background-position: 0 -736px;}
.frontend .radioBox .radioChange input.btChangeRight:hover { background-position: -23px -736px;}
  	
.frontend 	.radioBox .radioChange span {
  	float: left;
  	margin: 0 5px;
  	margin-top: -2px;
  	width: 23px;
  	height: 36px;
  	background-position: 0 -613px; 
	position: relative; 
	z-index:1;}
  	
.frontend 	.radioBox .radioChange p {
  	float: left;
  	clear: left;
  	width: 100%;
  	text-align: center;}
  	
.frontend .primary-large-column .columnLeft .radioBox .radioChange p { width: 98%;}*/
  
  	
.frontend .radioBox .radioPlayer,
.frontend .siteNews .radioPlayer {
 	float: left;
 	clear: left;
 	_float: none;
 	display: block;
 	margin-bottom: 10px;}
 	
.frontend .siteNews .radioPlayer {width: 500px;}
 	
.frontend .radioBox .radioAds {
 	float: left;
 	width: 100%;}

/* RED BOX *************************************/

.frontend .redBox {
	float: left;
	width: 100%;
	background: #cf0000 url(../images/body/redBoxBottom.png) no-repeat left bottom;}
	
.frontend 	.redBox .redBoxCont {
 float: left;
 width: 96%;
 padding: 0 2%;
 background: url(../images/body/redBoxTop.png) no-repeat;}
  

.frontend .redBoxRadios .redBoxCont { padding-bottom:0;}
.frontend .primary-large-column .columnLeft .redBoxRadios .redBoxCont { padding-bottom: 0;}
 
.frontend .primary-short-column .redBox {
  background-position: -970px bottom;}
  
.frontend .primary-short-column .redBox .redBoxCont {
 	background-position: -970px 0;}
 	
.frontend .primary-large-column .redBox {
 	background-position: -1590px bottom;}
 	
.frontend .primary-large-column .redBox .redBoxCont {
 	background-position: -1590px 0;}
 	
.frontend .primary-large-column .columnRight .redBox {
 	background-position: -2110px bottom;}
 	
.frontend .primary-large-column .columnRight .redBox .redBoxCont {
 	background-position: -2110px 0;}
 	
 
.frontend .redBox p.title { font-size: 16px; color: #fff; padding-top: 10px; width: 60%;}
	
.frontend .primary-large-column .columnRight .redBox p.title { width: 60%;}
	
.frontend .redBox ul { float: left; width: 100%; padding-top: 10px;}

.frontend .videoChannels .redBox ul { padding-top: 13px; padding-bottom: 6px;}
.frontend .videoChannels .redBox .redBoxCont { height: 161px;}
.frontend .audioChannels .redBox .redBoxCont { height: 124px;}
 .frontend .videoArchives .redBox .redBoxCont { height: 324px;}
 .frontend .videoArchives .boxLoader{ height:324px;}
	
.frontend .redBox li { 
	float: left; 
	width: 27%; 
	padding: 0 3%; 
	_padding: 0 2%; 
	margin-bottom: 15px; 
	*margin-bottom: 0; 
	*padding-bottom:15px; 
	position: relative;
	overflow: hidden;}
	
	.frontend .redBox li span { color: #fff;}
	
.frontend .primary-large-column .columnRight .redBox li { float: left; width: 31%; padding: 0 1%; *padding-bottom:15px; *margin-bottom: 0; *margin-right: -1px; }

.frontend .redBoxRadios li,
.frontend .primary-large-column .columnLeft .redBoxRadios li,
.frontend .primary-large-column .columnRight .redBoxRadios li{ 
	width: 63px; height: 63px; padding: 3px; margin: 0 5px 0 4px;}
	
	.frontend .primary-large-column .columnLeft .redBoxRadios li{ 
	padding: 3px 10px; margin: 0 8px; _margin: 0 7px;*margin-bottom: 0;}

.frontend 	.redBoxRadios .buttons { margin-top: 15px;}
	

	
.frontend .redBox li a.redBoxItem,
.frontend .topNewsList li a.redBoxItem { 
	float: left; 
	color: #fff; 
	position: relative; 
	width: 126px; 
	height: 95px; 
	overflow: hidden;
	border: 1px solid #fff;
	background: url(../images/noImage/newsthumb.jpg) no-repeat;}
	
.frontend .redBoxRadios li a.redBoxItem {
	float: left;
	display: block;
	width: 54px;
	height: 54px;
	padding: 3px;
	text-align: center;}
	
	
.frontend .redBox li a.redBoxItem img,
.frontend .topNewsList li a.redBoxItem img { 
	float: left;
	width: 100%;
	height: 95px;
	width: auto;
	_width:126px; 
	_height: 95px;}
	
.frontend .redBoxRadios li a.redBoxItem img { width: 54px; height: 54px;}


.frontend .redBox li a.redBoxItem .image,
.frontend .topNewsList li a.redBoxItem .image { 
	float: left; height: 95px; width:126px; overflow:hidden; }
	
	.frontend .redBoxRadios li a.redBoxItem .image { height: auto; _width:126px; _height: 95px;}


.frontend .redBox li a .itemBack,
.frontend .topNewsList li a .itemBack{
 	float: left;
	margin-top: -95px;
	display: none;
 	width: 126px;
 	height: 95px;
 	background: #000;
 	opacity:.7;
 	filter:alpha(opacity=70);
 	position: absolite;
	top: 0;
	left: 0;
	z-index: 10;}
	

.frontend .redBox li a .redBoxItemContent,
.frontend .topNewsList li a .redBoxItemContent {
	 float: left;
	 text-align: left;
	 display: none;
	 width: 116px;
	 height: 85px;
	 color: #fff;
	 padding: 5px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 11;}
 	
		
.frontend .redBox li a:hover,
.frontend .topNewsList li a:hover { text-decoration: none;}
 
.frontend .redBox li a:hover .redBoxItemContent,
.frontend .redBox li a:hover .itemBack,
.frontend .topNewsList li a:hover .redBoxItemContent,
.frontend .topNewsList li a:hover .itemBack { display: block;}
 	
.frontend .redBox li a .redBoxItemContent span ,
.frontend .topNewsList li a .redBoxItemContent span {
	float: left;
 	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
 	margin-bottom: 3px;
 	color: #fff;}
 	
.frontend .redBox li a .redBoxItemContent span.title,
.frontend .topNewsList li a .redBoxItemContent span.title { font-weight: bold;}

.frontend .redBox li a:hover .image span.title,
.frontend .topNewsList li a:hover .image span.title {display:none;}

.frontend .redBox li a .image span.title,
.frontend .topNewsList li a .image span.title{
float: left;
width: 116px;
padding: 5px;
color: #666;
font-weight: bold;}
 
.frontend .videoMain .redBox .ratingBox { padding: 0; width: 105%; margin: 0; margin-top: 5px;}
 
.frontend .redBox .ratingBox,
.frontend .topNewsList .ratingBox { margin-top: 5px;}
 
.frontend .redBox .ratingBox .valoration, 
.frontend .redBox .ratingBox .comments,
.frontend .topNewsList .ratingBox .valoration, 
.frontend .topNewsList .ratingBox .comments { margin-right: 5px; padding-right: 0; border: none;}
 
.frontend .redBox .ratingBox .comments,
.frontend .topNewsList .ratingBox .comments { margin-right: 0; color: #fff; padding-left: 3px;}
 
.frontend .redBox .ratingBox .comments span {background-position: -24px -593px;	}
 
.frontend .redBox .ratingBox .comments a,
.frontend .redBox .ratingBox .comments a:hover { color: #fff;}
 

.frontend .redBox .buttons,
.frontend .topNewsList .buttons {
	float: left;
	width: 100%;}
	
.frontend .videoArchives .redBox .buttons { *margin-top: 3px;}
.frontend .liveChannels .redBox .buttons { *margin-top: 16px;}
	
.frontend .topNewsList .buttons { margin-top: 10px;}

.frontend .primary-large-column .columnRight .liveChannels .redBox li { width:92px; padding: 0 3px; }
.frontend .primary-large-column .columnLeft .liveChannels .redBox li { width:92px; padding: 0 3%;}

.frontend .liveChannels .redBox li a.redBoxItem { width:92px; height:70px; }
.frontend .liveChannels .redBox li a.redBoxItem img,
.frontend .liveChannels .redBox li a.redBoxItem .image { height:70px; width: 92px; }

.frontend .liveChannels .redBox li a.redBoxItem img { height:70px; width: 92px; }

.frontend .liveChannels .redBox li a .itemBack {width:92px; height:70px; margin-top: -70px;}
.frontend .liveChannels .redBox li a .redBoxItemContent {width: 82px; height:70px;}

	
	/* notas de audio en la nota */
	
.frontend .siteNews .audioNewsBox { margin: 0 0 10px 0;}
	
.frontend .siteNews .audioNewsBox a {
 float: left;
 padding: 5px 1% 10px 1%;
 margin-left: -1px;
 width: 48%;
 color: #fff;
 font-size: 12px;}
 
.frontend .siteNews .audioNewsBox a strong {
 	display: block;
 	margin-bottom: 5px;
 	text-transform: uppercase;
 	font-size: 14px;}
 	
.frontend .siteNews h2.audioTitle,
.frontend .siteNews h2.relatedTitle{
 float: left;
 width: 90%;
 padding-left: 3%;
 margin: 10px 0 10px 0;
 font-size: 16px;}
 
.frontend .siteNews h2.audioTitle{ background-position: 0px -686px;}
 
.frontend .siteNews h2.relatedTitle {
 padding-left: 0;}
	
	
/* loginBox *******************/

.frontend .loginBox {
	float: left;
	width: 100%;
	padding-bottom: 10px;}
	
	.frontend .commentsBox .commentsRight .loginBox { margin: 0;}
	
.frontend .primary-large-column .loginBox { margin-top: 10px; }
	
.frontend .loginBox a.btPrimicia {
 float: left;
 margin-left: -15px;
 width: 314px;
 height: 116px;
 background: url(../images/buttons/btPrimiciaSmall.png) no-repeat;
 position: relative;
 overflow: hidden;}
 
.frontend .loginBox a.btPrimicia span { position: absolute; top: -5000px;}
 
.frontend .primary-large-column .loginBox a.btPrimicia {
 	width: 205px;
 	height: 191px;
 	background: url(../images/buttons/btPrimicia.jpg) no-repeat;}
 
.frontend .loginBox .loginBoxCont {
 float: left;
 margin-top: 5px;
 width: 100%;
 background: #f7f7f7 url(../images/body/grayBoxBottom.png) no-repeat -2520px bottom;}
  
 .frontend .primary-short-column .loginBox .loginBoxCont { margin-top: 15px; }
  
.frontend .loginBox .loginBoxCont .cont {
 	float: left;
 	padding: 10px 0 10px 0;
 	padding-left: 4%;
 	width: 96%;
 	height: 176px;
 	background: url(../images/body/grayBoxTop.png) no-repeat right top;}
	

.frontend .commentsBox .commentsRight .loginBox .loginBoxCont,
.frontend .commentsBox .commentsRight .loginBox .loginBoxCont .cont { background: none; margin: 0; padding: 0; width: 100%;}
.frontend .commentsBox .commentsRight .loginBox .loginBoxCont { padding-bottom: 10px;}
	
.frontend .primary-large-column .loginBox .loginBoxCont {
 	float: right;
 	width: 53%;
	background-position: right bottom;}
	
	.frontend .primary-large-column .loginBox .loginBoxCont .cont { 
		height: 186px;
		padding-top: 0;
		padding-bottom: 0;}
 	
.frontend .loginBox .loginBoxCont p.title {
 	float: left;
 	width: 100%;
 	padding: 10px 0 0 0;
 	color: #000;
 	font-size: 14px;
 	font-weight: bold;
	margin-bottom: 5px;}
	
	.frontend .primary-large-column .loginBox .loginBoxCont p.title { padding-top: 5px; margin-bottom: 3px;}
	
	.frontend .commentsBox .loginBox .loginBoxCont p.title { padding-top: 0;}
 	
.frontend .loginBox .loginBoxCont .contInputs { float: left; width: 100%; padding: 0 0 5px 0;  _float: none; display: block;}
	.frontend .primary-large-column .loginBox .loginBoxCont .contInputs {padding: 0 0 5px 0;}
 	
.frontend .loginBox .loginBoxCont input,
.frontend .commentsBox .commentsRight .nickName {
 	float: left;
 	padding: 2px 3px;
 	padding-top: 4px;
	margin: 0;
	margin-top: 10px;
 	width: 90%;
 	height: 19px;
 	background: #fff;
 	border: 1px solid #900;
 	color: #666;
 	font-size: 14px;}
	
	.frontend .primary-large-column .loginBox .loginBoxCont input { margin-top: 7px;}
	
	.frontend .commentsBox .commentsRight .nickName { width: 181px; border: 1px solid #900; margin-top: 0; margin-bottom: 10px;}
	
	.frontend .commentsBox .commentsRight textarea {
 	float: left;
	margin: 0;
 	margin-bottom: 10px;
 	padding: 4px;
 	width: 180px;
	*width: 180px;
 	height: 66px;
 	background: #ffffff;
 	border: 1px solid #9b0000;
 	font-size: 12px;
 	color: #666;}
	
	.frontend .commentsBox .commentsRight textarea.error,
	.frontend .commentsBox .commentsRight input.error {color: #900;	border: 1px dotted red;}
 	
 	
.frontend .loginBox .loginBoxCont input.btRed,
.frontend .loginBox .loginBoxCont input.btGrey{
 	float: left;
 	border: none;
 	padding: 0 2px;
 	width: 90px;
 	height: 22px;
 	text-transform: uppercase;
 	color: #fff;
 	font-weight: bold;
 	font-size: 13px;
 	cursor: pointer;
 	background-position: 0px -892px;}
 	
.frontend .loginBox .loginBoxCont input.btRed { 
 	clear: left;
 	margin-right: 10px;
 	background-position: 0px -914px;}
 	
.frontend .loginBox .loginBoxCont input.check { 
	width: auto; 
	height: auto; 
	padding: 0; 
	margin: 0; 
	border: none ; 
	background: none; 
	margin-top: 10px; 
	*margin-top: 5px;}

.frontend .loginBox .loginBoxCont .contInputs label {
  padding-left: 5px;
  margin-top: 10px;
  *margin-top: 8px;
  float: left; 
  width: auto;
  color: #000;
  font-size: 11px;}
 	
.frontend .loginBox .loginBoxCont input.btRed:hover { background-position: 0px -892px;}
 	
.frontend .loginBox .loginBoxCont input.btGrey:hover { background-position: 0px -914px;}
  
.frontend .loginBox .loginBoxCont a.btPass {
  float: left;
  margin-top: 10px;
  *margin-top: 8px;
  padding-left: 10px;
  width: auto;
  color: #000;
  font-size: 11px;}
  
.frontend 	.loginBox .loginBoxCont a.btPass:hover { color: #C00;}
	
/* usuario logueado */
	
.frontend .logedBox .loginBoxCont { height: 176px; padding-bottom: 10px;}
 
.frontend .loginBox .loginBoxCont .cont {height: auto; padding-right: 4%; width: 92%; }
	
.frontend .logedBox .userMenu {
 float: left;
 width: 100%;
 padding: 10px 0;}
 
.frontend .logedBox .userMenu a,
.frontend .logedBox .userMenu a.btGrey{
 	float: left;
 	clear: none;
 	margin: 0;
 	padding: 4px 5px 0 5px;
 	width: auto;
 	height: 18px;
 	font-size: 12px;
 	font-weight: bold;
 	text-transform: uppercase;
 	text-align: center;
 	background-position: -250px -892px;
 	border-right: 1px solid #fff;
 	color: #fff;}
	
	.frontend .logedBox .userMenu a.btLeft { background-position: -230px -892px;}
 	
.frontend .logedBox .userMenu a.btGrey {
  clear: none;
  padding-right: 5px;
  background-position: right -914px;
  border: none;}
  
.frontend .logedBox .userMenu a.btLeft  {
  padding-left: 0;}
  
.frontend .logedBox .userMenu a.btLeft span {
  float: left;
  padding-left: 5px;
  width: auto;
  height: 18px;}
  
.frontend .logedBox .userMenu a.btGrey span {
  float: left;
  background: none;
  width: auto;
  padding: 0;
  padding-right: 5px;
  height: 18px;}
 	
.frontend 	.logedBox .userMenu a:hover { background-position: -250px -914px;}
.frontend 	.logedBox .userMenu a.btLeft:hover { background-position: -230px -914px;}
 	
.frontend .logedBox .userMenu a.btGrey:hover {  background-position: right -892px;}
 	
.frontend .logedBox p.creditsTxt { float: left; width: auto; color: #000;}
.frontend .logedBox a.linkRed { float: right; width: auto; color: #c90000;}
  
	
/* lo que pasa en la radio */


.frontend .grayBox {
	float: left;
	display: block;
	width: 100%;
	background: #f7f7f7 url(../images/body/grayBoxBottom.png) no-repeat left bottom;}
 
.frontend 	.grayBox .grayBoxCont {
 float: left;
 width: 94%;
 padding: 15px 3%;
 padding-bottom: 0;
 background: url(../images/body/grayBoxTop.png) no-repeat;}
 
 .frontend 	.topNewsBox .grayBox .grayBoxCont {
	height: 438px;
	*height: 428px;
 }

 
.frontend .primary-short-column .grayBox,
.frontend .primary-short-column .commentsBox {
  background-position: -970px bottom;}
  
.frontend .primary-short-column .grayBox .grayBoxCont,
.frontend .primary-short-column .commentsBox .commentsBoxCont{
  background-position: -970px 0;}
  
.frontend .primary-short-column .columnRight .grayBox,
.frontend .primary-short-column .columnRight .commentsBox{
  	background-position: -2520px bottom;}
  	
.frontend .primary-short-column .columnRight .grayBox .grayBoxCont,
.frontend .primary-short-column .columnRight .commentsBox .commentsBoxCont{
  	background-position: -2520px 0;}
  
.frontend .primary-large-column .grayBox,
.frontend .primary-large-column .commentsBox{
  background-position: -1590px bottom;}
  
.frontend .primary-large-column .grayBox .grayBoxCont,
.frontend .primary-large-column .commentsBox .commentsBoxCont {
  background-position: -1590px 0;}
  
.frontend .primary-large-column .columnRight .grayBox,
.frontend .primary-large-column .columnRight .commentsBox,
.frontend .primary-no-column .commentsBox {
  	background-position: -2110px bottom;}
	
	.frontend .primary-no-column .videoMain .commentsBox { width: 410px;}
  	
.frontend .primary-large-column .columnRight .grayBox .grayBoxCont,
.frontend .primary-large-column .columnRight .commentsBox .commentsBoxCont,
.frontend .primary-no-column .commentsBox .commentsBoxCont{
  	background-position: -2110px 0;}
 
.frontend .grayBox ul { 
 float: left; 
 width: 100%; 
 _float: none; 
 _display: block;}
	
.frontend .grayBox li {
 float: left;
 padding: 0 0 10px 0;
 padding-left: 20px;
 width: 95%;
 background: url(../images/body/audioIcon.png) no-repeat;}
 
.frontend .grayBox li a {
 	float: left;
 	width: 81%;
	height: 55px;
	overflow: hidden;}
 	
.frontend .grayBox li a:hover { text-decoration: none;}
 	
.frontend .grayBox li a span.autorTitle {
	float: left;
	_float: none;
  display: block;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  width: 100%;}
  
  .frontend .grayBox li a span.autorTitle * {
  font-size: 16px;
  color: #333;
  font-weight: bold;}
  
.frontend 	.grayBox li a span.autorTitle  * strong,
.frontend 	.grayBox li a span.autorTitle  strong{
  	color: #B50000;}
	
	.frontend 	.grayBox li a span.autorTitle  * strong:first-letter { text-transform: capitalize;}
  	
.frontend .grayBox li a span.audioText {
	float: left;
	_float: none;
  width: 100%;
  display: block;
  font-size: 14px;
  color: #808080;
  font-weight: bold;}
  
.frontend 	.grayBox li a:hover span.audioText {color: #B50000;}
  
.frontend .grayBox li .ratingBox { width: 18%; margin-top:0;} 
.frontend .topNewsList li .ratingBox { width: 100%;}
 
 
.frontend .grayBox li .ratingBox div.valoration,
.frontend .grayBox li .ratingBox div.comments,
.frontend .grayBox li .ratingBox div.visits{
  float:left;
  width: 100%;
  margin: 0; 
  margin-bottom: 0px;
  padding: 0;
  border: none;}
  
.frontend 	.grayBox li .ratingBox div.comments {margin-top: 3px; }
.frontend 	.grayBox li .ratingBox div.comments span { background-position: -50px -540px; display: none; }
.frontend 	.grayBox li .ratingBox div.comments a { color: #666; font-size: 10px; height: auto; float: left; clear: left; 
width: 100%;}
.frontend 	.grayBox li .ratingBox div.visits { color: #666; font-size: 10px;}

.frontend .grayBoxRadio li .ratingBox div.comments,
.frontend .grayBoxRadio li .ratingBox div.visits {padding-left: 3px;}

.frontend 	.topNewsList li .ratingBox div.valoration span { width: 13px; height: 12px;}
.frontend 	.topNewsList li .ratingBox div.comments {margin-top: 0px; width: 100%;  }
  
.frontend .grayBox .buttons { float: left; width: 100%; margin-top: 10px; _float: none; _display: block;}
 
.frontend .grayBox li .ratingBox div.comments a { width: auto;}
.frontend .topNewsList li .ratingBox div.comments a { width: 100%;}

.frontend .grayBox li .audioplayer { float: left; width: 100%; position: relative; margin-top: 5px; display: none; }
.frontend .grayBox li .flowplayer { float: left; width: 98%; }
.frontend .grayBox li .flowplayer a { width: 100%;}
.frontend .grayBox li p.epigrafe { display: none;}
 
 .frontend .grayBox li .audioplayer input {
	 float: right;
	 position: absolute;
	 right: 5px;
	 top: -20px;
	 width: 60px;
	 height: 20px;
	 cursor: pointer;
	 background-position: -380px -1730px;}
	 
	  .frontend .grayBox li .audioplayer input:hover { background-position: -440px -1730px;}
 
/* Lo que pasa en internet ********************/

.frontend .internetBox { float: left; width: 100%; height: 100px;}


.frontend .internetNewsSelector {
	float:left;
	margin-top: 10px;
	width: 80%;
	padding: 0 10%;}
	
	.frontend .primary-no-column .internetNewsSelector { width:90%; padding: 0 5%;}
	
.frontend .internetNewsSelector input {
 float: left;
 width: 35px;
 height: 35px;
 background-position: 0px -1272px;
 border: none;
 cursor: pointer;
 position: absolute;
 top: 10px;
 }
 .frontend .internetNewsSelector input.btBack  {left: -50px;}
.frontend .internetNewsSelector input.btNext { background-position: -35px -1272px; right: -50px;}
 
.frontend .internetNewsSelector input:hover,
.frontend .internetNewsSelector input.active { background-position: 0 -1307px;}
.frontend .internetNewsSelector input.btNext:hover { background-position: -35px -1307px;}
 
.frontend .internetNewsSelector li a { 
 float: left;
 margin-top: 10px;
 padding: 0px;
 width: 146px;
 height: 36px;}
 
 .frontend .internetNewsSelector li a span,
 .frontend .internetNewsSelector li a img { width: 140px; height: 36px;}
 

/* jquery carrousel ***************/


/**/

.frontend .jcarousel-container-horizontal {  width: 100%;}

.frontend .jcarousel-clip-horizontal {  width: 100%; height: 60px;}

.frontend .jcarousel-container { position: relative; float: left; width: 100%;}

.frontend .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;}

.frontend .jcarousel-list {
	float: left;
    z-index: 1;
    overflow: hidden;
    position: relative;}

.frontend .jcarousel-list li,
.frontend .jcarousel-item,
.frontend .internetNewsSelector li {
    float: left;
	display: block;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 146px;
    height: 60px;}

.frontend .jcarousel-next { z-index: 3; display: none;}
.frontend .jcarousel-prev { z-index: 3; display: none;}

/* monitor */
 
.frontend .internetMonitor {
	float: left;
	width: 99%;
	padding: 7px 7px;
	margin-top: 10px;
	background: url(../images/body/internetBackBigNoLightSmall.jpg) no-repeat;
	_float: none;
	_display: block;}
	
.frontend .primary-no-column .internetMonitor { width: 99%; padding: 9px 8px; background: url(../images/body/internetBackBigNoLight.jpg) no-repeat;}

.frontend .internetMonitor .monitorLight { float: left; height: 352px;}
.frontend .primary-no-column .internetMonitor .monitorLight { float: left; height: 549px;}

.frontend 	.internetMonitor .news {
	 float: left;
	 width: 95%;
	 height: auto;
	 overflow: hidden;}
 
.frontend .primary-no-column .internetMonitor .news { width: 97%;}
 
.frontend .internetMonitor .news iframe {
 	float: left;
 	width: 100%;
	height: 352px;
 	background: #fff;
	border-top: 1px solid #555555;}
	
	.frontend .primary-no-column .internetMonitor .news iframe { height: 549px;}
 	
.frontend .monitorAd { float: left; width: 100%; margin-top: 10px; }
 
.frontend .primary-no-column .monitorAd { margin-top: 13px;}
 
.frontend .monitorAd a { width: auto; display: block; margin: 0 auto; text-align: center;}
 
 
/* Top News box *******************************/

.frontend .topNewsBox { float: left; width: 100%; padding-bottom: 10px; height: 505px;}

.frontend .topNewsBox p.title {
	float: left;
	width: 100%;
	height: 25px;
	background-position: 0 -1348px;
	position: relative;
	overflow: hidden;}
	
.frontend .topNewsBox p.title span { position: absolute; top: -5000px;}
	
.frontend .topNewsTabs,
.frontend .topNewsTabs ul.tabsNav {
 float: left; width: 100%;}
 
.frontend .topNewsTabs ul.tabsNav {width: 97%; padding-left: 3%;}
 
.frontend .topNewsTabs { margin-top: 10px;}
 
.frontend 	 .topNewsTabs ul.tabsNav li {
 float: left; 
 width: auto;
 margin-right: 5px; 
 }
 
.frontend .topNewsTabs ul.tabsNav li a {
 	float: left;
 	width: auto;
 	padding: 0 6px;
 	padding-right:0;
 	font-size: 13px;
 	font-weight: bold;
 	color: #fff;
 	background-position: 0 -1663px;}
 	
.frontend .topNewsTabs ul.tabsNav li a span {
  float: left;
  padding: 2px 0;
  width: auto;
  padding-right: 6px;
  background-position: right -1663px;}
 	
.frontend 	.topNewsTabs ul.tabsNav li a:hover,
.frontend .topNewsTabs ul.tabsNav li a.active{
  background-position: 0 -1688px;
  color: #000;
  text-decoration: none;}
  
.frontend  .topNewsTabs ul.tabsNav li a:hover span,
.frontend .topNewsTabs ul.tabsNav li a.active span{
  background-position: right -1688px;
  color: #000;
  text-decoration: none;}
  
.frontend .topNewsList {
 	float: left;
	/*height: 437px;*/
	}
 	
.frontend .topNewsList ul {
  float: left;
  width: 100%;}
  
.frontend 	.topNewsList li {
  	float: left;
  	padding: 0;
  	width: 44%;
  	margin: 5px 3%;
	_margin: 5px 1% 5px 2%;}
	
	.frontend .topNewsList li .ratingBox div.valoration { width: auto; height: auto;}
  	
/* registracionBox *************/

.frontend .registracionBox {
	float: left;
	_float: none;
	_display: block;
	width: 90%;
	padding: 0 5%;
	padding-top: 50px;
	margin-bottom: 10px;
	height: 90px;
	font-weight: bold;
	background: url(../images/body/registrateBox.png) no-repeat;}
	
.frontend 	.registracionBox p {
 font-size: 16px;
 color: #fff;}
 
.frontend .registracionBox input {
 	float: left;
 	padding: 4px;
 	margin-top: 10px;
 	width: 166px;
 	height: 16px;
 	font-size: 14px;
 	color: #808080;}
 	
.frontend .registracionBox input.btGrey {
 	float: right;
 	display: block;
 	padding: 0;
 	margin-left: 5px;
 	width: auto;
 	width: 90px;
 	height: 24px;
 	background: #666;
 	color: #fff;
 	font-weight: bold;
 	cursor: pointer;}
 	
.frontend .registracionBox input.btGrey:hover { background: #333;}

/* NOTA **************************************/

.frontend .siteNews {
	float: left;
	_float: none;_display: block;
	display: block;
	padding-bottom: 10px;
	width: 100%;
	}
	
/*.frontend 	.primary-short-column .columnRight .secondary-single-column .siteNews { margin: -20px 0 20px 0;}*/
	
.frontend 	.siteNewsSmall {
	margin-bottom: 10px;
 padding: 0 0 12px 0;
 border-top: 3px dotted #555;
 border-bottom: 3px dotted #555;}
 
 .frontend .siteNewsSmall .newsImageCont .newsImage * {
		height: 100px;}
	
.frontend 	.siteNews .newsContent {
 float: left;
 width: 100%;}

.frontend .siteNewsLarge .newsContent { margin-top: 0; }
 
.frontend .siteNewsBlack .newsContent {
 	width: 96%;
 	padding: 5px 2%;
 	background: #000;}
 	
.frontend 	.siteNewsLarge .newsContent .newsLargeText {
 float: left;
 width: 90%;}
	
.frontend 	.siteNews .newsContent h1 {
 float: left;
 width: 100%;
 padding: 5px 0 0 0;
  _float: none;_display: block;}
 
 /* titulo normal */
.frontend .siteNews .newsContent h1, 
.frontend .siteNews .newsContent h1 a {
 font-size: 34px;
 line-height: 34px;
 color: #000;}
 
  /* titulo normal columna */
.frontend .primary-short-column .siteNews .columnSmallNews .newsContent h1, 
.frontend .primary-short-column .siteNews .columnSmallNews .newsContent h1 a {
 font-size: 22px;
 line-height: 22px;}

.frontend .siteNews .newsContent h1:first-letter, 
.frontend .siteNews .newsContent h1 a:first-letter { text-transform: capitalize;}
 
 /* strong en rojo */
.frontend .siteNews .newsContent h1 strong, 
.frontend .siteNews .newsContent h1 a strong { color: #D90000; display: block;}
 
 /* nota larga */
.frontend .siteNewsLarge .newsContent .newsLargeText h1, 
.frontend .siteNewsLarge .newsContent .newsLargeText h1 a { font-size: 38px; font-weight: bold; line-height: 39px;}
 
 /* titulo grande */
.frontend .siteNews .newsContent h1.titleBig, 
.frontend .siteNews .newsContent h1.titleBig a { font-size: 52px; line-height: 52px;}
 
 /* nota fondo negro */
.frontend .siteNewsBlack .newsContent h1,
.frontend .siteNewsBlack .newsContent h1 a { color: #fff; font-size: 40px;}
 
 /* nota columna derecha 
.frontend .columnRight .siteNews h1,
.frontend .columnRight .siteNews h1 a { font-size: 24px; color: #B80000; line-height: 28px;}*/
 
 /* nota caja dos columnas */
.frontend .secondary-two-columns .siteNews h1,
.frontend .secondary-two-columns .siteNews h1 a { font-size: 24px; line-height: 28px; color: #000; margin-top: 0px;}
 
 /* nota caja cuatro columnas */
.frontend .siteNewsSmall .newsContent h1, 
.frontend .siteNewsSmall .newsContent h1 a {
 font-size: 14px;
 height: 30px;
 margin-bottom: 3px;
 line-height: 15px;
 color: #AD0000;
 position: relative;
 z-index: 100;
 background: #fff;}
 
 .frontend .siteNewsSmall .newsContent h1:first-letter, 
.frontend .siteNewsSmall .newsContent h1 a:first-letter { text-transform: capitalize;}
 
 /* h2 */
.frontend .secondary-two-columns .siteNews h2 { 
 float: left; 
 width: 100%; 
 margin: 5px 0 -10px 0;}
 
.frontend .secondary-two-columns .siteNews h2,
.frontend .secondary-two-columns .siteNews h2 a {
 font-size: 15px;
 line-height: 17px;
 color: #000; }
 
 .frontend .secondary-two-columns .siteNews h2:first-letter,
.frontend .secondary-two-columns .siteNews h2 a:first-letter { text-transform: capitalize; }
	
	/* contenedor de la imagen y tags */
.frontend 	.siteNews .newsImageCont {
 float: left;
 margin-top: 10px;
/* width: 75%;*/
  width: 100%;
 position: relative;}
 
/*.frontend .siteNewsFullImage .newsImageCont { width: 100%}*/

/*.frontend .columnRight .siteNews .newsImageCont,*/
.frontend .secondary-two-columns .siteNews .newsImageCont { width: 100%; margin-top: 10px; }
 
/*.frontend .siteNewsLarge .newsContent .newsImageCont {
 	margin-top: 0; width: 22%;} 
 	
.frontend .siteNewsSmall .newsImageCont { width:100%;}*/
 	
	/* boton de play */
.frontend 	a.btPlay {
 float: left;
 width: 40px;
 height: 40px;
 background: url(../images/body/btPlay.png) no-repeat;
 position: absolute;
 top: 45px;
 left: 50px;
 z-index: 20;} 
 
	/* top de las imagenes*/

.frontend .siteNews .galleryContainer {
	float: left;
	margin-top: 20px;
	width: 100%;
	position: relative;}

.frontend 	.siteNews .newsImageTop {
	 float: left;
	 _float: none;
	 _display: block;
	 width: 100%;
	 /*position: absolute;
	 top:00px;
	 left: 0;*/
	 z-index: 10;}
	 
.frontend .newsImageTop .newsTag { float: left; position: absolute; top: -10px; left: -10px; z-index: 3;}
.frontend .newsImageTop .newsTagTop { float: left; position: absolute; top: 0; left:auto; right: 0; z-index: 2;}
.frontend .newsImageBottom .bottomTag { float: left; position: absolute; top: auto; bottom: 0; right: 10px; z-index: 10;  width: 160px;}

.frontend 	.siteNews .newsImageBottom {
	 float: left;
	 _float: none;
	 _display: block;
	 width: 160px;
	 /*position: absolute;
	 top: 0;
	 left:0;
	 bottom: 0;
	 right: 0;*/
	 z-index: 10;}
 
.frontend 	.siteNewsLarge .newsContent  .newsImageTop {
	 position: relative;
	 top:0;
	 left:0;
	 width: 100%;
	 margin-top: 10px;}
 	
.frontend .siteNews .newsImageTop input.contentPrivate {
 	position: absolute;
 	top: 0;
 	right: 0;
 	margin-top: 20px;
 	width: 38px;
 	height: 36px;
	background-color: #000;
 	background-position: 0 -1720px;
 	cursor: pointer;
 	opacity:.6;
 	filter:alpha(opacity=60);}
 	
.frontend .siteNews .newsImageTop input.contentPrivatePlus {
 	background-position: -38px -1720px;}
 	
.frontend .siteNews .newsImageTop input.contentPrivate:hover {
  opacity:.9;
  filter:alpha(opacity=90);}
 	
	/* imagen de la nota */
.frontend 	.siteNews .newsImage {
 float: left;
 width: 100%;
 position: relative; 
 z-index: 1;}
 
 
.frontend .siteNews .newsImage a { width: 100%;}
.frontend .siteNews .newsImage img { max-width: 100%;}

.frontend 	.siteNews .newsImage { _overflow: hidden;}

 .frontend 	.siteNews .newsImage p {
  float:left;
  width: 96%;
  font-size: 12px;
  color: #666;
  margin: 0;
  /*text-align: center;*/
  display: block;
  background: #eee;
  padding: 5px 2%;
  /*display: none;*/}
  
  .frontend .sortable .siteNews .newsImage p.epigrafe { display: none;}
  
	
/* texto de la nota */
.frontend 	.siteNews .newsText {
 float: left;
 width: 100%;
 margin-top: 5px;
  _float: none;_display: block;}
  
.frontend .siteNews .newsText,
.frontend .siteNews .newsText a,
.frontend .siteNews .newsText a p {
 	font-size: 13px;
 	line-height: 17px;
 	color: #000;}
	
	.frontend .siteNews .newsText{_float: none;_display: block; }
	
.frontend .siteNews .newsText strong,
.frontend .siteNews .newsText a  strong {
  font-size: 13px;
  color: #C90000;
  margin-bottom: 10px;
  font-weight: normal;}
  

.frontend .siteNewsLarge .newsContent .newsLargeText .newsText, 	
.frontend .secondary-two-columns .siteNews .newsText,
.frontend .siteNewsFullImage .newsText,
.frontend .siteNewsAudio .newsText { width: 100%; margin-top: 0;}
 
.frontend .secondary-two-columns .siteNews .newsText,
.frontend .siteNewsAudio .newsText,
.frontend .siteNewsFullImage .newsText{ margin-top: 10px;}
 

.frontend .siteNewsBlack .newsContent .newsText {
 	width: 100%;
 	margin-top: 0;}
 	
.frontend .siteNewsBlack .newsContent .newsText a {
 	color: #fff;
 	font-weight: bold;
 	font-size: 16px;}
 	
.frontend .siteNewsLarge .newsContent .newsText a { 
 	color: #000;
 	font-weight: bold;
 	font-size: 14px;}
 	
 /* texto dentro de nota */
 
.frontend .siteNews .newsTextContent {
 	float: left;
 	width: 100%;
 	margin-top: 10px;
	width: 100%;
 	_float: none;_display: block;}
 	
.frontend .siteNews .newsTextContent h2 {
  float:left;
  width: 100%;
  font-size: 18px;
  color: #C90000;
  margin-bottom: 15px;
  font-weight: normal;}
  
  .frontend .siteNews .newsTextContent h2 p {
  font-size: 18px;
  color: #C90000;
  font-weight: normal;}
  
.frontend .siteNews .newsTextContent p {
  float:left;
  width: 100%;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  margin-bottom: 10px;
  }
 
.frontend .relatedNews {
	float: left;
	_float: none;
	_display: block;
	width: 100%;
	padding: 10px 0;
	border-bottom: 3px dotted #B82F16;}
	
.frontend 	.siteNews .relatedNews {border-top: 3px dotted #B82F16;}
	
.frontend 	.secondary-two-columns .relatedNews {
 margin-top: 0px;
 border-top: 3px dotted #B82F16;}
	
.frontend 	.relatedNews h2 {
 float: left;
 width: 100%;
 font-size: 14px;
 font-weight: bold;
 color: #B82F16;}
 
.frontend 	.relatedNews a {
 float: left;
 margin-top: 5px;
 padding-right: 15px;
 width: auto;
 font-size: 12px;
 color: #000;
 text-decoration:  none;}
 
.frontend .relatedNews a:hover {color: #B82F16;}
 
	/* relacionadas en la nota */
	
.frontend 	.siteNews .relatedNews li { float: left; width: 49%; padding-right: 1%; padding-bottom: 5px;}

.frontend 	.siteNews .relatedNews li.large { width: 100%; margin-bottom: 15px; padding: 0;}

.frontend 	.siteNews .relatedNews li .videoCont { width: 100%; text-align: center; float: left; position:relative;}

	
.frontend 	.siteNews .relatedNews a {
 float: left;
 width: 98%;
 padding: 0 1%;
 color: #c90000;}
 
.frontend .siteNews .relatedNews a.simpleNews strong ,
.frontend .siteNews .relatedNews p {
 	display: block;
 	margin-bottom: 5px;
 	color: #c90000;
 	font-size: 12px;}
	
	.frontend .siteNews .relatedNews a.simpleNews strong:first-letter,
.frontend .siteNews .relatedNews p:first-letter {text-transform: capitalize;}
	
	.frontend .siteNews .relatedNews p { float: left; width: 100%; /*display: none;*/}
 	
.frontend .siteNews .relatedNews a strong { display: block; margin-bottom: 3px;}
 	
.frontend .siteNews .relatedNews a span {
 	float: left;
 	margin-right: 5px;
 	width: 60px;
 	height: 60px;
 	overflow: hidden;}
 	
.frontend .siteNews .relatedNews a span image { width: 100%;}
 
/* publicidades */
 
.frontend .ads { padding: 0 0 10px 0; float: left; _float: none; _display: block; width: 100%; height: auto; overflow: hidden;}

.frontend .primary-no-column .ads { /*margin-bottom: 40px; margin-top: -20px;*/}

.frontend 	.videoMain .ads { margin: 10px 0;}

.frontend 	.siteNews .ads { margin-top: 10px;}

.frontend .fullWidthAdsBox { float: left; margin-top: 10px; width: 100%;}
	
.frontend 	.ads a { display:block; float: none; }

.frontend .adsTop a { float: left; width: auto; }

.frontend .busquedaAds .ads { margin-top: 10px;}

/* encuesta *******************************/

.frontend .encuestaBox {
	float: left;
	padding-bottom: 10px;
	width: 100%;}
	
.frontend 	.encuestaBox p.title {
	float: left;
	width: 100%;
	height: 26px;
	background-position: 0 -1378px;
	position: relative;
	overflow: hidden;}
	
.frontend 	.encuestaBox p.title span { position: absolute; top: -5000px;}
	
.frontend 	.encuestaBox .ads {
 float: right;
 width: 75px;}

.frontend 	.encuestaBox .textCont {
 float: left;
 width: 70%;}
 
.frontend .encuestaBox .textCont p {
 	float: left;
 	width: 100%;
 	margin: 5px 0;
 	font-size: 12px; 
 	color: #000;
	_float: none;
	_display: block;}
 	
.frontend .encuestaBox .textCont ul { float: left; width: 100%; _float: none; _display: block;}
 
.frontend .encuestaBox .textCont li {
 	float: left;
 	width: 100%;
 	margin: 2px 0 3px 0;}
 	
.frontend .encuestaBox .textCont li input.check {
  float: left;
  padding: 0;
  border: none;
  margin-top: 2px;
  *margin-top: -2px;
  width: auto;
  height: auto;}
  
.frontend .encuestaBox .textCont li label {
  float: left;
  width: 90%;
  padding-left: 5px;
  *padding-left: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #960000;}
  
.frontend 	.encuestaBox .textCont li label span {
  	color: #333;
  	padding-left: 5px;
  	font-weight: normal;}
  	
.frontend 	.encuestaBox .textCont li .percentBack {
  	float: left;
  	clear: left;
  	margin: 3px 0;
  	margin-left: 5px;
  	_margin-left: 2px;
  	width: 96%;
	padding: 3px 2%;
  	height: 10px;
  	font-size: 0;
  	background: url(../images/body/grayBoxBottom.png) 0 -88px no-repeat;}
	
.frontend 	.encuestaBox .textCont li .percent {
  	float: left;
  	width: 100%;
  	height: 10px;
  	font-size: 0;
  	background: #666;}
  	
  	
.frontend .encuestaBox .textCont li .active { background: #C70000;}
  
.frontend .encuestaBox .textCont .buttons {
  float: left;
  width:  100%;
  padding: 10px 0;
  margin: 10px 0;
  border: 3px dotted #B82F16;
  border-left: none;
  border-right: none;}
  
.frontend 	.encuestaBox .textCont .buttons input.btRed {
  	float: left;
  	width: 77px;
  	height: 20px;
  	color: #fff;
  	font-size: 14px;
  	font-weight:bold;
  	text-transform: uppercase;
  	text-align: center;
  	background-position: -329px -1542px;
  	cursor: pointer;}
  	
.frontend 	.encuestaBox .textCont .buttons a {
  	float: left;
  	margin-top: 3px;
  	padding-left: 10px;
  	font-size: 12px;
  	font-weight: bold; 
  	color: #B50000;
  	text-transform: uppercase;}
  	
.frontend .encuestaBox .textCont .buttons a:hover { text-decoration: none; color: #666;}
  
.frontend .encuestaBox .textCont .buttons input.btRed:hover { background-position: -329px -1562px;}
  	
/* semaforo */

.frontend .trafficLights { float: left; width: 100%; display: block; padding-bottom: 10px; position: relative; margin-right: -53px;}

.frontend .trafficLights .ads { position: absolute; bottom: 0; left: 0; width: 235px;}
  	
/* slider home */

.frontend .siteMainSlide {
	float: left;
	margin-top: 10px;
	width: 96%;
	padding: 0 2%;}
	
.frontend 	.siteMainSlide .imageBigCont {
 float: left;
 width: 100%;
 height: 290px;
 overflow: hidden;}
	
.frontend 	.siteMainSlide .imageBig {
 float: left; 
 width: 100%;}
 
.frontend 	.siteMainSlide ul {
 float: left;
 width: 100%;
 height: 70px;}
 
.frontend 	.siteMainSlide li{
 float: left;
 width: 25%;
 overflow: hidden;}
 
.frontend .siteMainSlide li.first {margin-right: -1px;}
 
	
/* buttons ***********************************/

.frontend a.btGrey {
	float: left;
	_float: none;
	_display: block;
	clear: left;
	padding-left: 5px;
	width: auto;
	height: 20px;
	background-position: 0 -872px; background-repeat: repeat-x;
	overflow: hidden;}
	
.frontend 	a.btGrey:hover { text-decoration: none;  background-position: 0 -1602px;}
	
 
.frontend a.btGrey span {
	float: left;
	width: auto;
	padding-right: 5px;
	height: 20px;
	background-position: right -872px;}
	
.frontend 	a.btGrey span span {
 padding: 0;
 width: auto;
 font-size: 12px;
 color: #fff;
 height: 18px;
 padding-top: 2px;
 background-position: -15px -872px;}
 
/*.frontend 	.commentsBox a.btGrey span {
 display: inline;
 float: none;
 overflow: hidden;}*/
 
.frontend 	a.btGrey:hover span { text-decoration: none; background-position: right -1602px;}
.frontend 	a.btGrey:hover span span { text-decoration: none; background-position: -15px -1602px;}
	
.frontend .commentsBox a.btGrey { background-position: 0 -812px; }
.frontend .commentsBox a.btGrey span { background-position: right -812px;}
.frontend .commentsBox a.btGrey span span  { background-position: -15px -872px;}
	
.frontend .commentsBox a.btGrey:hover { background-position: 0 -832px;}
.frontend .commentsBox a.btGrey:hover span { background-position: right -832px;}
.frontend .commentsBox a.btGrey:hover span span  { background-position: -15px -832px;}

.frontend .commentsBox a.btGrey {*width: 155px;}
.frontend .commentsBox a.btGrey span {*width: 150px;}
.frontend .commentsBox a.btGrey span span {*width: 145px; _float: none; _display: block;}
.frontend .commentsBox a.btGrey:hover { _background: #555;}
/*.frontend .primary-short-column .commentsBox a.btGrey span span {*width: 100px;}	*/

 
.frontend .redBox .redButtonBottom,
.frontend .topNewsList .redButtonBottom,
.frontend .commentsBox .redButtonBottom {
	float: left;
	padding-left: 5px;
	margin-right: 5px;
	width: auto;
	height: 20px;
	background-position: 0px -852px;}
	.frontend .commentsBox .redButtonBottom { display: none;}
	
.frontend .redBox .redButtonBottomRight,
.frontend .topNewsList .redButtonBottomRight,
.frontend .commentsBox .redButtonBottomRight { float: right; margin: 0; }

.frontend .commentsBoxBlogosfera .commentsBox .redButtonBottom,
.frontend .primary-short-column .columnRight .commentsBox  .redButtonBottom { display: block; *margin-top: 1px;position: relative; z-index: 1;}
.frontend .commentsBoxBlogosfera .commentsBox a.btGrey,
.frontend .primary-short-column .columnRight .commentsBox a.btGrey,
.frontend .primary-short-column .videoMain .columLeft .commentsBox a.btGrey { background-position: 0 -812px; _margin-bottom: -20px; position: relative; z-index: 1;}
	
.frontend	.redBox .redButtonBottom span,
.frontend 	.topNewsList .redButtonBottom span,
.frontend .commentsBox .redButtonBottom span {
 float: left;
 padding-right: 5px;
 width: auto;
 height: 20px;
 background-position:right -852px;}
 
.frontend .redBox .redButtonBottom span span,
.frontend .topNewsList .redButtonBottom span span,
.frontend .commentsBox .redButtonBottom span span{
 float: left;
 padding: 0px;
 padding-top: 2px;
 width: auto;
 height: 18px;
 background-position:-15px -852px;
 font-size: 12px;
 color: #fff;}
		
.frontend .redBox .redButtonBottom:hover,
.frontend .commentsBox .redButtonBottom:hover { text-decoration: none; background-position: 0 -1623px;}
.frontend .redBox .redButtonBottom:hover span,
.frontend .commentsBox .redButtonBottom:hover span { text-decoration: none; background-position: right -1623px;}
.frontend .redBox .redButtonBottom:hover span span,
.frontend .commentsBox .redButtonBottom:hover span span{ text-decoration: none; background-position: -15px -1623px;}


.frontend .commentsBox .redButtonBottom {background-position: 0px -832px;}
.frontend .commentsBox .redButtonBottom span {background-position:right -832px;}
.frontend .commentsBox .redButtonBottom:hover { text-decoration: none; background-position: 0 -812px;_background-position: 0px -832px;}
.frontend .commentsBox .redButtonBottom:hover span { text-decoration: none; background-position: right -812px;_background-position:right -832px;}
		
			
.frontend .redBox .redButtonTop {
	float: right;
	padding-left: 5px;
	width: auto;
	height: 20px;
	background-position:0px -771px;
	position: relative;
	z-index: 1;}
	
.frontend 	.redBox .redButtonTop span {
		float: left;
		padding-right: 5px;
		width: auto;
		height: 20px;
		background-position:right -771px;}
		
.frontend .redBox .redButtonTop span span {
		float: left;
		padding: 0px;
		padding-top: 2px;
		width: auto;
		height: 18px;
		background-position:-15px -771px;
		font-size: 12px;
		color: #fff;}
		
.frontend .redBox .redButtonTop:hover { text-decoration: none; background-position: 0 -1643px;}
.frontend .redBox .redButtonTop:hover span {text-decoration: none; background-position: right -1643px;} 
.frontend .redBox .redButtonTop:hover span span {text-decoration: none; background-position: -15px -1643px;} 

.frontend .redButton {
	position: absolute;
	top: 20px;
	left: 42%;
	padding-top: 2px;
	width: 84px;
	height: 18px;
	background: none;
	border: 1px solid #ccc;
	border-top: none;
	font-size: 12px;
	color: #666;
	text-align: center;}
		
.frontend .redButton:hover { color: #000; border-color: #999;} 
		

.frontend .grayBox .redButtonBottom {
	float: left;
	padding-left: 5px;
	margin-right: 5px;
	width: auto;
	height: 20px;
	background-position:0px -832px;}
	
.frontend 	.grayBox .redButtonBottomRight { float: right; margin: 0;}
	
.frontend 	.grayBox .redButtonBottom span {
		float: left;
		padding-right: 5px;
		width: auto;
		height: 20px;
		background-position:right -832px;}
		
.frontend .grayBox .redButtonBottom span span {
		float: left;
		padding: 0px;
		padding-top: 2px;
		width: auto;
		height: 18px;
		background-position:-15px -832px;
		font-size: 12px;
		color: #fff;}
		
		.frontend .grayBox .redButtonBottom span span span { padding: 0; background: none;}
		
.frontend .grayBox .redButtonBottom:hover { text-decoration: none; background-position: 0 -812px;}
.frontend .grayBox .redButtonBottom:hover span {background-position: right -812px; text-decoration: none;}
.frontend .grayBox .redButtonBottom:hover span span {background-position: -15px -812px; text-decoration: none;}
		
/* Footer ***************/

	
.frontend #SiteFooter a.edicion10 {
	float: left;
	width: 258px;
	height: 42px;
	background-position:0 -173px;
	position: relative;
	overflow: hidden;}
	
.frontend #SiteFooter a.ediciondiez {
	float: right;
	width: 302px;
	height: 42px;
	background-position:0 -222px;
	position: relative;
	overflow: hidden;}
	
.frontend	#SiteFooter a.edicion10 span,
.frontend 	#SiteFooter a.ediciondiez span { position: absolute; top: -5000px;}
	
.frontend #SiteFooter .footerMenues { float: left; width: 30%; padding-left: 6%; margin-top: 15px;}

.frontend 	#SiteFooter .footerMenues .menu { margin: 0 auto; width: 96%; padding-left: 15px;}
.frontend 	#SiteFooter .footerMenues .subMenu { float: left; width: 100%; margin-top: 5px; text-align: center;}
		
.frontend #SiteFooter .footerMenues .subMenu a:hover { color: #000;}
		
.frontend #SiteFooter .ids {margin: 0 auto;  }
	
.frontend #SiteFooter .clearleft { float: left; width: 95%; margin-top: 10px; text-align: center;}

.frontend #SiteFooter .redButton { float: right;}


/* Formularios ***********************/

.frontend .formsBox {
	float: left;
	width: 100%;}
	
.frontend 	.formsBox .column {
		float: left;
		margin-bottom: 15px;
		width: 46%;
		padding-right: 4%;
		margin-right: -1px;}
		
.frontend .formsBox .wideColumn { width: 100%; padding: 0; margin: 0;}
		
.frontend .formsBox .wideColumn .columnRight {
			float: right;
			width: 48%;
			_width: 45%;}
	
.frontend .formsBox h1,
.frontend .listsBox h1{
		float: left;
		width: 100%;
		margin-bottom: 15px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 37px;
		color: #AD0000;}
		
.frontend .formsBox h1.changesOk { 
	color: #390; 
	font-size: 25px; 
	border: 1px dotted #390; 
	width: 96%;
	padding: 5px 2%;}
		
.frontend 	.formsBox h2 {
	float: left;
	_float: none;
	_display: block;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 18px;
	color: #333;
	border-bottom: 1px dotted #333;}
		
.frontend .formsBox h2 a { 
	font-size: 18px; 
	color: #333; 
	_float: none;
	_display: block;}
		
.frontend .formsBox h2.titleRegister {
	margin-top: 10px;
	color: #9C0000;}
			
.frontend .formsBox h2.titleRegister a { color: #9C0000;}
		
.frontend 	.formsBox p {
	float: left;
	padding-left: 5px;
	width: 90%;
	color: #666;}
		
.frontend .formsBox p a { color: #000;}
.frontend .formsBox p a:hover { color: #666;}
		
.frontend .formsBox p.smallText { 
	font-size: 10px; 
	color: #666; 
	margin-top: 10px; 
	width: 100%; 
	padding: 0;}

.frontend .formsBox p.info {
	float: left;
	_float: none;
	_display: block;
	margin-top: 3px;
	width: 93%;
	padding-bottom: 5px;
	padding-top: 3px;
	padding-left: 7%;
	font-size: 10px;
	color: #4F8EB0;
	background-position: 0 -1460px;}
		
.frontend .formsBox li label.error, 
.frontend .error,
.frontend .loginBox .error {
		float: left;
		_float: none;
		_display: block;
		margin: 5px 0;
		width: 88%;
		padding: 3px 2%;
		font-size: 12px;
		color: #900;
		background: #fff;
		border: 1px dotted red;
	}
	
	.frontend .loginBox .loginBoxCont .error { margin-bottom: 0px;}
	
	.frontend .commentsBox .commentsRight .loginBox .loginBoxCont .error { margin-top: 0px;}
		
.frontend 	.formsBox p.error {
	float: left;
	_float: none;
	_display: block;
	width: 97%;
	padding: 5px 1%;
	color: #900;
	font-size: 11px;}
		
		
.frontend 	.formsBox .captcha {
	float: left;
	width: 50%;}
		
.frontend 	.formsBox ul {
	float: left;
	padding-bottom: 20px;
	width: 100%;}
		
.frontend .formsBox li {
	float: left;
	width: 100%;
	_float: none;
	display: block;
	margin: 5px 0;}
			
.frontend .formsBox li.separator { height:10px; font-size:0; _height: 0;}
			
.frontend .formsBox li label {
	float: left;
	width: 41%;
	font-size: 14px;
	display: block;
	color: #666;}
				
.frontend 	.formsBox li.wideLabel label {width: 52%;}
				
.frontend 	.formsBox li input,
.frontend 	.formsBox li select,
.frontend .formsBox li textarea {
	float: right;
	padding: 2px;
	width: 55%;
	border: 1px solid #666;
	font-size: 14px;
	color: #666;}
	
	.frontend 	.formsBox li select.large { height: 135px;}
				
.frontend 	.formsBox li textarea {
	float: left;
	clear: left;
	margin-top: 10px;
	width: 96%;
	height: 100px;
	font-size: 12px;}
				
				
.frontend .formsBox li.wideLabel input,
.frontend .formsBox li.wideLabel select,
.frontend .formsBox li.wideLabel textarea {width: 43%;}
				
.frontend 	.formsBox li.wideLabel input.date { width: 35%;}
				
.frontend .formsBox li input.error,
.frontend .formsBox li select.error,
.frontend .formsBox li textarea.error {
	border: 1px dotted #900; background: #FEDDCF; margin: 0;}
					
.frontend .formsBox li input.file { float: left; clear: left; width: 95%;}
				
.frontend 	.formsBox li input.datePicker {
	float: right;
	margin-left: 5px;
	border: none;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	background-position: 0 -1508px;
	}
					
.frontend 	.formsBox li input.btRegister {
	float: left;
	width: 117px;
	height: 30px;
	padding: 0;
	padding-bottom: 2px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	border: none;
	background-position:-207px -1542px; }
					
.frontend 	.formsBox li input.btRegisterLarge {
		width: 200px;
		background-position: 0 -1542px;}
					
.frontend .formsBox li input.btRegister:hover{
		background-position: -207px -1572px;} 
						
.frontend .formsBox li input.btRegisterLarge:hover {
		background-position: 0 -1572px;}
				
.frontend .formsBox li .genre {
		float: right;
		width: 59%;}
				
.formsBox li .genre input.check,
.frontend 	.formsBox input.check{
		width: auto;
		border: none;
		padding: 0;
		float: left;}
					
.frontend .formsBox .columnWide input.check { clear: left;}
					
.frontend 	.formsBox li .genre label {
		width: auto;
		padding: 0 10px 0 5px;
		*padding: 2px 5px 0 0;
		font-size: 12px;}
					
.frontend .formsBox li .genre label.right { padding-right: 0;}
					
.frontend .ads .bannerRegister { float: right;}
					
/* listados - resultados de busqueda --------------*/

 /* paginador del listado */
 
.frontend  .listsBox { float:left; width: 100%; }
 
.frontend   .listsBox p.subtitle {
	  float: left;
	  margin-bottom: 15px;
	  width: 100%;
	  font-size: 18px;
	  font-weight: bold;
	  color: #000;}
	  
.frontend .listsBox p.subtitle strong { font-weight: bold; font-style:italic;}
	  
.frontend .listsBox p.subtitle span { font-weight: normal; color: #666; font-size: 15px;}
	  
	  
 
.frontend  .listPaginador {
	float: left; 
	width: 100%; 
	padding: 5px 0;
	margin-bottom: 20px;
	border-top: 1px dotted #000; 
	border-bottom: 1px dotted #000;
	_float: none; 
	display: block;}
 
.frontend 	.paginadorCant,
.frontend	.paginadorPages,
.frontend	.paginadorOptions { margin-top: 2px; float: left;}
	
.frontend 	.paginadorCant p,
.frontend	.paginadorCant p a {color: #5684B3;}
	
.frontend 	.paginadorGoTo { float: left; padding-left: 15px;}
	
.frontend 	.paginadorGoTo input.goTo { 
	width: 46px; 
	color:#828282; 
	font-size: 12px; 
	height: 16px; 
	padding: 0 2px; 
	margin: 0; 
	border: 1px solid #999;}
	
.frontend 	.paginadorGoTo input.btText { 
	background: none; 
	color: #5684B3; 
	font-size: 12px; 
	border: none; 
	cursor: pointer;}
	
.frontend 	.paginadorPages {
	float: right;
	width: auto;}
		
.frontend .paginadorPages li { float: left; width: auto; padding: 0 3px; color: #5684B3;}
		
.frontend .paginadorPages li a {color: #5684B3;}
.frontend .paginadorPages li a.active { font-weight: bold;}
		
.frontend .listResults,
.frontend .listResults ul,
.frontend .listResults li {
	float: left;
	width: 100%;}
	
.frontend .listResults li a {
			float: left;
			width: 98%;
			padding: 15px 1%;
			border-top: 1px dotted #000;}
			
.frontend .listResults li a:hover { background: #f2f2f2;}
			
.frontend .listResults li .contLeft {
			float: left;
			width: 70%;}
			
.frontend .listResults li .contRight {
			float: right;
			width: 29%;}
		
.frontend .listResults li span.title {
			font-size: 18px;
			font-weight: bold;
			color: #000;
			float: left;
			width: 100%;}
			
			.frontend .listResults li span.title:first-letter {text-transform: capitalize;}
			
.frontend .listResults li a:hover span.title { color: #A30000;}
			
.frontend .listResults li span.text {
			font-size: 12px;
			margin-top: 5px;
			color: #666;
			float: left;
			width: 100%;}
			
.frontend .listResults li span.section,
.frontend .listResults li span.date {
			color: #8F2C36;
			font-size: 15px;
			float: left;
			width: auto;
			margin-top: 25px;}
			
.frontend .listResults li span.date {
			color: #666;
			padding-left: 10px;}
			
.frontend .listResults li span.btView {
			float: right;
			margin-top: 22px;
			width: 77px;
			padding-top: 2px;
			height: 18px;
			background-position: -329px -1542px;
			text-align: center;
			font-size: 14px;
			color: #fff;
			font-weight: bold;}
			
.frontend .listResults li a:hover span.btView { background-position: -329px -1562px;}



/* Galeria de imagenes *******/

.frontend .galleria {list-style:none;width:200px; height: auto;}

.frontend .galleria li{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0}

.frontend .galleria li a{display:none}

.frontend .galleria li div{position:absolute;display:none;top:0;left:180px}

.frontend .galleria li div img{cursor:pointer}

.frontend .galleria li.active div img, .frontend .galleria li.active div{display:block}

.frontend .galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto}

.frontend .galleria li .caption {
	display:block;
	padding-top:.5em; 
	float: left; 
	width: 100%; 
	font-size: 11px; 
	text-align: center; 
	color: #666; 
	padding: 3px 0; 
	border: 1px solid;}

* html .frontend .galleria li div span{width:400px} /* MSIE bug */

.frontend .caption{
	display:block;
	float: left; 
	width: 100%; 
	font-size: 11px; 
	text-align: center; 
	color: #666; 
	padding: 3px 0; 
	height: 15px; 
	/*display: none;*/}
	
.frontend .demo{
	position:relative;
	margin-top:2em; 
	float: left; 
	width: 100%; 
	text-align: center;
	background: url(../images/body/galleryBack.png) no-repeat;}
	
.frontend .gallery_demo{ 
	width:94%;
	float:left; 
	text-align: center; 
	padding: 5px 3% 10px 3%;   
	position: relative;
	background: url(../images/body/galleryBackBottom.png) left bottom no-repeat;}
	
.frontend .gallery_demo li{
	width:55px;
	height:55px;
	border-bottom:3px solid #fff;
	margin: 0 5px 5px 0; 
	overflow: hidden; 
	padding: 5px; 
	padding-bottom:0}
	
.frontend .gallery_demo li.hover{border-color: #C00;}
.frontend .gallery_demo li.active{border-color:#C00;}
.frontend .gallery_demo li img { width: 55px;}
.frontend .gallery_demo li div{}
.frontend .gallery_demo li div .caption{}

.frontend .galleria_container{
	margin:0 auto;
	height:390px;
	float:left; 
	overflow: hidden; 
	width: 80%; 
	padding: 20px 10%;}

.frontend .galleria_container .galleria_wrapper { text-align: center; height: 390px; overflow: hidden; }
.frontend .galleria_container .galleria_wrapper img { max-width: 100%; }


.frontend .nav { 
	position: absolute; 
	display: block;
	left: 0;
	top: 200px; 
	width: 100%;
	z-index: 10;}
	
	.frontend .nav a {
		 float: left;
		 width: 35px;
		 height: 35px;
		 background-position: 0px -1272px;
		 border: none;
		 cursor: pointer;}
		 
		 .frontend .nav a.btRight {
			 float: right;
			 background-position: -35px -1272px;}
			 
		.frontend .nav a:hover { background-position: 0 -1307px; }
		.frontend .nav a.btRight:hover { background-position: -35px -1307px;}
		
		
/* videos */

/* ejemplo de clase de media */
.player.big {
			width:100%;
			height:600px;}
                                     

 
.player.autoStartMute {}
 
.player.noAutoStart {}
 
.player.noAutoStartMute {}

.flowplayer { float: left; width: 100%; height: auto;}

.frontend .flowplayer { margin: 0 auto; float: none; display: block;position: relative;width: 425px;height:370px;}
.frontend .primary-short-column .columnRight .secondary-no-column .flowplayer {width: 100%;}
.frontend .flowplayer a {float: none; display: block; padding: 0; width: 100%;}

.player,
.streaming,
.frontend .player,
.frontend .siteNews .relatedNews .player,
.frontend .flowplayer a.player {
	position: relative;
	height:370px;
	width: 425px;}
	
.frontend .primary-short-column .columnRight .secondary-no-column .player,
.frontend .primary-short-column .columnRight .secondary-no-column .streaming,
.frontend .primary-short-column .columnRight .secondary-no-column .player,
.frontend .primary-short-column .columnRight .secondary-no-column .siteNews .relatedNews .player,
.frontend .primary-short-column .columnRight .secondary-no-column .flowplayer a {
	height:247px;
	width: 300px;}
	
.audio,
.frontend .audio,
.frontend .flowplayer .audio,
.frontend .siteNews .flowplayer .audio { width: 100%; height: 25px}
	
	
.frontend .contEpi { width:425px; display: block; margin: 0 auto;}
.frontend .videoScrollList .contEpi {width: 160px; height: 132px;}

.frontend .flowplayer a .FlowImageBack { height:350px;	width: 425px; margin: 0 auto; }
.frontend .flowplayer a .btFlowPlay { position: absolute; top: 35%; left: 39%; _behavior: url(/styles/iepngfix.htc);}

.frontend .videoChannels { height: 210px; float: left; width: 100%;}
.frontend .audioChannels { height: 180px; float: left; width: 100%; /*margin-top: 10px;*/}
.frontend .videoMainLive { height: 760px; float: left; width: 100%;}
.frontend .primary-large-column .columnRight .videoMainLive,
.frontend .primary-no-column .videoMainLive,
.frontend .primary-no-column .secondary-two-columns .videoMainLive{ height: 670px; }
.frontend .primary-short-column .columnRight .videoMainLive { height: 590px; }
.frontend #audioArchivesBox { height: 570px;}
.frontend #audioArchivesBox .grayBox .grayBoxCont { height: 501px; }
.frontend #audioArchivesBox .grayBox .grayBoxCont ul { height: 471px; }
.frontend .audioLiveBox { min-height: 130px; float: left; width: 100%;}
/*.frontend #audioArchivesBox { float: left; width: 100%; padding-bottom: 20px;}*/
.frontend .radioMain .grayBox { margin-bottom: 0;}


/* Nuevos modulos */

.frontend .contNewsTop { float: left; width: 100%; height: auto; margin-bottom: 40px; }
.frontend .tagsTop { position: relative; float: left; width: 100%; height: auto; }

.frontend .tagsTop p.epigrafe { display: none;}

.frontend .tagsTop .adsTop { margin:0;}

.frontend .newsBigTop {
	position: absolute;
	z-index: 0;
	top: 0px;
	right: 15px;
	float: right;
	width: 226px;}
	
	.frontend .newsBigBottom { top: auto; bottom: 0px;}
	
	.frontend .newsBigTop .topTag { float: right; position: absolute; top:0;right: 0;  }
	.frontend .newsBigTop .bottomTag { float: right; position: absolute; bottom:0;right: 0; *bottom:3px;}
	
	
.frontend .tagsTop .ads { float: left; width: 100%;}

/* scroll de videos */

.frontend .videoScrollList {
	float: left;
	width: 96%;
	padding: 30px 2%;
	height: 175px;
	_overflow: hidden;
	background:url(../images/body/videoScrollBack.png) no-repeat;}
	
	.frontend .videoScrollList li {float: left; width: 800px;}
	
	.frontend .videoScrollList li ul { float: left; width: 100%;}
	
	.frontend .videoScrollList li ul li {
		float: left;
		padding: 0 17px;
		width: 164px;
		height: 100%;
		overflow: hidden;}
		
	.frontend .videoScrollList li ul li p.epigrafe { display: none;}
		
	.frontend .videoScrollList li.first,
	.frontend .videoScrollList li.last { width: 60px; padding: 0;}
	
	.frontend .videoScrollList li.first input {
		float: left;
		margin-top: 50px;
		width: 52px;
		height: 53px;
		background:url(../images/body/videoScrollBack.png) bottom left no-repeat;
		cursor: pointer;}
		
		.frontend .videoScrollList li.first input:hover { background-position: -52px -235px;}
		
	.frontend .videoScrollList li.last input {
		float: right;
		margin-top: 50px;
		width: 52px;
		height: 53px;
		background:url(../images/body/videoScrollBack.png) -156px -235px no-repeat;
		cursor: pointer;}
		
		.frontend .videoScrollList li.last input:hover { background-position: -104px -235px;}
		
	.frontend .videoScrollList li .image { float: left; width: 160px; border: 2px solid #fff; height:132px; overflow: hidden;}
	.frontend .videoScrollList li .image * { max-height: 100%;} 
	.frontend .videoScrollList li .image .minimalPlayer {width: 160px; height: 132px;}
	
	.frontend .videoScrollList li .image .flowplayer { width: 160px; height: 132px;}
	.frontend .videoScrollList li .image .flowplayer .audio { margin-top: 50px;}
	
	.frontend .videoScrollList li .image .flowplayer a { width: 160px; height: 132px;position: absolute; top: 0%; left: 0%;  }
	.frontend .videoScrollList li .image .flowplayer a .FlowImageBack { margin: 0; width:160px; height: 132px; position: absolute; top: 0%; left: 0%;}
	.frontend .videoScrollList li .image .flowplayer a .btFlowPlay { position: absolute; top: 30%; left: 34%;float: left; height: 50px; width: 50px;  }


	
	.frontend .videoScrollList li p,
	.frontend .videoScrollList li p a {
		float: left; 
		width: 100%; 
		text-align: center; 
		font-size: 16px; 
		font-weight: bold; 
		color: #000; 
		line-height: 18px; 
		height: 37px; 
		overflow: hidden;}
		
		.frontend .videoScrollList li p { margin-top: 5px;}
		
		
/* line news */

.frontend .siteNews .lineNews {
	float: left;
	width: 100%;
	padding-top: 15px;
	background: url(../images/body/newsLineGrayTop.png) top center no-repeat;}
	
	.frontend .siteNews .lineNews .newsContent {
	padding-bottom: 20px;
	background: url(../images/body/newsLineGrayBottom.png) bottom center no-repeat;}
	
	.frontend .siteNews .lineNews .newsContent h1, 
	.frontend .siteNews .lineNews .newsContent h1 a { color: #333; text-align: left;}
	
	.frontend .siteNews .lineNews .newsContent, 
	.frontend .siteNews .lineNews .newsContent a { color: #333; text-align: left; margin: 0;}
	
/* separador */
	
.frontend .separador { float: left; width: 100%; height: 5px; margin-bottom: 20px; background: url(../images/body/newsLineGrayBottom.png) no-repeat center top; _float: none; _display: block;}

/* alert news */

/* line news */

.frontend .siteNews .alertNews {
	float: left;
	width: 94%;
	height: 100px;
	padding: 10px 3%;
	background: url(../images/body/alertNewsBack.jpg) top center no-repeat;}

	
	.frontend .siteNews .alertNews .newsContent h1, 
	.frontend .siteNews .alertNews .newsContent h1 a { color: #fff; text-align: center;}
	.frontend .siteNews .alertNews .newsContent h1 { margin: 5px 0 10px 0;}
	
	.frontend .siteNews .alertNews .newsContent .newsText, 
	.frontend .siteNews .alertNews .newsContent .newsText a,
	.frontend .siteNews .alertNews .newsContent .newsText a * { color: #fff; text-align: center; margin: 0; font-size: 16px; font-weight: bold;}
	
/* little news */

.frontend .siteNewsLittle {
	float: left;
	width: 124px;
	overflow: hidden;}
	

	.frontend .siteNewsLittle .newsImageCont { height: 94px; }
	.frontend .siteNewsLittle .newsImageCont img { height: 94px;}
	
	.frontend .siteNewsLittle .newsImageCont,
	.frontend .siteNewsLittle .newsContent .newsText { margin: 0;}
	.frontend .siteNewsLittle .newsContent .newsText { *margin-top: -1px; }
	
	.frontend .siteNewsLittle .newsContent .newsText a {
		float: left;
		width: 100%;
		padding-top: 6px;
		height: 24px;
		background: url(../images/buttons/btLitlleNews.png) no-repeat;
		font-size: 14px; 
		color: #fff; 
		text-align: center;
		font-weight: bold;}

	.frontend .siteNewsLittle .newsContent .newsText a:hover { background-position: bottom left;}
	
/* related news */

.frontend .siteRelatedNews {
	margin-top: -10px;
	padding-top: 20px;
	background: url(../images/body/relatedTop.png) no-repeat;
	_float: none;_display: block;}
	
	.frontend .siteRelatedNews .newsContent {
		padding: 10px 0;
		background: url(../images/body/relatedBottom.png) bottom left no-repeat;}
		
	.frontend .siteRelatedNews .newsContent .newsImageCont {
		float: left;
		width: 126px;
		height: 95px;}
		
	.frontend .siteRelatedNews .newsContent .newsText,
	.frontend .siteRelatedNews .newsContent h1 {
		float: right;
		width: 480px;}
		
		.frontend .primary-short-column .columnRight .secondary-no-column .siteRelatedNews .newsContent .newsText,
		.frontend .primary-short-column .columnRight .secondary-no-column .siteRelatedNews .newsContent h1 {
		width: 155px;}
		
	.frontend .siteRelatedNews .newsContent h1,
	.frontend .siteRelatedNews .newsContent h1 a  { color: #BB0D1D;}
	
	.frontend .primary-short-column .columnRight .secondary-no-column .siteRelatedNews .newsContent h1,
	.frontend .primary-short-column .columnRight .secondary-no-column .siteRelatedNews .newsContent h1 a { 
	font-size: 16px; line-height: 16px; padding-bottom: 0;}
	
	
/* contenido relacionado */

.frontend .relatedContent {
	float: left;
	_float: none;_display: block;
	margin-top: -10px;
	margin-bottom: 10px;
	width: 100%;
	height: 40px;
	background: url(../images/body/relatedContentLeft.png) no-repeat;}
	
	.frontend .primary-no-column .relatedContent { margin-top: -40px; *margin-top: -43px; margin-bottom: 40px;}
	.frontend .primary-short-column .relatedContent { margin-top: -10px;margin-bottom: 10px;}
	
	.frontend .relatedContent ul {
		float: left;
		width: 100%;
		height: 40px;
		background: url(../images/body/relatedContentRight.png) right top no-repeat;}
		
	.frontend .relatedContent ul li { float: left; width: auto; padding: 0 10px;}
	
	.frontend .relatedContent ul li a {
		float: left;
		width: auto;
		padding-top: 5px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;}
		
	.frontend .relatedContent ul li a span {
		float: left;
		margin-right: 5px;
		width: 40px;
		height: 40px;}
		
		.frontend .relatedContent ul li a.iconVideo span {background-position: -252px -1765px;}
		.frontend .relatedContent ul li a.iconAudio span {background-position: -292px -1765px;}
		.frontend .relatedContent ul li a.iconNota span {background-position: -332px -1765px;}
		
	.frontend .relatedContent ul li a strong {
		float: left;
		width: auto;
		padding-top: 7px;}
		
	.frontend .relatedContent ul li a:hover { color: #eee;}
		
		
		

/* Blogosfera */

	
	.frontend .blogosferaTitle {
		float: left;
		width: 100%;
		margin-bottom: 10px;}
		
		.frontend .columnRight .blogosferaTitle { margin-bottom: 5px;}
	
	.frontend .blogosferaBox {
		float: left;
		margin-right: 25px;
		_margin-right: 10px; 
		width: 450px;
		margin-bottom: 10px;}
		
	
	.frontend .blogosferaBox .blogosferaHeader {
		float: left;
		width: 100%;
		height: 133px;
		background: url(../images/body/blogosferaHeaderBack.jpg) no-repeat;}
		
	.frontend .blogosferaBox .blogosferaHeader a.titleHeader {
		float: left;
		width: 95%;
		padding: 0 3%;
		padding-top: 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 28px;
		font-weight: bold;
		color: #FFF;}
	
	.frontend .blogosferaBox .blogosferaHeader a.commentsHeader {
		float: left;
		width: 95%;
		padding: 3%;
		padding-bottom: 0;
		margin-top: -10px;
		font-size: 15px;
		color: #FFF;}
	
	.frontend .commentsBoxBlogosfera .commentsBox{
		margin-top: 0px;
		background-position: -2820px bottom;
		height: 284px;}
		
	.frontend .commentsBoxBlogosfera .commentsBox .commentsBoxCont { background-image:none; }
	#popupContainerInternet .columnRight .commentsBoxBlogosfera .commentsBox .commentsBoxCont {background-image: url(../images/body/grayBoxTop.png);}
	
	.frontend .commentsBoxBlogosfera .commentsBox .commentsLeft  {
		width: 100%;
		_width: 95%;}
		
	.frontend .commentsBoxBlogosfera .commentsBox .commentsLeft .commentsList {
		float: left;
		margin-bottom: 10px;
		width: 95%;
		height: 210px;
		overflow-y: scroll;}
		
		.frontend .commentsBoxBlogosfera .commentsBox .commentsLeft .commentsList .comment {	float: none; display: block;}
	
	.frontend .commentsBoxBlogosfera .commentsBox .commentsRight {display: none;}

	.frontend .commentsBoxBlogosfera .commentsBox .redButtonBottom { *margin-top: 1px; }
	
/* Diez notas de edicion 10 */

	.frontend .diezNotas {
		float: left;
		margin-bottom: 10px;
		padding-top: 9px;
		width: 300px;
		background: url(../images/body/diezNotasTop.png) no-repeat;}
	
	.frontend .diezNotas .diezNotasCont {
		float: left;
		padding-bottom: 8px;
		width: 100%;
		background: #77b5dd url(../images/body/diezNotasBottom.png) 0 bottom no-repeat;}
		
		.frontend .diezNotas .diezNotasCont li {
			float: left;
			padding: 5px 0;
			padding-left: 10px;
			width: 290px;
			border-bottom: 1px dotted #FFF;}
			
			.frontend .diezNotas .diezNotasCont li span { 
				float: right;
				width: 38px;
				height: 27px;
				background: url(../images/body/diezNotasNumbers.png) right -10px no-repeat;
				_background-image: url(../images/body/diezNotasNumbersie.png);}
				
			.frontend .diezNotas .diezNotasCont li:hover { background: #2e5ba3;}
			
			.frontend .diezNotas .diezNotasCont li.nota2 span { background-position: right -70px;}
			.frontend .diezNotas .diezNotasCont li.nota3 span { background-position: right -126px;}
			.frontend .diezNotas .diezNotasCont li.nota4 span { background-position: right -184px;}
			.frontend .diezNotas .diezNotasCont li.nota5 span { background-position: right -240px;}
			.frontend .diezNotas .diezNotasCont li.nota6 span { background-position: right -296px;}
			.frontend .diezNotas .diezNotasCont li.nota7 span { background-position: right -352px;}
			.frontend .diezNotas .diezNotasCont li.nota8 span { background-position: right -412px;}
			.frontend .diezNotas .diezNotasCont li.nota9 span { background-position: right -465px;}
			.frontend .diezNotas .diezNotasCont li.nota10 span { background-position: right -519px;}
			
			.frontend .diezNotas .diezNotasCont li.nota10 { border:none;}
			
			.frontend .diezNotas .diezNotasCont li a {
				float: left;
				width: 240px;
				font-size: 16px;
				font-weight: bold; 
				color: #FFF;}
				
/* nota en columna */

.frontend .primary-short-column .siteNews .ratingBox .visits { border: none;}

/* popup radios */

.popupBody { padding: 0; margin: 0; }

.frontend #popupContainer {
	margin: 0 auto; width:580px;}
	
.frontend #popupContainerInternet {
	margin: 0 auto; width:990px;}
	
	
	.frontend .popupHeader {
		float: left;
		margin-bottom: 10px;
		width: 96%;
		padding: 0 2%;
		height: 75px;
		background: url(../images/body/popupTop.png) repeat-x; }
		
	.frontend .popupBody {
		float: left;
		width: 90%;
		padding: 0 5%; }
		
		.frontend #popupContainerInternet .popupBody { width: 98%; padding: 0 1%;}
		.frontend #popupContainerInternet .popupBodyRelatedVideo { width: 94%; padding: 0 3%;}
		
		.frontend .popupHeader h1 {
			float: left;
			padding-right: 10px;
			width: auto;
			height: 70px;
			padding-top: 5px;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #fff;
			font-size: 36px;
			font-weight: normal;
			background: url(../images/body/popupTopDown.png) 10px 0 no-repeat;}
			
		.frontend .popupHeader input {
			float: left;
			margin-top: 10px;
			width: 130px;
			height: 30px;
			background: url(../images/body/popupLinks.png) no-repeat;
			cursor: pointer;}
			
		.frontend .popupHeader a {
			float: right;
			margin-top: 10px;
			width: 177px;
			height: 30px;
			background: url(../images/body/popupLinks.png) -142px 0 no-repeat;
			cursor: pointer;}
			
			
		.frontend .popupBody .boxLoader{ height: 50px;}
		.frontend .popupBody .radioBox {height:90px;}
		.frontend .popupHeader .audioChannels .title a {
			float: left;
			width: 95%;
			height: 50px;
			background: none;}
		.frontend .popupHeader .audioChannels .title a h1 { color: #000; background: none;}
		
		.frontend .popupBody .boxLoader img { margin-top: 20px;}
			
			
		.frontend #popupContainer .redBox {background-position: -1590px bottom; width: 520px;}
		.frontend #popupContainer .redBox .redBoxCont {background-position: -1590px 0;}
			
		.frontend #popupContainer .redBox li{ 
			width: 63px; 
			height: 63px; 
			padding: 3px 10px; 
			margin: 0 8px; 
			_margin: 0 7px;
			*margin-bottom: 0;}
			
		.frontend .popupFooter {
			float: left;
			width: 90%; 
			padding: 10px 5%;
			border-top: 1px dotted #999;
			text-align: right;}
			
.frontend .popupBody .internetNewsSelector { padding: 0 5%; width: 90%; }			
 
.frontend .popupBody .internetMonitor { width: 99%; padding: 9px 8px; background: url(../images/body/internetBackBigNoLight.jpg) no-repeat;}

.frontend .popupBody .internetMonitor .monitorLight { float: left; height: 549px;}

.frontend .popupBody .internetMonitor .news { width: 97%;}

.frontend .popupBody .internetMonitor .news iframe { height: 549px;}
 	
.frontend .popupBody .monitorAd { margin-top: 13px;}
 
.frontend .popupBody .monitorAd a { width: auto; display: block; margin: 0 auto; text-align: center;}

.frontend .popupBody .internetBox {height: 680px;}

.frontend .popupContainerAudio .siteNews { width:450px;}

.frontend #popupContainerInternet .siteNews .newsContent .newsImageCont { float: left; width: 425px;}
.frontend #popupContainerInternet .siteNews .newsContent .newsImageContAudio {width: 450px;}
.frontend .popupContainerAudio .siteNews .newsContent .newsImageCont { }
.frontend .popupContainerAudio .siteNews .newsContent .newsImageCont .flowplayer { width: 450px; }

.frontend #popupContainerInternet .siteNews .newsContent .newsTextContent { margin-top: 5px; padding-bottom:5px;}

.frontend #popupContainerInternet .columnRight { float: right; width: 452px; margin-top: 10px;}
.frontend #popupContainerInternet .columnRightAudio { margin-top: 0px;}
.frontend .popupContainerAudio .columnRight { padding-bottom:10px;}

.frontend #popupContainerInternet .columnRight .ads { margin-top:16px;}
.frontend #popupContainerInternet .newsContent .newsImageCont .ads { margin-top:24px;}

.frontend #popupContainerInternet .siteNews .ratingBox .share { width:auto;}

/* notas relacionadas */

.frontend .relatedNewsGray {
	float: left;
	width: 98%;
	padding: 0 1%;
	background: #3b4044 url(../images/body/relatedNewsBack.png) repeat-x;}
	
	.frontend .columnSmallNews .relatedNewsGray { *margin: -15px 0 0 0;}
	
	.frontend .relatedNewsGray div { float: left; width:auto; height:auto; padding-right: 10px;position: relative; clear: none;}
	
	.frontend .relatedNewsGray div a { float: left; margin: 0; padding: 0; display: block; width:auto; color: #fff; font-size: 16px; font-weight: bold; position:relative; z-index:1; visibility: visible;clear: none;}
	
	.frontend .relatedNewsGray div a span { float: left; width:auto; padding-top: 10px; white-space:nowrap;}
	.frontend .columnSmallNews .relatedNewsGray div a span {  width:230px;white-space: normal; padding-bottom: 3px;}
	
	.frontend .relatedNewsGray div a span.icon { width: 40px; height: 40px; padding:0; margin-right:10px; _behavior: url(/styles/iepngfix.htc);}
	.frontend .relatedNewsGray div.audioRel a span.icon { background: url(../images/body/iconAudio.png) no-repeat center;} 
	.frontend .relatedNewsGray div.videoRel a span.icon { background: url(../images/body/iconVideo.png) no-repeat center;} 
	.frontend .relatedNewsGray div.notaRel a span.icon { background: url(../images/body/iconNota.png) no-repeat center;} 
	
	.frontend h1.relatedNewsGrayTitle { float: left; width: 100%; padding-bottom: 3px; font-size: 20px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
	.frontend h1.relatedNewsGrayTitle strong { color: #B2101D;font-weight: normal;}
	
	.frontend .relatedNewsGrayNota {
		padding: 0;
		width:625px;
		background: #f6f6f5 url(../images/body/relatedContentVersionBottom.png) no-repeat bottom;}
		
	.frontend .relatedNewsGrayNota .relatedCont {
		width:100%;
		height:auto; 
		padding-right:0; 
		background: url(../images/body/relatedContentVersionTop.png) no-repeat;}
		
		.frontend .relatedNewsGrayNota .relatedCont div { width: 96%; padding: 0 2%; border-top: 1px dotted #666;} 
		.frontend .relatedNewsGrayNota .relatedCont div.first { border: none;}
		.frontend .relatedNewsGrayNota .relatedCont div a { width: 100%; color: #000; font-weight: normal;}
		.frontend .relatedNewsGrayNota .relatedCont div a span { padding-top: 7px;}
		.frontend .relatedNewsGrayNota .relatedCont div a:hover {color: #B2101D; }
		.frontend .relatedNewsGrayNota .relatedCont div a span.icon {height: 35px; background-position: right -3px; padding-top:0;}