@charset "utf-8";
/* CSS Document */

/* Import CSS */

@import url('reset.css');

/* Default CSS */

body{
  background: url('../img/top.jpg') no-repeat 50% top;
  background-color: #000;
  font-family: Tahoma;
  font-size: 12px;
}

a{
  color: #c56bc5;
}

#menu{
  width: 948px;
  margin: auto;
  height: 53px;
  background: url('../img/menu_bg.png') repeat-x;
  border-left: 1px solid #744693;
  border-right: 1px solid #744693;
}

#menu .logo{
  float: left;
  margin: 10px 130px 0 35px;
}

#menu .button a{
  color: #c56bc5;
  text-decoration: none;
  display: block;
  font-size: 14px;
  float: left;
  padding: 21px 24px;
  text-transform: uppercase;
}

#menu .button a.active{
  color: #c56bc5;
  text-decoration: none;
  display: block;
  font-size: 14px;
  float: left;
  padding: 21px 23px;
  text-transform: uppercase;
  background: #16091f;
  border-left: 1px solid #744693;
  border-right: 1px solid #744693;
  border-bottom: 1px solid #14081c;
}

#menu .button div{
  display: none;
  padding: 18px 0 10px 0;
  background: url('../img/dropdown_menu_bg.png') repeat-x;
  background-color: #541e78;
  border-left: 1px solid #744693;
  border-right: 1px solid #744693;
  border-bottom: 1px solid #744693;
  clear: both;
  display: table;
  position: absolute;
  margin-top: 53px;
  width: 160px;
}
#menu .button div a{
  font-size: 11px;
  color: #a164c9;
  clear: both;
  display: block;
  padding: 6px 0;
  text-transform: none;
  height: 12px;
  width: 135px;
  padding-left: 25px;
}

#menu .button div a.first{
  height: 20px;
}

#menu .button div a:hover{
  font-size: 11px;
  color: #a164c9;
  clear: both;
  display: block;
  padding: 6px 0;
  text-transform: none;
  text-decoration: none;
  background: #36144c;
  padding-left: 25px;
}

#menu .login{
  float: right;
  margin: 20px 32px 0 0;
  color: #aea5d5;
}
#menu .login a{
  font-size: 11px;
  color: #aea5d5;
  text-decoration: none;
}
#menu .login a:hover{
  text-decoration: underline;
}
#menu .login .cart{
  margin-right: 80px;
}
#menu .login .cart img{
  float: left;
  margin-right: 5px;
}

#content{
  background: url('../img/content_bg.png') repeat-x;
  width: 948px;
  display: table;
  margin: auto;
  margin-top: 396px;
}

#content .lang{
  float: right;
  margin: 17px 32px 15px 0;
}
#content .lang a{
  text-decoration: none;
  display: block;
  float: left;
  margin-left: 15px;
  font-size: 11px;
  color: #aea5d5;
}
#content .lang a img{
  float: right;
  margin-left: 8px;
  margin-top: -2px;
}

#content .left{
  clear: both;
  float: left;
  width: 218px;
  padding-left: 30px;
}

#content .right{
  float: left;
  width: 700px;
  padding-top: 40px;
  background: #efeeee;
  padding-bottom: 100px;
}

#content .left input{
  width: 166px;
  background: #5d297f;
  border: 1px solid #712e9d;
  height: 27px;
  font-size: 11px;
  color: #a164c9;
  padding-left: 10px;
}

#content .left input.submit{
  width: auto;
  background: none;
  border: none;
  height: auto;
  float: left;
  margin-top: 22px;
}

#content .left input.search{
  width: 135px;
  border-right: none;
  clear: both;
  float: left;
}

#content .left input.searchButton{
  float: left;
  width: 31px;
  height: 31px;
  border: none;
  padding: 0;
}

#content .left input.mail{
  clear: both;
  float: left;
  margin-top: 23px;
  width: 122px;
  height: 23px;
}

#content .left h2{
  margin-top: 30px;
  font-size: 14px;
  font-weight: normal;
  color: #a164c9;
  clear: both;
  float: left;
}

#content .left ul{ margin-top: 5px; clear: both; float: left; }
#content .left ul li{ margin-top: 5px; clear: both; float: left; font-size: 11px; color: #b6b0b6;}
#content .left ul li a{ font-size: 11px; color: #b6b0b6; text-decoration: none; }
#content .left ul li a:hover{ text-decoration: underline; }

#content .right .shirts a{
  float: left;
  margin-left: 33px;
  margin-bottom: 60px;
}

#footer{
  clear: both;
  height: 138px;
  width: 700px;
  margin: auto;
  background: url('../img/footer.jpg') no-repeat 320px top;
  padding-left: 248px;
}

#footer .pay{
  padding: 48px 0 0 35px;
  float: left;
  font-size: 11px;
  color: #a164c9;
}
#footer .pay div{
  float: left;
  clear: both;
}
#footer .pay div img{
  float: left;
  margin-top: 12px;
  margin-right: 20px;
}

#footer .copyrights{
  float: left;
  font-size: 11px;
  color: #a164c9;
  padding: 48px 35px 0 0;
  text-align: right;
  width: 430px;
}
#footer .copyrights p{
  margin-bottom: 25px;
}
#footer .copyrights p a{
  color: #b6b0b6;
  text-decoration: none;
}
#footer .copyrights p a:hover{
  text-decoration: underline;
}

#contentPage, .regulamin, .koszyk, .pozycje, .logowanie, .promocje, .konto {
  clear: both;
  float: left;
  margin-right: 30px;
  margin-left: 30px;
  width: 344px;
  text-align: justify;
}

#contentPage h1,  .regulamin h1, .koszyk h1, .pozycje span tr td h1, .logowanie h1, .promocje h1, .konto h1, .edycja h1 {
  font-size: 12px;
  color: #c56bc5;
  margin-bottom: 20px;
  clear: both;
  float: left;
}

#contentPage p, .regulamin p, .koszyk p, .logowanie p, .promocje p, p.tekst_formularza, .konto p, .edycja p {
  color: #555555;
  margin-bottom: 15px;
  clear: both;
  float: left;
  line-height: 15px;
}

#contentPage p.tekst_formularza {
	width: 250px;
}

#contentPageRight{
  float: left;
}

#contentPageRight .purpleBox{
  width: 196px;
  padding: 25px 30px;
  background: url('../img/box_bg.png') repeat-x;
  background-color: #000;
  clear: both;
  float: left;
}

#contentPageRight .whiteBox{
  width: 226px;
  padding: 25px 0px 25px 30px;
  background-color: #f2f2f2;
  margin-top: 20px;
  clear: both;
  float: left;
}

#contentPageRight ul{
  clear: both;
  float: left;
}
#contentPageRight ul li{
  margin-bottom: 15px;
  padding-left: 25px;
  background: url('../img/arrow_right.png') no-repeat left 2px;
}
#contentPageRight ul li.last{
  margin-bottom: 0px;
  color: #c56bc5;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
#contentPageRight ul li.color{
  margin-bottom: 15px;
  padding-left: 25px;
  background: url('../img/arrow_right.png') no-repeat left 2px;
  color: #c56bc5;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
#contentPageRight ul li a{
  color: #c56bc5;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
#contentPageRight ul li a:hover{
  text-decoration: underline;
}
#contentPageRight ul li a.grey{
  color: #aea5d5;
}

#contentPageRight .whiteBox p{
  color: #555555;
  clear: both;
  float: left;
  margin-bottom: 25px;
}

#contentPageRight .whiteBox .icons{
  clear: both;
  float: left;
}

#contentPageRight .whiteBox .icons a{
  float: left;
  margin-right: 30px;
}

.button .kategorie{
  margin-left: 301px;
}

.button .informacje{
  margin-left: 430px;
}

/* GRID  STYLE  */ 

.shirts_grid div {
  width: 193px;
  float: left;
  margin-left: 33px;
  margin-bottom: 55px;
}

.shirts_grid div span  {
  display: table;
  padding-top: 15px;
  margin: 0px auto;
  text-align: center;
  overflow: hidden;
}

.shirts_grid div span p {
  margin: 0px;
  padding-bottom: 5px;
  color: #555555;
}

.shirts_grid div span p a {
	color: #555555;
	text-decoration: none;	
}

.shirts_grid div span p a:hover {
	text-decoration:underline;
}

.shirts_grid div span p.price {
  font-weight: bold;
  font-size: 14px;
} 

/* 3D SHIRT */

.big_shirts {
	 margin-left: 0px;
	 margin-bottom: 60px;
}

#contentPageRight .other {
	font-size: 12px;
	color: #555555;
}

#contentPageRight .other h1, #contentPageRight .dane h1{
	color: #c56bc5;
}

#contentPageRight .other h2 {
	margin-top: 10px;
}

#contentPageRight .other p.vat, {
	margin-top: 2px;
	font-size: 11px;
	color: #a5a0a0;
}

#contentPageRight .other p.vat a {
	color: #a5a0a0;
}

#contentPageRight .other p.vat a:hover {
	color: #a5a0a0;
	text-decoration: none;
}

#contentPageRight .other a img {
	margin-top: 25px;
}

#contentPageRight div.form {
	margin-top: 15px;
}

#contentPageRight div.form span { 
	display: inline;
	font-size: 12px;
	padding-right: 10px;
}

#contentPageRight span input, .pozycje tr td input  {
	width: 40px;
	border: 1px #7f9db9 solid;
	text-align: center;
}

#contentPageRight span select {
	border: 1px #7f9db9 solid;
}

/*  SHIRT LIST INFO */

.shirts_info {
  	clear: both;
  	float: left;
  	width: 236px;
	color: #555555;
	font-size: 11px;
}

.shirts_info ul {
	padding-top: 25px;

}

.shirts_info ul li {
	list-style-type: square;
	list-style-position: inside;
	background: none !important;
	padding-left: 0px !important;
	line-height: 14px;
}

/* SIZE TABLE */

table {
	color: #555555;
	font-size: 11px;
}
table tr {
	padding-right: 5px;
}
table tr td {
	padding-right: 10px;
	padding-bottom: 10px;
}

/* YOUTUBE */

.youtube a img {
	margin-left: 30px;
}

/* REGULAMIN */

.regulamin, .koszyk, .konto {
	width: 630px;
}

.regulamin h2 {
	font-size: 12px;
  	color: #000;
  	margin-bottom: 20px;
  	clear: both;
  	float: left;
}

.regulamin ul {
	color: #555555;
	list-style-type: decimal;
	padding-left: 15px;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

/* REGULAMIN */

.pozycje {
	margin: 50px 0px 40px 30px;
	width: 600px !important;
}

.pozycje span img {
	float: left;
	width: 95px;
}

.pozycje span table {
	float: right;
	width: 460px;
	font-size: 12px;
}

.pozycje tr td h1 {
	margin-bottom: 0px !important;
}

.koszyk span {
	float: left;
	clear: both;
	margin: 0px 10px 10px 0px;;
	padding-top: 2px;
	color: #555555;
}

.koszyk h1.sum {
	margin-top: 20px;
}

.koszyk span span {
	display: inline;
}

.koszyk span form input  {
	margin-top: 10px;
}

.koszyk span form img {
	vertical-align: middle;
	padding-top: 10px;
}

.list p {
	float: right;
}

.list p b {
	padding-left: 20px;
}

.list table {
	float: left;
	clear: both;
	font-size: 12px;
	color: #5555555;
}

.list table tr td {
	padding-right: 40px;
	padding-bottom: 20px;
}

.list table tr td:last-child {
	text-align: right;
}

#basket_button {
	float: right;
	margin-right: 30px;
}


/* LOGOWANIE */

.logowanie {
	width: 600px !important;
}

.logowanie img, .logowanie form {
	clear: both;
	float: left;
	margin-bottom: 50px;
}

.logowanie form label, #contentPage form.kontakt label {
   width: 70px;
   color: #555555;
   padding-top: 7px;
}

#contentPage form.kontakt label {
	width: 97px !important;
}

#contentPage form.kontakt label.czek {
	width: 130px !important;
}

#contentPage form.kontakt label.last-child {
	padding: 30px 0px;
}

#contentPage form.kontakt textarea {
	float: left;
	clear: both;
}

.logowanie form br, #contentPage form.kontakt br, {
   clear: both;
}

.logowanie label, .logowanie input, #contentPage form.kontakt label, #contentPage form.kontakt input {
   float: left;
}

.logowanie form input, #contentPage form.kontakt input {
	width: 160px;
	height: 25px;
	border: 1px #7f9db9 solid;
	text-align: center;
	margin-bottom: 10px;
}

.logowanie form input, #contentPage form.kontakt input.czek {
	width: 100px;
	height: 25px;
	border: 1px #7f9db9 solid;
	text-align: center;
	margin-bottom: 10px;
}

#contentPage form.kontakt textarea {
	border: 1px #7f9db9 solid;
	text-align: center;
	margin-bottom: 10px;
}

.logowanie form input.submit, #contentPage form.kontakt input.submit {
	background: url(../img/zaloguj.jpg) no-repeat ;
	border: none;
	width: 105px;
	height: 34px;
	float: right;
	margin-left: 25px;
}

.logowanie form input.send, #contentPage form.kontakt input.send {
	background: url(../img/send.jpg) no-repeat ;
	border: none;
	width: 78;
	height: 34px;
	float: right;
	margin-left: 25px;
}

/* PROMOCJE */

.promocje {
	height: 500px;
	width:630px !important;
}

/* KONTAKT */ 

#contentPage form.kontakt {
	float: left;
	clear: both;
	width: 270px;
	margin-bottom: 25px;
}

#contentPage p.rejestracja {
	margin-bottom: 45px;
}

#contentPage form.kontakt input.czek {
	border: none;
}

#contentPage form.kontakt label.email, #contentPage form.kontakt input.email, #contentPage form.kontakt .span_email {
	margin-top: 30px;
}

#contentPage form.kontakt label.email_zam, #contentPage form.kontakt input.email_zam, #contentPage form.kontakt .span_email_zam {
	margin-top: 30px;
	margin-bottom: 30px;
}

#contentPageRight .dane p {
	font-size: 12px;
	color: #555555;
	width: 195px;
	padding-top: 20px;
}

#contentPage form.kontakt span {
	float: right;
}

#contentPage form.kontakt input.zaloz {
	background: url(../img/zaloz.jpg) no-repeat ;
	border: none;
	width: 143px;
	height: 34px;
	float: right;
	margin-left: 25px;
}

#contentPage form.kontakt input.zamow {
	background: url(../img/idz.jpg) no-repeat ;
	border: none;
	width: 99px;
	height: 34px;
	float: right;
	margin-left: 25px;
}

#contentPage form.kontakt input.zaznacz {
	width: 20px !important;
	border: none;
}

#contentPage form.kontakt div {
	position: absolute;
	margin: 290px 0px 0px 300px;
}

#contentPage form.kontakt div span {
	float: left;
	padding-top: 10px;
}

#contentPage form.kontakt div label {
	width: 127px !important;
}

/* KONTO */

#contentPage .konto {
	margin: 0px;
}

#contentPage .konto img {
	float: right;
	clear: both;	
}

#contentPage .konto div, #contentPage .edycja div {
	float: left;
	clear: both;
	margin-top: 20px;
	font-size: 11px;
	color: #555555;
}

#contentPage .konto div span, #contentPage .edycja div span {
	padding-right: 110px;
}

#contentPage .konto div span.last-child, #contentPage .edycja div span.last-child  {
	padding: 0px 0px 0px 220px;
}


#contentPage .konto h1.historia {
	margin-top: 80px;
}

#contentPage .konto table {
	float: left;
	clear: both;
	font-size: 12px;
	color: #555555;
}

#contentPage .konto table tr td {
	text-align: left;
	padding-top: 15px;
	padding-right: 40px;
}

/* EDYCJA */

#contentPage .edycja {
  clear: both;
  float: left;
  width: 644px;
  text-align: justify;
}

#contentPage .edycja form input.edytuj {
	background: url(../img/zmiany.jpg) no-repeat ;
	border: none;
	width: 186px;
	height: 34px;
	margin-left:400px;
	position: relative;
}

#contentPage .edycja p {
	margin-bottom: 60px;
}


/* END FOOTER */  
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}

/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}

/* End hide from IE-mac */