/* -- start setup -- */

* {
font-family : 'Roboto', Arial, Verdana, Trebuchet MS,Helvetica,sans-serif;
font-size : 15px;
/*margin : 0;	
border : none;
padding : 0; */
color:#717070;
}

/* -- common -- */
.horniIndex {vertical-align : super; font-size:9px;}
.i {font-style : italic;}
sup {font-size: 0.7em;}

/* -- float -- */
.floatLeft {float : left;}
.floatRight {float : right;}
.clear {clear : both;}
.blue { color:#122746 !important; }
.white { color:White !important; }

/* -- all pages -- */
hr {display : none;}

body {background-color:White;}

.navbar-brand {
margin:10px;
padding:0;
width:80px;
height:80px;
}

.navbar-brand img {
width:80px;
height:80px;
}

@media only screen and (min-width : 600px) {
.navbar-brand {
margin:0;
padding:0;
width:134px;
height:134px;
}

.navbar-brand img {
width:134px;
height:134px;
}
}

@media only screen and (min-width : 768px) {
.navbar-brand {
position:absolute;
top:0;
left:0;
}
}



.container-header {
background-color:#172841;	
min-height:100px;
position:relative;
z-index:9999;
}

/* reset */
#myNavbar ul li, #myNavbar ul li a {
margin:0;
padding:0;
}

#myNavbar li a:hover, #myNavbar li a:focus, #myNavbar li a:active, .dropdown-menu {
background-color: transparent;
color: #999999;
}
/* --- reset end */


.navbar-toggle  {
position:absolute;
top:35px;
right:0px;
z-index:9999;
cursor:pointer;
}

.navbar-toggle .icon-bar { background-color:#1582bb; }

#myNavbar ul li a {
padding:5px 0;
margin: 0 17px;
margin: 0 7px;
color:White;
font-size:13px;
text-transform:uppercase;
}  

#myNavbar ul li.lastItem a {margin: 0 0 0 17px;}  
#myNavbar ul li a.active {border-bottom:3px solid #1582bb;}  

#myNavbar {
margin-top:35px;	
}  

@media only screen and (min-width : 768px) {
#myNavbar {
margin-left:100px;
} 
}

@media only screen and (min-width : 1200px) {
#myNavbar ul li a {
margin: 0 17px;
font-size:14px;
}  
}  



/*  carousel */
.slide {
background-position: center center;
background-repeat: no-repeat;
/*height:560px;	*/
}

.slide1 { background-image: url(../pcs/pcs_layout/carousel1.jpg); }
.slide2 { background-image: url(../pcs/pcs_layout/carousel2.jpg); }
.slide3 { background-image: url(../pcs/pcs_layout/carousel3.jpg); }

.relativeTop {
z-index:99999;	
}

.mainTitle {
margin-top:150px;
/*margin-top:20%;*/
color:#122746;
font-size: 25px; 
text-transform:uppercase;
margin-bottom:10px;
}

.mainTitle { font-size: 25px; }
.firstTitle { font-size: 24px; } 

@media only screen and (min-width : 480px) {
.mainTitle { font-size: 30px;  }
.firstTitle { font-size: 28px; } 
}

@media only screen and (min-width : 768px) {
.mainTitle { 
font-size: 35px;  
margin-top:170px;
}

.firstTitle { font-size: 30px; } 
}

@media only screen and (min-width : 992px) {
.mainTitle { 
font-size: 40px;  
margin-top:180px;
}

.firstTitle { font-size: 35px; } 
}

@media only screen and (min-width : 1200px) {
.mainTitle { 
font-size: 44px;  
margin-top:190px;
margin-bottom:20px;
}

.firstTitle { font-size: 40px; } 
}


.mainSubtitle { 
font-size: 20px; 
font-weight:200;
}

@media only screen and (min-width : 480px) {
.mainSubtitle { font-size: 24px;  }
}

@media only screen and (min-width : 768px) {
.mainSubtitle { font-size: 28px;  }
}

@media only screen and (min-width : 992px) {
.mainSubtitle { font-size: 32px;  }
}

@media only screen and (min-width : 1200px) {
.mainSubtitle { font-size: 36px;  }
}

.button {
font-weight:500;
border:none;
display:block;
color:White;
font-size:16px;
width:192px;
height:53px;
line-height:53px;
background-color:#1582bb;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius: 26px;
text-align:center;
transition: background-color 0.5s;
}

.buttonCenter {
margin-left:auto;	
margin-right:auto;
}

.buttonSmlouva {width:230px;}

.button:HOVER {
color:White;
text-decoration:none;
background-color:#2798d3;
}

  
  

.imgCenter {
display:block;
margin-left:auto;
margin-right:auto;
}



h1 { 
font-size: 20px;   
color:#122746;
font-weight:bold;
text-transform:uppercase;
}

@media only screen and (min-width : 480px) {
h1 { font-size: 24px;  }
}

@media only screen and (min-width : 768px) {
h1 { font-size: 28px;  }
}

@media only screen and (min-width : 992px) {
h1 { font-size: 32px;  }
}

@media only screen and (min-width : 1200px) {
h1 { font-size: 36px;  }
}  
  

h2 { 
font-size: 20px;
color:#717070;
font-weight:100;
margin-bottom:20px;
}

@media only screen and (min-width : 480px) {
h2 { font-size: 21px;  }
}

@media only screen and (min-width : 768px) {
h2 { 
font-size: 22px;  
margin-bottom:30px;
}
}

@media only screen and (min-width : 992px) {
h2 { font-size: 23px;  }
}

@media only screen and (min-width : 1200px) {
h2 { font-size: 24px;  }
}  


h3 { 
font-size: 16px;
color:#122746;
font-weight:500;
margin-bottom:20px;
margin-top:30px;
}

@media only screen and (min-width : 480px) {
h3 { font-size: 17px;  }
}

@media only screen and (min-width : 768px) {
h3 { 
font-size: 18px;  
margin-bottom:20px;
}
}

@media only screen and (min-width : 992px) {
h3 { font-size: 19px;  }
}

@media only screen and (min-width : 1200px) {
h3 { font-size: 20px;  }
}  
  
  


@media only screen and (min-width : 768px) {
.content {
padding-top:40px;
padding-bottom:40px;
}
}

@media only screen and (min-width : 992px) {
.content {
padding-top:80px;
padding-bottom:80px;
}
}

/* home news */
.blueContent {background-color:#eef6fa;}

.newsDatum {
background-color:#ffffff;
border-bottom:2px solid #a2cce3;
padding-top:10px;	
padding-bottom:10px;
text-align:center;
font-size:15px;
color:#122746;
max-width:70px;
margin-left:auto;
margin-right:auto;
}

.newsTitle {
margin-bottom:10px;
text-align:center;
}

.newsText {text-align:center;	}

@media only screen and (min-width : 768px) {
.newsTitle, .newsText {
text-align:left;
}
}

.newsTitle a {
color:#1582bb;
font-size:20px;
text-decoration:underline;
font-weight:300;
}

.newsTitle a:HOVER {text-decoration:none;}

/* infolinka form */
.infolinkaContent {background-color:#1582bb;	}

.infolinkaContent h1, .infolinkaContent h2 { 
text-transform: none; 
color:White;
}


.contactForm {margin-top:20px;}

.contactForm label {
height:20px;
line-height:20px;
color:White;
font-size:15px;
margin-top:10px;
}

.contactForm label span {color:White;}

.contactForm input, .contactForm textarea {
color:#041e41;
font-size:15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border:none;
}

.contactForm textarea {height:208px;}

.contactForm .submit {
width:130px;
height:47px;	
line-height:47px;	
text-align:center;	
background-color:#172841;
color:White;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
transition: background-color 0.5s;
cursor:pointer;
padding:0;
float:right;
}

.contactForm .submit:HOVER {
background-color:#0c1a2e !important;
color:White!important;
text-decoration:none;
}

.formHint {
margin-top:15px;
color:White;
line-height:20px;
}

.formHint label {
font-size:15px;	
line-height:20px;
}

#uspesne_odeslani {
background-color:White;
padding:50px;
text-align:center;
color:#2798D3;
font-size:24px;
}

@media only screen and (min-width : 630px) {
#uspesne_odeslani {
width:600px;
margin:30px auto;
}
}


.mt20 {margin-top:20px;}


/* continue */
.headerContinue {
background-position: center;
background-repeat: no-repeat;
min-height:280px;
padding-top:60px;
}

.headerContinue1 {background-image: url(../pcs/pcs_layout/carousel1.jpg);}
.headerContinue2 {background-image: url(../pcs/pcs_layout/carousel2.jpg);}
.headerContinue3 {background-image: url(../pcs/pcs_layout/carousel3.jpg);}

.headerContinue .claim {
font-weight:300;
text-align:center;
color:#122746;
margin-bottom:0;
}

.headerContinue .claim { font-size: 20px;   }

@media only screen and (min-width : 480px) {
.headerContinue .claim { font-size: 24px;  }
}

@media only screen and (min-width : 768px) {
.headerContinue .claim { font-size: 28px;  }
}

@media only screen and (min-width : 992px) {
.headerContinue .claim { font-size: 32px;  }
}

@media only screen and (min-width : 1200px) {
.headerContinue .claim { font-size: 36px;  }
}


@media only screen and (min-width : 992px) {
.headerContinue h1 { 
font-size: 38px;  
margin-bottom:0;
}
}

@media only screen and (min-width : 1200px) {
.headerContinue h1 { font-size: 44px;  }
}  

.ods {
line-height:24px;
line-height:22px;
margin-bottom:20px;	
}



h2 { 
font-size: 20px;  
line-height: 25px; 
color:#122746;
font-weight:bold;
}

@media only screen and (min-width : 480px) {
h2 { 
font-size: 24px; 
line-height: 29px; 
}
}

@media only screen and (min-width : 768px) {
h2 { 
font-size: 28px; 
line-height: 33px; 
margin-bottom:0;
}
}

@media only screen and (min-width : 992px) {
h2 { 
font-size: 32px; 
line-height: 37px; 
}
}

@media only screen and (min-width : 1200px) {
h2 { 
font-size: 36px; 
}
}

.subtitle { 
font-size: 16px;   
color:#122746;
font-weight:light;
}

@media only screen and (min-width : 480px) {
.subtitle { font-size: 18px;  }
}

@media only screen and (min-width : 768px) {
.subtitle { font-size: 20px;  }
}

@media only screen and (min-width : 992px) {
.subtitle { font-size: 22px;  }
}

@media only screen and (min-width : 1200px) {
.subtitle { font-size: 24px;  }
}



@media only screen and (min-width : 992px) {
.columText  { 
padding-left:30px;
padding-right:30px;
}
}

.odd {
margin-top:20px;
margin-bottom:20px;
border-bottom:1px solid #e8e8e8;
}



.itemList {
margin:20px 0 20px 5px;	
}

.itemList li {
list-style-type:none;
background-image: url(../pcs/pcs_layout/dot.png);
background-position: 1px 12px;
background-position: 1px 9px;
background-repeat: no-repeat;
padding-left:16px;
line-height:30px;
line-height:25px;
}

.newsContinue {
min-height:150px;
}

.linkDownload {
margin-left:10px;
margin-right:10px;
color:#1582bb;
text-decoration:underline;
}

.linkDownload:HOVER {
color:#122746;
text-decoration:none;
}


.adresa {
background-image: url(../pcs/pcs_layout/footer-icons1.png);
background-position: top left;
background-repeat: no-repeat;
padding-left:30px;
margin-bottom:15px;
}

.telefon {
background-image: url(../pcs/pcs_layout/footer-icons2.png);
background-position: top left;
background-repeat: no-repeat;
padding-left:30px;	
margin-bottom:15px;
}

.email {
background-image: url(../pcs/pcs_layout/footer-icons3.png);
background-position: top left;
background-repeat: no-repeat;
padding-left:30px;	
margin-bottom:15px;
}

.tabKontakty th {color:#122746;}

@media only screen and (min-width : 660px) {
.tabKontakty {
width:600px;
margin:40px auto;
}
}

@media only screen and (min-width : 800px) {
.tabKontakty {
width:700px;
}
}


.mainQuestionFull {display:none;}
.mainAnswerFull {display:none;}

.showMoreLink, .hideMoreLink {
cursor:pointer;
color:#1582BB;
font-weight:bold;
}

.galerieImg img {margin-bottom:30px;	}

.galerieImg a {
display:block;
margin-bottom:30px;	
}


#footer {
background-color:#172841;		
padding-top:50px;
padding-bottom:50px;
}

@media only screen and (min-width : 768px) {
.footerIcons {
width:450px;
margin-left:auto;
margin-right:auto;
}
}

.footerAdress, .footerTelefon, .footerEmail, .footerEmail a {
color:White;	
font-size:14px;
background-position: left center;
background-repeat: no-repeat;
line-height:22px;
}

.footerAdress, .footerTelefon, .footerEmail {
padding-left:30px;
float:left;
margin-left:13px;
margin-right:13px;
}

.footerAdress {background-image: url(../pcs/pcs_layout/footer-icons1.png);}
.footerTelefon {background-image: url(../pcs/pcs_layout/footer-icons2.png);}
.footerEmail {background-image: url(../pcs/pcs_layout/footer-icons3.png);}

.footerMenuBox {display:none;}

@media only screen and (min-width : 992px) {
.footerMenuBox {
display:block;
width:870px;	
margin-left:auto;
margin-right:auto;
margin-bottom:35px;
}
}

.footerMenu li a {
padding:5px 0;
margin: 0 17px;
color:White;
font-size:14px;
text-transform:uppercase;
}  

.footerMenu li.lastItem a {margin: 0 0 0 17px;}  

.footerMenu li a:hover, .footerMenu li a:focus, .footerMenu li a:active, .dropdown-menu {
background-color: transparent;
color: #999999;
}

.footerMenu {
margin-top:15px;	
} 

.credits {
text-align:center;
color:White;
font-size:14px;	
margin-bottom:0;
}



.ubercontainer {
    display:                -webkit-box;
    display:                -webkit-flex;
    display:                -ms-flexbox;
    display:                flex; 
    width:                  100%;
    /*min-height:             50vh;*/
	 max-height:560px;
	 min-height:             70vh;
    -webkit-box-orient:     vertical;
    -webkit-box-direction:  normal;
    -webkit-flex-direction: column;
    -ms-flex-direction:     column;
    flex-direction:         column;
	 position:relative;
	 
}

@media (min-width: 740px) {
.ubercontainer {
    min-height:             60vh;
	 /*max-height:354px !important;*/
}
}

.cb-slideshow li {list-style-type: none; 	 
}

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    /*background: transparent url(../images/pattern.png) repeat top left; */
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}