html {
	height: 100%
}
html, body {
	width: 100%;
	height: 100%
}
body {
	background: #fff;
	color: #666;
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 0.75em;
	line-height: 1.50em;
}
/* Default */
form, fieldset {
	margin: 0;
	padding: 0;
	border: none
}
legend {
	position: absolute;
	left: -9000em
}
input, select, textarea {
	font-size: 1em;
	font-family: ptSans, Tahoma, Arial, Helvetica, sans-serif
}
/* Tools */
.hide {
	clip: rect(1px, 1px, 1px, 1px);
	display: block;
	position: absolute
}
.clear {
	clear: both;
	line-height: 1%;
	font-size: 1%
}
.rel {
	position: relative
}
strong {
	font-weight: bold;
}
.right {
	text-align: right
}
.noMargin {
	margin: 0
}
.noMarginRight {
	margin-right: 0 !important
}
.marginLeft20Minus {
	margin-left: -20px
}
.bold {
	font-weight: bold
}
.block {
	display: block
}
.bolder {
	font-family: ptSansBold
}
.listNoBullet {
	margin: 0;
	padding: 0
}
.listNoBullet li {
	list-style-type: none
}
.margLeft20 {
	margin-left: 20px
}
h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: ptSansBold;
	position: relative;
	color: #3a3a3a;
}
h2 {
	font-size: 1.67em;
	padding: 0 0 8px 0;
	margin: 10px 0 0 0;
}
h3 {
	font-size: 1.33em;
	padding: 0 0 6px 0;
	margin: 10px 0 0 0;
}
h2 span, h3 span {
}
h4, h5, h6 {
	font-weight: normal;
	font-family: ptSansBold;
	display: block;
	position: relative
}
h4 {
	font-size: 1.250em
}
h5 {
	font-size: 1.083em
}
.mainHeader {
	color: #7abb28;
	margin: 10px 0 0 0;
	font-size: 1.917em;
	line-height: 1em
}
.subHeader {
	color: #08a3dc;
	font-size: 1.5em
}
.subHeaderGreen {
	color: #7abb28;
	font-size: 1.417em
}
.ptSans {
	font-family: ptSans
}
.ptSans .bolder {
	font-family: ptSansBold
}
.ptSansBold {
	font-family: ptSansBold
}
.mainColor {
	color: #3a3a3a
}
.flRight {
	float: right
}
.flLeft {
	float: left
}
.half {
	width: 40%
}
.margRight50 {
	margin-right: 50px
}
.margBot10 {
	margin-bottom: 10px
}
.margTop30 {
	margin-top: 30px
}
.margTop60 {
	margin-top: 60px
}
.clear {
	clear: both
}
.txtCenter {
	text-align: center
}
table {
	border: 1px solid #666;
	border-collapse: collapse
}
caption {
	font-family: ptSansBold;
	padding: 10px
}
td, th {
	padding: 5px
}
th {
	background: #669d20;
	color: #fff;
	border: 1px solid #7abb28;
	font-weight: normal;
	font-family: ptSansBold
}
td {
	border: 1px solid #666;
	border-top: none
}
blockquote {
	background: url("../images/bgCita.png") no-repeat;
	margin-left: 0;
	padding-left: 40px
}
q {
	font-style: normal;
	quotes: "„" "”";
}
q:before {
	content: open-quote
}
q:after {
	content: close-quote
}
.alignLeft {
	text-align: left
}
.alignCenter {
	text-align: center
}
.alignRight {
	text-align: right
}
iframe {
	position: relative;
	z-index: 1;
}
.btnMore, #content .btnMore, .btnMore:visited, #content .btnMore:visited {
	display: inline-block;
	background: url("../images/btnMore.png") no-repeat;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1em;
	margin: 5px 0;
	padding: 8px 15px 7px;
	text-decoration: none;
	text-transform: uppercase;
	width: 38px;
	text-shadow: 0 1px 0 #4f830e
}
.btnMore:focus, .btnMore:hover, #content .btnMore:focus, #content .btnMore:hover {
	background-position: 0 -50px;
}
a.button, a.button:visited {
	display: inline-block;
	text-align: center;
	clear: both;
	background: url("../images/button.png") no-repeat 0 0;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1.500em;
	margin: 5px 0 5px 20px;
	padding: 12px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 179px;
	text-shadow: 0 1px 0 #4f830e
}
a.button:focus, a.button:hover {
	background-position: 0 -62px;
}
/* Skip linki*/
#skipLinks {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	list-style: none
}
#skipLinks a {
	display: inline;
	left: -9000em;
	padding: 7px 10px 7px 10px;
	position: absolute;
	text-decoration: none;
	z-index: 200;
	width: 150px;
	text-align: center
}
#skipLinks a:hover, #skipLinks a:focus, #skipLinks a:active {
	background: #231f20;
	color: #fff;
	left: 0;
	top: 0;
	position: absolute
}
#cookiesMsgWrp {
    background: #7abb28;
    overflow: hidden;
}
#cookiesMsg {
    width: 980px;
    margin: auto;
    padding: 10px 0;
}
#cookiesMsg p {
    margin: 0;
    color: #fff;
}
#cookiesMsg a,
#cookiesMsg a:visited {
    color: #fff;
}
#cookiesMsg a:hover,
#cookiesMsg a:focus {
    text-decoration: none;
}
#cookiesMsg a:focus {
    background: #fff;
    color: #7abb28;
}
#wrapper {
}
#push {
}
/* Header */
#topWrapper {
	width: 100%;
	border-top: 4px solid #7abb28;
}
#topContent {
	width: 980px;
	min-height: 183px;
	margin: 0 auto;
	position: relative;
}
#mainHeader {
	margin: 0;
	padding: 0;
}
#logo {
	clear: both;
	display: block;
	width: 183px;
	height: 100px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	left: 20px;
}
#helpWrapper {
	width: 230px;
	height: 70px;
	position: absolute;
	top: 43px;
	left: 250px;
	background: url("../images/icoHelpPhone.png") no-repeat 0 0;
}
#helpWrapper h2 {
	font-size: 1.333em;
	color: #3a3a3a;
	margin: 5px 0 0 55px;
}
#helpPhone {
	color: #e51e25;
	font-size: 2.333em;
	font-family: ptSansBold;
	margin: 2px 0 0 55px;
}
#helpPhone .bokPhonePref {
	font-size: 0.667em;
	position: relative;
	top: -4px;
}
#helpWrapper a, #helpWrapper a:visited {
	text-decoration: none;
	cursor: initial;
	color: #e51e25
}
#helpWrapper a:focus {
	outline: 2px solid #e51e25
}
#helpWrapper a:hover:active {
	outline: 2px solid transparent
}
#bokWrapper {
	width: 230px;
	height: 70px;
	position: absolute;
	top: 43px;
	left: 500px;
	background: url("../images/icoPhone.png") no-repeat 0 0;
}
#bokWrapper h2 {
	font-size: 1.333em;
	color: #3a3a3a;
	margin: 5px 0 0 55px;
}
#bokPhone {
	color: #08a3dc;
	font-size: 2.333em;
	font-family: ptSansBold;
	margin: 2px 0 0 55px;
}
#bokPhone .bokPhonePref {
	font-size: 0.667em;
	position: relative;
	top: -4px;
}
#bokWrapper a, #bokWrapper a:visited {
	text-decoration: none;
	cursor: initial;
	color: #08a3dc
}
#bokWrapper a:focus {
	outline: 2px solid #08a3dc
}
#bokWrapper a:hover:active {
	outline: 2px solid transparent
}
#tabWrapper {
	width: 270px;
	position: absolute;
	top: -4px;
	right: 0;
}
#tabWrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#tabWrapper ul li {
	margin: 0;
	padding: 0;
	float: left;
}
#tabWrapper ul li:first-child {
	margin-right: 2px;
}
#tabWrapper ul li a {
	display: block;
	font-size: 1.083em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-family: ptSansBold;
}
#tabWrapper ul li.tabKnow a {
	width: 95px;
	padding: 9px 0 8px 33px;
	background: url("../images/bgKnow.png") no-repeat 0 0;
	text-shadow: 0 1px 0 #9c660a;
	-moz-text-shadow: 0 1px 0 #9c660a;
	-webkit-text-shadow: 0 1px 0 #9c660a;
}
#tabWrapper ul li.tabKnow a:hover, #tabWrapper ul li.tabKnow a:focus {
	background-position: 0 -45px;
}
#tabWrapper ul li.tabMainss a {
	width: 107px;
	padding: 9px 0 8px 33px;
	background: url("../images/bgMainss.png") no-repeat 0 0;
	text-shadow: 0 1px 0 #068aba;
	-moz-text-shadow: 0 1px 0 #068aba;
	-webkit-text-shadow: 0 1px 0 #068aba;
}
#tabWrapper ul li.tabMainss a:hover, #tabWrapper ul li.tabMainss a:focus {
	background-position: 0 -45px;
}
/* Search */
#searchWrapper {
	position: absolute;
	top: 66px;
	right: 0;
}
#btnSearch {
	border: none;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 31px;
	float: left;
}
#queryInput {
	background: #fff;
	border: 1px solid #e2e2e2;
	background: #f5f5f5;
	color: #a7a7a7;
	height: 27px;
	line-height: 27px;
	padding: 0 0 0 10px;
	margin-top: 1px;
	width: 175px;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	float: left;
}
#queryInput:focus {
	border: 1px solid #7abb28;
	background: #fff;
	color: #333;
}
/* Menu top */
#menuWrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 120;
}
#menuTop {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}
#menuTop li {
	position: relative;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	min-width: 163px;
}
#menuTop li a {
	display: block;
	position: relative;
	text-align: center;
	font-size: 1.250em;
	font-family: ptSansBold;
	color: #3a3a3a;
	text-decoration: none;
	padding: 13px 0 11px;
	background: url("../images/bgMenu.png") right 0 no-repeat;
	text-shadow: 0 1px 0 #fff;
	-moz-text-shadow: 0 1px 0 #fff;
	-webkit-text-shadow: 0 1px 0 #fff;
	
}
#menuTop li a:hover, #menuTop li a:focus, #menuTop li.hover a, #menuTop li a.sel {
	background-position: 0 -58px;
	color: #fff;
	text-shadow: 0 1px 0 #639623;
	-moz-text-shadow: 0 1px 0 #639623;
	-webkit-text-shadow: 0 1px 0 #639623;
}
#menuTop li:first-child a {
	background: url("../images/bgMenuLeft.png") left 0 no-repeat;
}
#menuTop li:first-child a:hover, #menuTop li:first-child a:focus, #menuTop li.hover:first-child a, #menuTop li:first-child a.sel {
	background-position: 0 -58px;
}
#menuTop li:first-child a span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 40px;
	background: #e2e2e2;
}
#menuTop li:first-child a:hover span, #menuTop li:first-child a:focus span, #menuTop li:first-child a.sel span {
	background: #7abb28 !important;
}
#menuTop li:last-child a {
	border: none;
	background: url("../images/bgMenuRight.png") right 0 no-repeat;
}
#menuTop li:last-child a:hover, #menuTop li:last-child a:focus, #menuTop li.hover:last-child a, #menuTop li:last-child a.sel {
	background-position: right -58px;
	border: none;
}
#menuTop li a .icoInfo {
	position: absolute;
	top: -30px;
	right: 0;
}
#menuTop ul {
	padding: 0 0 5px 0;
	margin: 0;
	min-width: 163px;
	list-style-type: none;
	position: absolute;
	top: -10000em;
	left: -10000em;
	background: #639623;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}
#menuTop ul li {
	float: none;
	min-width: 160px;
	border-right: 1px solid #639623;
	border-left: 1px solid #639623;
	margin-bottom: 1px;
}
#menuTop ul li a, #menuTop ul li a:visited, #menuTop ul li:first-child a, #menuTop ul li:last-child a {
	background: #7abb28 !important;
	border: none !important;
	color: #fff;
	text-shadow: 0 1px 0 #639623;
	-moz-text-shadow: 0 1px 0 #639623;
	-webkit-text-shadow: 0 1px 0 #639623;
}
#menuTop ul li a span {
	display: none !important;
}
#menuTop ul li a:hover, #menuTop ul li a:focus, #menuTop ul li a:active, #menuTop ul li a.sel, #menuTop ul li.hover a {
	border: none;
	background: #639623 !important;
}
#menuTop li a:focus ul, #menuTop li:focus ul, #menuTop li:hover ul, #menuTop li.hover ul {
	left: 0;
	top: 40px;
	z-index: 120;
}
#menuTop .dropdown-menu {
    font-size: 1em;
}
#menuTop li a.m1,
#menuTop li a.m2 {
    cursor: initial;
}
/* Start */
.shadow {
	position: absolute;
	height: 4px;
	bottom: -4px;
	left: 5px;
	background: #eaeaea;
}
#startWrapper {
	margin: 0 -20px
}
#startWrapper h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 15px 0 15px 20px;
}
#leftStart {
	width: 700px;
	float: left;
}
#rightStart {
	width: 268px;
	float: right;
}
/* pakiety glowna */
#packageWrapper {
	min-height: 520px;
	width: 980px;
	margin: 60px 0 15px 0;
	background: #fafafa;
	position: relative;
	border: 2px solid #ccc;
}
#packageWrapper h2 {
	color: #6c6c6c;
	position: absolute;
	top: -38px;
	left: 20px;
	padding: 0;
}
#packageWrapper .shadow {
	width: 970px;
	bottom: -6px;
}
#tabs {
	font-family: PTSans;
}
#tabs .tabsWrap {
	padding: 0 20px 20px
}
#tabs .tabsList {
	position: absolute;
	top: -55px;
	left: 200px;
	padding: 0;
}
#tabs .tabsList li {
	top: 0;
	margin: 0 85px 0 0;
	padding: 0;
	background: #fafafa;
	border: 2px solid #ccc;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
#tabs .tabsList li a {
	color: #3a3a3a;
	padding: 14px 30px 19px 30px;
	font-family: ptSansBold;
	font-size: 1.5em;
	outline: none;
}
#tabs .tabsList li.ui-state-active {
	border-top: 3px solid #7abb28;
}
#tabs .tabsList li.ui-state-active a {
	padding-bottom: 20px;
	color: #7abb28;
	background: url("../images/arrGreen_.png") no-repeat center 40px;
}
.tabsTxt1 {
	position: absolute;
	top: -38px;
	left: 580px;
	font-size: 1.5em;
	font-family: ptSansBold;
	margin: 0;
}
.tabsTxt2 {
	margin: 15px 0 15px 110px;
	font-size: 1.250em
}
.tabsTxt2 img {
	vertical-align: middle;
	margin: 0 10px;
}
.tabsTxt3 {
	font-size: 1.167em;
	font-family: ptSansBold;
	margin: 20px 10px;
	color: #3a3a3a;
}
.chooseTemplate {
	position: absolute;
	right: 80px;
	bottom: 40px
}
.lub {
	position: absolute;
	top: 14px;
	right: -57px;
	font-family: ptSansBold;
	font-size: 1.5em;
	outline: none;
}
.pocket {
	width: 218px;
	min-height: 520px;
	border: 1px solid #f5f5f5;
	position: relative;
	float: left;
	background-color: #fff;
	margin: 0 10px 0 0;
}
.pocket h3 {
	font-size: 2.833em;
	margin: 0;
	padding: 20px 10px 10px 20px;
}
.pocket h3 span {
	font-size: 0.441em;
	color: #959595;
	display: block;
	font-family: ptSans;
	padding: 0 0 10px 0;
}
#packageWrapper .pocket .shadow {
	width: 188px;
	bottom: -4px;
}
.pocket .corner {
	width: 20px;
	height: 26px;
	position: absolute;
	bottom: -1px;
	right: -1px;
}
.pocket ul {
	list-style-type: none;
	margin: 0;
	padding: 20px;
}
.pocket ul li div {
	margin: 0 0 0 17px;
}
.pocket ul li div p {
	padding: 0 0 10px 0
}
.pocket ul li a, .pocket ul li a:visited {
	color: #3a3a3a;
	font-family: ptSansBold;
	font-size: 1.25em;
	text-decoration: none;
	border-radius: 0;
	outline: none;
}
.pocket ul li a:hover span, .pocket ul li a:focus span {
	text-decoration: underline;
}
.pocket a.readMore, .pocket a.readMore:visited {
	position: absolute;
	right: 25px;
	bottom: 15px;
	color: #757575;
	text-decoration: none;
	font-size: 1.083em;
	background: url("../images/arrMore.png") no-repeat right 6px;
	display: inline-block;
	padding: 0 12px 0 0
}
.pocket a.readMore:hover {
	text-decoration: underline;
	color: #222;
}
.pocketPrice {
	position: absolute;
	left: 0;
	bottom: 40px;
}
.pocketPrice img {
	float: left;
	margin: 0 10px;
}
.pocketPrice .pocketLabel {
	font-size: 1.167em;
	font-family: PTSansBold;
	margin: 0 0 0 10px;
	height: 90px;
	width: 100%;
	position: relative
}
.pocketPriceText {
	display: block;
	width: 78px;
	height: 78px;
	position: absolute;
	left: 20px;
	top: 44px;
	font-family: ptSansBold;
	color: #fff;
	text-align: center
}
.pocketPriceInfo {
	display: block;
	width: 100px;
	position: absolute;
	left: 115px;
	top: 30px
}
.pocketPrice a, .pocketPrice a:visited {
	display: inline-block;
	text-align: center;
	clear: both;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1.500em;
	margin: 5px 0 5px 20px;
	padding: 12px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 179px;
}
.pocketPrice a:focus, .pocketPrice a:hover {
	background-position: 0 -62px !important;
}
.starter .pocketPriceText {
	text-shadow: 0px 1px 2px #4f830e;
	font-size: 3.333em;
	letter-spacing: -0.1em
}
.progres {
	border-top: 3px solid #e51e25;
	background: url("../images/progresIco.png") no-repeat 140px 20px #fff;
}
.progres h3 {
	color: #e51e25
}
.progres .pocketPrice .pocketLabel {
	background: url("../images/labelProgres.png") no-repeat;
	color: #e51e25
}
.progres .pocketPrice a, .progres .pocketPrice a:visited {
	background: url("../images/progresBut.png") no-repeat 0 0;
	text-shadow: 0 1px 0 #890c11;
}
.progres .ui-icon {
	background: url("../images/arrRed_.png") no-repeat 0 5px;
	float: left;
	display: block
}
.progres .ui-state-active .ui-icon {
	background: url("../images/arrRed.png") no-repeat 0 5px;
}
.progres .corner {
	background: url("../images/progresBot.png") no-repeat 0 0 #fafafa;
}
.progres .pocketPriceText {
	text-shadow: 0px 1px 2px #890c11;
	font-size: 3.333em;
	letter-spacing: -0.1em
}
.lider {
	border-top: 3px solid #08a3dc;
	background: url("../images/liderIco.png") no-repeat 140px 20px #fff;
}
.lider h3 {
	color: #08a3dc;
}
.lider .pocketPrice .pocketLabel {
	background: url("../images/labelLider.png") no-repeat;
	color: #08a3dc;
}
.lider .pocketPrice a, .lider .pocketPrice a:visited {
	background: url("../images/liderBut.png") no-repeat 0 0;
	text-shadow: 0 1px 0 #097197;
}
.lider .ui-icon {
	background: url("../images/arrBlue_.png") no-repeat 0 5px;
}
.lider .ui-state-active .ui-icon {
	background: url("../images/arrBlue.png") no-repeat 0 5px;
}
.lider .corner {
	background: url("../images/liderBot.png") no-repeat 0 0 #fafafa;
}
.lider .pocketPriceText {
	text-shadow: 0px 1px 2px #097197;
	font-size: 3.333em;
	letter-spacing: -0.1em
}
.prestige {
	border-top: 3px solid #f4a51c;
	background: url("../images/prestigeIco.png") no-repeat 140px 20px #fff;
}
.prestige h3 {
	color: #f4a51c;
}
.prestige .pocketPrice .pocketLabel {
	background: url("../images/labelPrestige.png") no-repeat;
	color: #f4a51c;
}
.prestige .pocketPrice a, .prestige .pocketPrice a:visited {
	background: url("../images/prestigeBut.png") no-repeat 0 0;
	text-shadow: 0 1px 0 #875a0c;
}
.prestige .ui-icon {
	background: url("../images/arrOrange_.png") no-repeat 0 5px;
}
.prestige .ui-state-active .ui-icon {
	background: url("../images/arrOrange.png") no-repeat 0 5px;
}
.prestige .corner {
	background: url("../images/prestigeBot.png") no-repeat 0 0 #fafafa;
}
.prestige .pocketPriceText {
	text-shadow: 0px 1px 2px #875a0c;
	font-size: 2.7em;
	letter-spacing: -0.1em
}
#pack .ui-icon {
	display: block;
	float: left
}
#pack .optName {
	display: block;
	float: left;
	width: 90%
}
.assist {
	border: none;
	background: url("../images/wizard.png") no-repeat right bottom;
	margin: 0;
	min-height: 500px
}
.assist p {
	margin: 20px;
}
.assist p span {
	display: block;
	margin: 10px 0;
	font-family: PTSansBold;
	font-size: 1.250em
}
.assist h3 span {
	color: #3a3a3a;
	font-family: PTSansBold;
	font-size: 0.588em;
}
.project {
	width: 280px;
	min-height: 430px;
	position: relative;
	float: left;
	margin: 20px 20px 0 10px;
}
.project:last-child {
	margin: 0 0 0 10px;
}
.project h3 {
	font-size: 1.167em;
	margin: 0;
	padding: 0;
	color: #e51e25;
}
.projectImg {
	text-align: center;
	margin: 30px 0 0 0;
}
.project ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.project ul li {
	padding: 0 0 0 23px;
	margin: 30px 0 20px 0;
	background: url("../images/icoProject.png") no-repeat 0 5px;
	color: #3a3a3a;
	font-size: 1.167em;
	font-family: ptSansBold;
}
/* Pakiety podstrona */
#packageWrapperSub {
	min-height: 400px;
	width: 690px;
	margin: 0 0 15px 0;
	background: #fafafa;
	position: relative;
	border: 2px solid #ccc;
}
#packageWrapperSub .shadow {
	width: 660px;
	bottom: -6px;
}
.marg {
	height: 60px;
}
.packageLeft {
	width: 718px;
	float: left;
	margin-left: -20px
}
.packageRight {
	width: 260px;
	float: left;
	position: relative;
	top: -60px;
	margin-right: -20px
}
.packageRight .assist {
	width: 250px;
	min-height: 480px;
}
.packageOpt .ui-icon {
	display: block;
	float: left
}
.packageOpt .optName {
	display: block;
	float: left;
	width: 90%
}
#tabsPack {
	font-family: PTSans;
}
#tabsPack .tabsWrap {
	padding: 0 20px 100px;
}
#tabsPack .tabsList {
	position: absolute;
	top: -55px;
	left: -2px;
	padding: 0;
}
#tabsPack .tabsList li {
	top: 0;
	margin: 0 10px 0 0;
	padding: 0;
	background: #fafafa;
	border: 2px solid #ccc;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
#tabsPack .tabsList li a {
	color: #3a3a3a;
	padding: 12px 30px 11px 10px;
	font-family: ptSansBold;
	font-size: 1.5em;
	outline: none;
}
#tabsPack .tabsList li.ui-state-active:first-child {
	border-top: 3px solid #7abb28;
}
#tabsPack .tabsList li.ui-state-active:first-child a {
	padding-bottom: 12px;
	color: #7abb28;
	background: url("../images/arrGreen_.png") no-repeat center 40px;
}
#tabsPack .tabsList li.ui-state-active:nth-of-type(2) {
	border-top: 3px solid #e51e25;
}
#tabsPack .tabsList li.ui-state-active:nth-of-type(2) a {
	padding-bottom: 12px;
	color: #e51e25;
	background: url("../images/arrRed_.png") no-repeat center 40px;
}
#tabsPack .tabsList li.ui-state-active:nth-of-type(3) {
	border-top: 3px solid #08a3dc;
}
#tabsPack .tabsList li.ui-state-active:nth-of-type(3) a {
	padding-bottom: 12px;
	color: #08a3dc;
	background: url("../images/arrBlue_.png") no-repeat center 40px;
}
#tabsPack .tabsList li.ui-state-active:nth-of-type(4) {
	border-top: 3px solid #f4a51c;
}
#tabsPack .tabsList li.ui-state-active:nth-of-type(4) a {
	padding-bottom: 12px;
	color: #f4a51c;
	background: url("../images/arrOrange_.png") no-repeat center 40px;
}
#tabsPack .corner {
	width: 20px;
	height: 26px;
	position: absolute;
	bottom: -2px;
	right: -2px;
}
#pack1 .corner {
	background: url("../images/startBotPack.png") no-repeat 0 0 #fff;
}
#pack2 .corner {
	background: url("../images/progresBotPack.png") no-repeat 0 0 #fff;
}
#pack3 .corner {
	background: url("../images/liderBotPack.png") no-repeat 0 0 #fff;
}
#pack4 .corner {
	background: url("../images/prestigeBotPack.png") no-repeat 0 0 #fff;
}
.pack1 img, .pack2 img, .pack3 img, .pack4 img {
	margin: 0 5px 0 0;
	vertical-align: middle
}
.package {
	padding-top: 10px !important
}
.package ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0
}
.package ul li {
	display: inline-block;
	width: 210px;
	vertical-align: top;
	margin-bottom: 20px
}
.package ul li p {
	padding-right: 10px
}
.package ul li a, .package ul li a:visited {
	color: #3a3a3a;
	font-family: ptSansBold;
	font-size: 1.25em;
	text-decoration: none;
	border-radius: 0;
	outline: none
}
.package ul li a:hover, .package ul li a:focus {
	text-decoration: underline;
}
.package ul li div.optWrapper {
	margin: 10px 0 0 17px;
	display: none
}
.package ul li div.optMargin {
	margin: 10px 0 0 17px
}
.package ul li p {
	margin: 0
}
.packageIcon {
	float: right
}
.packageStarter .ui-icon {
	background: url("../images/arrGreen_.png") no-repeat 0 6px;
	display: inline-block
}
.packageStarter .ui-state-active .ui-icon {
	background: url("../images/arrGreen.png") no-repeat 0 6px
}
.packageProgres .ui-icon {
	background: url("../images/arrRed_.png") no-repeat 0 6px;
	display: inline-block
}
.packageProgres .ui-state-active .ui-icon {
	background: url("../images/arrRed.png") no-repeat 0 6px
}
.packageLider .ui-icon {
	background: url("../images/arrBlue_.png") no-repeat 0 6px;
	display: inline-block
}
.packageLider .ui-state-active .ui-icon {
	background: url("../images/arrBlue.png") no-repeat 0 6px
}
.packagePrestige .ui-icon {
	background: url("../images/arrOrange_.png") no-repeat 0 6px;
	display: inline-block
}
.packagePrestige .ui-state-active .ui-icon {
	background: url("../images/arrOrange.png") no-repeat 0 6px
}
.package .pocketPrice {
	bottom: 0;
	left: 25px
}
.package .pocketPrice p {
	float: left;
	font-size: 1.167em
}
.package .pocketPrice .pocketTxt {
	width: 150px;
	margin-top: 35px;
	font-family: ptSansBold;
	position: relative;
	top: 35px
}
.package .pocketWrapper {
	position: relative;
	width: 200px;
	height: 90px
}

.pocketPrice .pocketPriceText {
    height: 40px;
}

.pocketPrice .pocketPriceInfo {
	font-family: ptSansBold
}
#pack1 .pocketPrice a, #pack1 .pocketPrice a:visited {
	background: url("../images/button.png") no-repeat 0 0;
	text-shadow: 0 1px 0 #4f830e;
	float: left;
	clear: none;
	margin-left: 70px;
	margin-top: 40px;
}
#pack1 .pocketWrapper {
	background: url("../images/labelStarter.png") no-repeat;
	color: #7abb28
}
#pack2 .pocketPrice a, #pack2 .pocketPrice a:visited {
	background: url("../images/progresBut.png") no-repeat 0 0;
	text-shadow: 0 1px 0 #890c11;
	float: left;
	clear: none;
	margin-left: 70px;
	margin-top: 40px;
}
#pack2 .pocketWrapper {
	background: url("../images/labelProgres.png") no-repeat;
	color: #e51e25
}
#pack3 .pocketPrice a, #pack3 .pocketPrice a:visited {
	background: url("../images/liderBut.png") no-repeat 0 0;
	text-shadow: 0 1px 0 #097197;
	float: left;
	clear: none;
	margin-left: 70px;
	margin-top: 40px;
}
#pack3 .pocketWrapper {
	background: url("../images/labelLider.png") no-repeat;
	color: #08a3dc
}
#pack4 .pocketPrice a, #pack4 .pocketPrice a:visited {
	background: url("../images/prestigeBut.png") no-repeat 0 0;
	text-shadow: 0 1px 0 #875a0c;
	float: left;
	clear: none;
	margin-left: 70px;
	margin-top: 40px;
}
#pack4 .pocketWrapper {
	background: url("../images/labelPrestige.png") no-repeat;
	color: #f4a51c
}
/* Katalog podstrona*/
#catalogWrapperSub {
	width: 700px;
	margin: 0 0 15px 0;
	background: #fafafa;
	position: relative;
	border: 2px solid #ccc;
}
.catalogLeft {
	width: 730px;
	float: left;
	margin-left: -20px
}
.catalogRight {
	width: 245px;
	float: left;
	position: relative;
	top: -50px;
	margin-right: -20px
}
#tabsCatalog {
	font-family: PTSans;
}
#tabsCatalog .tabsWrap {
	padding: 20px;
	min-height: 690px;
}
#tabsCatalog .tabsList {
	position: absolute;
	top: -55px;
	left: -2px;
	padding: 0;
}
#tabsCatalog .tabsList li {
	top: 0;
	margin: 0 1px 0 0;
	padding: 0;
	background: #fafafa;
	border: 2px solid #ccc;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
#tabsCatalog .tabsList li a {
	color: #3a3a3a;
	padding: 16px 20px 17px 20px;
	font-family: ptSansBold;
	font-size: 1.250em;
	outline: none;
	text-transform: capitalize
}
#tabsCatalog .tabsList li.ui-state-active {
	border-top: 3px solid #7abb28;
}
#tabsCatalog .tabsList li.ui-state-active a {
	padding-bottom: 18px;
	color: #7abb28;
	background: url("../images/arrGreen_.png") no-repeat center 40px;
}
.catalogRight h3 {
	font-size: 1.667em;
	padding: 0 0 0 25px;
	margin: 15px 0 12px 0;
	position: relative;
	left: -15px;
}
.catalogRight h3.searchSelect {
	background: url("../images/icoSet.png") no-repeat left 2px;
}
.catalogRight h3.searchFavorite {
	background: url("../images/icoFavorite.png") no-repeat left -2px;
}
.catalogRight h3.searchMost {
	background: url("../images/icoMost.png") no-repeat left 0;
}
.catalogRight h3.searchLast {
	background: url("../images/icoLast.png") no-repeat left 0;
}
.catalogRight h3.searchNumber {
	background: url("../images/icoNumb.png") no-repeat left 0;
}
.catalogRight h3 a, .catalogRight h3 a:visited {
	text-decoration: none;
	color: #3a3a3a;
	background: url("../images/icoMore.png") no-repeat right 5px;
	padding-right: 15px;
	display: inline-block
}
.catalogRight h4 {
	padding: 0 0 0 10px;
	margin: 15px 0 10px;
}
.catalogRight fieldset {
	margin: 0 0 20px 10px;
}
.colorWrap {
	width: 24px;
	height: 24px;
	color: #fff;
	margin: 0 5px 10px 0;
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
	vertical-align: top;
/*        -webkit-box-shadow: inset 0px 0px 0px 2px #666;
        -moz-box-shadow: inset 0px 0px 0px 2px #666;
        box-shadow: inset 0px 0px 0px 2px #666;*/
}
.templButton {
	text-align: center;
}
.templDesc, .templDesc:visited {
	display: inline-block;
	text-align: center;
	clear: both;
	background: url("../images/buttonSm.png") no-repeat 0 0;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1.083em;
	margin: 5px 0;
	padding: 7px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 142px;
	text-shadow: 0 1px 0 #4f830e;
}
.templDesc:focus, .templDesc:hover {
	background-position: 0 -51px;
}
.templOrder, .templOrder:visited {
	display: inline-block;
	text-align: center;
	clear: both;
	/*background: url("../images/buttonSel.png") no-repeat 0 0;*/
	background: url("../images/buttonSm.png") no-repeat 0 0;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1.083em;
	margin: 5px 0;
	padding: 7px 0 7px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 142px;
	text-shadow: 0 1px 0 #8f1419;
}
.templOrder:focus, .templOrder:hover {
	background-position: 0 -51px;
}
.filtr input[type="checkbox"]:checked + .colorWrap {
	width: 24px;
	height: 24px;
	border: 2px solid #3a3a3a;
	margin: -2px 3px 8px -2px;
        -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
        -moz-box-shadow: inset 0px 0px 0px 2px #fff;
        box-shadow: inset 0px 0px 0px 2px #fff;
}
.filtr input {
	clip: rect(1px, 1px, 1px, 1px);
	display: block;
	position: absolute;
}
.filtr label {
	cursor: pointer;
}
.filtr input[type="checkbox"] + label span.checkbox {
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 17px;
	width: 17px;
	background: url("../images/checkbox.png") no-repeat;
	margin: 0 5px 0 0;
}
.filtr input[type="checkbox"]:checked + label span.checkbox {
	background-position: 0 -133px
}
.filtr .rel {
	margin: 0 0 3px 0;
}
#btnSearch2 {
	border: none;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 31px;
	float: left;
}
#numerInput {
	background: #fff;
	border: 1px solid #e2e2e2;
	background: #f5f5f5;
	color: #a7a7a7;
	height: 27px;
	line-height: 27px;
	padding: 0 0 0 10px;
	margin-top: 1px;
	width: 120px;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	float: left;
}
#numerInput:focus {
	border: 1px solid #7abb28;
	background: #fff;
	color: #333;
}
.sep {
	width: 100%;
	height: 1px;
	background: #e2e2e2;
}
.templWrap {
	width: 206px;
	height: 245px;
	float: left;
	margin: 0 20px 0 0;
	position: relative;
}
.templBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 206px;
	height: 210px;
	overflow: hidden;
	transition: background-color .2s ease;
	-webkit-transition : background-color .2s ease;
	-moz-transition : background-color .2s ease;
	-o-transition : background-color .2s ease
}
.templImg {
	display: block;
	border: 3px solid #e2e2e2;
	max-width: 200px;
	height: auto;
	clear: both;
}
.templName {
	text-align: center;
	font-family: ptSansBold;
	font-size: 1.333em;
	color: #3a3a3a;
	margin: 7px 0;
}
.templDel {
	float: left;
}
.templFav {
	float: right;
}
.templFavDelete {
	float: right;
}
.templBgHover {
	background: #ececec;
	border: 2px solid #fff;
	top: -7px;
	left: -7px;
	padding: 5px;
	height: 260px;
	z-index: 10
}
.delSel {
	padding: 10px 0;
	text-align: right;
}
.delSel a, .delSel a:visited {
	display: inline-block;
	text-align: center;
	clear: both;
	background: url("../images/buttonSm.png") no-repeat 0 0;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1.083em;
	margin: 5px 0;
	padding: 7px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 142px;
	text-shadow: 0 1px 0 #4f830e;
}
.delSel a:focus, .delSel a:hover {
	background-position: 0 -51px;
}
#showFavorite {
	padding: 0 10px;
}
.favWrap {
	width: 104px;
	height: 105px;
	float: left;
	margin: 0 10px 5px 0;
	position: relative;
}
.favImg {
	display: block;
	border: 2px solid #e2e2e2;
	max-width: 100px;
	height: auto;
	clear: both;
}
.favName {
	font-family: ptSansBold;
	font-size: 1.167em;
	color: #3a3a3a;
	margin: 5px 0 0 5px;
	float: left;
}
.favDel {
	margin: 4px 5px 0;
	float: right;
}
.no_margin {
	margin-right: 0;
}
/* Promocje glowna */
#promWrapper {
	width: 700px;
	height: 202px;
	margin: 0 0 15px 0;
	position: relative;
}
#promWrapper h2 {

}
#promotionsSlider {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
#promotionsSlider li {
	list-style-type: none
}
#promotionsCounter {
	position: absolute;
	right: 10px;
	top: 8px;
	z-index: 5
}
#promotionsCounter a, #promotionsCounter a:visited, #pages span {
	float: left;
	display: block;
	background: url("../images/pageNoActive.png") no-repeat;
	width: 26px;
	text-align: center;
	text-decoration: none;
	color: #3a3a3a;
	font-family: PTSansBold;
	margin: 0 0 0 5px;
	padding: 4px 0 5px 0;
	font-size: 1.167em;
	text-shadow: 0 1px 0 #fff;
	outline: none
}
#promotionsCounter a:focus, #promotionsCounter a:hover {
	background-position: 0 -40px;
	text-shadow: 0 1px 0 #fff
}
#promotionsCounter a.activeSlide, #promotionsCounter a.activeSlide:visited, #promotionsCounter span.activeSlide {
	background: url("../images/pageActive.png") no-repeat;
	color: #fff;
	text-shadow: 0 1px 0 #4f830e
}
#promotionsCounter a.activeSlide:focus, #promotionsCounter a.activeSlide:hover {
	background-position: 0 -40px
}
.btnMorePromo {
	margin: 0;
	position: absolute;
	left: 20px;
	top: 140px
}
/* News glowna */
#newsWrapper {
	width: 700px;
	min-height: 370px;
	background: #fff;
	margin: 0 0 15px 0;
	position: relative;
	padding-bottom: 30px
}
#newsWrapper .shadow {
	width: 690px;
}
h3.news {
	color: #7abb28;
	margin: 0 100px 0 0;
}
h3.news a, h3.news a:visited, a.readAll, a.readAll:visited {
	color: #7abb28;
	text-decoration: none;
}
h3.news a:hover {
	text-decoration: underline;
}
h3.news a:focus {
	background: #7abb28;
	text-decoration: none;
	color: #fff;
}
a.readAll, a.readAll:visited {
	position: absolute;
	bottom: 10px;
	margin-left: 20px;
	background: url("../images/btnAllNews.png") no-repeat;
	display: inline-block;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1em;
	padding: 8px 15px 7px;
	text-decoration: none;
	text-transform: uppercase;
	width: 170px;
	text-shadow: 0 1px 0 #4f830e;
	text-align: center
}
a.readAll:hover, a.readAll:focus {
	background-position: 0 -50px
}
.fotocolumnnews {
	width: 185px;
	float: left;
}
.fotocolumnnews img {
	border: 3px solid #e2e2e2;
}
.news_hand {
	padding: 0 20px 20px 20px;
	position: relative;
}
.news_hand .amore {
	text-align: right;
}
.news_hand .leadtxt p {
	margin: 0;
}
.news_hand a, .news_hand a:visited {
	color: #7abb28
}
.news_hand a:hover {
	text-decoration: none
}
.news_hand a:focus {
	background: #7abb28;
	color: #fff
}
.news_date {
	padding: 2px 0 2px 20px;
	background: url("../images/icoDate.png") no-repeat 0 4px;
	color: #b5b5b5;
	position: absolute;
	top: 0;
	right: 20px;
	width: 70px;
}
.maintxt .news_date {
	padding: 2px 0 2px 20px;
	position: static;
}
/* Referencje */
#refWrapper {
	width: 250px;
	min-height: 202px;
	margin: 50px 0 15px 0;
	position: relative;
        float: left;
}
#refWrapper .shadow {
	width: 258px;
        display: none;
}
#refWrapper h2 {
    position: relative;
    top: 0;
    font-size: 2em;
    margin-bottom: -1em;
}
#reference {
	width: 250px;
        margin-top: 50px;
	min-height: 350px;
}
.referencePhotoStart {
    margin: 0 0 20px 50px;
}
#reference .referenceShort a, #reference .referenceShort a:visited {
	color: #7abb28
}
#reference .referenceShort a:hover, #reference .referenceShort a:focus {
	text-decoration: none
}
.referenceItem {
	width: 218px;
	padding: 0 10px 0 20px;
	min-height: 350px;
	background: url("../images/bgCita.png") no-repeat right 200px;
}
.referenceItem p {
	margin: 0
}
a.referenceFrom, a.referenceFrom:visited {
	text-decoration: none;
	color: #f4a51c;
	font-weight: bold;
}
a.referenceFrom:hover {
	text-decoration: underline;
}
a.referenceFrom:focus {
	text-decoration: none;
	color: #fff;
	background: #f4a51c;
}
.referenceNav a {
	position: absolute;
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -10000px;
	outline: none;
}
#prev {
	background: url("../images/butPrev.png") no-repeat 0 0;
	top: -5px;
	right: 40px;
}
#next {
	background: url("../images/butNext.png") no-repeat 0 0;
	top: -5px;
	right: 10px;
}
#prev:focus, #prev:hover, #next:focus, #next:hover {
	background-position: 0 -40px;
}
/* Home trainings */
#trainingsWrapper {
	padding: 0 0 20px 0
}
#trainingsWrapper h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 15px 0 15px 20px
}
#trainingsWrapper h3 {
	font-size: 1.333em;
	margin: 0;
	text-align: center;
	height: 80px
}
#trainingsWrapper .trainingsList {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.training {
	display: inline-block;
	vertical-align: top;
	width: 205px;
	padding: 60px 10px 20px 20px;
	position: relative
}
.trainingIcon {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -25px
}
.trainingIconBig {
	float: right;
	margin: 0 0 20px 20px
}
.training ul {
	padding: 0;
	list-style-type: none
}
.training ul li {
	padding: 0 0 0 20px
}
.list1 ul li {
	background: url("../images/list1.png") no-repeat 0 5px
}
.list2 ul li {
	background: url("../images/list2.png") no-repeat 0 5px
}
.list3 ul li {
	background: url("../images/list3.png") no-repeat 0 5px
}
.list4 ul li {
	background: url("../images/list4.png") no-repeat 0 5px
}
/* Monthsite */
#monthSiteWrapper {
	width: 268px;
	min-height: 202px;
	margin: 0 0 15px 0;
	position: relative;
}
#monthSiteWrapper h2 {
	color: #f5ab1e
}
#monthSiteInfo {
	padding: 0 10px 0 20px;
}
#monthSiteInfo h3 {
	margin-top: 10px;
	font-size: 1.167em;
	color: #d30006;
	text-transform: uppercase
}
#monthSiteInfo .monthSiteDate {
    margin: 8px 0 0 0;
    background: url("../images/icoDate.png") no-repeat scroll 0 2px;
    padding: 0 0 0 20px;
    color: #b5b5b5;
}
#monthSiteInfo .monthSiteName {
	font-family: ptSansBold;
	color: #3a3a3a;
	font-size: 1.250em;
	margin: 20px 0;
}
#iPad {
	width: 259px;
	height: 189px;
	background: url("../images/iPad.png") no-repeat;
	position: relative;
	left: -15px;
}
#iPad .monthSiteMini {
	position: absolute;
	top: 20px;
	left: 29px;
}
.glare {
	width: 103px;
	height: 181px;
	background: url("../images/glare.png") no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}
.homesiteMonthLabel {
	position: absolute;
	top: 10px;
	right: 5px;
	width: 100px;
	height: auto
}
.monthSiteMore {
	margin: 10px 0 0 -5px;
	text-align: center;
}
.monthSiteMore a, .monthSiteMore a:visited {
	color: #818181;
	text-decoration: none;
}
.monthSiteMore a:hover {
	text-decoration: underline;
}
.monthSiteMore a:focus {
	background: #7abb28;
	text-decoration: none;
	color: #fff;
}
#monthSiteTxt {
	padding: 20px 0;
}
#monthSiteTxt #iPad {
	float: left;
	width: 300px;
	left: -10px;
}
#monthSiteTitle {
	float: left;
	width: 680px;
}
#monthSiteTitle img {
	margin: 40px 0 0 0;
}
#monthSiteTitle h3 {
	font-size: 1.67em;
	color: #d30006;
}
.monthSiteMonth {
	padding: 0 0 30px;
}
.monthSiteInfo {
	left: 475px;
	position: absolute;
	top: 30px;
	width: 280px;
}
.monthSiteInfo .btnMore {
	position: absolute;
	top: 140px;
	left: 20px;
	margin: 0;
}
.monthSiteMonth {
	color: #d30006;
	font-family: PTSansBold;
	font-size: 1.67em;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.monthSiteName {
	color: #3a3a3a;
	font-family: PTSansBold;
	font-size: 1.500em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 20px 20px;
	padding: 10px 0 0;
	position: relative;
}
h3.winners {
	left: 0;
	position: absolute;
	top: 110px;
}
#monthSites {
	margin: -20px 0 0;
	padding: 0;
}
#monthSites li {
	border-top: 4px solid #ededed;
	display: block;
	height: 250px;
	list-style-type: none;
	position: relative;
}
#monthSites li:first-child {
	border: none;
}
#monthSite {
	margin: -49px 0 0 270px;
	min-height: 400px;
	position: relative;
	width: 660px;
}
.btnSiteMonthOnline, .btnSiteMonthOnline:visited {
	background: url("../images/btnOnline.png") no-repeat;
	color: #fff;
	display: block;
	font-family: PTSansBold;
	font-style: normal;
	padding: 8px 0 7px;
	position: absolute;
	top: 145px;
	left: 170px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 113px;
}
.btnSiteMonthOnline:hover, .btnSiteMonthOnline:focus {
	background-position: 0 -40px;
}
.siteMonthLabel {
	position: absolute;
	right: -190px;
	top: 0
}
.monthSiteThumb {
	left: -248px;
	position: absolute;
	top: 8px;
	z-index: 2;
}
.monthSiteThumb img {
	display: block;
}
#btnWinners, #btnWinners:visited {
	background: url("../images/btnWinners.png") no-repeat;
	color: #000;
	width: 81px;
	text-align: center;
	display: inline-block;
	padding: 8px 0 7px 0;
	font-family: PTSansBold;
	text-transform: uppercase
}
#btnWinners:hover, #btnWinners:focus {
	text-decoration: none;
	background-position: 0 -40px
}
#monthSitePage {
	padding: 0 0 0 280px
}
#monthSitePage #iPad {
	position: absolute;
	left: 0;
	top: 0
}
#monthSitePage #monthSiteTitle img {
	position: absolute;
	left: 40px;
	top: 160px
}
#monthSitePage .glare {
	right: 0;
	left: 147px
}
/* Realizacje */
.realizacjeWrap h3 {
	font-size: 1.67em;
	margin: 0 0 20px 0;
}
.realizacje {
	margin: 0 0 30px 0;
}
.realizacja {
	width: 224px;
	float: left;
	margin: 0 10px 30px 0;
}
.realizacja img {
	border: 2px solid #e2e2e2;
}
.showMore a, .showMore a:visited {
	display: inline-block;
	text-align: left;
	clear: both;
	background: url("../images/btnShowMore.png") no-repeat 0 0;
	color: #fff;
	font-family: PTSansBold;
	font-size: 0.9em;
	margin: 5px 0;
	padding: 7px 0 7px 4px;
	text-decoration: none;
	text-transform: uppercase;
	width: 112px;
	text-shadow: 0 1px 0 #4f830e;
}
.showMore a:focus, .showMore a:hover {
	background-position: 0 -59px;
}
.showMoreWide {
	display: inline-block
}
.showMoreWide a, .showMoreWide a:visited {
	display: inline-block;
	text-align: left;
	clear: both;
	background: url("../images/btnShowMoreWide.png") no-repeat 0 0;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1em;
	margin: 5px 0;
	padding: 7px 0 7px 25px;
	text-decoration: none;
	text-transform: uppercase;
	width: 170px;
	text-shadow: 0 1px 0 #4f830e
}
.showMoreWide a:focus, .showMoreWide a:hover {
	background-position: 0 -59px;
}
.showLess {
	display: inline-block
}
.showLess a, .showLess a:visited {
	display: inline-block;
	text-align: left;
	clear: both;
	background: url("../images/btnShowLess.png") no-repeat 0 0;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1em;
	margin: 5px 0;
	padding: 7px 0 7px 25px;
	text-decoration: none;
	text-transform: uppercase;
	width: 116px;
	text-shadow: 0 1px 0 #4f830e;
}
.showLess a:focus, .showLess a:hover {
	background-position: 0 -59px;
}
/* Content */
#contentWrapper {
	width: 100%;
}
.CWbg {
	background: url("../images/bgContent.png") #f8f8f8 repeat-x;
}
#content {
	width: 938px;
	margin: 0 auto;
	padding: 0 20px
}
.maintxt {
	padding: 0 0 20px 0;
}
.maintxt a, .maintxt a:visited {
	color: #7abb28;
	text-decoration: underline
}
.maintxt a:hover {
	text-decoration: none
}
.maintxt a:focus {
	background: #7abb28;
	text-decoration: none;
	color: #fff !important
}
a.newWindow {
	background-image: url("../images/icoNewWndw.png");
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 15px;
}
a.newWindow:focus {
	background-image: url("../images/icoNewWndw.png");
	background-repeat: no-repeat;
	background-position: right -17px;
}
.newsContent {
	margin: 0 -15px;
	padding: 20px 0 0 0
}
.newsContent li {
	list-style-type: none;
	margin: 0 0 20px 0;
	position: relative;
	padding: 0;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 10px
}
.newsContent li:first-child, .newsContent li li {
	border: none
}
.newsContent .decoLeft {
	position: absolute;
	left: 0;
	top: 0
}
.newsContent .decoRight {
	position: absolute;
	left: 238px;
	top: 0
}
.newsContent .photoFrame {
	position: absolute;
	left: 0;
	top: 10px
}
.newsContent .photoWrapper {
}
.newsContent img {
	display: block;
	border: 3px solid #e2e2e2;
}
.newsContent .news_date {
	right: 10px;
}
.newsContent h3, .newsContent h4 {
	margin: 10px 100px 0 0;
	font-weight: normal;
	font-family: ptSansBold;
	font-size: 1.333em;
	border: none;
	display: block;
	padding: 0 0 6px;
}
.newsContent .newsFirst {
	padding: 0 15px 30px 15px;
	margin: 0 0 30px 0;
	border-bottom: 4px solid #eaeaea;
}
.newsContent .newsFirst h3, .newsContent .newsFirst h4 {
	font-size: 1.67em;
}
.newsContent .newsFirst .news_date {
	position: static;
	display: block;
	margin: 10px 0
}
.newsContent .newsFirst .textColumn {
	width: 350px;
	float: left;
	margin-right: 10px
}
.news_hand .textColumn .amore {
	margin-top: 15px;
	text-align: left;
}
.newsPad {
	padding: 0 15px
}
.textColumn div a, .textColumn div a:visited {
	color: #7abb28
}
.textColumn div a:hover {
	text-decoration: none
}
.textColumn div a:focus {
	background: #7abb28;
	color: #fff
}
.newsContent h4 a, .newsContent h4 a:visited, .newsContent h3 a, .newsContent h3 a:visited {
	color: #7abb28;
	text-decoration: none
}
.newsContent h4 a:hover, .newsContent h3 a:hover {
	color: #7abb28;
	text-decoration: underline
}
.newsContent h3 a:focus, .newsContent h4 a:focus {
	background: #7abb28;
	color: #fff;
}
.photoColumn {
	float: left;
	width: 185px;

	margin-bottom: 10px
}
.textColumn {
}
.textColumn p {
	margin: 0;
}
.galColumn {
	width: 570px;
	float: right;
	padding-top: 20px
}
.galColumn .onePhoto {
	width: 360px;
	height: auto
}
.galColumn.onePhoto {
	width: 360px
}
.newsContent .newsFirst .textColumn.onePhoto {
	width: 550px
}
.noPhotoColumn p {
	margin: 0;
}
.fotohand {
	padding: 10px 0 0 0
}
.gallery {
	margin: 0 -20px 0 0;
	padding: 0
}
.galColumn ul {
	margin: 0 -20px 0 0;
	padding: 0
}
.newsContent li.ffoto, .gallery li.ffoto {
	margin: 0 20px 10px 0;
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 170px
}
.ffoto p {
	margin: 5px
}
.ffoto .photoWrapper img {
	display: block;
	border: 3px solid #e2e2e2;
}
.ffoto .photoWrapper .imgZoom, .ffoto .photoWrapper .imgLink {
	position: absolute;
	z-index: 1;
	visibility: hidden;
	border: none
}
.photoFrameZoom {
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	background: url("../images/photoFrameZoom.png") no-repeat
}
.photo {
	display: block;
}
.photo:hover .photoFrameZoom, .photo:focus .photoFrameZoom {
	background-position: 0 -150px
}
.vertGal .ffoto {
	float: left;
}
.vertGal .ffoto img {
	float: left;
	border: 3px solid #e2e2e2;
}
.midi-photo {
	float: right;
	display: block;
	margin: 0 0 30px 30px
}
.midi-photo img {
	border: 3px solid #e2e2e2;
	display: block
}
a.linkgal, a.linkgal:visited {
	color: #231f20;
	text-decoration: none;
	font-family: ptSansBold;
	font-size: 1.167em;
}
a.linkgal:hover {
	text-decoration: underline
}
a.linkgal:focus {
	text-decoration: none;
	background-color: #7abb28;
	color: #fff;
}
.files {
	margin: 0;
	padding: 10px 0 20px 0;
	font-size: 1.167em;
}
.files li {
	list-style-type: none;
	margin-bottom: 2px
}
.files li a, .files li a:visited {
	color: #231f20;
	text-decoration: none;
	background: url("../images/icoDownload.png") no-repeat;
	padding: 0 0 0 25px;
	font-family: ptSansBold
}
.files li a:hover {
	text-decoration: underline
}
.files li a:focus {
	text-decoration: none;
	background-color: #7abb28;
	color: #fff;
	background-position: 0 -40px
}
.filesize {
	font-size: 0.92em;
	color: #626262
}
.pages {
	margin: 0;
	padding: 10px 0 20px 0;
	font-size: 1.167em;
}
.pages li {
	list-style-type: none;
	margin-bottom: 2px
}
.pages li a, .pages li a:visited {
	color: #231f20;
	text-decoration: none;
	background: url("../images/icoPages.png") no-repeat;
	padding: 0 0 0 25px;
	font-family: ptSansBold;
	border: 1px solid transparent
}
.pages li a:hover {
	text-decoration: underline
}
.pages li a:focus {
	text-decoration: none;
	background-color: #7abb28;
	color: #fff;
	background-position: 0 -40px
}
.map_kol ul {
	margin: 0;
	padding: 0;
}
.map_kol ul li {
	list-style-type: none;
	margin-bottom: 2px
}
.map_kol ul li a, .map_kol ul li a:visited {
	font-size: 1.167em;
	color: #333;
	text-decoration: none;
	background: url("../images/icoLi.png") no-repeat 0 6px;
	padding: 0 0 0 15px;
}
.map_kol ul li a:hover {
	text-decoration: underline
}
.map_kol ul li a:focus {
	text-decoration: none;
	background: #7abb28 url("../images/icoLi.png") no-repeat 0 -5px;
	color: #fff;
	padding-right: 3px;
}
.map_kol ul ul {
	padding: 5px 0 10px 20px
}
.searchSeparator {
    background: #e8e8e8;
    height: 1px;
    border: 0;
}
.search_ul {
	margin: 0;
	padding: 20px 0 0 0
}
.search_ul li {
	list-style-type: none
}
.search_ul li a, .search_ul li a:visited {
	font-size: 1.167em;
	color: #333;
	text-decoration: none;
	background: url("../images/icoLi.png") no-repeat 0 6px;
	padding: 0 0 0 15px;
}
.search_ul li a:hover {
	text-decoration: underline
}
.search_ul li a:focus {
	text-decoration: none;
	background: #7abb28 url("../images/icoLi.png") no-repeat 0 -5px;
	color: #fff
}
.backLinkWrapper {
	padding: 0 0 10px 0
}
a.backLink, a.backLink:visited {
	color: #231f20;
	text-decoration: none;
	background: url("../images/icoBack.png") no-repeat;
	padding: 0 0 0 25px;
}
a.backLink:hover {
	text-decoration: underline
}
a.backLink:focus {
	text-decoration: none;
	background: url("../images/icoBack.png") no-repeat;
	background-color: #7abb28;
	background-position: 0 -40px;
	color: #fff
}
#pagination {
	text-align: center;
	padding: 10px 0;
	margin: 0
}
#pagination ul {
	margin: 0;
	padding: 0;
	text-align: center
}
#pagination ul li {
	display: inline-block;
	list-style-type: none
}
.pactive {
	display: inline-block;
	width: 26px;
	text-align: center;
	background: url("../images/pageActive.png") no-repeat;
	font-family: ptSansBold;
	color: #fff;
	padding: 5px 0;
	margin-right: 5px;
	border: none
}
.pnoactive, .pnoactive:visited {
	display: inline-block;
	width: 26px;
	font-family: ptSansBold;
	text-align: center;
	background: url("../images/pageNoActive.png") no-repeat;
	padding: 5px 0;
	margin-right: 5px;
	text-decoration: none;
	color: #3a3a3a;
	text-shadow: 0px 1px 0px #fff;
	border: none;
}
.pnoactive:hover, .pnoactive:focus {
	background-position: 0 -40px;
	color: #3a3a3a;
	text-shadow: none
}
.dots {
	display: inline-block;
	width: 28px;
	text-align: center;
	padding: 4px 0 7px 0;
	margin-right: 5px
}
#subpagesList {
	background: #f7f7f7;
	margin: 10px 0 0 0;
	padding: 10px 20px
}
#subpagesList li {
	list-style-type: none;
	display: inline-block;
	background: url("../images/toolsSep.png") no-repeat 0 8px;
	padding: 0 0 0 15px;
	margin-right: 13px
}
#subpagesList li:first-child {
	padding: 0;
	background: none
}
#subpagesList li a, #subpagesList li a:visited {
	color: #3e3e3e;
	text-decoration: none
}
#subpagesList li a:hover {
	text-decoration: underline
}
#subpagesList li a:focus {
	text-decoration: none;
	background: #7abb28;
	color: #fff
}
.txtErr {
	padding: 10px;
	text-align: center;
	border: 1px solid #921800;
	background: #f9f3f2;
	color: #921800;
	font-family: ptSansBold;
	font-size: 1.333em;
	text-shadow: 0 1px 0 #fff;
	line-height: 1.5em;
}
.txtMsg {
	padding: 10px;
	text-align: center;
	border: 1px solid #239400;
	background: #f1ffed;
	color: #239400;
	font-family: ptSansBold;
	font-size: 1.333em;
	text-shadow: 0 1px 0 #fff;
	line-height: 1.5em;
}
.txtErr a, .txtErr a:visited {
	color: #921800
}
.txtErr a:hover {
	text-decoration: none
}
.txtErr a:focus {
	background: #921800;
	color: #fff
}
.leadtxt_search {
	padding: 0 0 10px 15px
}
/* Bottom */
#footerWrapper {
	width: 100%;
	border-top: 4px solid #e2e2e2;
	border-bottom: 4px solid #7abb28;
}
#footer {
	width: 980px;
	min-height: 240px;
	margin: 0 auto;
	position: relative;
}
#footer a, #footer a:visited {
	color: #7abb28;
	text-decoration: none
}
#footer a:hover {
	text-decoration: underline;
}
#footer a:focus {
	background: #7abb28;
	text-decoration: none;
	color: #fff !important
}
#footerContact {
	width: 350px;
	position: absolute;
	bottom: 20px;
	right: 0;
	text-align: right;
}
#social {
	position: absolute;
	bottom: 40px;
	right: 370px;
}
#socialLinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#socialLinks li {
	float: left;
	margin: 0 0 0 4px;
}
#footerLinks {
	position: absolute;
	bottom: 10px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footerLinks li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	background: url("../images/dot.png") no-repeat right 8px;
}
#footerLinks li:last-child {
	background: none;
}
/* Partners */
#partnersWrapper {
	width: 100%;
}
#partnersContent {
	width: 980px;
	margin: 0 auto;
	height: 124px;
	position: relative
}
#partnersHeadWrapper {
}
#partnersList {
	margin: 0;
	padding: 0
}
#partnersList li {
	list-style-type: none;
	float: left;
	margin-right: 20px
}
#partnersList li a {
	border: 2px solid transparent;
	display: block
}
#partnersList li a img {
	display: block
}
#partnersList li a:focus {
	border-color: #7abb28;
}
#partnersListWrapper {
	position: absolute;
	left: 20px;
	top: 60px
}
.parnterList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.parnterList .pImg {
	display: inline-block;
	width: 220px;
	height: auto;
}
#partnersWrapper h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 15px 0 15px 20px;
}
#partnersPause {
	width: 16px;
	height: 17px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 140px;
	top: 15px
}
#partnersPause:focus {
	outline: 2px solid #7abb28;
}
/* Path */
#pathWrapper {
}
#pathWrapper p {
	margin: 0;
	padding: 20px 0 20px 0;
	float: left
}
#pathWrapper a, #pathWrapper a:visited {
	color: #666;
	text-decoration: none
}
#pathWrapper a.lpath {
	font-family: ptSansBold
}
#pathWrapper a:hover {
	text-decoration: underline
}
#pathWrapper a:focus {
	background: #7abb28;
	text-decoration: none;
	color: #fff !important
}
.urhere {
	margin-right: 20px
}
.pathSep {
	margin: 0 13px;
	color: #cecece;
	font-size: 0.92em
}
.lastPath {
	font-weight: bold;
	color: #3a3a3a !important
}
#path {
	float: left;
	margin: 20px 0;
	padding: 0
}
#path li {
	list-style-type: none;
	display: inline
}
/* Newsletter */
.btnForm {
	display: block;
	background: url("../images/btnMore.png") no-repeat;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1em;
	margin: 5px 0;
	padding: 8px 0 7px 0;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 1px 0 #4f830e;
        border: none;
        width: 68px;
}
.btnForm:hover, btnForm:focus {
    background-position: 0 -50px;
}
.padForm {
    margin: -20px 0 0 25px;
}
/* Zamówienie */
#orderContainer {
	padding-top: 50px;
	margin-left: -20px
}
#orderWrapper {
	width: 978px;
	margin: 0 0 15px 0;
	background: #fafafa;
	position: relative;
	border: 2px solid #ccc;
	box-sizing: border-box
}
#orderWrapper .shadow {
	width: 950px;
	bottom: -6px;
	left: 3px
}
#orderBot {
	background: url("../images/normalBot.png") no-repeat;
	width: 21px;
	height: 26px;
	position: absolute;
	right: -2px;
	bottom: -2px
}
#steps {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	top: -50px
}
#steps li {
	display: inline-block;
	list-style-type: none;
	background: #fafafa;
	font-family: ptSansBold;
	font-size: 1.5em;
	border: 2px solid #e6e6e6;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	box-sizing: border-box;
	margin: 0 6px 0 0;
	padding: 16px 15px 4px 15px;
	border-bottom: none;
	color: #3a3a3a;
	height: 48px;
	vertical-align: top;
	position: relative
}
#steps li.active {
	border-color: #ccc;
	height: 50px;
	margin-top: 0
}
#steps li a, #steps li a:visited {
	display: block;
	color: #3a3a3a;
	text-decoration: none;
	position: relative;
	height: 8px;
	margin-top: -14px;
	padding: 14px 0 24px 0
}
#steps li a:hover .stepName, #steps li a:focus .stepName {
	color: #7abb28
}
#steps li a:hover .step, #steps li a:focus .step {
	background-image: url("../images/pageActive.png");
	color: #fff;
	text-shadow: 0px 1px 0px #4f830e
}
#steps li.active a {
	background: url("../images/arrGreen_.png") center 38px no-repeat
}
#steps li.active a .stepName, #steps li.active a:visited .stepName {
	color: #7abb28
}
#steps li .stepName {
	display: block;
	float: left
}
#steps li .step {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	background: url("../images/pageNoActive.png") no-repeat;
	position: relative;
	top: -5px;
	left: -4px;
	text-align: center;
	font-size: 0.889em;
	text-shadow: 0px 1px 0px #fff;
	margin: 0 5px 0 0
}
#steps li .stepNumber {
	display: block;
	position: relative;
	top: 5px
}
#steps li.active .step {
	background-image: url("../images/pageActive.png");
	color: #fff;
	text-shadow: 0px 1px 0px #4f830e
}
.activeBorderTop {
	background: url("../images/liActive.png") repeat-x;
	height: 4px;
	margin: -18px -14px 0 -14px;
	padding-top: 14px
}
.activeBorderTopLeft {
	background: url("../images/liActivetl.png") no-repeat;
	width: 3px;
	height: 4px;
	position: absolute;
	left: -17px;
	top: -4px
}
.activeBorderTopRight {
	background: url("../images/liActivetr.png") no-repeat;
	width: 3px;
	height: 4px;
	position: absolute;
	right: -17px;
	top: -4px
}
.stepWrapper {
	padding: 20px;
	font-family: ptSans
}
.stepWrapper div {
	font-size: 1.083em
}
.font15 {
	font-size: 1.25em
}
#choosePackage {
	margin: 20px 0;
	padding: 0;
	text-align: center
}
#choosePackage li {
	list-style-type: none;
	display: inline-block;
	box-sizing: border-box;
	background: #fff;
	width: 200px;
	height: 200px;
	margin-right: 16px;
	text-align: left
}
.packageItem, .packageItem:visited {
	display: block;
	padding: 15px;
	height: 200px;
	text-decoration: none;
	transition: border 1s ease;
	-webkit-transition : border 1s ease;
	-moz-transition : border 1s ease;
	-o-transition : border 1s ease;
	border: 2px solid #f2f2f2;
	position: relative;
	box-sizing: border-box
}
.packageItem h3 {
	font-size: 2.833em;
	margin: 0;
	padding: 65px 0 0 25px
}
.packageItem h3 span {
	font-size: 0.441em;
	color: #959595;
	display: block;
	font-family: ptSans;
	text-align: left;
	padding: 0 0 10px 0;
}
.packageItem h3 span.choose {
	font-size: 0.382em;
	color: #3a3a3a;
	text-transform: uppercase;
	position: absolute;
	left: 60px;
	bottom: -70px;
	font-family: ptSansBold
}
.packageItem div {
	width: 17px;
	height: 17px;
	overflow: hidden;
	position: absolute;
	left: 50px;
	bottom: 12px
}
.delModules {


	margin: 0 0 0 10px
}
#modules li {
	margin-bottom: 5px;
	border-bottom: none
}
#addModulesWrapper {
	font-size: 1em
}
#starter.packageItem h3 {
	color: #7abb28
}
#progres.packageItem h3 {
	color: #e51e25
}
#lider.packageItem h3 {
	color: #08a3dc
}
#prestige.packageItem h3 {
	color: #f4a51c
}
#starter.packageItem {
	background: url("../images/startIco.png") no-repeat 80px 30px
}
#progres.packageItem {
	background: url("../images/progresIco.png") no-repeat 66px 16px
}
#lider.packageItem {
	background: url("../images/liderIco.png") no-repeat 66px 12px
}
#prestige.packageItem {
	background: url("../images/prestigeIco.png") no-repeat 66px 10px
}
#starter.packageItem:hover, #starter.packageItem:focus, #starter.activePackage {
	border-color: #7abb28
}
#progres.packageItem:hover, #progres.packageItem:focus, #progres.activePackage {
	border-color: #e51e25
}
#lider.packageItem:hover, #lider.packageItem:focus, #lider.activePackage {
	border-color: #08a3dc
}
#prestige.packageItem:hover, #prestige.packageItem:focus, #prestige.activePackage {
	border-color: #f4a51c
}
.activePackage img {
	margin-top: -133px
}
input[type="radio"] {
	clip: rect(1px, 1px, 1px, 1px);
	display: block;
	position: absolute
}
input[type="radio"] + label {
	vertical-align: top
}
input[type="radio"] + label span.radio {
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: top;
	cursor: pointer;
	margin-left: 0;
	background: url("../images/radio.png") no-repeat
}
input[type="radio"] + label span.radio:hover, input[type="radio"] + label span.radio:focus {
	background-position: 0 0
}
input[type="radio"]:checked + label span.radio {
	background-position: 0 -100px
}
span.label {
	display: inline-block;
	margin: -18px 0 0 10px
}
#template {
	margin: 30px 0;
	padding: 0 20px
}
#template li {
	list-style-type: none;
	margin-bottom: 20px
}
#templateNumber {
	background: #fff;
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #a7a7a7;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	margin: -6px 0 0 20px;
	width: 60px;
	border-radius: 3px;
	-moz-border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px;
	transition: border 1s ease;
	-webkit-transition: border 1s ease;
	-moz-transition : border 1s ease;
	-o-transition : border .5s ease
}
#templateNumber:focus {
	border-color: #7abb28
}
#templateNumber:disabled {
	background: #fafafa
}
#linkCatalogue, #linkCatalogue:visited {
	color: #7abb28;
	background: url("../images/icoCatalogue.png") no-repeat;
	font-family: ptSansBold;
	text-decoration: none;
	display: inline-block;
	padding: 6px 0 6px 36px;
	margin: -7px 0 0 70px
}
#linkCatalogue:hover, #linkCatalogue:focus {
	text-decoration: underline
}
#addModules {
	margin-left: 20px;
	font-size: 0.92em
}
.buttonSubmit {
	display: inline-block;
	text-align: center;
	clear: both;
	background: url("../images/button.png") no-repeat 0 0;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1.500em;
	padding: 10px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 179px;
	text-shadow: 0 1px 0 #4f830e;
	border: none
}
.buttonSubmit:focus, .buttonSubmit:hover {
	background-position: 0 -62px;
}
.messageErr {
	border: 2px solid #e51e25;
	background: #fff3f3 url('../images/icoError.png') no-repeat 10px 10px;
	padding: 10px 20px 10px 40px;
	color: #e51e25;
	font-weight: bold
}
.messageSuccess {
	border: 2px solid #7abb28;
	background: #f9fff2;
	padding: 10px 20px 10px 20px;
	color: #7abb28
}
.required {
	border: none !important;
	color: #e72b31;
	font-size: 1.5em;
	vertical-align: -4px
}
.labelForm {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	padding: 6px 0 0 0
}
.checkbox {
	display: inline-block;
	margin-left: 10px
}
.checkboxLabel {
	display: inline-block;
	vertical-align: top;
	width: 800px;
	padding: 0 0 0 10px
}
.checkboxLabel .label {
	margin-left: 30px
}
.inputText, .inputSelect, .inputTextarea, .inputTextSmall {
	background: #fff;
	border: 1px solid #e2e2e2;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	border-radius: 3px;
	-moz-border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px;
	transition: border 1s ease, color 1s ease;
	-webkit-transition: border 1s ease, color 1s ease;
	-moz-transition : border 1s ease, color 1s ease;
	-o-transition : border .5s ease, color 1s ease;
	color: #8a8a8a
}
.inputText:disabled {
	background:#eee;
	border: 1px solid #ddd;
}
.inputText:focus, .inputSelect:focus, .inputTextarea:focus {
	border-color: #7abb28;
	color: #3a3a3a
}
.inputTextarea {
	height: 90px;
	line-height: 1.5em;
	padding: 5px 10px
}
.inputError {
	border-color: #e51e25
}
.inputHeight {
	height: 60px;
	position: relative
}
.textareaHeight {
	margin:0 0 30px;
}
.nameErr {
	position: absolute;
	left: 720px;
	top: -10px;
	display: block
}
.normErr {
	position: absolute;
	left: 450px;
	top: -20px;
	display: block
}
.normErr2 {
	top: -8px
}
.biggerErr {
	position: absolute;
	left: 515px;
	top: -20px;
	display: block
}
.domainErr {
	position: absolute;
	left: 615px;
	top: -20px;
	display: block
}
label a, label a:visited {
	color: #7abb28;
	text-decoration: underline
}
label a:hover {
	text-decoration: none
}
label a:focus {
	background: #7abb28;
	text-decoration: none;
	color: #fff !important
}
.resumeList {
	margin: 20px 0 40px;
	padding: 0
}
.resumeList li {
	list-style-type: none;
	margin-bottom: 10px;
	border-bottom: 2px solid #eee;
	padding-bottom: 5px
}
.resumeList li li {
	border-bottom: none
}
.inlineBl {
	display: inline-block;
	vertical-align: top
}
.resume {
	width: 300px
}
.modulesList {
	margin-left: 300px
}
.resumeList .starter {
	color: #7abb28;
	display: block;
	background: url("../images/startIcoSm.png") no-repeat;
	padding: 6px 0 6px 30px;
	border: none
}
.resumeList .progres {
	color: #e51e25;
	display: block;
	background: url("../images/progresIcoSm.png") no-repeat;
	padding: 6px 0 6px 30px;
	border: none
}
.resumeList .lider {
	color: #08a3dc;
	display: block;
	background: url("../images/liderIcoSm.png") no-repeat;
	padding: 6px 0 6px 30px;
	border: none
}
.resumeList .prestige {
	color: #f4a51c;
	display: block;
	background: url("../images/prestigeIcoSm.png") no-repeat;
	padding: 6px 0 6px 30px;
	border: none
}
.resumeTxt {
	margin-top: -50px
}
.resumeTxt p {
	margin: 0
}
.bgTemplate {
	width: 100%;
	opacity: 1;
	z-index: 1000;
	position: absolute;
	top: 0;
	min-height: 100%;
	height: auto;
	min-width: 100%
}
.bgTemplateOrder {
	width: 100%;
	opacity: 1;
	z-index: 1100;
	position: absolute;
	top: 0;
	min-height: 100%;
	height: auto
}
.templateWrapper {
	width: 978px;
	margin: 0 auto;
	position: relative;
	z-index: 2
}
.bg {
	width: 100%;
	height: 100%;
	background: #fafafa;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
	min-width: 100%;
	min-height: 100%
}
#closeBig {
	opacity: 0;
	width: 52px;
	height: 52px;
	overflow: hidden;
	display: block;
	position: fixed;
	right: 0;
	top: 5px;
	left: 50%;
	margin-left: 437px;
	z-index: 20
}
#closeBig img {
	display: block
}
.closeBigHover {
	opacity: 0
}
#templateTopWrapper {
	padding: 12px 70px;
	width: 830px;
	background: #fafafa;
	position: relative;
	z-index: 3
}
#templateTopWrapper .templDel {
	float: none;
	margin-top: 5px;
	display: block
}
#templateTopWrapper .templFav {
	float: none;
	margin-top: 5px;
	display: block
}
.templateTopSlice {
	width: 33%
}
.templTopFav, .favourite {
	display: block;
	margin-top: 5px;
	float: right
}
#templateText {
	padding: 20px 0;
	margin-bottom: 140px;
	position: relative;
	z-index: 2
}
#templateContentWrapper {
	padding: 0 70px;
	width: 838px;
	overflow: hidden;
	min-height: 100%
}
#templateName h1 {
	font-family: ptSansBold;
	font-weight: normal;
	text-align: center;
	color: #3a3a3a;
	margin: 10px 0;
	padding: 0 10px 0 0;
	font-size: 1.583em;
	position: relative;
	z-index: 2
}
#templateImage {
	width: 838px;
	overflow: hidden;
	position: relative;
	z-index: 2
}
#templateImage img {
	border: 2px solid #e2e2e2
}
#templateTopWrapper .templOrder {
	margin: 0
}
#templateTopWrapper.sticky {
	position: fixed;
	top: 0
}
#templateSliderLeft {
	width: 52px;
	position: fixed;
	left: 50%;
	margin-left: -489px;
	min-height: 100%;
	z-index: 10
}
#templateSliderRight {
	width: 52px;
	position: fixed;
	right: 50%;
	margin-right: -489px;
	min-height: 100%;
	z-index: 10
}
#contentPrev, #contentNext {
	position: absolute;
	top: 50%;
	margin: -80px 0 0 0;
	display: block;
	width: 52px;
	height: 52px;
	overflow: hidden
}
#contentPrev {
	left: 0
}
#contentNext {
	right: 0
}
#contentPrev img, #contentNext img {
	display: block
}
.contentHover {
	opacity: 0
}
#templateFiltersWrapper {
	padding: 0 70px
}
.templateFilterLeft {
	width: 300px;
	float: left
}
.templateFilterRight {
	width: 536px;
	float: left
}
#filters {
	margin: 10px 0;
	padding: 0
}
#filters li {
	list-style-type: none;
	display: inline-block;
	margin: 0 16px 6px 0;
	background: #f5f5f5;
	border: 1px solid #e2e2e2;
	height: 24px;
	line-height: 24px;
	padding: 1px 10px 1px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.margLeft-9 {
	margin-left: -9px
}
#filters .filterWrap {
	margin-right: 10px
}
#filters .colorWrap {
	margin-right: 10px
}
#templateBottomWrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 144px;
	background: #fafafa;
	border-top: 2px solid #ccc;
	z-index: 11
}
#templateBottom {
	width: 978px;
	margin: 0 auto;
	position: relative
}
#templateBottom ul {
	margin: 0;
	padding: 0
}
#templateBottom ul li {
	list-style-type: none
}
.bottomSlide {
	width: 52px;
	height: 52px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 40px
}
.bottomSlide img {
	display: block
}
#bottomPrev {
	left: 0
}
#bottomNext {
	right: 0
}
.bottomHover {
	display: block;
	opacity: 0
}
#bottomTemplates {
	width: 768px;
	overflow: hidden;
	margin: 10px 0 0 105px;
	height: 126px
}
#bottomTemplatesList {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 126px;
	white-space: nowrap
}
#bottomTemplatesList li {
	list-style-type: none;
	display: inline-block;
	width: 128px;
}
.bottomLink, .bottomLink:visited {
	text-decoration: none;
	font-family: ptSansBold;
	color: #3a3a3a;
	font-size: 1.250em;
	display: block;
	border: 2px solid transparent;
	padding: 10px;
	width: 104px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.bottomLinkActive, .bottomLink:hover, .bottomLink:focus {
	border: 2px solid #fff;
	background: #f0f0f0;
	outline: none
}
.bottomLink:active {
	outline: none
}
.bottomLink img {
	height: auto;
	max-width: 100px;
	display: block;
	border: 2px solid #ccc;
	display: block
}
.bottomLink p {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center
}
#actions {
	margin: 30px -20px;
	padding: 0
}
#actions li {
	list-style-type: none;
	display: block;
	width: 470px;
	margin-right: 36px;
	height: 241px;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 20px;
	position: relative
}
.marginRightMinus {
	margin-right: -20px !important
}
#actions li .whiteBot {
	width: 21px;
	height: 26px;
	background: url("../images/whiteBot.png") no-repeat;
	position: absolute;
	right: 0;
	bottom: 4px;
	z-index: 1
}
#actions li .shadowBot {
	width: 443px;
	height: 4px;
	background: #f3f3f3;
	position: absolute;
	left: 4px;
	bottom: 0
}
#actions li h4 {
	margin: 20px 170px 20px 20px
}
#actions .actionsShort {
	margin: 0 190px 0 20px
}
#partnersSubpageWrapper {
	position: relative;
	margin: 130px -20px 0 -20px;
	padding-bottom: 40px
}
#partnersSubpageContent {
	position: absolute;
	left: 64px;
	top: -90px;
	padding: 0;
	width: 850px;
	height: 92px;
	overflow: hidden;
	z-index: 2;
}
#partnersSubpage {
	white-space: nowrap;
	margin: 0;
	padding: 0
}
#partnersSubpage li {
	list-style-type: none;
	margin-left: 6px;
	display: inline-block;
	min-height: 92px;
	vertical-align: top;
	position: relative
}
#partnersSubpage li:first-child {
	margin-left: 0
}
.partnerLink {
	display: block;
	width: 158px;
	height: 88px;
	border: 2px solid #e6e6e6;
	text-align: center;
	line-height: 88px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	position: relative;
	border-bottom: none
}
.partnerLink img {
	vertical-align: middle
}
.partnerLinkActive {
	border-color: #cccccc;
	background: #fff url("../images/arrGreen_.png") no-repeat center bottom;
	height: 90px
}
.partnersDescription {
	border: 2px solid #ccc;
	width: 934px;
	padding: 30px 20px;
	position: relative;
	z-index: 1
}
.partnerDesc {
	display: none;
	opacity: 0
}
.borderTopLeft {
	position: absolute;
	left: -2px;
	top: -2px;
	width: 3px;
	height: 4px;
	background: url("../images/liActivetl.png")
}
.borderTopRight {
	position: absolute;
	right: -2px;
	top: -2px;
	width: 3px;
	height: 4px;
	background: url("../images/liActivetr.png") no-repeat
}
.borderTop {
	background: url("../images/liActive.png") repeat-x;
	height: 4px;
	width: 158px;
	position: absolute;
	left: 0;
	top: -2px
}
.checked {
	display: none
}
.arrowChecked {
	width: 9px;
	height: 8px;
}
.partnerDescActive {
	display: block;
	opacity: 1
}
#partnersSlider {
	margin: 0;
	padding: 0
}
#partnersSlider li {
	list-style-type: none
}
.partnerBtnSlide {
	display: block;
	width: 52px;
	height: 52px;
	overflow: hidden
}
.partnerBtnSlide img {
	display: block
}
#partnerBtnPrev, #partnerBtnNext {
	position: absolute;
	top: -70px
}
#partnerBtnPrev {
	left: 0
}
#partnerBtnNext {
	right: 0
}
.partnerSliderHover {
	opacity: 0
}
#chooseWrapper {
	width: 580px;
	height: 340px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -170px 0 0 -290px;
	z-index: 10;
	border: 4px solid #cccccc;
	font-family: ptSansBold;
	font-size: 1.667em;
	text-align: center;
	line-height: 1.5em
}
#chooseWrapper .packageName {
	font-size: 1.700em;
	margin: 0 20px;
	vertical-align: -3px
}
#chooseWrapper .starter {
	color: #7abb28;
	border: none;
	background: none
}
#chooseWrapper .progres {
	color: #e51e25;
	border: none;
	background: none
}
#chooseWrapper .lider {
	color: #08a3dc;
	border: none;
	background: none
}
#chooseWrapper .prestige {
	color: #f4a51c;
	border: none;
	background: none
}
#chooseWrapper .starterIco {
	vertical-align: -15px
}
#chooseWrapper .progresIco {
	vertical-align: -20px
}
#chooseWrapper .liderIco {
	vertical-align: -20px
}
#chooseWrapper .prestigeIco {
	vertical-align: -17px
}
#chooseWrapper a, #chooseWrapper a:visited {
	color: #fff;
	display: inline-block;
	width: 179px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.900em;
	padding: 7px 0
}
#chooseWrapper a:focus, #chooseWrapper a:hover {
	background-position: 0 -62px
}
.starterLink {
	background: url("../images/button.png") no-repeat;
	text-shadow: 0 1px 0 #4f830e
}
.progresLink {
	background: url("../images/progresBut.png") no-repeat;
	text-shadow: 0 1px 0 #890c11
}
.liderLink {
	background: url("../images/liderBut.png") no-repeat;
	text-shadow: 0 1px 0 #097197
}
.prestigeLink {
	background: url("../images/prestigeBut.png") no-repeat;
	text-shadow: 0 1px 0 #875a0c
}
.starterPosition {
	margin: 0 0 0 40px;
	position: relative;
	top: -100px
}
.starterImg {
	border: 3px solid #e2e2e2;
}
.margTop40 {
	margin-top: 40px
}
.selectedTemplateImage {
	display: block
}
.selectedGreen {
	color: #7abb28
}
#orderInfoWrapper {
	width: 100%;
	height: 50px;
	background: #3a3a3a
}
#orderInfo {
	width: 978px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	color: #fff
}
#orderInfo p {
	margin: 0;
	padding: 16px;
	font-family: ptSansBold;
	font-size: 1.083em
}
#orderInfo .icon {
	margin: -16px 10px 0 10px;
	display: inline-block;
	vertical-align: -10px
}
#cancelOrder, #cancelOrder:visited {
	position: absolute;
	right: 0;
	top: 16px;
	color: #7abb28;
	text-decoration: none
}
#cancelOrder:hover, #cancelOrder:focus {
	text-decoration: underline
}
.orderLink, .orderLink:visited {
	color: #7abb28
}
.orderLink:hover, .orderLink:focus {
	text-decoration: none
}
.movieList {
	margin: 0;
	padding: 0 0 0 20px
}
.movieList li {
	list-style-type: none;
	display: inline-block;
	width: 445px;
	height: 127px;
	border: 2px solid #e2e2e2;
	margin-right: 16px;
	margin-bottom: 16px;
	position: relative;
	vertical-align: top
}
.movieBot {
	width: 20px;
	height: 26px;
	background: url("../images/greenBot.png") no-repeat;
	position: absolute;
	right: -2px;
	bottom: -2px
}
.movieList img {
	position: absolute;
	left: 0;
	top: 0
}
.movieList h4 {
	margin: 18px 20px 5px 190px;
	font-size: 1.25em
}
.movieList p {
	position: absolute;
	left: 190px;
	bottom: 5px;
	margin: 0
}
.movieTime {
	display: block;
	background: url("../images/icoTime.png") no-repeat 0 2px;
	color: #b5b5b5;
	padding: 0 0 0 20px
}
.movieSep {
	background: #eaeaea;
	height: 4px
}
.btnView, .btnView:visited {
	display: inline-block;
	background: url("../images/btnView.png") no-repeat;
	color: #fff;
	font-family: PTSansBold;
	font-size: 1em;
	margin: 5px 0;
	padding: 8px 0 7px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 80px;
	text-shadow: 0 1px 0 #4f830e;
	text-align: center
}
.btnView:focus, .btnView:hover {
	background-position: 0 -50px;
}
.group {
	border-bottom: 4px solid #eaeaea;
	margin: 0 -15px;
	padding: 4px 15px
}
#movies h3 a, #movies h3 a:visited {
	color: #3a3a3a;
	text-decoration: none;
	padding: 0 20px 0 0;
	display: inline-block
}
#movies h3 a:hover, #movies h3 a:focus {
	text-decoration: underline
}
#movies h3.ui-state-default a {
	background: url("../images/arrGreen_.png") no-repeat right 5px
}
#movies h3.ui-state-active a {
	background: url("../images/arrGreen.png") no-repeat right 5px
}
#promotions {
	margin: 30px -20px 40px -20px;
	padding: 0;
	border-bottom: 4px solid #eaeaea
}
#promotions li {
	display: inline-block;
	width: 470px;
	margin-right: 36px;
	margin-bottom: 20px;
	vertical-align: top
}
#promotions li img {
	width: 470px;
	height: auto
}
/* Asystent */
#assistantContainer {
	margin-left: -20px
}
#assistantWrapper {
	width: 978px;
	margin: 0 0 15px 0;
	background: #fafafa;
	position: relative;
	border: 2px solid #ccc;
	box-sizing: border-box;
	padding: 20px
}
#assistantQuestions {
	width: 658px;
	float: left
}
.question {
	font-size: 1.462em
}
#questionStart {
	outline: none
}
#question {
	padding-right: 40px
}
#tipSwitcher {
	position: absolute;
	right: 10px;
	top: -5px
}
#tipSwitcher {
	outline: none
}
#tipWrapper {
	max-width: 300px;
	background: #fff;
	box-sizing: border-box;
	border: 2px solid #ccc;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 2;
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}
#tipWrapper a, #tipWrapper a:visited {
	color: #4f830e
}
#tipWrapper a:hover {
	text-decoration: none
}
#tipWrapper a:focus {
	background: #7abb28;
	text-decoration: none;
	color: #fff !important
}
.hidden {
	display: none
}
.hideTip {
	opacity: 0;
	position: absolute;
	left: -9000em
}
.showTip {
	opacity: 1
}
#tipArrow {
	position: absolute;
	right: 0;
	top: -33px;
	display: block
}
#question {
	position: relative;
	left: 0
}
#inputs {
	width: 200px;
	margin: 0 auto;
	padding: 20px 0
}
#inputsWrapper .label {
	text-transform: uppercase;
	margin-bottom: 5px
}
#errors {
	outline: none;
	color: #e51e25;
	text-transform: uppercase
}
#assistantGraph {
	position: relative;
	height: 280px;
	float: left
}
#assistantGraph .label {
	text-transform: uppercase;
	font-size: 1.167em;
	margin: 0;
	text-align: center;
	width: 110px
}
#assistantGraph .label span {
	display: block;
	color: #7abb28
}
#budgetLabel {
	position: absolute;
	left: 20px;
	top: 210px
}
#efectLabel {
	position: absolute;
	left: 150px;
	top: 210px
}
.coin {
	width: 40px;
	height: 11px;
	display: none;
	background: url("../images/coin.png") no-repeat;
	position: absolute
}
.coinSh {
	width: 73px;
	height: 12px;
	display: none;
	background: url("../images/coinSh.png") no-repeat;
	position: absolute;
	left: 38px;
	bottom: 86px
}
.dartBoard {
	width: 109px;
	height: 42px;
	display: none;
	background: url("../images/dartBoard.png") no-repeat;
	position: absolute;
	left: 150px;
	bottom: 75px
}
#dart1 {
	width: 28px;
	height: 78px;
	display: none;
	background: url("../images/dart1.png") no-repeat;
	position: absolute;
	left: 230px;
	bottom: 98px
}
#dart2 {
	width: 16px;
	height: 60px;
	display: none;
	background: url("../images/dart2.png") no-repeat;
	position: absolute;
	left: 185px;
	bottom: 105px
}
#dart3 {
	width: 29px;
	height: 74px;
	display: none;
	background: url("../images/dart3.png") no-repeat;
	position: absolute;
	left: 160px;
	bottom: 100px
}
#dart4 {
	width: 19px;
	height: 77px;
	display: none;
	background: url("../images/dart4.png") no-repeat;
	position: absolute;
	left: 205px;
	bottom: 100px
}
.tooltipText {
	position: absolute;
	z-index: 1000;
	background: #7abb28;
	display: none;
	padding: 10px;
	color: #fff;
	border: 2px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	top: 10px;
	white-space: nowrap
}
.ttLeft {
	left: 20px
}
.ttRight {
	right: 20px
}
.ttLeftFav {
	top: 90px;
	right: 10px
}
.ttBigLeft {
	top: 20px;
	left: 80px
}
.ttBigRight {
	top: 20px;
	right: 80px
}
.noAnswer {
	margin: 80px 0 0 0;
	font-size: 1.143em
}
.btnBack {
	color: #fff !important;
	display: inline-block;
	padding: 12px 0
}
.assistantPack h3 {
	font-size: 2.833em;
	margin: 0;
	text-transform: capitalize
}
.assistantStarter {
	color: #7abb28
}
.assistantProgres {
	color: #e51e25
}
.assistantLider {
	color: #08a3dc
}
.assistantPrestige {
	color: #f4a51c
}
.assistantPack ul {
	margin: 10px 0;
	padding: 0
}
.assistantPack ul li {
	list-style-type: none
}
.assistantPack ul.assistantLinks {
	margin: 30px 0;
	padding: 0
}
.assistantLinks li {
	display: inline-block;
	margin-right: 20px
}
.assistantLink, .assistantLink:visited {
	color: #fff;
	display: inline-block;
	width: 179px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: ptSansBold;
	padding: 12px 0;
	text-align: center;
	font-size: 1.500em
}
.assistantLink:focus, .assistantLink:hover {
	background-position: 0 -62px
}
#references {
	margin: 20px 0;
	padding: 0
}
#references li {
	list-style-type: none;
	margin-bottom: 30px
}
.referencePhoto {
	width: 126px;
	height: 126px;
	background: url("../images/referencePhoto.png") no-repeat
}

.referencePhoto_1 {
	float: left
}
.referencePhoto_2 {
	float: right;
	margin-right: -15px
}
.referencePhoto img {
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	border-radius: 9999px;
	width: 120px;
	height: 120px;
	margin: 2px 0 0 3px
}
.referenceText {
	position: relative
}
.referenceText p {
	margin: 0;
	position: relative;
	top: -30px;
	padding: .5em 0
}
.referenceText_1 {
	margin-left: 105px;
	position: relative
}
.referenceText_1_top {
	width: 852px;
	height: 45px;
	background: url("../images/referenceTopLeft.png") no-repeat
}
.referenceText_1_content {
	width: 782px;
	background: url("../images/referenceBody.png") repeat-y;
	margin-left: 30px;
	padding: 0 20px
}
.referenceText_1_bottom {
	width: 822px;
	height: 8px;
	background: url("../images/referenceBottom.png") no-repeat;
	margin-left: 30px
}
.referenceText_2 {
	margin-right: 105px;
	position: relative
}
.referenceText_2_top {
	width: 852px;
	height: 45px;
	background: url("../images/referenceTopRight.png") no-repeat
}
.referenceText_2_content {
	width: 782px;
	background: url("../images/referenceBody.png") repeat-y;
	padding: 0 20px;
	position: relative
}
.referenceText_2_bottom {
	width: 822px;
	height: 8px;
	background: url("../images/referenceBottom.png") no-repeat
}
.referenceText p.referenceName {
	font-weight: bold;
	color: #f4a51c;
	margin: 0;
	padding: 0 80px 0 0;
	top: -20px
}
.referenceNameStart, .referenceNameStart:visited {
	font-weight: bold;
	color: #f4a51c;
	margin: 1em 4em 0 0;
	text-decoration: none;
	display: inline-block
}
.referenceNameStart:hover, .referenceNameStart:focus {
	text-decoration: underline
}
.referenceText p.referenceLink {
	margin: 0;
	padding: 0;
	top: -10px
}
.referenceLink a, .referenceLink a:visited {
	color: #7abb28;
	text-decoration: none
}
.referenceLink a:focus, .referenceLink a:hover {
	text-decoration: underline
}
.referenceText a, .referenceText a:visited {
	color: #7abb28
}
.referenceText a:hover, .referenceText a:focus {
	text-decoration: none
}
.referenceCita {
	width: 47px;
	height: 36px;
	background: url("../images/bgCita.png") no-repeat;
	position: absolute;
	bottom: 30px
}
.referenceText_1 .referenceCita {
	right: 5px
}
.referenceText_2 .referenceCita {
	right: 37px
}
/* Newsletter */
.btnForm {
    
}

/* Table */
#tablePack {
	margin: 0 -20px;
	background: #fff;
	display: none;
	padding-top: 1px
}
#tablePack table {
	width: 100%;
	border: 2px solid #fff;
	border-collapse: separate;
	background: #fafafa;
	margin-top: 40px
}
#tablePack th {
	background: #fff;
	position: relative;
	height: 30px
}
#tablePack td {
	border: 1px solid #fff;
	text-align: center
}
#tablePack td:first-child {
	text-align: left;
	padding: 10px 20px
}
#tablePack th {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	border-top: none;
	border-bottom: none;
	color: #fff;
	font-family: ptSansBold;
	font-size: 1.500em
}
#tablePack th img {
	position: absolute;
	left: 50%;
	margin-left: -36px;
	z-index: 2;
	top: -33px
}
#tablePack .thStarter {
	background: #7abb28;
	text-shadow: 0 1px 0 #4f830e;
	width: 130px
}
#tablePack .thProgres {
	background: #e51e25;
	text-shadow: 0 1px 0 #890c11;
	width: 130px
}
#tablePack .thLider {
	background: #08a3dc;
	text-shadow: 0 1px 0 #097197;
	width: 130px
}
#tablePack .thPrestige {
	background: #f4a51c;
	text-shadow: 0 1px 0 #875a0c;
	width: 130px
}
#tablePack td.price {
	color: #fff;
	font-size: 1.500em;
	line-height: 1.500em;
	font-family: ptSansBold;
	padding-top: 8px
}
#tablePack td.price span {
	font-size: .7em
}
#tablePack td.subTableHeader {
	text-align: center;
	background: #fff;
	font-weight: bold;
	font-size: 1.167em
}
#tablePack td.tdText {
	font-weight: bold
}
.showPack {
	padding: 0;
	margin-bottom: 30px
}
.showPack a, showPack a:visited {
	text-decoration: none;
	font-family: ptSansBold;
	font-size: 1.500em;
	display: inline-block;
	color: #3a3a3a;
	background: url("../images/bgShowPack.png") no-repeat right 4px;
	padding: 0 20px 0 0;
	outline: none
}
.showPack a:hover, .showPack a:focus {
	text-decoration: underline
}
#securityWrapper a, securityWrapper a:visited {
	color: #7abb28
}
#securityWrapper a:hover, #securityWrapper a:focus {
	text-decoration: none
}
#security {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center
}
#security li {
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	width: 170px
}
#security ul {
	margin: -20px 0 0 -3px;
	padding: 20px 0 0 0;
	background: url("../images/bg-list.png") no-repeat;
	height: 240px;
	position: relative;
	z-index: 1
}
.securityBox {
	background: url("../images/bg-list.png") no-repeat center bottom;
	height: 222px;
	position: relative;
	z-index: 1;
}
.securityBox p {
	margin: 0 20px;
	padding: 10px 0
}
#security ul li {
	list-style-type: none;
	display: block;
	text-align: left;
	padding: 15px 10px 0 10px;
	width: 150px
}
#security li h3 {
	background: url("../images/securityTab.png") no-repeat;
	color: #fff;
	font-family: ptSansBold;
	text-align: center;
	font-size: 1.5em;
	padding: 12px 0;
	margin: 0;
	position: relative;
	z-index: 2
}
#security li h3 a, #security li h3 a:visited {
	color: #fff;
	text-decoration: none
}
#security li h3 a:hover, #security li h3 a:focus {
	text-decoration: underline
}
#security ul li h4 {
	color: #3a3a3a;
	margin: 0;
	padding: 0
}
#security ul li h4 a, #security ul li h4 a:visited {
	color: #3a3a3a;
	padding: 0 0 0 15px;
	background: url("../images/blue-bullet.png") no-repeat 0 4px;
	display: block;
	text-decoration: none
}
#security ul li h4 a:hover, #security ul li h4 a:focus {
	text-decoration: underline
}
.youtubeLink, .youtubeLink:visited {
	display: inline-block;
	width: 19px;
	height: 14px;
	text-indent: -9000em;
	background: url("../images/icoMovie.png") no-repeat;
	vertical-align: -4px
}
/*Formularz*/
#trainingForm {
	margin: 2em;
	font-size: 1.083em
}
fieldset.border {
	border: 1px solid #ccc;
	padding: 20px 40px;
	margin-bottom: 20px
}
legend.showLegend {
	position: relative;
	left: -20px
}
.labelForm2 {
	display: inline-block;
	padding: 6px 0 0;
	vertical-align: top;
	width: 260px
}
#trainingForm a, #trainingForm a:visited {
	color: #7abb28
}
#trainingForm button {
	font-size: 1.2em;
	margin-left: 40%
}
#trainingForm .txtErr {
	margin-bottom: 20px
}
#trainingForm .txtErr p {
	font-size: .85em;
	line-height: 1.2em;
	margin: 0
}
#orderWrapper.trainingForm {
	margin-left: -20px
}
.fontSize9 {
	font-size: 0.71em;
	line-height: 14px;
}
.fontSize10 {
	font-size: 0.75em;
	line-height: 14px;
}
.fontSize11 {
	font-size: 0.9em;
	line-height: 16px;
}
.fontSize12 {
	font-size: 1em;
	line-height: 16px;
}
.fontSize13 {
	font-size: 1.08em;
	line-height: 18px;
}
.fontSize14 {
	font-size: 1.17em;
	line-height: 18px;
}
.fontSize16 {
	font-size: 1.33em;
	line-height: 24px;
}
.fontSize18 {
	font-size: 1.50em;
	line-height: 24px;
}
.fontSize20 {
	font-size: 1.67em;
	line-height: 28px;
}
.fontSize36 {
	font-size: 3em;
	line-height: 44px;
}
.dropdown-menu {display:inline-block;}
@media screen and (max-width: 880px) {
    #cookiesMsg {
        width: 100%;
    } 	
	#templateImage img {
    border: 2px solid #E2E2E2;
    width: 760px;
	height:auto;
}
#templateSliderLeft {
    width: 52px;
    position: fixed;
    left: 0px;
    margin-left: 0px;
    min-height: 100%;
    z-index: 10;
}
#templateSliderRight {
    width: 52px;
    position: fixed;
    right: 0px;
    margin-right: 0px;
    min-height: 100%;
    z-index: 10;
}
.catalogRight h3 {left:0px;}


.maintxt table{width:100%;}


.maintxt table, thead, tbody, th, td, tr { 
		 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.maintxt thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
.maintxt 	tr { border: 1px solid #ccc; }
	
.maintxt	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		
	}
	
.maintxt	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
	 
		padding-right: 10px; 
		white-space: nowrap;
	}









.maintxt img { width:770px; height:auto;}
	#closeBig {
    opacity: 0;
    width: 52px;
    height: 52px;
    overflow: hidden;
    display: block;
    position: fixed;
    right: 0px;
    top: 5px;
    left: auto;
    margin-left: 437px;
    z-index: 20;
}
	#templateBottom {
    width: 768px;
    margin: 0px auto;
    position: relative;
}
	#bottomTemplates {
    width: 768px;
    overflow: hidden;
    margin: 0px;
    height: 126px;
}

	.templateWrapper {
    width: 768px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
	#templateContentWrapper {
    padding: 00px;
    width: 838px;
    overflow: hidden;
    min-height: 100%;
}
#templateContentWrapper {
    padding: 0px;
    width: 770px;
    overflow: hidden;
    min-height: 100%;
}
templateWrapper {
    width: 768px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
#templateTopWrapper {
    padding: 12px 70px;
    width: auto;
    background: #FAFAFA none repeat scroll 0% 0%;
    position: relative;
    z-index: 3;
}
#templateImage {
    width: 778px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
 
	.flRight {float:none;}
	#assistantWrapper {width:760px;}
	#budgetLabel {position:static;}
	#efectLabel {position:static;}
	#assistantQuestions {width:750px;}
	#assistantContainer {margin-left:0px;}
	.dropdown-menu {font-size:12px;}
	.dropdown-menu {display:none;}
	.packageItem div {
    width: 17px;
    height: 17px;
    overflow: hidden;
    position: relative;
    left: 0px;
    bottom: -40px;}
	a.button, a.button:visited {margin:0px;}
	.flLeft {float:none;}
	.normErr {position:static;}
	.biggerErr {position:static;}
	.domainErr {position:static;}
	.nameErr {position:static;}
	#menuTop ul {width:100%; }
	.newsContent {margin:0px;}
	
	.news_hand .amore {text-align:left;}
	.fotocolumnnews {float:none;}
	.newsContent .newsFirst {
    padding: 0px 0px 30px;}
	
	.newsPad {padding:0px;}
	.newsContent img {border: 1px solid #E2E2E2;}
	
	a.readAll, a.readAll:visited {bottom:0px;}
	
	#actions li {margin-right:0px; background-position:-500px;}
	.stepWrapper div {width:210px;}
	.margRight50 {margin-right:0px;}
.news_hand {
	padding: 0px;
}
.training {
	width: 755px;
	padding: 60px 5px 10px 0px;
}
#topContent {
	width: 100%;
	min-height: 183px;
	margin: 0px auto;
	position: relative;
	padding:0px;
}
#logo {
	position: static;
	margin: 0 auto;
}
#helpWrapper {
	position: static;
	margin: 0 auto;
}
#bokWrapper {
	position: static;
	margin: 0 auto;
}
#tabWrapper {
	position: static;
	margin: 0 auto;
}
#searchWrapper {
	position: static;
	margin: 0 auto;
}
#menuWrapper {
	position: static;
	margin: 0 auto;
	width: 760px;
}
#contentWrapper {
	width: 760px;
	margin: 0 auto;
}
#searchWrapper {
	width: 240px;
}
#menuTop li {
	width: 100%;
	background:#e5e5e5;}
	#menuTop li a {padding:5px 3px;}
#menuTop li:first-child a {background:none;}
#menuTop li a {background:#e5e5e5;}
#menuTop ul {position:static;}
#menuTop li:last-child a {background:#E5E5E5;}
#menuTop li a:hover, #menuTop li a:focus, #menuTop li.hover a, #menuTop li a.sel {color:#3A3A3A;}
#bannerWrapper {
	display: none;
}
.pocket {
	float: left;
	margin: 0 auto;
}
#tabs .tabsWrap {
	padding: 5px;
}
.tabsTxt2 {
	width: auto;
	font-size: 12px;
}
#tabs .tabsList {
	position: absolute;
	height: 80px;
}
#tabs .tabsList li {
	margin: 0px;
}
.project {
	width: 760px;
	min-height: 430px;
	position: relative;
	float: left;
	margin: 0px;
}
.tabsTxt2 {
	margin: 0 auto;
}
#packageWrapper {
	width: 760px;
}
#tabs .tabsList li {
	width: 115px;
}
.chooseTemplate {
	position: static;
}
.project {
	min-height: 200px;
}
#promotionsSlider img {
	width: 760px;
	margin-top: 50px;
}
#newsWrapper {
	width: 760px;
}
h3 {
	font-size: 12px;
}
.training {
	display: block;
}
#rightStart {
	float: none;
	width: 760px;
}
#leftStart {
	float: none;
	width: 760px;
}
#footer {
	width: 760px;
}
#partnersListWrapper {
	position: static;
	width: 100px;
}
#footerContact {
	width: 760px;
	position: static;
	text-align: left;
}
#footerLinks {
	position: static;
}
#content {
	width: 760px;
	margin: 0 auto;
	padding: 0px
}
#packageWrapper .shadow {
	width: 760px;
}
#newsWrapper .shadow {
	width: 760px;
}
#promWrapper {
	width: 760px;
}
.tabsTxt1 {
	position: absolute;
	left: 480px;
	text-align: center;
}
#partnersWrapper {
	width: 760px;
	display: none;
}
#partnersContent {
	width: 760px;
}
#partnersListWrapper {
	width: 760px;
}
#refWrapper {
	width: 760px;
}
#reference {
	width: 760px;
}
.referenceItem {
	padding: 5px;
}
#refWrapper .shadow {
	width: 760px;
}
#monthSiteWrapper {
	width: 760px;
}
#social {
	position: static;
}
#iPad {
	width: 760px;
}
#footerWrapper {
	width: 760px;
	margin: 0 auto;
}
.newsContent h3, .newsContent h4 {
	font-size: 13px;
	margin: 0px
}
.newsContent .newsFirst .textColumn.onePhoto {
	width: 760px;
}
.galColumn .onePhoto {
	width: 760px;
	height: auto;
}
.news_date {
	position: static;
}
.galColumn.onePhoto {
	width: 760px;
}
.mainHeader {
	font-size: 13px;
}
.midi-photo img {
	border: none;
	display: block;
	width: 760px;
}
#actions {
	margin: 0px;
}
#actions li {
	font-size: 10px;
	height: auto;
	width: 760px;
	background-size: contain;
}
#actions li h4 {
	margin: 0px;
}
#actions .actionsShort {
	margin: 0px;
}
#actions li .shadowBot {
	width: 760px;
}
#partnersSubpageContent {
	width: 650px;
}
.partnersDescription {
	width: 750px;
	padding: 5px;
}
#partnersSubpageWrapper {
	margin: 100px 0px 0px 0px;
}
#tablePack {
	margin: 0px;
}
#partnerBtnNext {
	right: 0px;
}
.referencePhoto_1 {
	float: none;
}
.referenceText_1 {
	margin-left: 0px;
}
.referenceText_1_top {
	width: 760px;
}
.referenceText_1_content {
	width: 760px;
	margin: 0px;
	padding: 0px;
}
.referencePhoto_2 {
	float: none;
}
.referenceText_2_top {
	width: 760px;
}
.referenceText_2_content {
	width: 760px;
	padding: 0px;
}
.referenceText_2_bottom {
	margin: 0px;
	width: 760px;
}
.referenceText_1_bottom {
	width: 760px;
	margin: 0px;
}
.pack1 img, .pack2 img, .pack3 img, .pack4 img {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
	display: none;
}
#tabsPack .tabsList {
	top: -45px;
}
#tabsPack .tabsList li a {
	font-size: 1.5em;
	padding: 12px 30px 11px 10px;
}
.packageLeft {
	width: 470px;
}
.packageLeft {
	width: 760px;
	margin-left: 0px;
}
#packageWrapperSub {
	width: 760px;
}
.pocketPrice {
	position: static;
}
#pack1 .pocketPrice a, #pack1 .pocketPrice a:visited {
	margin: 0px;
}
.packageRight {
	margin: 0px;
	width: 760px;
	top: 0px;
}
#packageWrapperSub .shadow {
	width: 760px;
}
#tablePack table {
	border: 2px solid #FFF;
	border-collapse: separate;
	background: #FAFAFA none repeat scroll 0% 0%;
	font-size: 8px;
	width: 760px;
	padding: 0px;
	margin: 0px;
}
#tablePack td:first-child {
	padding: 0px;
}
#pack2 .pocketPrice a, #pack2 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#pack3 .pocketPrice a, #pack3 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#pack4 .pocketPrice a, #pack3 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#chooseWrapper {
	width: 760px;
	height: 340px;
	background: #FFF none repeat scroll 0% 0%;
	position: absolute;
	left: 0%;
	top: 0%;
	margin: 0px;
	z-index: 10;
	border: 4px solid #CCC;
	font-family: ptSansBold;
	font-size: 1.667em;
	text-align: center;
	line-height: 14px;
}
#tabsCatalog .tabsList {
	float: none;
	position: static;
}
.catalogLeft {
	width: 760px;
}
#catalogWrapperSub {
	width: 760px;
}
#orderInfo {
	width: 760px;
}
#orderInfoWrapper {
	height: auto;
}
#cancelOrder, #cancelOrder:visited {
	position: static;
}
#orderWrapper {
	width: 760px;
}
#choosePackage li {
	display: inline-block;
}
#steps {
	position: static;
	margin-bottom: 50px;
}
.stepWrapper {
	padding: 0px;
}
.stepWrapper div {
	width: 200px;
	margin-bottom: 50px;
}
#addModules {
	margin: 0px;
	width: 200px;
}
#orderWrapper .shadow {
	width: 760px;
}
#orderContainer {
	margin: 0px;
}
.inputText, .inputSelect, .inputTextarea {
	width: 200px;
}
.checkboxLabel .label {
	margin-left: 0px;
	width: 180px;
}
.checkboxLabel {
	display: none;
	width: 50px;
}
iframe {
	width: 200px;
}
#startWrapper {
	margin: 0px;
}
#security li {
	width: 150px;
}
#menuTop {
	margin: 0 auto;
	padding: 0px;
	width: auto;
}
#partnersWrapper {
	display: none;
	width: 760px;
}
}

@media screen and (max-width: 490px) {
    #cookiesMsg {
        width: 100%;
    }    
	.maintxt img { width:480px; height:auto;}
	#templateBottom {
    width: 480px;
    margin: 0px auto;
    position: relative;
}
	#templateImage img {
    border: 2px solid #E2E2E2;
    width: 480px;
	height:auto;
}
	#templateContentWrapper {
    padding: 00px;
    width: 438px;
    overflow: hidden;
    min-height: 100%;
}
#templateContentWrapper {
    padding: 0px;
    width: 480px;
    overflow: hidden;
    min-height: 100%;
}
.templateWrapper {
    width: 480px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
#templateTopWrapper {
    padding: 12px 70px;
    width: auto;
    background: #FAFAFA none repeat scroll 0% 0%;
    position: relative;
    z-index: 3;
}
#templateImage {
    width: 480px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
#bottomTemplates {
    width: 480px;
    overflow: hidden;
    margin: 0px;
    height: 126px;
}
	
	
	
	#tabsCatalog .tabsList li {width:100%;}
	#assistantWrapper {width:470px;}
	#budgetLabel {position:static;}
	#efectLabel {position:static;}
	#assistantQuestions {width:460px;}
	#assistantContainer {margin-left:0px;}
.news_hand {
	padding: 0px;
}
.training {
	width: 405px;
	padding: 60px 5px 10px 0px;
}
#topContent {
	width: 100%;
	min-height: 183px;
	margin: 0px auto;
	position: relative;
	padding: 0px;
}
#logo {
	position: static;
	margin: 0 auto;
}
#helpWrapper {
	position: static;
	margin: 0 auto;
}
#bokWrapper {
	position: static;
	margin: 0 auto;
}
#tabWrapper {
	position: static;
	margin: 0 auto;
}
#searchWrapper {
	position: static;
	margin: 0 auto;
}
#menuWrapper {
	position: static;
	margin: 0 auto;
	width: 470px;
}
#contentWrapper {
	width: 470px;
	margin: 0 auto;
}
#searchWrapper {
	width: 240px;
}
#menuTop li {
	width: 100%;
}
#bannerWrapper {
	display: none;
}
.pocket {
	float: left;
	margin: 0 auto;
}
#tabs .tabsWrap {
	padding: 5px;
}
.tabsTxt2 {
	width: auto;
	font-size: 12px;
}
#tabs .tabsList {
	position: static;
	height: 80px;
}
#tabs .tabsList li {
	margin: 0px;
}
.project {
	width: 470px;
	min-height: 430px;
	position: relative;
	float: left;
	margin: 0px;
}
.tabsTxt2 {
	margin: 0 auto;
}
#packageWrapper {
	width: 470px;
}
#tabs .tabsList li {
	width: 115px;
}
.chooseTemplate {
	position: static;
}
.project {
	min-height: 200px;
}
#promotionsSlider img {
	width: 470px;
	margin-top: 50px;
}
#newsWrapper {
	width: 470px;
}
h3 {
	font-size: 12px;
}
.training {
	display: block;
}
#rightStart {
	float: none;
	width: 470px;
}
#leftStart {
	float: none;
	width: 470px;
}
#footer {
	width: 470px;
}
#partnersListWrapper {
	position: static;
	width: 100px;
}
#footerContact {
	width: 470px;
	position: static;
	text-align: left;
}
#footerLinks {
	position: static;
}
#content {
	width: 470px;
	margin: 0 auto;
	padding: 0px
}
#packageWrapper .shadow {
	width: 460px;
}
#newsWrapper .shadow {
	width: 470px;
}
#promWrapper {
	width: 470px;
}
.tabsTxt1 {
	position: static;
	text-align: center;
}
#partnersWrapper {
	width: 470px;
	display: none;
}
#partnersContent {
	width: 470px;
}
#partnersListWrapper {
	width: 470px;
}
#refWrapper {
	width: 470px;
}
#reference {
	width: 470px;
}
.referenceItem {
	padding: 5px;
}
#refWrapper .shadow {
	width: 470px;
}
#monthSiteWrapper {
	width: 470px;
}
#social {
	position: static;
}
#iPad {
	width: 470px;
}
#footerWrapper {
	width: 470px;
	margin: 0 auto;
}
.newsContent h3, .newsContent h4 {
	font-size: 13px;
	margin: 0px
}
.newsContent .newsFirst .textColumn.onePhoto {
	width: 470px;
}
.galColumn .onePhoto {
	width: 470px;
	height: auto;
}
.news_date {
	position: static;
}
.galColumn.onePhoto {
	width: 470px;
}
.mainHeader {
	font-size: 13px;
}
.midi-photo img {
	border: none;
	display: block;
	width: 470px;
}
#actions {
	margin: 0px;
}
#actions li {
	font-size: 10px;
	height: auto;
	width: 470px;
	background-size: contain;
}
#actions li h4 {
	margin: 0px;
}
#actions .actionsShort {
	margin: 0px;
}
#actions li .shadowBot {
	width: 470px;
}
#partnersSubpageContent {
	width: 340px;
}
.partnersDescription {
	width: 450px;
	padding: 5px;
}
#partnersSubpageWrapper {
	margin: 100px 0px 0px 0px;
}
#tablePack {
	margin: 0px;
}
#partnerBtnNext {
	right: 0px;
}
.referencePhoto_1 {
	float: none;
}
.referenceText_1 {
	margin-left: 0px;
}
.referenceText_1_top {
	width: 470px;
}
.referenceText_1_content {
	width: 470px;
	margin: 0px;
	padding: 0px;
}
.referencePhoto_2 {
	float: none;
}
.referenceText_2_top {
	width: 470px;
}
.referenceText_2_content {
	width: 470px;
	padding: 0px;
}
.referenceText_2_bottom {
	margin: 0px;
	width: 470px;
}
.referenceText_1_bottom {
	width: 470px;
	margin: 0px;
}
.pack1 img, .pack2 img, .pack3 img, .pack4 img {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
	display: none;
}
#tabsPack .tabsList li a {
	font-size: 11px;
	padding: 5px;
}
.packageLeft {
	width: 470px;
}
.packageLeft {
	width: 470px;
	margin-left: 0px;
}
#packageWrapperSub {
	width: 470px;
}
.pocketPrice {
	position: static;
}
#pack1 .pocketPrice a, #pack1 .pocketPrice a:visited {
	margin: 0px;
}
.packageRight {
	margin: 0px;
	width: 470px;
	top: 0px;
}
#packageWrapperSub .shadow {
	width: 470px;
}
#tablePack table {
	border: 2px solid #FFF;
	border-collapse: separate;
	background: #FAFAFA none repeat scroll 0% 0%;
	font-size: 8px;
	width: 470px;
	padding: 0px;
	margin: 0px;
}
#tablePack td:first-child {
	padding: 0px;
}
#pack2 .pocketPrice a, #pack2 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#pack3 .pocketPrice a, #pack3 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#pack4 .pocketPrice a, #pack3 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#chooseWrapper {
	width: 470px;
	height: 340px;
	background: #FFF none repeat scroll 0% 0%;
	position: absolute;
	left: 0%;
	top: 0%;
	margin: 0px;
	z-index: 10;
	border: 4px solid #CCC;
	font-family: ptSansBold;
	font-size: 1.667em;
	text-align: center;
	line-height: 14px;
}
#tabsCatalog .tabsList {
	float: none;
	position: static;
}
.catalogLeft {
	width: 470px;
}
#catalogWrapperSub {
	width: 470px;
}
#orderInfo {
	width: 470px;
}
#orderInfoWrapper {
	height: auto;
}
#cancelOrder, #cancelOrder:visited {
	position: static;
}
#orderWrapper {
	width: 470px;
}
#choosePackage li {
	display: block;
}
#steps {
	position: static;
	margin-bottom: 50px;
}
.stepWrapper {
	padding: 0px;
}
.stepWrapper div {
	width: 370px;
	margin-bottom: 50px;
}
#addModules {
	margin: 0px;
	width: 200px;
}
#orderWrapper .shadow {
	width: 470px;
}
#orderContainer {
	margin: 0px;
}
.inputText, .inputSelect, .inputTextarea {
	width: 200px;
}
.checkboxLabel .label {
	margin-left: 0px;
	width: 180px;
}
.checkboxLabel {
	display: none;
	width: 50px;
}
iframe {
	width: 200px;
}
#startWrapper {
	margin: 0px;
}
#security li {
	width: 150px;
}
#menuTop {
	margin: 0 auto;
	padding: 0px;
	width: auto;
}.flRight {
    float: left;
}
}

@media screen and (max-width: 330px) {
    #cookiesMsg {
        width: 100%;
    }    
	.maintxt img { width:320px; height:auto;}
	#templateBottom {
    width: 320px;
    margin: 0px auto;
    position: relative;
}
	#templateImage img {
    border: 2px solid #E2E2E2;
    width: 320px;
	height:auto;
}
	#templateContentWrapper {
    padding: 00px;
    width: 320px;
    overflow: hidden;
    min-height: 100%;
}
#templateContentWrapper {
    padding: 0px;
    width: 320px;
    overflow: hidden;
    min-height: 100%;
}
templateWrapper {
    width: 320px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
#templateTopWrapper {
    padding: 0px;
    width: auto;
    background: #FAFAFA none repeat scroll 0% 0%;
    position: relative;
    z-index: 3;
}
.templateWrapper {
    width: 320px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
#templateImage {
    width: 315px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
#bottomTemplates {
    width: 320px;
    overflow: hidden;
    margin: 0px;
    height: 126px;
}
	
	
	
	#assistantWrapper {width:310px;}
	#budgetLabel {position:static;}
	#efectLabel {position:static;}
	#assistantQuestions {width:290px;}
	#assistantContainer {margin-left:0px;}
	
.news_hand {
	padding: 0px;
}
.training {
	width: 305px;
	padding: 60px 5px 10px 0px;
}
#topContent {
	width: 100%;
	min-height: 183px;
	margin: 0px auto;
	position: relative;
	padding: 0px;
}
#logo {
	position: static;
	margin: 0 auto;
}
#helpWrapper {
	position: static;
	margin: 0 auto;
}
#bokWrapper {
	position: static;
	margin: 0 auto;
}
#tabWrapper {
	position: static;
	margin: 0 auto;
}
#searchWrapper {
	position: static;
	margin: 0 auto;
}
#menuWrapper {
	position: static;
	margin: 0 auto;
	width: 310px;
}
#contentWrapper {
	width: 310px;
	margin: 0 auto;
}
#searchWrapper {
	width: 240px;
}
#menuTop li {
	width: 100%;
}
#bannerWrapper {
	display: none;
}
.pocket {
	float: none;
	margin: 0 auto;
}
#tabs .tabsWrap {
	padding: 5px;
}
.tabsTxt2 {
	width: 220px;
	font-size: 12px;
}
#tabs .tabsList {
	position: static;
	height: 80px;
}
#tabs .tabsList li {
	margin: 0px;
}
.project {
	width: 310px;
	min-height: 430px;
	position: relative;
	float: left;
	margin: 0px;
}
.tabsTxt2 {
	margin: 0 auto;
}
#packageWrapper {
	width: 310px;
}
#tabs .tabsList li {
	width: 115px;
}
.chooseTemplate {
	position: static;
}
.project {
	min-height: 200px;
}
#promotionsSlider img {
	width: 310px;
	margin-top: 50px;
}
#newsWrapper {
	width: 310px;
}
h3 {
	font-size: 12px;
}
.training {
	display: block;
}
#rightStart {
	float: none;
	width: 310px;
}
#leftStart {
	float: none;
	width: 310px;
}
#footer {
	width: 310px;
}
#partnersListWrapper {
	position: static;
	width: 100px;
}
#footerContact {
	width: 310px;
	position: static;
	text-align: left;
}
#footerLinks {
	position: static;
}
#content {
	width: 310px;
	margin: 0 auto;
	padding: 0px
}
#packageWrapper .shadow {
	width: 290px;
}
#newsWrapper .shadow {
	width: 290px;
}
#promWrapper {
	width: 310px;
}
.tabsTxt1 {
	position: static;
	text-align: center;
}
#partnersWrapper {
	width: 310px;
	display: none;
}
#partnersContent {
	width: 310px;
}
#partnersListWrapper {
	width: 310px;
}
#refWrapper {
	width: 310px;
}
#reference {
	width: 310px;
}
.referenceItem {
	padding: 5px;
}
#refWrapper .shadow {
	width: 290px;
}
#monthSiteWrapper {
	width: 310px;
}
#social {
	position: static;
}
#iPad {
	width: 310px;
}
#footerWrapper {
	width: 310px;
	margin: 0 auto;
}
.newsContent h3, .newsContent h4 {
	font-size: 13px;
	margin: 0px
}
.newsContent .newsFirst .textColumn.onePhoto {
	width: 310px;
}
.galColumn .onePhoto {
	width: 310px;
	height: auto;
}
.news_date {
	position: static;
}
.galColumn.onePhoto {
	width: 310px;
}
.mainHeader {
	font-size: 13px;
}
.midi-photo img {
	border: none;
	display: block;
	width: 310px;
}
#actions {
	margin: 0px;
}
#actions li {
	font-size: 10px;
	height: auto;
	width: 310px;
	background-size: contain;
}
#actions li h4 {
	margin: 0px;
}
#actions .actionsShort {
	margin: 0px;
}
#actions li .shadowBot {
	width: 290px;
}
#partnersSubpageContent {
	width: 170px;
}
.partnersDescription {
	width: 295px;
	padding: 5px;
}
#partnersSubpageWrapper {
	margin: 100px 0px 0px 0px;
}
#partnerBtnNext {
	right: 0px;
}
.referencePhoto_1 {
	float: none;
}
.referenceText_1 {
	margin-left: 0px;
}
.referenceText_1_top {
	width: 310px;
}
.referenceText_1_content {
	width: 310px;
	margin: 0px;
	padding: 0px;
}
.referencePhoto_2 {
	float: none;
}
.referenceText_2_top {
	width: 310px;
}
.referenceText_2_content {
	width: 310px;
	padding: 0px;
}
.referenceText_2_bottom {
	margin: 0px;
	width: 310px;
}
.referenceText_1_bottom {
	width: 310px;
	margin: 0px;
}
.pack1 img, .pack2 img, .pack3 img, .pack4 img {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
	display: none;
}
#tabsPack .tabsList li a {
	font-size: 11px;
	padding: 5px;
}
.packageLeft {
	width: 310px;
}
.packageLeft {
	width: 310px;
	margin-left: 0px;
}
#packageWrapperSub {
	width: 310px;
}
.pocketPrice {
	position: static;
}
#pack1 .pocketPrice a, #pack1 .pocketPrice a:visited {
	margin: 0px;
}
.packageRight {
	margin: 0px;
	width: 310px;
	top: 0px;
}
#packageWrapperSub .shadow {
	width: 290px;
}
#tablePack table {
	border: 2px solid #FFF;
	border-collapse: separate;
	background: #FAFAFA none repeat scroll 0% 0%;
	font-size: 8px;
	width: 310px;
	padding: 0px;
	margin: 0px;
}
#tablePack td:first-child {
	padding: 0px;
}
#pack2 .pocketPrice a, #pack2 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#pack3 .pocketPrice a, #pack3 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#pack4 .pocketPrice a, #pack3 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#chooseWrapper {
	width: 310px;
	height: 340px;
	background: #FFF none repeat scroll 0% 0%;
	position: absolute;
	left: 0%;
	top: 0%;
	margin: 0px;
	z-index: 10;
	border: 4px solid #CCC;
	font-family: ptSansBold;
	font-size: 1.667em;
	text-align: center;
	line-height: 14px;
}
#tabsCatalog .tabsList {
	float: none;
	position: static;
}
.catalogLeft {
	width: 310px;
}
#catalogWrapperSub {
	width: 320px;
}
#orderInfo {
	width: 310px;
}
#orderInfoWrapper {
	height: auto;
}
#cancelOrder, #cancelOrder:visited {
	position: static;
}
#orderWrapper {
	width: 310px;
}
#choosePackage li {
	display: block;
}
#steps {
	position: static;
	margin-bottom: 50px;
}
.stepWrapper {
	padding: 0px;
}
.stepWrapper div {
	width: 110px;
	margin-bottom: 50px;
}
#addModules {
	margin: 0px;
	width: 200px;
}
#orderWrapper .shadow {
	width: 310px;
}
#orderContainer {
	margin: 0px;
}
.inputText, .inputSelect, .inputTextarea {
	width: 200px;
}
.checkboxLabel .label {
	margin-left: 0px;
	width: 180px;
}
.checkboxLabel {
	display: none;
	width: 50px;
}
iframe {
	width: 200px;
}
#startWrapper {
	margin: 0px;
}
#security li {
	width: 150px;
}
#menuTop {
	margin: 0 auto;
	padding: 0px;
	width: auto;
}.flRight {
    float: left;
}
}

@media screen and (max-width: 250px) {
    #cookiesMsg {
        width: 100%;
    }
	.maintxt img { width:240px; height:auto;}
	#templateBottom {
    width: 240px;
    margin: 0px auto;
    position: relative;
}
	#templateImage img {
    border: 2px solid #E2E2E2;
    width: 240px;
	height:auto;
}
	#templateContentWrapper {
    padding: 00px;
    width: 240px;
    overflow: hidden;
    min-height: 100%;
}
#templateContentWrapper {
    padding: 0px;
    width: 240px;
    overflow: hidden;
    min-height: 100%;
}
.templateWrapper {
    width: 240px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
#templateTopWrapper {
    padding: 0px;
    width: auto;
    background: #FAFAFA none repeat scroll 0% 0%;
    position: relative;
    z-index: 3;
}
#templateImage {
    width: 240px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
#bottomTemplates {
    width:240px;
    overflow: hidden;
    margin: 0px;
    height: 126px;
}
	
	
	
	
	#assistantWrapper {width:230px;}
	#budgetLabel {position:static;}
	#efectLabel {position:static;}
	#assistantQuestions {width:200px;}
	#assistantContainer {margin-left:0px;}
.training {
	width: 205px;
	padding: 60px 5px 10px 0px;
}
#topContent {
	width: 100%;
	min-height: 183px;
	margin: 0px auto;
	position: relative;
	padding: 0px;
}
#logo {
	position: static;
	margin: 0 auto;
}
#helpWrapper {
	position: static;
	margin: 0 auto;
}
#bokWrapper {
	position: static;
	margin: 0 auto;
}
#tabWrapper {
	position: static;
	margin: 0 auto;
}
#searchWrapper {
	position: static;
	margin: 0 auto;
}
#menuWrapper {
	position: static;
	margin: 0 auto;
	width: 230px;
}
#contentWrapper {
	width: 240px;
	margin: 0 auto;
}
#searchWrapper {
	width: 230px;
}
#menuTop li {
	width: 100%;
}
#bannerWrapper {
	display: none;
}
.pocket {
	float: none;
}
#tabs .tabsWrap {
	padding: 5px;
}
.tabsTxt2 {
	width: 220px;
	font-size: 12px;
}
#tabs .tabsList {
	position: static;
	height: 80px;
}
#tabs .tabsList li {
	margin: 0px;
}
.project {
	width: 230px;
	min-height: 430px;
	position: relative;
	float: left;
	margin: 0px;
}
.tabsTxt2 {
	margin: 0px;
}
#packageWrapper {
	width: 230px;
}
#tabs .tabsList li {
	width: 110px;
}
.chooseTemplate {
	position: static;
}
.project {
	min-height: 200px;
}
#promotionsSlider img {
	width: 240px;
	margin-top: 50px;
}
#newsWrapper {
	width: 230px;
}
h3 {
	font-size: 12px;
}
.training {
	display: block;
}
#rightStart {
	float: none;
	width: 240px;
}
#leftStart {
	float: none;
	width: 240px;
}
#footer {
	width: 240px;
}
#partnersListWrapper {
	position: static;
	width: 100px;
}
#footerContact {
	width: 240px;
	position: static;
	text-align: left;
}
#footerLinks {
	position: static;
}
#content {
	width: 230px;
	margin: 0 auto;
	padding: 0px
}
#packageWrapper .shadow {
	width: 220px;
}
#newsWrapper .shadow {
	width: 220px;
}
#promWrapper {
	width: 240px;
}
.tabsTxt1 {
	position: static;
}
#partnersWrapper {
	width: 240px;
	display: none;
}
#partnersContent {
	width: 240px;
}
#partnersListWrapper {
	width: 240px;
}
#refWrapper {
	width: 240px;
}
#reference {
	width: 240px;
}
.referenceItem {
	padding: 5px;
}
#refWrapper .shadow {
	width: 220px;
}
#monthSiteWrapper {
	width: 240px;
}
#social {
	position: static;
}
#iPad {
	width: 230px;
}
#footerWrapper {
	width: 230px;
	margin: 0 auto;
}
.newsContent h3, .newsContent h4 {
	font-size: 13px;
	margin: 0px
}
.newsContent .newsFirst .textColumn.onePhoto {
	width: 230px;
}
.galColumn .onePhoto {
	width: 240px;
	height: auto;
}
.news_date {
	position: static;
}
.galColumn.onePhoto {
	width: 240px;
}
.mainHeader {
	font-size: 13px;
}
.midi-photo img {
	border: none;
	display: block;
	width: 240px;
}
#actions {
	margin: 0px;
}
#actions li {
	font-size: 10px;
	height: auto;
	width: 240px;
	background-size: contain;
}
#actions li h4 {
	margin: 0px;
}
#actions .actionsShort {
	margin: 0px;
}
#actions li .shadowBot {
	width: 240px;
}
#partnersSubpageContent {
	width: 160px;
}
.partnersDescription {
	width: 225px;
	padding: 5px;
}
#partnersSubpageWrapper {
	margin: 100px 0px 0px 0px;
}
#partnerBtnNext {
	right: -30px;
}
.referencePhoto_1 {
	float: none;
}
.referenceText_1 {
	margin-left: 0px;
}
.referenceText_1_top {
	width: 240px;
}
.referenceText_1_content {
	width: 240px;
	margin: 0px;
	padding: 0px;
}
.referencePhoto_2 {
	float: none;
}
.referenceText_2_top {
	width: 240px;
}
.referenceText_2_content {
	width: 240px;
	padding: 0px;
}
.referenceText_2_bottom {
	margin: 0px;
	width: 240px;
}
.referenceText_1_bottom {
	width: 240px;
	margin: 0px;
}
.pack1 img, .pack2 img, .pack3 img, .pack4 img {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
	display: none;
}
#tabsPack .tabsList li a {
	font-size: 11px;
	padding: 5px;
}
.packageLeft {
	width: 240px;
}
.packageLeft {
	width: 240px;
	margin-left: 0px;
}
#packageWrapperSub {
	width: 240px;
}
.pocketPrice {
	position: static;
}
#pack1 .pocketPrice a, #pack1 .pocketPrice a:visited {
	margin: 0px;
}
.packageRight {
	margin: 0px;
	width: 240px;
	top: 0px;
}
#packageWrapperSub .shadow {
	width: 230px;
}
#tablePack table {
	border: 2px solid #FFF;
	border-collapse: separate;
	background: #FAFAFA none repeat scroll 0% 0%;
	font-size: 8px;
	width: 240px;
	padding: 0px;
	margin: 0px;
}
#tablePack td:first-child {
	padding: 0px;
}
#pack2 .pocketPrice a, #pack2 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#pack3 .pocketPrice a, #pack3 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#pack4 .pocketPrice a, #pack3 .pocketPrice a:visited {
	margin-left: 0px;
	margin: 0px;
}
#chooseWrapper {
	width: 240px;
	height: 340px;
	background: #FFF none repeat scroll 0% 0%;
	position: absolute;
	left: 0%;
	top: 0%;
	margin: 0px;
	z-index: 10;
	border: 4px solid #CCC;
	font-family: ptSansBold;
	font-size: 1.667em;
	text-align: center;
	line-height: 14px;
}
#tabsCatalog .tabsList {
	float: none;
	position: static;
}
.catalogLeft {
	width: 240px;
}
#catalogWrapperSub {
	width: 240px;
}
#orderInfo {
	width: 240px;
}
#orderInfoWrapper {
	height: auto;
}
#cancelOrder, #cancelOrder:visited {
	position: static;
}
#orderWrapper {
	width: 240px;
}
#choosePackage li {
	display: block;
}
#steps {
	position: static;
	margin-bottom: 50px;
}
.stepWrapper {
	padding: 0px;
}
.stepWrapper div {
	width:140px;
	margin-bottom: 50px;
}
.flRight {float:left;}
#addModules {
	margin: 0px;
	width: 200px;
}
#orderWrapper .shadow {
	width: 220px;
}
#orderContainer {
	margin: 0px;
}
.inputText, .inputSelect, .inputTextarea {
	width: 200px;
}
.checkboxLabel .label {
	margin-left: 0px;
	width: 180px;
}
.checkboxLabel {
	display: none;
	width: 50px;
}
iframe {
	width: 200px;
}
#startWrapper {
	margin: 0px;
}
}
fieldset.visible { margin:10px 0 10px 0; padding:30px; }
fieldset.visible legend { position:static; color: #3a3a3a; font-family: ptSansBold; font-size: 1.5em; margin:0 0 0 -30px;}


/*Partnerzy*/

#partnersContent {display:none;}
#footer {min-height:150px}

@media screen and (max-width: 980px) {

.maintxt table img {
    height: auto;
    width: 20px;
}

.maintxt table td {
   font-size:12px
  
} 

}
#monthSiteWrapper {display:none;}

#newsWrapper {
    width: 977px;
}
#newsWrapper .shadow {
    width: 972px;
}

/* Wyłączenie pakietu pretiże  */

.prestige {
    border-top: 3px solid #f4a51c;
    background: url("../images/prestigeIco.png") no-repeat 140px 20px #fff;
    display: none;
}


.pocket {
    width: 300px;
		
		}
