body  {
    background: #102540;
    width: 100%;
    height: auto;
    margin:0;
    color:black;   
    
    font-family: Trebuchet MS1, Trebuchet MS, sans-serif
  }
  .desitka { margin:10px;}
  .mapa320 { display:none;}
  .mapa400  {  display: block;}

.s1, .s2 {  width:100%; height: auto}
  
.odsazenirohovoru  { margin:10px; text-align: left;}
  
.cenik  {  background:#ff9933; width:100%; height:100%;  }
.img100 {  width:100%; height:100%; }

.menu1a  {  width: 302px; height: 75px; }
.menu1b  {  width: 302px; height: 75px; }
.menu2a  {  width: 155px; height: 75px; }
.menu2b  {  width: 155px; height: 75px; }
.menu3a  {  width: 268px; height: 75px; }
.menu3b  {  width: 268px; height: 75px; }
.menu4a  {  width: 183px; height: 75px; }
.menu4b  {  width: 183px; height: 75px; }    
 
.FB {  display:block; margin:0 auto; }
.FB-320  {  display:none; margin:0 auto; }   
     
#administrace  { display:none; } 
:focus {
  outline: none;
}
.x { width:25px; height:25px; margin:5px; margin-left:400px;}       
.admin1  {  width:100px; height:131px; margin:25px 0px 0px 0px;}
.admin2  {  width:100px; height:131px; margin: 0 0 0 0;}
.admin3  {  width:100px; height:131px; margin: 25px 0px 0px 0;}
.admin4  {  width:100px; height:131px; margin: 0 0 0 0;}
#obra img {  width:110%; height:auto; }
.admini  {  width:420px; height:300px; background:#13add6; border: 6px solid black; border-radius:6px;
            position: absolute; top:50%; left:50%; margin: -150px 0 0 -210px; }
.j1  {  display:flex; margin:30px; margin-top:50px; font-weight:bold; font-size:18px; }
.j2  {  display:flex; margin:-30px 30px 30px 30px; font-weight:bold; font-size:18px; } 
.jmeno  { margin:10px; width:90px; } 
.heslo  {  margin:10px; width:90px;}
.jmeno-zakulacene  { width:170px; height:36px; margin: 5px; background: white; border-radius: 18px; }
.heslo-zakulacene  { width:170px; height:36px; margin: 5px; background: white; border-radius: 18px; }
.jmeno-pole, .heslo-pole  { margin:5px; margin-left:20px; }
.nastaveni-pole-img-border { width:110px; border:none; }
.tlacitko-prihlasit  { width:139px; height:59px; margin:0 0 0 250px; }
.tlacitko-odhlasit   { width:139px; height:59px; margin:30px 0 0 250px; }




.nabi6 a, .nabi6 a:hover  { color:#606b71; font-size: 20px; }
.nabi4 a, .nabi4 a:hover  { color:#606b71; font-size: 18px; }
.nab8 a, .nab8 a:hover  { -color:#606b71; font-size: 20px;  }
 
       
iframe {  background-color: transparent;  }
img { border:none; }
ul li {  text-align:left;}

#content  { width:0px; height:0px; position:absolute; top:540px; }
.pruh1  {  width:100%;   height:91px; background: black; }
.pruh2  {  width:100%;   height:55px; background: black; text-align:left;}
.vmohelnici  {  width: 175px; height:41px;
                margin: 0 0 0 20px; }
.spodek  {  width:786px; height:44px;}  
.jmeno2  { font-weight:bold; color:black; }
.kontakt1  { color: #05203e; font-size:18px; font-family:tahoma; text-align: center; 	 }
.imohelnice { width:250px; }
.informacni-blok { width:300px; background:#37a7c5; border-radius:20px; 
                   position:relative; top:-80px; display:inline-block }
.informacni-blok2 { display:inline-block; }
.zavolat  {  width:304px; height:108px; margin: 0 0 0 30px; }





/*    Footer -- tlacitko    */
.zapati  {  width: 1000px; height:auto; display:flex; flex-wrap: wrap; 
            background: #191e21; margin: 20px auto 20px auto;}

.zapati2 {  width: 100%; height: 65px; background: #13171a; color:#2b85b9; 
            font-family: times new roman; font-size:21px; text-align:center; }
.zapati2 div {  position:relative; top:15px; }

.blok1  { -display: inline-block; width:218px; height:350px; background: #16242d; margin: 0 5px 5px 5px; text-align:center; -float:left;}
.blok2  { -display: inline-block; width:262px; height:350px; background: #16242d; margin: 0 5px 5px 5px; text-align:center; -float:left;}
.blok3  { -display: inline-block; width:240px; height:350px; background: #16242d; margin: 0 5px 5px 5px; text-align:center; -float:left;}
.blok4  { -display: inline-block; width:240px; height:350px; background: #16242d; margin: 0 5px 5px 5px; text-align:center; -float:left;}
.nabi  {  color: #7da300; text-decoration: underline; text-align:left; font-size: 22px; margin: 10px 0 0 10px;}
.nabi2  {  color: #2b85b9; text-align:center; font-size: 18px; margin: 70px auto 0 auto;}
.nabi3 {  color: #606b71; text-align:center; font-size: 20px; margin: 50px auto 0 auto; font-weight: bold;} 


.zapati-nad { background: #191e21; height:auto; width:100%; margin:-10px 0 0 0;}






@media  (max-width: 1895px) {
    .zap4 { height: auto; background: red; #191e21;  }

}
@media  (max-width: 1145px) {
    .zap4 { height: auto; background: red; #191e21;  }

}

@media  (max-width: 805px) {
    .zap4 { height: auto; background: #191e21;  }

}
.nabi_odkazy  {  color:white; text-align: left; margin-left: -30px; }
.nabi_odkazy ul { list-style-type: none; }
.seznam2  {  color:white; font-size:16px;  font-weight:normal;}
.seznam2:hover  {  color:white; font-size:16px; text-decoration:none;  font-weight:normal;}
.nabi4  {  color: #606b71; text-align:center; font-size: 20px; margin: 20px auto 0 auto; font-weight: bold;}
.nabi5  {  color: #2b85b9; text-align:left; font-size: 18px; margin: 20px 0 0 10px;}
.nabi6 {  color: #606b71; text-align:center; font-size: 20px; margin: 20px auto 0 auto; font-weight: bold;}



.jedna  {  float:left;  width:290px; height:240px; margin-top: 50px; text-align:center; }
.jedna-a  { color:#0c8fb4; font-weight:bold; font-size:24px; }
.jedna-b  { font-weight:bold; font-size:24px; }
.jedna-c  { color:#0c8fb4; font-weight:bold; font-size:20px; }
.jedna-d  { font-weight:bold; font-size:18px;  }
.jedna-e  { position:relative; left:20px;}
.jedna-f  { width:304px; height:108px; }
.dve  { width:650px; height:155px; float:left; margin: 120px 30px 0 60px;}
.dve-pod  { width:650px; text-align: center; }
.dve-a { background:#0c3141; position:relative; top:0px; border-radius: 15px; width:100%; height:45px; }
.dve-b { position: relative; top:13px; color: #1386b7; }
.dve-c { background:#0c3141; position:relative; top:8px; border-radius: 15px; width:100%; height:100px; }
.dve-d { color: #1386b7; position: relative; top:20px; }
.dve-e { font-weight:bold; color: #245469; position: relative; top:30px; }
.tri  {  float:left; width:240px; height:120px; }
#navstevnost  { width:100%; height:100%; }
#navstevnost a { width:177px; height:68px; display:block;  margin:70px auto 0 auto; }
#navstevnost img  { width:177px; height:68px;  display:block; }
#toplist { width:88px; height:120px; position:relative; top:130px; left:-70px; float: right; display:none; }
#toplist img  { border:none; } 


/*    index konec   */
.topa a, .topa a:hover  { color:orange; }
.bota  {  clear:both;  }


.srdce  {  width:159px; height:148px;  float:left; }
.usrdce  { width:380px; height:148px; float:left; font-size:20px; color: #61bdd8;  }
.usrdce-pod {  margin: 30px 5px 5px 5px;}

.barva  {  color: black; font-weight: bold; }
.rozhovorX a, .rozhovorX a:hover { color:black; font-size: 20px; font-family: verdana; font-weight: normal;}
.rika { font-weight: bold; font-family: verdana; margin: 20px 5px 5px 5px; }
.rika a, .rika a:hover { color: black; font-size: 15px; }

.codkazy  {  background: #1e9dc3; width:85%; margin:20px auto 20px auto; border-radius:20px; }
.codkazy-pod  {  background: #1e9dc3; margin:20px; margin-top:40px; }
.codkazy a  { font-size:18px; color:#186177; }
.codkazy a:hover  {  font-size:18px; color:#186177; }
.spou  {  width:80%; height:auto; margin:80px auto 0 auto; }
.spou2  {  margin: 20px 0 0 0; }
.spou2 a, .spou2 a:hover  {  font-size:20px; color: #542510; }
.FB  {  position:relative; left:150px; margin-bottom:40px;}
.FB a  {  display:block;  width:372px; height: 71px;}
.FB img {  width:100%; height:100%;}
.FB-320  {  position:relative; left:0px; margin-bottom:40px;}
.FB-320 a  {  display:block;  width:280px; height: 57px;}
.FB-320 img {  width:100%; height:100%;}
.FB-center  { width:90%; min-width:280px; display:inline-block; }
.FB-center-pod  { display:inline-block; margin: 0 auto; }

a  {  font-style:normal;
  text-decoration:underline;
  font-weight:bold;
  color:#263c42;
  font-size:14px;
  font-family: arial, times new roman; }

a:hover  {  font-style:normal;
    text-decoration:none;
    color: #263c42;             
    font-size:14px;
    text-decoration:none;
    font-family: arial, times new roman;}

h1  {            
                 color: black;
                 font-family: Garamond, times new roman;
                 font-size: 30px;
                 text-decoration:underline;
                 text-align:center;
                 font-weight:bold;}

.h1_new  {            color:#0d395a;
                 font-family: Garamond, times new roman;
                 font-size: 28px;
                 text-decoration:none;
                 text-align:center;
                 font-weight:bold;}

h1:hover   {       color:#183b44;
                   font-family: Garamond, times new roman;
                   text-decoration:none;
                    text-align:center;}
                    
h2  {    text-decoration: underline;
        text-align: center;
        color: #172f0e;
        font-size:20px;
        font-family: Trebuchet MS, Geneva CE, lucida, sans-serif; }
h2:hover  {  text-decoration: none; }

.hhh, h3  {  color: black;
  text-decoration: underline;
  font-family: Trebuchet MS, Geneva CE, lucida, sans-serif; }

.hhh, h3:hover  { text-decoration:underline; }
 
.min_date {  width:130px; float:left;  }
.bud_date {  width:150px; float:left;  }

#lista a { color:#2baeb6; }

.ls  {font-weight:bold; color:#53452b; float:left;  }
.rs  {color:#3d1d53; text-align:right; font-weight:bold; font-size:18px; float:left: clear:both; font-family:Calibri,Arial,sans-serif;}

.seznam  {  color:#263c42; font-size:16px;  }
.seznam:hover  {  color:#263c42; font-size:16px; text-decoration:none;  }
.nadpisy  {  text-decoration:underline;  #cusor:hand;  cursor:pointer; margin-top: -10px; font-size:16px; color:#22406e;}

.slp2 a:hover { color:#65904d; }
.slp2 a { color:#446134; }
.odkz a {color:#255723; } 

/* odd - medicina */
.odd {  width:510px; height:9px; margin:0 0 12px 0; background: url('/images/odd.gif');  }
.odd2 {  clear:both; float:left; width:510px; height:9px; margin:20px 0 12px 0; background: url('/images/odd.gif');}
.odd3 {  clear:both; float:left; width:510px; height:9px; margin:20px 0 12px 0; background: url('/images/odd2.gif');}
.kategory  {  font-weight:bold;  color:#153653; font-style:italic;}
.kategory2  {  font-weight:bold;  color:#786034; font-size:14px; font-family:tahoma;}
.kategory3  {  font-weight:bold;  color:#153653; font-style:italic; position:relative; top:-300px; }
.cr  { background: url('/images/cr.gif'); width:510px; opacity:.15; filter:alpha(opacity=15); height:345px;}
.it {  font-style: italic;  }
.we  {  font-weight:bold;  }

.fb-like { text-align:right; width:100%; height:30px; margin-top:20px; position:relative; left:-30px; }
.alin a  {color:black;}
.cena { text-align:right; font-weight:bold; font-size:18px; color:#3d1d53; font-family:  Constantia, georgia, times, times new roman, sans-serif;}
.bold  {  font-weight: bold; }

.ablock  {  width:100%; height:100%; display:block;}

.hspec, .hspec2  {color: #53452b; margin:0px 0 20px 0;   font-size:22px; text-decoration:underline; text-align:left; }
.hspec2  { text-decoration:none;  font-size:21px;  }
.cis {  font-family:arial; }
.hspec3  {  color: black; margin:0px 0 20px 0;   font-size:22px; text-align:left; }  
.cena2 { font-weight:bold; font-size:22px; color:#3d1d53; font-family:Calibri,Arial,sans-serif;}
.hspec4  {  color: black; margin:0px 0 20px 0;   font-size:18px; text-align:left; } 

/*  .hh  {  color:#39b0d2; }  6c2c2c; */
.nad1 {  text-decoration:underline; }

.nad2 {  text-decoration:underline;  margin:20px;}
.vedle {  float:right; color:white;  width:250px; font-family: arial;}
.imag001  {  width:300px; height:217px;  }
.div-left  { float:left;}
.imag002  {  width:500px; height:155px;}
.imag003   {  width:300px; height:255px;  }
.imag004   {  width:280px; height:255px; }


                     
.fbline1  {  width:100%; height:30px;  }
.fbline2  {  width:100%; height:30px;  }
.fbx1  {  width:50%; margin-left:180px;  }
.fbx2  {  width:50%; float:right; margin:-32px 8px 0 0;}        
.fbx3  {  width:50%; position:relative; top:8px;}
.fbx4  {  width:50%; float:right; margin:-20px 0 0 0;}

.horni { width: 100%; text-align: center; height:auto; margin:30px auto; }
.a1, .a2, .a3, .a4  { display: inline-block; text-align:center; 
  }

 
.a1, .a1 a { width:302px; height:75px; }
.a2, .a2 a { width:155px; height:75px; }
.a3, .a3 a  { width:268px; height:75px; }
.a4, .a4 a  { width:183px; height:75px; }

#lista  {  width:100%; height:49px;  position:absolute; top:4437px; left:0px; text-align:center; font-family:Trebuchet MS,Tahoma,Arial CE,Arial,Helvetica CE,Helvetica,sans-serif; color:#861528;  }
.lista-float  {  font-size:14px; width:33%; font-family:verdana; font-weight:bold; text-align:center; float:left;}
.d1, .d2, .d3  {  float:left; color:#e1a628;}
.d1  { width:33%; }
.d2  { width:33%;  font-weight:bold;}
.d3  { width:33%; }

.poradenstvi  { width:100%; height:78px; background: #7fa301; font-size:17px; 
                color:black; font-weight:bold; margin:10px auto 0 auto;
              }
              
.benefity  { width:100%; height:78px; background: #7fa301; font-size:17px; 
                color:black; font-weight:bold; margin:20px auto 0 auto;
              }              
.info  {  width:50px; height:78px; float:left; }
.info-text  {  width:80%; height:78px; float:left; margin-top:20px; }
.info-text2  {  width:80%; height:78px; float:left; margin-top:0px; }  

 
.pred  { width:90%; min-width:280px; display:inline-block; } 
.zpet  {  width: 98px; height:68px; -background: url('/PEDI/images/zpet.jpg') no-repeat; 
            display:inline-block; position:relative; left:125px; margin: 0 auto;
           }       
.clanky  {  text-align:left; color:#18333b; margin:0;}

 
.trig  { width:600px; height:378px;  }
.trig2 { width:510px; height:150px;  }
.spouste  {  width:90%; margin: 20px auto 20px auto; text-align:center; font-weight:bold; font-family:arial;}
.zahni  { width:250px; height:300px; clear:both; float:left;}
.zahni2  { width:510px; height:150px;}
.bolder li  {  font-weight:bold; }

.prouzek  {  width:460px; background:#efe7d9; padding:20px;}
.prouzek2  {  width:460px; background:#efe7d9; padding:20px; margin:5px 0 0 0;}
.mezera  { text-align:left; margin:10px 0 10px 0;}
 
.nadpis {  color: #24383e; text-align:left; font-size:22px;  text-decoration: underline; margin:10px}
.bold1 {  font-size:18px; font-weight: bold; color: black;}
.bold2 a, bold2 a:hover {  font-size:20px; }
.bold2  {  text-align: right; color:black; }
#zmensi  {  font-size: 18px; }
.pocitadlo {  font-size:20px;  color: black; }

.hadek a, .hadek a:hover { font-size: 16px; color: black;}
.kupony  { width:100%; height:530px;}
.kupony2  { width:100%; height:auto; margin:0; }
.masaze  {  margin:20px auto 0 auto; text-align:center; }

.nadpis1  {  width: 547px; height: 47px; margin: 20px auto;}
.kupon1  { width:540px; height:255px; margin: 0px auto 0 auto; }
.kupon2  { width:540px; height:255px; margin: 20px auto 0 auto; }





.h2spec  {  text-align:left; color:black; text-decoration:underline;}
.divab  {  clear:both;  color:black; font-size:17px; text-align: left; margin: 0 0 50px 0;}

.divab div { background: #19b7e1; border-radius: 14px; margin: 0 0 10px 0;  height: 28px;}
.divab a  {  margin: 0 0 0px 25px; }
.sluzby-a  {  width: 200px; }
.sluzby-b  {  width: 270px; }
.sluzby-c  {  width: 270px; }
.sluzby-d  {  width: 270px; }
.sluzby-e  {  width: 420px; }
.sluzby-f  {  width: 95px; }
.sluzby-g  {  width: 175px; }
.sluzby-h  {  width: 205px; }
.sluzby-i  {  width: 225px; }
.sluzby-j  {  width: 375px; }
.sluzby-k  {  width: 275px;}
.sluzby-l  {  width: 140px; }
.sluzby-m  {  width: 45px;}
.sluzby-n  {  width: 105px; }
.sluzby-o  {  width: 320px; }

.sluzby-g div, .sluzby-k div, .sluzby-m div, .sluzby-o div 
{ background:none; border-radius: 14px; margin: 0 0 0 35px;  height: 28px; position:relative; top:5px; }

.sluzby-m div  { margin:0 0 0 17px; }

.sluzby-a  a, .sluzby-b a, .sluzby-c a, .sluzby-d a,  .sluzby-e a, .sluzby-f a, .sluzby-h a, .sluzby-i a,
 .sluzby-j a, .sluzby-l a, .sluzby-n a  
{  width: 100%; height: 100%; display:block; text-decoration: none;   font-size:17px; font-weight: bold; 
   font-family: arial; position:relative; top:5px; border:none; } 
   
.sluzby-a  a:hover, .sluzby-b  a:hover, .sluzby-c  a:hover, .sluzby-d  a:hover, .sluzby-e  a:hover,
.sluzby-f  a:hover, .sluzby-h  a:hover, .sluzby-i  a:hover, .sluzby-j  a:hover,
.sluzby-l  a:hover, .sluzby-n  a:hover
{  text-decoration: none; border-radius: 14px; font-size:17px; border:none; font-weight: bold; } 


.sluzby-k, .sluzby-l, .sluzby-m, .sluzby-n, .sluzby-o  { display: inline-block; } 



.foto  {  width:690px; height:461px; margin: -32px auto 0 auto; display:block;}
.foto2  {  width:100%; height:auto; }
.foto3  {  width:100%; height:auto; }

.sebesta  {  width: 90%; margin:0 auto; max-width:320px;}

.vmohelnici2  { display: none;}
.foto2  { display: none;}

.konstrukce  {  width:650px; height:auto; margin:30px auto 0 auto; background: #356d7c; 
                border: 19px solid #0b192b; -box-sizing: border-box; position:relative; top:10px;}
.konstrukce-pod  { margin:20px; }

.nadpis-uvod  {  display: none; margin: 5px;}
.info-text2  { margin: 20px 0 0 20px;}



@media  (max-width: 1920px) {   /* *********** 1920 1920 1920 **********/
    .zap4 { height: auto; background: #191e21;  }

}
@media  (max-width: 1145px) {   /* *********** 1145 1145 1145 **********/
    .zap4 { height: auto; background: #191e21;  }
}
@media  (max-width: 800px) {    /* *********** 800 800 800 **********/
    .vmohelnici2  { display: none;}
    .vmohelnici  {  display:block; width: 175px; height:61px; margin: 0 0 0 20px; }
    
/* nabidka sluzeb 800 */
.FB {  display:none; }
.FB-320  {  display:block; position:static; }


.divab  {  clear:none;  color:black; font-size:17px; text-align: left; margin: 0 10px 0px 10px;}
.divab div { background: #19b7e1;  border-radius: 14px; margin: 0 0 10px 0;  height: 28px;}
.divab a  {  margin: 0 0 0px 25px; }
.sluzby-a  {  width: 100%; max-width:300px;}
.sluzby-b  {  width: 100%; max-width:300px;}
.sluzby-c  {  width: 100%; max-width:300px;}
.sluzby-d  {  width: 100%; max-width:300px;}
.sluzby-e  {    width:100%; max-width:400px; }
.sluzby-f  {   width: 35%; max-width:100px;}
.sluzby-g  {   width: 80%; max-width:200px;}
.sluzby-h  {   width: 100%; max-width:300px;}
.sluzby-i  {   width: 100%; max-width:300px;}
.sluzby-j  {   width: 100%; max-width:400px;}
.sluzby-k  {   width: 100%; max-width:300px;}
.sluzby-l  {   width: 100%; max-width:150px;}
.sluzby-m  {  width: 30%; max-width:80px;}
.sluzby-n  {  width: 100%; max-width:140px; }
.sluzby-o  {  width: 100%; max-width:300px;}

.sluzby-g div, .sluzby-k div, .sluzby-m div, .sluzby-o div 
{ background:none; border-radius: 14px; margin: 0 0 0 35px;  height: 28px; position:relative; top:5px; }

.sluzby-m div  { margin:0 0 0 17px; }

.sluzby-a  a, .sluzby-b a, .sluzby-c a, .sluzby-d a,  .sluzby-e a, .sluzby-f a, .sluzby-h a, .sluzby-i a,
 .sluzby-j a, .sluzby-l a, .sluzby-n a  
{  width: 95%; height: 100%; display:block; text-decoration: none;   font-size:17px; font-weight: bold; 
   font-family: arial; position:relative; top:5px; border:none; } 
   
.sluzby-a  a:hover, .sluzby-b  a:hover, .sluzby-c  a:hover, .sluzby-d  a:hover, .sluzby-e  a:hover,
.sluzby-f  a:hover, .sluzby-h  a:hover, .sluzby-i  a:hover, .sluzby-j  a:hover,
.sluzby-l  a:hover, .sluzby-n  a:hover
{  text-decoration: none; border-radius: 14px; font-size:17px; border:none; font-weight: bold; } 


.sluzby-k, .sluzby-l, .sluzby-m, .sluzby-n, .sluzby-o  { display: inline-block; } 

#sluzby-e  { width:92%; height:50px;}
#sluzby-e a, #sluzby-j a { width:80%;}
#sluzby-j  { width:92%; height:50px;}
#sluzby-mx  {margin-left: 30px;}
#sluzby-o  { width:100%; height:50px;}



.imag001  {  width:100%; height:217px;  box-sizing: border-box;}
.nabidka-center  {  width:100%; height:auto;  background:#13add6; text-align:center; }
.nad1 {  text-decoration:underline; }
.vedle {  float:none; color:white;  width:100%; font-family: arial;}
.div-left  {  float:none; margin: -20px 0 0 0; -max-width:400px;  }
.imag001  {  width:100%; height:auto;  }
.jmenuji-se  {  width: 100%; margin:0 auto; height:auto; }
.jmenuji-se-pod  {  width: 90%; margin:13px;  -box-sizing: border-box; height:auto; }

.kupon1  { width:100%; height:auto; margin: -60px auto 0 auto; }
.kupon2  { width:100%; height:auto; margin: 20px auto 0 auto; }
.masaze  {  margin:20px auto 0 auto; text-align:center; position:relative; top:2px; }

.div-left  {  margin-top:0px; float:none;}


/* tlacitko zpet pro navrat 800 */
.pred  { width:90%; min-width:280px; display:inline-block; } 
.zpet  {  width: 98px; height:68px; background: url('/PEDI/images/zpet.jpg') no-repeat; 
            display:inline-block; position:relative; left:125px; margin: 0 auto 40px 0;
           }
}
@media  (max-width: 700px) {    /* *********** 700 700 700 **********/
    .zap4 { height: 1200px; }
    .pruh1  {  width:100%;   height:120px; background: black; }
    .vmohelnici  { display: none;}
    .vmohelnici2  {  display:block; width: 121px; height:42px; margin: 0 0 0 20px; }
    .foto  { display: none;}
    .foto2  { display: block;}
    .sebesta {  margin: -70px  auto 0 auto;}
    .konstrukce  {  width:100%; box-sizing: border-box;  margin: 0 auto; }
    .konstrukce-pod  {  margin: 0 auto; }
    .odsazenirohovoru  { margin:10px; text-align: left;}
    .nadpis1  { display: none;}
    .nadpis-uvod  {  display: block; }
    .srdce  { margin:20px auto 10px auto; float:none; }
    .usrdce  { width:100%; float:none; }
    .kupony  { width:100%; height:auto;}
    .spou  {  width:100%; height:auto; margin:20px auto 0 auto; }
    .info-text  {  width:80%; height:78px; float:left; margin-top:20px; font-size: 1em; }
    .info-text2  {  width:80%; height:78px; float:left; margin-top:20px; margin-left:20px; font-size: 1em; }  
    .zap4 {margin: 0px auto 0 auto; }
    .zapati  {  width: 96%; }
    .blok1  { width:98%; height:280px; }
    .blok2  { width:98%; height:380px; }
    .blok3  { width:98%; height:350px; }
    .blok4  { width:98%; height:280px; }
    .nabi2  {  font-size:1.6em;}
    .mezeras  { width:100%; height:10px; }

    .tri  {  float:none; width:240px; height:120px; }
    .tri  {  float:none; margin:0;  width:100%; height:auto;}
    #navstevnost  { clear:both; width:100%; height:100%; margin:60px auto 0 auto;}
    #navstevnost a { width:177px; height:68px; display:block;  margin: 0 auto;}
    #navstevnost img  { width:177px; height:68px; }
    #admin  {  margin:20px 0 0 0; }   
    #toplist { width:88px; height:120px; position:relative; top:0px; left:0px; 
               float: none; display:none; margin: 5px 0 0 100px; }
    #toplist img  { border:none; }     
    .zapati2 {  width: 100%; height: 80px; background: #13171a; color:#50575d; 
                font-size:1.3em; text-align:center; }
    .zapati2 div {  position:relative; top:15px; }    


/* nabidka sluzeb 700 */
.FB {  display:none; }
.FB-320  {  display:block; position:static; }


.divab  {  clear:none;  color:black; font-size:17px; text-align: left; margin: 0 10px 0px 10px;}
.divab div { background: #19b7e1;  border-radius: 14px; margin: 0 0 10px 0;  height: 28px;}
.divab a  {  margin: 0 0 0px 25px; }
.sluzby-a  {  width: 100%; max-width:300px;}
.sluzby-b  {  width: 100%; max-width:300px;}
.sluzby-c  {  width: 100%; max-width:300px;}
.sluzby-d  {  width: 100%; max-width:300px;}
.sluzby-e  {    width:100%; max-width:400px; }
.sluzby-f  {   width: 35%; max-width:100px;}
.sluzby-g  {   width: 80%; max-width:200px;}
.sluzby-h  {   width: 100%; max-width:300px;}
.sluzby-i  {   width: 100%; max-width:300px;}
.sluzby-j  {   width: 100%; max-width:400px;}
.sluzby-k  {   width: 100%; max-width:300px;}
.sluzby-l  {   width: 100%; max-width:150px;}
.sluzby-m  {  width: 30%; max-width:80px;}
.sluzby-n  {  width: 100%; max-width:140px; }
.sluzby-o  {  width: 100%; max-width:300px;}

.sluzby-g div, .sluzby-k div, .sluzby-m div, .sluzby-o div 
{ background:none; border-radius: 14px; margin: 0 0 0 35px;  height: 28px; position:relative; top:5px; }

.sluzby-m div  { margin:0 0 0 17px; }

.sluzby-a  a, .sluzby-b a, .sluzby-c a, .sluzby-d a,  .sluzby-e a, .sluzby-f a, .sluzby-h a, .sluzby-i a,
 .sluzby-j a, .sluzby-l a, .sluzby-n a  
{  width: 95%; height: 100%; display:block; text-decoration: none;   font-size:17px; font-weight: bold; 
   font-family: arial; position:relative; top:5px; border:none; } 
   
.sluzby-a  a:hover, .sluzby-b  a:hover, .sluzby-c  a:hover, .sluzby-d  a:hover, .sluzby-e  a:hover,
.sluzby-f  a:hover, .sluzby-h  a:hover, .sluzby-i  a:hover, .sluzby-j  a:hover,
.sluzby-l  a:hover, .sluzby-n  a:hover
{  text-decoration: none; border-radius: 14px; font-size:17px; border:none; font-weight: bold; } 


.sluzby-k, .sluzby-l, .sluzby-m, .sluzby-n, .sluzby-o  { display: inline-block; } 

#sluzby-e  { width:92%; height:50px;}
#sluzby-e a, #sluzby-j a { width:80%;}
#sluzby-j  { width:92%; height:50px;}
#sluzby-mx  {margin-left: 30px;}
#sluzby-o  { width:100%; height:50px;}



.imag001  {  width:100%; height:217px;  box-sizing: border-box;}
.nabidka-center  {  width:100%; height:auto;  background:#13add6; text-align:center; }
.nad1 {  text-decoration:underline; }
.vedle {  float:none; color:white;  width:100%; font-family: arial;}
.div-left  {  float:none; margin: -20px 0 0 0; -max-width:400px;  }
.imag001  {  width:100%; height:auto;  }
.jmenuji-se  {  width: 100%; margin:0 auto; height:auto; }
.jmenuji-se-pod  {  width: 90%; margin:13px;  -box-sizing: border-box; height:auto; }

.kupon1  { width:100%; height:auto; margin: -60px auto 0 auto; }
.kupon2  { width:100%; height:auto; margin: 20px auto 0 auto; }
.masaze  {  margin:20px auto 0 auto; text-align:center; position:relative; top:2px; }

.div-left  {  margin-top:0px; float:none;}

/* tlacitko zpet pro navrat 700 */
.pred  { width:90%; min-width:280px; display:inline-block; } 
.zpet  {  width: 98px; height:68px; background: url('/PEDI/images/zpet.jpg') no-repeat; 
            display:inline-block; position:relative; left:100px; margin: 0 auto 40px 0;
           }
}

@media  (max-width: 600px) {    /* *********** 600 600 600 **********/
    .mapa320 { display:block;}
    .mapa400  {  display: none;}
/* kontakt */    
.jmeno2  { font-weight:bold; color:black; }
.kontakt1  { color: #05203e; font-size:18px; font-family:tahoma; text-align: center; 	 }
.imohelnice { width:250px; }
.informacni-blok { width:280px; background:#37a7c5; border-radius:20px; 
                   position:relative; top:-20px; display:inline-block }
.informacni-blok2 { display:inline-block; }
.zavolat  {  width:280px; height:108px; margin: 0 0 0 0; }


    .pruh1  {  width:100%;   height:120px; background: black; }
    .vmohelnici  { display: none;}
    .vmohelnici2  {  display:block; width: 121px; height:42px; margin: 0 0 0 0; }
    .foto  { display: none;}
    .foto2  { display: block;}
    .sebesta {  margin: -70px  auto 0 auto;}
    .konstrukce  {  width:100%; box-sizing: border-box; }
    .konstrukce-pod  {  margin: 0px; }
    .odsazenirohovoru  { margin: 10px; text-align: left;}
    .nadpis1  { display: none;}
    .nadpis-uvod  {  display: block; }
    .srdce  { margin:20px auto 10px auto; float:none; }
    .usrdce  { width:100%; float:none; }
    .kupony  { width:100%; height:auto;}
    .spou  {  width:100%; height:auto; margin:20px auto 0 auto; }
    
    .obal-text  {  margin: 15px auto 0 auto; float:left;}
    .info-text  {  width:70%; height:60px; margin-top:-82px;  margin-left:65px; font-size: 13px; }
    .obal-text2  {  margin: 0px auto 0 auto; float:left;}
    .info-text2  {  width:70%; height:60px; margin-top:-70px; margin-left:65px; font-size: 13px; }
     
    .zap4 {margin: 0px auto 0 auto; }
    .zapati  {  width: 96%; }
    .blok1  { width:98%; height:280px; }
    .blok2  { width:98%; height:380px; }
    .blok3  { width:98%; height:350px; }
    .blok4  { width:98%; height:280px; }
    .nabi2  {  font-size:1.6em;}
    .mezeras  { width:100%; height:10px; }

    .tri  {  float:none; margin:0;  width:100%; height:auto;}
    #navstevnost  { clear:both; width:100%; height:100%; margin:60px auto 0 auto;}
    #navstevnost a { width:177px; height:68px; display:block;  margin: 0 auto;}
    #navstevnost img  { width:177px; height:68px; }
    #admin  {  margin:20px 0 0 0; }   
    #toplist { width:88px; height:120px; 
               float: none; display:none; margin: 30px auto 0 auto; }
    #toplist img  { width:100%; height:auto; border:none; }     
    .zapati2 {  width: 100%; height: 80px; background: #13171a; color:#50575d; 
                font-size:1.2em; text-align:center; }
    .zapati2 div {  position:relative; top:15px; }
    
    .poradenstvi  { width:100%; height:78px; background: #7fa301; font-size:1.2em; 
                color:black; font-weight:bold; margin:10px auto 0 auto; }              
    .benefity  { width:100%; height:78px; background: #7fa301; font-size:1.2em; 
                color:black; font-weight:bold; margin:20px auto 0 auto; }   



/* nabidka sluzeb 600 */
.FB {  display:none; }
.FB-320  {  display:block; position:static; }


.divab  {  clear:none;  color:black; font-size:17px; text-align: left; margin: 0 10px 0px 10px;}
.divab div { background: #19b7e1;  border-radius: 14px; margin: 0 0 10px 0;  height: 28px;}
.divab a  {  margin: 0 0 0px 25px; }
.sluzby-a  {  width: 100%; }
.sluzby-b  {  width: 100%; }
.sluzby-c  {  width: 100%; }
.sluzby-d  {  width: 100%; }
.sluzby-e  {    width:100%; }
.sluzby-f  {   width: 35%; }
.sluzby-g  {   width: 80%; }
.sluzby-h  {   width: 100%; }
.sluzby-i  {   width: 100%; }
.sluzby-j  {   width: 100%; }
.sluzby-k  {   width: 100%;}
.sluzby-l  {   width: 100%; }
.sluzby-m  {  width: 30%;}
.sluzby-n  {  width: 100%; }
.sluzby-o  {  width: 100%; }

.sluzby-g div, .sluzby-k div, .sluzby-m div, .sluzby-o div 
{ background:none; border-radius: 14px; margin: 0 0 0 35px;  height: 28px; position:relative; top:5px; }

.sluzby-m div  { margin:0 0 0 17px; }

.sluzby-a  a, .sluzby-b a, .sluzby-c a, .sluzby-d a,  .sluzby-e a, .sluzby-f a, .sluzby-h a, .sluzby-i a,
 .sluzby-j a, .sluzby-l a, .sluzby-n a  
{  width: 95%; height: 100%; display:block; text-decoration: none;   font-size:17px; font-weight: bold; 
   font-family: arial; position:relative; top:5px; border:none; } 
   
.sluzby-a  a:hover, .sluzby-b  a:hover, .sluzby-c  a:hover, .sluzby-d  a:hover, .sluzby-e  a:hover,
.sluzby-f  a:hover, .sluzby-h  a:hover, .sluzby-i  a:hover, .sluzby-j  a:hover,
.sluzby-l  a:hover, .sluzby-n  a:hover
{  text-decoration: none; border-radius: 14px; font-size:17px; border:none; font-weight: bold; } 


.sluzby-k, .sluzby-l, .sluzby-m, .sluzby-n, .sluzby-o  { display: inline-block; } 

#sluzby-e  { width:92%; height:50px;}
#sluzby-e a, #sluzby-j a { width:80%;}
#sluzby-j  { width:92%; height:50px;}
#sluzby-mx  {margin-left: 30px;}
#sluzby-o  { width:100%; height:50px;}



.imag001  {  width:100%; height:217px;  box-sizing: border-box;}
.nabidka-center  {  width:100%; height:auto;  background:#13add6; text-align:center; }
.nad1 {  text-decoration:underline; }
.vedle {  float:none; color:white;  width:100%; font-family: arial;}
.div-left  {  float:none; margin: -20px 0 0 0;  }
.imag001  {  width:100%; height:217px;  }
.jmenuji-se  {  width: 100%; margin:0 auto; height:auto; }
.jmenuji-se-pod  {  width: 90%; margin:13px;  -box-sizing: border-box; height:auto; }

.kupon1  { width:100%; height:auto; margin: -60px auto 0 auto; }
.kupon2  { width:100%; height:auto; margin: 20px auto 0 auto; }
.masaze  {  margin:20px auto 0 auto; text-align:center; position:relative; top:2px; }

.div-left  {  margin-top:0px; float:none;}



/* administrace 600 */

.x { width:25px; height:25px; margin:5px; margin-left:10px; }
.obal-x  {  width:10%; height:25px; }
.odsazeni-x  {width:90%; height:25px; }    
.obal-prihl  {  width:10%; height:59px; } 
.odsazeni-prihl  {width:50%; height:59px; }  
.admin1  {  width:100px; height:131px; margin:25px 0px 0px 0px;}
.admin2  {  width:100px; height:131px; margin: 0 0 0 0;}
.admin3  {  width:100px; height:131px; margin: 25px 0px 0px 0;}
.admin4  {  width:100px; height:131px; margin: 0 0 0 0;}
#obra img {  width:100%; height:auto; }
#obra  {  margin: 20px 0 0 0;}
.admini  {  width:100%; max-width:400px; height:300px; background:#13add6; border: 6px solid black; border-radius:6px;
            position: static; top:0; left:0; margin: 0 auto; box-sizing: border-box; }
.j1  {  display:flex; margin:30px; margin-top:50px; font-weight:bold; font-size:18px; }
.j2  {  display:flex; margin:-30px 30px 30px 30px; font-weight:bold; font-size:18px; } 
.jmeno  { margin:10px; width:70px; } 
.heslo  {  margin:10px; width:70px;}
.jmeno-zakulacene  { width:170px; height:36px; margin: 5px; background: white; border-radius: 18px; }
.heslo-zakulacene  { width:170px; height:36px; margin: 5px; background: white; border-radius: 18px; }
.jmeno-pole, .heslo-pole  { margin:5px; margin-left:20px; }
.nastaveni-pole-img-border { width:110px; border:none; }
.tlacitko-prihlasit  { width:139px; height:59px; margin:0 0 0 0; }
.tlacitko-odhlasit   { width:139px; height:59px; margin:0 0 0 0; }



/* tlacitko zpet pro navrat 600 */
.pred  { width:90%; min-width:280px; display:inline-block; } 
.zpet  {  width: 98px; height:68px; background: url('/PEDI/images/zpet.jpg') no-repeat; 
            display:inline-block; position:relative; left:75px; margin: 0 auto 40px 0;
           }

}
@media  (max-width: 400px) {    /* *********** 400 400 400 **********/
    .mapa320 { display:block;}
    .mapa400  {  display: none;}
/* kontakt */    
.jmeno2  { font-weight:bold; color:black; }
.kontakt1  { color: #05203e; font-size:18px; font-family:tahoma; text-align: center; 	 }
.imohelnice { width:250px; }
.informacni-blok { width:280px; background:#37a7c5; border-radius:20px; 
                   position:relative; top:-20px; display:inline-block }
.informacni-blok2 { display:inline-block; }
.zavolat  {  width:280px; height:108px; margin: 0 0 0 0; }


    .pruh1  {  width:100%;   height:120px; background: black; }
    .vmohelnici  { display: none;}
    .vmohelnici2  {  display:block; width: 121px; height:42px; margin: 0 0 0 0; }
    .foto  { display: none;}
    .foto2  { display: block;}
    .sebesta {  margin: -70px  auto 0 auto;}
    .konstrukce  {  width:100%; box-sizing: border-box; }
    .konstrukce-pod  {  margin: 0px; }
    .odsazenirohovoru  { margin:10px; text-align: left; }
    .nadpis1  { display: none;}
    .nadpis-uvod  {  display: block; }
    .srdce  { margin:20px auto 10px auto; float:none; }
    .usrdce  { width:100%; float:none; }
    .kupony  { width:100%; height:auto;}
    .spou  {  width:100%; height:auto; margin:20px auto 0 auto; }
    
    .obal-text  {  margin: 15px auto 0 auto; float:left;}
    .info-text  {  width:70%; height:60px; margin-top:-82px;  margin-left:65px; font-size: 13px; }
    .obal-text2  {  margin: 0px auto 0 auto; float:left;}
    .info-text2  {  width:70%; height:60px; margin-top:-70px; margin-left:65px; font-size: 13px; }
     
    .zap4 {margin: 0px auto 0 auto; }
    .zapati  {  width: 96%; }
    .blok1  { width:98%; height:280px; }
    .blok2  { width:98%; height:380px; }
    .blok3  { width:98%; height:350px; }
    .blok4  { width:98%; height:280px; }
    .nabi2  {  font-size:1.6em;}
    .mezeras  { width:100%; height:10px; }

    .tri  {  float:none; margin:0;  width:100%; height:auto;}
    #navstevnost  { clear:both; width:100%; height:100%; margin:60px auto 0 auto;}
    #navstevnost a { width:177px; height:68px; display:block;  margin: 0 auto;}
    #navstevnost img  { width:177px; height:68px; }
    #admin  {  margin:20px 0 0 0; }   
    #toplist { width:88px; height:120px; 
               float: none; display:none; margin: 30px auto 0 auto; }
    #toplist img  { width:100%; height:auto; border:none; }     
    .zapati2 {  width: 100%; height: 80px; background: #13171a; color:#50575d; 
                font-size:1.2em; text-align:center; }
    .zapati2 div {  position:relative; top:15px; }
    
    .poradenstvi  { width:100%; height:78px; background: #7fa301; font-size:1.2em; 
                color:black; font-weight:bold; margin:10px auto 0 auto; }              
    .benefity  { width:100%; height:78px; background: #7fa301; font-size:1.2em; 
                color:black; font-weight:bold; margin:20px auto 0 auto; }    


/* administrace 400 */

.x { width:25px; height:25px; margin:5px; margin-left:10px; }
.obal-x  {  width:10%; height:25px; } 
.odsazeni-x  {width:90%; height:25px; }
.obal-prihl  {  width:139px; height:59px; } 
.odsazeni-prihl  {width:50%; height:59px; }     
.admin1  {  width:100px; height:131px; margin:25px 0px 0px 0px;}
.admin2  {  width:100px; height:131px; margin: 0 0 0 0;}
.admin3  {  width:100px; height:131px; margin: 25px 0px 0px 0;}
.admin4  {  width:100px; height:131px; margin: 0 0 0 0;}
#obra img {  width:100%; height:auto; }
#obra  {  margin: 20px 0 0 0;}
.admini  {  width:100%; height:300px; background:#13add6; border: 6px solid black; border-radius:6px;
            position: static; top:0; left:0; margin: 0 auto; box-sizing: border-box; }
.j1  {  display:flex; margin:30px; margin-top:50px; font-weight:bold; font-size:18px; }
.j2  {  display:flex; margin:-30px 30px 30px 30px; font-weight:bold; font-size:18px; } 
.jmeno  { margin:10px; width:70px; } 
.heslo  {  margin:10px; width:70px;}
.jmeno-zakulacene  { width:170px; height:36px; margin: 5px; background: white; border-radius: 18px; }
.heslo-zakulacene  { width:170px; height:36px; margin: 5px; background: white; border-radius: 18px; }
.jmeno-pole, .heslo-pole  { margin:5px; margin-left:20px; }
.nastaveni-pole-img-border { width:110px; border:none; }
.tlacitko-prihlasit  { width:139px; height:59px; margin:0 0 0 0; }
.tlacitko-odhlasit   { width:139px; height:59px; margin:0 0 0 0; }



/* nabidka sluzeb 400 */
.FB {  display:none; }
.FB-320  {  display:block; position:static; }


.divab  {  clear:none;  color:black; font-size:17px; text-align: left; margin: 0 10px 0px 10px;}
.divab div { background: #19b7e1;  border-radius: 14px; margin: 0 0 10px 0;  height: 28px;}
.divab a  {  margin: 0 0 0px 25px; }
.sluzby-a  {  width: 100%; }
.sluzby-b  {  width: 100%; }
.sluzby-c  {  width: 100%; }
.sluzby-d  {  width: 100%; }
.sluzby-e  {    width:100%; }
.sluzby-f  {   width: 35%; }
.sluzby-g  {   width: 80%; }
.sluzby-h  {   width: 100%; }
.sluzby-i  {   width: 100%; }
.sluzby-j  {   width: 100%; }
.sluzby-k  {   width: 100%;}
.sluzby-l  {   width: 100%; }
.sluzby-m  {  width: 30%;}
.sluzby-n  {  width: 100%; }
.sluzby-o  {  width: 100%; }

.sluzby-g div, .sluzby-k div, .sluzby-m div, .sluzby-o div 
{ background:none; border-radius: 14px; margin: 0 0 0 35px;  height: 28px; position:relative; top:5px; }

.sluzby-m div  { margin:0 0 0 17px; }

.sluzby-a  a, .sluzby-b a, .sluzby-c a, .sluzby-d a,  .sluzby-e a, .sluzby-f a, .sluzby-h a, .sluzby-i a,
 .sluzby-j a, .sluzby-l a, .sluzby-n a  
{  width: 95%; height: 100%; display:block; text-decoration: none;   font-size:17px; font-weight: bold; 
   font-family: arial; position:relative; top:5px; border:none; } 
   
.sluzby-a  a:hover, .sluzby-b  a:hover, .sluzby-c  a:hover, .sluzby-d  a:hover, .sluzby-e  a:hover,
.sluzby-f  a:hover, .sluzby-h  a:hover, .sluzby-i  a:hover, .sluzby-j  a:hover,
.sluzby-l  a:hover, .sluzby-n  a:hover
{  text-decoration: none; border-radius: 14px; font-size:17px; border:none; font-weight: bold; } 


.sluzby-k, .sluzby-l, .sluzby-m, .sluzby-n, .sluzby-o  { display: inline-block; } 

#sluzby-e  { width:92%; height:50px;}
#sluzby-e a, #sluzby-j a { width:80%;}
#sluzby-j  { width:92%; height:50px;}
#sluzby-mx  {margin-left: 30px;}
#sluzby-o  { width:100%; height:50px;}



.imag001  {  width:100%; height:217px;  box-sizing: border-box;}
.nabidka-center  {  width:100%; height:auto;  background:#13add6; text-align:center; }
.nad1 {  text-decoration:underline; }
.vedle {  float:none; color:white;  width:100%; font-family: arial;}
.div-left  {  float:none; margin: -20px 0 0 0;  }
.imag001  {  width:100%; height:217px;  }
.jmenuji-se  {  width: 100%; margin:0 auto; height:auto; }
.jmenuji-se-pod  {  width: 90%; margin:13px;  -box-sizing: border-box; height:auto; }

.kupon1  { width:100%; height:auto; margin: -60px auto 0 auto; }
.kupon2  { width:100%; height:auto; margin: 20px auto 0 auto; }
.masaze  {  margin:20px auto 0 auto; text-align:center; position:relative; top:2px; }

.div-left  {  margin-top:0px; float:none;}


/* tlacitko zpet pro navrat 400 */
.pred  { width:90%; min-width:280px; display:inline-block; } 
.zpet  {  width: 98px; height:68px; background: url('/PEDI/images/zpet.jpg') no-repeat; 
            display:inline-block; position:relative; left:75px; margin: 0 auto 40px 0;
           } 
}
@media  (max-width: 320px) {   /* *********** 320 320 320 **********/
    .mapa320 { display:block;}
    .mapa400  {  display: none;}
.odsazenirohovoru  { margin:20px; text-align: left; }
/* kontakt */    
.jmeno2  { font-weight:bold; color:black; }
.kontakt1  { color: #05203e; font-size:18px; font-family:tahoma; text-align: center; 	 }
.imohelnice { width:250px; }
.informacni-blok { width:280px; background:#37a7c5; border-radius:20px; 
                   position:relative; top:-20px; display:inline-block }
.informacni-blok2 { display:inline-block; }
.zavolat  {  width:280px; height:108px; margin: 0 0 0 0; }

    .pruh1  {  width:100%;   height:120px; background: black; }
    .konstrukce  {  width:100%; height:auto; margin:30px auto 0 auto; background: #356d7c; 
                    border: 19px solid #0b192b; -box-sizing: border-box;}
    .konstrukce-pod  { margin:40px; }
    .vmohelnici  { display: none;}
    .vmohelnici2  {  display:block; width: 121px; height:42px; margin: 0 0 0 0; }
    .foto  { display: none;}
    .foto2  { display: block;}
    .sebesta {  margin: -70px  auto 0 auto;}
    .konstrukce  {  width:100%; box-sizing: border-box; }
    .konstrukce-pod  {  margin: 0px; }
    .nadpis1  { display: none;}
    .nadpis-uvod  {  display: block; }
    .srdce  { margin:20px auto 10px auto; float:none; }
    .usrdce  { width:100%; float:none; }
    .kupony  { width:100%; height:auto;}
    .spou  {  width:100%; height:auto; margin:20px auto 0 auto; }
    .info-text  {  width:80%; height:78px; float:left; margin-top:20px; font-size: 0.7em; }
    .info-text2  {  width:80%; height:78px; float:left; margin-top:20px; margin-left:0px; font-size: 0.7em; }  
    .zap4 {margin: 0px auto 0 auto; }
    .zapati  {  width: 96%; }
    .blok1  { width:98%; height:280px; }
    .blok2  { width:98%; height:380px; }
    .blok3  { width:98%; height:350px; }
    .blok4  { width:98%; height:280px; }
    .nabi2  {  font-size:1.6em;}
    .mezeras  { width:100%; height:10px; }

    .tri  {  float:none; margin:0;  width:100%; height:auto;}
    #navstevnost  { clear:both; width:100%; height:100%; margin:60px auto 0 auto;}
    #navstevnost a { width:177px; height:68px; display:block;  margin: 0 auto;}
    #navstevnost img  { width:177px; height:68px; }
    #admin  {  margin:20px 0 0 0; }   
    #toplist { width:88px; height:120px; 
               float: none; display:none; margin: 30px auto 0 auto; }
    #toplist img  { width:100%; height:auto; border:none; }     
    .zapati2 {  width: 100%; height: 80px; background: #13171a; color:#50575d; 
                font-size:1.2em; text-align:center; }
    .zapati2 div {  position:relative; top:15px; }
    
    .poradenstvi  { width:100%; height:78px; background: #7fa301; font-size:1.2em; 
                color:black; font-weight:bold; margin:10px auto 0 auto; }              
    .benefity  { width:100%; height:78px; background: #7fa301; font-size:1.2em; 
                color:black; font-weight:bold; margin:20px auto 0 auto; }              
    .info  { width:50px; height:78px; float:left; }    
    .obal-text  {  margin: 15px auto 0 auto; float:left;}
    .info-text  {  width:70%; height:60px; margin-top:-82px;  margin-left:65px; font-size: 0.7em; }
    .obal-text2  {  margin: 0px auto 0 auto; float:left;}
    .info-text2  {  width:70%; height:60px; margin-top:-70px; margin-left:65px; font-size: 0.7em; }  
  
      
/* administrace 320 */

.x { width:25px; height:25px; margin:5px; margin-left:10px; }
.obal-x  {  width:10%; height:25px; } 
.odsazeni-x  {width:90%; height:25px; } 
.obal-prihl  {  width:139px; height:59px; } 
.odsazeni-prihl  {width:50%; height:59px; }    
.admin1  {  width:100px; height:131px; margin:25px 0px 0px 0px;}
.admin2  {  width:100px; height:131px; margin: 0 0 0 0;}
.admin3  {  width:100px; height:131px; margin: 25px 0px 0px 0;}
.admin4  {  width:100px; height:131px; margin: 0 0 0 0;}
#obra img {  width:100%; height:auto; }
#obra  {  margin: 20px 0 0 0;}
.admini  {  width:100%; height:300px; background:#13add6; border: 6px solid black; border-radius:6px;
            position: static; top:0; left:0; margin: 0 auto; box-sizing: border-box; }
.j1  {  display:flex; margin:30px; margin-top:50px; font-weight:bold; font-size:18px; }
.j2  {  display:flex; margin:-30px 30px 30px 30px; font-weight:bold; font-size:18px; } 
.jmeno  { margin:10px; width:70px; } 
.heslo  {  margin:10px; width:70px;}
.jmeno-zakulacene  { width:170px; height:36px; margin: 5px; background: white; border-radius: 18px; }
.heslo-zakulacene  { width:170px; height:36px; margin: 5px; background: white; border-radius: 18px; }
.jmeno-pole, .heslo-pole  { margin:5px; margin-left:20px; }
.nastaveni-pole-img-border { width:110px; border:none; }
.tlacitko-prihlasit  { width:139px; height:59px; margin:0 0 0 0; }
.tlacitko-odhlasit   { width:139px; height:59px; margin:0 0 0 0; }


/* nabidka sluzeb 320 */
.FB {  display:none; }
.FB-320  {  display:block; }

.divab  {  clear:none;  color:black; font-size:17px; text-align: left; margin: 0 10px 50px 10px;}
.divab div { background: #19b7e1;  border-radius: 14px; margin: 0 0 10px 0;  height: 28px;}
.divab a  {  margin: 0 0 0px 25px; }
.sluzby-a  {  width: 100%; }
.sluzby-b  {  width: 100%; }
.sluzby-c  {  width: 100%; }
.sluzby-d  {  width: 100%; }
.sluzby-e  {    width:100%; }
.sluzby-f  {   width: 35%; }
.sluzby-g  {   width: 80%; }
.sluzby-h  {   width: 100%; }
.sluzby-i  {   width: 100%; }
.sluzby-j  {   width: 100%; }
.sluzby-k  {   width: 100%;}
.sluzby-l  {   width: 100%; }
.sluzby-m  {  width: 30%;}
.sluzby-n  {  width: 100%; }
.sluzby-o  {  width: 100%; }

.sluzby-g div, .sluzby-k div, .sluzby-m div, .sluzby-o div 
{ background:none; border-radius: 14px; margin: 0 0 0 35px;  height: 28px; position:relative; top:5px; }

.sluzby-m div  { margin:0 0 0 17px; }

.sluzby-a  a, .sluzby-b a, .sluzby-c a, .sluzby-d a,  .sluzby-e a, .sluzby-f a, .sluzby-h a, .sluzby-i a,
 .sluzby-j a, .sluzby-l a, .sluzby-n a  
{  width: 95%; height: 100%; display:block; text-decoration: none;   font-size:17px; font-weight: bold; 
   font-family: arial; position:relative; top:5px; border:none; } 
   
.sluzby-a  a:hover, .sluzby-b  a:hover, .sluzby-c  a:hover, .sluzby-d  a:hover, .sluzby-e  a:hover,
.sluzby-f  a:hover, .sluzby-h  a:hover, .sluzby-i  a:hover, .sluzby-j  a:hover,
.sluzby-l  a:hover, .sluzby-n  a:hover
{  text-decoration: none; border-radius: 14px; font-size:17px; border:none; font-weight: bold; } 


.sluzby-k, .sluzby-l, .sluzby-m, .sluzby-n, .sluzby-o  { display: inline-block; } 

#sluzby-e  { width:100%; height:50px;}
#sluzby-j  { width:100%; height:50px;}
#sluzby-mx  {margin-left: 30px;}
#sluzby-o  { width:100%; height:50px;}



.imag001  {  width:100%; height:217px;  box-sizing: border-box;}
.nabidka-center  {  width:100%; height:auto;  background:#13add6; text-align:center; }
.nad1 {  text-decoration:underline; }
.vedle {  float:none; color:white;  width:100%; font-family: arial;}
.div-left  {  float:none; margin: -20px 0 0 0;  }
.imag001  {  width:100%; height:217px;  }
.jmenuji-se  {  width: 100%; margin:0 auto; height:auto; }
.jmenuji-se-pod  {  width: 90%; margin:13px;  -box-sizing: border-box; height:auto; }

.kupon1  { width:100%; height:auto; margin: 0px auto 0 auto; }
.kupon2  { width:100%; height:auto; margin: 20px auto 0 auto; }
.masaze  {  margin:20px auto 0 auto; text-align:center; position:relative; top:2px; }

.div-left  {  margin-top:0px; float:none;}


/* tlacitko zpet pro navrat 320 */
.pred  { width:90%; min-width:280px; display:inline-block; } 
.zpet  {  width: 98px; height:68px; background: url('/PEDI/images/zpet.jpg') no-repeat; 
            display:inline-block; position:relative; left:50px; margin: 0 auto 40px 0;
           } 
}