@import url(reset.css);

/* -- // BASE DEFINITIONS ---------------------------------------------------- */
body {
	background: rgb(0,0,0) url(i/bg-body.jpg) no-repeat center 27px;
	color: rgb(36,36,19);
	font: 14px/1.5 Helvetica, Arial, sans-serif;
	padding-bottom: 3em; }

/* -- // HEADINGS ------------------------------------------------------------ */
h1, h2, h3 { }
h1 { font-size: 3em; }
h2 { font-size: 2em; }

/* -- // TEXT BLOCKS --------------------------------------------------------- */
p, ul { margin-bottom: 1.5em; }
li { border-bottom: 1px dotted rgb(100,100,100); padding: 0.25em 0; }
/* -- // INLINE TEXT --------------------------------------------------------- */

/* -- // LINKS --------------------------------------------------------------- */
a { color: rgb(0,141,255); text-decoration: none; }
a:hover { color: rgb(145,205,255); }
a:active, a:focus {
	position: relative;
	top: 1px;
	color: rgb(145,205,255);
}

/* -- // NAVIGATION ---------------------------------------------------------- */
#mainNav { background: rgb(0,0,0) url(i/bg-mainNav.gif) repeat-x; }
#mainNav ul { margin: 0 auto; width: 940px;}
#mainNav li { border-bottom: none; border-right: 1px solid rgb(100,100,100); display: inline; font-weight: bold; line-height: 3em; padding: 0 10px; text-transform: uppercase;}
#mainNav a { color: rgb(255,255,255); }
#mainNav a:hover { border-bottom: 1px dotted rgb(255,255,255); }

/* -- // CONTENT ZONES ------------------------------------------------------- */
#header { position: relative; }
#cuentaRegresiva {
	bottom: 0;
	color: rgb(200,200,200);
	font-size: 0.7142em;
	line-height: 1;
	margin-bottom: /*0*/ 20px;
	position: absolute;
	left: 20px;
	text-align: center;
	text-transform: uppercase;
	width: 380px;
	}
#countdown1 {
	color: rgb(255,255,255);
	display: block;
	font-size: 3.5em;
	margin-bottom: 0.125em;
	text-shadow: 2px 2px 2px rgb(0,0,0);
	text-transform: none;
	}

#visorEquipos iframe { border: 10px solid rgb(25,25,25); height: 276px; width: 620px; }
#coverItLive iframe { background: rgb(0,0,0); height: 385px; overflow: hidden; width: 300px; }
#listaNoticias { background: rgb(0,0,0); color: rgb(200,200,200); }
#listaNoticias h2 { color: rgb(100,100,100); font-size: 1em; padding: 0 20px; text-transform: uppercase; }
#listaNoticias ul { padding: 0 20px 0 20px; }
#listaNoticias li { color: rgb(150,150,150); padding: 0.5em 0; }
#listaNoticias li a { display: block; }
#listaNoticias li:first-child a { font-size: 2em; }

#sedes ul {  font-size: 0.8571em; width: 960px; }
#sedes li { border: none; float: left;  height: 450px; margin-right: 20px; width: 220px; color:#6486A8; }
#sedes strong { display: block; text-transform: uppercase; }
#sedes h2 {color:#ccc;}

#footer {
	background: url(i/logoLtFooter.gif) no-repeat;
	color: rgb(100,100,100);
	font-size: 0.8571em;
	text-align: left;
	}
	
#footer ul { margin-left: 160px; }
#footer li { border: none; display: inline; font-size: 0.8333em; margin-right: 1em; text-transform: uppercase; }
#footer a { color: rgb(204,0,0); }
#footer a:hover { color: rgb(255,0,0); }

/* -- // LAYOUT ------------------------------------------------------------- */
.section { padding-bottom: 1.5em; }
.row { overflow: hidden; }
#header { height: 16em; margin: 0 auto 1.5em auto; width: 940px; }
#mainDisplay { background: rgb(0,0,0); margin: 0 auto; overflow: hidden; padding-top: 2em; width: 940px; }
#visorEquipos { float: left; width: 620px; }
#coverItLive  { float: right; width: 300px;}
#footer { clear: both; margin: 0 auto; width: 920px; }