/*

Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL

Montserrat (ttf format) converted to eot, woff2 and woff using online tools 


Copyright (c) 2010, Barry Schwartz (crudfactory.com)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://openfontlicense.org

Goudy Bookletter 1911 (ttf format) converted to eot, woff2 and woff using online tools  
*/
*/

html
{
 height: auto;    
 -webkit-text-size-adjust: 100%; 
} 
*:focus
{
 outline: none;
}
body 
{
 margin: 0px;
 padding: 0px;     
 width: 100%;
 height: auto;
 font-family: 'Montserrat-modified-online-conversion-21122021', sans-serif;font-weight: 300;
 -webkit-text-size-adjust: 100%;
 font-size: 18px;
 color: #327878;
}
.bgtera
{
 background: #eeecde;
}
.fontg
{
 font-family: 'SortsMillGoudy-Regular-online-conversion', sans-serif;
}
strong
{
 font-weight: 500;
}
table
{
 border-collapse: collapse;
}
.invis
{           
 height: 0px;
 margin: 0;
 padding: 0px;
 visibility: hidden;  
}   
table td.bblue
{
 border-bottom: 1px solid #327878;
 padding: 0.5em 0.5em 0.5em 0;
}
table td.borange
{
 border-bottom: 1px solid #327878;
 padding: 0.5em 0.5em 0.5em 0;
}
.c
{
 text-align: center !important;
}
.r
{
 text-align: right !important;
}
.l
{
 text-align: left !important;
}
.j
{
 text-align: justify !important;
}
.fleft
{
 float: left;
}
.mt0
{
 margin-top: 0 !important;
}
.mt3
{
 margin-top: 3% !important;
}
.mt5
{
 margin-top: 5% !important;
}
.mb0
{
 margin-bottom: 0 !important;
}
.light
{
 font-weight: 300 !important;   
}
.hrblue
{
 border: 1px solid #327878;
 margin: 6% 0 4% 0;
 height: 0; 
}
.clear
{
 clear: both;
 height: 0;
}
img
{
 max-width: 100%;
}
#main
{
 width: 100%;
 max-width: 1100px;
 margin: 0 2% 0 2%; 
 position: relative;
 margin: auto;
 overflow: hidden; 
 height: auto;
}
.textorange {color: #f18f69 !important;}
.textgrey{color: #555555;}
.textblue{color: #22babf;}
.w100{ width: 100%}
.w90{ width: 90%;}
.w80{ width: 80%;}
.w75{ width: 75%;}
.w70{ width: 70%;}
.w60{ width: 60%;}
.w50{ width: 50%;}
.w40{ width: 40%;}
.w30{ width: 30%;}
.w25{ width: 25%;}
.w20{ width: 20%;}
table td
{
 vertical-align: top;
 font-size: 0.8em;
}
table td.bblue
{
 border-bottom: 1px solid #327878;
 padding: 0.5em 0.5em 0.5em 0;
}
table td.borange
{
 border-bottom: 1px solid #327878;
 padding: 0.5em 0.5em 0.5em 0;
}
#menu
{
background: #ffffff;
position: relative;
}

/* mobil */
@media only screen and (max-width: 640px)
{    
  #topmenu
  {
   width: 100%; 
   cursor: pointer;
  }
  #menu
  {
   width: 100%;
  }
  #menu img
  {
   float: left;
  }
  #logo
  {
   display: none;
  } 
  #podmenu, #podmenu2
  {
   margin: 0;
   padding: 0;
   clear: left;
   display: block !important;
  }
  li.sluzbypodmenu
  {
    background: #2dabcb !important;
    color: #ffffff !important;
  }
  .sluzbypodmenu a
  {
   padding: 2%;
  }
  #podmenu li, #podmenu2 li
  {
    background: #707070 !important;
    width: 100%;
    padding: 0%;
    list-style: none;
  }
  #podmenu li a, #podmenu2 li a
  {
    text-decoration: none;
    font-size: 2.3em !important;
    padding: 2% 2% 2% 4% !important;    
  } 
  #podmenu .podmenufirst, #podmenu2 .podmenufirst
  {
    margin-top: 0%;
  }
  #podmenu .podmenulast, #podmenu2 .podmenulast
  {
    border-bottom: none !important;
  }  
  #menu1
  {
   margin: 0;
   padding: 0;
   clear: left;
  }
  #menu1 li
  {
    background: #2dabcb;
    width: 100%;
    border-bottom: 1px solid #888888;
    list-style: none;
  }
  #menu1 li a
  {
    text-decoration: none;
    color: #ffffff !important;
    font-size: 1.1em !important;
    display: block;
  } 
  #titul
  {
   overflow: hidden;
   text-align: center;
   position: relative;
  }
  #titul img
  {
   width: 110%;
   max-width: 110% !important;
   margin-left: -5%;
   margin-top: -5%;
   float: left;   
  }
  .h1titul
  {
   position: absolute;
   top: 72%;
   left: 3%;
   text-transform: uppercase;   
   color: #2dabcb;
   font-weight: 500;
   display: none;
  }
  .texttitul
  {
   text-align: center;
   position: absolute;
   top: 59%;
   left: 3%;
   color: #2dabcb;   
  }  
  .t1
  {
   background: #eeecde url("images/t1.jpg") no-repeat;
   background-size: 100%;
   padding: 0 0 1% 0;
  } 
  .t1l
  {
    padding: 40%;
  }
  .t1r
  {
   padding: 2%;
   color: #327878;
   text-align: center;
   font-size: 1.2rem;
  }
  .tlonas
  {
   margin: auto;
   display: none;
   border: 1px solid #327878;
   padding: 2% 8% 2% 8%;
   border-radius: 3px;
   text-decoration: none;
   color: #327878; 
  } 
  .t2
  {
   position: relative;
  }
  .t2 img
  {
   float: left;
  }  
  .t2text
  {
   position: absolute;
   top: 7%;
   left: 5%;
   right: 5%;
   cy or ?? 04328;
   font-size: 1.4rem;
   text-align: center;
  }  
  .t3
  {
   position: relative;
   padding: 3% 0 3% 0;
  }
  .t3 img
  {
   float: left;
  }     
  .t31, .t32, .t33, .t34, .t35
  {
   float: left;
   padding: 2%;
   text-align: center;
   width: 96%;
   margin-bottom: 6%;
  } 
  .t3img
  {
   display: none;
  }  
  .t31 h2, .t32 h2, .t33 h2, .t34 h2, .t35 h2
  {  
   margin-top: 3%;
   line-height: 1.2rem;
  }
  .t31 h2 a, .t32 h2 a, .t33 h2 a, .t34 h2 a, .t35 h2 a
  {  
   color: #327878;
   font-size: 1.2rem;  
   text-decoration: none;
  }
  .t31 p, .t32 p, .t33 p, .t34 p, .t35 p
  {  
   color: #327878;
   font-size: 1rem;  
   text-decoration: none;
  } 
  .t31 img, .t32 img, .t33 img, .t34 img, .t35 img
  {  
    padding: 0 20% 0 20%;
    width: 60%;
  }   
  .t4
  {
   position: relative;
   background: #eeecde;
  }  
  .t4a
  {
   padding: 3%;
  }
  .t4a1
  {
   width: 30%;
   float: left;
   margin-bottom: 3%;
   clear: both;
  }
  .t4a1 img
  {
   border-radius: 5px; 
  }
  .t4a2
  {
   width: 64%;
   float: left;
   padding: 0 0 0 1%;
  }  
  .t4a2 h2
  {
   margin-top: 0;
   color: #327878;
   font-size: 0.9em !important;
  }
  .t4a2 p
  {
   color: #327878;
   font-size: 0.8em;
  }  
  .t4 h2
  {
   margin-top: 0;
   color: #327878;
   font-size: 1.2em;
  }
  .t4a2 a
  {
   color: #327878;0
   text-decoration: none;
  }  
  .t5
  {
   position: relative;
   background: #eeecde url("images/t5.jpg") no-repeat;
   background-size: 100%;   
   margin: 0;
   padding: 3%;
   color: #327878;  
   font-size: 0.87em;
  }  
  .t6
  {
   position: relative;
   background: #eeecde url("images/t6.jpg") no-repeat;
   background-size: 100%;   
   margin: 0;
   color: #327878; 
   padding-bottom: 2%; 
  }
  .t6 h2.mt10
  {
   padding-top: 10%; 
   margin: 0;
  }
  .t6 a
  {
   color: #327878;    
  }  
  .t6 h2
  {
   padding: 0 3% 0 3%;
   font-size: 1em;   
  }  
  .t6 p
  {
   padding: 0 3% 0 3%;
   font-size: 0.87em;   
  }   
  .sluzby
  {
   padding: 3%; 
   background: #eeecde;
  }   
}
/* konec mobil */


/* tablet a pc*/
@media only screen and (min-width: 641px) 
{
  #topmenu
  {
   display: none;
  }
  .sluzby
  {
   padding: 3%; 
   background: #eeecde;
  }    
  .onastext
  {
   display:none;
  }  
  h1
  {
   margin-top: 0;
  }
  .sluzbypodmenu
  {
   padding: 0 3% 1% 1%;
   margin: 1% 0 0 0%; 
   text-align: left;
  }
  #logo
  {
   width: 30%;   
   text-align: center;
   margin: 0 15% 0 0%;
  }  
  #logo img
  {
   width: 81.2%;
  }  
  #levyos
  {
   float:left;
   width: 25%;
  }  
  #pravyos
  {
   float:left;
   width: 70%;
   padding: 0 0 0 4%;
  }
  #pravyos h2
  {
    margin: 6% 0 2% 0%;
    font-size: 1.1em;
  }
  .sluzbypodmenu a
  {                            
   position: relative;
   display: block;
   text-align: left;   
   border-top: 1px solid white; 
   padding: 1px 0 0 0;   
  }   
  .sluzbypodmenu a:hover
  {
   background: #ffffff;
   display: block;
  }  
  #podmenu
  {
    position: absolute;
    left: 7%;
    margin: 0;
    z-index: 10;
    padding: 0;
    display: none;
  }
  #podmenu2
  {
    position: absolute;
    left: 17%;
    margin: 0;
    z-index: 10;
    padding: 0;
    display: none;
  }  
  #podmenu li, #podmenu2 li
  {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: 100%;
  }
  #podmenu li a, #podmenu2 li a
  {
    padding: 3% 15% 3% 15% !important;
    color: #2dabcb !important;
    display: block !important;
    background: white;
    border-bottom: 1px solid #2dabcb;
    width: 100%;
  }   
  #podmenu li a:hover, #podmenu2 li a:hover
  {
     border-top: none !important;  
     background: #f9f9f9;    
  }
  #menu1
  {
      margin: 0;
      padding: 0;
      width: 100%;
  }
  #menu1 li
  {
    list-style: none;
    float: left;
  }
  #menu1 li a
  {
    text-decoration: none;
    color: #2dabcb;
  }   
  #titul
  {
   position: relative;
  }  
  #titul img
  {
   float: left;
  }  
  .h1titul
  {
   position: absolute;
   top: 80%;
   left: 3%;
   text-transform: uppercase;   
   color: #2dabcb;
   font-weight: 500;
   display: none;
  }
  .texttitul
  {
   text-align: center;
   position: absolute;
   top: 78%;
   left: 3%;
   color: #2dabcb;   
  }   
  .t1
  {
   background: #eeecde url("images/t1.jpg") no-repeat;
   background-size: 46%;
   padding: 0 0 1% 0;
  } 
  .t1l
  {
   float: left;
   width: 45%;
  }
  .t1r
  {
   float: left;
   width: 51%;
   padding: 2%;
   color: #327878;
  }
  .tlonas
  {
   margin: auto;
   display: inline-block;
   border: 1px solid #327878;
   padding: 2% 8% 2% 8%;
   border-radius: 3px;
   text-decoration: none;
   color: #327878;    
   cursor: pointer;
  }   
  .t2
  {
   position: relative;
  }
  .t2 img
  {
   float: left;
  }  
  .t2text
  {
   position: absolute;
   top: 7%;
   left: 5%;
   color: #604328;
   width: 50%;
   font-size: 2rem;
  }
  .t3
  {
   position: relative;
   padding: 3% 0 3% 0;
  }
  .t3 img
  {
   float: left;
  }     
  .t31, .t32, .t33, .t34, .t35
  {
   float: left;
   width: 16%;
   padding: 2%;
   text-align: center;
  } 
  .t3img
  {
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
  }  
  .t31 h2, .t32 h2, .t33 h2, .t34 h2, .t35 h2
  {  
   margin-top: 6%;
   line-height: 0.8em;
  }
  .t31 h2 a, .t32 h2 a, .t33 h2 a, .t34 h2 a, .t35 h2 a
  {  
   color: #327878;
   font-size: 0.7em;  
   text-decoration: none;
  }
  .t31 p, .t32 p, .t33 p, .t34 p, .t35 p
  {  
   color: #327878;
   font-size: 0.81em;  
   text-decoration: none;
  }  
  .t4
  {
   position: relative;
   background: #eeecde;
  }  
  .t4a
  {
   padding: 3%;
  }
  .t4a1
  {
   width: 15%;
   float: left;
   margin-bottom: 3%;
  }
  .t4a1 img
  {
   border-radius: 5px; 
  }
  .t4a2
  {
   width: 30%;
   float: left;
   padding: 0 0 0 1%;
  }  
  .t4a2 h2
  {
   margin-top: 0;
   color: #327878;
   font-size: 0.9em;
  }
  .t4a2 p
  {
   color: #327878;
   font-size: 0.8em;
  }  
  .t4 h2
  {
   margin-top: 0;
   color: #327878;
  }
  .t4a2 a
  {
   color: #327878;0
   text-decoration: none;
  }  
  .t5
  {
   position: relative;
   background: #eeecde url("images/t5.jpg") no-repeat;
   background-size: 100%;   
   margin: 0;
   padding: 3%;
   color: #327878;  
  }
  .t6
  {
   position: relative;
   background: #eeecde url("images/t6.jpg") no-repeat;
   background-size: 100%;   
   margin: 0;
   padding: 3%;
   color: #327878;  
  }
  .t6 h2.mt10
  {
   margin-top: 10%; 
  }
  .t6 a
  {
   color: #327878;    
  }
  .tpad0
  {
   padding: 0 !important;
  }
}
/* konec desktop */