@import url("controls/reset.css");
@import url("controls/contact.css");
@import url("controls/nav.css");
@import url("controls/typo.css");
@import url("jpaginate.css");
@import url("../polska-340px/pl-mapa-340px.css");
@import url("worldmap.css");


/*-
	css theme name: coccodrillo
	author: cutme.pl

	created: dec 20, 2010

*/



/*---    Basic Structure   ---*/

body { background: url(../i/bg.jpg) no-repeat center 0 fixed; }

body { padding: 182px 0 0 0; }
body.start { padding: 183px 0 0 0; }

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

html { overflow-x: hidden; }

/*---   Page Elements   ---*/

.en #horiz li span.c {font-size:13px;}
.en #horiz li:first-child span.c {padding-left:0;}


.hgroup.lower {
	margin:90px 0 0 0;
}

.hgroup.lower h1 {margin-bottom:0 !important;}



/*---   Footer   ---*/

#foot {
	position: relative; z-index: 1;
	width: 100%; height: 280px;
	background: url(../i/footer.gif) no-repeat center 0;
	margin: -90px 0 0 0; }

	#foot #copy {
		position: absolute; z-index: 5; top: 182px;
		font-family: 'MyriadProSemibold', 'Arial';
		font-size: 16px;
		color: white; }

	#foot #copy span { font-weight: normal; }

	#foot #copy a { color: white; }

	#foot .madeby { font-size: 10px; }

	#foot #fb a {
		position: absolute; z-index: 5;
		right: 140px; top: 156px;
		display: block;
		background: url(../i/elements.png) no-repeat 0 -228px;
		width: 78px; height: 95px; }

	#foot #fb a:hover {
		background-position: 0 -338px;
		width: 78px; height: 95px; }

	#nasi {
		position: absolute; z-index: 5; top: 145px;
		left: 330px; }

		#nasi a {
			float: left;
			margin-right: 20px; }



#left {
	float: left;
	position: relative;
	width: 412px; }

#right {
	float: right;
	width: 575px; }




/*---   Collection   ---*/

#collection #left {
	position: relative; z-index: 100;
	width: 312px;
	padding: 45px 0 0 0;  }

#collection #right { width: 675px; }

#collection #left dl,
#collection #left dt,
#collection #left dd {
	float: left;
	width: 156px; }

#collection #left dl { margin: 0 0 20px 0; }

#collection #left dd {
	background: url(../i/arrow-more2.png) no-repeat 0 5px;
	padding: 0 0 0 20px;
	line-height: 16px; }

#collection #left dd a {
	line-height: 12px;
	font-size: 12px;
	color: #992320;
	text-transform: lowercase;
	font-weight: bold;}

#collection #left dt {
	font-family: 'Arial';
	font-size: 16px;
	text-transform: uppercase; }

#collection #left dl:last-child { margin-top: -40px; }

/*---   Flags   ---*/

.flags { position: absolute; top: 33px; left: 538px /* 585px */; z-index: 200; }

.flags a.noBg {
	text-indent: 0px !important;
	background: none;
	}
	.flags a.noBg img {float:left;}

	.flags a {
		float: left;
		background: url(../i/flags.png) no-repeat 0 0;
		width: 24px; height: 24px;
		text-indent: -10000px; }

	.flags ul {
		list-style: none;
		margin: 0; }

	.flags li {
		float: left;
		margin: 0 2px; }

	.flags a.pl { background-position: 0 0; }
	.flags a.gb { background-position: -24px 0; }
	.flags a.cz { background-position: -48px 0; }
	.flags a.de { background-position: -72px 0; }


/*---   Contact page   ---*/

div#kontakt {
	width: 573px;
	margin: 0 0 0 30px; }

	div#kontakt a { text-decoration: underline; }

	div#kontakt h4 { font-size: 16px; }

	div#kontakt .left {
		float: left;
		width: 200px; }

	div#kontakt .right {
		float: right;
		width: 330px; }



/*---   Gallery   ---*/

#gallery {
	float: left;
	width: 100%;
	margin-top: 25px; }

	#gallery a {
		float: left;
		margin: 0 20px 15px 0; }

	#gallery a img {
		width: 117px; height: 110px;
		border: 1px solid #ccc;
		padding: 3px; }

	#gallery .item {
		float: left;
		position: relative;
		text-align: center; }

		#gallery .item .printer {
			position: absolute;
			top: 8px; right: 0;
			width: 32px; height: 32px;
			background: url(../i/printer.gif);
			margin: 0;
			border: 1px solid #ccc; }

	#dla-starszakow .item { width: 191px; }
	#dla-starszakow .item .printer { top: 0px; right: 7px; }




/*---   Przepisy prania   ---*/

#garment {
	width: 575px;
	padding: 0 0 25px 0; }

	#garment td {
		padding-right: 45px;
		font-size: 12px; line-height: 18px;
		vertical-align: middle; }

	#garment .photo {
		padding: 0 10px 0 0;
		text-align: center }




#logo {
	position: absolute; left: 20px; top: 20px; z-index: 10;
	background: url(../i/elements.png) no-repeat 0 -448px;
	width: 284px; height: 52px;
	text-indent: 10000px; }


#mainContent {
	min-height: 400px;
	margin: 0 auto -26px auto; }



#map-pl { margin: -20px auto -30px auto; }

#left #map-pl { margin: -30px 0 0 0; }


/*---  Pages  ---*/

#pages-box {
	float: left;
	width: 100%;
	border-top: 1px dashed #ccc;
	margin-top: 20px;
	padding-top: 10px; }

	#pages a {
		font-size: 12px;
		padding: 5px;
		line-height: 14px; }

	#pages a.hit {
		background: #924260;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		font-weight: bold;
		color: white; }




/*---   Store locator   ---*/

#storeLocator {
	position: relative;
	width: 575px; }

	#storeLocator .intro {
		position: relative;
		width: 500px;
		padding: 0 40px 0 0;
		float: left; }

	#storeLocator .intro img { padding: 20px 0 0 0; }

	#storeLocator .intro p {
		position: absolute; top: 70px; right: 0;
		font-size: 16px; }

	#storeLocator h2 { padding: 0 0 10px 0 }

	#storeLocator h3 { margin: 0 0 10px 0 }

	#storeLocator h4 {
		font-size: 20px;
		margin: 0 0 15px 0; }

	#storeLocator h5 {
		border-bottom: 1px dashed #ccc;
		padding: 0 0 2px 0;
		margin-bottom: 5px;
		text-transform: uppercase;
		font-weight: bold; }

	#storeLocator p { font-size: 12px; line-height: 18px; }

	#storeLocator .col,
	#storeLocator .col2 {
		float: left;
		width: 250px;
		padding: 5px 30px 0 0;
		text-align: left; }

	#storeLocator .col .map,
	#storeLocator .col2 .map {
		position: absolute; top: 0px; right: 15px;
		display: block;
		width: 43px; height: 18px; min-height: 18px;
		background: url(../i/button_map.gif) no-repeat;
		_filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

		#storeLocator .map:hover { _filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

	#storeLocator .store { position: relative; }





/*---   Wyszukiwarka   ---*/

#wyszukiwarka {
	position: absolute; top: 30px; right: 0; z-index: 5px;
	width: 292px; }

	#wyszukiwarka button {
		float: right;
		background: url(../i/elements.png) no-repeat 0 0;
		width: 80px; height: 33px;
		text-align: center;
		line-height: 34px;
		text-transform: uppercase;
		font-family: 'MyriadProSemibold', 'Arial';
		font-size: 14px;
		text-shadow: 1px 1px 1px #7e324d;
		color: white; }

		#wyszukiwarka button:hover { color: #ffd801; }

	#wyszukiwarka a {
		float: left;
		padding: 2px 0 0 10px;
		font-size: 11px;
		line-height: 14px;
		color: #fff8dd }

	#wyszukiwarka input {
		float: left;
		background: url(../i/elements.png) no-repeat 0 -181px;
		width: 177px; height: 32px;
		border: 0 none;
		padding: 0 15px; }



/*---   Zajawki   ---*/

#zajawki {
	min-height: 585px;
	margin-bottom: 0 0 -40px 0; }

	#zajawki h3 {
		background: url(../i/elements.png) no-repeat center -48px;
		height: 76px;
		margin: 0 0 5px 0;
		padding-top: 50px;
		text-align: center; }

	#zajawki img {
		margin: 4px 8px 4px 0; }

		#zajawki .item {
			width: 100%;
			margin: 0 0 15px 0; }

			#zajawki .item h4 { margin: 0 0 5px 0; }

			#zajawki .item span img { float:left; }

			#zajawki .item span  {
				float: left;
				width: 100%; }

		#zajawki .item a { color: #2e2e2e; }
		#zajawki .item a:hover {
			text-decoration: none;
			color: #924260; }

		#zajawki .item p { margin: 0; }

		#zajawki .more {
			display: block;
			background: url(../i/arrow-more.png) no-repeat 0 0;
			margin-top: 25px;
			padding: 0 0 0 25px;
			font-weight: bold;
			line-height: 16px;
			color: #992320; }

		#zajawki .more:hover { text-decoration: underline; }


	#aktualnosci	{ width: 270px; margin-right: 20px; }
	#cogdziekiedy	{ width: 338px; margin: 0 20px; }
	#dlarodzica		{ width: 310px; margin-left: 20px; }

	#zajawki .box {
		float: left;
		position: relative; }

	#zajawki .qlturka { position: absolute; right: 0; top: 90px; z-index: 5; }



/*---   Czytaj rowniez   ---*/

#zobacz {
	float: left;
	width: 100%;
	margin: -10px 0 0 0; }

	#zobacz dt {
		margin: 15px 0 15px 40px;
		font-weight: bold; }

	#zobacz dd {
		background: url(../i/arrow-more.png) no-repeat 0 0;
		margin: 3px 0 3px 40px;
		padding: 0 0 0 25px; }

	#zobacz dd a {
		font-weight: bold; }


/*---   Wyszukiwarka produktowa   ---*/

#search {
	position: absolute; top: 10px; right: 0; z-index: 10;
	width: 450px; }

	#search button { display: none; }

	#search label {
		float: left;
		margin-bottom: 2px;
		text-transform: uppercase;
		font-family: 'Arial';
		font-size: 12px; }

	#search li {
		float: left;
		position: relative; }

	#search select {
		width: 140px;
		border: 1px solid #ccc; }

	#search ul {
		float: left;
		width: 150px;
		list-style: none;
		margin: 0; padding: 0; }



.anim {
	width: 1052px; height: 399px;
	margin: 0 0 0 -26px; }

.clra,
.page { height: 1%; }

.clra:after,
.page:after {
	clear: both;
	display: block;
	content: ''; }

.header {
	position: fixed; left: 0; top: 0; z-index: 100;
	width: 100%; height: 183px;
	background: url(../i/header.jpg) center 0; }

.hgroup {
	float: left;
	width: 100%;
	margin: 35px 0 0 0; }

	.hgroup h4 { text-transform: uppercase; }



/*---   page ---*/

.page {
	width: 100%; }

.page-center,
.main {
	position: relative; z-index: 5;
	width: 1000px;
	margin: 0 auto; }

.main { min-height: 350px; }

p.back {
	float: left;
	width: 100%;
	border-top: 1px dashed #ccc;
	padding-top: 10px;
	font-weight: bold;
	text-align: right; }

	p.back a {
		background: url(../i/arrow-more.png) no-repeat 0 0;
		padding: 0 0 0 25px; }

	p.back a:hover { text-decoration: underline; }



/*---   baners   ---*/

.baner-container {
	background: url(../i/hr.png) no-repeat 0 bottom;
	padding-bottom: 5px; }

.mamo {
	background: url(../i/elements.png) no-repeat 0 -515px;
	width: 62px; height: 60px; }

.pampers {
	background: url(../i/elements.png) no-repeat 0 -590px;
	width: 101px; height: 43px; }

.qlturka {
	display: block;
	background: url(../i/elements.png) no-repeat 0 -648px;
	width: 103px; height: 31px;  }




/*---   Coverflow   ---*/

.loadIndicator { background: none !important; }

#contentFlow {
	position: relative; z-index: 50;
	margin: 30px 0 0 0; }

#contentFlow .caption {
	font-family: 'MyriadProSemibold', 'Arial' !important;
	font-weight: normal !important;
	text-transform: uppercase;
	color: #444 !important; }

#contentFlow .item { cursor: pointer; }

#contentFlow * { -moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;}

#contentFlow .nextButton,
#contentFlow .preButton {
	position: absolute; top: -220px; z-index: 20;
	width: 36px; height: 35px;
	background: url(../i/next_prev.png) no-repeat;
	cursor: pointer; }

#contentFlow .nextButton {
	right: -80px;
	background-position: 0 0; }

#contentFlow .nextButton:hover { background-position: 0 -35px; }

#contentFlow .preButton {
	left: -80px;
	background-position: -36px 0; }

#contentFlow .preButton:hover { background-position: -36px -35px; }