/* resetcss */

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,
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-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	font-size: 0px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***************
****************
****************
****************
****************
****************

 style 
 
****************
****************
****************
****************
****************
****************/

body {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align: center;
	background: #C1C1C1;
	margin-top: 20px;
}


#container {
	width: 940px;
	margin: 0 auto;
	background: white;
	text-align: left;
	border: 5px solid #666;
	overflow: hidden;
-moz-border-radius: 15px;
border-radius: 15px;
	}
	
#control_buttons {

  margin: 10px auto 10px auto;
	
}
/***************
****************
****************
****************
****************
****************

top
 
****************
****************
****************
****************
****************
****************/

div.top {
	width: 940px;
	background: url('gfx/top.png') no-repeat 20px 5px;
	height: 245px;
	overflow: hidden;
}

div.top_description {
/*background: red;*/
width: 440px;
margin-left: 470px;
margin-top: 10px;
height: 210px;
padding-left: 10px;
padding-top: 20px;
}

div.top_description p {
	font-size: 13px;
	line-height: 180%;

	padding-bottom: 9px;
	margin-bottom: 8px;


}

div.top_description p.specjalneopis {
padding: 5px;
background: #eee;
border-width: 1px;
border-style: solid;
border-color: white #b37171 #b37171 white;
font-weight: bold;

webkit-box-shadow: 1px 1px 5px #806168;
-moz-box-shadow: 1px 1px 5px #806168;
box-shadow: 1px 1px 5px #806168; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 


background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.02, rgb(255,194,194)),
    color-stop(0.51, rgb(252,237,244)),
    color-stop(0.89, rgb(252,224,231))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(255,194,194) 2%,
    rgb(252,237,244) 51%,
    rgb(252,224,231) 89%
);




text-shadow: -1px -1px 2px white;
filter: dropshadow(color=#ffffff, offx=1, offy=1);

}
div.top_description p.specjalneopis span {
font-size: 16px;
color: #b36464; 

}
div.top_description h3 {
	font-size: 19px;
	color: #800;
	padding-bottom: 5px;
	margin-bottom: 12px;
	border-bottom: 1px black solid;
	display: block;
}

div.top_description em {
	font-weight: bold;
	color: white;
	background: #F55;
	padding: 2px;
	border: 1px red outset;
}

.top_description em.zielony, .top_description em.zielony a {
	background:  #176850;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

div.top_description a {
	color: #1a4d75;
text-shadow: 1px 1px 1px #ccc;
filter: dropshadow(color=#ccc, offx=, offy=);
}

div.top_description a:hover {
	color: #176850;
}

div.top h1,div.top h2 {
	overflow: hidden;
	text-indent: -250px;
}

/***************
****************
****************
****************
****************
****************

pozycjonowanie bloków
 
****************
****************
****************
****************
****************
****************/

div.nav_left {
	width: 200px;
	/*background: gray;*/
	float: left;
}
div#ogarniacz_srodka {
	width: 519px;
       /*background: gray; */
	float: left;

}
div.content {
	width: 519px;
	/*background: red; */
	float: left;
  
}

div.nav_right {
	width: 200px;
	/*background: yellow; */
	float: right;

}

/***************
****************
****************
****************
****************
****************

style menu

****************
****************
****************
****************
****************
****************/


div.nav_left_1, div.nav_left_2, div.nav_left_3, div.nav_left_4,div.nav_right_0,  div.nav_right_1, div.nav_right_2 {
	border-bottom: 1px solid #aaa;

	margin-bottom: 10px;
	background: url('gfx/shadow.jpg') bottom repeat-x;
       -moz-border-radius: 2px;
       border-radius: 2px;
}

div.nav_left div, div.nav_right div {
	padding: 0 20px;

}

div.nav_left ul,div.nav_right ul {
	margin-bottom: 10px;
}

/*ie6 hax */

.nav_left_1 ul {
	font-size: 0px;
}
.nav_left_1 li {
	font-size: 11px;
}

div.nav_left ul li a, div.nav_right ul li a, div.nav_left ul li strong, div.nav_right ul li strong {

	display: block;
	padding: 7px 11px;
	/*border-bottom: 1px white solid;*/
	/*border-right:10px #888 solid;*/
	font-size: 11px;
	text-decoration: none;
	border: 1px #aaa solid;
	border-color: #EEE #AEAEAE #AEAEAE #EEE;
	background: #eee;
	color: #111;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
       -moz-border-radius: 5px;
       border-radius: 5px;
       background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.11, rgb(224,224,224)),
    color-stop(0.68, rgb(255,255,255)),
    color-stop(0.96, rgb(255,255,255))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(224,224,224) 11%,
    rgb(255,255,255) 68%,
    rgb(255,255,255) 96%
);


}
	
div.nav_left li, div.nav_right li {
	height: 31px;		
}
.nav_left ul li a:hover,.nav_right ul li a:hover {
	/*border-right-color: black;*/
	background: #C7F1E3;
	border-color:#93C8B9 #C7F1E3 #C7F1E3 #93C8B9 ;
	color: #176850;
	padding: 8px 10px 6px 12px;
background: -webkit-gradient(
    linear,
    left top,
    left 400,
    color-stop(0, rgb(181,255,192)),
    color-stop(1, rgb(235,255,238))
);
background: -moz-linear-gradient(
    center top,
    rgb(181,255,192) 0%,
    rgb(235,255,238) 100%
);

text-shadow: 2px 2px 2px #9e9e9e;
filter: dropshadow(color=#9e9e9e, offx=1, offy=1);


}

li a.current {
font-weight: bold !important;
}
/***************
****************
****************
****************
****************
****************

wyróżnik w nawigacji-nagłówek

****************
****************
****************
****************
****************
****************/

a.special,em.special  {
	display: block;
	background: #CB2E2E;
	color: white;
	font-size: 21px;
	text-align: center;

	padding: 6px 0;
	letter-spacing: -1px;
	margin-bottom: 10px;
	font-variant: small-caps;
	text-decoration: none;
	border-width: 1px 1px 1px 1px;
	border-color: #72443F; 
	border-style: solid;
	font-family: Georgia,Verdana,Arial,sans-serif;
	font-style: normal;
       -moz-border-radius: 2px;
       border-radius: 4px;
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.35, rgb(250,50,50)),
    color-stop(0.77, rgb(255,117,117))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(250,50,50) 35%,
    rgb(255,117,117) 77%
);
text-shadow: 2px 2px 2px #faa0a7;
filter: dropshadow(color=#faa0a7, offx=2, offy=2) 
}

a.special:hover {
	background-color: red;
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.35, rgb(255,112,112)),
    color-stop(0.77, rgb(255,69,69))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(255,112,112) 35%,
    rgb(255,69,69) 77%
);

}

div.nav_right_2 a.special {
	background: url('gfx/gilotyna1m.jpg') 50%;
	padding: 10px 10px 140px 10px;
	border-width: 0 8px;
	font-size: 23px;

}
div.nav_right_2 a.special:hover {
	/* background-color: none; */
	border-color: red;
}
/***************
****************
****************
****************
****************
****************

link do Kulek

****************
****************
****************
****************
****************
****************/
a.kulki {
 display: block;
 width: 163px;
 height: 248px;
 overflow: hidden;
 font-size: 12px;
 color: white;
 text-indent: -999px;
 background: url('gfx/kulki.jpg') no-repeat;
background-position: 0 0;
margin-bottom: 20px;
 }
 
 a.kulki:hover {
	background-position: -163px 0;
 }
a.kulki:active {
	background-position: -326px 0;
}

/***************
****************
****************
****************
****************
****************

style zawartości

****************
****************
****************
****************
****************
****************/
.content {

	border: 1px #C1C1C1 solid;
	padding-top: 20px;
	background: #FFFFF2 url('gfx/gradient.jpg') repeat-x 0 0;
	font-size: 13px;
	line-height: 120%;
	font-family: Georgia,Tahoma, Arial, Verdana, "Times New Roman",Verdana,sans-serif;
	-moz-border-radius: 15px;
border-radius: 15px;

}

.content a {
	color: rgb(70,150,140);
	font-weight: bold;
}

.content a:hover {
		color: red;
		text-decoration: none;
text-shadow: 2px 2px 2px #fa6e8a;
filter: dropshadow(color=#fa6e8a, offx=2, offy=2) 
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	font-weight: bold;
	text-align: justify;
	border-bottom: 1px #aaa solid;
	border-top: 1px #aaa solid;
	border-left: 10px red solid;
	padding: 5px;
	background: white;
	line-height: 130%;
	margin: 0 0 14px 0;
	font-family: Georgia;
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(250,250,250)),
    color-stop(0.79, rgb(255,255,255))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(250,250,250) 0%,
    rgb(255,255,255) 79%
);
text-shadow: 2px 2px 2px #eee;
filter: dropshadow(color=#eee, offx=2, offy=2); 

}

.content h1 {
	font-size: 22px;
}

.content h2 {
	font-size: 20px;
}
.content h3 {
	font-size: 18px;
}
.content h4 {
	font-size: 16px;
}
.content h5 {
	font-size: 14px;
}
.content h6 {
	font-size: 12px;
}
.content p {
	text-align: justify;
	line-height: 140%;
	margin: 0 20px 20px 20px;
}
.content table {
	border-top: 1px #777 solid;
	border-left: 1px #777 solid;
	vertical-align: top;
	margin: 10px 10px 10px 10px;
	border-collapse: collapse;
	width: 488px;
}

.content table table {
	width: 200px;
}

.content table table {

}

.content table table td {
	background: white;
    font-size: 9px !important;
}

.content table table strong {
	color: #333 !Important;
	font-family: Arial, Helvetica, sans-serif;
}

.content table table img {
	border: 0 !important;
}

.content table td {
	border-bottom: 1px #777 solid;
	border-right: 1px #777 solid;
	background: url('gfx/shadow.jpg') #E8E8E8 repeat-x 1px 3px;
	padding: 8px;
	font-size: 11px;
	line-height: 180%;
	text-align: justify;
	font-family: Arial,sans-serif;
	vertical-align: top;
	color: #444;

	}

.content table td img {
	margin: 6px;
	border: 4px #aaa solid;

}

.content table td p {
	display: block;
	padding: 0;
	font-family: Arial,sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0;
}

.content table td p strong {
	font-weight: bold;
	color: rgb(70,150,140);
	text-align: center;
}

.content ul,.content ol{
	margin: 0 20px 20px 20px;
}

.content ul li,.content ol li {
	padding-left: 20px;
	background: url('gfx/arrow.gif') transparent no-repeat 0 0;
	/*background-color: none; */
	font-family: Arial,Sans-serif;
	font-size: 10px;
	margin-bottom: 10px;
	text-align: left;
	/* font-variant: small-caps; */
	font-weight: bold;
	color: #555;
	text-transform: uppercase;

}

.content ol {
	border: none;
	border-bottom: 1px #777 dotted;
}

.content ul li *,.content ol li {
	text-align: left;
}

.content img,.content p img {
	border: 1px #eee solid;
}

.content .galeria {
	margin: 0 20px 10px 20px;

}
.content .clear {
	clear: both;

}

.content .galeria .pic {
	float: left;

}

.content .galeria .pic a {
	overflow: hidden;
	display: block;
	width: 92px;
	height: 92px;
	border: 4px white solid;
	margin: 10px;
	background: white;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000; 

}

.content .galeria .pic a img {
border: 0;


}
.bottom {
	clear: both;
	padding-top: 30px;
}

.linki {
	width: auto;
	margin: 0 auto;
	text-align: left;
	border-top:1px solid #888;
	background: #eee;
	border-bottom:1px solid #888;
	}

.linki p.linki_header {
	font-weight: bold;
	padding: 20px;
	display: block;
	float: left;
	color: #666;
	font-size: 10px;
}
.linki ul {
	padding: 15px;
	margin-left: 40px;
	float: left;
	border-left: 1px #aaa dotted;
}
.linki li a {
	font-weight: bold;
	font-size: 10px;
	color:#374D77;
	background: url('gfx/arrow.gif') transparent no-repeat 0 0;
	padding-left: 20px;
	text-decoration:none;
}
.linki li {
	margin: 3px;
}

.linki a:hover {
	color: #0099CC;
	text-decoration: none;
}

.linki .clear {
	clear: both;
	background: #C1C1C1;
	border-top:1px solid #888;

	font-size: 11px;
	color: #555;

}

.clear a {
	color: rgb(70,150,140);
}

.clear a:hover {
	color: rgb(70,150,140);
}

.clear p {
padding: 10px;
 }
 
.clear p.privacyinfo {
	display: block;
	border-top:1px solid #888;
	background: #ddd;
	font-size: 9px;
	text-align: justify;
	padding: 10px 20%;
}
	
span.validator  {
	margin-top: 13px;
	display: block;
	width: 400px;
	font-size: 11px;
	}