body {font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin: 0 auto;  top left #111; color:#000000; font-size: 12px; min-width: 850px;}
body.dark{background:#111;}
a {text-decoration:none; color: #EFC443; outline:none;}
button {cursor:pointer;}




/* -------------------------------------------------- */
/* --------------------- HEADER --------------------- */
/* -------------------------------------------------- */

#header_wrapper {background: url(images/header_wrapper_bg.png) bottom left repeat-x #EFC443; height: 310px; width: 100%; margin: 0 auto; text-align: center;}
#header {background: url(images/header_bg.png) bottom center no-repeat; height: 310px; width: 100%; margin: 0 auto; text-align: center;}
#header_inner {background: none; width: 800px; height: 310px; margin: 0 auto; position: relative;}

#header_wrapper_interno {background: url(images/header_wrapper_bg.png) bottom left repeat-x #EFC443; height: 150px; width: 100%; margin: 0 auto; text-align: center;}
#header_interno {background: url(images/header_bg_interno.png) bottom center no-repeat; height: 150px; width: 100%; margin: 0 auto; text-align: center;}
#header_interno_inner {background: none; width: 800px; height: 310px; margin: 0 auto; position: relative;}

#header #badge {display: block; width: 334px; height: 425px; position: absolute; top: 0px; left: -30px; background: url(images/tarjeta-oro-3D.png) top left no-repeat;}

#header h1 {margin: 0 auto; position: absolute; top: 45px; left: 380px; float: left;}
#header h1 a {display: block; height: 41px; width: 340px; padding: 0;}
#header h1 a span {display: none;}

#header .content {margin: 0 auto; position: absolute; top: 125px; left: 300px; width: 500px; height: 210px; float: left; text-align: center;}
#header .content p {font-size: 20px; text-align: center;  top: 125px; margin: 0 ;}

#header .vip {height: 45px; text-align: center; margin: 0 auto; position: absolute; top: 100px; left: 0px; width: 100%;}
#header .vip a {display: block; width: 154px; height: 45px; background: url(images/header_button.png) top center no-repeat; margin: 0 auto; overflow:hidden;}
#header .vip a span {display: none;}
#header .vip a:hover {background-position: 0 -45px;}
#header .vip a:active {background-position: 0 -90px;}
#header #alreadyVIP {height: 25px; text-align: center; margin: 0 auto; position: absolute; top: 155px; left: 0px; width: 100%; font-weight:700; color:#500d5e; font-size: 13px;}
#header #alreadyVIP a {color:#500d5e; border-bottom: 1px solid #b067bf;}


/* -------------------------------------------------- */
/* --------------- ALTERNATE HEADER ----------------- */
/* -------------------------------------------------- */

#header_wrapper.alt {height: 130px; background: url(images/header_wrapper_bg_alt.png) bottom center repeat-x;}
#header_wrapper.alt #header {height: 130px; background: url(images/header_bg_alt.png) bottom center no-repeat;}
#header_wrapper.alt #header_inner {height: 130px;}
#header_wrapper.alt h1 {top: 40px; left: 0px;}

/* -------------------------------------------------- */
/* -------------------- CONTENT --------------------- */
/* -------------------------------------------------- */

#content_wrapper {width: 800px; margin: 0 auto;}

#content {margin: 30px 0 30px 0;}

#content h2 {font-size: 24px; margin: 0 0 10px 0; top: 45px;}
#content h2.short {margin-bottom: 10px;}
#content h3 {font-size: 18px; margin: 0 0 20px 0; padding: 0 0 10px 0; color: #CCC; border-bottom: 1px solid #333;}
#content h3.alt { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; border: none; text-align: center; font-size: 24px; color: #CCC; margin: 0 0 30px 0; line-height: 30px;}
#content p {font-size: 14px; margin: 0 0 15px 0; color: #999; line-height: 24px;}
#content p.last {margin: 0 0 45px 0;}
#content p.error {color:#ff0000;;}

/* -------------------------------------------------- */
/* --------------------- FOOTER --------------------- */
/* -------------------------------------------------- */

#footer {margin: 0 0 45px 0; color: #666; width:960px;}

#footer a {color: #AAA;}
#footer a:hover {color: #FFF;}
#footer a:active {color: #EFC443;}

#footer .logo {float: right; display: block; background: url(images/footer_logo.png) top right no-repeat; width: 147px; height: 20px; margin: 5px 0 0 0;}
#footer .logo span {display: none;}
#footer .logo:hover {background-position: 0 -20px;}
#footer .logo:active {background-position: 0 -40px;}

#footer ul.links {float: left; margin: 10px 0 0 0;}
#footer ul.links li {float: left; margin: 0 8px 0 0; padding: 0 13px 0 0; background: url(images/footer_bullet.png) right 4px no-repeat;}
#footer ul.links li a {float: left;}
#footer ul.links li.last {background: none;}

form.centered{margin:0 auto; width:120px;}

/* -------------------------------------------------- */
/* --------------------- EXTRAS --------------------- */
/* -------------------------------------------------- */

.clear {clear:both;}
.hide {display:none;}