/* CSS Document */

/*RESET*/
html, body, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dd, dt, form, blockquote {
	margin: 0;
	padding: 0;
}
ul, li, ol {
	list-style: none;
}
a {
	outline: none;
	text-decoration: none;
	color: #616c5d;
}
a:hover {
	color: #000;
}
img {
	border: 0;
}
table {
	border-collapse: collapse;
}
p {
	margin: 0 0 20px;
	padding: 0;
}

html {
	margin:0;
	padding:0;
	height: 100%;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/fondo_html.png) top left repeat-x scroll;
}
body {
	/*overflow-y:scroll!important;
	overflow-y:none;*/
	height: 100%;
	position: relative;
	margin: 0 auto;
	width: 992px;
	font: normal 13px Arial, Helvetica, sans-serif;
*background: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/fondo_body.png', sizingMethod='scale');
}
html>body{
	height:auto;
	min-height:100%;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/fondo_body.png) top center repeat-y scroll;
}
#contenedor {
	width: 992px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 0;
}
#contenido {
	float: left;
	position: relative;
	width: 922px;
	margin: 0 15px;
	padding: 20px;
	display: inline;
	z-index: 1;
	font-size: 13px;
}
#cabecera {
	float: left;
	width: 992px;
	height: 139px;
	z-index: 5;
	margin: 0;
	padding: 0;
 *background: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/cabecera.png', sizingMethod='crop');
}
html>body #cabecera {
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/cabecera.png) top left no-repeat;
}
#cabecera h1 {
	float: left;
	position: relative;
	width: 992px;
	height: 78px;
	text-indent: -9999px;
}
#cabecera h1 a {
	float: left;
	position: relative;
	/*width: 992px;*/
	height: 68px;
	cursor:pointer;
}
#cabecera h1 a.titulo {
width:870px;
}
#cabecera h1 a.patrocinio {
width:122px;
}
#cabecera #marcas {
	float: left;
	position: relative;
	width: 992px;
	height: 25px;
	margin: 0;
	padding: 0;
}
#cabecera #marcas .iraelmundo {
	float: left;
	position: relative;
	margin: 0 0 0 9px;
	padding: 0;
	display: inline;
}
#cabecera #marcas .iraelmundo a {
	float: left;
	position: relative;
	text-indent: -9999px;
	width: 142px;
	height: 20px;
}
#cabecera #marcas .iralaseccion {
	float: left;
	position: relative;
	color: #333;
	margin: 7px 0 0;
	padding: 0 0 0 12px;
	font: bold 15px Arial, Helvetica, sans-serif;
}
#cabecera #nav {
	float: left;
	position: relative;
	width: 992px;
	z-index: 6;
}
#cabecera #nav ul {
	float: left;
	width: 912px;
	height: 31px;
	margin-left: 38px;
	display: inline;
	text-align: center;
	z-index: 7;
}
#cabecera #nav li {
	float: left;
	display: inline;
	margin: 0 2px;
}
#cabecera #nav li a {
	float: left;
	width: 110px;
	height:21px;
	padding: 10px 0 0;
	color: #999;
	margin: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/pestana_nav.png) top left no-repeat;
}
#cabecera #nav li a:hover {
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/pestana_nav_on.png) top left no-repeat;
	color: #333;
}
body#calendario #cabecera #nav li.nav_calendario a,
body#envivo #cabecera #nav li.nav_envivo a,
body#equipos #cabecera #nav li.nav_equipos a,
body#clasificacion #cabecera #nav li.nav_clasificacion a {
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/pestana_nav_activo.png) top left no-repeat;
	color: #fff;
}
#cabecera #nav li p.cintillo {
	float: left;
	position: absolute;
	top: 37px;
	left: 33px;
	margin: 0;
	color: #777;
	font-size: 11px;
	display: none;
}
body#equipos #cabecera #nav li p.cintillo {
	display: inline;
}
#cabecera #nav li.last a {
	border-right: none;
}
#cabecera #nav li ul.sub_nav {
	display: none;
}
body#equipos #cabecera #nav li ul.sub_nav {
	display: inline;
}
#cabecera #nav li ul.sub_nav {
	float: left;
	position: absolute;
	width: 952px;
	margin-left: 90px;
	top: 57px;
	left: -58px;
	z-index: 10;
}
#cabecera #nav li ul.sub_nav li{
	margin: 0 2px 0 0;
}
#cabecera #nav li ul.sub_nav li a{
	float: left;
	position: relative;
	background: none!important;
	width: 27px;
	height: 20px;
	overflow: hidden;
	padding: 0;
	z-index: 11;
}
#cabecera #nav li ul.sub_nav li a strong{
	float: left;
	position: absolute;
	top: 20px;
	left: -48px;
	width: 120px;
	z-index: 12;
	color:#555;
	font: normal 10px Arial, Helvetica, sans-serif;
}
#cabecera #nav li ul.sub_nav li a:hover{
	overflow: visible;
	background: none;
}

.columnaizq{
	float: left;
	position: relative;
	width: 600px;
}
.columnader{
	float: right;
	position: relative;
	width: 302px;  
	margin-left: 20px;
}
.columnaancha{
	float: left;
	position: relative;
	width: 922px;
	clear:left; 
}
#contenido h2{
	color: #3b647e;
	margin-bottom: 20px;
	font: normal 34px Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #ddd;
}
#contenido table{
	width: 100%;
	margin-bottom: 15px;
}
#contenido table td{
	border: 1px solid #ccc;
	padding: 4px 8px;
	background: #f1f1f1 url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/fondo_td.png) top left repeat-x;
	text-align: center;
	font-size: 12px;
	color: #555;
}
#contenido table td.par{
	border: 1px solid #ccc;
	padding: 4px 8px;
	background: #d8e2e9 url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/fondo_td_par.png) top left repeat-x;
}
#contenido table th{
	border: 1px solid #ccc;
	padding: 6px 8px;
	background: #434343 url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/fondo_th.png) top left repeat-x;
	color: #eee;
	font-weight: normal;
}
#contenido table caption{
	border: 1px solid #ccc;
	padding: 6px 8px;
	background: #5f7c8f url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/fondo_caption.png) top left repeat-x;
	color: #eee;
	font-weight: bold;
}

/* CALENDARIO */
#contenido table td.grupo{
background: #e6754a url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/fondo_grupo.png) top left repeat-y;
font-size: 24px;
color: #eee;
text-align: center;
}
#contenido table td.sedeyfecha{
width: 100px;
}
#contenido table.rondas_finales td{
text-align: center;
}

/* EQUIPOS */
body#equipos #contenido{
	margin-top: 37px;
}
body#equipos #contenido h2{
	color: #3b647e;
	margin-bottom: 5px;
	font: normal 20px Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #ddd;
}
body#equipos #contenido h3{
	color: #3b7ca6;
	margin-bottom: 10px;
	font: normal 34px Arial, Helvetica, sans-serif;
}
body#equipos #contenido h3 img{
	float: left;
	position: absolute;
	right: -10px;
	top: 5px;
}
body#equipos #contenido h4{
	float: left;
	position: relative;
	width: 302px;
	margin-bottom: 10px;
	padding: 2px 0;
	color: #2b6386;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #d8e3eb;
	border: solid 1px #b4c9d7;
	text-align: center;
}
body#equipos #contenido p.firma{
	color: #777;
	padding: 15px 0 3px;
	border-bottom: solid 1px #ddd;
	margin-bottom: 15px;
}
body#equipos #contenido p{
	line-height: 20px;
}
body#equipos #contenido #ficha_tecnica{
	float: left;
	position: relative;
	margin: 0 0 20px;
}
body#equipos #contenido #ficha_tecnica li{
	float: left;
	position: relative;
	width: 302px;
	border-bottom: solid 1px #ddd;	
	padding: 4px 0;
}
body#equipos #contenido #ficha_tecnica li strong{
	color: #1a445f;
}
#campo_alineacion ul{
	float: left;
	position: relative;
	margin-top: 5px;
}
#campo_alineacion ul{
	float: left;
	position: relative;	
	width: 302px;
	height: 182px;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/campo_302.jpg) top left no-repeat; 
	padding: 0 0 10px;
}
#campo_alineacion li{
	float: left;
	position: absolute;
	font-size: 11px;
}
#campo_alineacion li strong{
	float: left;
	position: relative;	
	width: auto!important;
	width: 70px;
	min-width: 70px;
	text-align: center;
	color: #eee;
	padding: 1px 3px;
	font-weight: normal;
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/azul50.png', sizingMethod='scale');
}
html>body #campo_alineacion li strong{
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/2009/12/mundial_2010_sorteo/img/azul50.png) top left;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_1{
	top: 85px;
	left: 5px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_2{
	top: 155px;
	left: 25px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_3{
	top: 125px;
	left: 35px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_4{
	top: 40px;
	left: 35px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_5{
	top: 10px;
	left: 25px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_6{
	top: 70px;
	left: 95px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_7{
	top: 95px;
	left: 110px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_8{
	top: 145px;
	left: 135px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_9{
	top: 20px;
	left: 135px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_10{
	top: 115px;
	left: 200px;
}
#campo_alineacion ul.tactica_4_4_2 li.pos_11{
	top: 50px;
	left: 190px;
}

/* EN VIVO */

body#envivo #contenido table.narracion th{
	text-align: right;
	vertical-align: top;
	font: bold italic 12px Arial, Helvetica, sans-serif;
	color: #aaa;
	width: 70px;
	padding: 6px 10px;
}
body#envivo #contenido table.narracion td{
	line-height: 20px;
	padding: 6px 10px;
}
body#envivo #contenido table.bombos th,
body#envivo #contenido table.bombos td{
	padding: 6px 2px;
	font-size: 11px;
}
/* GRAFICO */
#grafico .columnaizq {
	display: none;
}
#grafico .columnader {
	display: none;
}
/* */
/* Site information */

#site_info {
	float: left;
	position: relative;
	width: 942px;
	margin: 0 15px;
	display: inline;
	font:10px Arial, Helvetica, sans-serif;
	color:#888;
	padding:8px 10px 20px;
	border-top: 1px solid #555;
}
#site_info a {
	color:#888;
	text-decoration:none;
}
#site_info a:hover {
	color:#666;
}
#site_info p {
	float:left;
	padding:0 10px 0 0 !important;
	font-size: 10px;
	line-height:10px;
	margin:0;
}
#site_info p.credits {
	border:1px solid #888;
	border-width:0 1px;
	padding:0 8px!important;
	margin:0 8px 0 0;
}
#site_info ul, #site_info li {
	display:inline;
	list-style:none;
	padding:0 5px 0 0;
	line-height:10px;
	margin:0;
}
#site_info li.contact {
	border-right:1px solid #888;
	padding:0 8px 0 0;
	margin:0 8px 0 0;
}
acronym {
	border:0;
	text-decoration:none;
}
/* -- INICIO PUBLICIDAD */
#publicidadsuperior {
	width: 990px;
	height: 100px;
	margin: 0 0 0 1px !important;
	padding: 0px;
}
#publicidadsuperior .publicidadhorizontal {
	width: 740px!important;
	float: left;
}
#publicidadsuperior table {
}
#publicidadsuperior td {
	border: 0px !important;
	padding: 0px !important;
}
#publicidadsuperior .publicidadhorizontal div table td.margen {
	width: 1px !important;
}
#publicidadsuperior .publicidadhorizontal, #publicidadsuperior .publicidadhorizontal div, #publicidadsuperior .publicidadhorizontal table {
	width: 740px !important;
}
#publicidadsuperior .publicidadmodulo {
	width: 244px;
	float: left;
	margin: 0 0 0 5px;
}
.publicidad300 {
	float: left;
	position: relative;
	width: 302px;
	margin: 10px 0 20px;
	display: inline;
	padding: 0;
}
.publicidad300 table {
	font-size: auto!important;
	background: none!important;
}
.publicidad300 td {
	font-size: auto!important;
	background: none!important;
	border: none!important;
	color: #000!important;
	padding: inherit!important;
}
/* -- FIN PUBLICIDAD */