body{ background:#000; color:#FFF; margin:0;}
#wrapper {margin:0 auto; overflow:hidden; text-align:left; width:955px; border:solid 1px #0f5569; border-top:none;}


/*	Columnas centrales	*/
.two_cols, .logo_box, .register_box, .two_cols_hogwarts {margin:19px; padding:0;}
.two_cols li, .logo_box li, .get_info, .register_box li, .two_cols_hogwarts li{display:-moz-inline-stack; display:inline-block; vertical-align:top; *display:inline; zoom:1;  margin:0; padding:0;}

.two_cols li{min-height:584px; _height:584px;}
.two_cols li.left{ width:438px;  border:solid 1px #0f5569; background:url(../../imgs/Potter_Art.jpg) center center no-repeat #04151a;}
.two_cols li.rigth{ width:473px; border:none;}

.two_cols_hogwarts{ margin:0 19px;}
.two_cols_hogwarts li{min-height:114px; _height:114px;}
.two_cols_hogwarts li.left{background:none; border:none; width:438px;}
.two_cols_hogwarts li.rigth{ width:473px; border:none;}


.logo_box li{margin:0 65px; vertical-align:middle; }
.get_info li{min-height:56px; _height:56px;}


/*	Columna de trabajo 1*/
.logo_home{ height:177px; background:url(../../imgs/Harry_Logo.jpg) center center no-repeat;}

.logo_home_hogwarts{ height:114px; background:url(../../imgs/HPotterLog.jpg) center center no-repeat;}
.logo_hogwarts{height:114px; background:url(../../imgs/Tittle_Inicio.jpg) center center no-repeat;}
.desc_txt,.work_box{ margin-left:18px; }
.desc_txt{height:369px; overflow:hidden; padding:0 20px 20px}
.work_box{height:190px; border:solid 1px #0f5569; margin-top:5px; background:#04151a;}


/*	Borde de Imagen principal	*/
.corner-rigth{ position:relative; vertical-align:bottom; float:right; top:482px;}

/*	Caja de Logos (Patrocinadores) */
.logo_box{ border:solid 1px #0f5569; }
.logo_box li.first_logo{ margin-left:30px; margin-right:70px;}
.logo_box li img{ margin:5px 0;}
.desc_txt { margin-left:18px;  font:normal 14px Helvetica; vertical-align:middle; }

/*	*/
.get_email{height:118px; display:block; border-bottom:solid 1px #0f5569;}
.write_ur_mail{ background:url(../../imgs/Txt_EscribeTuCorreo.gif) 15px center no-repeat;}

/* Margenes generales */
.vmiddle{ vertical-align:middle;}
.margin_left15{ margin-left:15px;}
.margin_left23{ margin-left:23px;}

.input_mail{width:222px; height:25px; background:url(../../imgs/TextCamp.jpg); border:none; font:14px Helvetica; padding:11px 6px 6px 6px; overflow:hidden; color:#FFF;}
.alredy_register{ background:url(../../imgs/Txt_SiYaTeRegist.gif) 15px center no-repeat; }
.input_next{background:url(../../imgs/btn_Siguiente.jpg); width:168px; height:42px; border:none;}
.input_here{background:url(../../imgs/btn_Aqui.jpg); width:126px; height:42px; border:none; margin-top:15px;}

.input_gen{width:177px; height:20px; background:#000; border:solid 1px #0f5569; margin: 0 10px; color:#FFF;}
.combo_gen{width:177px; height:20px; background:#000; border:solid 1px #0f5569; margin: 0 0 0 10px; color:#FFF;}


.black_work_box{position:relative;  z-index:2; background:#000;  display:none; visibility:visible; opacity:0.60; filter:alpha(opacity=60); -moz-opacity:0.60;}
.block_getdata{top:-200px; left:-2px; width:460px; height:200px;}
#block_register{top:-237px; left:-2px; width:918px; height:250px; }
#block_login{top:-65px; left:-1px; width:918px; height:85px; }

/*	Caja de registro	*/
.register_box{border:solid 1px #0f5569; background:#04151a; }
.register_box li{min-height:28px; _height:28px; margin-top:12px; font:bold 14px Helvetica;}
.register_box li.li01{width:350px; padding-left:20px; overflow:hidden;}
.register_box li.li02{width:260px;}
.register_box li.li03{width:275px;}
.register_box li.li04{width:448px; padding-left:20px; overflow:hidden;}
.register_box li.li05{width:200px;}
.register_box li.li06{width:230px;}
.register_box li.li07{width:200px; padding-left:20px; overflow:hidden;}
.register_box li.li08{width:365px;}
.register_box li.li09{width:300px;}
.register_box li.li10{width:905px; border-top:solid 1px #0f5569; padding-top:10px; text-align:right; padding-right:10px;}
.register_box li.li11{width:895px; border-top:solid 1px #0f5569; padding-top:10px; text-align:right; padding-right:20px; padding-bottom:10px; height: 43px;}
.register_box li.li14{  overflow:hidden; padding-left:27px; height:40px;}
.no-margin{ margin:0;}

#register{ display:none;}
#login{display:none;}

.hidden{display:none;}
#sm_content {
	display: none;
  position: fixed;
  left: 50%;
  padding: 15px;
	top:10%;
  -webkit-box-shadow: 0px 0px 8px #111;
  background:#FFF;
	width:671px;
	margin-left:-335px;
	text-align:center;
}
#sm_content small{font-size:77%;}
#sm_content .sm_close{
	float:right;
	cursor:pointer;
}
#sm_content h3{font-size:116%;}
#sm_olay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.overlay {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html #sm_content {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

	.message_com .info, .exito, .alerta, .error { font: normal 12px Arial; border: 1px solid; margin: 10px 10px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
	.info { color: #00529B; background-color: #BDE5F8; background-image: url(/imgs/info.png);}
	.exito { color: #4F8A10; background-color: #DFF2BF; background-image:url(/imgs/exito.png);}
	.alerta { color: #9F6000;  background-color: #FEEFB3;  background-image: url(/imgs/alerta.png); }
	.error { color: #D8000C; background-color: #FFBABA; background-image: url(/imgs/error.png); }

#bgBlack{position:fixed; width:100%; height:100%; top:0; left:0; z-index:49; background-color:#000000; opacity:0.60; filter:alpha(opacity=60); -moz-opacity:0.60;}
* html #bgBlack {position:absolute}
#modalContainer {margin:10px auto;position:relative;z-index:50; width:50px; height:150px}
#modalCont {width:50px; height:50px; border: 1px solid;background: url(/img/loading.gif) no-repeat center;position: absolute;top: 10px;left: 10px;overflow: auto}
#modalContainer {left:50%; position:absolute;top:50%;}

#modalContainer.MODlogin {width:600px;height:405px; margin:-150px 0 0 -300px; background:#082b35; border:solid 1px #0f5569; position:absolute; font: bold 16px Helvetica;}
#modalContainer.MODlogin #modalCont {width: 600px;height: 315px; max-height: 305px; background-image:none}


.question{ margin:10px 19px 5px 19px!important; min-height:24px!important; _height:15px; width:800px; font:bold 16px Helvetica;}
.answer{margin:0 39px!important;  min-height:20px!important; _height:10px;  width:800px; font:bold 12px Helvetica;}


.question1{background:#020d10;}
.question2{background:#06232b;}