@charset "utf-8";
/* CSS for Copa de Confederaciones 2009 */

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline
}

body {
    line-height: 1
}

:focus {
     outline: 0
}

a {text-decoration:none}

ol, ul {
     list-style: none
}

sup {font-size:7px}

table {
     border-collapse: collapse;
     border-spacing: 0
}

input, textarea {
     margin: 0;
     padding: 0
}

/* General */

body {
	color:#333;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif
}

a:hover {text-decoration:underline}

.inner {
	/*width:842px;*/
	margin:0 auto
}

#content {
	height:100%;
	padding-top:20px;
	background:url(../img/footer_bg.jpg) bottom center no-repeat;
	overflow:auto
}

#content .inner {
	width:814px
}


/* Header */

#header {
	height:380px;
	background:url(../img/header_bg.png) repeat-x;
	background-position:0 -1px;
}

#header .inner {
	position:relative;
	height:100%;
	background:url(../img/header_inner_bg.jpg) no-repeat
}

body#ar #header .inner {
	background:url(../img/headMLHsegunda.jpg) no-repeat;
	background-position:50% 0;
}

#header h1, #header p {
	overflow:hidden;
	text-indent:-9999px
}

/* header subpaginas */

#header-subpaginas {
	height:143px;
	background:url(../img/header_subpag_bg.png) repeat-x
}

#header-subpaginas .inner {
	position:relative;
	height:100%;
	background:url(../img/header_subpag_inner_bg.jpg) no-repeat
}

body#ar #header-subpaginas .inner {
	background:url(../img/header_inner_bg_ar.jpg) no-repeat
}

#header-subpaginas h1, #header-subpaginas p {
	overflow:hidden;
	text-indent:-9999px
}

/*   Menu tabs */

#header #menu-tabs {
position:absolute;
bottom:23px;
line-height:normal;
width:100%;
font-size: 16px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}

#header-subpaginas #menu-tabs {
position:absolute;
bottom:24px;
line-height:normal;
width:600px;
font-size: 16px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:bold;
}

#menu-tabs ul {
    margin:0;
    padding:0;
    list-style:none;
    }

#menu-tabs li {
    float:left;
    margin:0;
    padding:0;
	display:inline;
	background: url(../img/tab_off.png) no-repeat right top;
	}

#menu-tabs a {
    display:block;
	color:#ffffff;
    background:url(../img/tab_left_off.png) no-repeat left top;
    padding:4px 20px;
    }
	  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #menu-tabs a {float:none;}
  /* End IE5-Mac hack */

#menu-tabs a:hover { 
	text-decoration:none;
	color:#cccccc;
}

#menu-tabs li.current a {
    display:block;
	color:#333333;
    }

#menu-tabs li.current a:hover {
    display:block;
	color:#333333;
	text-decoration:none;
	
    }
#menu-tabs .current {
    background-image:url(../img/tab_on.png);
    }
#menu-tabs .current a {
    background-image:url(../img/tab_left_on.png);
	text-decoration:none;
    }

#sharebox {
	position:absolute;
	top:10px;
	right:10px;
	width:120px;
}

#sharebox a {
	padding-left:16px;
	color:#7aa9bc;
	background:url(../img/globo_link.png) no-repeat;
	font-size:9px;
	text-decoration:none
}

#sharebox ul {
	position:relative;
	display:none;
	height:146px;
	margin-top:11px;
	padding:16px 0 0 20px;
	background:url(../img/sharebox_bg.png) no-repeat
}

#sharebox ul.show {
	display:block
}

#sharebox li {
	margin-bottom:3px;
	padding-left:24px
}

#sharebox ul a {
	padding-left:0;
	color:#62c1e9;
	background:none;
	font-family:"Trebuchet MS";
	font-size:10px;
	text-decoration:none
}

#sharebox a:hover {text-decoration:underline}

li.enviar {background:url(../img/share_enviar.png) 1px 3px no-repeat}
li.imprimir {background:url(../img/share_imprimir.png) 0 3px no-repeat}
li.favoritos {background:url(../img/share_favoritos.png) 0 3px no-repeat}
li.facebook {background:url(../img/share_facebook.png) 0 3px no-repeat}
li.digg {background:url(../img/share_digg.png) 0 3px no-repeat}
li.delicious {background:url(../img/share_delicious.png) 0 3px no-repeat}
#sharebox li.close a {
	position:absolute;
	display:block;
	top:10px;
	right:18px;
	width:11px;
	height:11px
}


/* Main */

#main {
	float:left;
	display:inline;
	width:582px;
	padding-bottom:100px
}

#main h2 {
	margin-bottom:14px;
	font-family:"Trebuchet MS";
	font-size:19px;
	font-weight:bold
}

#main h3 {
	margin-bottom:16px;
	padding-bottom:9px;
	color:#333;
	background:url(../img/main_h3_bg.png) bottom left no-repeat;
	font-family:"Trebuchet MS";
	font-size:19px;
	font-weight:bold
}

#main p {
	margin-bottom:26px;
	font-size:12px;
	line-height:17px
}

#main p em {
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	font-style:normal
}

#main a {
	color:#00abe3;
	font-weight:bold
}

#main img.floated-img {
	float:left;
	margin:0 24px 24px 0;
	border:2px solid #f1f1f1
}

#main #legal {
	display:none; /*PROVISORIO*/
	width:450px;
	margin-top:40px;
	clear:both;
	color:#676767;
	font-family:"Trebuchet MS";
	font-size:11px;
	line-height:14px
}


/* Right column */

#right-column {
	float:right;
	display:inline;
	width:215px;
	/*background:url(../img/right-column_bg.png) 0 36px repeat-x*/
}

#right-column h2 {
	height:36px;
	background:url(../img/right-column_title_bg.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px
}

/*
#right-column h3 {
	background:url(../img/right-column_subtitle_bg.png) no-repeat;
	font-family:"Trebuchet MS";
	font-size:14px;
	text-align:center;
	line-height:24px;
	text-transform:uppercase
}
*/
/*
.matches, #right-column .polls .inner {
	padding-bottom:4px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc
}

.matches p {
	color:#aaa;
	font-weight:bold;
	text-align:center;
	line-height:24px
}

#right-column .matches .inner {
	width:205px;
	margin:4px auto 0;
	padding:6px 0 1px;
	background:#fff url(../img/matches_top.png) no-repeat
}

.match {
	width:193px;
	margin:0 auto 6px;
	padding:11px 0 0;
	background:url(../img/match_bg.png) no-repeat
}

.team {
	float:left;
	display:inline;
	width:60px;
	font-family:"Trebuchet MS";
	font-size:11px;
	font-weight:bold;
	text-align:center
}

.team img {
	display:block;
	width:35px;
	margin:0 auto 8px
}

.team.away {
	float:right
}

.score {
	float:left;
	color:#42494d;
	font-size:26px;
	font-weight:bold
}

.score.away {float:right}

.score.off {color:#c2c2c2} 

.date {
	margin-top:28px;
	background:url(../img/date_bg.png) no-repeat;
	color:#fff;
	clear:both;
	font-size:10px
}

.date span {
	padding:0 19px 0 17px;
	background:url(../img/date_border.png) center right no-repeat;
	line-height:16px;
	letter-spacing:-0.02em
}

.date span.last {padding-right:0; background:none}

.next .match {padding:0}
.next .team {
	width:85px;
	margin:11px 0
}
.next .date {margin:0}
.next p {line-height:32px}

.record {
	display:block;
	width:194px;
	height:32px;
	margin:10px auto;
	background:url(../img/record_btn.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden
}

.record:hover {
	background-position:0 -32px
}
*/
#bottom {
	height:5px;
	margin-bottom:24px;
	background:url(../img/right-column_bottom.png) bottom left no-repeat
}

#right-column .news .inner {background:none}

.news p {
	width:177px;
	margin:0 auto;
	padding:8px;
	color:#444;
	background-color:#e2e3e4;
	font-family:"Trebuchet MS";
	font-size:11px;
	line-height:14px;
	text-align:left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px
}

#right-column .polls .inner {
	width:213px;
	padding-top:5px;
	background:url(../img/polls_bg.png) bottom left repeat-x;
}

#right-column .polls h3 {
	padding:5px 0 10px 10px;
	color:#adadad;
	background:none;
	font-size:18px;
	text-align:left;
	text-transform:none
}


/* Introducción */

#intro {
	height:250px;
	margin-bottom:35px;
	background:url(../img/intro_bg.jpg) bottom right no-repeat
}

#intro p {
	width:330px;
	font-size:14px;
	line-height:19px
}

#teams {
	width:549px;
	height:244px;
	margin-bottom:50px;
	padding:10px 13px;
	background:url(../img/teams_bg.png) no-repeat;
	font-family:"Trebuchet MS"
}

#teams h4, #fase1 h4 {
	margin-bottom:14px;
	font-size:14px;
	clear:both
}

#teams ul {
	width:470px;
	height:75px;
	margin-left:56px
}

#teams li {
	float:left;
	margin-right:30px;
	font-size:12px;
	text-align:center
}

#teams li img {
	display:block;
	margin-bottom:5px
}

#teams hr {
	width:550px;
	height:1px;
	margin:16px auto 14px;
	border:none;
	color:#dde9e9;
	background-color:#dde9e9;
	clear:both
}

#fase1 {
	margin-bottom:50px;
	font-family:"Trebuchet MS"
}

#fase1 table {
	width:550px;
	color:#333;
	font-size:14px;
	text-align:center
}

#fase1 th {
	width:50px;
	color:#fff;
	background-color:#19526b;
	font-weight:normal;
	line-height:26px
}

#fase1 th, #fase1 td {
	line-height:26px
}

#fase1 td {
	border:1px solid #d6dbe0
}

#fase1 td img {
	margin-right:8px;
	vertical-align:sub
}

#fase1 .first {
	width:150px;
	text-align:left;
	padding-left:8px;
}

#fase1 p {
	margin-top:10px;
	color:#999;
	font-size:10px
}


#cta {
	clear:both;
	margin-top:70px
}

#cta h4 {margin-bottom:10px; line-height:20px}

#cta-box {
	height:110px;
	background:url(../img/cta_bg.png) no-repeat;
	font-family:"Trebuchet MS"
}

#cta-box .cliente {
	position:relative;
	float:left;
	width:169px;
	height:90px;
	margin:11px 0 0 11px;
	padding-right:6px;
}

#cta-box .cliente.nuevo {
	border-right:1px dashed #a6a6a6
}

#cta-box h5 {
	margin-bottom:8px;
	color:#1f5c99;
	font-size:13px
}

#cta-box p {
	font-size:12px;
	line-height:14px
}

#cta-box a {
	position:absolute;
	bottom:-2px;
	display:block;
	width:93px;
	color:#2f2f2f;
	background:url(../img/cta_button.png) no-repeat;
	font-size:11px;
	text-align:center;
	line-height:16px
}


/* Equipos  */

#map {margin-bottom:40px}

.stadium {
	clear:both;
	margin:0 20px 24px 0;
	border-bottom:1px dotted #666
}

.stadium.last {border:none}

.stadium h4 {
	margin-bottom:8px;
	font-family:"Trebuchet MS";
	font-size:14px
}

#main .stadium p {
	line-height:13px
}

.stadium strong {
	color:#085528;
	font-weight:bold
}


/* Guia de torneo  */


/* winner brazil */
div#winner {
	background-image:url(../img/winner.jpg);
	width:575px;
	height:216px;
	position:relative;
	margin:0 0 70px 0;
}
div#winner h3 {
	padding:13px 0 0 18px;
	font-size:14px;
	color:#333;
	font-weight:bold;
	background-image:none;
}
div#winner dl dt {
	color:#FFF;
	font-size:13px;
	position:absolute;
	top:125px;
	display:block;
	width:118px;
	height:25px;
	text-align:center;
	line-height:26px;
}
div#winner dl dt strong {
	font-weight:bold;
	font-size:16px;
}
div#winner dl dd {
	color:#333;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:150px;
	width:118px;
	height:25px;
	text-align:center;
	line-height:25px;
	margin:5px 0 0 0;
}
.eeuu {
	left:61px;
}
.brasil {
	left:230px;
}
.espania {
	left:399px;
}

/* /winner brazil */

/* lateral colummn */

div#newThing {
	background-image:url(../img/bannerUp.gif);
	width:214px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#newThing div#child {
	background-image:url(../img/bannerDown.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:190px;
	padding:10px 12px 0 12px;
}
div#newThing img {
	border:1px solid #ccc;
}
div#newThing h3 {
	font-size:15px;
	color:#333;
	margin:11px 0 7px 0;
	line-height:17px;
}
div#newThing p {
	font-size:13px;
	line-height:17px;
	color:#333;
}
div#newThing a {
	font-weight:bold;
	color:#00abe3;
	font-size:13px;
	margin:5px 0 0 0;
	background-image:url(../img/arrow.gif);
	background-position:right 6px;
	background-repeat:no-repeat;
	padding:0 8px 0 0;
	line-height:34px;
}

/* /lateral colummn */