/* ============================= */
/* ========= reset css ========= */
/* ============================= */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }

body{ background: #cacaca url(../images/bg.gif) repeat-x left top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

ol, ul {list-style:none;}

blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}

:focus {outline:0;}

ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}


/* ============================= */
/* ========= container ========= */
/* ============================= */

.site{ width:855px; height:616px; margin:auto;}

.questions, .quiz{width:855px; height:616px; position:relative; background:url(../images/bg_questions.jpg) no-repeat left top;}

h1{ position:absolute; width:356px; height:150px; right:0px; top:0px; z-index:100;}
h1 a{ display:block; width:356px; height:150px; text-indent:-90000px;}

.questions .number{ font-size:86px; font-weight:700; text-align:center; width:98px; height:98px; position:absolute; left:378px; top:186px; overflow:hidden; line-height:90px; color:#fff;}
.questions .question{ color:#000; font-size:20px; text-transform:uppercase; font-weight:400; position:absolute; top:320px; text-align:center; padding:0 120px 0 120px; width:615px;}
.questions .inputAnswer{ position:absolute; top:444px; left:300px;}
.questions .inputAnswer input{ border:0px; background:#ebebeb; width:270px; text-align:center; font-family:"Courier New", Courier, monospace;}
.questions .buttonNext{ width:100px; height:17px; text-align:center; position:absolute; left:50%; margin-left:-40px; top:476px;}
.questions .buttonNext input{  background:url(../images/bot_seguinte.gif) no-repeat left top; width:71px; height:17px; border:none; color:#e7e7e7; font-size:1px; line-height:1px; overflow:hidden; letter-spacing:90000px; cursor:pointer;}
.questions .buttonEnd{ width:100px; height:17px; text-align:center; position:absolute; left:50%; margin-left:-40px; top:476px;}
.questions .buttonEnd input{  background:url(../images/bot_terminar.gif) no-repeat left top; width:71px; height:17px; border:none; color:#e7e7e7; font-size:1px; line-height:1px; overflow:hidden; letter-spacing:90000px; cursor:pointer;}


.thanks{ text-indent:-90000px; background:url(../images/img_thanks.jpg) no-repeat left top; width:477px; height:412px; left:203px; top:120px; position:absolute;}

.winners .buttonBack{ position:absolute; left:0px; top:536px;}

.winners{width:855px; height:616px; position:relative; background:url(../images/bg_winners.jpg) no-repeat left top;}
.winners .content{ width:371px; position:absolute; left:484px; top:247px;}

.quiz .buttonBack{ position:absolute; left:383px; top:384px;}

.oneTime{text-indent:-90000px; background:url(../images/img_one-time.gif) no-repeat left top; width:477px; height:412px; left:203px; top:120px; position:absolute;}

.questions .buttonBack{ position:absolute; left:382px; top:530px;}

.msg{ position:absolute; text-align:center; width:100%; left:0px; top:500px; padding-left:20px;}