@charset "windows-1250";
/* CSS Document */
.grid.grid-pad .col-3-4 {
    width: 76.35897%;
}

.grid.grid-pad .col-3-3 {
    width: 100%;
}

.grid.grid-pad .col-1-3 {
    column-count: 1;
}

.pgkt-uv .grid.grid-pad .col-3-4  {
    width: 74.35897%;
}

#port-left {
   
    width: 21.07692%;
	border: solid 1px #d3d3d3;
}

#port-right {
   
    /* width: 25.07692%; */
	margin-top: 1.3em;
  margin-bottom: 1.3em;
}  

.pgkt-uv .piecounter   {
text-align: center;
}

.piecounter h3, .piecounter h4  {
margin: 0px;
padding: 0px;
}




.pgkt-uv #port-middle article>section::before, .pgkt-uv .piecounter::before   {
  background: #ffff00;
  content: "";
  display: block;
  width: 500px;
  height: 82px;
  background: url(images/divider2.png);
 margin: 0px auto;
background-position: 0 -10px; 
background-position: 0 top;
background-repeat: no-repeat;
}


.pgkt-uv .piecounter::before   {
 
  height: 60px;
 
}



.pgkt-uv #port-middle article>section#pgsc-1::before   {
 background: #ffff00;
  content: "";
  display: block;
  width: 500px;
  height: 57px;
  background: url(images/divider2.png);
 margin: 0px auto;
background-position: 0 -10px; 
display: none; 

}



.textbox .vbody {


}

.pgkt-uv .row-bread  {
 display: none;
}

#portmain #hornitexttext  {
margin-top: 0.2em;
}

#pgsc-1 .textbox .vbody:first-of-type  {
column-count: 2;
column-gap: 120px;
background-color: #efefef;
padding: 15px 60px;
color: #4a4a4a;
}

#pgsc-1 .textbox .vbody:first-of-type div  {
font-size: 0.9em;
color: #656464;
}
.pgkt-uv #port-middle {
padding: 0 0 10px 0;
}

.pgkt-uv .vdetail {
float: right;
margin-top:10px;
}

.pgkt-uv .vdetail a {
/*color: #ab0f0f;*/
}
#podbody:not(.pgkt-uv) #header #logo img  {
/*width: 150px;*/
}

#port-middle h3, #port-middle h4 {
 border: none;
 text-align: center;
 background-color: #efefef;
 padding-top: 5px;
}

#port-middle section h4 {
  background-color: inherit;
 
	text-align: center;
  font-size:30px; font-weight:300; color: #c9e3ff; 
  color: #ffffff;
  letter-spacing:1px;
  text-transform: uppercase;

  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: 27px 0;
  grid-gap: 20px;
  grid-row-gap: 0;
  align-items: center;
  
	

	padding-bottom: 0;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 28px;
	margin: 30px 60px;
}

#port-middle .subcell-cenik-2 section h4, #port-middle .subcell-cenik-1 section h4 {
 font-size:20px;
  
}

#port-middle section h4:after, #port-middle section h4:before {
    content: " ";
    display: block;
   /* border-bottom: 1px solid #00966d;*/
   border-top: 1px solid #eed792;
    /*height: 5px;
    background-color:#f8f8f8;*/
}

section p, section div {
	/*text-align: justify;*/
}

/*pruhy_arnika*/
#pgsc-mit_UB, #pgsc-mit_ME, #pgsc-mit_RZ  {
 width: 100%;
  padding: 20px calc(50vw - 600px);
  box-sizing: border-box;
 /*background: white;*/
 color: #535353;
  background: rgba(255, 255, 255, 1.91);
}

#pgsc-mit_UB a, #pgsc-mit_ME a, #pgsc-mit_RZ a  {

 color: #535353;
 
}

#pgsc-1, #pgsc-mit_RE, #pgsc-mit_FO,  #pgsc-mit_KO   {
 /* width: 100%;
  padding: 20px calc(50vw - 600px);
  box-sizing: border-box;
 background: red;
  color: white;*/
/*  background: rgba(255, 255, 255, 0.91);*/
/*background-color: rgb(21, 56, 102);*/
}

#pgsc-mit_UB::before, #pgsc-mit_UB::after, #pgsc-mit_ME::before, #pgsc-mit_ME::after, #pgsc-mit_RZ::before, #pgsc-mit_RZ::after {
  display: table;
  content: "";
}

#pgsc-mit_UB::after, #pgsc-mit_ME::after, #pgsc-mit_RZ::after   {
  clear: both;
}


#port-middle #pgsc-mit_UB h4::after,
#port-middle #pgsc-mit_UB h4::before,
#port-middle #pgsc-mit_ME h4::after,
#port-middle #pgsc-mit_ME h4::before, 
#port-middle #pgsc-mit_RZ h4::after,
#port-middle #pgsc-mit_RZ h4::before {
  content: " ";
  display: block;
/*border-bottom: 1px solid #1b4964;
border-top: 1px solid #1b4964;*/
  height: 5px;
 /* background-color: #f8f8f8;*/
}


#port-middle #pgsc-mit_UB h4,
#port-middle #pgsc-mit_ME h4,
#port-middle #pgsc-mit_RZ h4 {
  color: #6f6f6f;
}

table.hpt01 tr td {
  text-align: center;
}

table.hpt01 tr td:first-of-type {
  text-align: left;
}

table.hpt01 tr:first-of-type, table.hpt01 tr:nth-of-type(2){
  background: rgba(155, 155, 155, 0.3);
  font-weight: bold;
}

table.hpt01  {
 margin: 0px auto;
}







.ftg_item, .ai-imgfile, .ai-imggal {
 
  padding: 5px 5px 0px;
 width: auto;
 max-width: 372px;
}
.modern {
  
  /*width: 110% !important;
  margin: 0px -5% 60px -5%;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.modern td, .modern .tile {
  text-align: center;
  padding: 0px 20px;
  width: 20%;
  box-sizing: border-box;
}



.modern .big {
  font-size: 25px;
}

.modern .small {
  font-size: 15px;
  margin-top: 10px;
  display: inline-block;
  color: gray;
 
}
#portmain .icoap img  {
  max-width:60%;
 
}

@media only screen and (min-width: 1300px) {
  .modern {
  
    width: 110% !important;
    margin: 0px -5% 60px -5%;
    
  } 
  .modern.tri .tile {
  
    width: 25%;
    
    
  } 
}

@media only screen and (max-width: 1023px) {
  .modern td, .modern .tile {
    
    width: 33.3%;
  }  
  #portmain .icoap img  {
    max-width:40%;
   
  }
}

@media only screen and (max-width: 800px) {
	.modern td, .modern .tile {
    
    width: 50%;
  }  
}

@media only screen and (max-width: 440px) {
	.icoap tbody  {
   display:flex;
   
  }
  .icoap tbody tr  {
    display:flex;
    flex-direction: column;
    
   } 
   .icoap tbody tr:nth-of-type(2) td {
    min-height: 50px;
    
   } 
   .icoap tbody tr:nth-of-type(1) td img {
    min-height: 30px;
    min-width:30px;
   } 
}


@media only screen and (max-width: 360px) {

	.modern td, .modern .tile {
    
    width: 100%;
  }
	
}

@media only screen and (min-width: 731px) {
  #port-middle .subcell-rezervace-legal .tb-sl-1 {
    margin: 0px 0%;
    text-align: left;
  }
}

