/**********************************************************************


    VISUAL


**********************************************************************/

/** A24 CUSTOMIZATION */

#main {
	padding-bottom: 60px;
}

#visual {
    position: relative;
    height: 300px;
}
.links.tags a {
	color: #545454 !important;
}
h1.centered-title {
	text-align: center;
}
.logo-centered {
	position: relative !important;
	margin: 0 auto !important;
	float: none !important;
	top: 0 !important;
	left: 0 !important;
}

.line-height-3 {
	line-height: 3;
}

.noTextDecoration {
	text-decoration: none !important;
}

.orderButton {
	font-size: 16px;
}

/*
#jediny-klic  {
    background: url('/images/visual-jediny-klic.png') no-repeat 80px 100%;
}
*/
#visual-domeny-cz  {
    background: url('../../images/homepage/visual-domeny-cz.png') no-repeat 50% 100%;
}
#visual-eu  {
    background: url('../../images/homepage/visual-eu.png') no-repeat 50% 100%;
}
#visual-ssl  {
    background: url('../../images/homepage/visual-ssl.png') no-repeat 50% 100%;
}
#visual-1 {
	background: url('../../images/homepage/visual1.png') no-repeat 50% 100%;
}
#visual .item {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 565px;
    height: 240px;
    padding: 20px 20px 40px 395px;
    overflow: hidden;
    z-index: 2;
}
#visual .title {
    margin: 0 0 22px;
    line-height: 1;
    font-size: 320%;
    font-weight: 100;
    color: #ea030a;
}
#visual .title .lineA,
#visual .title .lineB {
    display: inline-block;
    padding: 6px 10px;
    color: #ffffff;
    background: #ea030a;
}
#visual .title .lineA {
    font-weight: 900;
}
#visual .title .lineB {
}
#visual .title .lineA + .lineB,
#visual .title .lineB + .lineA {
    margin: -4px 0 0;
    padding: 4px 10px 10px;
}
#visual .text {
    margin: 22px 0;
    font-size: 160%;
}
#visual .links {
    margin: 0;
}
/*#visual .spinners*/
#visual .controls {
    position: absolute;
    right: 0;
    top: -8px;
    z-index: 1;
}
#visual .browse {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 54px;
    height: 138px;
}
#visual .backward {
    left: -100px;
    background-position: 0 -120px;
}
#visual .backward:hover {
    background-position: 0 -270px;
}
#visual .forward {
    right: -100px;
    background-position: 100% -120px;
}
#visual .forward:hover {
    background-position: 100% -270px;
}

/**********************************************************************


    A24 SERVICES


**********************************************************************/
.simple-domain {

}
.simple-domain br {
    display: none;
}
.simple-domain .entries {
    display: inline;
    margin: 0;
}
.simple-domain .tld {
    margin: 0 10px 0 -5px;
}
.simple-domain .chosen-container {
    max-width: 105px;
}
.simple-domain input[type='text'] {
    width: 220px;
    min-height: 25px;
    padding-left: 40px;
    background-image: url('../../images/homepage/bg-input-domain.png');
    background-position: 12px 50%;
    background-repeat: no-repeat;
}

#a24Services .group {
    float: left;
    margin: 30px 0;
    border-left: 1px dotted #d6d6d6;
}
#a24Services .group:first-child {
    border: 0;
    -o-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    -ms-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
#a24Services .group:last-child {
    -o-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    -ms-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
#a24Services .group-2 .group {
}
#a24Services .group-2 .groupOffer {
    width: 520px;
    padding: 0 30px;
}
#a24Services .group-2 .groupLinks {
    width: 349px;
    padding: 0 19px;
    text-align: center;
}
#a24Services .group-3 .group,
#a24Services .group-4 .group {
    margin-bottom: 0;
    text-align: center;
}
#a24Services .group-3 .group {
    width: 322px;
}
#a24Services .group-4 .group {
    width: 246px;
}
#a24Services .title {
    margin: -3px 0 5px;
    line-height: 1.2;
    font-size: 210%;
    font-weight: 900;
}
#a24Services .title.mini {
    margin: 0 11px 20px;
    text-align: left;
    font-size: 145%;
    color: #000000;
}
#a24Services .title .line {
    display: block;
}
#a24Services .motto {
    margin: 5px 0 15px;
    font-size: 117%;
    font-weight: 900;
    color: #414141;
}
#a24Services .price {
    margin: 5px 8px 23px;
}
#a24Services .button + .price {
    margin: 0 0 0 8px;
    vertical-align: middle;
}
#a24Services .amount {
    font-size: 150%;
    font-weight: 900;
}
#a24Services .links {
    margin: 16px 0 0;
}
#a24Services .info {
    width: 100%;
    margin: 33px 0 0;
}
#a24Services table.info th,
#a24Services table.info td {
    text-align: center;
}
#a24Services table.info td {
    color: #414141;
}
#a24Services table.info strong {
    font-weight: 600;
    color: #a5c02d;
}
#a24Services .text {
    margin: 33px 0 0;
    padding: 25px;
    line-height: 1.6;
    text-align: left;
    font-weight: 600;
    color: #414141;
    background: #f5f5f5;
}
#a24Services .group:first-child .text {
    -o-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    -ms-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
#a24Services .group:last-child .text {
    -o-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    -ms-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
#a24Services .more {
    clear: both;
    margin: 0;
    padding: 22px 30px;
    line-height: 1.8;
    text-align: center;
    font-size: 117%;
    font-weight: 600;
    color: #414141;
}
#a24Services .groupLinks .button {
    margin: 8px 0 0;
}
#a24Services .groupLinks .button .innerB {
    min-width: 125px;
}
#a24-main-menu > .a24-item > a:not([href="/"]):not([href="/en"]) {
	padding: 16px 18px 17px !important;
}

#a24-main-menu > .a24-item:not(.a24-first) {
	padding: 0 0 3px !important;
	background: url('https://gui.active24.cz/img/a24-bg-header.png') no-repeat 50% 0 !important;
}

/**********************************************************************


    BREADCRUMBS


**********************************************************************/
.breadcrumb {
    background: transparent;
    padding: 0;
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 885px;
    position: absolute;
    top: 155px;
    left: 150px;
}
.breadcrumb,
.breadcrumb>li,
.breadcrumb>li>a {
    text-shadow: none;
    zoom: 1;
}
.breadcrumb,
.breadcrumb>.active {
    color: #5C5C5C;
}
.breadcrumb>li {
    display: inline-block;
    padding-left: 0;
    text-shadow: 0 1px 0 #FFF;
}
/**********************************************************************


    ABOUT PRODUCT PAGE


**********************************************************************/
body.product.about {
    background: #fff url('../../images/homepage/bg-body.jpg') no-repeat 50% 0;
}
.product.about a {
    text-decoration: underline;
}
.product.about a:hover {
    text-decoration: none;
}
.product.about .mainWrapper {
    background: #fff url('../../images/homepage/bg-subBody.jpg') no-repeat center top;
    border-top: 1px solid #d4d4d4;
    margin-top: 10px;
}
.product.about .section {
    font-size: 18px;
    line-height: 1.7;
    text-align: center;
}
.product.about .section p {
    margin-bottom: 30px;
}
.product.about .section h1 {
    margin-bottom: 20px;
}
.product.about .section .more {
    margin-top: 30px;
    text-align: center;
}
.product.about .section .more a {
    font-weight: 700;
}
.product.about .button {
    font-size: 19px;
}

.product.about .roundedBox {
    border: 1px solid #ededed;
    border-radius: 5px 5px;
    box-shadow: rgba(0,0,0, 0.1) 0 0 2px;
}
.product.about .section.main {
    padding-top: 40px;
    position: relative;
    text-align: left;
}
.product.about .section.main .links a {
    margin-right: 15px;
}
.product.about .section.main .links .icon {
    background: none;
    padding: 0 15px 0 0;
    position: relative;
}
.product.about .section.main .links .icon.iArrowDown:before {
    background: transparent url('../../images/homepage/bg-button.png') no-repeat -706px -248px;
    content: '';
    height: 6px;
    margin-top: -1px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
}
.product.about .section.main .title {
    font-size: 44px;
    font-weight: 700;
    padding-right: 330px;
}
.product.about .section.main .title .lineA {
    display: inline-block;
    padding: 2px 15px;
    color: #FFF;
    background: #EA030A;
}
.product.about .section.main .text {
    min-height: 155px;
    padding-right: 330px;
}
.product.about .section.main:after {
    content: '';
    display: block;
    height: 241px;
    position: absolute;
    right: 0;
    top: -15px;
    width: 292px;
}
.product.about .section.main .groups {
    margin-top: 30px;
}
.product.about .section.main .group {
    background: #fff;
    float: left;
    font-size: 14px;
    margin-left: 14px;
    position: relative;
    text-align: center;
    width: 235px;
}
.product.about .section.main .group:first-child {
    margin-left: 0;
}
.product.about .section.main .group .note {
    background-color: #acca10;
    border-radius: 50% 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    padding: 15px 19px;
    position: absolute;
    right: -25px;
    text-align: center;
    text-transform: uppercase;
    top: -25px;
}
.product.about .section.main .group .title {
    font-size: 22px;
    font-weight: 700;
    margin: 25px 0 5px 0;
    padding: 0 0;
}
.product.about .section.main .group .price .amount {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.product.about .section.main .group .info {
    margin-top: 35px;
    width: 100%;
}
.product.about .section.main .group .info td {
    padding: 13px 10px;
    text-align: center;
}
.product.about .section.main .group .info td strong {
    color: #a5c02d;
}
.product.about .section.main .group .info td s {
    color: #000;
    font-weight: 700;
}
.product.about .section.main .group .info .first td,
.product.about .section.main .group .info .second td {
    font-size: 16px;
}
.product.about .section.main .group .info .first strong {
    color: #ea030a;
}
.product.about .section.main .group .info .even td {
    background-color: #f5f5f5;
}
.product.about .section.main .group.important,
.product.about .section.main .group.moreImportant {
    border: 3px solid #acca10;
    margin-top: -11px;
}
.product.about .section.main .group.moreImportant {
    border-color: #ea030a;
    z-index: 10;
}
.product.about .section.main .group.important .title,
.product.about .section.main .group.moreImportant .title {
    font-size: 28px;
}
.product.about .section.main .group.moreImportant .note {
    background-color: #ea030a;
}

.product.about .section.oneClickInstall {
    background: transparent url('../../images/homepage/cms-logos.png') no-repeat left center;
    padding: 0 155px;
}
.product.about .section.services .servicesList .serviceProfi {
    background: transparent url('../../images/homepage/service-profi.png') no-repeat center 20px;
}
.product.about .section.services .servicesList .serviceMicrosoftmatrix {
    background: transparent url('../../images/homepage/service-webmatrix.png') no-repeat center 60px;
}
.product.about .section.services .servicesList .serviceFlexible {
    background: transparent url('../../images/homepage/service-flexible.png') no-repeat 46px 25px;
}
.product.about .section.services .servicesList .serviceEmails {
    background: transparent url('../../images/homepage/service-emails.png') no-repeat 30px 25px;
}
.product.about .section.services .servicesList .serviceStatistics {
    background: transparent url('../../images/homepage/service-statistics.png') no-repeat 70px 20px;
}
.product.about .section.services .servicesList .serviceMonitoring {
    background: transparent url('../../images/homepage/service-monitoring.png') no-repeat 46px 25px;
}
.product.about .section.services .servicesList .serviceSsl {
    background: transparent url('../../images/homepage/service-ssl.png') no-repeat 46px 15px;
}
.product.about .section.services .servicesList .serviceGoogle {
    background: transparent url('../../images/homepage/service-google.png') no-repeat center 15px;
}
.product.about .section.services .servicesList {
    list-style: none;
    margin: 0 0 0 -13px;
    overflow: hidden;
    padding: 2px 2px;
    width: 996px;
}
.product.about .section.services .servicesList li {
    background: none;
    float: left;
    height: 179px;
    list-style: none;
    overflow: hidden;
    position: relative;
    margin: 13px 0 0 13px;
    padding: 0 0;
    width: 234px;
}
.product.about .section.services .servicesList li a {
    display: block;
    font-weight: 700;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.product.about .section.services .servicesList li a .text {
    bottom: 0;
    display: block;
    left: 0;
    padding: 20px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: underline;
}
.product.about .section.services .servicesList li a:hover .text {
    text-decoration: none;
}
.product.about .section.services .servicesList li a .note {
    background: transparent url('../../images/homepage/bg-button.png') no-repeat 0 -400px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 0 10px 0 18px;
    position: absolute;
    height: 30px;
    line-height: 30px;
    right: 0;
    top: 20px;
}

/**********************************************************************


    NEWSLETTER REGISTRATION


**********************************************************************/
.newsletter-registration br {
    display: none;
}
.newsletter-registration .entries {
    display: inline;
    margin: 0 10px 0 0;
}
.newsletter-registration input[type='text'] {
    width: 440px;
    min-height: 25px;
}

.section.newsletter {
}
.section.newsletter .content {
    text-align: left;
}
.section.newsletter .styleA {
    margin: 40px 0;
}
.section.newsletter .styleA .pane {
    padding: 20px 25px;
}
.section.newsletter .content .newsletter-registration {
    display: inline-block;
    margin: 0 40px 0 0;
    vertical-align: middle;
    font-size: 75%;
}
.section.newsletter .content .newsletter-registration .info {
    margin: 0;
    font-size: 130%;
    color: #ea030a;
}
.section.newsletter .content .newsletter-registration .title {
    margin: 0 0 15px;
    padding: 0;
    font-size: 200%;
    color: #414141;
}
.section.newsletter .content .prizes {
    display: inline-block;
    margin: 0;
    border-left: 1px dotted #d6d6d6;
    padding: 0 0 0 40px;
    vertical-align: middle;
}

/**********************************************************************


    E-SHOP & WEBHOSTING & SERVERS & DOMAINS


**********************************************************************/

/* BOX */
.box-round {
    margin: 30px 0;
    border: 1px solid #ededed !important;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    /*overflow: hidden;*/
    background-color: #ffffff;
    -o-box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
    -moz-box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
    -webkit-box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
    -ms-box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
    box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
}
.sidebar .box-round {
    margin: 0 0 12px;
}
.box-round .line {
    display: block;
}
table.box-round {
    overflow: hidden;
    border-collapse: separate;
}

.highlight {
    color: #ea030a !important;
}
.title .highlight,
table .highlight {
    color: #aac80f;
}
table .highlight {
    font-weight: 600;
}
.links .button {
    margin: 0 !important;
}
.links .button + .button {
    margin: 0 0 0 20px !important;
}

/* COLUMNS */
.columns {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.columns .column {
    display: inline-block;
    width: 100%;
}

/* HELP CONTACT & GOOGLE */
.help-contact {
    margin: 12px 0;
    padding: 30px 30px 30px 130px;
    line-height: 1.4;
    font-size: 130%;
    background: #ffffff url('https://gui.active24.cz/img//bg-help-contact.png') no-repeat 0 5px;
}
.help-contact.down {
	background-position: 0px 25px;
}
.google-services {
    font-size: 130%;
    background: #ffffff url('../../images/bg-google-services.png') no-repeat 11px 25px;
}
.sidebar .help-contact,
.sidebar .google-services {
    padding: 15px 20px 15px 105px;
    font-size: 125%;
}
.sidebar .help-contact {
    background-position: -15px 15px;
}
.sidebar .google-services {
    background-position: 11px 25px;
}

/* 2 COLS GRID */
.grid.grid-2 {
    margin: -6px;
}
.grid.grid-2 > .item {
    width: 442px;
    margin: 6px;
}
.grid.grid-2 > .item:nth-child(2n-1) {
    clear: both;
}
/* 3 COLS GRID */
.grid.grid-3 {
    margin: -6px;
}
.grid.grid-3 > .item {
    width: 273.33px;
    margin: 6px;
}
.grid.grid-3 > .item:nth-child(3n-2) {
    clear: both;
}
/* 4 COLS GRID */
.grid.grid-4 {
    margin: -6px;
}
.grid.grid-4 > .item {
    width: 189px;
    margin: 6px;
    padding-bottom: 0;
}
.grid.grid-4 > .item:nth-child(4n-3) {
    clear: both;
}

/* RECOMMENDED */
/* RECOMMENDED */
.grid > .item.recommended {
    position: relative;
    border: 3px solid #acca10 !important;
    padding: 28px 23px 4px !important;
    /*z-index: 2 !important;*/
}
.grid > .item.highly {
    border-color: #ea030a !important;
}
.recommended .note {
    position: absolute;
    right: -25px;/**/
    top: -25px;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 15px 19px;
    line-height: 1.2;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    background: #acca10;
    z-index: 3;
}
.highly .note {
    background: #ea030a;
}
/**
.grid > .item.recommended .title {
    position: relative;
    z-index: 3;
}
.grid > .item.recommended {
    position: relative;
    z-index: 2 !important;
}
.grid > .item.recommended:before {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 3px solid #acca10;
}
.grid > .item.highly {
    z-index: 3 !important;
}
.grid > .item.highly:before {
    border-color: #ea030a;
}
.box-round.recommended:before {
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.recommended .note {
    position: absolute;
    right: -25px;
    top: -25px;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 15px 19px;
    line-height: 1.2;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    background: #acca10;
    z-index: 3;
}
.highly .note {
    background: #ea030a;
}
**/
/* TOOLTIP */
.tooltip-term {
    border-bottom: 1px dashed #d8d8d8;
}
.tooltip {
    display: none;
    min-width: 150px;
    max-width: 400px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 18px 22px;
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    background: #414141;
    -o-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.17);
    z-index: 8;
}
.tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 15px;
    height: 15px;
    margin: auto;
    background: #414141;
    -o-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.17);
    -o-transform: rotate(45deg) translate(-6px, -6px);
    -moz-transform: rotate(45deg) translate(-6px, -6px);
    -webkit-transform: rotate(45deg) translate(-6px, -6px);
    -ms-transform: rotate(45deg) translate(-6px, -6px);
    transform: rotate(45deg) translate(-6px, -6px);
}

/* SUBMENU */
.product-detail .menu {
    line-height: 1.5;
    font-size: 130%;
    background: #f5f5f5;
    
    border: 1px solid #ededed !important;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -o-box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
    -moz-box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
    -webkit-box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
    -ms-box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
    box-shadow: rgba(0,0,0, 0.21) 0 0 3px -2px;
    
}
.product-detail .menu > li {
    margin: 0;
    border-top: 1px solid #e6e6e6;
    padding: 0;
}
.product-detail .menu > li:first-child {
    border: 0;
}
.product-detail .menu li a {
    background: url('../../images/icon-a.png') no-repeat 30px -1200px;
}
.product-detail .menu > li > a {
    display: block;
    padding: 10px 30px;
    background-position: 15px -1600px;
}
.product-detail .menu > li > ul {
    margin: -5px 0 0;
    padding: 0 0 10px;
}
.product-detail .menu > li > ul > li {
    margin: 0 0 8px;
    padding: 0;
}
.product-detail .menu > li > ul > li > a {
    display: block;
    padding: 0 0 0 48px;
}
.product-detail .menu .selected {
    background-color: #ffffff;
}
.product-detail .menu .selected > a{
    font-weight: 600;
    text-decoration: none;
    color: #000000;
    background-position: 12px -2100px;
}
.product-detail .menu .selected .selected > a {
    background-position: 30px -1400px;
}

/* BACKGROUND IMAGES */
.section.main.servers-offer .content .text,
.section.main.eshop-offer .content .text,
.section.main.domains-search .content .text {
    min-height: 125px;
    padding-right: 400px;
}

.section.main.servers-offer .content .text,
.section.main.eshop-offer .content .text,
.section.main.domains-search .content .text.text-no-image {
    padding-right: 0px;
}

.section.servers-offer:after,
.section.eshop-offer:after,
.section.domains-search:after {
    top: -35px !important;
    width: 430px !important;
    height: 370px !important;
    background-repeat: no-repeat !important;
    background-position: 100% 0 !important;
}
.section.servers-offer:after {
    background-image: url('../../images/bg-servers-offer.png') !important;
}
.section.eshop-offer-with-face:after {
    background-image: url('../../images/bg-eshop-offer.png') !important;
	z-index: 1;/*  jinak ten pan pozira nadpis v rozcestniku pro ugrade z trialu */
}

.section.eshop-offer-no-face:after {
    background-image: none !important;
	z-index: 1;/*  jinak ten pan pozira nadpis v rozcestniku pro ugrade z trialu */
}


.section.domains-search:after {
    background-image: url('../../images/bg-domains-search.png') !important;
}


/* SERVERS OFFER & E-SHOP OFFER */
.section.servers-offer .content .list,
.section.eshop-offer .content .list {
    margin-top: 40px;
}
.section.servers-offer .content .grid > .item,
.section.eshop-offer .content .grid > .item {
    min-height: 200px;
    padding-top: 30px;
    padding-bottom: 0;
    text-align: center;
    background: #ffffff;
}
.section.eshop-offer .content .grid > .item {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 5px;
    overflow: visible;
    z-index: 2;
}
.section.servers-offer .content .item .title,
.section.eshop-offer .content .item .title {
    margin: 0 0 10px;
    padding: 0;
    font-size: 150%;
}
.section.servers-offer .content .item .price,
.section.eshop-offer .content .item .price {
    margin: 0 0 20px;
    font-size: 80%;
}
.section.servers-offer .content .item .price .amount,
.section.eshop-offer .content .item .price .amount {
    font-size: 140%;
    font-weight: 600;
}
.section.eshop-offer .content .item .links {
	font-size: 16px;
    margin: 0 0 20px;
}
.section.servers-offer .content .item .text {
    margin: 0 -25px;
    padding: 20px 35px;
    min-height: 50px;
    text-align: left;
    line-height: 1.6;
    font-size: 90%;
    background: #f5f5f5;
}
.section.eshop-offer .content .item .text {
    margin: 0;
    padding: 0;
    min-height: 130px;
    line-height: 1.6;
    font-size: 90%;
}

.section.eshop-offer .content .item+.recommended .info {
	width: 319px;
    margin: 20px -23px 0;
    font-size: 90%;
}

.section.eshop-offer .content .item .info {
    width: 323px;
    margin: 20px -25px 0;
    font-size: 90%;
}
.section.eshop-offer .content .item .info td {
    padding: 12px 20px;
    text-align: center;
}
.section.eshop-offer .content .item .info + .links {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -45px;
    margin: 0;
}
.section.eshop-offer .content .item .info + .links a {
    padding: 0 0 0 18px;
    background: url('../../images/icon-a.png') no-repeat 0 -1200px;
}

/* SERVERS INSTALL */
.section.servers-install {
    background: url('../../images/bg-servers-install.png') no-repeat 50% 0;
}
.section.servers-install .content {
    margin: 0 160px;
}
.section.servers-install .content .links {
    margin: 40px 0 0;
}

/* SERVERS QUALITY */
.section.servers-quality {
}
.section.servers-quality .content {
    margin: 0 140px;
}
.section.servers-quality .content table {
    width: 100%;
    font-size: 80%;
}
.section.servers-quality .content th,
.section.servers-quality .content td {
    padding: 12px 15px;
}
.section.servers-quality .content .odd th,
.section.servers-quality .content .odd td {
    background: #f5f5f5;
}
.section.servers-quality .content .even th,
.section.servers-quality .content .even td {
    background: #ffffff;
}
.section.servers-quality .content th {
    text-align: right;
    font-size: 100%;
    color: #000000;
}
.section.servers-quality .content td {
    text-align: left;
}
.section.servers-quality .content .links {
    margin: 40px 0 0;
}

/* ESHOP TRIAL */
.section.eshop-trial {
	background-color: white;
	z-index: 2;
	position: relative;
}
.section.eshop-trial .content {
    margin: 0 150px;
}
.section.eshop-trial .content .links {
    margin: 30px 0 0;
}

/* ESHOP ACTIVE 24 */
.section.eshop-active-24 {
    background: url('../../images/bg-eshop-active-24.png') no-repeat 50% 0;
}
.section.eshop-active-24 .content {
    margin: 0 100px;
}
.section.eshop-active-24 .content .links {
    margin: 30px 0 0;
}

/* ESHOP SAMPLES */
.section.eshop-samples .content {
}
.section.eshop-samples .content .grid {
    margin: -11px -6px;
}
.section.eshop-samples .content .grid > .item {
    width: 315px;
    margin: 11px;
    border: 0;
    padding: 0;
}
.section.eshop-samples .content .item img {
    display: block;
    margin: 0 auto;
}
.section.eshop-samples .content .item .links {
    margin: 20px 0 0;
}
.section.eshop-samples .content .item .links a {
    padding: 0 0 0 18px;
    background: url('../../images/icon-a.png') no-repeat 0 -1200px;
}

/* DOMAINS SEARCH */
.section.domains-search {
}
.section.domains-search .styleA {
    margin: 40px 0;
}
.section.domains-search .styleA .pane {
    padding: 20px 25px;
}
.section.domains-search .content .simple-domain {
    display: inline-block;
    margin: 0 40px 0 0;
    vertical-align: middle;
    font-size: 75%;
}
.section.domains-search .content .simple-domain .title {
    margin: 0 0 15px;
    padding: 0;
    font-size: 200%;
}
.section.domains-search .content .simple-domain .help {
    margin: 15px 0 5px;
    font-size: 120%;
}
.section.domains-search .content .prices {
    display: inline-block;
    margin: 0;
    border-left: 1px dotted #d6d6d6;
    vertical-align: middle;
}
.section.domains-search .content .prices .item {
    display: inline-block;
    position: relative;
    width: 5em;
    height: 5em;
    margin: 0 -0.1em 0 40px;
    border: 8px solid #b2d015;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 10px;
    line-height: 1.35;
    text-align: center;
}
.section.domains-search .content .prices .item:before {
    content: '';
    position: absolute;
    left: -8px;
    right: -8px;
    top: -8px;
    bottom: -8px;
    border: 8px solid #a6c114;
    border-top-color: transparent;
    border-right-color: transparent;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.section.domains-search .content .prices .item .domain {
    display: block;
    text-transform: uppercase;
    font-size: 150%;
    font-weight: 900;
    color: #b2d015;
}
.section.domains-search .content .prices .item .price {
    display: block;
    font-size: 110%;
    font-weight: 900;
    color: #000000;
}
.section.domains-search .content .prices .item .period {
    display: block;
    font-size: 80%;
}

/* DOMAIN SERVICES */
.section.domains-services {
}
.section.domains-services .content .list {
}
.section.domains-services .content .grid > .item {
    min-height: 200px;
    padding-top: 35px;
    padding-bottom: 40px;
    background: #ffffff;
}
.section.domains-services .content .item .text {
    margin: 0;
    line-height: 1.6;
    font-size: 90%;
}
.section.domains-services .content .item .links {
    margin: 20px 0 0;
}

/* DOMAIN GRATIS */
.section.domains-gratis {
}
.section.domains-gratis .content .grid > .item {
    background: #ffffff;
}
.section.domains-gratis .content .grid > .item a {
    display: block;
    position: relative;
    min-height: 100px;
    margin: 0 -25px;
    padding: 10px 25px 70px;
}
.section.domains-gratis .content .item a .text {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    line-height: 1.5;
    text-decoration: underline;
}
.section.domains-gratis .content .item a:hover .text {
    text-decoration: none;
}

/* PRODUCT DETAIL */
.product-detail {
}
.product-detail-main {
    float: right;
    width: 650px;
}
.product-detail-context {
    float: left;
    width: 300px;
    margin: 40px 0 0;
}
.product-detail .product-detail-main .section.product-detail-text {
}
.product-detail .product-detail-main .section.product-detail-text:after {
    display: none;
}
.product-detail .product-detail-main .section.product-detail-text .title {
    padding: 0;
}
.product-detail .product-detail-main .product-detail-info {
    padding: 20px 25px;
    font-size: 90%;
}
.product-detail .product-detail-main .product-detail-info ul {
    margin: 0;
}
.product-detail .product-detail-main .product-detail-info ul li {
    clear: both;
    float: left;
    margin: 0 0 7px;
    padding: 0 0 0 23px;
    background: url('../../images/icon-a.png') no-repeat 0 -1000px;
}
.product-detail .product-detail-main .section.product-detail-text .links {
    margin: 0;
    font-size: 110%;
}
.product-detail .product-detail-main .section.product-detail-text .links a {
    padding: 0 0 0 23px;
    background: url('../../images/icon-a.png') no-repeat 0 -1200px;
}
.product-detail .product-detail-main .product-detail-info .product-detail-price-links {
    position: relative;
    height: 48px;
    margin: 20px 0 0;
    border-top: 1px solid #e6e6e6;
    padding: 20px 0 0;
}
.product-detail .product-detail-main .product-detail-info .product-detail-price-links .price {
	float: left;
}
.product-detail .product-detail-main .product-detail-info .product-detail-price-links .price .amount {
    margin: 0 4px 0 0;
    font-size: 160%;
    font-weight: 900;
    color: #000000;
}
.product-detail .product-detail-main .product-detail-info .product-detail-price-links form {
	float: right;
}
.product-detail .product-detail-main .product-detail-info .product-detail-price-links .button {
    position: absolute;
    right: 0;
    vertical-align: middle;
}
.product-detail .product-detail-main .product-detail-info .product-detail-price-links .orderButton {
	position: absolute;
    right: 0;
    vertical-align: middle;
    font-size: 16px;
}
.product-detail .product-detail-main .section.product-detail-services,
.product-detail .product-detail-main .section.product-detail-trial {
    text-align: left;
}
.product-detail .product-detail-main .section.product-detail-services .title,
.product-detail .product-detail-main .section.product-detail-trial .title {
    font-size: 160%;
}
.product-detail .product-detail-main .section.product-detail-services .product-detail-services-info,
.product-detail .product-detail-main .section.product-detail-trial .product-detail-trial-info {
    padding: 20px 25px;
}
.product-detail .product-detail-main .section.product-detail-services .product-detail-services-info {
    font-size: 90%;
}
.product-detail .product-detail-main .section.product-detail-services .product-detail-services-info .title {
    margin: 0 0 5px;
    font-size: 110%;
    color: #000000;
}
.product-detail .product-detail-main .section.product-detail-services .product-detail-services-info ul {
    margin: 0;
    line-height: 1.5;
}
.product-detail .product-detail-main .section.product-detail-services .product-detail-services-info ul li {
    margin: 8px 0 0;
    padding: 0 0 0 23px;
    background: url('../../images/icon-a.png') no-repeat 0 -1200px;
}
.product-detail .product-detail-main .section.product-detail-trial .product-detail-trial-info .links {
    margin: 30px 0 10px;
}

/**********************************************************************


    BLOCK


**********************************************************************/
/* ESHOP LEASE */
.product.about .section.eshop-lease .title {
    padding-right: 50px;
}
.section.eshop-lease .content {
}

.product.about .section.eshop-lease .text {
    padding-right: 50px;
    min-height: inherit;
}

.product.about .section.eshop-lease .links.js-table-show-all {
    margin: -10px 0 20px 0;
}
.product.about .section.eshop-lease .boxShadow {
    box-shadow: rgba(0,0,0, 0.1) 0 0 2px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* groups */
.product.about .section.eshop-lease .groups {
    margin-top: 0;
    background: #ffffff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.product.about .section.eshop-lease .groups .group {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    margin-left: 0;
    padding: 0 20px;
    border: none;
    border-left: 1px dotted #afafaf;
    width: 209px;
    min-height: 345px;
}
.product.about .section.eshop-lease .groups .group:first-child {
    border: none;
}
.product.about .section.eshop-lease .groups .group .title {
    font-size: 26px;
    margin: 20px 0 2px 0;
}
.product.about .section.eshop-lease .groups .group .price {
    margin-bottom: 22px;
}
.product.about .section.eshop-lease .groups .group .links form {
    margin-bottom: 22px;
}
.product.about .section.eshop-lease .groups .group .links .button .innerB {
    text-decoration: none;
}
.product.about .section.eshop-lease .groups .group .infoText {
    font-size: 92%;
}
/* trial */
.product.about .section.eshop-lease .groups .group.trial .title {
    color: #aecc12;
}
.product.about .section.eshop-lease .groups .group.trial .links {
	margin-bottom: 22px;
}
/* tip */
.groups .group.tip:after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    width: 75px;
    height: 70px;
    background: url('../../images/group-tip.png') no-repeat 0 0;
    z-index: 2;
}

.groups .group.tip.en:after {
    background: transparent url('../../images/nas-tip_sleva_akce.png') no-repeat -150px top;
}

.product.about .section.eshop-lease .tableTitle {
	cursor: pointer;
    background: #23549e;
    background: -webkit-linear-gradient(top,rgba(236,236,236,1),rgba(247,247,247,1));
    background: -o-linear-gradient(top,rgba(236,236,236,1),rgba(247,247,247,1));
    background: -moz-linear-gradient(top,rgba(236,236,236,1),rgba(247,247,247,1));
    background: linear-gradient(to top, rgba(236,236,236,1),rgba(247,247,247,1));
    margin: 0;
    padding: 6px 0;
    text-align: center;
    color: #ea030a;
    border-top: 1px solid #b4b4b4;
    text-transform: uppercase;
    font-size: 112%;
    position: relative;
}
.product.about .section.eshop-lease .tableTitle:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -9px;
    width: 17px;
    height: 9px;
    margin-left: -9px;
    background: url('../../images/icon-a.png') no-repeat 0 -2900px;
    display: none;
}
.product.about .section.eshop-lease .tableTitle a {
	color: #545454;
    padding-right: 10px;
    background: url('../../images/icon-a.png') no-repeat 100% -3086px;
}
/* active */
.product.about .section.eshop-lease .tableTitle.active {
    border-top: 1px solid #ea030a;
}
.product.about .section.eshop-lease .tableTitle.active a {
	color: #ea030a;
    background-position: 100% -3286px;
}
.product.about .section.eshop-lease .tableTitle.active:after {
    display: block;
}
/* hover */
.product.about .section.eshop-lease .tableTitle:hover {
    background: #ea030a;
    border-top: 1px solid #ea030a;
}
.product.about .section.eshop-lease .tableTitle:hover:after {
    background-position: 0 -2900px;
}
.product.about .section.eshop-lease .tableTitle:hover a {
    color: #ffffff;
}
.product.about .section.eshop-lease .tableTitle:hover a {
	text-decoration: none;
    background-position: 100% -3186px;
}
/* active hover */
.product.about .section.eshop-lease .tableTitle.active:hover a {
    background-position: 100% -3386px;
}
.product.about .section.eshop-lease .tableTitle.active:hover:after {
    background-position: 0 -3000px;
}

.product.about .section.eshop-lease table {
    width: 100%;
    font-size: 82%;
    margin: 0;
}
.product.about .section.eshop-lease table tr:nth-child(even) td {
    background: #f5f5f5;
}
.product.about .section.eshop-lease table td {
    background: #ffffff;
    border-left: 1px dotted #afafaf;
    text-align: center;
    width: 25%;
}
.product.about .section.eshop-lease table tr td:first-child {
    border-left: none;
}
.product.about .section.eshop-lease table .tooltip-term > span {
    padding-right: 26px;
    background: url('../../images/icon-a.png') no-repeat 100% -2498px;
}

.product.about .section.eshop-lease table .include {
    padding-left: 18px;
    background: url('../../images/icon-a.png') no-repeat 0 -1005px;
}
.product.about .section.eshop-lease table .notInclude {
    padding-left: 15px;
    background: url('../../images/icon-a.png') no-repeat 0 -2693px;
}

.product.about .section.eshop-lease table .headline {
    padding: 0;
}
.product.about .section.eshop-lease table .headline table {
    margin: 0;
    font-size: 100%;
}


/**********************************************************************


    BLOCK


**********************************************************************/

#proc-eshop-upgrade ul {
	list-style: none;
	text-align: left;
}

#proc-eshop-upgrade ul li {
	background: url('../../images/icon-a.png') no-repeat 0 -1198px;
	padding-left: 20px;
	padding-bottom: 15px;
}

**********************************************************************/

/* NEW PRODUCT LABEL */

.new-product-label {
position: absolute;
right: 0;
top: 0;
display: block;
margin: 0 !important;
}

.new-product-label .new-product-text {
display: block;
-o-transform: translate(27px, 17px) rotate(45deg);
-moz-transform: translate(27px, 17px) rotate(45deg);
-webkit-transform: translate(27px, 17px) rotate(45deg);
-ms-transform: translate(27px, 17px) rotate(45deg);
transform: translate(27px, 17px) rotate(45deg);
}
#a24Services .tabs .tab {
position: relative;
z-index: 0;
}
#a24Services .tabs .tab.current {
z-index: 1;
}
#a24Services .tabs .tab .new-product-label {
right: -1px;
top: -26px;
}
#a24Services .tabs .tab:nth-last-child(1) .new-product-label {
right: -7px;
}
#a24Services .tabs .tab.current .new-product-label {
top: -10px;
}

/**********************************************************************


    FORM ELEMENTS


**********************************************************************/

form {
	margin-bottom: 1em;
}
#content form {
  position: relative;
}
fieldset {
  padding: 1px 0 0; /* webkit */
}
legend {
	padding: 0 0 0.2em 0;
	font-size: 117%;
	font-weight: bold;
	color: #ea030a;
}
legend.forBlind {
	height: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}
label, form .label {
	line-height: 2em;
}
input, select, textarea, button {
	vertical-align: middle;
}
input[type='text'],
select,
textarea,
.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #d6d6d6;
	font: 600 125% 'titillium', Arial, Tahoma, Helvetica, sans-serif;
    color: #414141;
    background: #ffffff;
    -o-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
    -ms-box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 3px 6px 6px -5px rgba(0, 0, 0, 0.5) inset;
}

input[type='text'],
select,
textarea,
.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-single .chosen-drop {
    border-color: #7b7b7b #c8c8c8 #d6d6d6 #838383;
}
.error input.text, .error select, .error textarea {
	border-color: #ea030a;
}
input[type='text'] {
    width: 300px;
	padding: 9px 12px 10px;
}
form input:-webkit-autofill {
    background-color: 0 !important;
}
form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #a4a4a4;
}
form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a4a4a4;
}
form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a4a4a4;
}
form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a4a4a4;
}
select {
    width: auto;
	padding: 9px 9px 10px 12px;
}
textarea {
    width: 300px;
	padding: 9px 9px 10px 12px;
	overflow: auto;
}

/** IMPORTANT NOTES */
.group {
    position: relative;
}
.group:first-child {
    margin-left: 0;
}
.group .note {
	width:75px;
	height:75px;
	border-radius:50%;
	font-size:14px;
	color:#fff;
	line-height:75px;
	text-align:center;
	
    background-color: #acca10;
    display: block;
    font-weight: 700;
    overflow: hidden;
    position: absolute;
    right: -25px;
    text-transform: uppercase;
    top: -25px;
}

.group .note.noteLonger {
    height: 62px;
    padding-left: 0;
    padding-right: 0;
    width: 62px;
}

.group.important,
.group.moreImportant {
    border: 3px solid #acca10;
    margin-top: 3px;
}
.group.moreImportant {
    border-color: #ea030a;
    z-index: 10;
}
.group.important .title,
.group.moreImportant .title {
    font-size: 28px;
}
.group.moreImportant .note {
    background-color: #ea030a;
}