/* 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: #6f6f6f;
  letter-spacing:1px;
  text-transform: uppercase;

  display: grid;
  grid-template-columns: 1fr auto 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 max(1px,10vw);
  margin: 0px max(1px,10vw) 30px;
}

#port-middle section#hornitext h4, #port-middle section#hornitext_1 h4 {
 
  font-size:30px; font-weight:300; color: #535353;
  display: block;
  margin: 30px 0px;
 
}

#port-middle section#hornitext a, #port-middle section#hornitext_1 a {
 
color: #535353;
 
 
}


#port-middle section#hornitext h4:after, #port-middle section#hornitext_1 h4:after, #port-middle section#hornitext h4:before, #port-middle section#hornitext_1 h4:before {
 display: none;
 
}

#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 #ff8f8f;
  border-top: 1px solid #c09f8a;
    /*height: 5px;
    background-color:#f8f8f8;*/
}

section p, section div {
	/*text-align: justify;*/
}

/*pruhy_arnika*/
#pgsc-mit_OA, #pgsc-mit_ME, #pgsc-mit_TU  {
 width: 100%;
  padding: 20px calc(50vw - 600px);
  box-sizing: border-box;
 /*background: white;*/
 color: #ffffff;
 background: rgb(130, 102, 72);
 background-color: rgb(119, 87, 72);
}

#pgsc-mit_OA a, #pgsc-mit_ME a, #pgsc-mit_TU a  {
 
 color: #ffffff;
 
}

#pgsc-mit_AP1, #pgsc-mit_AP2  {
  
  color: #535353;
   background: rgba(255, 255, 255, 1.91);
 }

#pgsc-mit_UB a,  #pgsc-mit_RZ a, #pgsc-mit_AP1, #pgsc-mit_AP2  {

 color: #535353;
 
}

#pgsc-1  {
 display: flex;
 flex-direction: column-reverse;
 
}

#pgsc-1 #hornitexttext {
  margin: 20px 0px;
 }

#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;*/
 min-width: 10px;
}


#port-middle #pgsc-mit_OA h4,
#port-middle #pgsc-mit_ME h4,
#port-middle #pgsc-mit_TU h4 {
 color: #fff;
}

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(4){
  background: rgba(155, 155, 155, 0.3);
  font-weight: bold;
}

table.hpt01  {
 margin: 0px auto;
}







#portmain .ftg_item, #portmain .ai-imgfile, #portmain  #fotogalerie .ai-imggal {
 
  padding: 5px 5px 5px;
 width: auto;
 max-width: 372px;
 max-width: calc(33% - 6px);
 margin-bottom: 6px;
}

#portmain #fotogalerie .ftg_item, #portmain #fotogalerie .ai-imgfile,#portmain #fotogalerie .ai-imggal {
  
  margin-right: 6px;
  
}
@media only screen and (max-width: 800px) {
#portmain .ftg_item, #portmain .ai-imgfile, #portmain #fotogalerie .ai-imggal {
 
 
 max-width: calc(50% - 6px);

}
  }
  @media only screen and (max-width: 480px) {
#portmain .ftg_item, #portmain .ai-imgfile, #portmain #fotogalerie .ai-imggal {
 
 
 max-width: calc(100%);

}
  }



.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;
  }
}
/* ------------- DOTAZOVACI FORMULAR ------------------- */


/* --- dotazovaci formular v patièce ---- */

.row-subrow  .email_form_inner .polozka-jmeno, .email_form_inner .polozka-email {
	width: 100%;
}

.row-subrow  .email_form_inner .polozka {
	background-color: #EEEEEE;
	color: #555555;
}	

.row-subrow  .email_form_inner .polozka:focus{
	box-shadow: 0 0 5px #B0B0B0;
	border:1px solid #555555;
	color: black;
}

.row-subrow  .email_form_inner input[type="button"], 
.row-subrow  .email_form_inner input[type="submit"] {
	background-color: #575757;
	border: 1px solid #eeeeee;
	color: white;
	box-shadow: inset 0px 0px 0px 0px #eeeeee;
	
}
.row-subrow  input.submit, .row-subrow button {
  font-weight: bold;
  padding: 8px;
    padding-right: 8px;
    padding-left: 8px;
  padding-left: 5em;
  padding-right: 5em;
  margin-top: 10px;
  font-size: 120%;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  max-width: 90vw;
}
.row-subrow  .email_form .unadpis {
  font-weight: bold;
  margin-bottom: 0.7em;
}