@CHARSET "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

.fett {
    font-family: Tele-GroteskFet !important;
}
.halb {
    font-family: Tele-Grotesk-Halb !important;
}
.ultra {
    font-family: tele-groteskultregular !important;
    /* tele-groteskultregular */
}

.center {
    text-align: center
}

.font07  {  font-size:  0.7em;}
.font08  {  font-size:  0.8em;}
.font09  {  font-size:  0.9em;}
.font10  {  font-size:  1.0em;}
.font11  {  font-size:  1.1em;}
.font12  {  font-size:  1.2em;}
.font13  {  font-size:  1.3em;}
.font14  {  font-size:  1.4em;}
.font15  {  font-size:  1.5em;}
.font16  {  font-size:  1.6em;}
.font17  {  font-size:  1.7em;}
.font18  {  font-size:  1.8em;}
.font19  {  font-size:  1.9em;}
.font20  {  font-size:  2.0em;}
.font21  {  font-size:  2.1em;}
.font22  {  font-size:  2.2em;}
.font23  {  font-size:  2.3em;}
.font24  {  font-size:  2.4em;}
.font25  {  font-size:  2.5em;}
.font26  {  font-size:  2.6em;}
.font27  {  font-size:  2.7em;}
.font28  {  font-size:  2.8em;}
.font29  {  font-size:  2.9em;}
.font30  {  font-size:  3.0em;}
.font31  {  font-size:  3.1em;}
.font32  {  font-size:  3.2em;}
.font33  {  font-size:  3.3em;}
.font34  {  font-size:  3.4em;}
.font35  {  font-size:  3.5em;}
.font36  {  font-size:  3.6em;}
.font37  {  font-size:  3.7em;}
.font38  {  font-size:  3.8em;}
.font39  {  font-size:  3.9em;}
.font40  {  font-size:  4.0em;}


body { margin: 0; display: block; color: #333; background: #FFFFFF; -webkit-text-size-adjust: 100%; font-family:Tele-GroteskHal; font-size: 16px }
.wrapper { display: block; position: relative; width: 100%; min-width:330px; margin: 0 auto; }
table.area { width: 100%; }
h1.title { display: none; }
a { text-decoration: none; color: #71CFFF; }
a:hover, a:focus, a:active { outline: medium none; text-decoration: underline; }
b, strong { font-family: Tele-GroteskFet; font-weight: normal; }

.cl:before, .cl:after { content: " "; display: table; }
.cl:after { clear: both; }
.cl { *zoom: 1; }
.magenta { color: #E20074; }
em { font-style: normal; }
hr { display: block; max-width: 940px; height: 1px; margin: 20px 0; border: 0 none; background: url(../images/bg-hr-small.jpg) center center no-repeat; }

.nowrap { white-space: nowrap; }
.btn { height: 29px; display:block; width:140px; background: url(../images/bg-btn.png) repeat-x 0 0; border-radius: 4px 4px 4px 4px; color: white; font-family: Tele-GroteskHal, Arial, Tahoma, Helvetica; font-size: 18px; letter-spacing: -0.5px; line-height: 29px; text-align: center; text-decoration: none !important; white-space: nowrap; }
.btn:hover, .btn:focus { background: none repeat scroll 0 0 #E21174; color: white; }
.btn-white { color: #424242; font-family: Tele-GroteskHal, Arial, Tahoma, Helvetica; font-size: 18px; border: 1px solid #D6D6D6; background: white; background: #E6E6E6; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #E6E6E6)); background: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%); background: -moz-linear-gradient(top, white 0%, #E6E6E6 100%); background: -webkit-linear-gradient(top, white 0%, #E6E6E6 100%); background: -o-linear-gradient(top, white 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, white 0%, #E6E6E6 100%); }
a.btn.btn-white:hover, .btn-white:focus { background: #FFFFFF !important; color: #333333 !important; }
.btn-white:active { box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.3); }



/* --- CONTENT ---- */
.mainCon { position: relative; width: 100%; margin: 0 auto; font-family: Arial; font-size: 12px; color: #333; background-color: #FFFFFF; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
 }
.mainCon a.logo { display: block; max-width: 940px; padding: 5px 10px; margin: 0 auto; height: 60px; }
.mainCon a.logo:hover { text-decoration: none; }
.mainCon a.logo span { display: block; height: 60px; background-position: 0 0; background-repeat: no-repeat; }
.mainCon a.logo span.tmobile { float: left; width: 60px; background-image: url(../images/logo_03.png); }
.mainCon a.logo span.slogan { float: right; width: 220px; background-image: url(../images/logo_06.png); background-position: center right; }

.section .content {
	width:100%;
	margin:0 auto;
	max-width: 990px
}
.section.mod1 {
	background: url(../images/rej_tmobile.png) top center no-repeat;
	height:500px;
}
.section.mod1 .content {
	position: relative;
}
.section.mod1 .apla1 {
	background: white;
	max-width:440px;
	height: 500px;
	padding: 3em;
	-webkit-box-shadow: inset 0px 7px 5px -4px rgba(0,0,0,0.43);
	-moz-box-shadow: inset 0px 7px 5px -4px rgba(0,0,0,0.43);
	box-shadow: inset 0px 7px 5px -4px rgba(0,0,0,0.43);
}

.order-path {
	list-style: none;
	margin-top: 2em
}

.order-path li{
	background: url(../images/apla1_ico_04.png) center left no-repeat;
	padding-left: 70px;
	font-size: 1.4em;
	height: 3.2em;
	font-family: Tele-GroteskNor;
}
.order-path li span{
	display: table-cell;
	vertical-align: middle;
	width:500px;
	height: 3.2em
}
.order-path li:nth-child(2) {
	background-image: url(../images/apla1_ico_07.png)
}
.order-path li:nth-child(3) {
	background-image: url(../images/apla1_ico_09.png)
}

.section.mod1 h1{
	font-size: 1.7em;
	font-family: Tele-GroteskFet
}
.section.mod1 h1 span{
	color:#e20074;
	font-size: 2em;
}

.section.mod1 .apla2 {
	font-size: 1.4em;
	background: #fafafa;
	max-width:340px;
	height: auto;
	padding: 2em;
	float:right;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	position: absolute;
	right:0;
	top:130px;


}
.section.mod1 .apla2 ul {
	list-style: none
}
.section.mod1 .apla2 li {
	margin:1em 0;
	background: url(../images/bonus_ico1.png) top left no-repeat;
	padding-left: 70px;
}
.section.mod1 .apla2 li:nth-child(2) {
	background-image: url(../images/bonus_ico2.png);
}
.section.mod1 .apla2 li span{
	display: block;
}
.section.mod1 .apla2 .sms{
	font-family:Tele-GroteskNor
}

.section .form-mod-grey{
	background-color: #fafafa
}

.section.mod4{
	padding:25px;
}

#thx, #err {display: none}


.section p.tick-paragraph {
	padding-left: 70px;
	background: url(../images/tick.png) center left no-repeat;
	min-height: 50px;
	width: auto;
	line-height: 50px

}


/* FORMULARZ */
.formularz { min-height: 600px; height: auto; width: 100%; }

form { position: relative; z-index: 998; padding: 4em 0 0; }
form fieldset { margin: 0 0 20px; }

form fieldset.two-columns { margin-bottom: 30px; }
form fieldset.two-columns .item.second { padding-left: 86px; }
form fieldset.agreement { position: relative; width: 415px; margin: 10px 0 0 0; padding: 3px 0 0 6px; }
form fieldset.agreement label { cursor: pointer; }


hr { background: url(../images/bg-hr.jpg) center center no-repeat; }


.item.input{width:69%; float:right; position:relative }
.item.input.dokumenty{width:80%; float:left;  }
.item.input.dokumenty .item.input{ margin-bottom: 20px; }
.item.input label{float:left}
fieldset .one-field p {float:left; text-align:right; width:30%}
form label.error{position:absolute}
fieldset p.null {width:2%}
fieldset p.null + .item.input {width:93%}

fieldset .one-field {clear:both; padding:15px 0}
fieldset p.magenta {width:97%; text-align:left}


fieldset .item.dateBirth, fieldset .item.dateOrder { width: 452px; }
fieldset .item.dateBirth img, fieldset .item.dateOrder img { margin: 0 0 0 8px; vertical-align: -10px; width: auto; display: inline; }
fieldset .item span.small { float: right; font-size: 10px; margin: 0px 2px 3px; color: #999; }
fieldset .radio-holder {  font-size: 13px;  font-family: Tele-GroteskHal;  }
fieldset .item span.addinfo { position: absolute; top: 3px; right: 0; width: 65px; font-size: 13px; color: #999999; font-family: Tele-GroteskHal; line-height: 15px; }
fieldset .item.radio > label { margin-bottom: 30px; }
fieldset .item.radio div label { cursor: pointer; margin-bottom: 2px; width: 230px; }
fieldset .item.input.radio_holder label{font-size:17px;  line-height:17px; width:auto}
fieldset .item.input.radio_holder label.css-label{width:80%; margin-left:40px; cursor:pointer}
fieldset label { display: block; float: left; width: AUTO; padding: 0 20px 0 0; line-height: 24px; font-family: Tele-GroteskHal; font-size: 15px; text-align: LEFT; }
fieldset .less label {width:90%; line-height:14px; padding-left:0px}
fieldset label span.magenta {margin-left:15px}
fieldset label.two-lines { line-height: 14px; }
fieldset label.agreement { width: 195px; padding: 0; font-size: 13px; line-height: 15px; text-align: left; color: #999999; }
fieldset input[type="text"], fieldset input[type="password"] { width: 192px; height: 26px; padding: 0 10px; line-height: 26px; color: #4D4D4D; background: #FFFFFF; border: 1px solid #D0D0D0; border-radius: 2px; }
fieldset select { width: 214px; height: 26px; line-height: 26px; color: #4D4D4D; background: #FFFFFF; border: 1px solid #D0D0D0; border-radius: 2px; }
fieldset select[disabled="true"] { opacity:0.45;}
fieldset input.hasDatepicker[type="text"] { width: 145px; }
fieldset input[type="submit"] { border: 0 none; cursor: pointer; background: #e20074; color:white; padding: 0.2em 0.5em}
fieldset input[type="submit"]:hover { color:#333;}
fieldset .btn_send {  width: 110px; height: 36px; padding: 0; background: url(../images/btn-send.png) no-repeat scroll 0 0; border: none; text-indent: -1000em; cursor: pointer; float: right; }
fieldset .btn_zatwierdz {  width: 160px; height: 36px; padding: 0; background: url(../images/btn_zatwierdz.jpg) no-repeat scroll 0 0; border: none; text-indent: -1000em; cursor: pointer; }
fieldset .btn_zaloguj_sie {  width: 160px; height: 36px; padding: 0; background: url(../images/btn_zaloguj_sie.png) no-repeat scroll 0 0; border: none; text-indent: -1000em; cursor: pointer; }
fieldset .btn_send.white { width: 105px; height: 26px; background: url(../images/btn_send_white.png) no-repeat scroll 0 0; }
fieldset label.error { left: 205px; width: auto; /*background: url("../images/bg_error_left.png") no-repeat scroll 0 0;*/ cursor: default !important; display: block; font-family: Tele-GroteskNor; font-size: 14px; height: 37px; line-height: 15px; padding: 0 5px 0 20px; position: absolute; text-align: left; top: 0px; z-index: 1000; color: #FE0000; }
fieldset .less label.error {left:13px; top:-23px}
fieldset input.error[type="text"], fieldset input.error[type="password"] { border: 1px solid #FF0000; }
fieldset input.error[type="checkbox"], fieldset input.error[type="radio"] { outline: 1px solid #FF0000; }
fieldset .dateOrder label.error { right: -153px; }
fieldset fieldset.agreement label.error { right: -184px; top: -6px; }
fieldset .styled_select  {
   width: 212px;
   height: 28px;
   overflow: hidden;
   background: url(../images/bg_select_03.jpg) no-repeat 0 0 #fff;
   border: 0px solid #ccc;
   cursor:pointer;
  }
 fieldset .styled_select select {
   background: transparent;
   width: 234px;
   padding: 5px;
   font-size: 13px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 28px;
   -webkit-appearance: none;
   font-family: Arial;
   color:#4D4D4D;
   cursor:pointer;
   }
fieldset .for-private-clients > p { font-family: Tele-GroteskNor; }
fieldset ~ .btn { position: absolute; }
.ui-datepicker-trigger { cursor: pointer; }


fieldset p.full-zgoda.collapsed {display:none;	}
fieldset p.full-zgoda {
	font-size:15px !important;
	float: left;
	text-align: left; 
	width: 100%; 
	padding-left: 20px;
}
fieldset .item label.css-label-checkbox {margin-bottom:18px}
div.error{color:red; font-size:13px}
.lonely-star {display:none}
.lonely-star-mobile {display:inline; margin-left:5px !important}
.inny_adres_section {display:none}
.inny_adres_wysylki_section {display:none}


fieldset .styled_select {
    background: url("../images/bg_select_03.jpg") no-repeat scroll 0 0 #fff;
    border: 0 solid #ccc;
    cursor: pointer;
    height: 28px;
    overflow: hidden;
    width: 212px !important;
}
fieldset .styled_select select {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 0;
    color: #4d4d4d;
    cursor: pointer;
    font-family: Arial;
    font-size: 13px;
    height: 28px;
    line-height: 1;
    padding: 5px;
    width: 234px;
}
fieldset .checkbox-field {
	margin:15px 0;
	clear:both;
	position: relative;
}
fieldset .checkbox-field input {
	display: inline-block;
	vertical-align: top
}
fieldset .checkbox-field label.zgoda {
	display: inline-block;
	width:90%;
	float:none;
}
fieldset .checkbox-field label.fake-checkbox {
	  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

fieldset .checkbox-field label.error {
    color: #fe0000;
    cursor: default !important;
    display: block;
    font-family: Tele-GroteskNor;
    font-size: 14px;
    height: 37px;
    left: -18px;
    line-height: 32px;
    padding: 0 5px 0 20px;
    position: absolute;
    text-align: left;
    top: -22px;
    width: auto;
    z-index: 1000;
}



/* checkboxes */

.disabled {opacity:0.5}



input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:10000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
	
}

input[type=checkbox].css-checkbox  ~ .fake-checkbox{
	background:white url(../images/check.png) center no-repeat;
	background-position: 0 -30px;
	border:1px solid #c2c2c2;
	width:24px;
	height:24px;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin:0 15px 0 0 ;
}
input[type=checkbox].css-checkbox:checked ~ .fake-checkbox{
	background-position: center;
}

input[type=checkbox].css-checkbox.error ~ .fake-checkbox {
	border:1px solid red;
}
			

/* END --checkboxes */



@media screen and (max-width: 960px) {
	.section .content {
		padding: 15px;
		box-sizing:border-box;
	}
	.section.mod1 {
		height:850px;
	}
	.section.mod1 h1{
		font-size: 1.5em;
		padding-right: 2em;
		padding-top: 0em;
	}
		
	.item.input {
	    width: 52%;
	}
	fieldset .one-field p {
	    width: 46%;
	}

	.section.mod1 .apla1 {
		height: 400px
	}
	.section.mod1 .apla2 {
		float:none;
		position: absolute;
		right:0;
		top:480px;
	}
	.section p.tick-paragraph {
		line-height: 1.2em;
	}

}



@media screen and (max-width: 640px) {
	.section .content {
		width:320px;
	}	

	.section.mod1 .content {
		padding: 0
	}

	.section.mod1 .apla1 {
	    background: white none repeat scroll 0 0;
	    font-size:0.9em;
	    height: 500px;
	    max-width: 440px;
	    padding: 1em;
	}
	.section.mod1 .apla2 {
		padding: 15px;
	}

	.item.input {
	    width: 230px;
	    float:none;
	}
	fieldset .one-field {
	    clear: both;
	    padding: 4px 0;
	}
	fieldset .one-field p {
	    width: 230px;
	    text-align: left
	}

	fieldset label.error {
	    color: #fe0000;
	    cursor: default !important;
	    display: block;
	    font-family: Tele-GroteskNor;
	    font-size: 14px;
	    height: 14px;
	    left: -18px;
	    line-height: 15px;
	    padding: 0 1px 0 16px;
	    position: relative;
	    text-align: left;
	    top: 0;
	    width: auto;
	    z-index: 1000;
	}
	fieldset .checkbox-field label.zgoda {
	    width: 220px;
	    line-height: 17px
	}
}