/*--------------------------------------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------ Mobile ------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 899px) {
html, body {touch-action: manipulation;            
            background-size:cover;
            background-repeat:no-repeat;
            background-color:rgb(35,52,82); background: radial-gradient(circle, rgba(35,52,82,1) 30%, rgba(16,22,36,1) 100%); /*35,52,82background-color:rgb(16,22,36);*/
            background-blend-mode:overlay;
            margin:auto;
            }
h1 {color:rgb(255,255,255);font-size:30px;}
h2 {font-size:40px;color:#fff;text-align:center;position:relative;}

a:link, a:visited {text-decoration: none;color: #ffffff;}
/* CELKOVÝ RÁM WEBU */
.ram-web        {width:100%;height:100%;/*background-color:rgb(16,22,36); */margin:0px 0px 0px 0px;}

/* TOP LIŠTA LOGO */
.top-lista, #ram-top-lista  {background-color:rgb(17,28,50);}                                              
.top-lista {width:100%;height:80px;box-sizing:border-box;}
#ram-top-lista {width:100%;height:250px;}

/*kontakty na horní části webu pod logem rgb(16,22,36);*/
.top-kontakty, #ram-top-kontakty {background-color:rgb(16,22,36);}
.top-kontakty     {width:100%;height:100%;}
#ram-top-kontakty {width:300px;height:100%;/*display:inline-block;*/text-align:left;margin:0px 0px 0px 0px;}

/* TOP KONTAKTY TELEFON EMAIL OTEVIRAČKA */

.ram-top1, .ram-top2, .ram-top3, .ram-top4 {border-style:;border-color:red;display:inline-block; /*border-style:solid;border-color:red;*/}

.ram-top1   {width:300px;height:40px;top:0px;}
.ram-top2   {width:300px;height:40px;top:0px;}
.ram-top3   {width:300px;height:40px;top:0px;}
.ram-top4   {width:300px;height:40px;top:0px;}

/*.ico-top1, .ico-top2, .ico-top3  {width:50px;height:50px;display:inline-block;top:10%;border-style:solid;border-color:red;}

.ico-top1        {background:url(../img/top-ico-tel.png);background-repeat:no-repeat;margin:0px 0px 0px 0px;}
.ico-top2        {background:url(../img/top-ico-email.png);background-repeat:no-repeat;margin:0px 0px 0px 20px;}
.ico-top3        {background:url(../img/top-ico-oteviracka.png);background-repeat:no-repeat;margin:0px 0px 0px 20px;}*/

/*#top-kontakt1, #top-kontakt2, #top-kontakt3, #top-kontakt4 {border-style:solid;border-color:yellow;}*/
#top-kontakt1       {position:relative;font-size:20px;color:white;font-weight:bold;top:25%;}
#top-kontakt2       {position:relative;font-size:20px;color:white;font-weight:bold;top:-5%;}
#top-kontakt3       {position:relative;font-size:20px;color:white;font-weight:bold;top:-25%;}
#top-kontakt4       {position:relative;font-size:20px;color:white;font-weight:bold;top:-25%;}


.blok01  {  width:100%; height:100%;
   
            background-size:cover;
            background-blend-mode:overlay;
            background-repeat:no-repeat;            
            background-color:rgba(39,37,37,0.1);
            margin:0px 0px 0px 0px;
            display:inline-block;
                        }
            /* -------- SLIDESHOW --------*/ 

.slideshow {width:100%;height:150px;float:center;margin:0px 0px 0px 0px;display:none}    

#slider {overflow:hidden;}
#slider figure {position:relative;width:500%;margin:0px;left:0px;animation:50s slider infinite;display:inline-block;}
#slider figure img {float:left;width:20%;display:inline-block;}

@keyframes slider {
0%   {left:0%;}
10%  {left:0%;}
20%  {left:-100%;}
30%  {left:-100%;}
40%  {left:-200%;}
50%  {left:-200%;}
60%  {left:-300%;}
70%  {left:-300%;}
80%  {left:-400%;}
90%  {left:-400%;}
95%  {left:0%;}
100%  {left:0%;}
}
/* --------------- KONEC SLIDESHOW --------------------------*/

/*info ram menu s odkazy na stranky o nas kontakty kde nas najdete*/
/*.info             {width:100%; height:60px;border-style:;background-color:rgb(255,117,0);border-color:white;margin:0px 0px -5px 0px;display:inline-block;}*/
.info             {width:100%;height:100%;/*background-color:rgba(35,52,82);/*background:url(../img/avif/bck-intl.avif);background-repeat:repeat;*/margin:0px 0px 0px 0px;display:inline-block; }
/*#ram-info-menu    {width:900px;height:50px;background-color:rgb(255,117,0);margin:5px 2px 0px 0px;}*/

#ram-info-menu    {width:720px;height:100%;margin:0px 1% 0px 1%;display:inline-block;}

@media screen and (max-width: 720px) {
#ram-info-menu    {width:360px;height:100%;margin:0px 1% 0px 1%;display:inline-block;}
}


/* UVOD BACK NAD PATOU A SERVISEM */
/*STIN TLACITEK HROMADNĚ*/
.tl-onas, .tl-kontakty, .tl-kde, .tl-sluzby  {width:170px;height:300px;-webkit-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);-moz-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);margin:25px 3px 0px 3px;transition:background 1s ease-out 40ms;border-radius:10px;float:left;}
.tl-onas         {background:url(../img/tl-onas.jpg);background-repeat:no-repeat;}
.tl-kontakty     {background:url(../img/tl-kontakty.jpg);background-repeat:no-repeat;}
.tl-kde          {background:url(../img/tl-kde.jpg);background-repeat:no-repeat;}
.tl-sluzby       {background:url(../img/tl-sluzby.jpg);background-repeat:no-repeat;}

.tl-onas:hover, .tl-kontakty:hover, .tl-kde:hover, .tl-sluzby:hover  {width:170px;height:300px;margin:25px 3px 0px 3px;-webkit-box-shadow: -200px -200px 0px -200px rgba(0,0,0,0);-moz-box-shadow: -200px -200px 0px -200px rgba(0,0,0,0);box-shadow: -200px -200px 0px -200px rgba(0,0,0,0);transition:background 1s ease-out 20ms;border-radius:10px;float:left;}
.tl-onas:hover         {background:url(../img/tl-onas-h.jpg);background-repeat:no-repeat;}
.tl-kontakty:hover     {background:url(../img/tl-kontakty-h.jpg);background-repeat:no-repeat;}
.tl-kde:hover          {background:url(../img/tl-kde-h.jpg);background-repeat:no-repeat;}
.tl-sluzby:hover       {background:url(../img/tl-sluzby-h.jpg);background-repeat:no-repeat;}

.ram-obsahu-uvod      {width:100%;height:100%;margin:0px 0px 0px 0px;}

                                                                                                                                                                  
/* POD STRÁNKY  */                                    /*background:url(../img/avif/baneronas.avif);background-repeat:no-repeat;*/
.ram-obsah            {width:100%;height:100%;display:inline-block; margin:20px 0px -4px 0px;
                       border-radius:15px 15px 15px 15px;
                       /*border-style:solid;border-color:#f0f0f0;border-width:2px;*/
                       -webkit-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -moz-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);}

/* O NÁS */
.ram-obsahu-onas      {width:100%;height:100%;padding-top:5px;background: rgb(35,52,82);background: radial-gradient(circle, rgba(35,52,82,1) 29%, rgba(16,22,36,1) 100%);
                       margin:10px 0px -4px 0px;border-radius:15px 15px 15px 15px;/*border-style:solid;border-color:#f0f0f0;*/border-width:2px;
                       -webkit-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -moz-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);}
.text-onas            {font-size:18px;font-weight:bold;text-align:left;color:rgb(255,255,255);}

/* KONTAKTY */                                    /*background:url(../img/avif/banerkontakty1.avif);background-repeat:no-repeat;*/
.ram-obsah-kontakty   {width:100%;height:300px;display:inline-block; background: rgb(35,52,82);background: radial-gradient(circle, rgba(35,52,82,1) 29%, rgba(16,22,36,1) 100%);
                       margin:10px 0px -4px 0px;border-radius:15px 15px 15px 15px;/*border-style:solid;border-color:#f0f0f0;*/border-width:2px;
                       -webkit-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -moz-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);}
.ram-obsahu-kontakty  {width:100%;height:300px; margin:10px 0px -4px 0px;padding-top:50px;}
.ico-home-text        {font-size:18px;color:rgb(255,255,255);font-weight:bold;text-align:left;}
.ico-tel-text         {font-size:18px;color:rgb(255,255,255);font-weight:bold;text-align:left;}
.ico-mail-text        {font-size:18px;color:rgb(255,255,255);font-weight:bold;text-align:left;}

/* KDE NÁS NAJDETE */
/*info kde nas najdete webova stranka*/
#info-kde-mapa        {width:100%;height:650px;}
.ram-obsah-mapakde {width:100%;height:650px;}

/* NAŠE SLUŽBY */
.nase-sluzby          {width:100%;height:100%;border-style:;border-color:white; margin:0px 0px 0px 0px;display:inline-block;}
#sluzba1              {background:url(../img/avif/sl1hover.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba1:hover        {background:url(../img/avif/sl1.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;}
#sluzba2              {background:url(../img/avif/sl2hover.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba2:hover        {background:url(../img/avif/sl2.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;}
#sluzba3              {background:url(../img/avif/sl3hover.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba3:hover        {background:url(../img/avif/sl3.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;}
#sluzba4              {background:url(../img/avif/sl4hover.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba4:hover        {background:url(../img/avif/sl4.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;}
#sluzba5              {background:url(../img/avif/sl4hover.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba5:hover        {background:url(../img/avif/sl4.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;}
#sluzba6              {background:url(../img/avif/sl6hover.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba6:hover        {background:url(../img/avif/sl6.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;}
#sluzba1, #sluzba2, #sluzba3, #sluzba4, #sluzba5, #sluzba6    {width:290px;height:218px;border-style:;border-color:white;text-align:center; display:inline-block;}      
#sl1, #sl2, #sl3, #sl4, #sl5, #sl6 {font-size:20px;font-weight:bold;color:rgb(0,0,0);text-align:center; margin:165px 0px 0px 0px;}

#sl-nadpis1, #sl-nadpis2, #sl-nadpis3, #sl-nadpis4, #sl-nadpis5 {width:600px;height:80px;}
#sl-nadpis1 {background:url(../img/sl-lakovna1.png);background-repeat:no-repeat;}
#sl-nadpis2 {background:url(../img/sl-lakovna.png);background-repeat:no-repeat;}
#sl-nadpis3 {background:url(../img/sl-lakovna.png);background-repeat:no-repeat;}
#sl-nadpis4 {background:url(../img/sl-lakovna.png);background-repeat:no-repeat;}
#sl-nadpis5 {background:url(../img/sl-ndvuz.png);background-repeat:no-repeat;}
.sl-ram-text{width:100%;height:100%;}
#sl-text    {font-size:16px;color:rgb(255,255,255); font-weight:bold;text-align:left;margin:0px 20px 10px 15px;}
.slbanery   {width:100%;height:100%;margin:40px 0px 0px 0px;}
#slbanery-ram {width:100%;height:614px;}
#sl-baner1  {width:445px;height:307px;background:url(../img/avif/sl-baner1.avif);background-repeat:no-repeat;float:left;}
#sl-baner2  {width:445px;height:307px;background:url(../img/avif/sl-baner2.avif);background-repeat:no-repeat;float:left;}
#sl-baner3  {width:445px;height:307px;background:url(../img/avif/sl-baner3.avif);background-repeat:no-repeat;float:left;}
#sl-baner4  {width:445px;height:307px;background:url(../img/avif/sl-baner4.avif);background-repeat:no-repeat;float:left;}
/*karosarna obrazky prace*/
#sl-baner-karos1  {width:445px;height:307px;background:url(../img/avif/docas.avif);background-repeat:no-repeat;float:left;}
/*   NADPISY V TEXTECH   */
#sl-nadpis-h3 {font-size:18px;color:rgb(255,255,255);font-weight:bold;text-align:left;}

/*   podlouhlz baner v šabloně služby   */
.sl-light-banner  {width:100%;height:100px;background-color:rgb(202,202,202);border-radius:15px 15px 15px 15px;margin:40px 0px 0px 0px;display:inline-block;}
.sl-light-ram1    {width:300px;height:50px;float:left;}
.sl-light-ram2    {width:300px;height:50px;float:left;}
.sl-light-ram3    {width:300px;height:50px;float:left;}
.sl-light-ram4    {width:300px;height:50px;float:left;}
.sl-light-ram5    {width:300px;height:50px;float:left;}
.sl-light-ram6    {width:300px;height:50px;float:left;}
.ico-settings-30px       {width:30px;height:30px;background:url(../img/ico-settings-30px.png);background-repeat:no-repeat;margin:10px 0px 0px 10px;float:left;}
.sl-ram-text-light   {width:280px;height:50px;margin:15px 0px 0px 45px;/*border-style:solid;border-color:red;*/text-align:left;}
#sl-text-light-baner {font-size:18px;color:rgb(0,0,0);font-weight:bold;}

/* SPODNI OBRAZEK SERVISU NAD PATOU */
.pata-obr-budova     {width:100%;height:100%;margin:0px 0px 0px 0px;background-size:cover;background-blend-mode:overlay;display:inline-block;}
#ram-pata-obr-budova {width:100%;height:100%;margin:0px 0px 0px 0px;}
.budova              {width:100%;height:100%;background:url(../img/avif/pata-servis-budova.avif);background-repeat:no-repeat;}


.pata                {width:100%; height:228px;background: rgb(16,22,36);/*background:url(bck-pata.jpg);*/margin:-14px 0px 0px 0px;display:inline-block;}
#ram-pata            {width:100%;height:228px;text-align:center;} 

#mapa           {width:100%;height:100%;float:left;margin:0px 0px 0px 0px;}    
#kontakt        {width:100%;height:100%;float:left;}
#text-kontakt   {color:white;font-size:18px;text-align:center;top:12%;position:relative; }


/*  Pod patou text o autorovy */
.ram-text-autor   {width:100%;height:20px;display:inline-block;}
#text-autor       {width:100%;height:20px;margin:4px 0px 0px 0px;}
#p3-text-autor    {font-size:12px;color:rgb(255,255,255); font-weight:bold;}
















/* Tabulator na přeskakování na konec kodu css*/
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
 
}

.skip-link:focus {
  top: 0;
}

}              










/*--------------------------------------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------ PC web ------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 900px) {
html, body {touch-action: manipulation;            
            background-size:cover;
            background-repeat:no-repeat;
            background-color:rgb(35,52,82); background: radial-gradient(circle, rgba(35,52,82,1) 30%, rgba(16,22,36,1) 100%); /*35,52,82background-color:rgb(16,22,36);*/
            background-blend-mode:overlay;
            margin:auto;
            }
h1 {color:rgb(255,255,255);font-size:30px;}
h2 {font-size:40px;color:#fff;text-align:center;position:relative;}
        
a:link, a:visited {text-decoration: none;color: #ffffff;}
/* CELKOVÝ RÁM WEBU */
.ram-web        {width:100%;height:100%;/*background-color:rgb(16,22,36); */margin:-22px 0px 0px 0px;}

/* TOP LIŠTA LOGO */
.top-lista, #ram-top-lista  {background-color:rgb(17,28,50);}                                              
.top-lista {width:100%;height:80px;box-sizing:border-box;}
#ram-top-lista {width:900px;height:80px;}

/*kontakty na horní části webu pod logem rgb(16,22,36);*/
.top-kontakty, #ram-top-kontakty {background-color:rgb(16,22,36);}
.top-kontakty     {width:100%;height:50px;}
#ram-top-kontakty {width:900px;height:50px;display:inline-block;}


/* TOP KONTAKTY TELEFON EMAIL OTEVIRAČKA */

.ram-top1, .ram-top2, .ram-top3, .ram-top4 {position:relative;border-style:;border-color:red;display:inline-block;}

.ram-top1   {width:120px;height:40px;top:-31px;}
.ram-top2   {width:200px;height:40px;top:-31px;}
.ram-top3   {width:150px;height:40px;top:-13px;}
.ram-top4   {width:150px;height:40px;top:-13px;}

.ico-top1, .ico-top2, .ico-top3  {position:relative;width:50px;height:50px;display:inline-block;top:10%;}

.ico-top1        {background:url(../img/top-ico-tel.png);background-repeat:no-repeat;margin:0px 0px 0px 0px;}
.ico-top2        {background:url(../img/top-ico-email.png);background-repeat:no-repeat;margin:0px 0px 0px 20px;}
.ico-top3        {background:url(../img/top-ico-oteviracka.png);background-repeat:no-repeat;margin:0px 0px 0px 20px;}

#top-kontakt1       {position:relative;font-size:16px;color:white;font-weight:bold;top:25%;}
#top-kontakt2       {position:relative;font-size:16px;color:white;font-weight:bold;top:25%;}
#top-kontakt3       {position:relative;font-size:16px;color:white;font-weight:bold;top:5%;}
#top-kontakt4       {position:relative;font-size:16px;color:white;font-weight:bold;top:5%;}


.blok01  {  width:100%; height:300px;
   
            background-size:cover;
            background-repeat:no-repeat;
            background-color:rgba(39,37,37,0.1);
            background-blend-mode:overlay;
            margin:0px 0px 0px 0px;
            display:inline-block;
                        }
            /* -------- SLIDESHOW --------*/ 

.slideshow {width:100%;height:300px;float:center;margin:0px 0px 0px 0px;}    

#slider {overflow:hidden;}
#slider figure {position:relative;width:500%;margin:0px;left:0px;animation:50s slider infinite;display:inline-block;}
#slider figure img {float:left;width:20%;display:inline-block;}

@keyframes slider {
0%   {left:0%;}
10%  {left:0%;}
20%  {left:-100%;}
30%  {left:-100%;}
40%  {left:-200%;}
50%  {left:-200%;}
60%  {left:-300%;}
70%  {left:-300%;}
80%  {left:-400%;}
90%  {left:-400%;}
95%  {left:0%;}
100%  {left:0%;}
}
/* --------------- KONEC SLIDESHOW --------------------------*/

/*info ram menu s odkazy na stranky o nas kontakty kde nas najdete*/
/*.info             {width:100%; height:60px;border-style:;background-color:rgb(255,117,0);border-color:white;margin:0px 0px -5px 0px;display:inline-block;}*/
.info             {width:100%;height:100%;/*background-color:rgba(35,52,82);/*background:url(../img/avif/bck-intl.avif);background-repeat:repeat;*/display:inline-block; margin:0px 0px -4px 0px;}
/*#ram-info-menu    {width:900px;height:50px;background-color:rgb(255,117,0);margin:5px 2px 0px 0px;}*/
#ram-info-menu    {position:relative;width:900px;height:400px;margin:1px 0px 0px 0px;z-index:1;}






/* UVOD BACK NAD PATOU A SERVISEM */
/*STIN TLACITEK HROMADNĚ*/
.tl-onas, .tl-kontakty, .tl-kde, .tl-sluzby  {width:200px;height:300px;-webkit-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);-moz-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);margin:50px 10px 0px 15px;transition:background 1s ease-out 40ms;border-radius:10px;float:left;}
.tl-onas         {background:url(../img/tl-onas.jpg);background-repeat:no-repeat;}
.tl-kontakty     {background:url(../img/tl-kontakty.jpg);background-repeat:no-repeat;}
.tl-kde          {background:url(../img/tl-kde.jpg);background-repeat:no-repeat;}
.tl-sluzby       {background:url(../img/tl-sluzby.jpg);background-repeat:no-repeat;}

.tl-onas:hover, .tl-kontakty:hover, .tl-kde:hover, .tl-sluzby:hover  {width:200px;height:300px;margin:50px 10px 0px 15px;-webkit-box-shadow: -200px -200px 0px -200px rgba(0,0,0,0);-moz-box-shadow: -200px -200px 0px -200px rgba(0,0,0,0);box-shadow: -200px -200px 0px -200px rgba(0,0,0,0);transition:background 1s ease-out 20ms;border-radius:10px;float:left;}
.tl-onas:hover         {background:url(../img/tl-onas-h.jpg);background-repeat:no-repeat;}
.tl-kontakty:hover     {background:url(../img/tl-kontakty-h.jpg);background-repeat:no-repeat;}
.tl-kde:hover      {background:url(../img/tl-kde-h.jpg);background-repeat:no-repeat;}
.tl-sluzby:hover       {background:url(../img/tl-sluzby-h.jpg);background-repeat:no-repeat;}

.ram-obsahu-uvod      {width:900px;height:100%;margin:0px 0px 0px 0px;}

                                                                                                                                                                  
/* POD STRÁNKY  */
.ram-obsah            {width:900px;height:300px;background:url(../img/avif/baneronas.avif);background-repeat:no-repeat;display:inline-block; margin:0px 0px -4px 0px;
                       border-radius:15px 15px 15px 15px;
                       /*border-style:solid;border-color:#f0f0f0;border-width:2px;*/
                       -webkit-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -moz-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);}

/* O NÁS */
.ram-obsahu-onas      {width:880px;height:100%;padding-top:55px;}
.text-onas            {font-size:18px;font-weight:bold;text-align:left;color:rgb(255,255,255);}

/* KONTAKTY */
.ram-obsah-kontakty   {width:900px;height:300px;background:url(../img/avif/banerkontakty1.avif);background-repeat:no-repeat;display:inline-block; 
                       margin:0px 0px -4px 0px;border-radius:15px 15px 15px 15px;/*border-style:solid;border-color:#f0f0f0;*/border-width:2px;
                       -webkit-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -moz-box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);
                       -box-shadow: 1px 24px 24px -3px rgba(0,0,0,0.75);}
.ram-obsahu-kontakty  {width:900px;height:300px; margin:40px 0px -4px 0px;padding-top:50px;}
.ico-home-text        {font-size:18px;color:rgb(255,255,255);font-weight:bold;text-align:left;}
.ico-tel-text         {font-size:18px;color:rgb(255,255,255);font-weight:bold;text-align:left;}
.ico-mail-text        {font-size:18px;color:rgb(255,255,255);font-weight:bold;text-align:left;}

/* KDE NÁS NAJDETE */
/*info kde nas najdete webova stranka*/
#info-kde-mapa        {width:100%;height:650px;}
.ram-obsah-mapakde {width:100%;height:650px;}

/* NAŠE SLUŽBY */
.nase-sluzby          {width:900px;height:100%;border-style:;border-color:white; margin:0px 0px 0px 0px;display:inline-block;}
#sluzba1              {background:url(../img/avif/sl1hover.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba1:hover        {background:url(../img/avif/sl1.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;}
#sluzba2              {background:url(../img/avif/sl2hover.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba2:hover        {background:url(../img/avif/sl2.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;}
#sluzba3              {background:url(../img/avif/sl3hover.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba3:hover        {background:url(../img/avif/sl3.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;}
#sluzba4              {background:url(../img/avif/sl4hover.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba4:hover        {background:url(../img/avif/sl4.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;}
#sluzba5              {background:url(../img/avif/sl4hover.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba5:hover        {background:url(../img/avif/sl4.avif);background-repeat:no-repeat;margin:15px 10px 0px 0px;}
#sluzba6              {background:url(../img/avif/sl6hover.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba6:hover        {background:url(../img/avif/sl6.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;}
#sluzba7              {background:url(../img/avif/sl7hover.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;transition:background 1s ease-out 20ms;}
#sluzba7:hover        {background:url(../img/avif/sl7.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;}
#sluzba1, #sluzba2, #sluzba3, #sluzba4, #sluzba5, #sluzba6, #sluzba7    {width:290px;height:218px;border-style:;border-color:white;text-align:center; display:inline-block;}      
#sl1, #sl2, #sl3, #sl4, #sl5, #sl6, #sl7 {font-size:20px;font-weight:bold;color:rgb(0,0,0);text-align:center; margin:165px 0px 0px 0px;}

#sluzba8baner  {width:900px;height:300px;border-style:;border-color:white;background:url(../img/avif/baner-renovace-vozu-a.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;transition:background 1s ease-out 20ms;text-align:center; display:inline-block;}
#sluzba8baner:hover  {width:900px;height:300px;border-style:;border-color:white;background:url(../img/avif/baner-renovace-vozu-b.avif);background-repeat:no-repeat;margin:15px 0px 0px 0px;}


#sl-nadpis1, #sl-nadpis2, #sl-nadpis3, #sl-nadpis4, #sl-nadpis5, #sl-nadpis6, #sl-nadpis7 {width:600px;height:80px;}
#sl-nadpis1 {background:url(../img/sl-lakovna1.png);background-repeat:no-repeat;}
#sl-nadpis2 {background:url(../img/sl-pneu.png);background-repeat:no-repeat;}
#sl-nadpis3 {background:url(../img/sl-diagnostika.png);background-repeat:no-repeat;}
#sl-nadpis4 {background:url(../img/sl-geometrie.png);background-repeat:no-repeat;}
#sl-nadpis5 {background:url(../img/sl-stk.png);background-repeat:no-repeat;}
#sl-nadpis6 {background:url(../img/sl-ndvuz.png);background-repeat:no-repeat;}
#sl-nadpis7 {background:url(../img/sl-klimatizace.png);background-repeat:no-repeat;}

.sl-ram-text{width:900px;height:100%;}
#sl-text    {font-size:16px;color:rgb(255,255,255); font-weight:bold;text-align:left;margin:0px 20px 10px 15px;}
.slbanery   {width:900px;height:100%;margin:40px 0px 0px 0px;}
#slbanery-ram {width:900px;height:100%;}/*height:614px;*/
#sl-baner1  {width:445px;height:307px;background:url(../img/avif/sl-baner1.avif);background-repeat:no-repeat;float:left;}
#sl-baner2  {width:445px;height:307px;background:url(../img/avif/sl-baner2.avif);background-repeat:no-repeat;float:left;}
#sl-baner3  {width:445px;height:307px;background:url(../img/avif/sl-baner3.avif);background-repeat:no-repeat;float:left;}
#sl-baner4  {width:445px;height:307px;background:url(../img/avif/sl-baner4.avif);background-repeat:no-repeat;float:left;}
/*karosarna obrazky prace*/
#sl-baner-karos1  {width:445px;height:307px;background:url(../img/avif/docas.avif);background-repeat:no-repeat;float:left;}
#sl-baner-karos2  {width:445px;height:307px;background:url(../img/avif/docas.avif);background-repeat:no-repeat;float:left;}
#sl-baner-karos3  {width:445px;height:307px;background:url(../img/avif/docas.avif);background-repeat:no-repeat;float:left;}
#sl-baner-karos4  {width:445px;height:307px;background:url(../img/avif/docas.avif);background-repeat:no-repeat;float:left;}
/*pneuservis obrazky prace*/
#sl-baner-pneu1  {width:445px;height:307px;background:url(../img/avif/sl-baner-pneu1.avif);background-repeat:no-repeat;float:left;}
#sl-baner-pneu2  {width:445px;height:307px;background:url(../img/avif/sl-baner-pneu2.avif);background-repeat:no-repeat;float:left;}
/*diagnostika obrazky prace*/
#sl-baner-diag1  {width:445px;height:307px;background:url(../img/avif/sl-baner-diag1.avif);background-repeat:no-repeat;float:left;}
#sl-baner-diag2  {width:445px;height:307px;background:url(../img/avif/sl-baner-diag2.avif);background-repeat:no-repeat;float:left;}
/*geometrie obrazky prace*/
#sl-baner-geo1  {width:445px;height:307px;background:url(../img/avif/sl-baner-geo1.avif);background-repeat:no-repeat;float:left;}
#sl-baner-geo2  {width:445px;height:307px;background:url(../img/avif/sl-baner-geo2.avif);background-repeat:no-repeat;float:left;}
/*stk obrazky prace*/
#sl-baner-stk1  {width:445px;height:307px;background:url(../img/avif/sl-baner-stk1.avif);background-repeat:no-repeat;float:left;}
#sl-baner-stk2  {width:445px;height:307px;background:url(../img/avif/sl-baner-stk2.avif);background-repeat:no-repeat;float:left;}
/*ndvuz obrazky prace*/
#sl-baner-ndvuz1  {width:445px;height:307px;background:url(../img/avif/sl-baner-ndvuz1.avif);background-repeat:no-repeat;float:left;}
#sl-baner-ndvuz2  {width:445px;height:307px;background:url(../img/avif/sl-baner-ndvuz2.avif);background-repeat:no-repeat;float:left;}
/*klimatizace obrazky prace*/
#sl-baner-klima1  {width:445px;height:307px;background:url(../img/avif/sl-baner-klima1.avif);background-repeat:no-repeat;float:left;}
#sl-baner-klima2  {width:445px;height:307px;background:url(../img/avif/sl-baner-klima2.avif);background-repeat:no-repeat;float:left;}


/*   NADPISY V TEXTECH   */
#sl-nadpis-h3 {font-size:18px;color:rgb(255,255,255);font-weight:bold;text-align:left;}

/*   podlouhlz baner v šabloně služby   */
.sl-light-banner  {width:900px;height:100px;background-color:rgb(202,202,202);border-radius:15px 15px 15px 15px;margin:40px 0px 0px 0px;display:inline-block;}
.sl-light-ram1    {width:300px;height:50px;float:left;}
.sl-light-ram2    {width:300px;height:50px;float:left;}
.sl-light-ram3    {width:300px;height:50px;float:left;}
.sl-light-ram4    {width:300px;height:50px;float:left;}
.sl-light-ram5    {width:300px;height:50px;float:left;}
.sl-light-ram6    {width:300px;height:50px;float:left;}
.ico-settings-30px       {width:30px;height:30px;background:url(../img/ico-settings-30px.png);background-repeat:no-repeat;margin:10px 0px 0px 10px;float:left;}
.sl-ram-text-light   {width:280px;height:50px;margin:15px 0px 0px 45px;/*border-style:solid;border-color:red;*/text-align:left;}
#sl-text-light-baner {font-size:18px;color:rgb(0,0,0);font-weight:bold;}

/* SPODNI OBRAZEK SERVISU NAD PATOU */
.pata-obr-budova     {width:100%; height:100%;margin:0px 0px 0px 0px;display:inline-block;}
#ram-pata-obr-budova {width:900px;height:250px;margin:0px 0px 0px 0px;}
.budova              {width:900px;height:250px;background:url(../img/avif/pata-servis-budova.avif);background-repeat:no-repeat;}


.pata                {width:100%; height:228px;background: rgb(16,22,36);/*background:url(bck-pata.jpg);*/margin:-22px 0px 0px 0px;display:inline-block;}
#ram-pata            {width:900px;height:228px;/*border-style:solid; border-color:red;*/} 

#mapa           {width:450px;height:100%;float:left;margin:0px 0px 0px 0px;}    
#kontakt        {width:400px;height:100%;float:left;}
#text-kontakt   {color:white;font-size:18px;text-align:center;top:12%;position:relative; }


/*  Pod patou text o autorovy */
.ram-text-autor   {width:100%;height:20px;display:inline-block;}
#text-autor       {width:900px;height:20px;margin:4px 0px 0px 0px;}
#p3-text-autor    {font-size:12px;color:rgb(255,255,255); font-weight:bold;}


/* Tabulator na přeskakování na konec kodu css*/
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
 
}

.skip-link:focus {
  top: 0;
}

               }