/* CSS Document */
/*@import url('archivoEspecial.css');/* Para estilos demódulos especiales. Descomentar y editar según se requiera */
/*********************Estilos para Etiquetas**********************/
td { behavior: url(iepngfix.htc) }

html, body {
	/*height: 100%;/*Para altura de 100% y hack en #lienzo. Descomentar si se necesita */
	margin:0;
	padding:0;
}
body {
	background: url(img_constantes/bg_body.jpg) top center repeat #00842F;
	font-family:Tahoma, Geneva, sans-serif;
}

/*****************************************************************/
.chico80 { width:80px; !important }
.grande280 { width:280px; !important }
/***********************Estilos para Id's*************************/
/*LIENZO*/
#lienzo {
	position:relative;
	top:50px;
	width:730px;
	height:397px;
	margin:auto;
	background:url(img_constantes/bg_lienzo.jpg) no-repeat center;
	padding:60px;
}
.ayuda h1 { font-size:20px; margin:0; }
.ayuda h2 { font-size:18px; }
#ayuda {
	position:absolute;
	top:-30px;
	right:50px;
}
#ayuda a {
	color: #F00;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	display:block;
	width:120px;
	padding:10px;
	margin:5px;
	background-color:#9C6;
	border:solid 1px #FFF;
}
#ayuda a:hover {
	color:#000;
	border:solid 1px #000;
}
#contenido object { margin-top:25px; }
h1, h2, h3 { text-shadow:#666 0.05em 0.05em 0.2em; }
h2 { color:#C00; }
h3 { font-size:12px;padding:0 20px; }
#instrucciones { position: absolute; bottom: 120px; right:60px; background:url(img_constantes/bg_instrucicones.gif) no-repeat top left; width:180px; height:180px; padding:10px; font-size:10px; }
#instrucciones h1 { text-align:center; text-transform:uppercase; font-size:10px; }
#instrucciones ol { padding-left:20px; margin:0; }

#bases { display:block; width:200px; height:40px; background:url(img_constantes/bases.gif) top left no-repeat; position:absolute; bottom:60px; left:60px; }
#bases:hover { background-position:bottom left;}
#bases span { display:none; }

#back_home, #registrarse, #cerrar_session { z-index:1000; display:block; position:absolute; top:60px; right:60px; color:#F00; text-decoration:none; font-size:12px; font-weight:bold; text-align:right; }
#back_home:hover, #registrarse:hover, #cerrar_session:hover { color:#060; }

#olvidaste { text-decoration:none; font-size:10px; color:#F00; }
#olvidaste:hover { color:#060; }

#logo { width:161px; height:162px; position:absolute; top:60px; right:80px; background:url(img_constantes/logo_chico.gif) no-repeat center; }

#boletos a { color:#090; text-decoration:none; text-transform:uppercase; text-shadow:#666 0.05em 0.05em 0.1em; font-weight:bold; } 
#boletos a:hover { color:#C00; }

#contenido_bases { margin-top:20px; float:left; width:350px; height:300px; background:url(img_constantes/bases_bg.gif) no-repeat center; overflow:hidden; }
#contenido_bases p {text-shadow:#666 0.05em 0.05em 0.1em;}
#contenido_bases div { padding:15px; width:320px; height:270px;overflow:auto; font-size:12px; }

#div_boletos_usuario {
	position:absolute;
	top:20px;
	right:100px;
	width:550px;
	border:2px solid black;
	display:none;
	background:#FFF;
	z-index:1001;
	padding:10px;
	overflow:auto;
}
#tb_boletos_usuario {
	width:100%;
	border:1px solid black;
}
#tb_boletos_usuario td {
	border:1px solid black;
}

#error { border:solid 2px #F00; background:#FC0; padding:3px; margin:5px 0; width:490px; }
#exito { border:solid 2px #090; background:#9C6; padding:3px; margin:5px 0; width:490px; }

/*#tb_registrate, #tb_registrate input {*/
table, table input {
	font-size:11px;
}
#tb_boletos td, #tb_boletos input  {
	/*width:160px;*/
}
#tb_boletos tr {
	vertical-align:top;
}
#error p, #exito p { margin:0; }

#patrocinadores {
	position:absolute;
	top:550px;
	height:100px;
	left:50%;
	margin-left:-400px;
	width:800px;
	text-align:center;
}
/*------------FormValidator--------*/
.validation-failed {
  border: 1px solid #f00;
/*  background-color: #FFCEC1;*/
}
.validation-passed {
  border: 1px solid green;
  background-color:#D2FFD2;
}
.validation-advice {
	font-size:11px;
	margin: 2px 0 0 0; 
	padding: 2px 4px; 
	border: 1px solid #f00;
	background-color: #FFCEC1;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}