@charset "utf-8";
body{
	background: url(images/bg.jpg) repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	color: #06737A;
	font-size: 12px;
}
img{
	border: none;
}
p{
	margin: 0 1em 1em;
}
a{
	color: #00B1C6;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
h2{
	color: #00b1c6;
	margin-left: 1em;
}
ul, ol{
	margin: 0;
	padding: 0;
	list-style: inside decimal;
	color: #06737A;

}

li{
	line-height: 2em;
}
li strong{
	color: #06737A;
}
table{
	margin: 1em;
}
td.label, td.buttons{
	text-align: right;
	vertical-align: top;
}
td.cena{
	vertical-align: bottom;
	height: 150px;
}
span.cena{
	font-weight: bold;
	font-size: 1.8em;
	color: #09F;
}
table.form input[type="text"], table.form textarea{
	width: 220px;
	color: #00486d;
}
table.kup{
	text-align: right;
	margin: 0 1em;
}
table.kup input[type="text"], table.kup textarea{
	width: 410px;
	color: #00486d;
}
td.kod input[type="text"]{
	width: 60px;
}
td.town input[type="text"]{
	width: 245px;
}
input[type="reset"]{
	border: none;
	background: none;
	color: #06737A;
	font-weight: bold;
	cursor: pointer;
	width: 60px;
	margin: 0 1em;
}
input[type="reset"]:hover{
	border-bottom: thin solid #06737A;
}
input[type="button"]{
	font-weight: bold;
	color: #FFF;
	background: #06737A;
	border: none;
	cursor: pointer;
}
input[type="button"]:hover{
	background: #00b1c6;
}
input#zamawiam{
	background: url(images/tanoki_form_btn.jpg);
	width: 100px;
	height: 27px;
	color: #00486d;
}
input#zamawiam:hover{
	background: url(images/tanoki_form_btn_up.jpg);	
}
div#container{
	margin: 20px auto;
	width: 1012px;
	
}
	div#page{
		/*background: url(images/page.jpg) no-repeat;*/
		width: 100%;
		height: 588px;
		position: relative;
		padding-top: 18px;
		clear: both;
	}
	div.tanoki_normal{
		background:url(images/tanoki_normal.jpg) no-repeat !important;
	}
	div.tanoki_plus{
		background:url(images/tanoki_plus.jpg) no-repeat !important;
	}
	div.tanoki_form{
		background:url(images/tanoki_form.jpg) no-repeat !important;
	}
	div.tanoki_form_kup{
		background:url(images/tanoki_form_kup.jpg) no-repeat !important;
	}
	div.tanoki_form_konsultant{
		background:url(images/tanoki_formularze_Pole.jpg) no-repeat !important;
	}
	div#arrow{
		width: 166px;
		height: 132px;
		position: absolute;
		top: 113px;
		left: 349px;
	}
		ul#top_menu{
			height: 42px;
			line-height: 42px;
			list-style: none;
			margin: 0;
			padding: 0;
			background: url(images/menu_top_middle.jpg) repeat-x;
			width: 975px;
			margin-left: 20px;
		}
			li#top_menu_right{
				width: 7px;
				height: 42px;
				float: right;
				background: url(images/menu_top_right.jpg);
			}
			li#top_menu_left{
				width: 7px;
				height: 41px;
				float: left;
				background: url(images/menu_top_left.jpg);
			}
			li#tanoki, li#dzialani, li#filozofia, li#faq, li#kontakt, li#znajdz_nas, li#sklep{
				width: 121px;
				height: 30px;
				line-height: 30px;
				float: left;
				text-align: center;
				margin: 5px 5px 0 0;
			}
			li#znajdz_nas{
				margin-right: 45px;
			}
			li#sklep{
				margin-right: 44px;
			}
		div#mapa{
			margin-left: 80px;
		}
		h2.mapa{
			margin: 0 0 0 1em;
		}
		ul#top_menu li a{
			background: url(images/menu_top_btn.jpg) no-repeat;
			display: block;
			width: 121px;;
			height: 31px;
			color: #06737a;
			text-decoration: none;
		}
		ul#top_menu li a:hover{
			background: url(images/menu_top_btn_up.jpg) no-repeat;
		}
		div#right_content{
			left:615px;
			position:absolute;
			top:45px;
			width:430px;
		}

		div#right_content_form, div#right_content_form_kup{
			float: right;
			width: 400px;
			overflow: hidden;
			margin-right: 20px;
			padding: 2em 0;
		}
		div#right_content_form_kup{
			width: 600px;
		}
			div#form_top, div#form_bottom, div#form_top_kup, div#form_bottom_kup{
				width: 364px;
				height: 8px;
				background: url(images/tanoki_form_box_top.png);
				margin: 0 auto;
				color: #FFF;
			}
			div#form_bottom{
				background: url(images/tanoki_form_box_bottom.jpg);
			}
			div#form_top_kup{
				width: 576px;
				height: 43px;
				background: url(images/tanoki_form_kup_top.jpg);
				line-height: 30px;
				font-size: 1.2em;
				text-align: center;
			}
				div#form_top_kup strong{
					font-size: 1.2em;
				}
			div#form_bottom_kup{
				width: 576px;
				background: url(images/tanoki_form_kup_bottom.jpg);
			}
			div#form_content, div#form_content_kup, div#form_content_panel{
				width: 364px;
				height: 420px;
				margin: 0 auto;
				background: #fff;
				padding: 1em 0;
			}
			div#form_content_panel{
				padding-bottom: 3em;
			}
			div#form_content_kup{
				width: 576px;
				height: 400px;
				padding: 0 0 2em 0;;
			}
		div#left_content{
			overflow: hidden;
		}
			div#text_top, div#text_bottom, div#text_content{
				background: url(images/text_top.jpg) no-repeat;
				height: 8px;
				width: 579px;
				margin: 0 0 0 25px;
			}
			div#text_top{
				margin-top: 13px;
			}
			div#text_bottom{
				background: url(images/text_bottom.png) no-repeat;
				height: 40px;
			}
			div#text_content{
				background: url(images/text_content.jpg);
				height: 400px;
			}
			
		ul#bottom_menu{
			width: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			ul#bottom_menu li{
				float: left;
				margin: 0;
				padding: 0;
				height: 135px;
			}
			ul#bottom_menu li#left{
				width: 210px;
				height: 135px;
			}
			ul#bottom_menu li#middle, ul#bottom_menu li#right{
				width: 201px;
				height: 135px;
			}
			ul#bottom_menu li a{
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -10000px;
			}
			ul#bottom_menu li#left a{
				background: url(images/bottom_btn_left.jpg) no-repeat;
			}
			ul#bottom_menu li#left a:hover{
				background: url(images/bottom_btn_left_up.jpg) no-repeat;
			}
			ul#bottom_menu li#middle a{
				background: url(images/bottom_btn_middle.jpg) no-repeat;
			}
			ul#bottom_menu li#middle a:hover{
				background: url(images/bottom_btn_middle_up.jpg) no-repeat;
			}
			ul#bottom_menu li#right a{
				background: url(images/bottom_btn_right.jpg) no-repeat;
			}
			ul#bottom_menu li#right a:hover{
				background: url(images/bottom_btn_right_up.jpg) no-repeat;
			}
				
.left{
	float: left;
	width: 100px;
	padding: 10em 1em 0 1em; 
}
div#faq_tab div.right{
	height: 400px;
	overflow-y: scroll;
	float: left;
	width: 454px;
}
.right{
	float: right;
	width: 450px;
}

#faq_tab, #dzialanie_tab, #contact_tab, #filozofia_tab, #tanoki_plus_tab{
	display: none;
}
div#filo_site_two, div#use_site_two, div#use_site_three, div#use_site_four{
	padding-top: 1em;
	display: none;
}
a.more{
	font-weight: bold;
	float: right;
	margin-right:1em;
	color:#06F;
}
div#faq_tab ol ul, div#faq_tab ol p{
	color: #00486D;
	margin-right: 1em;
	list-style-type: disc;
}
span.accepted{
	font-weight: bold;
	color: #090;
}
span.error{
	font-weight: bold;
	color: #900;
}
table.dystrybutorzy{
	border-collapse: collapse;
	border-color: #00a0aa;
}
table.dystrybutorzy thead{
	color: #FFF;
	background: #00a0aa;
}
table.dystrybutorzy td{
	padding: .5em;
	vertical-align: top;
}
ul#infoline{
	float: right;
	text-align: right;
	margin-right: 20px;
}
ul#infoline li{
	display: inline;
	color: #C00;
}
ul#infoline li strong{
	color: #c00;
}
ul#infoline li a{
	color: #c00;
	background: url(http://www.gadu-gadu.pl/users/status.asp?id=21286661&styl=1) no-repeat left;
	padding-left: 15px;
}