@CHARSET "UTF-8";

body {
	background: #fddb0a url(../images/bg/bg.jpg) no-repeat top center;
}

#container {
	width: 913px;
	margin: 0 auto;
	min-height: 100px;
}

#top {
	padding: 3px 0 0 31px;
}

#top h1 a {
	width: 163px;
	height: 164px;
	background: url(../images/bezpieczny_puchatek.gif) no-repeat top left;
	text-indent: -9999px;
	float: left;
	display: block;
}

#top ul.menu {
	float: right;
	margin: 74px 4px 0 0;
}

#top ul.menu li {
	float: left;
}

#top ul.menu li a {
	display: block;
	height: 50px;
	overflow: hidden;
	text-indent: -9999px;
}

#top ul.menu li.m1 a { width: 140px; background: url(../images/menu/dla_nauczycieli.png) top left; } 
#top ul.menu li.m2 a { width: 138px; background: url(../images/menu/dla_dzieci.png) top left; } 
#top ul.menu li.m3 a { width: 138px; background: url(../images/menu/dla_rodzicow.png) top left; } 
#top ul.menu li.m4 a { width: 138px; background: url(../images/menu/partnerzy.png) top left; } 
#top ul.menu li.m5 a { width: 144px; background: url(../images/menu/kontakt.png) top left; }

#top ul.menu li.active a, #top ul.menu li a:hover { background-position: bottom left; }

#content {
	margin-top: 3px;
	padding: 0 0 12px 0;
	background: url(../images/bg/site_bottom.jpg) no-repeat bottom left;
}

#content div.top {
	height: 12px;
	background: url(../images/bg/site_top.jpg) no-repeat top left;
	text-indent: -9999px;
}

#content div.inner {
	padding: 0 6px;
	min-height: 400px;
	background: url(../images/bg/site_content.jpg) repeat-y top left;
}

#content div.inner div.header {
	position: relative;
	width: 880px;
	padding: 10px 9px 0 10px;
}

#content div.inner ul.breadcrumb {
	padding: 10px 0 15px 18px;
}

#content div.inner ul.breadcrumb li {
	display: inline;
	padding: 0 2px;
}

#content div.inner ul.breadcrumb li, #content div.inner ul.breadcrumb li a {
	color: #d1c9c5;
	font-size: 11px;
}
	
#content div.inner div.header a.join {
	display: block;
	background: url(../images/dolacz_do_klubu.jpg) no-repeat top left;
	width: 440px;
	height: 166px;
	text-indent: -9999px;
	position: absolute;
	top: 27px;
	right: -51px;
}
	
#content div.inner div.article {
	padding: 25px 25px 10px 25px;
}

#content div.inner div.article h2 {
	padding-bottom: 25px;
}

#content div.inner div.article p {
	color: #666;
	font-size: 11px;
	text-align: justify;
	padding-bottom: 10px;
	width: 396px;
}

#content div.inner div.article img.image {
	padding: 20px 0px 30px 15px;
} 
	
#content div.inner div.article div.right {
	width: 415px;
	text-align: left;
	float: right;
}

#content div.inner div.article ol li p {
	color: #666;
	font-size: 11px;
	text-align: justify;
	padding-bottom: 10px;
	width: 396px;
	list-style-type: decimal;
	font-weight:normal;
}

#content div.inner div.article ol li {
	color:#FF9900;
	font-size:12px;
	font-weight:bold;
	list-style-type:decimal;
	margin-left:20px;
	padding: 2px 0;
}

#content div.inner div.article ul li {
	list-style-type: disc;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	padding: 2px 0;
}

#content div.inner div.article div.left {
	float: left;
	width: 420px;
	text-align: left;
}

#content div.inner div.article div.more {
	clear: both;
	text-align: left;
	padding-top: 10px;
}

#content div.inner div.article div.more a.prev {
	float: left;
	background: url(../images/buttons/prev.gif) no-repeat center left;
	color: #674237;
	font-weight: bold;
	padding-left: 10px;
}

#content div.inner div.article div.more a.more {
	float: right;
	margin-right: 20px;
	display: block;
	background: url(../images/buttons/arrow.gif) no-repeat center right;
	width: 23px;
	height: 23px;
	text-indent: -9999px;
} 

#boxes {
	padding: 25px 0 0 0;	
}

#boxes div.box {
	width: 281px;
	height: 247px;
	background: url(../images/bg/box.gif) no-repeat top left;
	margin: 0 34px 15px 0;
	position: relative;
	float: left;
}

#boxes div.box h3 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 9px 20px 10px 20px;
	
}

#boxes div.box h3 a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 12px;
}

#boxes div.box p {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 10px 20px;
}

#boxes div.box a.more {
	display: block;
	width: 23px;
	height: 24px;
	text-indent: -9999px;
	background: url(../images/buttons/arrow_blue.gif) no-repeat top left;
	position: absolute;
	bottom: 18px;
	right: 18px;
}

#boxes div.more h3 {
	padding-top: 16px;
	padding-bottom: 15px; 
}
	
#boxes div.last {
	margin-right: 0;
} 

#footer {
	margin-top: 20px;
	clear: both;
	background: url(../images/bg/footer.png) no-repeat center top;
}

#footer a {
	display: block;
	width: 120px;
	height: 60px;
	background: url(../images/best_certyfikat.png) no-repeat top left;
	text-indent: -9999px;
	float: right;
	margin: 50px 15px 10px 0;
}

/* -- site -- */
#content div.site {
	padding: 25px 10px 25px 25px;
}

#content div.site div.sidebar {
	float :left;
	width: 195px;
}

#content div.site div.sidebar div.separator {
	height: 8px;
	width: 190px;
	background: url(../images/bg/sidebar_separator.gif) no-repeat top left;
}

#content div.site div.sidebar div.s_top {
	margin-top: 15px;
}

#content div.site div.sidebar div.s_bottom {
	margin-bottom: 15px;
}

#content div.site div.sidebar ul.menu {}
#content div.site div.sidebar ul.menu li {
	color: #0099cc;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 12px;
}

#content div.site div.sidebar ul.menu li a {
	color: #0099cc;
	font-size: 12px;
	font-weight: bold;
}

#content div.site div.sidebar ul.menu li.active, 
#content div.site div.sidebar ul.menu li:hover {
	background: url(../images/buttons/current_blue.gif) no-repeat 0 5px;
}

#content div.site div.sidebar h4 { 
	font-size: 12px;
	padding: 0 0 4px 12px;
}

#content div.site div.sidebar ul.download li {
	color: #ff9900;
	font-size: 12px;
	font-weight: normal;
	padding-left: 12px;
	padding-bottom: 2px;
}

#content div.site div.sidebar ul.download li a {
	color: #ff9900;
	font-size: 12px;
	font-weight: normal;
	padding-right: 12px;
	background: url(../images/buttons/download.gif) no-repeat center right;
}

#content div.site div.sidebar ul.buttons li {
	padding: 4px 0 10px 9px;
}

#content div.site div.sidebar ul.buttons li a {
	background: none;
}

#content div.site div.sidebar div.info_box {
	background: #0aa8dd url(../images/bg/box_top.jpg) no-repeat top left;
	width: 194px;
	padding-top: 5px;
}

#content div.site div.sidebar div.info_box div.padding {
	padding: 15px 15px 5px 15px;
}

#content div.site div.sidebar div.info_box h3 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 15px;
}

#content div.site div.sidebar div.info_box p {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	padding-bottom: 5px;
}

#content div.site div.sidebar div.info_box div.bottom {
	background: url(../images/bg/box_bottom.jpg) no-repeat bottom left;
	width: 194px;
	height: 136px;	
}

#content div.site div.body {
	float: left;
	width: 660px;
}

#content div.site div.body p {
	color: #4d4d4d;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	padding: 9px 0;
}

#content div.site div.body ul.news_list { margin-top:15px;}

#content div.site div.body ul.news_list li { padding:2px;}
#content div.site div.body ul.news_list a { font-size:12px; font-weight:bold; }
#content div.site div.body div.preamble {
	background: url(../images/puchatek.jpg) no-repeat top left;
	min-height: 483px;
}

#content div.site div.body div.preamble div.text {
	padding: 160px 0 0 325px;
	width: 318px;
}

#content div.site div.body div.inside {
	padding: 0 0 0 25px;
}

#content div.site div.body div.sign_info {
	padding: 0 20px 0 25px;
}

#content div.site div.body div.inside div.rules h3 {
	padding-bottom: 15px;
}

#content div.site div.body div.inside div.rules ul li {
	color: #000;
	font-size: 11px;
	padding-bottom: 12px;
}

#content div.site div.body div.inside div.rules ol {
	padding: 0;
}

#content div.site div.body div.inside div.rules ol li {
	color: #000;
	font-size: 11px;
	list-style-type: disc;
	margin-left: 12px;
	padding: 0 0 4px 0;
	font-weight: normal;
}

#content div.site div.body div.inside div.faq ul li {
	padding-bottom: 10px;
}

#content div.site div.body div.inside div.faq h3 {
	padding-bottom:15px;
}

#content div.site div.body div.inside div.faq ul li span {
	padding-left: 10px;
	color: #646464;
	font-size: 11px;
}

#content div.site div.body div.inside div.faq ul li span a {
	padding-left: 6px;
	color: #646464;
	font-size: 10px;
	padding-right: 15px;
	font-weight: normal;
	background: url(../images/buttons/faq_close.gif) no-repeat center right;
}

#content div.site div.body div.inside div.faq ul li a {
	color: #646464;
	font-size: 12px;
	font-weight: bold;
}

#content div.site div.body div.inside div.faq ul li.closed a {
	background: url(../images/buttons/faq_open.gif) no-repeat center right;
	padding-right: 15px;
}
	
#content div.site div.body div.inside div.faq ul li div.answer {
	margin-top: 10px;
	padding: 20px;
	background-color: #f8f8f8;
	color: #020202;
	font-size: 11px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #f8f8f8;
} 

#content div.site div.body div.inside div.form form {
	padding-top: 20px;
}
	
#content div.site div.body div.inside div.form div {
	clear: both;
	padding-bottom: 4px;
}
	
#content div.site div.body div.inside div.form label {
	width: 300px;
	float: left;
	font-size: 11px;
	line-height: 20px;
	text-align: right;
	padding-right: 8px;
	color: #4d4d4d;
}

#content div.site div.body div.inside div.form label.checkbox {
	width: auto;
	float: none;
	padding: 0 0 0 5px;
}

#content div.site div.body div.inside div.form div input.text {
	border: solid 1px #767676;
	background: url(../images/bg/input.gif) repeat-x top left;
	height: 14px;
	padding: 2px;
	width: 296px;
	color: #4d4d4d;
}

#content div.site div.body div.inside div.form div select {
	border: solid 1px #767676;
	background: #fff url(../images/bg/input.gif) repeat-x top left;
	height: 20px;
	padding: 2px;
	width: 302px;
	color: #4d4d4d;
}

#content div.site div.body div.inside div.form input.button {
	padding: 5px 0;
} 

#content div.site div.body div.inside div.form p.print {
	padding-top: 40px;
}

#content div.site div.body div.inside div.info ol {
	padding: 10px 15px 0 0;
}
	
#content div.site div.body div.inside div.info ol li {
	font-size: 12px;
	color: #ff9900;
	font-weight: bold;
	list-style-type: decimal;
	margin-left: 20px;
	padding: 9px 0;
}

#content div.site div.body div.inside div.info ol li p {
	color: #000;
	font-size: 12px;
	padding: 0;
}

#content div.site div.body div.inside div.form_kontakt form {
	padding-top: 20px;
}
	
#content div.site div.body div.inside div.form_kontakt div {
	clear: both;
	padding-bottom: 4px;
}
	
#content div.site div.body div.inside div.form_kontakt label {
	width: 155px;
	float: left;
	font-size: 11px;
	line-height: 20px;
	text-align: right;
	padding-right: 8px;
	color: #4d4d4d;
}

#content div.site div.body div.inside div.form_kontakt label.checkbox {
	width: auto;
	float: none;
	padding: 0 0 0 5px;
}

#content div.site div.body div.inside div.form_kontakt div input.text {
	border: solid 1px #767676;
	background: url(../images/bg/input.gif) repeat-x top left;
	height: 14px;
	padding: 2px;
	width: 296px;
	color: #4d4d4d;
}

#content div.site div.body div.inside div.form_kontakt div textarea.textarea {
	border: solid 1px #767676;
	background: url(../images/bg/input.gif) repeat-x top left;
	height: 14px;
	padding: 2px;
	width: 296px;
	color: #4d4d4d;
	height: 160px;
}

#content div.site div.body div.inside div.form_kontakt input.button {
	padding: 5px 0;
}

#content div.site div.body div.inside div.form_kontakt input.button_clear {
	margin-top: 15px;
	background: url(../images/buttons/b_wyczysc.jpg) no-repeat top left;
	width: 134px;
	height: 27px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	margin-left: 32px;
}

#content div.site div.body div.inside div.form_kontakt input.button_submit {
	margin-top: 15px;
	background: url(../images/buttons/b_wyslij.jpg) no-repeat top left;
	width: 134px;
	height: 27px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	margin-left: 163px;
}

#content div.site div.body div.padding {
	padding: 10px 35px;
}

#content div.site div.body ul.numbers {
	padding: 30px 0 0 45px;
}

#content div.site div.body ul.numbers li {
	padding-bottom: 15px;
}

#content div.site div.body ul.numbers li h3 {
	color: #f31601;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 15px; 	
}

#content div.site div.body ul.numbers li p {
	padding: 0;
	font-size: 12px;
}

#content div.site div.body ul.numbers li img {
	float: left;
	padding-right: 18px;
}

#content div.site div.body ol {
	padding: 10px 15px 0 0;
}
	
#content div.site div.body ol li {
	font-size: 12px;
	color: #ff9900;
	font-weight: bold;
	list-style-type: decimal;
	margin-left: 20px;
	padding: 9px 0;
}

#content div.site div.body ol li p {
	color: #000;
	font-size: 12px;
	padding: 0;
}

#content div.site div.body p.photo {
	text-align: center;
}

#content div.site div.body ul.dangerous {
	padding: 30px 15px 0 30px;
}

#content div.site div.body ul.dangerous li {
	padding-bottom: 40px;
}

#content div.site div.body ul.dangerous li span {
	color: #ff9900;
	font-size: 12px;
	font-weight: bold;
}

#content div.site div.body ul.dangerous li p {
	padding: 0 0 0 111px;
	font-size: 12px;

}

#content div.site div.body ul.dangerous li img {
	float: left;
	padding-right: 15px;
}

#content div.site div.body ol.walk {
	padding-left: 50px;
}

#content div.site div.body ol.walk li p {
	font-size: 12px;
}

#content div.site div.body h2.padding {
	padding: 15px 0 5px 0;
}

#content div.site div.body div.lights {
	padding-left: 50px;
	padding-top: 10px;
}

#content div.site div.body div.lights img {
	float: left;
	padding-right: 15px;
}

#content div.site div.body div.lights p {
	padding: 22px 0;
	font-size: 14px;
}

#content div.site div.body div.lights p span.red {
	color: #ff0000;
	font-weight: bold;
}

#content div.site div.body div.lights p span.green {
	color: #10a201;
	font-weight: bold;
}

#content div.site div.body div.cross {
	padding: 30px 15px 15px;
	text-align: center;
}

#content div.site div.body div.cross p {
	text-align: center;
}

#content div.site div.body div.sign {
	float: left;
	width: 152px;
	padding-bottom: 10px;
}
	
#content div.site div.body div.bigger {
	width: 190px;
}
	
#content div.site div.body div.sign,
#content div.site div.body div.sign p {
	text-align: center;
}

#content div.site div.body img.trip {
	padding: 20px;
}

#content div.site div.error {
	font-weight: bold;
	padding: 10px 0;
	color: #a20232;
	font-size: 12px;
}

#content div.site div.info {
	font-weight: bold;
	padding: 10px 0;
	color: #0099CC;
	font-size: 12px;
}
#quiz_area {  width:665px; height: 420px; position: relative; overflow: hidden;   }
#quiz {  width:11200px; height: 400px; position: absolute; left: 0; top: 0;  }
#quiz .query_c { padding-left:20px; width:635px; height: 350px;  float: left; }
#quiz .query_c h3 { padding-top:15px; padding-bottom:15px; }
#quiz .query_box { background: url(../images/quiz-bg.gif) 0 0 no-repeat; width:635px; height: 239px;   }
#quiz .query_box p , #quiz_info p { padding:20px !important; font-size:14px !important; }
#quiz .query_box ul { padding-left:20px; }
#quiz .query_box ul li { display: block; height: 30px; padding-left:25px; background: url(../images/quiz-checkbox.gif) 0 0 no-repeat; cursor:pointer; }
#quiz .query_box ul li.checked { background: url(../images/quiz-checkbox-checked.gif) 0 0 no-repeat; }
#quiz .query_prev { 
	background: url(../images/quiz-bt-poprzednie.jpg) 0 0 no-repeat; width:136px; height:42px;
	display: block; overflow: hidden; text-indent: -100000px; float: left;
	
}
#quiz .query_next { 
	background: url(../images/quiz-bt-nastepne.jpg) 0 0 no-repeat; width:126px; height:42px;
	display: block; overflow: hidden; text-indent: -100000px; float: right;
	
}

#quiz .query_send { 
	background: url(../images/quiz-bt-sprawdzwynik.jpg); width:126px; height:42px;
	display: block; overflow: hidden; text-indent: -100000px; float: right;
	
}
#quiz input { display: none; }
#quiz_info_c { width:635px;  margin-left: 20px; height: 350px;  }
#quiz_info  {   background: url(../images/quiz-bg.gif) 0 0 no-repeat; width:635px; height:239px; }

#quiz_info_c .query_repeat { 
	background: url(../images/quiz-bt-jeszcze.jpg); width:126px; height:42px;
	display: block; overflow: hidden; text-indent: -100000px; float: right;
	
}

#quiz_info_c .query_upload { 
	background: url(../images/quiz-bt-pobierz.jpg); width:126px; height:42px;
	display: block; overflow: hidden; text-indent: -100000px; float: right;
	
}