/*COLOR Y POSICION PARA EL CUERPO DEL ENCABEZADO*/
body, td, th , tr
{
	color: #ffffff;  /*COLOR DE LOS POST*/
	font-size: small;
	font-family: "Tempus Sans ITC";
    cursor: url("http://www.harrypotteralive.com/colegio/varita.cur"), default;			
}



/* The main body of the entire forum. */
/*COLOR Y POSICION PARA EL CUERPO DEL FORO*/
body
{
	background-color: #535353;
	/*background-image: url('images/sq_bg.gif');
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center;*/
	margin: 0px;
	padding: 12px 30px 4px 30px;
    cursor: url("http://www.harrypotteralive.com/colegio/varita.cur"), default;
}

/*	ENCABEZADO	*/
.headerbar {
	background-color: #12A3EB;
	background-image: url("imagenes/portal/encabezado_fondo.gif");
	height:92px;
	color: #FFFFFF;
}


/* Site description and logo */
.site-description {
	float: left;
	width: 70%;
}
/*	ENCABEZADO*/

/* panel de contenido (con bordes redondos)*/
.t {background: url(imagenes/punto.gif) 0 0 repeat-x; width: 100%; background-color:#606060}
.b {background: url(imagenes/punto.gif) 0 100% repeat-x}
.l {background: url(imagenes/punto.gif) 0 0 repeat-y}
.r {background: url(imagenes/punto.gif) 100% 0 repeat-y}
.bl {background: url(imagenes/e_ai.gif) 0 100% no-repeat}
.br {background: url(imagenes/e_ad.gif) 100% 100% no-repeat}
.tl {background: url(imagenes/e_ari.gif) 0 0 no-repeat}
.tr {background: url(imagenes/e_ard.gif) 100% 0 no-repeat; padding:10px} 
/* panel de contenido (con bordes redondos)*/

/* cuadros de contenido (dentro del panel de contenido)  {usado para el estudiante del mes}*/
.content-t {background: url(imagenes/content-punto.gif) 0 0 repeat-x; width: 100%; background-color:#606060}
.content-b {background: url(imagenes/content-punto.gif) 0 100% repeat-x}
.content-l {background: url(imagenes/content-punto.gif) 0 0 repeat-y}
.content-r {background: url(imagenes/content-punto.gif) 100% 0 repeat-y}
.content-bl {background: url(imagenes/content-e_ai.gif) 0 100% no-repeat}
.content-br {background: url(imagenes/content-e_ad.gif) 100% 100% no-repeat}
.content-tl {background: url(imagenes/content-e_ari.gif) 0 0 no-repeat}
.content-tr {background: url(imagenes/content-e_ard.gif) 100% 0 no-repeat; padding:10px} 
/* cuadros de contenido (dentro del panel de contenido)  {usado para el estudiante del mes}*/

/* cuadros de contenido (dentro del panel de contenido)  {usado para el el fan fic del momento}*/
.content2-t {background: url(imagenes/content2-punto.gif) 0 0 repeat-x; width: 100%; background-color:#606060}
.content2-b {background: url(imagenes/content2-punto.gif) 0 100% repeat-x}
.content2-l {background: url(imagenes/content2-punto.gif) 0 0 repeat-y}
.content2-r {background: url(imagenes/content2-punto.gif) 100% 0 repeat-y}
.content2-bl {background: url(imagenes/content2-e_ai.gif) 0 100% no-repeat}
.content2-br {background: url(imagenes/content2-e_ad.gif) 100% 100% no-repeat}
.content2-tl {background: url(imagenes/content2-e_ari.gif) 0 0 no-repeat}
.content2-tr {background: url(imagenes/content2-e_ard.gif) 100% 0 no-repeat; padding:10px} 
/* cuadros de contenido (dentro del panel de contenido)  {usado para el el fan fic del momento}*/

/* cuadros de contenido (dentro del panel de contenido)  {usado para la barra izquierda de navegacion}*/
.content3-t {background: url(imagenes/content3-punto.gif) 0 0 repeat-x; width: 100%; background-color:#A1A1A1}
.content3-b {background: url(imagenes/content3-punto.gif) 0 100% repeat-x}
.content3-l {background: url(imagenes/content3-punto.gif) 0 0 repeat-y}
.content3-r {background: url(imagenes/content3-punto.gif) 100% 0 repeat-y}
.content3-bl {background: url(imagenes/content3-e_ai.gif) 0 100% no-repeat}
.content3-br {background: url(imagenes/content3-e_ad.gif) 100% 100% no-repeat}
.content3-tl {background: url(imagenes/content3-e_ari.gif) 0 0 no-repeat}
.content3-tr {background: url(imagenes/content3-e_ard.gif) 100% 0 no-repeat; padding:10px} 
/* cuadros de contenido (dentro del panel de contenido)  {usado para la barra izquierda de navegacion}*/

.container{width:100%;}
#left { float: left;} 
#right { float: right;} 

.cajabonita {
      width: 100%;
      margin: 0 auto;
      color: #000;
      background: url('imagenes/encabezado_fondo.png') top left repeat-x transparent;
      position: relative;
      border: 0 none #535353;
	  height:220px;
    }
    .sup-izq {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_top-left.png') top left no-repeat transparent;
      position: absolute;
      top: 0; left: 0;
    }
    .sup-der {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_top-right.png') top left no-repeat transparent;
      position: absolute;
      top: 0; right: 0;
    }
    .inf-izq {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_bottom-left.png') top left no-repeat transparent;
      position: absolute;
      bottom: 0; left: 0;
    }
    .inf-der {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_bottom-right.png') top left no-repeat transparent;
      position: absolute;
      bottom: 0; right: 0;
    }
	
	.sup-izq2 {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_top-left2.png') top left no-repeat transparent;
      position: absolute;
      top: 0; left: 0;
    }
    .sup-der2 {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_top-right2.png') top left no-repeat transparent;
      position: absolute;
      top: 0; right: 0;
    }
    .inf-izq2 {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_bottom-left2.png') top left no-repeat transparent;
      position: absolute;
      bottom: 0; left: 0;
    }
    .inf-der2 {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_bottom-right2.png') top left no-repeat transparent;
      position: absolute;
      bottom: 0; right: 0;
    }
	
/*	EL MENU PRINCIPAL	*/
.top-menu{
	color:#FFFFFF;
	font-family:"Tempus Sans ITC";
	padding-left:237px;
	padding-top:106px;
}

/*	tabla que contiene los links	*/
.tb-topmenu{
	width:80%;
	border:0px;
	table-layout:auto;
	padding-top:10px;
}

/*	color de los links	*/
#menu-links a{
	color: #454545;
    text-decoration: none;
	text-align:left;
}

/*	color de los links cuando el mouse esta sobre ellos	*/
#menu-links a:hover{
	color: #000000;
}


/*	BARRA DE NAVEGACION SUPERIOR	*/
.nav-bar {
      width: 100%;
      margin: 0 auto;
      background-color:#707070;
      position: relative;
      border: 0 none #535353;
	  height:59px;
	  color: #414141;
	font-family:"Tempus Sans ITC";
    text-decoration: none;
	font-weight: normal;
}

/*	BARRA DE NAVEGACION	INFERIOR	*/
.nav-bar2 {
      width: 100%;
      margin: 0 auto;
      background-color:#707070;
      position: relative;
      border: 0 none #535353;
	  height:34px;
	  color: #414141;
	font-family:"Tempus Sans ITC";
    text-decoration: none;
	font-weight: normal;
}

/*	linea divisora de la barra de navegacion	*/
hr, .hrcolor{
	height: 0px;
	color: #000000;
	background-color: #000000;
	width:98%;
}

/*	color de los links	*/
#nav-links a{
	color: #414141;
	font-family:"Tempus Sans ITC";
    text-decoration: none;
	font-weight: normal;
	font-size:12px;
}

/*	color de los links cuando el mouse esta sobre ellos	*/
#nav-links a:hover{
	color: #ffffff;
}

/*	links superiores	*/
.nav-toplinks{
	padding-left:9px;
	padding-top:7px;
}

/*	links inferior-derecha	*/
.nav-bottomlinks-r{
	padding-right:9px;
	text-align:right;
}

/*	links inferior-izquierda	*/
.nav-bottomlinks-l{
	padding-left:9px;
	text-align:left;
}

.tb-navbottom{
	padding-top:0px;
}

/*	AUXILIARES	*/

#block-space hr{
	height: 0px;
	border: 0;
	color: #000000;
	background-color: #000000;
	width:98%;
}

#block-space2 hr{
	height: 0px;
	border: 0;
	color: #535353;
	background-color: #535353;
	width:98%;
}

.comment-body{
	padding-left:10px;
}

.comment-autor{
	padding-right:10px;
	font-size:10px;
}

/*	texto para los mensajes de error	*/
.error-message{
	color:#FF0000;
	font-family: "Tempus Sans ITC";
	font-size:12px;
	text-align:center;
}

/*titulo de las categorias de las barras laterales*/
.title-cat{
	width: 204px;
	height:28px;
	padding-top:8px;
   	font-family: "Tempus Sans ITC";
	font-weight: normal;
	text-align:center;
	background-image: url("imagenes/titulo_cat.png");
}

/*	PANEL DE CONTROL DE USUARIO	*/

/*	color de los links	*/
#cp-links a{
	color: #ffffff;
	font-family:"Tempus Sans ITC";
    text-decoration: none;
	font-weight: normal;
	font-size:12px;
}

/*	CONTENIDO CENTRAL	*/

.news-category{
	background-color:#0099FF;
	color:#000000;
	text-align:center;
	width:auto;
}

.news-title{
	background-color:#707070;
	color:#000000;
	text-align:center;
}

.news-comment{
	background-color:#707070;
	color:#000000;
	text-align:center;
}

.news-image{
	width:97px;
	text-align:left;
}

.news-image-tn{
	width:30px;
	text-align:center;
}

.news-description{
	font-size:12px;
	font-family: "Tempus Sans ITC";
	color:#CCCCCC;
}

.news-bg{
    width: 100%;
    margin: 0 auto;
    background-color:#343434;
    position: relative;
    border: 0 none #535353;
	color:#ffffff;
	font-size:12px;
}

.news-tiny-bg{
    width: 100%;
    margin: 0 auto;
    background-color:#343434;
    position: relative;
    border: 0 none #535353;
	color:#ffffff;
	font-size:12px;
}

.tiny-bg-content{
	padding-top:7px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:7px;
}

.content-location {
	padding-left:9px;
}

/*	color de los links cuando el mouse esta sobre ellos	*/
#cp-links a:hover{
	color: #000000;
}

/*	PROPIEDAD DE LA TABLA DE TEMAS RECIENTES*/
.recents-bg{
    width: 100%;
    margin: 0 auto;
    background-color:#343434;
    position: relative;
    border: 0 none #535353;
	color:#ffffff;
	font-size:12px;
}


/*PROPIEDADES DE LOS RELOJES DE PUNTOS*/
.clocks{
	padding-right:20px;
	width:100%;
	text-align:right;
}

/*	propiedades de ravenclaw*/
.r-clock{
	height:60px;
	width:50px;
	background-image: url("imagenes/ravenclaw.png");
}
/*	propiedades de hufflepuff*/
.h-clock{
	height:60px;
	width:50px;
	background-image: url("imagenes/hufflepuff.png");
}

/*	propiedades de gryffindor*/
.g-clock{
	height:60px;
	width:50px;
	background-image: url("imagenes/gryffindor.png");
}

/*	propiedades de slytherin*/
.s-clock{
	height:60px;
	width:50px;
	background-image: url("imagenes/slytherin.png");
}


/*propiedades de los puntos*/
.points{
	text-align:center;
	font-weight:normal;
}

/*PROPIEDAD DE EL ANUNCIO GLOBAL*/
.ads-content{
	padding-left:30px;
	padding-top:10px;
	padding-right:30px;
	padding-bottom:10px;
	background-color:#ffffff;
}

.ads-title{
	background-color:#0099FF;
	color:#000000;
	text-align:right;
	width:auto;
	padding-right:30px;
}

/*PROPIEDADES DE LAS CAJAS CON LINKS*/
.box-content{
	padding-left:10px;
}

.box-title{
	background-color:#343434;
	color:#FFFFCC;
	text-align:left;
	width:auto;
	padding-right:30px;
	padding-left:30px;
}

.box-bg{
    width: 100%;
    margin: 0 auto;
    background-color:#666666;
    position: relative;
    border: 0 none #535353;
}


.caja-redireccion
{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:50%;
		left:50%;
		/*determinamos una anchura*/
		width:400px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-200px;
		/*determinamos una altura*/
		height:300px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-150px;
		border:1px solid #808080;
		padding:5px;
	}
	

/*estilo del quiz de varita*/
.title {
	color:#999;
	font:normal 16px impact,times new roman,sans-serif;
	}

.upgrade {
	display: none;
	font-weight: normal;
        }


#container-q {
	width:700px;
	margin:0px auto; 
	text-align:left; 
	padding:0px;
	}

#main-q {
	width:700px;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	text-align:center; 
	padding:0px;
	}

#top-q {
	text-align:center;
	padding:0px;
	background-color: #000;
	}

#content-q {
	width: 450px;
	float: left;
	text-align:left; 
	margin:0px;
	padding:10px;
	background-color: #000;
	color: #FFF;
	}

#rightnav-q {
	width: 200px;
	float: left;
	font:12px/1.5 verdana, arial, helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left; 
	border-left: 1px solid #000;
	padding:10px;
	background-color: #000;
	color: #FFF;
	}

#foot-q {
	background-color: #000;
	color: #FFF;
	}
/*estilo del quiz de varita*/