/*
 * niebieski - color:#35304e;
 * żółty - color:#fddf56;
 */

.whmcscontainer {
	background:none;
}

#mWrapper {
	font-family: 'PT Sans';
	letter-spacing:0.01em!important;
}

#mWrapper h1,
#mWrapper h2,
#mWrapper h3 { 
	font-style:italic;	
	color:#35304e;
	font-family: 'PT Sans';	
}

#mWrapper h1 {
	font-size:2.2em;
	letter-spacing:0.01em;
}

#mWrapper h2 {
	font-size:1.6em;
	font-weight:400;
	line-height:1.3em;
	letter-spacing:0.01em;
}

p {
	color:#656565;
	font-size:1.1em;
}

.mButton {

  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 6px 18px;
  margin-bottom: 0;
  font-size: 18px;
  /*font-weight: bold;*/
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	


  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d94f25;
  background-image: -moz-linear-gradient(top, #e5582d, #c64119);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5582d), to(#c64119));
  background-image: -webkit-linear-gradient(top, #e5582d, #c64119);
  background-image: -o-linear-gradient(top, #e5582d, #c64119);
  background-image: linear-gradient(to bottom, #e5582d, #c64119);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5582d', endColorstr='#ffc64119', GradientType=0);
  border-color: #c64119 #c64119 #822b10;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #c64119;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.mButton:hover {	
	background-color: #da4f49;
	background-color: #bd362f;
	background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(top, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);	
	color:white;
	text-decoration:none;
}

.h {
  background: #ffd65e;
  /* Old browsers */

  background: -moz-linear-gradient(-45deg, #ffd65e 0%, #febf04 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(-45deg, #ffd65e 0%, #febf04 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(-45deg, #ffd65e 0%, #febf04 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(-45deg, #ffd65e 0%, #febf04 100%);
  /* IE10+ */

  background: linear-gradient(135deg, #ffd65e 0%, #febf04 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */

  padding: 3px 8px 3px 8px;
  margin-top: -1px;
  display: inline-block;
}

.big {
	font-size: 32px;
}



#mBox1 {
	position:relative;
	height:400px;
	background:url('../images/box1_bg.png') no-repeat;
}

#mBox1 .mLogo {
	position:absolute;
	top:20px;
	left:20px;
}

#mBox1 .right {
	width:405px;
	
	min-height:200px;
	float:right;
	margin-top:44px;
	margin-right:17px;
}

#mBox1 .right h2 {
	text-align:right;
	font-size:1.8em;
}



#mBox1 .right .mRamka {
	margin-top:20px;
	width:403px;
	height:150px;
	background:url('../images/ramka.png') no-repeat;
}

#mBox1 .right .mRamka p {
	text-transform:uppercase;
	font-size:1.6em;
	padding-left:5px;
	padding-top:15px;
	text-align: center;
}

.red {
	color:#de001a;
	font-weight:700;
}

#mBox1 .right .mRamka .logoWrapper {
	margin-top:36px;
	margin-left:10px;
}

#mBox1 .right .mRamka .logoWrapper .fc {
	width:150px;
}

#mBox1 .right .mRamka .logoWrapper .sk {
	width:210px;
	margin-top:25px;
	margin-left:15px;
}

#mBox1 .right .mButton {
	font-size:1.8em;
	padding-top:14px;	
	padding-bottom:14px;
	padding-right:25px;
	padding-left:25px;
	margin:auto;
}


#mBox2 {
	height:300px;
	background:white;
}

#mBox2 h1,h2 {
	text-align:center;
	font-size:2.8em;
}

#mBox2 h1 {
	padding-top:10px;
	padding-bottom:1px;
}

#mBox2 h2 {
	padding-top:5px;
	padding-bottom:1px;
	font-size:2.0em;
}

#mBox2 p {
	text-align:center;
	color:#656565;
	font-size:1.6em;
}



#mBox3 {
	height:330px;	
	position:relative;
}

#mBox3 .mStrzalka {
	position:absolute;
	top:-15px;
	left:50%;
	margin-left:-73px;
	width:156px;
	height:46px;
	background:url('../images/mStrzalka.png') no-repeat;
}

#mBox3 .mWrapper {
	margin-left: 52px;
	padding-top: 50px;
}

#mBox3 .mWrapper .mItem {
	width:262px;
	height:229px;
	background:url('../images/mBox.png') no-repeat;
	float:left;
	margin-right:35px;
	position:relative;
	font-size:1.1em;
}

#mBox3 .mWrapper .mItem:last-child {
	margin-right:0px;
}

#mBox3 .mButton {
	position:absolute;
	bottom:-16px;
	left:50%;
	margin-left:-90px;
	padding:6px 12px;
}

#mBox3 h3 {
	text-align:center;
	font-weight:300;
	margin-top:18px;
	margin-bottom:18px;
	font-size:1.6em;
	color: #35307F;
}

#mBox3 p {
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
}

.mPasek {
	height:96px;
	background:#35304e;
	font-size:1.3em;
}

#mWrapper .mPasek h2 {
	padding-top:1px;
	color:white;	
}

#mWrapper .mPasek p {
	text-align:center;
	color:#fddf56;
	font-size:1.3em;
	padding-top:1px;
	
}

#mBox4 {
	height:483px;	
	background:white;
	padding-top:50px;
}


#mBox4  .mWrapper {
	margin-left:66px;
	margin-right:66px;
	font-size:1.1em;
	background:pink;
}

#mBox4  .mWrapper .mItem {
	width:232px;
	margin-right:66px;
	float:left;
	margin-bottom:50px;
	min-height: 190px;
}

#mBox4  .mWrapper .mItem .number {
	width:34px;
	height:34px;
	background:url('../images/kropka.png') no-repeat;
	line-height:34px;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:1.6em;
	font-style:italic;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
	float:left;
	margin-bottom:15px;
}

#mBox4  .mWrapper .mItem .header {
	margin-left:45px;
	margin-bottom:15px;
	font-weight:bold;
}

#mBox4  .mWrapper .mItem.last {
	margin-right:0px;
}

#mBox5 {
	height:270px;		
	position:relative;
}

#mBox5 .mRamka {
	position:absolute;
	top:31px;
	left:0px;	
	width: 437px;
	height: 216px;
	background:url('../images/ramka2.png') no-repeat;
	
}

#mBox5 .mRamka img {
	margin-top: 34px;
	margin-left: 20px;
}

#mBox5 .mRamka .imagesWrapper p {	
	font-family: 'Shadows Into Light', cursive;
	float:right;
	margin-right:30px;
	font-size:3em;
	font-weight:bold;
	line-height:1.2em;
	color:#76841d;
	text-align:center;
	margin-top:20px;
	font-style:italic;
	letter-spacing:1px;
}

#mBox5 .mRamka .imagesWrapper p span {
	font-size:0.8em;
	font-weight:normal;
}

#mBox5 .mRamka p.rabat {
	position:absolute;
	bottom:15px;
	font-size:1.5em;
	left:0px;
	width:100%;
	text-align:center;
}

#mBox5 .right {
	width:405px;
	/*background:silver;*/
	min-height:200px;
	float:right;
	margin-top:44px;
	margin-right:17px;	
}

#mBox5 .right p.yellow {
	font-family: 'Shadows Into Light', cursive;
	font-size:2.1em;
	color:#ffcf28;
	text-align:right;
	margin-top:20px;
}

#mBox5 .right p.gray {
	margin-top:70px;
	font-weight:bold;
	font-size:1.2em;
}

#mBox5 .right h2 {
	text-align:right
}

#personsWrapper {
	background:url('../images/persons_bg.png') -28px 0px;
}

.personBox {
	height:400px;
	
	
	font-size:1.2em;



	
	
}

.personBox .txt {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.12) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -moz-linear-gradient(top,  rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(15%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}


.personBox .txt.rightt {
	padding-left:365px;
	padding-top:50px;
	padding-right:65px;	
	text-align:right;
}

.personBox .txt.rightt h2,
.personBox .txt.rightt h1 {
	text-align:right;
}

.personBox .txt.rightt h2 {
	margin-top:15px;
	line-height:1.2em;
}

.personBox .txt.rightt p {
	margin-top:15px;
}




.personBox .txt.rightt.left h2,
.personBox .txt.rightt.left h1,
.personBox .txt.rightt.left p,
.personBox .txt.rightt.left  {
	text-align:left;
}

.personBox .txt.rightt.left {
	padding-left:70px;
	padding-right:225px;
	padding-top:40px!important;	
	text-align:left;
}

.personBox .txt .mButtonWrapper {
	
}



.personBox .txt .mButton {
	margin-top:15px;
	font-style:italic;
	font-size:1.2em;
}

.personBox .txt .mButton span {
	font-size:0.9em;
	font-style:normal;
}

.person1 {	
	height:350px;
	background:url('../images/person_1a.png') 40px bottom no-repeat;
}

.person2 {	
	background:url('../images/person_2a.png') right bottom no-repeat;
}

.person3 {	
	
	background:url('../images/person_3a.png') 40px bottom no-repeat;
}



#mFooter {
	height:564px;		
	background:#35304e;
}

#mFooter h1 {
	color:white;
	text-align:center;
	padding-top:30px;
	padding-bottom:50px;
	font-size:30px;
}


#mFooter .mElWrapper {
	margin-left:65px;
}

#mFooter .mItem {
	width:167px;
	min-height:200px;
	
	margin-right:50px;
	float:left;
}

#mFooter .mElWrapper .mItem  {
	text-align:center;
}

#mFooter .mElWrapper .mItem .imageWrapper {
	height: 100px;
}

#mFooter .mElWrapper .mItem p.yellow {
	text-align:left;
	color:#ffcf28;
	margin-bottom:20px;
	font-weight:bold;
	font-size:16px;
}

#mFooter .mElWrapper .mItem p.gray {
	margin-top:20px;
	text-align:left;
	color:#b4afce;
	font-size:1.2em;
}

#mFooter .mElWrapper .mItem p a,
#mFooter .mElWrapper .mItem p span {
	color:white;
}