/*********BROWSER RESET***************/
* { padding:0; margin:0px; background-color:#fff}
/*********FIN BROWSER RESET***********/

/**************COLORES****************/
*,.body .col-A .grp-B .ntc-gpo .lr-ms {color:#656565;}
h3{ color:#000000;}
h2 a,.lr-ms,.body .col-A .navega ul li a.hover,.body .col-A .navega ul li a:hover,.body .col-B .clm p,
.body .col-B .nws h4 a,.body .col-B .lnks ul li,.footer .navega ul li a.hover,.footer .navega ul li a:hover { color:#0856a0}
/************FIN COLORES**************/

/************TIPOGRAFIAS**************/
*,.body .col-B .lnks ul li a {font-family:"trebuchet MS", Arial;}
.body .col-A .navega ul li a,.footer .navega ul li a ,h2 a { font-family:Arial, Helvetica, sans-serif;}
span { font-size:10px;}
.body .col-A .buscador a, .body .col-B .lgn input { font-size:11px;}
*,.body .col-B .lnks ul li a,.body .col-A .grp-B .ntc-gpo h2 a,.body .col-B .lnks ul li {font-size:12px;}
.body .col-B .nws h4 a { font-size:14px}
h3{ font-size:16px;}
.grp-A .ntc-2 h2 a,.grp-A .ntc-3 h2 a { font-size:18px;}
h2 a {font-size:20px;}
.grp-A .ntc-1 h2 a,.grp-C .ntc-3 h2 a { font-size:26px;}
h3,h2 a,.body .col-B .clm,.body .col-B .rss,.body .col-B .lgn input,.body .col-B .lgn a,.body .col-B .nws,
.body .col-B .nws a,.body .col-B .lnks ul li,.body .col-A .navega ul li a,.footer .navega ul li a { font-weight:700 !important;}
.body .col-B .lnks ul li a { font-weight:normal;}
/*********FIN TIPOGRAFIAS*************/

/***************LINKS****************/
a,.body .col-A .navega ul li a:hover,.footer .navega ul li a:hover { text-decoration:none}
a:hover { text-decoration:underline;}
a img { border:none;}
/*************FIN LINKS**************/

.fix { clear:both; font-size:1px; height:1px;}
body { background:transparent url(../img/bg.gif) repeat-x; text-align:center;}
h3 { background:transparent url(../img/bullet-gris.gif) no-repeat 8px center;padding-left:16px;}
.wrapper { width:977px; text-align:left; margin:0 auto; background:transparent url(../img/bg_wrapper.gif) repeat-y; padding:0 6px;}

.header {height:85px;margin-left:15px; background:transparent url(../img/dt-h.gif) repeat-x bottom;}
.header h1 {background:transparent url(../img/logo-sj.gif) no-repeat;width:581px;height:63px;float:left;margin-top:10px;text-indent:-9000px;}
.header span { background:transparent url(../img/slogan-sj.gif) no-repeat; width:366px; height:63px; float:left; margin-top:10px;text-indent:-9000px;}
.body {background:url(../img/dt-h.gif) repeat-x bottom;}

/*COMIENZO DE COLUMNA IZQUIERDA*/
.body .col-A p { padding-top:12px;}
.body .col-A {width:785px; float:left;position:relative;}
	/*NAVEGACION*/
	.body .col-A .navega {height:25px; margin-left:15px; background:transparent url(../img/dt-navega.gif) no-repeat bottom right;}
	.body .col-A .navega ul li { float:left; list-style:none; background:transparent url(../img/bullet-gris.gif) no-repeat 0 center; padding:0px 7px; line-height:25px; }
	/*BUSCADOR*/
	.body .col-A .buscador { width:241px; position:absolute; top:26px; left:524px;px; padding:5px 10px;background:transparent url(../img/dt-col-A.gif) no-repeat bottom; }
	.body .col-A .buscador .txt { border:solid 1px #ccc; width:100px; float:left; margin-right:10px;}
	.body .col-A .buscador .btn { border:none; background:#FFFFFF url(../img/bullet-gris.gif) no-repeat 0 center; width:45px;padding-left:5px; font-weight:700;height:20px; float:left;}
	.body .col-A .buscador a { float:right; line-height:20px;}
/*.body .col-A .grp-A { background:transparent url(../img/bg_gpo-A.gif) repeat-x bottom; padding-bottom:10px; }*/
/*GRUPO DE NOTICIAS A*/
/*NOTICIA PRINCIPAL*/
.body .col-A .grp-A .ntc-1 {  float:left; width:492px; background:transparent url(../img/bg_ntc-ppal.gif) repeat-x bottom; padding: 0 10px 10px 10px; margin-left:5px; position:relative; }
*html .body .col-A .grp-A .ntc-1 { position:relative;margin-left:2px;}
.body .col-A .grp-A .ntc-1 h2 { padding:10px 0;}
	/*CONTROLES Y DETALLES FOTO PRINCIPAL*/
	.body .col-A .grp-A .ntc-1 .epg { height:30px; padding-top:5px;}
	.body .col-A .grp-A .ntc-1 .epg span { float:left;}
	.body .col-A .grp-A .ntc-1 .epg .tool { float:right;}
	.body .col-A .grp-A .ntc-1 .epg .tool .control { float:right; width:71px;} 
	.body .col-A .grp-A .ntc-1 .epg .tool .control a { text-indent:-9000px; float:left; height:14px; width:14px; background-image:url(../img/imagen-control.gif); padding-left:0px !important;}
	.body .col-A .grp-A .ntc-1 .epg .tool .control a.atras { background-position:0 0;}
	.body .col-A .grp-A .ntc-1 .epg .tool .control a.play {background-position:-19px 0;}
	.body .col-A .grp-A .ntc-1 .epg .tool .control a.adelante {background-position:-38px 0;}
	.body .col-A .grp-A .ntc-1 .epg .tool .control a.grande {background-position:-57px 0;}
	.body .col-A .grp-A .ntc-1 .epg .tool .fotos { float:right;}
	.body .col-A .grp-A .ntc-1 .epg .tool a { font-size:11px; padding-left:8px; margin-right:5px; float:left; background:transparent url(../img/bullet-gris.gif) no-repeat  0 center;}
	.body .col-A .grp-A .ntc-1 .epg .tool a.last { margin-right:0px !important;}
	.body .col-A .grp-A .ntc-1 .epg .tool a.on {  font-weight:700; color:#000000;}
/*FIN NOTICIA PRINCIPAL*/
/*NOTICIA 2 Y 3*/	
.body .col-A .grp-A .ntc-2 { float:right; width:237px; height:205px; padding:0 12px 12px 12px;margin-top:32px;background:transparent url(../img/dt-col-A.gif) no-repeat bottom; }
.body .col-A .grp-A .ntc-2 h2 { padding-top:12px;}
.body .col-A .grp-A .ntc-3 { float:right; width:237px; height:195px; padding:12px;background:transparent url(../img/dt-col-A.gif) no-repeat 0 top; }
.body .col-A .grp-A .ntc-2 .lr-ms,
.body .col-A .grp-A .ntc-3 .lr-ms { display:block;}
/*FIN NOTICIA 2 Y 3*/
/*FIN GRUPO DE NOTICIAS A*/
/*GRUPO DE NOTICIAS B*/
.body .col-A .grp-B { padding-left:10px;background:transparent url(../img/dt-h.gif) repeat-x bottom;} 
.body .col-A .grp-B .lft { float:left; width:514px;}
	/*NOTICIA 1*/
	.body .col-A .grp-B .ntc-1 { float:left; width:284px; padding:10px 10px 10px 0;}
	/*GRUPO DE NOTICIAS CORTAS*/
	.body .col-A .grp-B .ntc-gpo { float:left; width:218px;padding-top:10px; background:transparent url(../img/dt-v.gif) repeat-y left;}
	.body .col-A .grp-B .ntc-gpo  ul li {list-style:none; float:left;padding:10px 8px;background:transparent url(../img/dt-h.gif) repeat-x bottom; width:202px;}
	.body .col-A .grp-B .ntc-gpo  ul li.first { padding-top:0px;}
	.body .col-A .grp-B .ntc-gpo  ul li.last { background:none}
	.body .col-A .grp-B .ntc-gpo  ul li img { float:left; margin-right:5px;}
	/*BANNER DE PUBLICIDAD*/
	.body .col-A .grp-B .ads-500 { float:left; clear:both; width:500px; padding:13px 12px 13px 0;background:transparent url(../img/dt-h.gif) repeat-x top; text-align:center;}
	/*PLAYER DE VIDEO*/
	.body .col-A .grp-B .vd-plyr {float:right; width:253px; padding:10px 3px 3px 5px;background:transparent url(../img/dt-col-A.gif) no-repeat 0 top;}
	.body .col-A .grp-B .ntc-1 h2,
	.body .col-A .grp-B .vd-plyr h3 { margin-bottom:10px;}
	.body .col-A .grp-B .ntc-gpo h3 { margin-bottom:11px;}
/*FIN GRUPO DE NOTICIAS B*/
/*GRUPO DE NOTICIAS C*/
.body .col-A .grp-C { padding-left:10px;} 
.body .col-A .grp-C .lft { float:left; width:514px;}
.body .col-A .grp-C .lft .lft { float:left; width:295px;}
.body .col-A .grp-C .ntc-1 { float:left; width:284px; padding:10px 10px 10px 0;}
.body .col-A .grp-C .ntc-2 { float:left; width:284px; padding:10px 10px 10px 0; clear:left;background:transparent url(../img/dt-h.gif) repeat-x top;}
.body .col-A .grp-C .espc { float:right; width:218px; height:384px; padding-top:10px; text-align:center; background:transparent url(../img/dt-v.gif) repeat-y left;}
.body .col-A .grp-C .ntc-3 {float:right;width:254px;height:384px; padding:10px 0 0 7px;background:transparent url(../img/dt-col-A.gif) no-repeat 0 top;}
.body .col-A .grp-C .ntc-3 p { padding-bottom:10px;}
/*FIN GRUPO DE NOTICIAS C*/
/*FIN DE COLUMNA IZQUIERDA*/

/*COLUMNA DERECHA*/
.body .col-B { width:190px; float:right; height:800px;}
.body .col-B h3 { text-align:left; background-position:0 center; margin-bottom:5px; padding-left:8px}
* html .body .col-B h3 { margin-bottom:2px;}
.body .col-B .clm { background:url(../img/bg_clima.gif); height:48px; padding:10px 0 0 15px;}
.body .col-B .rss { background:url(../img/bg_rss.gif); height:30px; padding:7px 0 0 15px;}
.body .col-B .rss a { background:url(../img/rss-ico.gif) no-repeat 0 center; display:block; padding-left:20px;}
.body .col-B .lgn { background:url(../img/bg_ingreso.gif); height:147px; padding:5px 10px 0 10px; text-align:right;}
.body .col-B .lgn input {border:solid 1px #ccc; background-color:#FFFFFF; width:165px; margin-bottom:8px; padding:2px;}
.body .col-B .lgn input.btn { width:60px; margin-bottom:14px; padding:0px;}/*Valor modificado en IE7Style.css*/
* html .body .col-B .lgn input.btn { margin-bottom:9px;}
.body .col-B .lgn a { display:block; text-align:center;}
.body .col-B .nws { background:url(../img/bg_news.gif); height:104px;padding:5px 10px 0 10px;}
.body .col-B .nws h4 { background:transparent url(../img/bullet-news.gif) no-repeat 0 center; padding:15px 0 15px 15px; margin-bottom:8px;}
.body .col-B .nws a { display:block; text-align:center; } 
.body .col-B .ads { padding:5px;background:url(../img/dt-h.gif) repeat-x bottom;}
.body .col-B .lnks { }
.body .col-B .lnks h3 {padding:5px 10px 5px 20px; background-position:12px center; margin-bottom:0px;}
.body .col-B .lnks ul {background:url(../img/dt-h.gif) repeat-x top; padding-top:1px;}
.body .col-B .lnks ul li {background:url(../img/bg_links.gif); height:62px; padding:8px 5px 0 20px;}
.body .col-B .lnks ul li a { float:right; clear:both; margin-top:8px;}
/*FIN COLUMNA DERECHA*/
/*FOOTER*/
.footer { width:977px; height:70px; }
.footer .navega {width:870px; float:left; text-align:center;}
.footer .navega ul { width:795px; margin:0 auto;}
.footer .navega ul li { float:left; list-style:none; padding:5px 8px 0 8px; line-height:25px; }
.footer .desarrollo { float:right;background:url(../img/dt-v.gif) repeat-y left; width:75px; text-align:center;}
.footer .desarrollo a{ display:block; background:url(../img/3ka-logo.gif) no-repeat center 0; width:50px; padding-top:42px; text-align:center; margin:5px auto; }
/*FIN DEL FOOTER*/


	/* STYLES FOR CROSSFADER */



	div.cf_wrapper
	{
		position: relative;
	}
	
	div.cf_element
	{
		width: 450px;
		height: 450px;
		background-color: #eee;
		border:  1px solid #ccc;
	}
	
	div.cf_element div.content
	{
		padding: 10px;
	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}