﻿body{
	background:#EFEFEF;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#043A8B;
	margin:10px auto;
	cursor:default;
}
a{
	color:#043A8B;
	text-decoration:none;
}
a:hover{
	color:#111;
}
a img{
	border:0;
}
/* --------------------
	CONTAINER
----------------------- */
#container{
	/*position:relative;*/
	width:985px;
	margin:0 auto;
	background:#FFF;
}
/* --------------------
	HEADER
----------------------- */
#header{
	position:relative;
	z-index:1;
	height:75px;
	background:url(header-bg.jpg) no-repeat;
}
#header h1 a{
	position:absolute;
	width:135px;
	height:135px;
	left:30px;
	text-indent:-9999px;
	background:url(mundial-de-countries-logo.jpg) no-repeat;
}
#header .aviso{
	position:absolute;
	left:300px;
	top:85px;
	width:630px;
	height:75px;
	background:#DDD;
}
/* --------------------
	MENU
----------------------- */
#menu{
	position:absolute;
	left:300px;
	top:48px;
	height:22px;
	cursor:default;
	font:bold 13px/13px Arial, Helvetica, sans-serif;
	width: 655px;
}
#menu ul li{
	display:inline;
	float:left;
}
#menu ul li a{
	display:block;
	height:22px;
	text-decoration:none;
	text-indent:-9999px;
}
/**/
#menu ul li.b0 a{
	width:26px;
	margin:0 5px 0 0;
	background: url(menu/b0.jpg);
}
#menu ul li.b1 a{
	width:85px;
	background: url(menu/b1.jpg);
}
#menu ul li.b2 a{
	width:85px;
	background: url(menu/b2.jpg);
}
#menu ul li.b3 a{
	width:100px;
	background: url(menu/b3.jpg);
}
#menu ul li.b4 a{
	width:100px;
	background: url(menu/b4.jpg);
}
#menu ul li.b5 a{
	width:80px;
	background: url(menu/b5.jpg);
}
#menu ul li.b6 a{
	width:70px;
	background: url(menu/b6.jpg);
}
#menu ul li.b7 a{
	width:100px;
	background: url(menu/b7.jpg);
}
/* hover */
#menu ul li.b1 a:hover,
#menu ul li.b1 a:hover,
#menu ul li.b2 a:hover,
#menu ul li.b3 a:hover,
#menu ul li.b4 a:hover,
#menu ul li.b5 a:hover,
#menu ul li.b6 a:hover,
#menu ul li.b7 a:hover {
	background-position: 0 -50px!important;
}
/* activo */
#menu ul li a.activo{
	background-position: 0 -100px!important;
}
/* --------------------
	FOOTER
----------------------- */
#footer{
	position:relative;
	height:80px;
	font-size:11px;
	line-height:18px;
	color:#043A8B;
	background: #EFEFEF url(footer-bg.jpg) no-repeat;
}
#footer a {
	color:#043A8B;
	text-decoration:none;
}
#footer a:hover {
	color:#111;
}
#footer address {
	position:absolute;
	right:30px;
	top:35px;
	font-style:normal;
	text-align:right;
}
#footer small {
	color:#999;
	font-size:11px;
}
#footer small a{
	color:#999;
}
/* --------------------
	CENTER
----------------------- */
#center{
	position:relative;
	width:875px;
	min-height:420px;
	padding:105px 55px 10px 55px;
	background:url(center-bg.jpg) repeat-y center bottom;
}
/* --------------------
	SUBMENU
----------------------- */
#submenu{
	float:left;
	position:relative;
	width:140px;
	font:bold 13px/13px Arial, Helvetica, sans-serif;
}
#submenu ul {
	position:relative;
	top:-25px;
}
#submenu ul li{
	margin:0 0 2px 0;
}
#submenu ul li a{
	display:block;
	padding:7px 5px;
	color:#043A8B;
	background:#94D3E8;
	text-decoration:none;
}
#submenu ul li a:hover{
	color:#FFF;
	background:#00AADB;
}
/**/
h3.titulo-categoria{
	position:relative;
	width:180px;
	top:-45px;
	margin:0 0 10px 0;
}
/* --------------------
	CENTER > Columnas
----------------------- */
.col-center{
	position:relative;
	width:725px;
	float:left;
}
/**/
.col-1{
	position:relative;
	width:235px;
	float:left;
	margin:0 10px 0 0;
}
.col-2{
	position:relative;
	width:350px;
	float:left;
	margin:0 25px 0 0;
}
.col-3{
	position:relative;
	width:725px;
	float:left;
}
.col-4{
	position:relative;
	width:480px;
	float:left;
}
.col-5{
	position:relative;
	width:565px;
	float:left;
	margin:35px 0 0 20px;
}
.col-f{
	margin:0!important;
}
.col-mh{
	height:45px;
}
/**/
.sidebar{
	position:relative;
	width:140px;
	float:left;
	margin:0 0 0 10px;
}
/* --------------------
	CENTER > Titulos
----------------------- */
h2{
	font-size:24px;
	line-height:18px;
	margin-bottom:9px;
	color:#96BD0D;
}
h3{
	font-size:18px;
	line-height:18px;
	margin-bottom:9px;
	color:#96BD0D;
}
h4{
	font-size:14px;
	line-height:18px;
	margin-bottom:9px;
}
h5{
	font-size:12px;
	line-height:18px;
	margin-bottom:9px;
}
p{
	margin:0 0 18px 0;
}
p small{
	font-size:9px!important;
}
blockquote{
	font-size:14px;
	line-height:20px;
	margin:0 0 18px 0;
}
p.bnr{
	margin:0 0 10px 0!important;
}
p.bnr-2{
	margin:0 0 10px 0!important;
	height:70px;
}
.p11{
	font-size:11px;
}
.p11-sub-t{
	font-size:14px;
	font-weight:bold;
	color:#94D3E8;
}
.mt30{
	margin-top:30px!important;
}
/**/
h2.torneo{
	position:absolute;
	width:300px;
	height:75px;
	top:-45px;
	background: url(t-torneo.gif) no-repeat;
	text-indent:-9999px;
	z-index:1;
}
h2.sportnet{
	position:absolute;
	width:300px;
	height:75px;
	top:-45px;
	background: url(t-sportnet.gif) no-repeat;
	text-indent:-9999px;
	z-index:1;
}
h2.comentarios{
	position:absolute;
	width:300px;
	height:75px;
	top:-45px;
	background: url(t-comentarios.gif) no-repeat;
	text-indent:-9999px;
	z-index:1;
}
/**/
ul.info {
	margin:9px 0 18px 0;
	font-size:11px;
	line-height:17px;
}
ul.info li{
	background: url(bullet-1.gif) left 6px no-repeat;
	padding:0 0 0 10px;
}
/**/
ul.etapas {
	margin:9px 0 18px 0;
	font-size:11px;
	line-height:17px;
	height:60px;
}
ul.etapas li{
	margin:0 8px 8px 0;
	float:left;
}
ul.etapas li a{
	display:block;
	padding:5px 10px;
	background:#DDD;
	text-decoration:none;
}
ul.etapas li a:hover{
	background:#999;
	color:#FFF;
}
/* --------------------
	VARIOS
----------------------- */
hr{
	display: none;
}
.hr{
	width: 100%;
	border-bottom: 1px dotted #CCC;
	clear: both;
	margin: 10px 0;
}
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.misc-home{
	position:absolute;
	width:235px;
	height:275px;
	top:-45px;
	left:-55px;
	background: url(misc-slideshow-home.png) no-repeat;
	z-index:1;
}
.foto-top{
	position:absolute;
	top:0;
	right:0;
	width:295px;
	height:235px;
	overflow:hidden;
	background:#EFEFEF;
}
.foto-alto{
	min-height:200px;
}
/* --------------------
	SLIDESHOW
----------------------- */
.slideshow {
	width:725px;
	height:260px;
	overflow:hidden;
	margin:0 0 10px 0;
}
.slideshow ul.ppt{
	position:relative;
}
.slideshow ul.ppt li{
	position:absolute;
	top:0;
	left:0;
}
/* --------------------
	GALERIA > Prensa
----------------------- */
.gal{
	position: relative;
	overflow: scroll;
	width: 725px;
	height: 360px;
}
.gal .area{
	position: absolute;
	left: 0;
	top: 0;
}
.gal .panel{
	float: left;
	overflow: hidden;
	width: 725px;
	height: 360px;
}
/* --------------------
	GALERIA > Prensa > Interior
----------------------- */
.informacion{
	display:block;
	height:50px;
	margin:0 0 10px 0;
	padding:5px 0 0 30px;
	background:#96BD0D;
	font-size:12px;
	color:#00398C;
}
/* --------------------
	FORMS > TORNEO
----------------------- */
form p{
	margin:0 0 9px 0;
}
form label{
	font-size:11px;
	line-height:13px;
	display:block;
	width:175px;
	float:left;
	padding:5px 5px 0 0;
	border-top:1px dotted #DDD;
}
form input, form textarea, form select{
	/*width:240px;*/
	border:1px solid #CCC;
	background:#FFF;
	color:#222;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	outline:none;
}
form textarea{
	height:90px;
	resize:none;
}
form input:focus, form textarea:focus{
	border: 1px solid #96BD0D;
	background:#FFF;
	color:#222;
}
/**/
form radio, form checkbox{
	vertical-align: middle;
	border:none !important;
	background:transparent !important;
}
/**/
.btn{
	border:1px solid #043A8B;
	background:#043A8B;
	color:#FFF;
	padding:3px 10px;
	font-size:11px;
	font-weight:bold;
}
/**/
.msj-login{
	font-size:11px;
	color:#F00;
	padding:0 0 0 10px;
}
.msj-error{
	font-size:12px;
	border-color:#F00;
}
span.msj-error{
	font-size:11px;
	color:#F00;
	margin:0 0 0 10px;
}
/**/
.msj-si{
	padding:9px;
	border:solid 1px #090;
	background:#CF9;
}
.msj-no{
	padding:9px;
	border:solid 1px #C00;
	background:#FCC;
}
.msj-ni{
	padding:9px;
	border:solid 1px #C90;
	background:#FF9;
}
/**/
.fld-mini{
	width:20px;
}
.fld-corto{
	width:100px;
}
.fld-medio{
	width:240px;
}
.fld-largo{
	width:400px;
}
/* --------------------
	TABLES
----------------------- */
table{
	border-collapse:collapse;
	background-color:#F5F5F5;
	font-size:11px;
	line-height:13px;
}
table th{
	padding:5px 3px;
	background-color:#DDD;
}
table td{
	padding:5px 3px;
	border-bottom:1px solid #CCC;
}
table tbody tr:hover td{
	color: #96BD0D;
}
/* --------------------
	CONTACTO > FORMS
----------------------- */
.contact-misc-1{
	background: url(contacto-bg-1.gif) no-repeat;
	position:relative;
	width:195px;
	float:left;
	left:-25px;
	top:-45px;
	margin:0 10px 0 0;
	padding:70px 0 0 40px;
}
.contact-misc-1 p{
	font-size:11px;
	line-height:16px;
}
/**/
.contact-col-1{
	width:235px;
	margin:0 10px 0 0;
	float:left;
}
.contact-col-2{
	width:235px;
	margin:0;
	float:left;
}
.contact-col-3{
	width:480px;
	margin:0;
	float:left;
}
#f p{
	margin:0 0 9px 0;
}
#f label{
	font-size:11px;
	line-height:18px;
	padding:0 0 5px 2px;
	display:inline;
	border:none;
	width:auto;
}
#f input, #f textarea, #f select{
	width:220px;
	border:1px solid #CCC;
	background:#FFF;
	color:#222;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	outline:none;
}
#f textarea{
	width:465px;
	height:90px;
	resize:none;
}
#f .shrt{
	width:60px;
}
#f .btn{
	border:1px solid #043A8B;
	background:#043A8B;
	color:#FFF;
	padding:3px;
	font-size:11px;
	font-weight:bold;
	width:80px;
}
#f input:focus, #f textarea:focus{
	border: 1px solid #96BD0D;
	background:#FFF;
	color:#222;
}
