body, html { margin: 0; padding: 0; width: 100%; height: 100%; font-family: PT Sans; }
@font-face {
font-family: 'gotham_probold';
src: url('fonts/gothaprobol-webfont.eot');
src: url('fonts/gothaprobol-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothaprobol-webfont.woff') format('woff'),
url('fonts/gothaprobol-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'coresansreg';
src: url('fonts/coresansd35regular-webfont.eot');
src: url('fonts/coresansd35regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/coresansd35regular-webfont.woff2') format('woff2'),
url('fonts/coresansd35regular-webfont.woff') format('woff'),
url('fonts/coresansd35regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gotham_pro_narrowmedium';
src: url('fonts/gothapronarmed-webfont.eot');
src: url('fonts/gothapronarmed-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothapronarmed-webfont.woff') format('woff'),
url('fonts/gothapronarmed-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gotham_pro_narrowbold';
src: url('fonts/gothapronarbol-webfont.eot');
src: url('fonts/gothapronarbol-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothapronarbol-webfont.woff') format('woff'),
url('fonts/gothapronarbol-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'gotham_proreg';
src: url('fonts/gothaproreg-webfont.eot');
src: url('fonts/gothaproreg-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothaproreg-webfont.woff') format('woff'),
url('fonts/gothaproreg-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gotham_problack';
src: url('fonts/gothaprobla-webfont.eot');
src: url('fonts/gothaprobla-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothaprobla-webfont.woff') format('woff'),
url('fonts/gothaprobla-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gothaprolig';
src: url('fonts/gothaprolig-webfont.eot');
src: url('fonts/gothaprolig-webfont?#iefix') format('embedded-opentype'),
url('fonts/gothaprolig-webfont.woff') format('woff'),
url('fonts/gothaprolig-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gothapromed';
src: url('fonts/gothapromed-webfont.eot');
src: url('fonts/gothapromed-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothapromed-webfont.woff') format('woff'),
url('fonts/gothapromed-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
h1 { font-family: 'gotham_probold'; font-size: 48px; text-transform: uppercase; padding-top: 0px; padding-bottom: 0px; text-align: center; margin: 50px auto 40px auto; }
h1.folio { text-align: left; font-family: 'PT Sans'; font-size: 40px; text-transform: uppercase; padding-top: 0px; padding-bottom: 0px; margin: 50px 0 10px 0; font-weight: bold; }
h2 { font-family: 'gothaprolig'; font-size: 40px; text-transform: uppercase; padding-top: 70px; padding-bottom: 35px; text-align: center; margin: 0; line-height: 50px; }
h3 { font-family: 'gotham_problack'; font-size: 36px; text-transform: uppercase; padding-top: 0px; padding-bottom: 0px; text-align: center; margin: 15px 0 10px 0; }
a { color: #000; text-decoration: none; border-bottom: 1px solid #a5a5a5; padding-bottom: 1px; }
a:hover { text-decoration: none; color: #fc7272; border-bottom: none; }
p { padding: 0; margin: 0; }
#header { width: 100%; border-top: 4px solid #000; height: 70px; position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 0.9); z-index: 1000; }
.wrap { max-width: 1600px; margin: 0 auto; padding: 0 50px; }
#main { z-index: 999; position: relative; background: #fff; padding-bottom: 50px; }
#logo { text-decoration: none; display: block; float: left; line-height: 70px; color: #000; font-family: 'gotham_probold'; font-size: 20px; letter-spacing: 5px; border: none; }
#logo img { float: left; padding-top: 24px; padding-right: 15px; }
#menu { float: right; }
#mPhone { float: right; /*background: url(images/phone.png) 0 2px no-repeat ;*/ padding-left: 0px; font-size: 30px; font-family: 'gotham_probold'; margin-top: 15px; margin-right: 0px; margin-left: 30px; }
#mPhone span { font-size:14px; font-family: gothaprolig; padding-right: 3px; }
#menu ul { padding: 0; margin: 0; float: right; list-style: none; height: 70px; }
#menu ul li { height: 50px; float: left; line-height: 70px; }
#menu ul li a{ margin: 0 15px; text-decoration: none; text-transform: uppercase; font-size: 15px; color: #000; font-family: 'gotham_pro_narrowmedium'; }
#menu ul li a:hover { color: #fc7272; }
#menu ul li.active a { color: #fc7272; border: none; }
#promoWrap { width: 100%; height: 100%; overflow: hidden; }
#promo { top: 74px; width: 100%; height: 100%; overflow: hidden; position: fixed; }
#promoImg{ width: 100%; display: block; position: absolute;}
#promoImgB{ width: 100%; display: block; position: absolute; bottom: -20px; }
#promoTextWrap { position: absolute; top: 74px; left: 0; width: 100%; height: 100%; z-index: 889; text-align: left;}
#promoTextWrapP { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; z-index: 200; text-align: center;}
#promotext { text-transform: uppercase; font-family: 'gotham_probold'; text-align: center; color: #fff; margin: 0px auto; padding-top: 0px; height: 80%; }
#promotextB { text-transform: uppercase; font-family: 'gotham_probold'; text-align: center; color: #fff; width: 100%; height: 100%; vertical-align: middle; }
#promotext p.bl { font-family: 'gotham_problack'; text-align: left; }
#promotext p { font-family: 'gotham_problack'; padding: 0 15px; margin: 40px;
font-size: 80px; text-align: center; line-height: 60px; color: #fff;
}
#promotext p span { background: rgba(0,0,0,0.4); padding: 0 15px; }
#promoShadow { position: fixed; top:0; width: 100%; height: 100%; top:74px; left: 0; z-index: 10; margin-top: 0; }
#works { text-align: center; }
.workItem { width: 200px; display: inline-block; *display: inline; zoom: 1; margin: 0px 30px 30px 30px; vertical-align: top; }
.workItem img { width: 100%; display: block; }
.workItem p { text-align: center; font-family: 'PT Sans'; font-size: 16px; margin-top: 25px; }
.workItem p a { color: #1d70c3; border-color: #d4e0f1; }
.workItem p a:hover { text-decoration: none; color: #fc7272; border-bottom: none; }
#paket_descr { text-align: center; padding-top: 50px; width: 720px; margin: 0 auto; }
#paket_descr h3 { margin-bottom: 30px !important; }
#paket_descr_text { width: 100%; font-family: 'gothaprolig'; font-size: 16px; line-height: 24px; }
#paket_modules { margin-top: 50px; padding: 5px 0 0 0; margin-bottom: 0px;}
.lines { border-bottom: 1px solid #D9D9D9; padding-top: 20px; margin: 0 auto; width: 100%; overflow: hidden; padding-top: 50px; }
.lines.left div.modTxt { float: left; position: relative; }
.lines.right div.modTxt { float: left; position: relative; }
.lines div.modImg { width: 50%; position: relative; float: left; height: 377px;}
.lines div.modImg img { position: absolute; right: 0; top: -20px;}
.lines div.modTxt { width: 420px; }
.lines.left div.modImg { margin-right: 70px; float: left; }
/*.lines.left div.txt { text-align: left; } */
.lines.right div.modImg { margin-right: 70px; float: left;}
/*.lines.right div.txt { text-align: right; }*/
.lines div.modTxt { padding-top: 40px; }
p.head1 { font-family: 'gotham_problack'; text-transform: uppercase; font-size: 48px; line-height: 48px; }
p.head2 { font-family: 'gotham_probold'; text-transform: uppercase; font-size: 24px; line-height: 30px; padding-top: 5px;}
div.txt { font-family: 'gothaprolig'; font-size: 18px; line-height: 24px; padding-top: 15px;}
#imgContainer { height: 100%; width: 100%; overflow: hidden; background-size: cover; }
#pricepaket { width: 100%; height: 550px; background: url(images/paket_bg.jpg) no-repeat top center; position: relative; }
#paketList { width: 989px; margin: 0 auto; list-style: none; display: block; margin-top: 0px; }
#paketList li { margin-left: 40px; padding: 0; float: left; }
#paketList li:first-child { margin-left: 0px !important; }
#paketList li div.pWrap{ color: #fff; font-family: 'gothaprolig'; font-size: 18px;
text-transform: uppercase; text-align: center;
position: relative; padding: 15px 20px; border: none; cursor: pointer; }
#paketList li.active div.pWrap { border: 1px solid #fff; border-bottom: none; padding: 14px 19px 14px 19px; }
#paketList li div.pWrap .cornerP{ background: url(images/cornerP.png) no-repeat top center; width: 100%; height: 9px; position: absolute; bottom: -9px; left: 0px; display: none; }
#paketList li.active div.pWrap .cornerP{ display: block; }
.paket { width: 730px; margin: 0 auto; margin-top: 70px; display: none; }
.paket.active { display: block; }
.paketPrice { float: left; width: 350px; text-align: left; }
.paket .pprice { font-family: 'gothapromed'; font-size: 72px; color: #fff; }
.paket .ptime { font-family: 'gothaprolig'; font-size: 16px; color: #fff; text-transform: uppercase; }
.paketDescr { float: left; font-family: 'gothaprolig'; font-size: 16px; color: #fff; margin-left: 70px; padding-top: 8px; line-height: 24px; width: 310px; height: 100px;}
.linkPaket { text-align: center; margin-top: 100px; }
.linkPaket span{ background: rgba(255,255,255, 0.12); padding: 25px; border-radius: 25px; }
.linkPaket a { text-align: center; font-family: 'gotham_probold'; text-transform: uppercase; color: #fff; border-color: rgba(255,255,255, 0.3); }
#wtf { text-align: center; font-family: 'PT Sans'; font-size: 18px; color: #000; line-height: 30px;
width: 750px; margin: 0px auto; position: relative;
}
#coonsArrow { position: absolute; width: 185px; height: 111px; background: url(images/sprite.png) 0 -49px;
top: 211px;
right: 20px;
}
#porfolio { margin-top: 95px; }
#breadcrumbs { font-family: PT Sans; font-size: 14px; color: #000; }
#breadcrumbs span { font-weight: bold; }
#breadcrumbs a { color: #989898; border-bottom-color: #dcdcdc; padding-bottom: 0; }
#folio_link { color: #4145e7; border-bottom-color: #c9cafa; }
#folioTxt { margin-top: 30px; margin-bottom: 60px; width: 900px; font-size: 16px; line-height: 24px; }
.folio_img { width: 90%; margin: 0 auto; text-align: center; margin-bottom: 50px; }
.folio_img img { max-width: 100%; }
.folio_img_descr { text-align: center; font-style: italic; font-size: 14px; }
#bigFolioWrapper { width: 90%; margin: 50px auto 0px auto; position: relative; }
#folioPagerWrap { height: 200px; width: 90%; margin: 0 auto; text-align: center; overflow: hidden; }
#folioPager { height: 200px; display: inline-block; text-align: center;}
#folioPager .pager_item { width: 100px; height: 100px; position: relative; opacity: 0.6; float: left; margin-top: 100px; text-align: center; }
#folioPager .pager_item a { border: none; }
#folioPager .pager_item img { width: 100%; }
#folioPager .pager_item.thisPage { width: 200px; height: 200px; opacity: 1; margin-top: 0; }
.arrow_page { position: relative; width: 150px; text-align: center; border: none; cursor: pointer; display: block; border: none; top: 0;}
.arrow_page img { width: 100px; opacity: 0.6; display: block; margin: 0px auto 15px auto; }
.arrow_page .arr { background-image: url(images/sprite.png); display: block; position: absolute; width: 25px; height: 49px; top: 25px; }
#prevP { margin-left: 30px; float: left; }
#nextP { margin-right: 30px; float: right;}
#prevP .arr{ background-position: 0 0; left: -30px; }
#nextP .arr{ background-position: -25px 0; right: -30px;}
.arrow_page span.nam_txt{ text-align: center;
font-family: "PT Sans";
font-size: 14px;
border-bottom: 1px solid #a5a5a5;}
.arrow_page span.nam_txt:hover, .arrow_page:hover span.nam_txt { border: none; }
.arrow_page:hover img { opacity: 1; }
#orderPaketWrap { background: url('images/paket_bg.jpg') no-repeat; margin: 0; height: 550px; }
#orderPaket { width: 700px; margin: 0 auto; position: relative; padding-top: 75px; }
#orderPaket h2 { padding-bottom: 40px; padding-top: 0; color: #fff; }
#orderForm { width: 410px; margin: 0 0 0 82px;; }
#orderForm dt { float: left; width: 150px; vertical-align: middle; height: 35px; }
#orderForm dt label{ display: table-cell; vertical-align: middle; height: 35px; color: #fff; }
#orderForm dd { margin-bottom: 30px; position: relative; }
#orderForm dd div.errors { display: none; }
#orderForm input[type="text"] { height: 35px; border: 1px solid #fff; width: 245px; padding-left: 5px; background: none; color: #fff; }
#orderForm input[type="submit"] { width: 155px; height: 41px; display: block; background: url(images/sprite.png) -50px 0; border: none; text-indent: -9999px; cursor: pointer; margin-top: 50px; outline: none; }
#orderForm input[type="submit"]:hover { background: url(images/sprite.png) -205px 0; border: none; }
#orderForm input[type="submit"]:active { background: url(images/sprite.png) -360px 0; border: none; }
#orderArrow { width: 43px; height: 33px; position: absolute; background: url(images/sprite.png) -185px -41px; bottom: -40px; left: 255px; }
#orderDescr { position: absolute; width: 300px; font-size: 14px; color: #fff; bottom: -85px; left: 308px; }
#promoOrder { display: block; width: 350px; height: 67px; border: none; margin: -100px auto 0 auto; background: #fc7272; border-radius: 3px; color: #fff;
text-align: center; line-height: 67px; font-family: gothaprolig; font-size: 26px; text-transform: uppercase;
}
#arrowDown { width: 70px; height: 48px; background: url(images/sprite.png) -228px -41px; margin: 25px auto 0 auto; }
#mapContentDivWrap { display:block; width: 337px; height: 252px; }
#mapContentDiv { display:block; padding: 30px; background: #000; color: #fff; font-size: 18px;
font-family: gotham_probold; text-transform: uppercase; position: relative;
}
#mapContentDiv p { color: #fff; }
#mapContentDiv p.mtel span { font-size: 14px; font-family: gothaprolig; }
#mapContentDiv p.madress { margin-bottom: 15px;}
#mapContentDiv p.memail { margin-top: 15px;}
#mapArr { width: 17px; height: 62px; background: url(images/map_arrow.png) no-repeat; position: absolute; top: 100%; left: 0;; }
#mapCanvasWrap { position: relative; width: 100%; height: auto; }
#feedbacOnMap { position: absolute; padding: 35px; background: rgba(255,255,255, 0.7); z-index: 1000; left: 100px; top: 50px; }
#feedbacOnMap .h { text-align: center; font-size: 26px; text-transform: uppercase; color: #000; font-family: 'gotham_probold'; line-height: 32px; }
#feedbacOnMap .errors { display: none; }
#feedbacOnMap div.form { margin-top: 25px; margin-bottom: 30px; }
#feedbacOnMap div.form input[type="text"], #feedbacOnMap div.form textarea { width: 300px; padding: 10px; background: #fff; border: 1px solid #C5C5C5; display: block;
font-size: 16px; text-transform: none; font-family: 'gothaprolig';
margin-bottom: 20px;
}
#feedbacOnMap div.form textarea { height: 100px; margin-bottom: 0; }
#mapFormSubmit { width: 323px; height: 52px; background: url(images/sprite.png) -185px -89px; line-height: 52px; text-align: center; cursor: pointer;
color: #fff; text-transform: uppercase; font-size: 20px; font-family: 'gotham_probold';
}
#mapFormSubmit:hover { background-position: -185px -141px; }
#mapFormSubmit:active { background-position: -185px -193px; }
#mapAndFdbk { width: 910px; margin: 70px auto; }
#fdbk { width: 430px; float: left; m }
#mapf { width: 430px; height: 430px; float: left; margin-left: 50px; }
#fdbk a[name="feedback"] {display: block; height: 0; width: 0; }
#fdbk dt { display: none; }
#fdbk dd { margin-left: 0; position: relative; }
#fdbk input[type="text"], textarea { width: 410px; padding: 10px; background: #fff; border: 1px solid #C5C5C5; display: block;
font-size: 16px; text-transform: none; font-family: 'gothaprolig';
margin-bottom: 20px;
}
#fdbk textarea { height: 100px; margin-bottom: 0; }
.errors{
position: absolute;
z-index: 100;
right: 13px;
top: 12px;
font-size: 12px;
list-style: none outside none;
color: red;
}
#fdbk input[type="submit"] { width: 431px; height: 52px; background: url(images/sprite.png) -185px -245px; line-height: 52px; text-align: center; cursor: pointer;
color: #fff; text-transform: uppercase; font-size: 20px; font-family: 'gotham_probold'; border: none; margin-top: 20px;
}
#fdbk input[type="submit"]:hover { background-position: -185px -306px; }
#fdbk input[type="submit"]:active { background-position: -185px -358px; }
input.rErr { border: 1px solid red !important; }
#paket_all .paket_item {width: 100%; height: 100%;}
.wrapblack {background: url(images/wrapblack.png); width: 100%; height: 100%;}
#paket_all .imgContainer {width: 100%; height:450px; overflow: hidden; }
#paket_all .paketDescr_all {text-align: center; padding-top: 60px; color: #fff; width: 600px; margin: 0 auto;}
.paketDescr_all .title {font-family: 'gotham_problack'; text-transform: uppercase; font-size: 36px; border: 1px solid #fff;
display: inline-block; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding: 9px 10px 9px 10px; margin-bottom: 20px;}
.paketDescr_all {font-family: 'gothaprolig'; font-size: 18px; }
.paket_item .paketPrice { width: 350px; float: none; text-align: center; display: inline-block; margin-top: 30px; margin-bottom: 50px; }
.paket_item .pprice { font-family: 'gothapromed'; font-size: 48px; color: #fff; }
.paket_item .ptime { font-family: 'gothaprolig'; font-size: 14px; color: #fff; text-transform: uppercase; }
.paket_item .linkPaket { text-align: center; margin-top: 50px; }
.paket_item .linkPaket span{ background: rgba(255,255,255, 0.12); padding: 25px; border-radius: 25px; }
.paket_item .linkPaket a { text-align: center; font-size: 16px; font-family: 'gotham_probold'; text-transform: uppercase; color: #fff; border-color: rgba(255,255,255, 0.3); }
#paketprice {margin: 0 auto; font-family: 'gotham_probold'; border-spacing: 110px 0; margin-bottom: 35px;}
.trTitle {font-family: 'gothaprolig'; font-size: 18px;}
#paketprice .pprice { font-family: 'gothapromed'; font-size: 72px; }
#paketprice .srok {font-size: 48px; font-family: 'gothapromed'; }
#paketprice .srok:first-letter {font-size: 72px;}
.p404 {font-family: 'gothaprolig'; width: 900px; margin: 0 auto; padding-top: 100px;}
.p404 h1 {text-align: left; font-family: 'gothaprolig'; font-weight: normal; font-size: 68px; margin: 0; margin-bottom: 30px;}
.p404 p.t1 {font-size: 36px; margin-bottom: 30px; line-height: 45px;}
.p404 p.t2 {font-size: 18px; margin-bottom: 25px;}
.p404 span {font-size: 18px; margin-bottom: 80px; display: inline-block; }
#klitschko {position: absolute; width: 288px; height: 133px; bottom: 0; right: 0; background: url(images/klitschko.png) no-repeat;}
#promo_top {width: 514px; height: 200px; background: url(images/pattern_promo.jpg); margin: 0 auto; margin-top: -106px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 4px 6px 0px 0px rgba(0, 0, 0, 0.19);
-moz-box-shadow: 4px 6px 0px 0px rgba(0, 0, 0, 0.19);
box-shadow: 4px 6px 0px 0px rgba(0, 0, 0, 0.19);
position: relative;
}
#gift {width: 61px; height: 61px; position: absolute; top:-13px; left:-13px; background: url(images/gift.png) no-repeat;}
#promo_top p {margin: 0; padding: 0; color:#2e2b01;}
#promo_top h1 {font-size: 30px; font-family: 'gotham_problack'; text-shadow: -1px 1px 0px rgba(254, 249, 182, 1); padding-top: 25px; margin: 0; color:#2e2b01;}
#promo_top p {font-size: 18px; font-family: 'gothaprolig'; text-align: center;}
#promo_top span {color: #ff0000; font-family: 'gothapromed';}
#promo_top span.bold {font-family: 'gotham_problack'; color: #2e2b01; text-transform: uppercase;}
#promo_top a#button_promo {display: block; width: 356px; height: 54px; background: url(images/button_promo.png) no-repeat;
text-align: center; margin: 0 auto; text-decoration: none; border-bottom: none; line-height: 54px; color: #fff;
font-size: 24px; font-family: 'gothaprolig'; text-transform: uppercase; margin-top: 15px;}
#promo_top a#button_promo:hover {color: #fff;}
.orderPaketWrapPromo {background: url(images/pattern_promo.jpg) !important; position: relative;}
#shadow_promo_bottom {position: absolute; background: url(images/shadow_promo_bottom.png) repeat-x; width: 100%; height: 16px;
bottom:0; left: 0;}
#shadow_promo_top {position: absolute; background: url(images/shadow_promo_top.png) repeat-x; width: 100%; height: 16px;
top:-1px; left: 0;}
.orderPaketWrapPromo h2 {font-size: 36px !important; color:#2e2b01 !important; font-family: 'gothaprolig' !important;}
.orderPaketWrapPromo h2>span {color: #de2323 !important;}
.orderPaketWrapPromo table {margin: -27px auto 37px auto;}
#gift_big {width: 86px; height: 90px; background: url(images/gift_big.png) no-repeat;}
.orderPaketWrapPromo table p {color: #de2323; font-family: 'gotham_problack'; font-size: 24px; line-height: 30px;}
.orderPaketWrapPromo table p.is_limited {color: #2e2b01; font-size: 16px; font-family: 'gothaprolig'; margin-top: 0px; }
.orderPaketWrapPromo input[type="text"] {background: #fff !important; outline: none; color: #000 !important;
border: 4px solid #fffc00 !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 3px 0px 0px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 1px 3px 0px 0px rgba(0, 0, 0, 0.07);
box-shadow: 1px 3px 0px 0px rgba(0, 0, 0, 0.07);
width: 350px !important;
height: 42px !important;
margin-right: 30px;
font-size: 18px !important;
font-family: PT Sans !important;
padding-left: 15px !important;
}
.orderPaketWrapPromo input.rErr { border-color: #eb3d3d !important; }
.orderPaketWrapPromo #orderForm {width: 900px; margin: 0 auto; !important; text-align: center; margin-top: 20px;}
.orderPaketWrapPromo #submit {
width: 356px !important;
height: 54px !important;
outline: none !important;
background: url(images/button_promo.png) no-repeat !important;
margin: 0 auto;
line-height: 54px !important;
color: #fff !important;
font-size: 24px !important;
font-family: 'gothaprolig' !important;
text-transform: uppercase !important;
text-indent: 0 !important;
margin-top:20px !important;
}
.orderPaketWrapPromo #orderPaket {width: 100% !important;}
#page_text { max-width: 800px; margin: 0 auto; }
#page_text p { line-height: 26px; color: #444444; }
.inpWrap { width: 290px; margin-bottom: 14px; }
.inpWrap p { text-align: left !important; font-family: gotham_proreg !important; font-size: 14px !important; text-transform: none; line-height: 24px !important; margin: 0 !important; padding-left: 10px !important; }
.inp { height: 45px; width: 290px; background: url(images/promo_inp_bg.png) repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
}
.inp input { height: 37px; margin-top: 3px; margin-left: -1px; padding: 0; width: 261px; padding: 0 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #fcff63;
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,1);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,1);
}
.inp input.err { border-color: red; }
#promoMainForm { display: block; width: 630px; margin: 30px auto; }
#pfLeft { width: 290px; float: left; }
#pfRight { width: 290px; float: left; margin-left: 50px; }
.tarea { height: 207px; width: 290px; background: url(images/promo_tarea_bg.png) repeat-x; padding-top: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; position: relative; }
.tarea textarea { height: 180px; margin-left: 4px; padding: 10px; width: 260px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #fcff63;
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,1);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,1); }
.tarea textarea.err { border-color: red; }
#subm { width: 395px; height: 75px; background: url(images/sprite_mainpromo_btn.png) 0 0 no-repeat; cursor: pointer; margin: 30px auto; font-size: 20px; color: #0e5604;
text-shadow: 2px 2px 0px rgba(89, 248, 68, 1); line-height: 64px;
}
#subm:hover { line-height: 66px; width: 395px; height: 75px; background: url(images/sprite_mainpromo_btn.png) 0 -75px no-repeat; }
#subm:active { line-height: 86px; width: 395px; height: 75px; background: url(images/sprite_mainpromo_btn.png) 0 -150px no-repeat; }
.perr { font-size: 12px; font-family: PT Sans; color: red; display: block; position: absolute; z-index: 999; text-transform: none;
top: 15px; right: 15px; display: none;
}
.tarea .perr { bottom: 15px !important; top: auto; }
#wordsContainer { width: 100%; height: 100%; position: absolute; z-index: 888; }
.thisihword { position: absolute; display: block; font-size: 14px; font-family: PT Sans; color: rgba(255,255,255, 0.6); top:220; left:220; overflow: hidden; }
.thisihword.aft:after {content:'|'}
.innsp { position: absolute; top:0; left:0; }