body {
    background-color: #fff;
    background-image: url('/media/img/bg-sg-pasek.jpg');
    background-position: center top;
    background-repeat: repeat-x;
    height: 100%;
    
    font-family: arial;
    font-size: 12px;
    color: #475a73;
    line-height: 1.5em;
}

body.page {
    background-image: url('/media/img/bg-sub-page-pasek.jpg');
}

#bg-container {
    position: absolute;
    margin-top: 0px auto;
    width: 100%;
    height: 732px !important;
    
    background-image: url('/media/img/bg-sg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -2;
}

.page #bg-container {
    background-image: url('/media/img/bg-sub-page.jpg');
}

#container {
    width: 980px;
    margin: 0 auto;
    z-index: 2;
}

/* HEADER */
ul#nav-top {
    float: right;
    margin: 5px 0;
}

ul#nav-top li {
    height: 19px;
    display: inline-block;
    border-left: 1px solid #d0d0d0;
    padding: 0 12px;
    box-shadow: 2px 0 0 0 #eae9e9;
    float: left;
}
ul#nav-top li:first-child {
    border: 0;
}
ul#nav-top li:last-child {
    box-shadow: 0 0 0 0;
}

ul#nav-top li a {
    color: #81c231;
    font-weight: bold;
    font-size: 11px;
    
    line-height: 19px;
    padding: 0;
}

ul#nav-top li a span {
    color: #848484;
}

#logo {
    margin-top: 7px;
    display: block;
}

/* MAIN MENU */
#menu {
    display: block;
    margin-top: 30px;
}

#menu li {
    display: inline-block;
    margin: 0 16px;
}

#menu li a.active {
    background-color: #44a7cf;
    color: #fff;
}

#menu li a {
    display: block;
    line-height: 36px;
    height: 36px;
    position: relative;
    color: #3da6d0;
    font-size: 17px;
    font-weight: bold;
}

#menu li a.active:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    position: absolute;
    left: -16px;
}

#menu li a.active:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    background-position: -16px 0;
    position: absolute;
    right: -16px;
}

/* HOME HEADER */
.home #title {
    padding-top: 29px;
}

.home #title h1 {
    font-size: 26px;
    line-height: 26px;
}

.home #title a, a.more, .less-domains {
    color: #81c231;
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    margin-top: 4px;
}

.page #title {
    padding: 40px 30px 0 30px;
    line-height: 100px;
    margin-bottom: 60px;
}

.page #title h2, .page #title h1 {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}

.page #title h2 span, .page #title h1 span {
    float: right;
    font-weight: normal;
    font-size: 22px;
}

.page #title h2 span.small, .page #title h1 span.small {
    float: none;
    font-size: 16px;
    font-weight: bold;
}


.page #content h1 {
    margin-bottom: 30px;
    line-height: 1em;
}

/* CHECK DOMAIN AVAILABILITY */
#check-domain {
    display: block;
    margin: 60px 0;
    line-height: 50px;
    width: 100%;
    text-align: center;
}

#check-domain span {
    display: inline-block;
    color: #fff;
    font-style: italic;
    font-size: 36px;
    vertical-align: top;
    margin-top: 18px;
}

#check-domain .input {
    display: inline-block;
    background-image: url('/media/img/inputs.png');
    background-position: 0 -80px;
    width: 546px;
    height: 55px;
    padding: 25px 35px 0 15px;
}

#check-domain .input input[type=text] {
    vertical-align: top;
    border: 0;
    height: 30px;
    margin: 2px 30px 0 0;
    float: left;
    width: 250px;
    line-height: 25px;
    font-size: 20px;
    color: #646464;
    box-shadow: 0 0 0;
    background-color: #fff;
    font-weight: normal;
}

#check-domain .input label {
    float: left;
    vertical-align: top;
    margin: 2px 0 0 10px;
    line-height: 35px;
    color: #000;
}

#check-domain button {
    display: inline-block;
    border: 0;
    background-color: transparent;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -36px;
    width: 151px;
    height: 56px;
    vertical-align: top;
    margin: 16px 0 0 15px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 2px #666;
}

#check-domain button:after, #check-domain button:before {
    display: none;
}

#check-domain p {
    float: left;
    display: inline-block;
    line-height: 1em;
    position: relative;
    margin: -20px 155px 5px 155px;
    
    color: #465974;
    font-size: 14px;
}

#check-domain p a {
    color: #fff;
    text-decoration: underline;
}

#ext-form {
    z-index: -1;
}

#extensions {
    padding: 0 30px;
    position: relative;
    background-color: #fff;
    z-index: 2 !important;
}
#extensions:after {
    content: " ";
    display: block;
    width: 100%;
    height: 28px;
    background-image: url('/media/img/shadows.png');
    background-position: center -38px;
    background-repeat: no-repeat;
    position: absolute;
    top: 515px;
    z-index: 1 !important;
}

#extensions .title {
    display: block;
    font-weight: bold;
    font-size: 18px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #C5C6D3;
    margin: 20px 0;
}

#extensions .extension {
    display: inline-block;
    margin: 0 0 15px 30px;
    font-size: 14px;
    cursor: pointer;
    color: #999;
    z-index: 4;
    width: 120px;
}

#extensions .extension input {
    margin-right: 10px;
    border: 1px solid #b5d2d9;
    box-shadow: 1px 1px 3px #bed8e0;
    background-color: #fff;
}

#extensions .extension.active {
    color: #123e61;
}

.less-domains {
    margin: 20px 0;
    z-index: 100;
    cursor: pointer;
}


/* SLIDER */
#slider {
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    height: 298px;
    width: 100%;
    margin-bottom: 45px;
    background-color: #fff;
    top: 0px;
}

#slider.bordered {
    box-shadow: 0px 0px 4px #F0F0F0;
}

#slider .slide {
    width: 860px;
    height: 295px;
    padding: 0px 40px 0px 40px;
}

#slider .slide .bg {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

#slider .slide h3 {
    font-size: 40px;
    font-weight: bold;
    float: left;
    margin-top: 9px;
}

#slider .slide .subtitle {
    line-height: 20px;
    margin: 0px 0 0 20px;
    float: left;
    font-size: 16px;
}

#slider .slide ul {
    margin-top: 30px;
}

#slider .slide ul li {
    display: inline-block;
    width: 125px;
    margin: 0 15px 0 0;
    vertical-align: top;
    text-align: center;
    color: #666;
}

#slider .slide ul li p {
    line-height: 15px;
}

#slider .slide ul li p span {
    display: block;
    color: #666;
    font-size: 9px;
    line-height: 12px;
}

#slider .slide ul li:last-child {
    margin-right: 0;
}

/* SLIDER ICONS */ 
#slider .slide ul .icon {
    display: inline-block;
    width: 84px;
    height: 90px;
    background-image: url('/media/img/icons.png');
    background-repeat: no-repeat
}

#slider .slide ul .icon.pig {
    background-position-y: 0;
}

#slider .slide ul .icon.window {
    background-position: 0 -96px;
}

#slider .slide ul .icon.config {
    background-position: 0 -192px;
}

#slider .slide ul .icon.mixer {
    background-position: 0 -288px;
}

#slider .slide ul .icon.sheet {
    background-position: 0 -384px;
}

#slider .slide ul .icon.chart {
    background-position: 0 -480px;
}

#slider:after {
    content: " ";
    display: block;
    width: 100%;
    height: 28px;
    background-image: url('/media/img/shadows.png');
    background-position: center -38px;
    background-repeat: no-repeat;
    position: absolute;
    top: 300px
}

#slider .slide {
    position: absolute;
}

#slider .navigation {
    position: relative;
    float: right;
    margin: 270px 24px 0 0;
    z-index: 2000;
}

#slider .navigation li {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #e1e2de;
    margin-left: 8px;
    cursor: pointer;
}

#slider .navigation li.active {
    background-color: #3fa6d1;
}

/* CONTENT */
#content {
    background-color: #fff;
}

.main {
    float: left;
    width: 660px;
    position: relative;
    padding-right: 20px;
    padding-top: 10px;
}

.page .main {
    padding: 0 20px 30px 30px;
    width: 630px;
}

.sidebar {
    float: left;
    width: 300px;
    position: relative;
}

.sidebar:before {
    content: " ";
    left: -17px;
    top: 170px;
    position: absolute;
    display: block;
    width: 17px;
    height: 450px;
    background-image: url('/media/img/shadows.png');
    background-position: 0 -85px;
    background-repeat: no-repeat;
}

.page .sidebar:before {
    top: 0;
}

.main  h1 {
    font-size: 44px;
    font-weight: bold;
}

.main h2 {
    font-size: 26px;
    font-weight: bold;
    margin: 0 10px;
}

.main p {
    padding: 10px 20px;
}

.main p.description {
    font-size: 16px;
    margin-bottom: -30px;
    padding-left: 0;
}

#steps {
    float: right;
    text-align: right;
    vertical-align: top;
}

#steps span {
    display: inline-block;
    vertical-align: top;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    margin-right: 30px;
}

#steps ul {
    float: right;
    margin: 25px 0 0 0;
}

#steps li {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 23px;
    text-align: center;
    padding: 0;
    margin: 0 25px 0 0;
    line-height: 42px;
    font-size: 20px;
    color: #fff;
    
    border: 2px solid #fff;
    position: relative;
    float: left;
}

#steps li:after {
    display: block;
    content: " ";
    width: 25px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 21px;
    left: 44px;
}

#steps li:last-child:after {
    display: none;
}

#steps li.active {
    background-color: #fff;
    color: #3da6d0;
}

/* ICONS */
.icon-arrow {
    display: inline-block;
    width: 45px;
    height: 44px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -207px;
    margin: 0 20px;
}

.icon-more {
    display: inline-block;
    margin: 2px 0 0 0;
    width: 13px;
    height: 13px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -109px;
}

.icon-power {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 3px 0 0;
    width: 12px;
    height: 12px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -268px;
}

.icon-cart {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 3px 0 3px;
    width: 15px;
    height: 12px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -280px;
}

.icon-arrow-down, .icon-arrow.down {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 8px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -646px;
    margin: 0 20px;
}

.icon-arrow-up, .icon-arrow.up {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 8px;
    background-image: url('/media/img/buttons.png');
    background-position: -13px -646px;
    margin: 0 20px;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url('/media/img/buttons.png');
}

.icon.trash {
    width: 26px;
    height: 26px;
    background-position: 0 -561px;
}

.icon.tick {
    width: 22px;
    height: 17px;
    background-position: 0 -309px;
}

.icon.x {
    width: 19px;
    height: 19px;
    background-position: 0 -326px;
}

.icon.cart {
    width: 20px;
    height: 18px;
    background-position: 0 -345px;
}

/* LISTS */
.main ul.ticked {
    margin: 20px 0 30px 53px;    
}

.main ul.ticked li {
   font-size: 14px;
   color: #3e3e40;
   margin-bottom: 12px;
}

.main ul.ticked li:before {
    content: " ";
    display: inline-block;
    width: 17px;
    height: 13px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -139px;
    
    margin-right: 20px;
}

.main ul.underlined {
    margin: 50px 0 0 20px;
}

#domains-set ul.underlined {
    margin: 10px 0 0 0;
}

.main ul.underlined li {
    font-size: 18px;
    line-height: 2em;
    display: block;
    width: 310px;
    margin: 0 20px 5px 0;
    border-bottom: 1px solid #ccc;
    float: left;
}

.main ul.underlined li:nth-child(even) {
    margin-right: 0;
}

.main ul.underlined li .right {
    float: right;
    font-weight: bold;
}


/* BOXES */
.main .box {
    display: block;
    border: 1px solid #f4f4f4;
    margin: 0 0 20px 5px;
    box-shadow: 0px 0px 4px #f0f0f0;
    position: relative;
    height: 90px;
    padding: 30px;
}

.main .box:before {
    content: " ";
    position: absolute;
    display: block;
    width: 450px;
    height: 18px;
    top: 100%;
    left: 130px;
    background-image: url('/media/img/shadows.png');
    background-position: 0 -66px;
    /*background: yellowgreen;*/
}

.main .box .box-title {
    display: block;
    float: left;
    height: 100%;
    line-height: 2;
    font-size: 20px;
    color: #134061;
    padding-right: 20px;
    border-right: 1px solid #e4e8eb;
    margin-right: 20px;
}

.main .box .box-content {
    color: #999;
    font-size: 10px;
}

.sidebar img.contact {
    margin: 0 0 30px 0;
}

.sidebar .box {
    display: block;
    margin: 0 25px 30px 30px;
}

.sidebar .box .box-title h4 {
    float: left;
    font-size: 22px;
    font-weight: bold;
    vertical-align: bottom;
    margin: 0 0 10px 0; 
}

.sidebar .box .box-title a {
    font-weight: bold;
    font-size: 12px;
    margin-top: 3px;
}

.sidebar .box .box-content {
    clear: both;
    color: #929ba1;
}

.sidebar .news-box {
    margin: 20px 0 30px 0;
}

.news-box .date, .news .date {
    display: inline-block;
    width: 51px;
    height: 41px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -692px;
    color: #949494;
    text-align: center;
    padding: 12px 0 12px 0;
    line-height: 1em;
    font-size: 16px;
    margin-right: 10px;
    vertical-align: top;
}

.news-box .date span, .news .date span {
    display: block;
    font-size: 8px;
    line-height: 12px;
}

.news-box .content {
    float: right;
    width: 180px;
    color: #929ba1;
}

.news-box .content .title, .sidebar .box .box-content .title {
    display: inline-block;
    padding: 0;
    margin-bottom: 5px;
    line-height: 1em;
    font-weight: bold;
}

.news-box .content p {
    width: 180px;
    line-height: 1.2em;
    float: left;
    padding: 0;
}

.news-box .content p a {
    margin-right: -20px;
}

.news.single .content {
    width: 550px;
    display: inline-block;
    color: #3e3e3f;
    font-size: 14px;
}

.news.single .content p {
    padding: 0 0 15px 0;
    line-height: 1.5em;
}

.news.single {
    margin-bottom: 20px;
}

.main .news-box {
    display: block;
    width: 300px;
    float: left;
    margin: 10px 30px 20px 0;
    margin-right: 30px;
}

.main .news-box:nth-child(even) {
    margin-right: 0;
}

.main .news-box .date {
    margin-right: 10px;
    float: left;
}

.main .news-box .content {
    width: 220px;
    margin: 0;
    float: left;
}

.main .news-box .content p {
    width: 210px;
    margin: 0;
    float: left;
}

.page .main h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 30px 0;
}

h5 {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0;
}



/* FOOTER */
#footer {
    display: block;
    background-color: #f0f0f8;
    border: 1px solid #ebebf4;
    margin: 20px 0 0 0;
}

#footer #partners {
    display: block;
    background-color: #fcfbff;
    font-size: 22px;
    font-weight: bold;
    padding: 25px 0 0 0;
    text-align: center;
    line-height: 66px;
}

#footer #partners h4 {
    vertical-align: top;
    display: inline-block;
}

#footer #partners .banner {
    margin-left: 100px;
}

.banner-nask {
    display: inline-block;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -363px;
    width: 141px;
    height: 66px;
}

.banner-rrp {
    display: inline-block;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -429px;
    width: 89px;
    height: 66px;
}

.banner-eu {
    display: inline-block;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -495px;
    width: 87px;
    height: 66px;
}

#footer .logo {
    display: inline-block;
    width: 62px;
    height: 55px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -152px;
    margin: 60px 35px 60px 55px;
    float: left;
}

#footer .links {
    display: inline-block;
    vertical-align: top;
    margin: 75px 0 0 0;
    float: left;
}

#footer .links ul {
    display: block;
    clear: both;
}

#footer .links ul li {
    float: left;
    display: inline-block;
    padding-right: 3px;
    margin-right: 3px;
    border-right: 1px solid #465974;
    line-height: 11px;
    margin-bottom: 10px;
}

#footer .links ul li:last-child {
    border: 0;
}

#footer .links ul li a {
    color: #465974;
}

#footer .newsletter {
    float: right;
    margin: 50px 55px 0 0;
}
    
#footer .newsletter h4 {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    font-weight: bold;
    margin: 35px 50px 0 50px;
}
    
#footer .newsletter div {
    display: inline-block;
}

#footer .newsletter p {
    line-height: 1.2em;
    margin-bottom: 15px;
}

#copy {
    float: right;
    font-size: 10px;
    line-height: 30px;
}

#copy .dinfo {
    display: inline-block;
    width: 70px;
    height: 17px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -122px;
    float: right;
    margin: 5px 0 0 15px;
}

#payu {
    float: left;
    font-size: 10px;
    line-height: 30px;
}

/* INPUTS */
input[type="text"], input[type="password"] {
    width: 180px;
    height: 28px;
    border: 1px solid #b5d2d9;
    margin: 0;
    padding: 0 10px;
    
    box-shadow: 1px 1px 3px #bed8e0;
    font-weight: bold;
    font-size: 12px;
    color: #333;
    background-color: #fff;
} 

textarea {
    width: 355px;
    height: 96px;
    border: 1px solid #b5d2d9;
    margin: 0;
    padding: 10px;
    
    box-shadow: 1px 1px 3px #bed8e0;
} 

.main form {
    padding: 20px 20px 0 0px;
}

form .group {
    height: 40px;
    position: relative;
    margin: 30px 0 15px 0;
}

form .group:after {
    display: block;
    height: 19px;
    width: 100%;
    content: " ";
    border: 0;
    background-image: url('/media/img/shadows.png');
    background-position: 0 0;
    position: absolute;
    top: 20px;
}

form .group .title {
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
}

form .group .subtitle {
    font-size: 14px;
}

form .options {
    display: inline-block;
    margin: 0px 0;
    overflow: auto;
    max-height: 200px;
}

form .options .option {
    margin: 0;
}

form .checkbox {
    padding:0;
    margin: 5px 0 0 0;
    display: inline-block;
}

form .checkbox input {
    border: 1px solid #b5d2d9;
    margin: 5px 10px 10px 0;
    padding: 5px;
    
    color: #475a73;
    box-shadow: 1px 1px 3px #bed8e0;
}

input[type="radio"] {
    margin: 0 10px 0 0;
    border: 1px solid #b5d2d9;
    margin: 7px 10px 0 0;
    padding: 5px;
    
    color: #475a73;
    box-shadow: 1px 1px 3px #bed8e0;
}

.select-container {
    display: inline-block;
    position: relative;
}

.field.error .select-container .select .selected {
    border: 2px solid #de595a;
}

.field.error .select-container .select ul {
    border: 2px solid #de595a;
    border-top: 0;
}

.select-container .select .selected {
    display: block;
    border: 1px solid #b5d2d9;
    margin: 0;
    padding: 5px 10px;
    box-shadow: 1px 1px 3px #bed8e0;
    font-style: italic;
    width: 180px;
}

.select-container .select .selected:after {
    content: " ";
    
    display: inline-block;
    width: 14px;
    height: 10px;
    margin: 5px 0 0 0;
    vertical-align: top;
    float: right;
    
    background-image: url('/media/img/buttons.png');
    background-position: 0 -682px;
}

.select-container .select ul {
    position: absolute;
    z-index: 2000;
    background: #fff;
    border: 1px solid #b5d2d9;
    border-top: 0;
    box-shadow: 1px 1px 3px #bed8e0;
    display: block;
    width: 200px;
    margin-top: 0px;
}

.select-container .select ul li {
    padding: 5px 10px;
    margin: 0 10px;
    border-bottom: 1px solid #C5C6D3;
    cursor: pointer;
}

.select-container .select ul li:hover {
    background-color: #eee;
}

.select-container .select ul li:last-child {
    border-bottom: 0;
}

.field {
    margin: 10px 0;
}

.field input {
    background-color: #fff;
}

.field label 
{
    padding-left: 24px;
}

.field.required label {
    border-left: 6px solid #d7d7d7;
    padding-left: 18px;
}

.field.error input, .field.error textarea {
    border: 2px solid #de595a;
}

.field.error input {
    height: 26px;
}

.field.error input[type="checkbox"], .field.error input[type="radio"] {
    height: 10px;
}

.field.error textarea {
    height: 94px;
}

.field label {
    display: inline-block;
    width: 120px;
    vertical-align: top;
    line-height: 30px;
}

.buttons {
    margin: 10px 0 10px 144px;
    width: 375px;
}
.buttons input[type=checkbox] {
    margin-top: 15px;
    clear: both;
}

form button {
    background-color: #66d834;
    color: #fff;
    border: 0;
    position: relative;
    padding: 0;
    height: 36px;
    margin: 10px 16px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 1px 1px 2px #999;
    padding: 0 15px;
}

.button {
    display: inline-block;
    line-height: 36px;
    background-color: #66d834;
    color: #fff;
    border: 0;
    position: relative;
    padding: 0;
    height: 36px;
    margin: 10px 16px;
    
    font-weight: bold;
    font-size: 16px;
    text-shadow: 1px 1px 2px #999;
    padding: 0 15px;
}

.button:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    background-position: -128px 0;
    position: absolute;
    left: -16px;
    top: 0;
}

.button:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    background-position: -144px 0;
    position: absolute;
    right: -16px;
    top: 0;
}

.button.cancel {
    background-color: #ccc;
}
.button.cancel:before {
    background-position: -64px 0;
}

.button.cancel:after {
    background-position: -80px 0;
}

.buttons label {
    margin: 10px 0;
    line-height: 36px;
}

.buttons label input {
    margin: 0 10px 0 0;
    border: 1px solid #b5d2d9;
    box-shadow: 1px 1px 3px #bed8e0;
}


form button:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    background-position: -128px 0;
    position: absolute;
    left: -16px;
    top: 0;
}

form button:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    background-position: -144px 0;
    position: absolute;
    right: -16px;
    top: 0;
}

.field.valid .icon {
    content: " ";
    display: inline-block;
    
    width: 17px;
    height: 13px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -139px;
    vertical-align: top;
    margin: 8px 0 0 10px;
}

.field.error .icon {
    content: " ";
    display: inline-block;
    
    width: 17px;
    height: 17px;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -251px;
    margin: 7px 0 0 8px;
    vertical-align: top;
}

.field div.input {
    display: inline-block;
}

form p.description {
    padding: 0;
    margin: 30px 0 10px 144px;
}

form p.description .border {
    display: inline-block;
    border-left: 6px solid #d7d7d7;
    width: 1px;
    height: 10px;
    vertical-align: top;
    margin: 4px 0 0 0;
}

.field span.error {
    display: block;
    margin-left: 0px;
    font-size: 10px;
    color: #de595a;
    padding: 0;
    border: 0;
    line-height: 1.5em;
}

.field .input.text {
    line-height: 30px;
    font-weight: bold;
}

form#login {
    padding: 0;
    margin-bottom: 20px;
}

form#login label {
    text-align: right;
    padding: 0 25px 0 0;
    border: 0 !important;
}

form#login .buttons {
    float: right;
    margin: 0;
    text-align: center;
    width: 150px;
    padding: 0 100px 0 0;
}

form#login .buttons button {
    margin-bottom: 10px;
}

form#login .buttons a {
    color: #123e61;
    text-decoration: underline;
}

#to-registration p {
    font-size: 16px;
    padding: 0;
}


#to-registration a {
    background-color: #66d834;
    color: #fff;
    border: 0;
    position: relative;
    padding: 0;
    height: 36px;
    margin: 10px 150px 10px 16px;
    
    font-weight: bold;
    font-size: 16px;
    text-shadow: 1px 1px 2px #999;
    padding: 0 15px;
    line-height: 36px !important;
}

#to-registration a:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    background-position: -128px 0;
    position: absolute;
    left: -16px;
    top: 0;
}

#to-registration a:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    background-position: -144px 0;
    position: absolute;
    right: -16px;
    top: 0;
}

/* MESSAGES */
.messages .message {
    display: block;
    border: 1px solid #e7e4c8;
    background-color: #fefdee;
    margin: 0 0 15px 0;
    padding: 10px;
    padding-left: 3px;
    position: relative;
    text-align: center;
    font-weight: bold;
    box-shadow: 2px 2px 2px #eef3f5;
}

.messages .message.error {
    border-color: #d53335;
    color: #d53335;
}
.messages a.success-tick {
    width: 20px;
    height: 13px;
    display: inline-block;
    background-image: url('/media/img/buttons.png');
    background-position: 0px -139px;
    background-repeat: no-repeat;
}

.messages .message.success {
    border-color: #81C231;
    color: #81C231;
}

/* MENUS */
ul.block {
    display: block;
}

ul.block li {
    display: inline-block;
    margin: 0 16px;
}


ul.block li a.active {
    background-color: #44a7cf;
    color: #fff;
}

ul.block.reverse li a.active {
    background-color: #fff;
    color: #44a7cf;
}

ul.block li a {
    display: block;
    line-height: 36px;
    height: 36px;
    position: relative;
    color: #3da6d0;
    font-size: 17px;
    font-weight: bold;
}

ul.block.reverse li a {
    color: #fff;
}

ul.block li a.active:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    position: absolute;
    left: -16px;
}

ul.block.reverse li a.active:before {
    background-position: -96px 0;
}

ul.block li a.active:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 36px;
    background-image: url('/media/img/buttons.png');
    background-position: -112px 0;
    position: absolute;
    right: -16px;
}

#title ul.menu {
    float: left;
    margin: 0 30px;
}

/* SECTIONS */
.section
{
    margin: 30px 0;
}

.third {
    float: left;
    width: 200px;
    margin-left: 15px;
    color: #3e3e3e;
}

.third .title {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

.third p
{
    padding: 0;
    line-height: 1.7em;
}

.third:first-child {
    margin-left: 0;
}

/* TABLES */
table {
    width: 100%;
    position: relative;
}

table th.tiny {
    width: 150px;
}

tfoot:before, thead:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 19px;
    background-image: url('/media/img/shadows.png');
    background-position: 0 -19px;
    content: " ";
}

thead:before {
    top: 32px;
    background-position: 0 0px;
}

thead th, tfoot td {
    line-height: 50px;
    text-align: left;
}

tbody tr {
    border-top: 1px solid #c5c6d3;
}

table.bordered tr:last-child {
    border-bottom: 1px solid #c5c6d3;
}

td.domain {
    font-size: 16px !important;
}

tbody tr.active {
    border-left: 1px solid #c5c6d3;
    border-right: 1px solid #c5c6d3;
}

tbody tr.description {
    border-top: 0;
    border-left: 1px solid #c5c6d3;
    border-right: 1px solid #c5c6d3;
}

tbody tr.description td div.description {
    display: block;
    margin: 0 17px 17px 17px;
    background-color: #fefdee;
    border: 1px solid #e7e4c8;
    font-size: 10px;
    color: #3e3e3f;
    text-align: left;
    padding: 16px;
    position: relative;
    box-shadow: 2px 2px 2px #eef3f5;
}

tbody tr.description td div.description p {
    padding: 0;
    margin: 0;
    display: inline-block;
    float: left;
}

tbody tr.description td div.description .link {
    float: right;
    text-align: right;
    margin: auto;
    font-weight: normal;
    line-height: 9em;
}

tbody tr.description td div.description .link a {
    color: #81C231;
    text-decoration: underline;
}

tbody td {
    height: 55px;
    font-size: 18px;
    vertical-align: middle;
    text-align: center;
}

tbody td span {
    font-size: 10px;
    font-weight: bold;
}

tbody td span.description {
    display: block;
    color: #a3acba;
    font-weight: normal;
}
tbody td > a {
    font-size: 12px;
    color: #123e61;
    text-decoration: underline;
}
tbody td > .icon {
    margin-right: 5px;
}
tbody td > input {
    margin-right: 15px;
    border: 1px solid #b5d2d9;
    box-shadow: 1px 1px 3px #bed8e0;
    font-weight: bold;
    font-size: 12px;
    color: #333;
    background-color: #fff;
}



.up-link {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    color: #81C231;
    margin: 25px 0 0 0;
}

.up-link:after {
    display: inline-block;
    content: " ";
 
    margin: 0 10px;
    width: 13px;
    height: 8px;
    background-image: url('/media/img/buttons.png');
    background-position: -13px -646px;   
}


#calculator label {
    font-size: 14px;
    color: #123e61;
    margin-right: 5px;
}

#calculator .select .selected {
    display: block;
    border: 1px solid #b5d2d9;
    margin: 10px 0;
    padding: 5px 10px;
    box-shadow: 1px 1px 3px #bed8e0;
    font-style: italic;
}

#calculator .select .selected:after {
    content: " ";
    
    display: inline-block;
    width: 14px;
    height: 10px;
    margin: 5px 0 0 0;
    vertical-align: top;
    float: right;
    
    background-image: url('/media/img/buttons.png');
    background-position: 0 -682px;
}

#calculator .select ul {
    position: absolute;
    z-index: 2000;
    background: #fff;
    border: 1px solid #b5d2d9;
    border-top: 0;
    box-shadow: 1px 1px 3px #bed8e0;
    display: block;
    width: 243px;
    margin-top: -10px;
}

#calculator .select ul li {
    padding: 5px 10px;
    margin: 0 10px;
    border-bottom: 1px solid #C5C6D3;
    cursor: pointer;
}

#calculator .select ul li:hover {
    background-color: #eee;
}

#calculator .select ul li:last-child {
    border-bottom: 0;
}

#calculator .description {
    display: block;
    margin: 10px 0;
    background-color: #fefdee;
    border: 1px solid #e7e4c8;
    font-size: 10px;
    color: #465972;
    text-align: left;
    padding: 15px;
    position: relative;
    box-shadow: 2px 2px 2px #eef3f5;
}

#calculator .description p {
    padding: 0;
    margin: 0;
    display: inline-block;
    float: left;
    line-height: 35px;
}

#calculator .description .price {
    float: right;
    text-align: right;
    text-align: left;
    margin: auto;
    font-size: 20px;
    font-weight: normal;
}

#calculator .description .price span {
    display: block;
    font-size: 11px;
    color: #a8b2b4;
}


/* REGISTERED */
.registered .invitation {
    font-size: 16px;
    font-weight: bold;
    margin-top: 60px;
    display: block;
}

.registered ul li {
    line-height: 35px;
    margin-bottom: 20px;
    font-size: 16px;
}

.registered ul li a {
    color: #66d834;
    text-decoration: underline;
}

.registered ul li span.icon {
    display: inline-block;
    background-image: url('/media/img/buttons.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    width: 40px;
}

.registered ul li span.icon.login {
    height: 34px;
    background-position: 0 -757px;
}

.registered ul li span.icon.search {
    height: 34px;
    background-position: 0 -791px;
}
.registered ul li span.icon.transfer {
    height: 23px;
    background-position: 0 -825px;
}
.registered ul li span.icon.option {
    height: 36px;
    background-position: 0 -848px;
}

/* REGULATIONS */
.regulation .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 25px;
}

.regulation .content {
    font-size: 14px;
    line-height: 1.5em;
    color: #3e3e3e;
}

.regulation {
    border-bottom: 1px solid #C5C6D3;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.regulation:last-child {
    margin-bottom: -10px;
    border: 0;
}

/* PAGINATION */
.pagination {
    margin-top: 30px;
}

.up-link.reg {
    margin-top: 40px;
}

.pagination .button {
    background-color: #44a7d0;
    color: #fff;
    font-family: Arial !important;
    font-weight: normal;
    font-size: 14px;
    text-shadow: 0 0 0 !important;
    padding: 0 5px;
    margin: 0 50px 0 0;
}

.pagination .button.next {
    margin: 0 16px 0 50px;
}

.pagination .button:before {
    background-position: 0 0;
}

.pagination .button:after {
    background-position: -16px 0;
}

.pagination .button.prev:before {
    background-position: -32px 0;
}

.pagination .button.prev:after {
    background-position: -48px 0;
}

.pagination a {
    color: #C5C6D3;
    font-size: 13px;
    margin: 0 2px;
}

.pagination a.active {
    font-weight: 600;
    color: #465972;
}

/* HELP */
#help .section .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

#help .section ul.questions > li {
    padding: 10px 15px;
    border-top: 1px solid #C5C6D3;
}

#help .section > ul.questions li.active {
    border: 1px solid #C5C6D3;
    border-bottom: 0;
}

#help .section > ul.questions li.active:last-child {
    border: 1px solid #C5C6D3;
}

#help .section ul.questions li .question {
    font-size: 13px;
    font-weight: bold;
}

#help .section ul.questions li .answer {
    color: #666;
    margin-top: 10px;
    font-size: 13px;
}

#help .section .icon-arrow {
    margin: 5px 0;
    cursor: pointer;
}

#help input {
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 0 !important;
    background-image: url('/media/img/inputs.png');
    width: 438px;
    height: 72px;
    font-weight: normal;
    font-size: 22px;
    
    padding: 8px 15px 0 15px;
}

#help form {
    padding: 0;
}

#help button, #domains-set button.check {
    width: 156px;
    height: 56px;
    background-color: transparent;
    background-image: url('/media/img/buttons.png');
    background-position: 0 -36px;
    padding: 0;
    margin: 18px 0 0 0;
    float: right;
}

#help button:before, #help button:after, #domains-set button.check:before, #domains-set button.check:after {
    display: none;
}

#domains-set button.check{
    font-size: 20px;
}

#domains-set textarea {
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 0 !important;
    background-image: url('/media/img/inputs.png');
    background-position: 0 -160px;
    width: 325px;
    height: 115px;
    font-weight: normal;
    font-size: 20px;
    
    padding: 25px 15px 10px 15px;
    font-family: arial;
    vertical-align: top;
}

#domains-set .www {
    vertical-align: top;
    font-style: italic;
    font-size: 26px;
    color: #42a7cc;
    padding: 30px 5px 0 0;
    display: inline-block;
    
}

#domains-set button, #transfer button {
    margin-top: 30px;
}

#transfer input.domain {
    display: inline-block;
    background: transparent;
    background-image: url('/media/img/inputs.png');
    width: 430px;
    height: 72px;
    padding:  8px 20px 0 20px;
    border: 0;
    margin: 0;
    box-shadow: 0 0 0;
    font-size: 20px;
    font-weight: normal;
    color: #646464;
}

#transfer .www {
    vertical-align: top;
    font-size: 16px;
    padding: 37px 5px 0 0;
    display: inline-block;
    width: 50px;
}

#transfer .add {
    display: block;
    margin-left: 55px;
    font-weight: bold;
    color: #81C231;
    font-size: 14px;
    cursor: pointer;
}

#transfer .remove {
    cursor: pointer;
    margin-left: 15px;
    text-decoration: underline;
}

#transfer .check {
    display: block;
    margin: 30px auto;
}

#transfer .row {
    margin: 15px 0;
}

#transfer {
    font-size: 16px;
}

#transfer p {
    color: #3E3E40;
    padding-left: 0;
    padding-right: 0;
}

p.size-12 {
    color: #475A73 !important;
    font-size: 12px;
    padding: 10px 20px !important;
}

#transfer h3 {
    margin-bottom: 0;
}

.legend {
    clear: both;
    margin: 35px 20px 0 0 !important;
    font-size: 13px;
    font-weight: bold;
    
    border: 1px solid #e7e4c8;
    background-color: #fefdee;
    margin: 0 0 15px 0;
    padding: 10px 15px;
    position: relative;
    text-align: left;
    font-weight: bold;
    box-shadow: 2px 2px 2px #eef3f5;
}

.legend .icon {
    margin: 0 3px 0 20px;
}

#cart .footer .delete {
    float: left;
    background: transparent;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 0;
    font-weight: normal;
    font-size: 12px;
    color: #81C231;
    line-height: 78px;
    cursor: pointer;
    height: 78px;
}
#cart .footer .delete:after, #cart .footer .delete:before {
    display: none
}

#cart .footer {
    margin: 1px 0 10px 0;
}

#cart .footer .sum {
    float: right;
    margin: 0 25px 0 0;
    padding: 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 78px;
}

#cart .footer .price {
    float: right;
    color: #fff;
    height: 28px;
    background-color: #494949;
    margin: 0;
    padding: 25px 0 25px 25px;
    font-weight: bold;
    font-size: 22px;
    margin-right: 26px;
}
#cart .footer .price:before {
    content: " ";
    display: block;
    float: right;
    margin: -25px -26px 0 0;
    width: 26px;
    height: 78px;
    background-image: url('/media/img/corner.png');
}

#cart .footer .price .description {
    font-size: 12px;
    display: block;
}

#cart .continue {
    color: #81C231;
    font-weight: bold;
    font-size: 14px;
    line-height: 51px;
}

/* MISCS */
.center {
    margin: 0 auto;
}

.medium {
    font-size: 14px;
}

.big {
    font-size: 16px;
}

.bold {
    font-weight: bold;
}

.blue {
    color: #123e61;
}

.green {
    color: #81C231;
}

.p10 {
    padding: 10px 0 0 10px;
}

hr {
    display: block;
    border: 0;
    border-top: 1px solid #c5c6d3;
    height: 1px;
    margin: 0;
}

hr.up {
    display: block;
    height: 19px;
    border: 0;
    background-image: url('/media/img/shadows.png');
    background-position: 0 0;
}

hr.down {
    display: block;
    height: 19px;
    border: 0;
    background-image: url('/media/img/shadows.png');
    background-position: 0 -19px;
}

.registered hr {
    margin: 25px 0; 
}

.no-padding {
    padding: 0 !important;
}

.clear {
    clear: both;
}

.ib {
    display: inline-block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

strong {
    font-weight: bold;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}


/* SLIDER */
.slider {
    margin-top: 30px;
}

.ui-slider-horizontal {
    background-image: url('/media/img/slider-bg.gif') !important;
    border: 0 !important;
    background-position: 0 0 !important;
    border-radius: 0 !important;
    width: 244px;
}

.ui-slider-handle {
    background: transparent !important;
    border: 0 !important; 
    background-image: url('/media/img/buttons.png') !important;
    background-position: 0 -654px !important;
    width: 30px !important;
    height: 25px !important;
    margin: -16px 0 0 -15px !important;

    font-size: 14px;
    font-weight: bold !important;
    text-align: center;
    padding-top: 3px;
    color: #455873;
}

.margin-none{ margin: 0px !important;}

.questions span.icone-more{ margin-top: -15px !important;}

.margin-none .question{color: #3DA6D0;}

.pl10{
    padding-left: 10px !important;
}
.pl20{
    padding-left: 20px !important;
}
.pobierz-link h4{
    font-size: 12px;
    font-weight: 600;
}

.pobierz-link a:after{
    content: " >>";
}
.pobierz-link a{
    color: #44A7CF;
}
.pobierz-link a:hover{
    text-decoration: underline;
}

.p20{
    margin-left: 0px !important;
    padding: 0px 20px 20px 0px;
}
.p35{
    padding-top: 35px;
}
.responseimg{
    width:100%;
}
.padding-side-none{
    padding-left:0px !important;
    padding-right: 0px !important;
}
.width50{
    width:50%;
}

.fs12{
    font-size: 12px;
}
.lh > th{
    line-height: 16px;
    padding-top: 18px;
    font-weight: 600;
}
.lh > th:first-child{
    width:100px;
}
.descript{
    color: grey;
    font-style: italic;
}

table.cookie td span{
    font-weight: 500;
    font-size: 12px;
}
.fs12.tac{
    padding-left:10px;
    padding-right:10px;
}
#cookie{
    font-size: 16px !important;
    display: none;
    width: 974px;
    height: 60px;  
    margin:-20px 0px 30px 0px; 
    background-color: white; 
    color:black;
    border-left: 3px solid #F0F0F8;
    border-right: 3px solid #F0F0F8;
    line-height: 60px;
}
#cookie span{
    margin-left: -90px;
}
.cookieclose{
    cursor: pointer;
    position:relative;
    float:right;
    top:0;
    margin: 4px 2px 0 0;
    line-height: 10px; 
    padding:2px;
    font-size:14px;
}
.cookieclose:hover{ background: #F0F0F8;}
.promo-title{
    font-weight: bold;
    font-size: 20px;
}
.whoissend{
    cursor: pointer;
}

.prt10{
    padding: 0 10px 10px 0; 
}

#panel-link{
    background-image: url('/media/img/panel.png');
    background-position: 2px 1px;
    background-repeat: no-repeat;
    opacity: 0.8;
    z-index:999999;
    height: 28px;
    padding: 5px 10px;
    display: block;
    color: white;
    font-weight: 700;
    position: fixed; 
    top: -1px; 
    left: 10%;
}

#rotate{
    height: 340px;
    overflow: hidden;
    padding-bottom: 20px;
}

#rotate .loader{
    background-color: #3DA6D0;
    width: 0px;
    clear: both;
    height: 2px;
    margin-left: 5px;
    margin-bottom: 10px;
}

#refreshCaptcha{
    cursor:pointer;
    padding: 10px 5px;
    display: inline-block;
    margin-top: -5px;
    margin-left: 5px;
}

.bred {
    color: red;
    font-weight: bold;
}

#hidden_promo {
display: none;
}