body { font: 13px Arial, sans-serif; color: #666; text-align: center; background: #fff;   overflow-x: hidden; }

a { color: #E284B5; text-decoration: none; }
a:hover { text-decoration: none; color: #8094CC; }

h1, h2, h3, h4, h5, h6, h2 a { color: #000; }
h1, h2 { margin: 5px 0 15px; font-size: 22px; font-weight: normal; }
h2 { margin-top: 30px; }
h3, h4 { font-size: 13px; }
h5, h6 { font-size: 13px; font-weight: normal; }
h6 { margin: 0 0 10px; }
label { color: #333; }
hr { border: none; border-bottom: 1px solid #ddd; margin: 30px 0; }


#container { width: 950px; text-align: left; margin: 0 auto; padding: 0 15px; position: relative; }

header { margin: 70px 0 0; text-align: center; }
header #logo { margin-left: 0; }



/* content */
#body { line-height: 170%; min-height: 400px; margin: 40px 0 30px; }
#content ul, #content ol { margin-left: 30px; margin-bottom: 20px; }

#content { width: 650px; float: left; }
#sidebar { width: 250px; float: right; }

.lay_nosidebar #content { float: none; width: 100%; /*outline: 1px solid red;*/ }
.lay_nosidebar #sidebar { display: none; }

/* sidebar */
#sidebar h3, #sidebar h4 { font: 16px 'Oswald'; }
#sidebar ul { list-style: none; }
#sidebar li { border-bottom: 1px solid #eee; }
#sidebar li a { list-style: none; color: #555; display: list-item; padding: 3px; }
#sidebar li a:hover { color: #000; text-decoration: none; }

#sidebar h3:first-of-type { margin-top: 0; }


/* index */

.bb { margin-bottom: 30px; border-bottom: 1px dashed #E284B5; padding-bottom: 30px; }

#about { text-align: justify; padding-bottom: 10px !important; }

#author {  } 
#author div.fl, #author div.fr { width: 450px; /*outline: 1px solid orange*/ } 
#author img { width: 140px; float: left; } 
#author h3 { margin: 0; font-weight: bold; } 
#author > div > div { float: right; width: 290px; text-align: justify; }

#author div.fr img { float: right; }
#author div.fr div { float: left; }


#quizes { /*background: rgba(222,239,255,0.8);*/ padding-top: 30px; }

.test { width: 220px; float: left; margin-right: 20px; border: 1px solid #3B5998; height: 155px; position: relative; } 
.test:nth-of-type(4) { margin: 0; }
.test h4 { margin: 0; background: #3B5998; padding: 5px; text-align: center; color: #fff; } 
.test p { margin: 0; padding: 10px; background: #fff; }

.test a.button { position: absolute; bottom: -45px; left: 53px; text-align: center; }


#footer_contact {} 
#footer_contact > div { width: 450px; } 

/*#tests a { padding: 5px; background: #eee; margin-right: 10px; }*/


/*.news { border-bottom: 1px solid #E1E1E1; padding-bottom: 20px; margin-bottom: 20px; }
.news:last-of-type { border-bottom: none; }

.news_date { width: 70px; float: left; text-align: center; }
.news_date_1 { background: #FF8B84; color: #fff; height: 40px; line-height: 40px; font-size: 18px; }
.news_date_2 { background: #fff; color: #92999E; height: 30px; line-height: 30px; font-size: 16px; }

.news_text { width: 550px; float: right; }
.news_text div a { color: #FF8B84; }
.news_text div a:hover { color: #000; }
.news_text h1, .news_text h2 { margin: 0 0 5px; text-transform: uppercase; }
.news_text h6 { margin-bottom: 20px; }     */



/* QUIZY */

.question { border-bottom: 1px dashed #E284B5; padding-bottom: 20px; margin-bottom: 20px; }
.question:last-of-type { border: none; }

.question h3 { margin-bottom: 5px; font-weight: normal; margin-left: -5px; }
.question h3 span { background: #3B5998; color: #fff; padding: 3px 5px; }
.question h4 { margin-top: 0; }

button.answer { background: url('/res/lay/checkbox.png') no-repeat 0 4px; width: 100%; text-align: left; border: none; padding-left: 25px; margin-bottom: 5px; }
button.answer.selected { background-position: 0 -83px; }
button.answer.not_selected { color: #aaa; }

/*button { color: green; }*/
.done button.a0.selected { color: #e00 !important; }
.done button.a1 { color: #0c0 !important;  }


.grounds { margin-top: 15px; }

#results, .score { padding: 10px 15px 5px; background: #f5f5f5; margin-left: -5px; display: none; }


#questions { /*background: rgba(222,239,255,0.8); padding: 10px 15px 0;*/ }



/* contact */
#contact_form { width: 450px; }
#contact_form input, #contact_form textarea { background: #fff; border: 1px solid #eee; width: 436px; display: block; padding: 5px; margin: 5px 0 10px; }
#contact_form textarea { width: 435px; margin-top: 10px; min-height: 110px; }
/*#contact_submit { background: url('/res/lay/btn_contact.png') no-repeat 0 0 !important; width: 140px; height: 30px; border: none !important; margin: 10px 0 0 0px; vertical-align: bottom; box-shadow: none !important; }*/



/* footer */
footer { height: 80px; padding-top: 20px; background: #fff; border-top: 1px dashed #EAEAEA; margin-top: 40px; }
footer a { color: #222 }


/* komunikaty */
.msg { background: none !important; text-align: center; font-size: 14px; }
.msg span { padding: 4px 15px; border-radius: 5px; }
.msg_info span    { background-color: #DFEFF7; }
.msg_ok span      { background-color: #E4F5E7; }
.msg_warning span { background-color: #FFEF00; }
.msg_error span   { background-color: #FF2323; }
.msg_error   { padding: 1px 8px; border-radius: 5px; }

/* formularze */
.grid_form {  }
.grid_form input { width: 202px; }
.grid_form select { width: 210px; }
.grid_form input[type='checkbox'] { width: auto; vertical-align: text-top; }
.g14, .g24, .g34, .g44 { float: left; margin-bottom: 10px; }
.g14, .g34 { width: 100px; margin-right: 10px; font-size: 12px; }
.g24, .g44 { width: 210px; margin-right: 20px; }
.g44 { margin-right: 0; }

.info_label { background: url(/res/lay/ico_info.png) no-repeat 85px center; display: inline-block; width: 100px; color: #f00; }
.grid_form .g24 label, .grid_form .g44 label { margin-left: 10px; font-size: 12px; }

/* cookies */
#cookies { font: 12px Arial; background: #F8F8F8; border-top: 1px solid #eee; width: 100%; height: 40px; line-height: 40px; position: fixed; bottom: 0; z-index: 5; color: #777; }
#cookies div.cf { width: 900px; text-align: left; margin: 0 auto; padding-right: 55px; }
#cookies div.fl { float: left; }
#cookies div.fr { float: right; }
#cookies a { text-decoration: underline; color: #000; }

#copyright { font: 12px Arial; border-top: 1px solid #eee; height: 40px; line-height: 40px; text-align: center; }
#copyright a { color: #000; }                             


#msg { margin-bottom: 25px; }



#loading { position: fixed; _position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; display: none; background: url('/res/lay/ico_loading.gif') no-repeat 0 0; }

#msgs { position: fixed; top: 0; left: 50%; margin: -300px auto auto -137px; width: 392px; height: 25px; text-align: left; padding: 25px 15px 20px 15px; background: #fff; color: #000; z-index: 1000; box-shadow: 0 0 10px #555; /*display: none;*/ }
#msgs:after { content: ''; height: 13px; margin: 0 -15px; display: block; margin-top: 15px; }
#msgs a { text-decoration: underline; }


/* guziki */

.btn { border-radius: 3px; padding: 6px 12px; text-align: center; width: auto; min-width: 80px; font-weight: normal; box-shadow: 0 1px 2px #ddd; background: #71466C; border: 1px solid #372117; color: #fff; } 
 

/* misc */
h3 { font-weight: normal; }

#facebook_likebox { position: fixed; top: 400px; left: -240px; background: #fff; z-index: 100; background: url('/res/lay/bg_fb.png') no-repeat right 0; padding-right: 41px; }
#facebook_likebox iframe { background: #fff; }

#facebook_likebutton { position: absolute; top: -40px; left: 890px; text-align: left; }
#langbar { position: absolute; top: 15px; left: 160px; }
















/* buttons */
.button { font-size: 12px; font-weight:bold; padding: 7px 12px; cursor:pointer; line-height:16px; display:inline-block; margin:0 15px 30px 15px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: #e3e3e3 0 1px 1px; -moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.1), inset 0px 1px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.1), inset 0px 1px 1px rgba(255,255,255,0.7); behavior:url(/res/css/PIE.htc); }
.button:hover { color: #000; }
.orange{text-shadow:1px 1px 0 #ffe8b2;color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#fed970) to(#febd4b));background:-webkit-linear-gradient(#fed970,#febd4b);background:-moz-linear-gradient(#fed970,#febd4b);background:-ms-linear-gradient(#fed970,#febd4b);background:-o-linear-gradient(#fed970,#febd4b);background:linear-gradient(#fed970,#febd4b);-pie-background:linear-gradient(#fed970,#febd4b)}
.yellow{text-shadow:1px 1px 0 #ffefcb;color:#897931;border:1px solid #dac34b;background:#feed7a;background:-webkit-gradient(linear,0 0,0 100%,from(#feed7a) to(#fedb5e));background:-webkit-linear-gradient(#feed7a,#fedb5e);background:-moz-linear-gradient(#feed7a,#fedb5e);background:-ms-linear-gradient(#feed7a,#fedb5e);background:-o-linear-gradient(#feed7a,#fedb5e);background:linear-gradient(#feed7a,#fedb5e);-pie-background:linear-gradient(#feed7a,#fedb5e)}
.red{text-shadow:1px 1px 0 #ffb5b6;color:#933;border:1px solid #dc5653;background:#fe5d62;background:-webkit-gradient(linear,0 0,0 100%,from(#fe8781) to(#fe5d62));background:-webkit-linear-gradient(#fe8781,#fe5d62);background:-moz-linear-gradient(#fe8781,#fe5d62);background:-ms-linear-gradient(#fe8781,#fe5d62);background:-o-linear-gradient(#fe8781,#fe5d62);background:linear-gradient(#fe8781,#fe5d62);-pie-background:linear-gradient(#fe8781,#fe5d62)}
.green{text-shadow:1px 1px 0 #d6f3ae;color:#587930;border:1px solid #86be46;background:#a7e059;background:-webkit-gradient(linear,0 0,0 100%,from(#baf765) to(#a7e059));background:-webkit-linear-gradient(#baf765,#a7e059);background:-moz-linear-gradient(#baf765,#a7e059);background:-ms-linear-gradient(#baf765,#a7e059);background:-o-linear-gradient(#baf765,#a7e059);background:linear-gradient(#baf765,#a7e059);-pie-background:linear-gradient(#baf765,#a7e059)}
.blue{text-shadow:1px 1px 0 #b3e8f9;color:#3c7389;border:1px solid #3B5998;background:#5ccded;background:-webkit-gradient(linear,0 0,0 100%,from(#7ad6fc) to(#5ccded));background:-webkit-linear-gradient(#7ad6fc,#5ccded);background:-moz-linear-gradient(#7ad6fc,#5ccded);background:-ms-linear-gradient(#7ad6fc,#5ccded);background:-o-linear-gradient(#7ad6fc,#5ccded);background:linear-gradient(#7ad6fc,#5ccded);-pie-background:linear-gradient(#7ad6fc,#5ccded)}




/*#quizes2 {  }
#quizes2 .test { border: none; background: rgba(59,89,152,0.1); width: 222px; }
#quizes2 .test p { background: none; } */