@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin-ext');
/* Microsoft - CSP předplatné licencí */
/* Designed and coded by Ladislav SEDLÁČEK */
/* ladislav.sedlacek2@alza.cz */

/* ---   ALZA STYLY OFF   --- */

#articlePage.blank p{
  display: none;
}

#microsoft-csp {
  padding: 0;
  margin: 0 auto;
  max-width: 1255px;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
}
#microsoft-csp h1,
#microsoft-csp h2,
#microsoft-csp h3,
#microsoft-csp h4,
#microsoft-csp h5,
#microsoft-csp h6,
#microsoft-csp p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
}
#microsoft-csp header {
  background: url('https://i.alza.cz/Foto/LegendFoto/EN/Files/landing-pages/microsoft-csp/img/header.png') center no-repeat;
  width: 100%;
  height: 725px;
  position: relative;
}
#microsoft-csp header .microsoft-csp-logo {
  padding: 2.5rem 0 0 3rem;
}
#microsoft-csp header .microsoft-csp-logo img {
  max-width: 180px;
  height: auto;
  display: block;
}
#microsoft-csp header .header-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -70%);
}
#microsoft-csp header .header-text h1.notMoveH1 {
  color: #ffffff;
  font-size: 3.5rem;
  font-weight: 400;
  padding: 0 1rem;
}
#microsoft-csp header .header-text h2 {
  color: #ffffff;
  font-size: 2.3rem;
  font-weight: 400;
  padding: 0 1rem;
}
#microsoft-csp section.text,
#microsoft-csp section.split {
  padding: 0 3rem;
}
#microsoft-csp section.text {
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
}
#microsoft-csp section.text a {
  transition: .25s all;
}
#microsoft-csp section.text a:hover {
  color: #0c5198;
}
#microsoft-csp section.text p {
  color: #545454;
  font-size: 1rem;
  line-height: 1.8rem;
  padding-bottom: 3rem;
  display: block;
}
#microsoft-csp section.text p:first-child {
  padding: 4rem 0;
}
#microsoft-csp section.text h3 {
  color: #0c5198;
  font-size: 1.5625rem;
  font-weight: 400;
  padding-bottom: 1.5rem;
}
#microsoft-csp section.split {
  max-width: 100%;
  display: flex;
  margin-bottom: 4rem;
  margin-top: 4rem;
}
#microsoft-csp section.split .left-side {
  max-width: 50%;
}
#microsoft-csp section.split .left-side img {
  width: 95%;
  text-align: left;
  height: auto;
  padding-right: 1.25rem;
  margin: 0;
}
#microsoft-csp section.split .right-side {
  padding-left: 1rem;
}
#microsoft-csp section.split .right-side h3 {
  color: #0c5198;
  font-size: 1.5625rem;
  font-weight: 400;
  padding-bottom: .5rem;
}
#microsoft-csp section.split .right-side ul {
  padding-left: 1.2rem;
}
#microsoft-csp section.split .right-side ul li {
  font-size: 1rem;
  color: #545454;
  padding-bottom: .8rem;
}
#microsoft-csp section.split .right-side ul li:last-child {
  padding-bottom: 0;
}
#microsoft-csp section.info span.big {
  display: block;
  color: #0c5198;
  font-size: 1.3rem;
}
#microsoft-csp section.info span {
  color: #545454;
  font-size: 1rem;
  line-height: 1.8rem;
}
#microsoft-csp section.info span a {
  transition: .25s all;
}
#microsoft-csp section.info span a:hover {
  color: #0c5198;
}
#microsoft-csp .button {
  margin: 1rem auto 5rem;
  text-align: center;
}
#microsoft-csp .button a {
  padding: .75rem 2.3rem;
  color: #ffffff;
  background: #0c5198;
  border-radius: 8px;
  font-size: 1.1rem;
  text-decoration: none;
  font-weight: 700;
  transition: .25s all;
}
#microsoft-csp .button a:hover {
  background: #106ac7;
}

/* ---   ALZA   --- */
.blankArticle .breadCrupmps{
  display: none;
}


/* ---   LAYOUT-0   --- */
#body2.layout-0 #microsoft-csp section.split .right-side ul li {
  padding-right: 2rem;
}
/* ---   MOBILE   --- */
@media (max-width: 980px) {
  .mobile #microsoft-csp {
    font-size: 1rem;
  }
  .mobile #microsoft-csp section.split .right-side ul li {
    display: list-item;
  }
}
@media (max-width: 800px) {
  .mobile #microsoft-csp section.split {
    display: block;
    text-align: center;
    padding: 0;
  }
  .mobile #microsoft-csp section.split .right-side,
  .mobile #microsoft-csp section.split .left-side {
    max-width: 100%;
  }
  .mobile #microsoft-csp section.split .left-side img {
    padding: 0 0 2rem;
  }
}
@media (max-width: 700px) {
  .mobile #microsoft-csp header {
    height: 500px;
  }
  .mobile #microsoft-csp header .microsoft-csp-logo {
    padding: 2.5rem 0 0;
  }
  .mobile #microsoft-csp header .microsoft-csp-logo img {
    margin: 0 auto;
  }
  .mobile #microsoft-csp header .header-text {
    top: 60%;
  }
}
@media (max-width: 460px) {
  .mobile #microsoft-csp header .header-text h1.notMoveH1 {
    font-size: 2.65rem;
  }
  .mobile #microsoft-csp header .header-text h2 {
    font-size: 1.8rem;
  }
  .mobile #microsoft-csp .button a {
    font-size: 1rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}