/*
CSS file created with:Instant Blueprint - Create a web project framework in seconds.
 http://instantblueprint.com

Project: Unetefan
File: css/style.css
Last edited: June 28, 2010, 11:28 pm
*/

/*  Main  */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background:#FFFFFF;
 text-align:center;
}
body img a {
	border:none;
}
a {
	color:#3c3c3c;
	text-decoration:none;
}
h1 {
	font-size:18px;
	line-height:18px;
}
h2 {
	font-size:12px;
	color:#3c3c3c;
	font-weight:normal;
	line-height:14px;
}
h3 {
	font-size:14px;
	line-height:14px;
	color:#3c3c3c;
}
h4 {
	font-size:10px;
	color:#3c3c3c;
	font-weight:normal;
	line-height:12px;
}
h4 a {
	text-decoration:none;
}
#wrapper {
 margin:0 auto;
 width:995px; /*  Change to desired width :)  */
 background:#FFF;
 text-align:left;
 z-index:0;
}

#header {
	clear:both;
	margin-bottom:15px;
	position:relative;
	float:left;
	width:995px;
	z-index:100;
}
#pLeaderboard {
	float:right;
	margin-right:10px;
	position:relative;
	margin-top:30px;
	border:1px #aaaaaa dotted;
	height:90px;
}
#pMediumRectangle {
	width:300px;
	height:250px;
	border:1px dotted #aaaaaa;
	float:right;
	position:relative;
}
.banner {
	width:468px;
	margin:10px 26px;
	clear:both;
	border:1px dotted #aaaaaa;
}
.banner a {
	border-bottom:none;
}
#cuerpo {
	overflow:hidden;
	background-color:#FFF;
	position:relative;
	float:left;
	z-index:10;
}
#logo {
	float:left;
	position:relative;
	background-position:bottom;
	background-repeat:repeat-x;
}
/* Menu */
#Menu {
	width:995px;
	position:relative;
	float:left;
	border-top:1px dotted #aaaaaa;
	border-bottom:1px dotted #aaaaaa;
	z-index:200;
}
#Menu ul.topnav {
	list-style: none;
	padding: 0 10px;
	margin: 0;
	float: left;
	position:relative;
	width:955px;
	font-size: 16px;
	font-weight:bold;
	text-transform:uppercase;
}
#Menu ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
#Menu ul.topnav li a{
	padding: 10px 5px;
	display: block;
	text-decoration: none;
	float: left;
}
#Menu ul.topnav li a:hover{
}
#Menu ul.topnav li span { /*--Drop down trigger styles--*/
	width: 15px;
	height: 20px;
	margin-top:5px;
	float: left;
	position:relative;
	background: url(../img/menu_arrow.png) no-repeat 0 0;
}
#Menu ul.topnav li span.subhover {background-position: center center; cursor: pointer;} /*--Hover effect for trigger--*/
#Menu ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 100px;
	background: #FFF;
	border-bottom:1px dotted #aaaaaa;
	font-size:10px;
}
#Menu ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-bottom:1px dotted #aaaaaa;
	clear: both;
	width: 100px;
}
#Menu ul.topnav li ul.subnav li a {
	float: left;
	width:80px;
	padding-left: 20px;
}
#Menu ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../img/dropdown_linkbg.gif) no-repeat 10px center;
	color:#FFF;
}
/* Nota Principal */
.nota {
		overflow:hidden;
		float:left;
		position:relative;
		width:520px;
		clear:both;
		margin-bottom:10px;
	}
	.notaCaption {
		margin-top:5px;
		overflow:hidden;
		float:left;
		position:relative;
		padding:5px;
	}
	.notaTitleMini {
		overflow:hidden;
		position:relative;
		min-height:35px;
	}
	.notaCaptionMini {
		margin-top:5px;
		overflow:hidden;
		float:left;
		position:relative;
		min-height:25px;
	}
	.notaImg {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.notaImg a {
	text-decoration: none;
	float: left;
}
.notaImg h1 {
	font-weight:bold;
	padding-right:10px;
}
.notaImg a:hover {
	cursor: pointer;
}
.notaImg a img {
	float: left;
	margin: 0;
}
.notaImg a .desc {	
	display: block;
	background: #000;
	filter:alpha(opacity=80);
	opacity:.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px;
	margin: 0;
	width: 510px;
	z-index:2;
}
.demas {
	position:absolute;
	z-index:50;
	right:0px;
	top:5px;
	height:30px;
}
.demas img {
	margin-right:5px;
}
.badgeAliado {
	background:url(../img/AliadosBadge.png) no-repeat 0 0;
	width:86px;
	height:85px;
	position:absolute;
	right:-5px;
	top:-5px;
	z-index:50;
	visibility:hidden;
}
.badgeAliadoMini {
	background:url(../img/AliadosBadge.png) no-repeat 0 0;
	height:45px;
	width:45px;
	position:absolute;
	right:-1px;
	top:-1px;
	z-index:50;
	visibility:hidden;
}
.notaPrincipalMas {
	width:100%;
	margin-top:5px;
	border-bottom:1px dotted #aaaaaa;
	border-top:1px dotted #aaaaaa;
	padding:3px 5px;
	float:left;
	position:relative;
	overflow:hidden;
	margin-bottom:5px;
}
.notaComentarios {
	background:url(../img/notaBurbuja.gif) no-repeat 0 0;
	padding-left:20px;
	height:15px;
	float:left;
	position:relative;
	color:3c3c3c;
}
.notaGalerias {
	background:url(../img/notaGalerias.png) no-repeat 0 0;
	margin-right:5px;
	float:right;
	position:relative;
	height:15px;
	width:15px;
}
.notaComentariosAbajo {
	background:url(../img/notaBurbuja.gif) no-repeat 0 5;
	padding-left:20px;
	margin-right:10px;
	padding-top:5px;
	height:20px;
	float:right;
	position:relative;
	color:3c3c3c;
}
.notaFecha {
	background:url(../img/notaFecha.gif) no-repeat 0 0;
	padding-left:20px;
	margin-right:10px;
	height:15px;
	float:right;
	position:relative;
}
.notaFacebook {
	float:left;
	position:relative;
}
.notaTwitter {
	float:left;
	position:relative;
	text-align:right;
}
.MiniNotas {
	width:518px;
	clear:both;
	overflow:hidden;
	position:relative;
	float:left;
	padding-left:2px;
	margin-bottom:10px;
}
.notaMini {
	margin-bottom:10px;
	overflow:hidden;
	float:left;
	position:relative;
	width:170px;
	margin:0 1px;
}
.notaMini h3 {
	font-weight:bold;
}
.notaMini h4 {
	font-weight:bold;
	margin:0;
}
.notaMini img {
	width:170px;
	height:50px;
	border:none;
}
#notaSencilla {
	border-bottom:10px;
	width:520px;
	overflow:hidden;
}
#NotaSencilla .imagen {
	width:520px;
	height:auto;
	position:relative;
	float:left;
}
#NotaSencilla .titulo {
	border-bottom:1px dotted #aaaaaa;
	margin-bottom:10px;
	padding:10px 5px;
	position:relative;
	float:left;
	width:500px;
}
#NotaSencilla .frase {
	margin-bottom:10px;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	float:left;
	width:100%;
}
#NotaSencilla .cuerpo {
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
}
#NotaSencilla .cuerpo img {
	max-width:500px;
	border:dashed 1px #aaaaaa;
	padding:3px;
	margin:4px;
	float:right;
	position:relative;
}
#NotaSencilla .cuerpo p {
	margin-top:10px;
	line-height:14px;
}
#Seccion {
	border-bottom:10px;
	width:520px;
	overflow:hidden;
}
#Seccion .titulo {
	border-bottom:1px dotted #aaaaaa;
	margin-bottom:10px;
	padding:10px 0px;
	position:relative;
	float:left;
	width:100%;
}
#Seccion .frase {
	margin-bottom:10px;
	position:relative;
	float:left;
	width:100%;
}
#Seccion .cuerpo {
	text-align:justify;
}
#NotaSencilla .cuerpo p {
	margin-top:10px;
	line-height:14px;
}
#externo {
	width:520px;
	overflow:hidden;
	position:relative;
	float:left;
}
#externo .titulo {
	border-bottom:1px dotted #aaaaaa;
	margin-bottom:10px;
	padding:10px 0px;
	position:relative;
	float:left;
	width:100%;
}
#externo .cuerpo {
	text-align:justify;
}
#externo .cuerpo p {
	margin-top:10px;
	line-height:14px;
}
.facebook {
	margin:5px 0px;
	float:left;
	position:relative;
}
#comentarios {
	position:relative;
	float:left;
	width:520px;
	overflow:hidden;
}
#comentarios .titulo {
	border-bottom:1px dotted #aaaaaa;
	margin-bottom:10px;
	padding:10px 0px;
	position:relative;
	float:left;
	width:100%;
}
#comentarios .comentario {
	border-bottom:1px dotted #aaaaaa;
	margin-bottom:10px;
	padding:10px 0px;
	position:relative;
	float:left;
	width:100%;
}
#comentarios .avatar {
	width:70px;
	height:auto;
	float:left;
	position:relative;
	border:1px dotted #aaaaaa;
	margin-right:5px;
	margin-bottom:5px;
}
#comentarios .usuario {
	float:left;
	position:relative;
}
#comentarios .fecha {
	float:right;
	position:relative;
}
#comentarios .mensaje {
	float:left;
	position:relative;
	text-align:justify;
	width:440px;
	margin-top:10px;
}
#comentarios .mensaje p {
	margin-top:10px;
	line-height:14px;
}
#comenta {
	width:520px;
	float:left;
	position:relative;
}
#comenta .titulo {
	border-bottom:1px dotted #aaaaaa;
	margin-bottom:10px;
	padding:10px 0px;
	position:relative;
	float:left;
	width:100%;
}
#comentarios .inputCaja {
	border:1px dotted #aaaaaa;
	width:500;
	margin:0px 10px;
	float:left;
	position:relative;
}
#comentarios .boton {
	margin:5px 10px;
	position:relative;
	float:right;
}
#columnaIzq {
	width:520px;
	overflow:hidden;
	float:left;
	position:relative;
}
#wrapperIzq {
	width:520px;
	overflow:hidden;
	float:left;
	position:relative;
}
#columnaIzq a {
	border-bottom:1px dotted;
	font:bold;
}
#columnaDer {
	float:right;
	position:relative;
	border-left:1px dotted #aaaaaa;
	width:460px;
	padding-left:5px;
	margin-right:5px;
	z-index:10;
}
.sideTitulo {
	width:100%;
	border-bottom:1px dotted #aaaaaa;
	font-size:14px;
	margin-bottom:5px;
}
.boton {
	text-decoration: none;
	float:left;
	cursor: pointer;
	font: 900 10px/18px;
	background: url(../img/btn.png) no-repeat top right;
	height:25px;
}

.boton  span {
	margin-left:0px;
	margin-right:3px;
	padding:6px 10px 6px 10px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	background: url(../img/btn.png) no-repeat top left;
}
/* Modulos */
#bloquePrincipal {
	width:460px;
	float:left;
	position:relative;
	overflow:hidden;
}
#login {
	width:460px;
	float:left;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	clear:both;
}
#login input {
	background:#FFF;
	border:solid 1px #aaaaaa;
	height:20px;
	color:#aaaaaa;
}
#login .nombre {
	margin-top:3px;
	float:left;
	position:relative;
}
#login .foto {
	float:left;
	position:relative;
	margin:3px;
	border:1px dotted #aaaaaa;
	padding:2px;
	width:75px;
}
#login .botones {
	float:right;
	position:relative;
	margin-top:10px;
	width:370px;
}
#modALaFecha {
	width:150px;
	float:left;
	position:relative;
	border:1px dotted #aaaaaa;
	height:105px;
	text-align:center;
	clear:left;
}
#modALaFecha h1 {
	line-height:24px;
}
#modVota {
	width:150px;
	background:url(../img/bgDTVFront.png) no-repeat;
	padding-top:70px;
	height:60px;
	border:1px dotted #aaaaaa;
	float:left;
	position:relative;
	text-align:center;
	clear:left;
	margin-top:10px;
}
#modVota h1 {
	line-height:24px;
}
#modVideo {
	width:460px;
	float:left;
	position:relative;
	overflow:hidden;
	margin:10px 0;
}
#modAlianzaBloque1 {
	margin-top:10px;
	position:relative;
	clear:both;
	float:left;
	width:460px;
	z-index:10;
}


/* Tabla General */
#modTablaGral {
	width:190px;
	float:left;
	position:relative;
	margin-top:5px;
	clear:left;
	font-size:10px;
}
#modTablaGral .Equipo a { text-decoration:none; }
#modTablaGral a:hover { color: #C00; cursor:pointer; }
#modTablaGral .Equipo{width:125px; padding-left:3px; border-left:1px dotted #aaaaaa;text-align:left; float:left; position:relative;}
#modTablaGral .Pos{float:left; position:relative; width:18px; text-align:center; position:relative;}
#modTablaGral .JJ,.PT{ width:18px; border-left:1px dotted #aaaaaa; position:relative; text-align:center;}
/*.JJ,.JG,.JE,.JP,.GF,.GC,.DF,.PT{width:14pt;color:black}
.marcogralsub,.tgtitulo,.tstit,.tgral,.tpietg {width:192pt;} */
#modTablaGral .Pos, .Equipo, .JJ, .PT {height:12px;}
#modTablaGral .PT {float:right}
#modTablaGral .JJ {float:left}

#modTablaGral .JG,.JE,.JP,.GF,.GC,.DF, .tgtitulo, .tpietg {display:none;}
#modTablaGral .marcogralsub,.tgtitulo,.tstit,.tgral,.tpietg {width:188px; position:relative; margin-left:1px;}


#modTablaGral .tstit    {height:12px; padding-top:3px; background:#C00; color:#FFF; font-weight:bold; text-align:center; width:190px;}
#modTablaGral .tgral    {padding:2px 0 2px 0; overflow:hidden; border-bottom:1px dotted #aaaaaa;border-right:1px dotted #aaaaaa;border-left:1px dotted #aaaaaa;color:#47535b; width:188px;}

/* Columnas disponibles
Pos - Posicion en la tabla
Equipo - Nombre del Equipo
JJ - Juegos Jugados
JG - Juegos Ganados
JE - Juegos Empatados
JP - Juegos Perdidos
GF - Goles a Favor
GC - Goles en Contra
DF - Diferencia de goles
PT - Juegos Jugados

Renglones disponibles
.marcogralsub - Caja que agrupa toda la tabla
.tstit        - Caja de titulos de columnas (pos, equipo,JJ,JG,JE,JP...)
.tgral        - Caja que agrupa los datos de la tabla general (no los titulos9
.tgtitulo     - Caja que contiene título del torneo
.tpietg       - Linea de pie de pagina
*/
#modTablaGral .tgtitulo { display:none; }
#modMinutoAMinuto {
	width:260px;
	float:right;
	position:relative;
	clear:right;
}
#modMarcador {
	width:190px;
	float:left;
	position:relative;
	clear:left;
}
#modMarcador .pJornada {
	float:left;
	width:100%;
	clear:both;
	position:relative;
	text-align:center;
	font-weight:bold;
	margin-bottom:3px;
	background-color:#C00;
	color:#FFF;
	height:15px;
	padding-top:2px;
}
#modMarcador .equipos {
	width:190px;
	clear:both;
	position:relative;
	float:left;
}
#modMarcador .pVs {
	margin-top:30px;
	float:left;
	width:35px;
	text-align:center;
}
#modMarcador .pLocal {
	float:left;
	position:relative;
	width:75px;
	text-align:center;
	clear:left;
}
#modMarcador .pVisitante {
	float:right;
	position:relative;
	width:75px;
	text-align:center;
	clear:right;
}
#modMarcador .pDatos {
	clear:both;
	position:relative;
	float:left;
	width:190px;
	margin-top:3px;
	margin-bottom:5px;
	border-top:dotted 1px #aaaaaa;
	padding-top:3px;
}
#modMarcador .aLocal {
	float:left;
	position:relative;
}
#modMarcador .aLocalLogo {
	float:left;
	width:30px;
	position:relative;
	height:30px;
}
#modMarcador .aLocalMarcador {
	margin-left:10px;
	float:left;
	position:relative;
}
#modMarcador .aVisitante {
	float:right;
	position:relative;
}
#modMarcador .aVisitanteLogo {
	float:right;
	position:relative;
	width:30px;
	height:30px;
}
#modMarcador .aVisitanteMarcador {
	margin-right:10px;
	float:right;
	position:relative;
}
#modMarcador .aVs {
	float:left;
	width:35px;
	text-align:center;
	padding:5px;
	margin-top:-3px;
}
#modMarcador h3 {
	border:dotted 1px #aaaaaa;
	width:30px;
	text-align:center;
	height:25px;
	padding-top:5px;
}
#modReplay {
	width:260px;
	float:right;
	position:relative;
	margin-top:5px;
	clear:right;
	z-index:1;
}
#footer {
	width:975px;
	clear:both;
	position:relative;
	float:left;
	overflow:hidden;
	background:#222222;
	border-top:5px #111111 solid;
	color:#999;
	padding:0 10px 10px 10px;
	margin:0 0 10px 0;
	z-index:10;
}
#footer a {
	border-bottom:1px dotted;
	font:bold;
}
#footer h3 {
	color:#FFF;
}
#fCopyright {
	float:right;
	position:relative;
	border-left:1px dotted #aaaaaa;
	padding-left:10px;
	padding-top:5px;
}
#fSites {
	float:left;
	position:relative;
	padding-top:5px;
	clear:left;
}
#fmasInfo {
	width:100%;
	clear:both;
	position:relative;
	float:left;
	margin-top:5px;
}
#fSiguenos {
	width:318px;
	position:relative;
	float:left;
	min-height:220px;
}
#fSiguenos .linea {
	width:100%;
	border-bottom:1px dotted #aaaaaa;
	margin-top:5px;
	float:left;
	position:relative;
}
#fSiguenos span {
	padding-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	height:15px;
	float:left;
	position:relative;
	margin-left:5px;
}
#fSiguenos .twitter {
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	background: url(../img/iconTwitter.png) no-repeat center left;
}
#fSiguenos .facebook {
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	background: url(../img/iconFacebook.png) no-repeat center left;
	
}
#fSiguenos .rss {
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	background: url(../img/iconRss.png) no-repeat center left;
	
}
#fSiguenos .flickr {
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	background: url(../img/iconFlickr.png) no-repeat center left;
	
}
#fSiguenos .multimedios {
	
}
#fSiguenos .laaficion {
	
}
#fSiguenos a {
	color:#999;
	text-decoration:none;
	border:none;
}
#fMultimedia {
	width:318px;
	position:relative;
	float:left;
	min-height:220px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}
#fEspaldaroja {
	width:318px;
	position:relative;
	float:right;
	min-height:220px;
	text-align:center;
}
/* Tweets */

.tweet {
			background: #CCC;
			margin: 4px 0;
			width: 100%;
			padding: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		.tweet img {
			float: left;
			margin: 0 8px 4px 0;
		}
		.tweet .text {
			margin: 0;
		}
		.tweet .time {
			font-size: 80%;
			color: #888;
			white-space: nowrap;
		}

		#twitterSearch .tweet {
			min-height: 24px;
		}
		#twitterSearch .tweet .text {
			margin-left: 32px;
		}
.usuarioTwitter {
	height:16px;
	background:url(http://twitter-badges.s3.amazonaws.com/t_mini-b.png) no-repeat center left;
	padding-left:20px;
}
.atencion {
	display:block;
	border:1px dotted #C90;
	font-size:14px;
	padding:10px 10px 10px 45px;
	color:#C90;
	margin:10px;
	background:url(../img/alerta.png) no-repeat 0px 50%;
}
.informacion {
	display:block;
	border:1px dotted #69F;
	font-size:14px;
	padding:10px 10px 10px 45px;
	color:#69F;
	margin:10px;
	background:url(../img/info.png) no-repeat 0px 50%;
}
/* DT Virtual */
#dtvHeader {
	width:520;
	height:68px;
	background:url(../img/dtvHeader.png) no-repeat;
	color:#FFF;
	padding-left:200px;
	padding-top:82px;
	margin-bottom:10px;
	position:relative;
}
.innova {
	position:relative;
	float:right;
	margin-top:20px;
	margin-bottom:10px;
	margin-right:5px;
	padding-right:80px;
	background:url(../img/icoInnovaSport.png) no-repeat right center;
	height:15px;
	font-size:11px;
	font-weight:bold;
	padding-top:2px;
}

#resultadosDTV {
	width:510px;
	margin:10px auto;
}
#resultadosDTV img {
	float:left;
	margin:2px;
	border:1px dotted #aaaaaa;
	position:relative;
}
#flickr {
	width:455px;
	margin:0 auto;
	position:relative;
	margin-top:10px;
	margin-bottom:5px;
}
.thumbs { margin: 0 auto; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}