/*--------------------------------------------------------------*/
/*--------------------- Styl standardowy -----------------------*/
/*--------------------------------------------------------------*/
body, td {
	font-family: Arial, Verdana, Sans-Serif, Tahoma;
	font-size: 12px;
}
td {
	vertical-align:top;
}
body, html {
	height:100%;
}
body {
	padding: 0px;
	margin: 0px;
	border-style: none;
	color: #564a32;
	background: url(images/spiderwick/body.gif) 0 0 repeat;
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
}

ol, ul, li {
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

li {padding: 0px 0px 0px 5px;}

h1, h2, h3, h4, h5, h6, h7, p, form {
	margin: 0px;
	padding: 0px;
}

.top {vertical-align: top;}
.clear {clear: both;}

a {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}

a:hover {text-decoration: underline;}

label {cursor: pointer;}

/* DHTML Popup */
.Popup {
	background-color: #FFFFFF;
	border: 1px solid #C8D0CF;
}
.Popup .ImageContainer {
	padding: 5px;
	height: 100%;
	text-align: center;
}
.Popup .Loader {
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	border: 1px solid #C8D0CF;
}
.Popup .Preview {
	border: 1px solid #C8D0CF;
	cursor: pointer;
}
.Popup .Caption {
	vertical-align: middle;
	padding: 0px 5px 5px 5px;
	font-weight: bold;
}
.Popup .Prev {
	vertical-align: top;
	text-align: left;
	padding: 0px 0px 5px 5px;
	width: 16px;
}
.Popup .Prev div {
	height: 16px;
	width: 16px;
	cursor: pointer;
	background: url(images/ico_prev.gif) no-repeat center center;
}
.Popup .Next {
	vertical-align: top;
	text-align: right;
	padding: 0px 5px 5px 0px;
	width: 16px;
}
.Popup .Next div {
	height: 16px;
	width: 16px;
	cursor: pointer;
	background: url(images/ico_next.gif) no-repeat center center;
}
.Popup .IcoClose {
	height: 26px;
	width: 26px;
	display: block;
	cursor: pointer;
	background: url(images/ico_close.gif) no-repeat center center;
}
.PopupOverlay {
	width: 100%;
	height: 500px;
	background-color: #999999;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* komunikat */
.komunikat {
	font-weight: bold;
	padding: 15px;
	text-align: left;
	color:#000;
	text-align:center;;
}
.komunikat p {
	font-weight: bold;
	padding: 0 0 0 0;
	color:red;
	font-size:15px;
}
.message {
	font-weight: bold;
	width:460px;
	position:absolute; 
	top:200px; 
	left:50%; 
	margin-left: -235px;
	background-color:#FFFFFF; 
	border:4px double #FF6600; 
	padding:0px 0px 20px 0px;
	text-align: center;
	z-index: 999999999;
}
.message p{text-align: center;}

.message div.info{
	padding:25px 5px 34px 100px;
	background: #FFFFFF url(images/info.jpg) no-repeat 15px 10px;
	text-align: left;
}
.message div.error{
	padding:25px 5px 34px 100px;
	background: #FFFFFF url(images/error.jpg) no-repeat 15px 10px;
	text-align: left;
}
.message input{
	background: #E6E6E6;
	color: black; 
	padding:2px 0px 2px 0px; 
	border: 1px solid #888888;
	font-weight: bold; 
	width: 60px;
	cursor: pointer;
}
/*--------------------------------------------------------------*/
/*--------------------- My -----------------------*/
/*--------------------------------------------------------------*/
#webLeftBackground {
	width: 50%;
	height: 100%;
	float: left;
}
#webLeftBackgroundw {
	width: 50%;
	float: left;
}
#webLeftBackgroundContent {
	height: 800px;
	margin-right: 495px;
	background: transparent url(images/spiderwick/webLeftBackground.jpg) right 0 no-repeat;
}
#webRightBackground {
	width: 49%;
	height: 800px;
	background: transparent url(images/spiderwick/webRightBackground.jpg) 495px 0 repeat-y;
	float: left;
}
#webLeftBackgroundContentw {
	height: 700px;
	margin-right: 495px;
	background: transparent url(images/spiderwick/webLeftBackground.jpg) right 0 no-repeat;
}
#webRightBackgroundw {
	width: 49%;
	height: 700px;
	background: transparent url(images/spiderwick/webRightBackground.jpg) 495px 0 repeat-y;
	float: left;
}
#mainContener {
	margin: 0 auto;
	padding:0;
	width:990px;
	position: absolute; 
	top: 0; 
	left: 50%;
	margin-left: -495px;
}
#mainContener #menuLeft {
	margin:0;
	padding:0;
	float:left;
	width:339px;
	height:145px;
	background: url(images/spiderwick/menuLeft.gif) 0 0 no-repeat;
}
#mainContener #naglowek {
	margin:0;
	padding:0;
	float:left;
	width:299px;
	height:145px;
	background: url(images/spiderwick/naglowek.gif) 0 0 no-repeat;
}
#mainContener #naglowek a {
	margin:0;
	padding:0;
	width:299px;
	height:145px;
	display:block;
}
#mainContener #menuRight {
	margin:0;
	padding:0;
	float:left;
	width:352px;
	height:145px;
	background: url(images/spiderwick/menuRight.gif) 0 0 no-repeat;
}
#stopka {
	margin:0;
	padding:160px 60px 0 60px;
	color:#756744;
	font-size:11px;
}
#stopka a {
	font-weight: normal;
	text-decoration:none;
	color:#4d4228;
}
#stopka a:hover {
	text-decoration:underline;
}
#stopka .stopka {
	float:left;
}
#stopka .stopka span {
	color:#4d4228;
}
#stopka .powered {
	float:right;
	margin-right:5px;
}
#stopka .cms {
	padding-left:25px;
	position:relative;
	float:right;
}
#stopka .edito {
	position:absolute;
	left:0px;
	top:0px;
}
#stopka .realizacja {
	float:right;
	margin-right:15px;
}
#stopkawelcome {
	margin:0;
	padding:445px 60px 0 60px;
	color:#756744;
	font-size:11px;
}
#stopkawelcome a {
	font-weight: normal;
	text-decoration:none;
	color:#4d4228;
}
#stopkawelcome a:hover {
	text-decoration:underline;
}
#stopkawelcome .stopka {
	float:left;
}
#stopkawelcome .stopka span {
	color:#4d4228;
}
#stopkawelcome .powered {
	float:right;
	margin-right:5px;
}
#stopkawelcome .cms {
	padding-left:25px;
	position:relative;
	float:right;
}
#stopkawelcome .edito {
	position:absolute;
	left:0px;
	top:0px;
}
#stopkawelcome .realizacja {
	float:right;
	margin-right:15px;
}
/*--------------------- Menu gorne -----------------------*/
.menuLeftCont {
	margin:68px 0 0 0;
	padding:0;
	width:234px;
	height:21px;
	float:right;
}
.menuLeftCont a.ksiazki {
	margin:0;
	padding:0;
	width:69px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/ksiazki.gif) 0 0 no-repeat;
}
.menuLeftCont a.ksiazki:hover {
	background: url(images/spiderwick/menu/ksiazkia.gif) 0 0 no-repeat;
}
.menuLeftCont a.bohaterowie {
	margin:0;
	padding:0;
	width:96px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/bohaterowie.gif) 0 0 no-repeat;
}
.menuLeftCont a.bohaterowie:hover {
	background: url(images/spiderwick/menu/bohaterowiea.gif) 0 0 no-repeat;
}
.menuLeftCont a.autorzy {
	margin:0;
	padding:0;
	width:69px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/autorzy.gif) 0 0 no-repeat;
}
.menuLeftCont a.autorzy:hover {
	background: url(images/spiderwick/menu/autorzya.gif) 0 0 no-repeat;
}
.menuLeftCont a.ksiazkia {
	margin:0;
	padding:0;
	width:69px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/ksiazkia.gif) 0 0 no-repeat;
}
.menuLeftCont a.bohaterowiea {
	margin:0;
	padding:0;
	width:96px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/bohaterowiea.gif) 0 0 no-repeat;
}
.menuLeftCont a.autorzya {
	margin:0;
	padding:0;
	width:69px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/autorzya.gif) 0 0 no-repeat;
}
.menuRightCont {
	margin:68px 0 0 0;
	padding:0;
	width:219px;
	height:21px;
	float:left;
}
.menuRightCont a.dodatki {
	margin:0;
	padding:0;
	width:68px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/dodatki.gif) 0 0 no-repeat;
}
.menuRightCont a.dodatki:hover {
	background: url(images/spiderwick/menu/dodatkia.gif) 0 0 no-repeat;
}
.menuRightCont a.przeczytaj {
	margin:0;
	padding:0;
	width:76px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/przeczytaj.gif) 0 0 no-repeat;
}
.menuRightCont a.przeczytaj:hover {
	background: url(images/spiderwick/menu/przeczytaja.gif) 0 0 no-repeat;
}
.menuRightCont a.edukacja {
	margin:0;
	padding:0;
	width:75px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/edukacja.gif) 0 0 no-repeat;
}
.menuRightCont a.edukacja:hover {
	background: url(images/spiderwick/menu/edukacjaa.gif) 0 0 no-repeat;
}
.menuRightCont a.dodatkia {
	margin:0;
	padding:0;
	width:68px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/dodatkia.gif) 0 0 no-repeat;
}
.menuRightCont a.przeczytaja {
	margin:0;
	padding:0;
	width:76px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/przeczytaja.gif) 0 0 no-repeat;
}
.menuRightCont a.edukacjaa {
	margin:0;
	padding:0;
	width:75px;
	height:21px;
	float:left;
	display:block;
	background: url(images/spiderwick/menu/edukacjaa.gif) 0 0 no-repeat;
}
/*--------------------- Menu gorne end -----------------------*/

/*--------------------- kontener kartki -----------------------*/
.kartkaCont {
	background: transparent url(images/spiderwick/kartkaCont.jpg) no-repeat 0 0; 
	margin:0 0 0 0;
	padding:0;
	min-height: 613px;
	_height: 613px;
	position:relative;
}
.kartkaContw {
	background: url(images/spiderwick/kartkaCont.jpg) no-repeat 0 0; 
	margin:0px;
	padding:0px;
	position:relative;
	height:1%;
}
.kartkaContTL {
	background: transparent url(images/spiderwick/kartkaContTL.jpg) no-repeat left top; 
	min-height: 613px;
	_height: 613px;
}
.kartkaContTLw {
	background: transparent url(images/spiderwick/kartkaContTLw.jpg) no-repeat left top; 
}
.kartkaContTR {
	background: transparent url(images/spiderwick/kartkaContTR.jpg) no-repeat right top; 
	min-height: 613px;
	_height: 613px;
}
.kartkaContTRw {
	background: transparent url(images/spiderwick/kartkaContTRw.jpg) no-repeat right top; 
}
/*--------------------- kontener kartki end -----------------------*/

/*--------------------- Menu lewe -----------------------*/
.mainMenu {
	padding:0 0 0 0;
	margin:0;
	width:128px;
	position:absolute;
	display:inline;
	background: none; 
	top:70px;
	left:1px;
	z-index:1000;
}
.mainMenu a {
	color:#2d2311;
	display:block;
	padding:5px 0 2px 0;
	margin:0 5px;
	text-align:center;
}
.menu {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: #bf8930;
}
.menutopfirst {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: transparent url(images/spiderwick/mainMenu/menutop.gif) no-repeat 0 0;
	height:10px;
	font-size:0px;
}
.menubottomlast {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: transparent url(images/spiderwick/mainMenu/menubottomlast.gif) no-repeat 0 0;
	height:6px;
	font-size:0px;
}
.menuActiv {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: #eeb827;
}
.menuSpej {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: transparent url(images/spiderwick/mainMenu/menuSpej.gif) no-repeat 0 0;
	height:10px;
	font-size:0px;
}
.menuSpeja {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: transparent url(images/spiderwick/mainMenu/menuSpeja.gif) no-repeat 0 0;
	height:10px;
	font-size:0px;
}
.menuSpejactiv {
	margin:-10px 0 0 0;
	padding:0 0 0 0;
	background: transparent url(images/spiderwick/mainMenu/menuSpejactiv.gif) no-repeat 0 0;
	height:10px;
	font-size:0px;
}
.menuSpejactivlast {
	margin:-10px 0 0 0;
	padding:0 0 0 0;
	background: transparent url(images/spiderwick/mainMenu/menuSpejactiv.gif) no-repeat 0 0;
	height:10px;
	font-size:0px;
}
.menuSpejactivfirst {
	margin:0px 0 0 0;
	padding:0 0 0 0;
	background: transparent url(images/spiderwick/mainMenu/menuSpejactivnotop.gif) no-repeat 0 0;
	height:10px;
	font-size:0px;
}
.menuSpejactiv2last {
	margin:0px 0 0 0;
	padding:0 0 0 0;
	background: transparent url(images/spiderwick/mainMenu/menuSpejactivlast.gif) no-repeat 0 0;
	height:10px;
	font-size:0px;
}
/*--------------------- Menu lewe end -----------------------*/

/*--------------------- Sciezka nawigacyjna -----------------------*/

ul.pasekNav {
	margin:0 0 0 60px;
	padding:38px 0 0 0;
	list-style-type:none;
	color: #564a32;
	font-size:11px;
}
ul.pasekNav a {
	font-weight:normal;
	text-decoration:none;
	color: #564a32;
}
ul.pasekNav a:hover {
	text-decoration:underline;
}
ul.pasekNav li {
	margin:0;
	padding:0;
	float:left;
}
ul.pasekNav li.sep {
	margin:0 8px;
	padding:0;
	float:left;
	width:5px;
	height:10px;
	background: transparent url(images/spiderwick/sep.gif) no-repeat 0 4px;
}
ul.pasekNav li.sepmain {
	margin:0 8px 0 0;
	padding:0;
	float:left;
}
/*--------------------- Sciezka nawigacyjna end -----------------------*/

/*--------------------- Srodek welcome -----------------------*/
.contentMidleBook1 {
	position:absolute;
	width:215px;
	height:313px;
	top:0px;
	left:128px;
	z-index:999999;
}
.contentMidleBook2 {
	position:absolute;
	width:215px;
	height:313px;
	top:0px;
	left:382px;
	z-index:999999;
}
.contentMidleBook3 {
	position:absolute;
	width:215px;
	height:313px;
	top:0px;
	left:636px;
	z-index:999999;
}
.contentMidleSlogan {
	position:absolute;
	width:800px;
	height:188px;
	top:259px;
	right:0px;
	background: url(images/spiderwick/ksiazki/slogan.jpg) no-repeat 0 0;
	z-index:1;
}
/*--------------------- Srodek welcome end -----------------------*/
/*--------------------- Srodek paper -----------------------*/
.contentMidleAll {
	position:absolute;
	top:0px;
	left:0px;
}
.contentMidle {
	width:763px;
	margin-left:111px;

}
.contentMidlenag {
	margin:0;
	padding:0;
	background: transparent url(images/spiderwick/contentMidlenag.jpg) no-repeat 0 0;
	height:70px;
}
.kontenerMain {
	margin:0;
	padding:0;
	background: transparent url(images/spiderwick/paperrep.jpg) 0 0 repeat-y;
}
.kontener {
	margin:0;
	padding:0 30px;
	background: transparent url(images/spiderwick/paper.jpg) no-repeat 0 0;
	min-height: 543px;
	_height: 543px;
}
.plant {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: transparent url(images/spiderwick/plant.jpg) no-repeat 0 0;
	height:200px;
	width:990px;
}
/*--------------------- Srodek paper end -----------------------*/
/*--------------------- modul -----------------------*/
.modulTitle {
	margin:0 0 10px 0;
	padding:10px 0 10px 0;
	color:#564a32;
	font-size:17px;
	font-family:Tahoma;
	font-weight:normal;
	border-bottom:1px solid #c5b897;
}
.modulTitleRow {
	margin:0 0 0px 0;
	padding:0px 0 0px 0;
	color:#c4820e;
	font-size:17px;
	font-family:Tahoma;
	font-weight:normal;
}
.modulTitleRow a {
	color:#c4820e;
	font-weight:normal;
	text-decoration:none;
}
.modulTitleRow a:hover {
	text-decoration:underline;
}
.aktuTitle {
	margin:0 0 10px 0;
	padding:10px 0 0px 0;
	color:#564a32;
	font-size:17px;
	font-family:Tahoma;
	font-weight:normal;
}
.aktuData {
	margin:0;
	padding:5px 0 5px 0;
	border-bottom:1px solid #c5b897;
	font-size:10px;
	color:#b09c64;
	text-align:right;
}
.modulPager {
	margin:0;
	padding:0 0 0 0;
	text-align:center;
	line-height:15px;
	color:#564a32;
}
.modulPager a {
	padding:0 3px;
	color:#564a32;
	font-weight:normal;
	text-decoration:none;
}
.modulPager a:hover {
	text-decoration:underline;
}
.modulPager u {
	text-decoration:none;
}
.modulData {
	margin:0 0 5px 0;
	padding:0 0 0 0;
	color:#b09c64;
	font-size:10px;
}
.modulOpis {
	margin:0 0 5px 0;
	padding:0 0 0 0;
}
.modulOpis a {
	color:#bc7b06;
	font-weight:normal;
	text-decoration:none;
}
.modulOpis a:hover {
	text-decoration:underline;
}
.modulMore {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.modulMore a {
	padding:0 10px 0 0;
	color:#564a32;
	font-weight:normal;
	text-decoration:none;
	font-weight:bold;
	background: transparent url(images/spiderwick/sep.gif) no-repeat right 4px;
}
.modulMore a:hover {
	text-decoration:underline;
}
.aktuOpis {
	margin:0 0 0px 0;
	padding:0 0 10px 0;
	line-height:20px;
}
.aktuOpis a {
	color:#bc7b06;
	font-weight:normal;
	text-decoration:none;
}
.aktuOpis a:hover {
	text-decoration:underline;
}
.aktuOpis ul {
	margin:5px 0;
	padding:0 0 0 0;
	list-style-type:none;
}
.aktuOpis ul li {
	margin:0 0 0 0;
	padding:3px 0 3px 20px;
	background: url(images/spiderwick/pkt.gif) no-repeat 0 6px;
}
.aktuZalKon {
	margin:10px 0;
	padding:0 0 0 0;
}
.aktuZalNag {
	margin:0 0 5px 0;
	padding:0 0 2px 5px;
	color:#564a32;
	font-size:17px;
	font-weight:bold;
	border-bottom:1px solid #c5b897;
}
.aktuPlik {
	margin:0 0 0 0;
	padding:0 0 25px 60px;
	background: url(images/spiderwick/plik.gif) no-repeat 10px 0;
}
.aktuPlik a {
	color:#564a32;
	font-weight:bold;
	text-decoration:none;
}
.aktuPlik a:hover {
	text-decoration:underline;
}
.aktuBack {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;
}
.aktuBack a {
	padding:0 0px 0 10px;
	color:#564a32;
	font-weight:normal;
	text-decoration:none;
	font-weight:bold;
	background: transparent url(images/spiderwick/sep2.gif) no-repeat 0 4px;
}
.aktuBack a:hover {
	text-decoration:underline;
}
.aktuRowSpacer {
	padding:0 0 0 0;
	margin:10px 0 9px 0;
	border-top:1px solid #c5b897;
	height:1px;
	font-size:0px;
}
.img {
	margin:0 10px 0 0;
	padding:5px;
	border:1px solid #7e7259;
}
.imgOpis {
	margin:5px 0 0 0;
	padding:0 0 0 0;
	font-size:10px;
}
.aktuRow {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.aktuRow td {
	vertical-align:top;
}
.aktuZdjecia {
	margin: 5px;
	padding: 0px;
	width: 210px;
	float: left;
	text-align: center;
}
.aktu4ZdjeciaBlok {
	width: 220px;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align:center;
}
.aktu5ZdjeciaBlok {
	width: 230px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align:center;
}
.aktu67ZdjeciaBlok {
	margin: 0px;
	padding: 0px;
}
/*--------------------- modul end -----------------------*/
/*--------------------- formualrz kontaktowy end -----------------------*/
p.formularzOpis {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	font-weight:bold;
}
.formularzTable {
	margin: 0 auto;
	padding: 0 0 0 0;
	width:650px;
}
.formularzTable td {
	vertical-align:middle;
}
.formularzTable td.formularzWymagane {
	text-align:right;
}
.formularzTable td.label {
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	font-weight:bold;
}
input.formularzInput {
	margin: 0 0 0 0;
	padding: 4px;
	border:1px solid #7e7259;
	font-family: Arial;
	font-size: 11px;
	width:300px;
}
textarea.formularzInput {
	margin: 0 0 0 0;
	padding: 4px;
	border:1px solid #7e7259;
	font-family: Arial;
	font-size: 11px;
	width:300px;
}
/*--------------------- formualrz kontaktowy end -----------------------*/