﻿/* CSS Document */

p.nazevpozice {
font-size: 30px;
    line-height: 35px;
    color: #8a8c8f;
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
    font-family: Palanquin,sans-serif;
    }
    
    body.vertical .inner2 {width:100%;min-width:500px}
    
    
    .contentPage.pk .row.rowTitle {
    background-image: url(../gfx/skoda-media/backgroundTitle.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contentPage.pk .row.rowTextRight .inner .img {
    width: 60%;
}

.row.rowTitle .inner2 {
    padding-top: 80px;
    padding-bottom: 0;
        padding-left: 15%;
    text-align: left;
}

body.vertical .inner2 {
  max-width: 1300px;
    width: 100%;
    min-width: 500px;
}
    
    
.contentPage.pk{background-image:url(../gfx/produktova-komunikace/www-back.webp);background-position:center 780px;background-repeat:no-repeat;background-size:100% auto; height: 2140px;}
.contentPage.road{background-image:url(../gfx/produktova-komunikace/road-back.webp);background-position:center 0px;background-repeat:no-repeat;background-size:100% auto; height: 1000px;}

.contentPage.pk .row.rowTextRight .inner2 .txt{width:50%;padding-top:80px;}
.contentPage.pk .row.rowTextRight .inner2 .img{width:50%}

.contentPage.pk .row.rowTextLeft .inner2 .empty{width:21%; float: left;}
.contentPage.pk .row.rowTextLeft .inner2 .txt{width:50%}
.contentPage.pk .row.rowTextLeft .inner2 .img{width:30%}




.contentPage.road .row.rowTextLeft .inner2 .empty{width:20%; float: left;}
.contentPage.road .row.rowTextLeft .inner2 .txt{width:30%}
.contentPage.road .row.rowTextLeft .inner2 .img{width:50%}




.latg{background-image:url(../gfx/produktova-komunikace/latg-back.webp);background-position:center 0px;background-repeat:no-repeat;background-size:100% auto; height: 1500px; text-align: left;}



.tl{background-image:url(../gfx/produktova-komunikace/tl-back.webp);background-position:center 0px;background-repeat:no-repeat;background-size:100% auto; height: 800px;}

.contentPage.pk .row.rowTitle{background-image:url(../gfx/produktova-komunikace/backgroundTitle.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover; max-height: 600px; min-height: 600px;}
.contentPage.pk .row.rowTitle .inner2 article h1 {font-size:48px;white-space:nowrap;     line-height: 1em;margin-top: 35px;}
.contentPage.pk .row.rowTitle .inner2 .img{margin-bottom:100px}
.contentPage.pk .row.rowTitle .inner2 .img img{max-width:100%}

.contentPage.pk .row.rowTextRight .inner2 .txt .numbers{position:relative;left:35px;padding-top:20px}
.contentPage.pk .row.rowTextRight .inner2 .txt .numbers i{font-style:normal;font-size:17px;margin-right:7px}

.contentPage.pk .row.rowTextRight .inner2 .img img{width:90%;margin-top:-40px}
.contentPage.pk .row.rowTextRight.typeWhite .inner2 .txt h2{color:#fff;text-shadow:0 0 2px #4aa82e}                                                                        
.contentPage.pk .row.rowTextRight.typeWhite .inner2 .txt h2:after{background:#fff}
.contentPage.pk .row.rowTextRight.typeWhite .inner2 .txt p{color:#fff}
.contentPage.pk .row.rowTextRight.typeWhite .inner2 .txt .numbers span{color:#fff}
.contentPage.pk .row.rowTextRight.typeWhite .inner2 .img img{margin-top:-40px}

.contentPage.pk .row.rowTextLeft .inner2 .txt .numbers{position:relative}
.contentPage.pk .row.rowTextLeft .inner2 .txt .numbers i{font-style:normal;font-size:17px;margin-right:7px}

.contentPage.pk .row.rowTextLeft .inner2 .img img{margin-top:-60px}
.contentPage.pk .row.rowFullWidthImage1{padding-left:12%;padding-right:10%}
.contentPage.pk .row.rowFullWidthImage2{padding-left:0;padding-right:0;padding-top:50px;width:100%}
.contentPage.pk .row.rowFullWidthImage2 .inner{padding-left:0;padding-right:0;width:100%;max-width:none;font-size:0;line-height:0}

.row.rowText .inner2{/* padding-top:50px; */ text-align: left;}
.row.rowText .inner2  .btn{width:auto;padding:0 20px;height:43px;border:2px #e30613 solid;text-align:center;display:inline-block;margin-right:35px;color:#e30613;text-decoration:none;text-transform:uppercase;transition:all .2s linear;font-weight:300;line-height:40px;font-size:18px;position:relative;margin-top:15px;white-space:nowrap}
.row.rowText .inner2  .btn:hover{background:#e30613;color:#fff}
.row.rowText .inner2  .numbers{padding-top:25px;margin-left:-10%}
.row.rowText .inner2  .numbers:after{clear:both;content:'';display:block}
.row.rowText .inner2  .numbers p{width:33%;float:left;text-align:center;color:#000;margin-right:20px}
.row.rowText .inner2  .numbers p:last-of-type{padding-right:0}
.row.rowText .inner2  .numbers p span{font-size:45px;line-height:50px;display:block;color:#8a8c8f}
.row.rowText .inner2  p{font-size:17px;line-height:25px;margin-bottom:20px;font-weight:300;color:#000;margin-top: 50px;}
.row.rowText .inner2  p a{color:#e30613}
.row.rowText .inner2  .list{padding-bottom:20px}
.row.rowText .inner2  .list li{border-bottom:1px #8a8c8f solid;color:#8a8c8f;text-transform:uppercase;padding:6px 0 6px 25px;list-style-type:none;background:transparent url(../gfx/icon/li.png) 0 center no-repeat}
.row.rowText .inner2  h2{font-size:60px;line-height:65px;color:#8a8c8f;text-transform:uppercase;font-weight:300;padding-bottom:20px;margin-bottom:35px;position:relative}
.row.rowText .inner2  h2 b, .row.rowText .inner2  h2 strong{font-weight:700}
.row.rowText .inner2  h2:after{content:'';background:#e30613;display:block;position:absolute;width:130px;height:1px;left:0;bottom:0}
.row.rowText .inner2  h3{color:#8a8c8f;font-size:17px;line-height:20px;margin-bottom:5px;text-transform:uppercase;font-weight:300}
.row.rowText .inner2  h3:first-of-type{padding-top:25px}
.row.rowText.rowTextRight .inner{padding-right:10%}
.row.rowText.rowTextRight .inner2  .img{float:left;width:60%;text-align:center}
.row.rowText.rowTextRight .inner2  .img img{width:70%}
.row.rowText.rowTextRight .inner2  .txt{float:right;width:40%}
.row.rowText.rowTextLeft .inner{padding-left:10%}
.row.rowText.rowTextLeft .inner2  .img{float:right;width:65%;text-align:center}
.row.rowText.rowTextLeft .inner2  .img img{width:90%}
.row.rowText.rowTextLeft .inner2  .txt{float:left;width:35%}
.row.rowFulWidthImage .inner{margin-bottom:100px}
.row.rowFulWidthImage .inner2  h2{font-size:40px;line-height:45px;color:#8a8c8f;text-transform:uppercase;font-weight:300;padding-bottom:35px;margin-bottom:35px;position:relative}
.row.rowFulWidthImage .inner2  h2 b, .row.rowFulWidthImage .inner2  h2 strong{font-weight:400}
.row.rowFulWidthImage .inner2  h2:after{content:'';background:#e30613;display:block;position:absolute;width:130px;height:1px;left:0;bottom:0}
.row.rowFulWidthImage .inner2  img{width:100%}
@media (max-width:1450px){.row.rowText .inner2  h2{font-size:50px}
}
@media (max-width:1160px){.row.rowText .inner2  h2{font-size:40px;line-height:45px}
}


.row.rowTitle .inner2 article {
    width: 40%;
    color: #fff;
    float: left;
}

.row.rowTitle .inner2 article p {
    font-size: 20px;
    line-height: 32px;
    margin-top: 30px;
    }
    
    .row.rowTitle .inner2 article .logo {
    margin-top: 0;
    margin-bottom: 30px;
    display: inline-block;
    }
    
    
    .row .inner2 {
    width: 100%;
    padding: 0 20px;
    position: relative;
    margin: auto;
    text-align: left;
}


div.inner2.zahlavi {
//margin-top: -30px !important;
padding-top: 0px !important;
}

div.row.rowText.rowTextLeft.animate.web {
margin-top: 250px;
}

span.url {
font-size: 60px;
text-transform: lowercase;

}

h2.web {
margin-top: 0px;

}

p.intropk {
// font-size:20px !important;
// line-height: 36px !important;
margin-top: 30px;

}

p.web {
// font-size:20px !important;
//line-height: 36px !important;
margin-right: 250px;
margin-bottom: 10px !important;
}


p.lat {
// font-size:20px !important;
// line-height: 36px !important;
margin-right: 50px;
}

.contentPage.pk .row.rowTextLeft .inner2.zahlavi .empty {
    width: 21%;
    float: left;
    min-height: 250px;
}

.contentPage.pk .row.rowTextLeft .inner2.zahlavi .txt {
    width: 70%;
}

.contentPage.pk .row.rowTextLeft .inner2.zahlavi .img {
    width: 10%;
}


.row.rowText.rowTextRight .inner2.launchguide .img {
        width: 58%;
    
    }
    
    .row.rowText.rowTextRight .inner2.launchguide .txt {
    
    width: 42%;
    
    }
    
    p.roadto {
    
 //   font-size: 20px !important;
   // line-height: 36px !important;
    margin-right: 80px;
    }
    
    
.row.rowTitle .inner2 .img {
    width: 60%;
    position: relative;
    float: right;
    line-height: 1px;
    text-align: center;
}


.row.rowText.rowTextRight .inner2.tlmd .img {
    float: left;
    width: 70%;
    text-align: center;
    }
    
    .row.rowText.rowTextRight .inner2.tlmd .txt {
    float: right;
    width: 30%;
}

@media screen and (max-width: 1140px){
div.web, div.latg, div.road, div.tl, p.intropk, div.inner2.zahlavi {
display:none;
}

.contentPage.pk {
background: none;
}
}

@media screen and (min-width: 1140px){
.rowTextpk {
display:none;
}

}

@media screen and (max-width: 1140px){
.contentPage.pk {
height: auto;
}
}




p.link-web {
margin-top: 10px !important;
}

a.link-web {
color: #61b648 !important;
}

.helpdesk li a {
    color: #e30613 !important;
}
