@charset "utf-8";
/* CSS Document */

body {
	font: 100% "lucida grande", tahoma, verdana, arial, sans-serif;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
	background-color: #000000;
	background-image: url(/css/images/fondo.jpg);
	background-attachment: fixed;
}
.font_red {
	font-weight: bold;
	color: #990000;
}
.twoColHybRtHdr #container {
	width: 980px;  /* esto creará un contenedor con el 80% del ancho del navegador */
	background-color: #000000;
	/*border: 1px solid #ffffff;*/
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}
.twoColHybRtHdr #header {
	height: 89px;
	background-color: #181818;
	background-image: url(/css/images/logo-chilestream.gif);
	background-position: left;
	background-repeat:no-repeat;
	border-bottom: #333333 solid 1px;
}
#sub_header {
	position:relative;
	height: 38px;
	padding: 0 0 0 20px;
	margin:0 0 0 0;
	background-color: #DDDDDD;
	background-image: url(/css/images/menubarra.jpg);
	z-index: 1;
}
#sub_header li {
	list-style: none;
	float:left;
}
#sub_header li.Variante a {
	height:38px;
}
#sub_header li a {
	display:block;
	font-size:12px;
	color:#010948;
	text-transform:uppercase;
	text-decoration:none;
	height:31px;
	background:url(/css/images/fondoboton.jpg) no-repeat center top;
	width:121px;
	text-align:center;
	margin-top: 7px;
	margin-right: 3px;
	margin-bottom: -5px;
	margin-left: 3px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
}
#sub_header li a:hover {
	color:#2F3ECD;
	background:url(/css/images/fondoboton.jpg) no-repeat center top;
	text-decoration:none;
}
.twoColHybRtHdr #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
/* Sugerencias para sidebar1:
    1. Dado que está trabajando en unidades relativas, es conveniente no utilizar relleno en la barra lateral. Se añadirá al ancho global en el caso de navegadores que cumplen los estándares, creando un ancho real desconocido. 
    2. Dado que se utilizan las unidades em para el valor de barra lateral, tenga en cuenta que su ancho variará con los diferentes tamaños de texto predeterminados.
    3. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".twoColHybRtHdr #sidebar1 p".
    */
    .twoColHybRtHdr #sidebar1 {
	float: right;
	width: 195px; /* el relleno superior e inferior crea un espacio visual dentro de este div  */
	font-size: 11px;
	padding-top: 32px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFFFFF;
}
.twoColHybRtHdr #sidebar1 h3, .twoColHybRtHdr #sidebar1 p {
	margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
	margin-right: 10px;
}

    */
    .twoColHybRtHdr #mainContent {
	margin: 0px;
	padding: 0px;
}
.twoColHybRtHdr #footer {
	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background:#DDDDDD;
	font-size: 11px;
	color: #010948;
 border-top: solid 1px color: #999999;
	text-align: center;
}
.twoColHybRtHdr #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
/* Varias clases diversas para su reutilización */
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a:link {
	color: #000099;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #241B6A;
}
a:active {
	color: #C9CFD5;
}
#image {
	border:solid 1px #333333;
	cursor: pointer;
	height: 80px;
	width: 120px;
}
#subChannels {
	position:absolute;
	height: 114px;
	width:130px;
	padding: 5px 0 7px 7px;
	margin:-5px 0 0 32px;
	background-color:#5361BA;
	font-size:10px;
	border:solid #2931B6 1px;
	z-index:1;
}
#subChannels li {
	list-style: none;
	float:left;
}
#subChannels li.Variante a {
}
#subChannels li a {
	display:block;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	margin:5px 3px;
	width:130px;
	text-align:left;
}
#subChannels li a:hover {
	color:#D0D5DB;
}
#Text_Register {
	position:relative;
	top:10px;
	height:24px;
	font-size:11px;
	color:#FFFFFF;
	z-index:2;
	right: 10px;
	text-align: right;
	width: 100%;
}
#Text_Register a {
	color:#FFFFFF;
}
#Text_Register a:hover {
	color:#C9CFD5;
}
#Login {
	position:relative;
	top:26px;
	height:24px;
	font-size:11px;
	color:#FFFFFF;
	z-index: auto;
	left: 750px;
	width: 250px;
}
h3 {
	margin: 5px 0 5px 0;
	color: #ffffff;
}
h2 {
	margin:0 0 5px 5px;
	color:#336699;
}
#table_id {
	font-size:11px;
}
.nombre-torneo {
	color:#990000;
	font-size:10px;
	font-weight: bold;
	text-align: left;
}
.instancia {
	color:#0000FF;
	font-size:10px;
	text-align: left;
}
.players {
	font-size: 9px;
	text-align: left;
}
.tableVideos {
	width:565px;
	position:absolute;
	table-layout:fixed;
	text-align:center;
}
#sub-menu {
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}
.separador {
	height: 2px;
}
#contenedor-destacado {
	width: 380px;
}
.destacado {
	width: 93%;
	float: left;
	height: 93px;
	/*	border-bottom: solid 1px #333333;*/
	margin-bottom: 2px;
}
.imagen {
	width: 102px;
	height: 80px;
	float: left;
	margin-right: 8px;
	border: solid 1px #333333;
	padding: 2px;
}
.destacado h3 {
	font-size: 11px;
	margin: 0;
	color: #FF9B05;
}
.bajada-fechas h3 {
	font-size: 11px;
	padding-bottom: 7px;
}
.destacado h4 {
	font-size: 10px;
	font-weight:lighter;
	margin: 0;
	color: #cccccc;
}
.destacado p {

	font-size: 10px;
	margin: 0;
}
#nav-videos {
	position: relative;
	float: right;
	margin-top: 15px;
}
#cierre {
	width: 100%;
	height: 1px;
	clear: both;
}
.col-izq {
	padding: 7px auto;
	margin: 7px auto;
	font-size: 13px;
	font-weight: bold;
}
#column-left {
	width: 540px;
	float: left;
	margin-top: -10px;
	padding-top: 0;
}
#column-left p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#column-left b {
	color: #2A2077;
}
#content-home-center {
	width: 380px;
	float: right;
	padding-top: 0;
	clear: left;}
#mediaspace {
	width: 583px;
	float:left;
	padding-top: 10px;
}
select, input, textarea {
	font-size: 15px;
}
input[type="submit"] {
	cursor: pointer;
}
label {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 5px auto;
	color: #666666;
}
.mensaje {
	background-color: #8DEF4B;
	padding: 5px;
	color: Black;
}
.agendarlo {
	color: #48A00E;
	font-size: 9px;
	font-style: italic;
	padding-bottom: 5px;
}
.division {
	height: 10px;
}
.categoria {
	color: #FB3200;
	font-weight: bold;
}
#cornerBanner {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 200px;
	width: 200px;
	text-decoration: none;
}
.apuntarme {
	padding: 10px;
	margin-top: 4px;
	background-color: #E5E6EB;
	border: dotted 1px #959BAF;
}
.apuntarme h3 {
	font-size: 14px;
	padding: 1px;
	margin: 1px;
}
.apuntarme input {
	font-size: 12px;
	padding: 4px;
}
.apuntarme p {
	font-size: 12px;

	padding: 1px;
	margin: 1px;
}
.t {
	background: url(/manager/images/dot.png) 0 0 repeat-x;
	width: 20em;
	background-color: #ffffff;
	width: 100%;
}
.b {
	background: url(/manager/images/dot.png) 0 100% repeat-x;
}
.l {
	background: url(/manager/images/dot.png) 0 0 repeat-y;
}
.r {
	background: url(/manager/images/dot.png) 100% 0 repeat-y;
}
.bl {
	background: url(/manager/images/bl.png) 0 100% no-repeat;
}
.br {
	background: url(/manager/images/br.png) 100% 100% no-repeat;
}
.tl {
	background: url(/manager/images/tl.png) 0 0 no-repeat;
}
.tr {
	background: url(/manager/images/tr.png) 100% 0 no-repeat;
	padding:10px
}
.table, tr {
	font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
}
#comentarios {
	font-size: 11px;
	text-align: left;
	padding: 10px;
	width: 562px;
	float:left;
	background-color: #FFFFFF;
}
#aviso {
	font-size: 11px;
	background-color: #FFFFB7;
	padding: 10px;
	float:right;
	width: 360px;
}
#aviso h3 {
	color: #333333;
}
#comentarios textarea {
	width: 97%;
	height: 70px;
	font: 12px "lucida grande", tahoma, verdana, arial, sans-serif;
}
#comentarios input {
	font: 12px "lucida grande", tahoma, verdana, arial, sans-serif;
}
#comentarios #comentario {
	padding: 10px;
	color: #666666;
	border-bottom: dotted 1px #CCCCCC;
	margin-bottom: 5px;
}
#caja-comentarios {
	padding: 5px;
}
#comentarios h4 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
#comentarios h3 {
	color: #333333;
}
#zona-superior {
	margin: 5px;
	background-color:#000000;
	height: 445px;
}
#zona-inferior {
	margin: 5px;
	background-color:#ffffff;
	border: solid 1px #333333;
	height: auto;
}
#centro {
	padding: 25px;
	background-color:#FFFFFF;
}
#centro h3 {
	color: #333333;
}
#recomendaciones
{ border: dotted 1px #333333; padding: 8px; font-size: 9px; background-color:#FFFFB7;}
#recomendaciones img { float: right; cursor: pointer; }
#titulo_video h1 { color: #000000; }