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

/* ----------------------------------------------- */
/*  HEADER                  		               */
/* ----------------------------------------------- */

/* necesario para posicionar elementos y z-index para layer index*/
#hd { width:974px; font-family: Arial; margin-bottom:20px; margin:0 auto; display:block; width:974px; background-color:#FFF;} 

/* ----------------------------------------------- */
/*  HEADER CONFIGURATION						   */
/* ----------------------------------------------- */

#hd h1 { width:350px; height:134px; float:left; margin:10px; display:block; padding:0;}

#hd h1 a { width:350px; height:142px; margin:0; display: block; background: url(../images/logo.gif) 0 0 no-repeat; float:left; }
#main-logo { float:left; display:block; width:350px; height:142px; position:relative; }
#main-logo a.clarin-link { width:100px; height:40px; }
#main-logo a #clarinlogo { position:absolute; left:249px; top:100px; width:90px; height:40px; cursor:hand; z-index:10; }
	
/* ----------------------------------------------- */
/*  HEADER NAV									   */
/* ----------------------------------------------- */	

.nav-sup {border-top:1px solid #979797;float: left; width: 100%; height: 20px;}
.nav-sup a{color:#000;}
.nav-user {color:#696969; float: left; width: 35%; line-height:108%;font-size: 85%;}
.nav-user li{float:left;padding: 4px 10px 0 0;}
.nav-user .user{color:#5e5e5e;}
.nav-user .salir {background: url(../images/bg-hd-user-salir_registro.gif) right 5px no-repeat; padding: 4px 8px 0 0; margin:0 5px 0 0}
.nav-user a{color:#999;}
.nav-servicios { color:#696969; float:right; width: 64%;}
.nav-servicios li{ float:right; padding:3px 8px 0 8px; border-left:1px solid #696969; line-height:108%; font-size: 85%; text-transform:uppercase; }
.nav-servicios li.grupo-clarin a{color:#5e5e5e; font-weight:bold;}
.nav-servicios li.autos a{color:#c01424; font-family: georgia; font-weight:bold;}
.nav-servicios li.empleos a{color:#76a30a; font-family: georgia; font-weight:bold;}
.nav-servicios li.inmuebles a{color:#136c8e; font-family: georgia; font-weight:bold;}
.nav-servicios li.deautos a span{ font-style:italic;}
.nav-servicios li.buscainmueble a{ font-style:italic;}

.hd-middle { float:left; background-color:#FFF; display:block; margin:-3px auto 0; width:100%; border-bottom: 1px solid #ccc; }
.hd-middle h1 { float:left; display:block;}

.icono-home { height:21px; width:23px; position:absolute; top:194px; left:20px; }
.icono-home a { background:url(../images/ic-home.gif) no-repeat 0 -21px; display:block; height:21px; }
.icono-home a:hover, .icono-home a.active { background-position:0 0; }
.fixture { height:28px; width:159px; background:url(../images/bg-btn-fixture.gif) no-repeat 0 0; position:absolute; right:16px; top:202px; }
.fixture a { color:#6e6e6e; font-size:12px; padding-left:26px; font-weight:bold; line-height:27px; text-decoration:none; }
.fixture a:hover { text-decoration:none; }

.txt-para { position:absolute; top:160px; font-style:italic; color:#666; right:217px; }

/* COUNTER */
.counter { width:410px; float:left; position:absolute; left:363px; top:67px; }

/* FOLLOW - DATE - TIME - SEARCH */
.hd-tools { width:160px; position:absolute; right:0; font-size:85%; margin:28px 16px 0 0; }
.hd-tools .follow { height:19px; position:relative; }
.hd-tools .follow span { position:relative; color:#259cd3; font-weight:bold; padding:5px 0; top:-5px; }
.hd-tools .follow a { width:20px; height:19px; margin-left:5px; background:url(../images/ic-hd-follow.gif) no-repeat 0 0; display:inline-block; }
.hd-tools .follow a.facebook { background-position:0 -19px; }
.hd-tools .follow a.rss { background-position:0 -38px; }
.hd-tools .date { border-top:#e5ebf0 1px solid; width:100%; color:#808080; font-weight:bold; margin:10px 0 0; line-height:182%; }
.hd-tools .time { border-bottom:#e5ebf0 1px solid; width:100%; color:#808080; margin:0 0 11px; height:18px; }
.hd-tools .time .arg { padding-left:20px; background:url(../images/ar.gif) no-repeat left 2px; margin-right:10px; } 
.hd-tools .time .sud { padding-left:20px; background:url(../images/za.gif) no-repeat left 2px; } 
.hd-tools .search { width:158px; border:#dddddd 1px solid; background:url(../images/ic-buscador.gif) no-repeat top right; height:20px; position:relative; }
.hd-tools .search input { border:0 none; padding:3px 0 0 5px; color:#8ac5e5; }
.hd-tools .search a { display: block; position:absolute; width:24px; height:20px; top:0; right:0; }

/* HEAD PAIS */
#head-pais { overflow:hidden; float:left;background-color:#a8b0b4; width:100%; }
#head-pais .hd { padding:10px 16px; float:left; display:block; } 
#head-pais .hd span.ctry { color:#FFF; font-weight:bold; font-size:250%; display:block; float:left; }
#head-pais .hd span.info { background:url(../images/bg-border-dotted_818181.gif) repeat-x left bottom transparent; color:#362D37; display:block; float:left; font-size:85%; font-style:italic; margin-left:20px; margin-top:13px; padding-bottom:5px; }

#head-pais .bd { float:left; display:block; width:100%;} 

#head-pais #escudos { margin-top:13px; text-align:center; width:140px; display:block; float:left; }
#head-pais #escudos .rank { color:#FFF; display:block; background:transparent url(../images/bg-border-dotted_818181.gif) repeat-x left top;  padding-top:5px; margin:10px 20px 0 20px; }
#head-pais #escudos .num { color:362d37; font-size:300%; font-weight:bold; }
#head-pais #escudos .super { vertical-align:super; font-size:40%; text-decoration:underline; }

#head-pais #centrodata { margin-top:10px; height:86px; padding:0; background:#c2c8cb url(../images/bg-border-dotted_818181.gif) repeat-x left bottom; width:800px; display:block; float:left; }

#head-pais #centrodata .como { margin-top:5px; height:70px; padding-left:10px; float:left; display:block; border-right:1px solid #55545c; width:245px; }
#head-pais #centrodata .como p span { width:240px; } 
#head-pais #centrodata .como .items { margin-top:5px; float:left; display:block; border-left:1px solid #55545c; font-weight:bold; text-align:center; width:20px; padding-left:10px; } 
#head-pais #centrodata .como .clean { border:none; }
#head-pais #centrodata .como .items .up { text-align:center; color:#362d37; }
#head-pais #centrodata .como .items .dn { color:#259CD3; text-align:center; }
#head-pais #centrodata .como span { color:#362d37; float:left; display:block; font-size:85%; }
#head-pais #centrodata .como span.title { color:#FFF; font-weight:bold; display:block; float:left; font-size:100%;}


#head-pais #centrodata .partidos { margin-top:5px; height:70px; display:block; border-right:1px solid #55545c; float:left; width:170px; padding-left:10px; padding-right:10px; }
#head-pais #centrodata .partidos span { margin:10px; color:#FFF; font-weight:bold; margin:0; font-size:100%; }
#head-pais #centrodata .partidos span.lblue { color:#259CD3; margin:0;}
#head-pais #centrodata .partidos p { margin-top:1px; color:#362d37; font-size:85%; }
#head-pais #centrodata .partidos span.zonahora { background: url(../images/bg-border-dotted_818181.gif) no-repeat left top; font-size: 77%; font-weight: normal; color: #666; }

#head-pais #centrodata .figura { margin-top:5px; height:70px; position:relative; float:left; display:block; width:170px; border-right:1px solid #55545c; }
#head-pais #centrodata .figura p { float:left; width:90px; margin-left:7px; line-height:85%;}
#head-pais #centrodata .figura p span { color:#362d37; font-size:85%;  }
#head-pais #centrodata .figura p span.title { color:#FFF; font-weight:bold; font-size:100%; line-height:123.1%; }
#head-pais #centrodata .figura img { float:left; width:100px; position:absolute; bottom:-10px; left:70px;}

#head-pais #centrodata .tecnico { margin-top:5px; height:70px; position:relative; float:left; display:block; width:170px; }
#head-pais #centrodata .tecnico p { float:left; width:90px; margin-left:7px; line-height:85%;}
#head-pais #centrodata .tecnico p span { color:#362d37; font-size:85%;  }
#head-pais #centrodata .tecnico p span.title { color:#FFF; font-weight:bold; font-size:100%; line-height:123.1%;  }
#head-pais #centrodata .tecnico img { float:left; width:100px; position:absolute; bottom:-10px; left:82px; }

#head-pais #crono { display:block; float:left; width:800px; padding:8px 0; color:#362d37; }
#head-pais #crono span { font-weight:bold; font-size:100%; }
#head-pais #crono span.acl { font-weight:normal; font-size:85%; }

#head-pais #mundiales { display:block; float:left; width:810px; color:#362d37; height:50px; } 

#head-pais #mundiales .munsi { border-right:1px solid #55545c; width:40px; float:left; display:block; margin-right:4px;  }
#head-pais #mundiales .munsi span.ano { text-align:center; background-color:#55545c; width:40px; display:block; color:#FFF; height:20px; font-weight:bold; padding-top:5px;}
#head-pais #mundiales .munsi span.puesto { font-weight:bold; text-align:right; width:40px; display:block; }

#head-pais #mundiales .munno { width:40px; float:left; display:block; text-align:center; margin-right:4px;  }
#head-pais #mundiales .munno span.ano { background-color:#76777f; width:40px; display:block; color:#999; height:20px; font-weight:bold; padding-top:5px;}
#head-pais #mundiales .munno span.puesto { font-weight:bold; text-align:right; }

#hd span.select { position: absolute; width: 57px; height: 17px; padding: 0 14px 0 0; color: #8d8d8d; font-size: 85%; background: url(../images/bt-hd-select.gif) no-repeat; overflow: hidden; }


/* ----------------------------------------------- */
/*  ui			MENU NAVEGATION	HOME			   */
/* ----------------------------------------------- */

#hd .nav-sections { height:40px; margin-top:3px; float:left; width: 100%; color:#4e4e4e; margin-bottom:25px; /* border-bottom:5px solid #000; */ }
*html #hd .nav-sections { margin-top:15px; }
#hd .nav-sections ul { margin:0; margin-bottom:15px; float:left; display:block; }
#hd .nav-sections ul li { float:left; font-family:arial; font-size: 108%; display:block; border-right:1px solid #999; height:30px; padding-top:10px; }
#hd .nav-sections ul li a { color:#000; font-weight:bold; padding:20px;  }
*html #hd .nav-sections ul li { padding:5px 10px; margin:0; }
#hd .nav-sections .ui-tabs-hide {display: none;}
#hd .nav-sections .nav-main .ui-state-active, #hd .nav-sections .ui-state-active  { line-height:17px; }
#hd .nav-sections .ui-state-active a {color:#0C8AC7; text-decoration: none; font-weight:bold }

/* secciones */
#hd .nav-second {float: left; width: 100%; height: 17px; margin-top:3px; padding-top:3px; border-top:1px solid #979797;}
#hd .nav-second ul li{ font-size: 93%; font-weight: bold; border-left:1px solid #bf1424; margin: 5px 0 0 0; }
#hd .nav-second ul li a {color:#000}

/**** ico temas del dia ****/
#nav-second1 ul li.first { background: url(../images/ic-hd-nav-second-temas_dia.gif) 0 2px no-repeat; padding-left: 20px; }
#nav-second1 ul li.first a{color: #bf1424;}