/* ------------------------------------------ Podstawowe style ------------------------------------------- */
body{ min-width:855px; margin:0; padding:0; background:#ffffff url(body_bg_n.jpg) repeat-x top left; color:#fff; font-family:Tahoma,"Helvetica CE",Helvetica,sans-serif; font-size:12px; text-align:center; }
a, input { text-decoration:none; color:#fff;outline-style:none!important;}
a:hover {outline: none !important; }
img { border:none }
form,div,p{ margin:0; padding:0; }
input ,fieldset {border:none;margin:0; padding:0; }
ul { list-style:none; padding:0; margin:0 }
li { margin:0; padding:0 }
.hide { display:none; }
.right { float:right }
.left { float:left }
.clear { clear:both }
input, textarea { font-family:Tahoma,"Helvetica CE",Helvetica,sans-serif; font-size:12px; }
pre { color:#000 !important }
#error { visibility:hidden; color:#D7004C; font-weight:bold }
p.error { text-align:center; }
.error{color:#D7004C!important}
.show { visibility:visible !important }
.selectedInline { display:inline !important }
#error .show { display:block; }

/* ---------------------------------------- Ustawienia kontenerow ---------------------------------------- */
#content { width:855px; margin:0px auto;  text-align:left }
body.main #content { width:820px }

#mainContent {clear:both; width:855px; overflow:hidden; text-align:left}

/* --------------------------------------------- Naglowek ------------------------------------------------ */
#interiaHeader { background: transparent; }
#interiaHeader div { width:855px; height:53px; margin:0 auto; text-align:left }
#interiaHeader div .interia { float:left; margin:17px 0 0 20px }
#interiaHeader div .znajometr { float:left; margin:22px 0 0 22px }
#interiaHeader ul { float:right;width:298px; height:29px;margin:26px 20px 0 0 ;background:url(headerLinks2.jpg) no-repeat top left; }
#interiaHeader li {float:left;height:28px;line-height:28px;}
#interiaHeader li a{display:block;height:28px;text-indent:-5000px;}
#interiaHeader li .first{width:161px;cursor:pointer;cursor:hand;}
#interiaHeader li .last{width:100px;}
#interiaHeader h1{font-size:1px;text-indent:-5000px;height:1px;width:1px;float:right;}

/* ---------------------------------------------- Stopka ------------------------------------------------- */
#footer {clear:both; width:100%; margin:auto; text-align:center;height:25px; }
#footer .linksFooter {width:100%;height:25px;line-height:25px;margin-bottom:15px;text-align:center; color:#fff;background:#9AA9AF; }
#footer .linksFooter strong { color:#FFFFFF; text-transform:uppercase }
#footer .linksFooter ul { display:inline;font-size:11px; width:744px; margin:0 auto; }
#footer .linksFooter li { display:inline; padding:0 8px;}
#footer .linksFooter li.first { border:none; }
#footer .linksFooter li a:hover { text-decoration:underline }
#footer .copyright{color:#7C7B7B;margin-bottom:40px;font-size:11px;}
#footer .copyright a { color:#7C7B7B; text-decoration:underline }

/* strona glowna */
.main .mainClock {width:855px;height:193px; background:url(mainClock_n2.jpg) no-repeat 25px 20px;position:relative}
.main .mainClock h3{position:absolute;top:62px;left:278px;width:230px;height:115px;background:url(stworz_quiz_sg.gif) no-repeat top left;text-indent:-5000px;}
.main .mainClock .familiar {padding:0;display:block;width:290px;position:absolute;top:70px;left:544px;}
.main .sponsor, .clockBox .sponsor{color:#fff;font-size:11px;position:absolute;top:10px;left:544px;width:275px;height:53px;}
.main .sponsor img, .clockBox .sponsor img{vertical-align:top;float:right;}
.main .infoBox {margin-top:8px;background:url(tree_sg.jpg) no-repeat right;width:855px;height:360px;position:relative;}
.main .infoBox ul{position:absolute;top:0;right:169px;background:url(text_main.jpg) no-repeat top right;width:626px;height:248px;}
.main .infoBox li{float:left;height:248px;width:156px;text-indent:-5000px;}
.main .infoBox a{position:absolute;top:248px;left:60px;display:block;height:76px;width:626px;background:url(buton_sg.jpg) no-repeat top right;text-indent:-5000px;}
.main .infoBox h4{position:absolute;top:300px;left:30px;display:block;height:17px;width:222px;background:url(prezent_sg.gif) no-repeat top left;text-indent:-5000px;}
.logosShops{height:125px;width:420px;margin:0 auto;}
.logosShops li{float:left;line-height:5px;margin:0 20px}
.choseGift{margin:30px 0 20px 40px;height:17px;width:222px;background:url(prezent_sg.gif) no-repeat top left;text-indent:-5000px;}
.logosShops  a{display:block;width:182px;height:42px;text-indent:-5000px;}
.logosShops .tele{background:url(/s/logos/logotelegram.gif) no-repeat 0 0;margin-top:8px;}
.logosShops .choco{background:url(/s/logos/logotelegram.gif) no-repeat 0 -44px ;}
.logosShops .tchibo{background:url(/s/logos/tchibo_logo.gif) no-repeat 0 0;width:150px;height:87px;}
.logosShops .flora{background:url(/s/logos/logo_florapolska.gif) no-repeat 0 0;width:180px;height:45px;margin-top:25px;}
.logosShops .pluszowa{background:url(/s/logos/logo_poczta_pluszowa2.gif) no-repeat 0 0;width:150px;height:110px}
.logosShops .toys4boys{background:url(/s/logos/toys4boys.jpg) no-repeat 0 0;width:152px;height:69px}

/* boks zegara*/
.clockBox{width:855px;height:220px;position:relative;clear:both;}
.clockBox h3{position:absolute;text-indent:-5000px;}
.clockBox .createQuiz{top:94px;left:245px;background:url(stworz_quiz.gif) no-repeat top left;
width:216px;height:46px;}
.clockBox .Quiz{top:94px;left:245px;background:url(quiz2.gif) no-repeat top left;width:79px;height:42px;}
.clockBox .clockLevel{position:absolute;top:35px;left:5px;}
.clockBox h4{color:#fff;font-weight:normal;position:absolute;top:145px;left:248px;width:560px;font-size:12px;}


/* ---------------------------------------- Globalne bloczki --------------------------------------------- */
.section { position:relative;float:left;clear:both; width:855px; text-align:center;margin:0 auto; }

.topContent{background:url(form_top_back3.png) no-repeat top center;
margin:0 auto;text-align:center;width:831px;color:#313131;padding-top:57px;}
* html .topContent{background:url(form_top_back.gif) no-repeat top center;}

.bottomContent{float:left;clear:both;padding-bottom:58px;background:url(form_bottom_back.png) no-repeat bottom center;
margin:0 auto;text-align:center;width:831px;color:#313131;}
* html .bottomContent{background:url(form_bottom_back.gif) no-repeat bottom center;}

.innerContent{margin:0 auto;float:left;clear:both;
background:url(form_middle_back.png) repeat-y;text-align:left;width:831px;color:#313131;}
* html .innerContent{background:url(form_middle_back3.gif) repeat-y;}

form{margin:0 auto;text-align:center;}
fieldset{margin:0 auto;text-align:left;}


.section h4{margin:0 0 0 50px;height:25px;font-size:12px;text-align:left;width:600px;color:#313131;float:left;clear:both;}
* html .section h4{margin:0 0 0 30px;}
.section input {border:0;float:left;background:transparent;height:22px;line-height:22px;color:#313131; }
.section .text{width:577px;margin:0 8px 0 0;background:#DFE3E6;padding-left:5px;padding-top:2px;}
* html .section .text { width:560px; }

.section .button{width:820px;text-align:center;float:none!important;clear:both;}
.section .error{clear:both;padding-top:15px;}

.leftBox { margin-left:50px;float:left;text-align:left;clear:both; width:430px; padding:0; overflow: hidden;}
* html .leftBox { margin-left:30px;}
.rightBox{float:left; clear:none; width:310px;text-align:left;}

/* ------------------------------- Bloczki dla poszczegolnych odslon ------------------------------------- */


/* ----------------------------------------- Tworzenie quizu --------------------------------------------- */
/* Pytanie o plec */
.section .chooseSex { width:424px;height:201px;  margin:0 auto;background: url(chooseSexBg3.png) no-repeat center top;color:#313131}
* html .section .chooseSex {background: url(chooseSexBg3.gif) no-repeat center top;}
.section .chooseSex fieldset{background:none;width:388px;height:330px;}
.chooseSex .radio { padding:50px 0 10px 0; margin:0 ;;}
.chooseSex .radio span, .chooseSex p label, .chooseSex p input, .chooseSex p strong { float:left; }
.chooseSex .radio label { margin:2px 3px 0 3px }

.chooseSex .radio strong { margin:2px 0 0 48px }
.chooseSex .radio span { margin:0 12px }
.chooseSex .info{display:block;clear:both;margin:0;padding:2px 0;width:388px;text-align:center;font-size:11px;}
.chooseSex #error { margin:5px 0 0 125px; }
.chooseSex .button{width:388px;}


/* burony */
.section .buttonGeneruj { float:none;clear:both;width:224px; height:43px; background:url(buttonGeneruj2.gif);
cursor:pointer;cursor:hand;margin:0 auto; }
.interpreter .buttonGeneruj { display:block;width:224px; height:43px; background:url(buttonGeneruj2.gif);
cursor:pointer;cursor:hand;margin:0 auto; }

.section .buttonWyslij {float:none;clear:both;width:142px; height:43px; background:url(buttonWyslij3.gif); cursor:pointer;cursor:hand;margin:0 auto;}
.buttonStworz { display:block; margin:0 auto; width:187px; height:30px; background:url(buttonStworz.gif); cursor:pointer;cursor:hand;margin:0 auto;}
.section .buttonDalej{float:none;clear:both;width:146px; height:44px;
background:url(buttonDalej2.gif);margin:0 auto;margin-top:15px;cursor:pointer;cursor:hand; }


/* pytania*/
.qstPrivate h4{margin:0 0 0 50px;height:25px;font-size:12px;text-align:left;width:300px;color:#313131;}
* html .qstPrivate h4{margin:0 0 0 30px;}
.qstPrivate .ans, .qstPrivate .quest { float:left;clear:both;text-align:left; width:740px; height:auto; padding:0 0 1px 50px; }
.qstPrivate .quest{padding:0 0 6px 50px;}
.qstPrivate .text{width:577px;}
* html .qstPrivate .text { width:560px; }
.qstPrivate #question { background:#DFE3E6;clear:both;width:600px;color:#D7004C;font-weight:bold;}
* html .qstPrivate #question { width:580px; }
.qstPrivate label { float:left; width:20px; padding:4px 0 0 4px;}
.qstPrivate .radio { width:80px; font-size:10px;}
.qstPrivate .end{height:18p!important;margin:10px 0 0 50px;width:460px;padding:0;float:left;clear:both;}
* html .qstPrivate .end{margin:10px 0 0 25px;}
.qstPrivate .end label{padding:0 4px 0 0;width:420px;text-align:right;float:left;color:#D7004C;}
.qstPrivate #endQuiz {float:left;margin:0;padding:0;margin-left:8px;width:15px;height:15px;}
.qstPrivate .lastQuestion{clear:both;color:#FF0000;padding:20px 0 0 50px;}

/* Koniec - Podanie nicka */
.setNick h4{margin:0 0 0 50px;float:left;clear:both;}
* html .setNick h4{margin:0 0 0 30px;}
.setNick .text { width:185px; margin:0 20px 0 0;color:#002E50; }
* html .setNick .text {width:185px;margin:0 10px 0 0;}
.setNick .nick {width:600px;float:left;clear:both; padding-bottom:30px;margin-left:50px;margin-top:20px; }
* html .setNick .nick{margin-left:30px;}

.setNick label { float:left; color:#313131; margin:4px 5px 0 0;}

.setNick .agreeBox { float:left;clear:both;font-size:11px; width:600px; margin:2px 0 0 50px;padding-bottom:25px;}
* html .setNick .agreeBox {margin:2px 0 0 30px;}
.setNick .agreeBox input{border:1px solid #D7004C;background:#fff;width:15px;height:15px;margin-right:5px;}
.setNick .agreeBox label{width:500px;color:#999999;}
.setNick .agreeBox label a{color:#999999;text-align:center;}
.setNick .button{float:none;clear:both;text-align:center;padding-top:15px;}

/* Pytania wspolne */
.created .mailSent { margin:0 23px 10px 0; color:#D7004C; font-size:20px; padding:0 0 3px; text-align:center }
* html .created .mailSent {margin:0 11px 10px 0;}
.created .leftBox { margin-left:50px;float:left; clear:both; width:410px; padding:0; overflow: hidden;}
* html .created .leftBox {margin-left:30px!important;}
.created  .rightBox{float:left; clear:none; width:310px;overflow: hidden;}
.created .quizInfo { width:380px;padding:0; font-size:11px; color:#313131; margin:0 0 5px 0;}
.created .quizLink { width:360px;margin:0 0 7px 0;color:#D7004C;background:#DFE3E6; font-size:14px; padding:5px 5px 5px;
text-align:left }
.created .quizLink a{color:#D7004C;}
.facebook {width:360px;height:26px;float:left;clear:both;padding:20px 0;}
* html .facebook {width:320px;}
.facebook li{float:left;margin:0 1px;width:24px;}
.facebook .share{width:190px;}
.created  .yoursQuiz{clear:left;margin:20px 0 20px 0;width:100px;height:25px;text-indent:-5000px;background:url(twojQuiz2.gif) no-repeat;}
.created .sendinfo {padding:10px 0 20px 0;clear:both;width:380px;}
.created .mailSent { margin:0 23px 10px 0; color:#D7004C; font-size:20px; padding:0 0 3px 0; text-align:center }

.questionAnswersList{width:380px;}
.questionAnswersList li {padding:15px 0; width:380px;}
.questionAnswersList span{font-weight:normal;}
.questionAnswersList .nr { font-weight:bold;color:#313131; margin:0 0 15px 0;}
.questionAnswersList .qst { font-weight:bold; color:#313131;width:380px;}
.questionAnswersList .ans { color:#313131;font-weight:bold; }
.questionAnswersList  .propAns{font-weight:bold;}
.questionAnswersList .wrong {color: #313131}
.questionAnswersList .well {color: #D7004C}

.created .propAns { font-weight:bold; color:#D7004C }
.created .familiar{color:#999999;padding:20px 0 4px 0;clear:both;}
.created  .rightBox .text{width:305px;height:22px;margin:0 0 1px 0;}
.created .rightBox textarea {width:307px; height:135px; margin:0 0 10px 0;background:#DFE3E6;color:#313131;border:none; }
.created .rightBox .badcode {color:#D7004C; font-weight:bold;margin:0;text-align:left;}
.created .rightBox .img .text{width:100px;float:left;margin-right:4px;}
.created .rightBox .img label img { vertical-align: text-bottom; margin: 0px 1px; }
.created .button{width:315px;margin:20px auto;}

/*.offersContainer {width:300px;overflow:hidden;padding:20px 0 0 0;margin-top:20px;float:left;}
.offersContainer h4{float:none;text-align:center;color:#313131;margin:-30px 0 0 30px;padding-left:10px;padding-right:10px;font-weight:normal;width:20px;font-size:12px;height:18px;line-height:18px;
background:#fff;}
.offersContainer .rightOffers{margin:8px 0 0 0;}*/

.offersContainer {width:305px!important;;overflow:hidden;padding:20px 0 0 0;margin-top:20px;float:left;}
.offersContainer .object{width:305px!important;overflow:hidden!important;}
.offersContainer .object div{width:298px!important;border:1px solid #C2CBCF!important; }
.offersContainer ul{width:298px!important;overflow:hidden!important;}
.offersContainer p{color:#D7004C!important;width:150px!important;overflow:hidden!important;}



/* quiz */
.quiz h4{margin-left:50px;text-align:left;}
* html .quiz h4{margin-left:30px;}
.nickBox{width:480px;margin:0 auto;padding-top:40px;float:left;margin-left:50px;}
* html .nickBox{margin-left:30px;}
.nickBox .nick{width:280px;margin:0 auto;}
* html .nickBox .nick{width:280px;}
.nickBox .text{width:190px;}
* html .nickBox .text{width:190px;}
.nickBox label{font-weight:bold;float:left;width:75px;}
.nickBox .button{width:470px;}




.quiz .top10 { float:left;text-align:left;width:255px;min-height:210px;padding:10px 15px 0;}
.quiz .top10 h5{background:url(topQuizValentine2.gif) no-repeat top left;padding:0;width:120px;height:35px;text-indent:-5000px;margin:0!important;}
.quiz .ownerNick{color:#313131;font-weight:bold;margin:0 0 20px 0;}
.quiz .top10 ul { width:233px; padding:0 0 15px }
.quiz .top10 li { float:left; clear:both; width:100%; padding:1px 0; font-size:11px }
.quiz .top10 li .nick { float:left; color:#000 }
.quiz .top10 li .result { float:right; color:#D7004C; }
.quiz .quizError { width:300px; margin:0 auto;font-size:20px; text-align:center; color:#D7004C }

.answerBox{width:410px;float:left;margin-left:50px;text-align:left;}
* html .answerBox{margin-left:30px;}
.answerBox h5{font-weight:normal;margin:0 0 20px 0;font-size:12px;}
.answerBox h6{font-weight:bold;margin:0 0 12px 8px;font-size:12px;color:#D7004C;}
.answerBox .button{width:410px;}
.answerBox .ans{width:250px;float:left;clear:both;}
.answerBox label{display:block;float:left;margin-left:25px;}
.answerBox .ans{min-width:250px;max-width:340px;}
.answerBox .ans input{float:right;}
.answerBox .letter{padding-right:10px;}


.quizResult .button{width:410px;margin-top:20px;}
.quizResult .button a{text-indent:-5000px;background:url(resultsButtonInterpretujValentine3.gif) no-repeat;display:block;margin:0 auto;width:338px;height:45px;}

.compability{margin:0 0 30px 0;background:url(quizUzytkownikaValentine2.gif) no-repeat center left;
width:165px;height:26px;line-height:26px; }
.compability span{display:block;width:80px;height:26px;font-size:1px;text-indent:-500px;float:left;}
.compability strong{color:#CE004F;font-size:32px;font-weight:normal;display:block;float:right;}

.user{margin:0 0 30px 0;background:url(text_quiz_uzytkownika.gif) no-repeat top left;
width:165px;}
.user span{display:block;width:80px;height:32px;text-indent:-500px;}
.user strong{color:#CE004F;font-size:12px;font-weight:bold;display:block;}

.interpreter {margin-left:50px;margin-right:50px;clear:both;}
* html .interpreter {margin-left:45px;margin-right:45px;}
.interpreter h5{font-size:12px;color:#313131;width:735px;}
.interpreter h5 strong{color:#CE004F;}
.interpreter p{width:735px;padding-bottom:20px;}
.interpreter .button{clear:both;width:735px;padding-top:10px;}


/* regulamin*/
.ruleBox{margin-left:50px;margin-right:50px;}
* html .ruleBox{margin-left:30px;}