@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background:transparent;
  border:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  margin:0;
  outline:0;
  padding:0;
}
html, body {
  height: 100%; /* fix height to 100% for IE */
  max-height: 100%; /* fix height for other browsers */
  padding: 0; /*remove padding */
  margin: 0; /* remove margins */
  border: 0; /* remove borders */
  overflow: auto;
  background-color: black;
  width: 100%;
}
h2 {
  color: #ffff00;
  font-size: 1.125em; /* 18px */
  font-weight: normal;
  position: absolute;
  padding-bottom: 1.389em;
  z-index: 20;
}
h3 {
  color: #fff;
  font-size: 1.25em; /* 20px */
  font-weight: normal;
}
#container {
  display: block;
  overflow: auto;
  position: relative;
  z-index: 3;
  overflow: hidden;
  height: 100%;
  margin: 0 auto -31px; /* pixel margin for fixed height footer */
  width: 100%;
}

/* pixel height as we don't want header to scale */
#header {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 153px;
  height: 83px;
  text-indent: -3000px;
  z-index: 10;
}
#container>#header {
  height: 70px;
  width: 141px;
}
#content {
  position: fixed;
  top: 50%;
  left: 50%;

  /* dependant on knowing the dimensions of the box ... could tweak with js */
  width: 37.5em;
  height: 23.438em;
  padding: 1.875em 4.375em 4.375em 4.375em;
  margin-left: -23.125em;
  margin-top: -15.8em;
  z-index: 9;
}
#content .background {
  background: #000 url(../images/login_gradient.png) repeat-x top left;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.92;
  filter: alpha(opacity=92);
  width: 46.25em;
  height: 29.875em;
  z-index: 0;
}
#content>.background {
  width: 100%;
}
/* Drop Shadow Nonsense */
#top_bg, #right_bg, #bottom_bg, #left_bg, #topleft_bg, #topright_bg, #bottomleft_bg, #bottomright_bg {
  display: none;
}
#content #top_bg, #content #right_bg, #content #bottom_bg, #content #left_bg, #content>#topleft_bg, #content>#topright_bg, #content>#bottomleft_bg, #content>#bottomright_bg {
  display: block;
  position: absolute;
}
#content>#top_bg, #content>#bottom_bg {
  height: 1.125em;
  left: 0;
  width: 46.25em;
}
#content>#top_bg {
  top: -1.125em;
}
#content>#bottom_bg {
  bottom: -1.312em;
}
#content>#topleft_bg, #content>#topright_bg, #content>#bottomleft_bg, #content>#bottomright_bg {
  height: 1.125em;
  width: 1.25em;
}
#content>#topleft_bg {
  left: -1.25em;
  top: -1.125em;
}
#content>#topright_bg {
  top: -1.125em;
  right: -1.25em;
  *right: -1.35em;
}
#content>#bottomleft_bg {
  bottom: -1.312em;
  left: -1.25em;
  *bottom: -1.35em;
}
#content>#bottomright_bg {
  bottom: -1.312em;
  right: -1.25em;
  *bottom: -1.35em;
  *right: -1.35em;
}
#content>#left_bg, #content>#right_bg {
  height: 29.875em;
  top: 0;
  width: 1.25em;
}
#content>#left_bg {
  left: -1.25em;
}
#content>#right_bg {
  right: -1.25em;
}
#content #login_container, #content #membership {
  background: #1a1a1a url(../images/login_signin_gradient.png) repeat-x top left;
  border: solid .063em #404040;
  height: 17.688em;
  padding: 1.25em 1.25em 1em 1.25em;
  position: absolute;
  top: 0em;
  width: 14.375em;
  z-index: 10;
}
#content #login_container h3 {
  padding-bottom: px;
}
#content #login_container .login_error {
  padding-bottom: .70em;
}
#content #login_container .login_error a {
  font-size: 1em;
  color: white;
}
#content #login_container #learn_more_content {
  display: none;
}
#learn_more_content h3 {
  font-size: 1em;
}
#learn_more_content p {
  font-size: .8em;
  line-height: 1.3em;
  padding-bottom: 0.3em;
}
#content .container>#login_container, #content .container>#membership {
  height: auto;
  min-height: 17.688em;
  max-height: 17.688em;
}
#form_container .container {
  width: 100%;
  height: 21em;
  left: 0;
  top: 2.625em;
  position: relative;
  background: url(../images/divider.gif) repeat-y center top;
  z-index: 6;
}
#form_container a {
  color: #f3ce52;
}
#login_container a {
  color: #f3ce52;
}
#login_form a {
  font-size: .812em;
}
#login_container a#back_to_login, #membership a#back_to_non_member {
  font-size: .6em;
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  margin: 0;
}
#login_container p {
  margin-bottom: .625em;
}
#login_container label#remember_me_label {
  padding-left: .8em;
}
form #errors, form .error label, form label.errors, .error, .login_error {
  color: #e71a9a;
}
form .error input, form input.errors {
  padding: .2em;
  border: .133em solid #e71a9a;
}
.error #password {
  margin-bottom: 0.366em;
}
#flash_message {
  display: none;
}
span.error, .login_error {
  font-size: 0.812em;
  font-style: italic;
}
span.error {
  display: block;
  margin: -0.4em 0 0.6em;
}
#login_form span.error {
  display: none;
}
#sign_in {
  margin-top: .95em;
  margin-bottom: 0;
}
#password {
  margin-bottom: .666em;
}
.options {
  margin-bottom: .385em;
}
.options label, .options input {
  float: left;
  margin: 0;
  text-transform: none;
  width: auto;
}
.options label {
  font-size: 0.752em;
  padding: .33em 0 0 .43em;
}
#login_form a#facebook_link:link, #login_form a#facebook_link:visited {
  color: #a9a9a9;
  display: block;
  height: 1.23em;
  text-decoration: none;
  padding: .33em 0 0 1.938em;
  background: url(../images/default/icons/facebook.gif) no-repeat left center;
}
#login_form a#facebook_link:hover {
  text-decoration: underline;
}
#content #membership {
  left: 20.438em;
}
#content #membership #request_form {
  display: none;
}
dd, dl
{
  background:transparent;
  border:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  margin:3px 0px 0px 0px;
  outline:0;
}
.text
{
	text-align:left;
	color:#FFF;
	text-shadow:#999;
	font-size:11px;
}
.text_box
{
	width:97%;
	border-left:0px;
	border-top:0px;
	border-right-color:#666;
	border-bottom-color:#666;
	margin:2px;
	background-color:#999;
}
.text_box_email
{
	width:169px;
	border-left:0px;
	border-top:0px;
	border-right-color:#666;
	border-bottom-color:#666;
	margin:2px;
	BACKGROUND: url(http://www.outletic.com/new/IMG/inp-email-bg_2.png) #999 no-repeat 5px 2px;
	PADDING-LEFT: 26px;
}
.text_box_pass
{
	width:169px;
	border-left:0px;
	border-top:0px;
	border-right-color:#666;
	border-bottom-color:#666;
	margin:2px;
	BACKGROUND: url(http://www.outletic.com/new/IMG/inp-password-bg_2.png) #999 no-repeat 5px 2px;
	PADDING-LEFT: 26px;
}
.pastilla_inf
{
	position:fixed;
	bottom:0px;
	height:32px;
	width:100%;
	background-image:url(../images/pastilla-inferior.jpg);
	background-repeat:repeat-x;
	left:0px;
	z-index:100;
}
.tabla_pastilla_inf
{
	position:fixed;
	bottom:0px;
	height:32px;
	left:0px;
	z-index:100;
	width:100%;
}
.pastilla_sup
{
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}
.logo_sup
{
	position:fixed;
	top:15px;
	left:10px;
	width:160px;
	height:40px;
	z-index:100;
}
a
{
color:#cccccc; text-decoration:none; 
}
a:hover
{
color:#ffff00; text-decoration:none; 
}
#que_es
{
color:#ffff00; text-decoration:none; 
}
#que_es:hover
{
color:#cccccc; text-decoration:none; 
}
.texto_privacidad
{
	text-align:left;
	color:#FFF;
	text-shadow:#999;
	font-size:10px;
}
.apadrinar input {
	background-image:url(../images/boton_enviar.png);
	font-size:13px;
	clear: both;
//	float: right;
	padding: 5px 14px 5px 14px;
	color:#000000;
	border:1px solid black;
	font-weight:bold;
	z-index:100;
}
.apadrinar_enviar input {
	background-color: #F0F000;
	font-size:13px;
	clear: both;
//	float: right;
	color:#000000;
	border:1px solid black;
	font-weight:bold;
}
DIV#loader {
	position: fixed;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: black;
}
DIV#loader img
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height:100%;
}
DIV#loader.loading {
	background-color: black;
}
input.squarebutton{
background: transparent url('../images/botones.png') no-repeat top left;
display: block;
height: 34px; /* Height of button background height */
text-decoration: none;
width:103px;
border:0;
position:relative;
left:50%;
margin-left:-51px;
}
input.squarebutton:hover{ /* Hover state CSS */
background-position: bottom;
display: block;
height: 34px; /* Height of button background height */
text-decoration: none;
width:103px;
border:0px;
}
/*.tabla_comentario_ale
{
	position:relative;
	height:32px;
	top:70px;
	left:40px;
	z-index:100;
	width:600px;
	font-size:11px;
}*/
.tabla_comentario_ale
{
	position:relative;
	height:32px;
	top:70px;
	left:100px;
	z-index:100;
	width:600px;
	font-size:11px;
}
#slideshow {
	position:fixed; 
	width:100%; 
	height:100%; 
	padding:0px;
	top:0px;
	left:0px;
	z-index:0;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 100%;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 100%;
	width:100%;
    display: block;
    border: 0;
    margin-bottom: 10px;
	z-index:0;
}
.other_img
{
    height: 100%;
	width:100%;
    display: block;
    border: 0;
    margin-bottom: 10px;
	z-index:0;
}
.etiqueta_home
{
  	background: #1a1a1a url(../images/login_signin_gradient.png) repeat-x top left;
  	border: solid .063em #404040;
	position:absolute; 
	top:0px; left:-1px; 
	width:236px; 
	height:278px; 
	z-index:400; 
}