/**
 * @app Buty.pl
 * @author Kamil Kokosza
 * @email kamil at kokosza dot pl
 * @copyright 2009-1-28
 */

body {
	text-align: center;
	background: #9a9a9a url('../img/bg.png') repeat-x;
	font-family: Tahoma, Verdana, sans-serif; font-size: 14px; color: #111;
}

input {
	font-family: Tahoma, Verdana, sans-serif;
}

.clear {
	clear: both;
}

a {
	color: #6c4c3b;
}

a:hover {
	color: #442e24; text-decoration: none;
}

/* naglowki tytulowe */
h2 {
	height: 31px; font-size: 16px; font-weight: normal; text-indent: 17px; text-align: left;
	letter-spacing: 0.5px; color: #442e24; line-height: 31px; background: #d1d1d1 url('../img/new_products_bg.png') repeat-x;
}

/* blok glowny */
#borders {
	width: 842px; margin: 0 auto;
	border-left: 1px solid #737377;
	border-right: 1px solid #737377;
	border-bottom: 1px solid #737377;
	background: #f4f4f4;
}

#container {
	width: 840px; position: relative;
	border-left: 1px solid #57575b;
	border-right: 1px solid #57575b;
	border-bottom: 1px solid #57575b;
	background: #f4f4f4;
}

/* naglowek */
#header {
	position: relative; height: 91px;
	border-top: 6px solid #57575b;
	background: #f4f4f4;
}

/* logo */
#header h1 {
	position: absolute; top: 20px; left: 20px;
	text-indent: -9999px;
	width: 208px; height: 54px;
	background: url('../img/logo_buty.png') no-repeat;
}

#header h1 a {
	display: block; width: 100%; height: 100%;
}

/* flagi z jezykami */
.flag_pl {
	position: absolute; left: 290px;
}

.flag_en {
	position: absolute; left: 325px;
}

/* formularz "szukaj" */
#search_form {
	position: absolute; top: 20px; right: 35px;
	text-align: right;
}

.search_text {
	width: 200px; color: #666;
	background-color: #dcdcdc; border: 1px solid #bababa;
	border-top-color: #979798; border-left-color: #979798;
}

.search_button {
	width: 81px; height: 21px; cursor: pointer;
	font-size: 11px; color: #f4f4f4; letter-spacing: 0.5px;
	background: #949496 url('../img/button_search.png') no-repeat; border: none;
}

.search_button:hover {
	color: #dedede; text-decoration: none;
}

#search_form p {
	margin-top: 10px; font-variant: small-caps; color: #888; letter-spacing: 0.5px;
}

#search_form p a {
	color: #666;
}

#search_form p a:hover {
	color: #404040; text-decoration: none;
}

/* menu */

#nav {
	height: 32px; overflow: hidden;
	border-top: 1px solid #646466;
	border-bottom: 1px solid #646466;
	background: #646466;
}

#nav li {
	float: left;
	line-height: 32px;
}

#nav li a {
	display: block; width: 167px; margin-right: 1px;
	color: #f8f8f8; font-size: 17px; letter-spacing: 0.5px;
	background: #5b5b5f url('../img/menu.png') repeat-x;
}

#nav li a.last {
	width: 168px; margin-right: 0;
}

#nav li a:hover {
	color: #cc6633; text-decoration: none;
	background: #403e3f url('../img/menu_on.png') repeat-x;
}

/* banery - srodek */
#baners {
	height: 441px; width: 606px; overflow: hidden;
	float: left; padding: 2px;
}

/* znajdz rozmiar */
#find_size {
	height: 441px; width: 228px; position: relative;
	margin-left: 610px; padding: 2px 2px 2px 0;
	background: url('../img/baner_promo.jpg') no-repeat 0 2px;
}

#size {
	text-align: left; padding-left: 30px;
}

#size h4 {
	margin: 15px 0;
	color: #474747;
}

#size label {
	display: block; color: #6c4c3b; margin-bottom: 8px;
}

.lbl_kat {
	padding-top: 7px;
}

.lbl_rzm {
	padding-top: 20px;
}

#categories_id, #buty {
	width: 165px;
}

.inps {
	color: #57575b;
}

.search_size {
	position: absolute; top: 180px; right: 30px;
	width: 81px; height: 21px; cursor: pointer;
	font-size: 11px; color: #f4f4f4; letter-spacing: 0.5px;
	background: #f36b13 url('../img/button_find.png') no-repeat; border: none;
}

.search_size:hover {
	color: #dedede; text-decoration: none;
}

/* jeans.pl promo */
.jeans_link {
	position: absolute; left: 70px; bottom: 11px;
	display: block; width: 81px; height: 21px; line-height: 21px;
	font-size: 11px; letter-spacing: 0.5px; color: #f4f4f4; background: #115a89 url('../img/button_jeans.png') no-repeat;
}

.jeans_link:hover {
	color: #dedede; text-decoration: none;
}

/* nowe produkty */
#newproducts h3 {
	height: 36px; line-height: 36px; text-align: left; text-indent: 17px;
	font-size: 20px; font-weight: normal; color: #cc6633; letter-spacing: 4px;
}

#np_man {
	position: relative; height: 235px;
	border-bottom: 1px solid #d6d1cc;
}

#np_women {
	position: relative; height: 235px;
	border-bottom: 1px solid #d6d1cc;
}

#np_kids {
	position: relative; height: 235px;
}

.product {
	width: 115px; height: 160px; float: left;
	border: 1px solid #c9c7bc; padding: 2px 4px;
	background-color: #fff; margin-left: 10.7px;
}

.product:hover {
	border-color: #969380;
}

.product a {
	font-size: 11px; color: #8f6944;
}

.product a:hover {
	color: #442e24; text-decoration: none;
}

.blank {
	width: 8px; height: 160px; float: left;
}

.more {
	position: absolute; bottom: 10px; right: 20px;
	color: #666666; letter-spacing: 0.5px;
}

.more:hover {
	color: #404040;
}

/* tresci podstron */
.head { border-bottom: 1px solid #666; }

#main {
	position: relative; background: #f4f4f4 url('../img/main_bg.png') repeat-y scroll;
	min-height: 500px; height: auto !important; height: 500px;
}

#primary {
	float: left; width: 500px;
}

#secondary {
	margin-left: 500px;
}

#main h3 {
	height: 28px; font-size: 15px; font-weight: normal; text-indent: 17px; text-align: left;
	letter-spacing: 0.5px; color: #60493f; line-height: 28px; background: #d1d1d1 url('../img/new_products_bg.png') repeat-x bottom;
}

#secondary h3 {
	margin-left: 1px;
}

#main p {
	margin: 15px 17px;
	text-align: justify; text-indent: 15px; letter-spacing: 0.2px; line-height: 16px;
}

.pnoind {
	text-indent: 0 !important;
}

#main ul {
	list-style-image: url('../img/pointer.gif');
	text-align: left; margin-left: 30px;
}

#main ul li {
	margin: 0 0 0 15px; line-height: 16px;
}

.right {
	text-align: right !important;
}

.images {
	padding: 15px 0 13px 0;
}

.images img {
	border: 1px solid #666; margin-bottom: 2px;
}

/* formularz */
#kontakt {
	margin: 10px 15px;
	text-align: left;
}

#kontakt fieldset {
	margin-bottom: 10px; padding-left: 10px;
	border: 1px solid #d6d1cc;
}

.lbl {
  display: -moz-inline-box; width: 140px;
  vertical-align: top;
  line-height: 1.8; color: #6c4c3b;
}

.txt {
	display: block; vertical-align: top; margin-top: 10px;
	line-height: 1.8; color: #6c4c3b;
}

#kontakt fieldset ol {
  margin: 15px 0;
  padding: 0;
}

#kontakt fieldset li {
  list-style: none;
  padding: 3px;
  margin: 0;
}

#kontakt ol input, #kontakt ol textarea {
	border: 1px solid #999;
	background-color: #f8f8f8;
	font-family: Verdana, sans-serif; font-size: 12px; color: #3C3C3C;
	padding: 2px 2px;
}

.pform { width: 220px; }

#kontakt p {
	text-align: right; margin: 4px 5px 0 0;
}

.send {
	background-color: #d6d1cc; border: 1px solid #d6d1cc; color: #6c4c3b;
	margin-bottom: 15px; margin-right: 5px; cursor: pointer; padding: 2px 4px;
}

.pblad {
	margin: 10px 2px; padding: 5px;
	border: 1px dotted #ffb4a0;
	background-color: #fff5eb;
	text-align: center; color: #646464;
	text-indent: 0 !important;
}

.pokej {
	margin: 10px 2px; padding: 5px;
	border: 1px dotted #78be5a;
	background-color: #f5faeb;
	text-align: center; color: #646464;
	text-indent: 0 !important;
}

/* stopka */
#footer_menu {
	height: 35px; line-height: 35px;
	background: #d1d1d1 url('../img/footer_bg.png') repeat-x;
}

#footer {
	padding: 12px 0; font-size: 12px;
	background-color: #e4e4e4;
}

#footer p {
	line-height: 15px;
}

#footer_menu, #footer {
	color: #987868; letter-spacing: 0.2px;
}

/* jquery image rotator */
#rotator img {
	border: 0;
}

#rotator {
	width: 606px; height: 441px;
	position: relative; overflow: hidden; background: #f4f4f4;
}

#rotator .item {
	width: 606px; height: 441px;
	position: absolute; top: 0; left: 0; overflow: hidden;
}

#rotator .off {
	display: none;
}

#rotator #navigator {
	position: absolute; bottom: 10px; left: 10px; margin: 0; padding: 0;
}
#rotator #navigator li {
	float: left; list-style: none; margin-right: 5px;
}
#rotator #navigator li a {
	display: block; width: 25px; height: 25px; line-height: 25px; background-color: #e8e8e8;
	text-align: center; font-size: 12px; color: #444; text-decoration: none; overflow: hidden;
}
#rotator #navigator li a:hover { background-color: #f8f8f8; }
#rotator #navigator li a.active {
	background-color: #fff; opacity: 0.6;
}

#rotator .pause { background: url('../img/pause.gif') center center no-repeat; text-indent: -9999px; }
#rotator .play { background: url('../img/play.gif') center center no-repeat; text-indent: -9999px; }

/* panorama */
.panorama {
	border: 1px solid #666;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	text-align:center;
}

.panorama .leftbtn,
.panorama  .rightbtn {
	position: absolute; bottom: 5px; margin: 0 5px;
	cursor:pointer; font-size: 20px; color: #f4f4f4;
}
.panorama .rightbtn {
	right: 0px;
}

.panorama .leftbtn {
	left: 0px;
}

.panorama .scroller {
	overflow:hidden;
}
.panorama .image-holder {
	overflow: hidden;
	position: relative;
}

.panorama .panormaarea span{
	display: none;
}