@font-face {font-family:Coda; src:url('Coda.woff') format('woff');}


body, html { font-family: "Verdana CE", "Helvetica CE", Verdana, sans-serif;
 font-size: 10pt; color: rgb(170,170,170); margin:0;
 background-color: rgb(15,51,15); height:100vh;  
 }

.font2 {font-family: "Cabin Condensed", sans-serif; }

table {font-size: 10pt; }

input, textarea {margin:1px; padding:2px; border:1px solid black;}
input:hover, textarea:hover {border:1px solid #AAA;}
input[type=submit], button {background-color: #DDD; margin:1px; padding:3px; border:1px solid black; }
input[type=submit]:hover {background-color: #DED; border:1px solid #ADA;}
input#jmeno {width: 130px;}

button:hover {background-color: #DDE; border:1px solid #AAD;}
button.ajax {cursor: pointer; border:1px solid rgb(224,234,224); background-color:rgb(15,51,15); color:rgb(224,234,224); font-weight:700; font-size:10pt;}
button.ajax:hover {border:1px solid rgb(135,224,135); color:rgb(135,224,135);}

input[type=submit].ulozit_zmeny,input[type=submit].ulozit_novy,button[akce="ulozit_zmeny"],button[akce="ulozit_novy"] {color:#181; font-weight:800;}
input[type=submit].ulozit_zmeny:hover,input[type=submit].ulozit_zmeny:hover,button[akce="ulozit_zmeny"]:hover,button[akce="ulozit_novy"]:hover {background-color: #DED; border:1px solid #ADA;}
input[type=submit].smazat,button[akce="smazat"] {color:#811; font-weight:800;}
input[type=submit].smazat:hover,button[akce="smazat"]:hover {background-color: #EDD; border:1px solid #DAA;}

#obalovydiv { background-color: rgb(15,51,15); } 

#hlavicka {padding: 0; margin: 0; background-color: rgb(15,51,15); border-bottom: 1px solid gray; color:rgb(240,250,240);
background-image: url('logo_vagonweb.jpg'); height: 100px; cursor:pointer; text-decoration:none; -webkit-text-stroke: 1px #111;
text-shadow: 3px 3px 4px rgb(5,10,5);} 

#hlavicka:hover {color:rgb(250,255,250); text-shadow: 3px 3px 4px rgb(15,30,15); } 
#hlavicka:hover #vw1, #vw2 {opacity:0.9;} 

#vw1, #vw2 { padding-left:10px; text-decoration:none;  line-height:1.15; opacity:0.8;}

#vw1 {font-family:Coda; font-size:42px; font-weight:bold;}
#vw2 {font-size:25px; font-weight:900; padding-top:3px;}

.obsah {margin:0em;  padding:0.6em; }

#levanavigace { position:absolute; float:left; width:208px; height:100%;
background-color:rgb(15,51,15); margin: 0; padding-right:1px;} 

#levanavigace2 { position:absolute; float:right; width:208px; left: 3px; top: 106px; height:100%; 
background-color:rgb(15,51,15); margin: 0; padding-right:1px; } 
#levanavigace2 .obsah {padding-left:0.2em;}

#pravanavigace {position:relative; float:right; width:215px; top:30px; z-index:8;    
 margin: 0 11px 0 0; border: 0; max-height:100px; overflow:visible; }
#pravanavigace:hover { overflow:visible; }

#pravanavigace0 {float:right; width:0; padding:0;}

hr {border:0px; height:1px; background-color:rgb(170,170,170); color:rgb(170,170,170);}
ul, li {padding-left: 1px; margin-left: 3px}
li {margin: 0.1em; margin-left:3px; list-style-position:outside;}

#levanavigace li { margin: 0 0 0 0.8em; padding-bottom:5px; } 
#levanavigace2 li { margin: 0 0 0 0.8em; padding-bottom:0.1em; } 
#levanavigace ul, #levanavigace2 ul {margin-left:0}


#stred { margin:0 0 0 212px; padding:10px 10px 0 0;  min-height:1700px; border-left: 1px solid gray;} 
#stred li, #stred0 li { margin: 0.4em 0 0.4em 1em; } 

#stred td li { margin: 0.1em 0 0.1em 1em; } 
ul.margin0 li { margin: 0 0 0 1em; } 

/*stred bez prave navigace*/
#stred0 { margin:0 0 0 212px; padding:10px 0 0 0;  min-height:1700px; border-left: 1px solid gray; } 
#stred00 { margin:0 0 0 0px; padding:10px 0 0 0;  min-height:1700px; border-left: 1px solid gray;} 

#stredind { 
 padding: 6em; background-color:rgb(15,51,15); height: 80%; line-height:140%; } 
 
#zapati { } 

#zapati .obsah {background-color:#121; margin-left:-10px; padding:15px;}

#pravanavigace0 .obsah {padding:0; }
.cleaner { clear:both; height:1px; font-size:1px; border:none; 
margin:0; padding:0; background:transparent; }
 
 

.podobvozy { /* "podobné vozy" ve fotogalerii */  
 background-color:rgb(35,80,80); padding:0.5em;  box-shadow:3px 3px 2px #010;    
 background: -moz-linear-gradient(top, rgba(35,80,80,1) 0,rgba(35,80,80,1) 100px,   rgba(35,80,80,0.2) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(35,80,80,1) 0,rgba(35,80,80,1) 100px,   rgba(35,80,80,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(35,80,80,1) 0,rgba(35,80,80,1) 100px,   rgba(35,80,80,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.podobvozy:hover {
 background:none rgb(35,80,80);
}

.video { /* video odkazy po "podobné vozy" ve fotogalerii */  
background-color:rgb(55,100,100); padding:0.5em;  box-shadow:3px 3px 2px #010;} 
.razvozy { /* "řazení" ve fotogalerii */
background-color:#266; padding:0.5em;}
.podobevid { /* "podobné vozy" v evidenci */
background-color:#662; padding:0.5em;} 
.infofoto { /* "info" ve fotogalerii */  border-radius: 7px; box-shadow:3px 3px 2px #000; color:rgb(170,170,170);  width:50%;
background-color:rgb(23,65,80); padding:5px; } 

.fotoindex  tr:hover {background-color:rgb(30,80,30);} 

.pm1 {background-color:#327735; margin:3px 0 0 0; padding:1px 0px 0px 4px; }
.pm1:hover {background-color:#75b079; cursor:pointer; margin-left:2px; margin-right:-2px; color:#121;}

.pm0 {background-color:#CDC; margin:3px 0 0 0; padding:1px 0px 0px 4px; color:#121;}
.pm0:hover {}


.jizdnirad2 { background-color: rgb(220,220,220);  color: rgb(25,25,25); font-size:9pt; 
 border-radius:2px; padding:2px 2px 2px 4px; margin:3px;}
.jizdnirad2 ul  {margin: 2px 2px 2px 0; }
.jizdnirad2 li  {margin: 2px 2px 2px 0; }
.jizdnirad2 a  {color: rgb(25,85,25) !important; }
.jizdnirad2 a:hover {color: rgb(35,165,35) !important;}
.jizdnirad2 div.b {padding-bottom:4px;}

.omezeni_bord {border-top: 1px solid black; padding:2px 0 2px 0; margin:3px 0 0 0; font-size:100%;}

.grid-jizdnirad {
  display: grid;
  grid-template-columns: 6fr 2fr 2fr 2fr;
  grid-template-rows: 1fr;
  grid-template-areas: 'trasa dopravce trate rad';
}  

.trasa { grid-area: trasa; }
.dopravce { grid-area: dopravce; }
.rad { grid-area: rad; }
.trate { grid-area: trate; }



.tr_razeni:hover {cursor: pointer;}                                        
.tr_razeni:hover {background-color:rgb(30,80,30);}
.tr_razeni td:first-child {padding-right:10px;}

.skut_raz {color:rgb(225,95,95);}              
.skut_raz2 {color:rgb(150,105,105);}              
.plan_raz2 {color:gray;}              

.bunka_vozu:hover {background-color:rgb(20,71,20);} 
.vyber_vozu { float:left; width: 160px; height: 30px;  margin: 0px 10px 10px 0; padding: 5px; }
.vagonek {margin:0px; padding:0px; height:65px; vertical-align:bottom;  
 background-image:url(_img/prechod_razeni_vlak.png); background-repeat: repeat-x; background-position: bottom; } 

.bunka_vozu div {margin-bottom:0.8em;}

.razeni_index td {padding:3px; }
.razeni_index tr:hover {background-color:rgb(30,80,30);} 

.seznam { display: list-item; margin: -.15em 0 -.15em 1em; }



div.hr33 { border-bottom:1px solid rgb(170,170,170); width:33%; margin-bottom:5px;}

h1 { line-height: 100%; font-size: 18pt; }
h1:first-of-type { margin-top: 1.1em; }
h2 { margin: 0.3em 0 0.3em 0; font-size: 15pt;}
h3 { padding: 0.3em 0 0.3em 0; font-size: 12pt; font-weight:900; margin:0.3em 0 0 0; border-top: 1px solid; }
h4 { margin: 0.6em 0 0.3em 0; font-size: 12pt; }
h5 { margin: 1.2em 0 0.5em 0; font-size: 10pt; color: rgb(164,164,204);}

.color-z {color: rgb(190,220,190);}
.color-reko {color: rgb(145,145,170);}
.color-ex {color: rgb(170,145,145);}

a {cursor: pointer; }
a:link    {color: rgb(224,234,224);}
a:visited {color: rgb(224,224,224);}
a:hover   {color: rgb(135,224,135);}
a:active  {color: rgb(205,255,205);}

.odkaz {cursor: pointer; color: rgb(224,234,224);}
.odkaz:link    {color: rgb(224,234,224);}
.odkaz:visited {color: rgb(224,224,224);}
.odkaz:hover   {color: rgb(135,224,135);}
.odkaz:active  {color: rgb(205,255,205);}

.odkaz2 {cursor: pointer; color: rgb(25,85,25);}
.odkaz2:link    {color: rgb(25,85,25);}
.odkaz2:visited {color: rgb(25,85,25);}
.odkaz2:hover   {color: rgb(35,165,35);}
.odkaz2:active   {color: rgb(35,165,35);}

.odkaz3 {cursor: pointer; text-decoration:none; background-color:#327735; box-shadow:2px 2px 2px #000;  padding:3px 5px 2px 3px;}
.odkaz3:hover { background-color:#75b079; color: rgb(224,234,224);}

.odkaz4 {cursor: pointer; color: rgb(160,200,160);}
.odkaz4:link    {color: rgb(160,200,160);}
.odkaz4:visited {color: rgb(160,200,160);}
.odkaz4:hover   {color: rgb(95,165,95);}
.odkaz4:active   {color: rgb(95,165,95);}

.odkaz5 {cursor: pointer; color: rgb(170,145,145);}
.odkaz5:link    {color: rgb(170,145,145);}
.odkaz5:visited {color: rgb(170,145,145);}
.odkaz5:hover   {color: rgb(165,95,95);}
.odkaz5:active   {color: rgb(165,95,95);}

.pointer {cursor: pointer;}


a img {border: 1px solid gray;}
a:hover img {border: 1px solid #aaa; }

a img.bord0 {border: 0px;}
a:hover img.bord0 {border: 0px;}

a img.svg_odkaz {filter: brightness(130%);}
a:hover img.svg_odkaz {filter: sepia(70%) saturate(300%) hue-rotate(70deg) brightness(90%);}

a img.svg_odkaz2 {filter: brightness(20%);}
a:hover img.svg_odkaz2 {filter: sepia(80%) saturate(300%) hue-rotate(70deg) brightness(50%);}


@keyframes probliknuti {
  0%   {filter: brightness(100%); }
  7% {filter: brightness(100%); }
  30% {filter: brightness(160%); }
  80% {filter: brightness(100%); }
}

:target {animation: probliknuti 5s;}  /* pro kotvy "#" */

.fotodskok a {text-decoration:none;}
.fotodskok i {display:inline-block;}  /* kvůli :first-letter */
.fotodskok i:first-letter {text-transform:uppercase;}

.fotodskok li {list-style-image:url("_img/sipka_dolu_z.png"); margin-left: 10px;}
.fotodskok li.youtube {list-style-image:url("_img/sipka_youtube.png");}

a.popodskok-z {padding-left: 16px; text-decoration:none; background-position: 0% 60%;
 background-image:url("_img/sipka_dolu_z.png"); background-repeat:no-repeat; }
a.popodskok-reko {padding-left: 16px; text-decoration:none; background-position: 0% 60%;
 background-image:url("_img/sipka_dolu_reko.png"); background-repeat:no-repeat; }
a.popodskok-ex {padding-left: 16px; text-decoration:none; background-position: 0% 60%;
 background-image:url("_img/sipka_dolu_ex.png"); background-repeat:no-repeat; }

a.popodskok-disable {padding-left: 16px; text-decoration:none; background-position: 0% 60%; 
 background-image:url("_img/sipka_dolu_z.png"); background-repeat:no-repeat; cursor:default;
 -webkit-filter: contrast(0.8) brightness(0.8) grayscale(0.95);}

 
a.externi {padding-right: 10px; background-position: 100% 60%;
 background-image:url("_img/external.gif"); background-repeat:no-repeat; }

a.externi-tmavy {padding-right: 10px; background-position: 100% 60%; color:rgb(10,10,10);
 background-image:url("_img/external2.gif"); background-repeat:no-repeat; }

a.externi-tmavy:hover { color:rgb(30,80,30);}

.odkaz_podtr {text-decoration:underline;}
.nepodtr {text-decoration:none;}
 
tr.odskoktop {text-align:right;}
.odskoktop a {padding-left: 14px; text-decoration:none; background-position: 0% 60%;
 background-image:url("_img/sipka_nahoru.png"); background-repeat:no-repeat; }

.vysvet {text-decoration: none; border-bottom:1px dotted rgb(170,170,170); cursor: help;}
.info2 .vysvet, .info3 .vysvet, .jizdnirad .vysvet {border-bottom:1px dotted rgb(10,10,10);}
.color-z .vysvet {border-bottom:1px dotted rgb(190,220,190);}
.color-ex .vysvet {border-bottom:1px dotted rgb(170,145,145);}

.vysvet2 {background-color: #ABA; color:#111; padding:2px; border-radius: 1px; margin-bottom: 5px;}

.hover:hover {background-color:rgb(30,80,30);}
.hover2:hover {filter: brightness(110%);}
.no_hover:hover {background-color:initial;}


#horizmenu {position:absolute; z-index:3; left:220px; top:86px; height:25px; 
background-color:#327735; box-shadow:3px 3px 2px #000; }
/*#nav ul {padding: 0;}*/
#horizmenu ul li {display:inline; height:24px; margin:0;}
#horizmenu ul {margin:0; padding:0; height:24px; color:rgb(244,244,244);
 font-size:13px; letter-spacing: 1px; font-weight:700;}
#horizmenu ul li a {padding: 0 8px; color:rgb(244,244,244);
 text-decoration: none; float: left; height:24px; }
#horizmenu ul li a:hover  {background-color: #75b079;  color:rgb(244,244,244); }
#horizmenu span {display:block; margin-top:4px; }
a#horizmenuakt { background-color: #e8f6e8; } 
#horizmenuakt span {display:block; margin-top:4px; color:rgb(15,51,15); }

.zeme {display:none; position:absolute; z-index:10; padding:7px; background-color:rgb(210,240,210);
 opacity:0.92; border-radius:5px; box-shadow:4px 4px 3px #111; border:1px solid rgb(15,51,15);}
.zeme ul {padding-left:10px; margin:3px; color:rgb(15,51,15);}
.zeme a { color:rgb(60,60,60);}
.zeme a:hover { color:rgb(80,120,80);}


#cesta2 {position:absolute; z-index:3; left: 220px; top: 116px; color:rgb(140,140,140); 
font-size:8pt; border-bottom: 1px solid rgb(100,110,100); padding:0 10px 2px 0; margin-bottom:10px;}
#cesta2 a {text-decoration:none;}

#cesta3 {color:#e8f6e8; background-color:rgb(25,80,25); font-size:8pt; padding:3px; margin-bottom:28px; height:1.3em; text-overflow:clip; 
 box-shadow:3px 3px 2px #010; max-width:initial;}
#cesta3 a {text-decoration:none; color: #ccc;}
#cesta3 a:hover  {color: #dfd;}
#cesta4 {display:none;}

sub, sup { vertical-align: baseline; position: relative; top: 0.4em }
sup {top: -0.4em}
/*
sup {vertical-align: text-top;}
h2 sup {font-size: 10pt; font-weight:400; vertical-align: text-top;}
*/

.stranky {text-align:right; font-size:10pt; line-height:2; font-weight:700;}
.stranky a {padding:2px; color: rgb(224,234,224); border:1px solid rgb(224,234,224); text-decoration:none;}
.stranky span {padding:2px; border:1px solid gray; background-color:rgb(234,254,234); color:rgb(25,80,25);}
.stranky a:hover {color:rgb(135,224,135); border-color:rgb(135,224,135);}

#jazyky {position:absolute; z-index:4; left:10px; top:92px; width:90px; height:17px; background-color:#327735; text-align:center;  box-shadow:3px 3px 2px #000;}
#vlajky {position:absolute; z-index:4; left:10px; top:109px; width:83px; display:none; background-color:rgb(25,80,25); padding:2px 2px 2px 5px;  box-shadow:3px 3px 2px #000; 
  font-size:9pt; line-height:1.5em;}
#vlajky a {text-decoration:none; padding:5px 10px 2px 5px;}


.vlajka {text-align:right; font-size:10pt; line-height:2; font-weight:700;}
.vlajka a {padding:2px; border:1px solid rgb(224,234,224); text-decoration:none; padding:2px; border:1px solid gray; background-color:#327735; }
.vlajka span {}
.vlajka a:hover {border-color:rgb(135,224,135); background-color:#75b079; color: rgb(224,234,224);}


.velky10 {font-size: 10pt; font-weight:700;}
.velky11 {font-size: 11pt; font-weight:700;}
.velky12 {font-size: 12pt; font-weight:400;}
.velky11 li {padding-bottom: 8px;}
.velky13 {font-size: 13pt; font-weight:700;}
.velky15 {font-size: 15pt; font-weight:700;}
.maly9 {font-size: 9pt;}
.maly {font-size: 8pt;}
.maly li {padding-bottom: 1px;}
.maly7 {font-size: 7pt;}
.mini {font-size: 2pt;}
.b {font-weight:700;}
.center {text-align:center;}  
.modry {color: rgb(164,164,204);}
.sedy {color: rgb(170,170,170);}
.width400 {font-weight:400;}

.velky13 a {text-decoration:none; border-bottom: 1px solid currentColor; }

.translit {font-size:80%; font-weight:300; }
h1.translit {font-size:16pt; font-weight:400; letter-spacing:1px;}



.dny {display: inline-block; font-size: 160%; font-family:"Segoe UI Symbol"; text-decoration:none; cursor: help; margin:-9px 0 -9px 0; vertical-align:sub;}
h4 .dny, a.popodskok-z .dny {font-size: 120%;}
.weight100 {font-weight:100;}

@supports (-ms-ime-align:auto) { .dny { font-size:110%; }  } //edge
@supports (-ms-ime-align:auto) { h4 .dny { font-size:90%; } } //edge
.dny:not(*:root) {font-size: 130%; margin:-9px 0 -9px 0;}  /*chrome*/
info2 .dny:not(*:root), info3 .dny:not(*:root) {font-size: 130%; vertical-align:top;}  /*chrome*/
body:last-child .dny, x:-moz-any-link, x:default {font-size: 150%;}  /*starší firefox*/
body:last-child .info3 .dny, x:-moz-any-link, x:default {font-size: 120%;}  /*starší firefox*/

.indint {font-size: 8pt;}
.fotint {font-size: 8pt; padding-left:15px;}
.fotstat {font-size: 8pt;}

.tab-ram {background-color:rgb(110,140,110); color:black; font-weight:700; padding:1px;}
.tab-ram- {background-color:rgb(110,140,110); color:black; font-weight:700; padding:1px;}
/*.tab-ram--zanikla {background-color:rgb(130,140,130); color:black; font-weight:700; padding:1px;}*/
.tab-ram-reko {background-color:rgb(110,110,140); color:black; font-weight:700; padding:1px;}
/*.tab-ram-reko-zanikla {background-color:rgb(130,130,140); color:black; font-weight:700; padding:1px;}*/
.tab-ram-ex {background-color:rgb(140,110,110); color:black; font-weight:700; padding:1px;}
/*.tab-ram-ex-zanikla {background-color:rgb(140,130,130); color:black; font-weight:700; padding:1px;}*/
.tab-nadpis- {background-color:rgb(140,170,140); color:#222; font-size:9pt; padding:2px;}
.tab-nadpis-reko {background-color:rgb(140,140,170); color:#222; font-size:9pt; padding:2px;}
.tab-nadpis-ex {background-color:rgb(170,140,140); color:#222; font-size:9pt; padding:2px;}
.tab-nadpis- a, .tab-nadpis-reko a, .tab-nadpis-ex a {color: rgb(15,45,15);}
.tab-nadpis- a:link, .tab-nadpis-reko a:link, .tab-nadpis-ex a:link {color: rgb(15,45,15);}
.tab-nadpis- a:visited, .tab-nadpis-reko a:visited, .tab-nadpis-ex a:visited {color: rgb(15,45,15);}
.tab-nadpis- a:hover, .tab-nadpis-reko a:hover, .tab-nadpis-ex a:hover {color: rgb(35,105,35);}
.tab- {border-top: 3px solid rgb(15,51,15);}
.tab-club {border-top: 3px solid darkorange;}
.tab-1tr {border-top: 3px solid yellow;}
.tab-2tr {border-top: 3px solid green;}
.tab-2ptr {border-top: 3px solid lime;}
.tab-3tr {border-top: 3px solid rgb(139,69,19);}
.tab-jidel {border-top: 3px solid red;}
.tab-luzk {border-top: 3px solid blue;}
.tab-lehat {border-top: 3px solid deepskyblue;}
.tab-lehat1 {border-top: 3px solid rgb(0,120,255);}
.tab-sleep {border-top: 3px solid cyan;}
.tab-salon {border-top: 3px solid darkmagenta;}
.tab-sluz {border-top: 3px solid rgb(128,128,128);}
.tab-rada  {color:white; font-size:16pt; font-weight:700; font-family:"Arial",sans-serif; white-space:nowrap;}
.tab-rada2 {color:white; font-size:13pt; font-weight:400; font-family:"Arial",sans-serif; white-space:nowrap; line-height: 145%;}
.tab-radam {color:white; font-size:12pt; font-weight:700; font-family:"Arial",sans-serif; white-space:nowrap;}
.tab-rezim {color:white; font-size:10pt; font-weight:700; text-align:right; padding-right:10px; line-height:160%; white-space:nowrap;}
.tab-incis {color:white; font-size:10pt; font-weight:700; line-height: 160%; white-space:nowrap;}
.tab-zelez,.tab-inter {color:white; font-size:10pt; font-weight:700;}
.tab-vyrobce,.tab-provoz { line-height: 160%; padding-right: 3px;}
.tab-kov {color:white; font-size:10pt; font-weight:700;  line-height: 160%;}
.tab-pocmist {font-size:12pt; font-weight:700;}
.tab-odkazy {font-size:9pt; vertical-align: top; text-align: right;}
.tab-linka {border-top: 1px solid #407040;}
.tab-mala-ikona {height:10px; margin: 0 4px 0 2px;}
.zanikla {filter: brightness(0.8) grayscale(0.3);}

.tr-linka td {border-top: 1px solid #304830;}

.cernobile {filter: contrast(0.8) brightness(0.8) grayscale(0.95);}
.cernobile2 {filter: contrast(0.7) brightness(0.9) grayscale(0.95);}
.cernobile2:hover {background-color:inherit !important;}
.zesvetlit img {-webkit-filter:brightness(70%); -moz-filter:brightness(70%); filter:brightness(70%);}
.zanikla2 {filter: brightness(0.8) grayscale(0.3);}
/*.info_popis {max-height:40px; transition:max-height 0.5s ease-in-out 0s; overflow: hidden;}*/
/*.info_popis:hover {max-height:500px;}*/


.raz-cislo {background-color:white; color:black; font-size:8pt; font-weight:700; padding:1px; border:1px solid black; }
.raz-cislo-velke {background-color:white; color:black; font-size:13pt; font-weight:700; padding:1px; border:1px solid black; }
/*
.info1 {background-color:#33A; color:white; font-weight:700; padding:1px; border-radius:4px;}
.info2 {background-color:#CCC; color:rgb(10,10,10); padding:1px 8px 1px 0;  display:table;  border-radius:4px;}
.info3 {background-color:#CCC; color:rgb(10,10,10); padding:1px 8px 1px 0;  display:table;  border-radius:4px;}
*/
.info1r, .info1j, .info1i, .info1s, .info1d {font-weight:700; padding:0 5px 1px 5px; border-radius:5px; font-size:8pt;} 
.info1r {background-color:#33AA33; color:white; }
.info1j {background-color:#AA3333; color:white; }
.info1i {background-color:#444; color:white;}
.info1s {background-color:#22CCCC; color:black; }
.info1d {background-color:#CCCC22; color:black;}
.info1p {background-color:#29ba4b; color:black; font-weight:700; padding:0 3px 1px 3px; border-radius:5px; font-size:8pt;}

/*
.info2 {background-color:#ABA; color:rgb(10,10,10); padding:1px 8px 1px 0;  display:table;  border-radius:4px;}
.info3 {background-color:#ABA; color:rgb(10,10,10); padding:1px 8px 1px 0;  display:table;  border-radius:4px;}
*/
/*
.omezeni {padding:2px 2px 8px 2px; font-size:8pt; aborder-radius:5px; aborder:1px solid rgb(170,170,170);}
*/

.info {padding:3px; display:table; border-radius:5px; border:1px solid rgb(170,170,170);}
.info div {margin:2px;}
.info div:hover {background-color:rgb(30,80,30);}

.info1 {color:#77F; font-size:150%; margin-top:-9px;}

.info1 a,.info2 a,.info3 a {cursor: pointer; color: rgb(25,85,25);}
.info1 a:link,.info2 a:link,.info3 a:link    {color: rgb(25,85,25);}
.info1 a:visited,.info2 a:visited,.info3 a:visited {color: rgb(25,85,25);}
.info1 a:hover,.info2 a:hover,.info3 a:hover   {color: rgb(35,165,35);}
.info1 a:active,.info2 a:active,.info3 a:active  {color: rgb(35,165,35);}


a.td-none {text-decoration:none;}
.dotted {border-bottom: 1px dotted rgb(170,170,170);}

.pikto { border-radius:6px; vertical-align:middle; margin-bottom:4px;}
img.pikto_odkazy {height:22px; margin-right:5px;}

table.kalendar, table.kalendar_p {border-collapse:collapse;}
.kalendar td {border: 1px solid rgb(100,110,100); text-align:center; font-size:8pt; }
.kalendar td.aktiv { background-color:rgb(150,135,125); color:#121; cursor: pointer;}
.kalendar td.aktiv:hover {  color:#343;  background-color:rgb(170,145,135);}
.kalendar td.dnesni {background-color:lime; color:#121;}
.kalendar td.prazdny {border-width:0px;}

.kalendar_p td {border: 1px solid rgb(100,110,100); text-align:center; font-size:8pt;}
.kalendar_p td.dnesni {background-color:lime !important;}
.kalendar_p td.prazdny {border-width:0px;}
.kalendar_p td.zl {background-color:#BDC; color:#121; cursor: pointer;} 
.kalendar_p td.zs {background-color:#8A9; color:#121; cursor: pointer;}
.kalendar_p td.zhover {filter:opacity(80%);}


/*
.kalendar_p td.z1,.kalendar_p td.z3,.kalendar_p td.z5,.kalendar_p td.z7,.kalendar_p td.z9,.kalendar_p td.z11,.kalendar_p td.z13,.kalendar_p td.z15 
 {background-color:#BDC; color:#121; cursor: pointer;} 

 .kalendar_p td.z1b,.kalendar_p td.z3b,.kalendar_p td.z5b,.kalendar_p td.z7b,.kalendar_p td.z9b,.kalendar_p td.z11b,.kalendar_p td.z13b,.kalendar_p td.z15b
 {background-color:#CED; color:#121;} 

 .kalendar_p td.z0,.kalendar_p td.z2,.kalendar_p td.z4,.kalendar_p td.z6,.kalendar_p td.z8,.kalendar_p td.z10,.kalendar_p td.z12,.kalendar_p td.z14 
 {background-color:#8A9; color:#121; cursor: pointer;}

 .kalendar_p td.z0b,.kalendar_p td.z2b,.kalendar_p td.z4b,.kalendar_p td.z6b,.kalendar_p td.z8b,.kalendar_p td.z10b,.kalendar_p td.z12b,.kalendar_p td.z14b
 {background-color:#9BA; color:#121;} 
*/

table.razeni_text {background-color:#EEE; color:#111; font-size:9pt;}
table.razeni_text td {padding:0 7px 0 7px; border-bottom: 1px solid black;}
table.razeni_text td.ikonky {padding:0; filter: sepia(70%) saturate(300%) hue-rotate(70deg) brightness(20%); }
table.razeni_text td.ikonky img {width:15px; height:15px;}
tr.razeni_text_poznamka td {padding:0 0 0 0; border:0;}

.cislo_vozu {display:block; position:relative; float:left; top:-3px; left:-3px; max-width:50px; padding:4px 2px 2px 2px; text-align:center; border-right: 1px solid gray;}
.trasa_vuz { abackground-color:#BBB; acolor:#222; border: 1px solid gray; padding:3px; max-width:260px; margin:5px 2px 5px 2px; }
.trasa_lok { border:1px solid gray; padding:3px; max-width:260px; margin:5px 2px 5px 2px; }
table.vlacek div.maly {margin:7px 0 7px 0;}
table.vlacek div.maly p {margin:7px 0 7px 0;}

table.vlacek div.piktogramy {margin:6px 0 6px 0;}

/*
.monit-rada {color:white; font-size:10pt; font-weight:700;}
.monit-cislo {background-color:rgb(140,150,140); color:black; font-size:8pt; font-weight:700; padding:0px;}
*/


.nahledy {font-family: 'Arial CE','Arial', sans-serif; letter-spacing:1px; font-size:11pt; line-height:130%;
background-color:#722; width:99%; margin-bottom:8px; margin-top:16px; clear:none; color:rgb(200,200,200); padding:4px 4px 4px 8px;}
h4.nahledy + p {background-color:#411; margin-top:-8px; margin-bottom:8px; padding:4px 4px 4px 8px; width:99%;}
h4.nahledy + p:first-letter { text-transform: uppercase; }

h4.nahledy:after {position:absolute; right:20px; }

.nhist {background-color: #377; }
.nhist:after {position:absolute; right:18px; color:#133; font-size:150%;}
h4.nhist + p {background-color:#144;}
.nvyr {background-color: #555;}
.nvyr:after {position:absolute; right:18px; color:#222; font-size:150%;}
h4.nvyr + p {background-color:#333;}
.nretro {background-color: #373; }
.nretro:after {position:absolute; right:18px; color:#131; font-size:150%;}
h4.nretro + p {background-color:#141;}
.npropag {background-color: #626;}
.npropag:after {position:absolute; right:18px; color:#212; font-size:150%;}
h4.npropag + p {background-color:#313;}
.narchiv {background-color: #773;}
.narchiv:after {position:absolute; right:18px; color:#331; font-size:150%;}
h4.narchiv + p {background-color:#441;}

.npop {background-color:#898; width:50%; margin-bottom:5px; clear:left; font-weight:700;
padding:3px 4px 3px 8px; margin: 12px 0 12px 0; color:#111;}


.nahled { float:left; width: 181px; height: 190px;
border: 1px solid #999; margin: 0px 15px 15px 0; padding: 5px 5px 5px 5px; }
.imgnahled {height: 122px;}

.nahled2 { float:left; margin:3px;  position:relative; border:1px solid #aba; color:#ded; height:180px;}
.nahled2 img {border:0;  height:180px; width:240px; object-fit:contain; }
.nahled2 img:hover {border:0; /* height:180px; max-width:360px; object-fit:cover; */}
.nahled2:hover {color:#bfb; border:1px solid #bfb; }

                                                  
.prechod_nahled2 { position:absolute; left:0px; top:0px; height:180px; width:100%; z-index:5;   
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.55) 85%,  rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%, rgba(0,0,0,0.55) 85%,  rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%, rgba(0,0,0,0.55) 85%,  rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.popisnahled2 {padding-left:3px; height:40px; position:absolute; left:0; top:151px; line-height:13px; width:95%; z-index:6; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nahled2b_novy { position:absolute; left:0px; top:0px; opacity:0.8; background-color:#111; z-index:7; font-size:12pt; font-weight:700; color:lime; padding: 1px 3px;}
/* .nahled2_novy { position:absolute; left:3px; top:0px; z-index:8;}  */

/*
.imgnahled_video {height: 141px;}
*/

.nahled_pano { float:left; width:242px; height:190px;
border: 1px solid #999; margin:0px 15px 15px 0; padding:5px 5px 5px 5px; }

.ikonka {vertical-align:middle; margin-left:4px;}

.popiscely {font-weight:700; cursor:help; text-decoration:underline;}

.nahled_novy {font-size:8pt; font-weight:700; color:lime;}

.overflow {overflow:auto;}
.overflow_x {overflow-x:auto; height:auto;}
.clearboth { clear:left; width:100%;}

.display_none {display:none;}
.display_flex {display:flex;}

.f_jmeno {background-color: rgb(64,95,63); margin-top:4px; padding:2px;}
.f_zprava {background-color: rgb(44,86,43); margin-left:12px;  padding:2px;}

table.tab td {padding: 3px; border-bottom:solid 5px rgb(15,51,15);}
td.tab1 {background-color: rgb(64,95,63); font-weight:700;} 
td.tab2 {background-color: rgb(44,86,43);}

table.monitoring td {padding: 3px; border-bottom:solid 5px rgb(15,51,15);}
table.monitoring tr:hover {background-color:rgb(34,96,33); }

table.tab_r {background-color:rgb(240,240,240); color:rgb(20,20,20); font-size: 9pt;
 font-family: 'Arial CE',Sans-serif; border-left:1px solid rgb(20,20,20); border-top:1px solid rgb(20,20,20);}
table.tab_r th, table.tab_r tr.zahlavi {background-color:rgb(170,170,170); 
 text-align:left; padding-left:2px; padding-right:7px;
 font-weight:700; border-right:1px solid rgb(20,20,20); border-bottom:1px solid rgb(20,20,20);}
table.tab_r td { padding-top:2px; padding-left:2px; padding-right:5px; 
 border-right:1px solid rgb(20,20,20); border-bottom:1px solid rgb(20,20,20); }




table.sorter .tablesorter-header-inner {background-image: url('_img/bg.gif'); background-repeat: no-repeat;	background-position: -2px center;
	cursor: pointer;  padding-left:18px;  text-align:left}
  
table.sorter th {background-color:rgb(105,125,105); font-weight:700; color:#111;}
table.sorter th:hover {background-color:rgb(115,145,115);}
table.sorter tr:hover {background-color:rgb(25,85,25);}

table.sorter thead th.tablesorter-headerAsc .tablesorter-header-inner {	background-image: url('_img/asc.gif'); 
 background-repeat: no-repeat;	background-position: -2px center; background-color:rgb(145,165,145);}
 
table.sorter thead th.tablesorter-headerDesc .tablesorter-header-inner { background-image: url('_img/desc.gif');  
 background-repeat: no-repeat;	background-position: -2px center; background-color:rgb(145,165,145);}



table.obsah_index_foto .tablesorter-header-inner {background-image: url('_img/bg.gif'); background-repeat: no-repeat;	background-position: -2px center;
	cursor: pointer;  padding-left:18px;  text-align:left}
  
table.obsah_index_foto th {background-color:rgb(95,115,95); font-weight:700; color:#111;}
table.obsah_index_foto th:hover {background-color:rgb(105,145,105);}
table.obsah_index_foto tr:not(.mn):hover {background-color:rgb(25,85,25); cursor: pointer;}


.kontrola_OK       {background-color:rgb(40,180,40); color:black;}
.kontrola_zlute    {background-color:rgb(200,200,80); color:black;}
.kontrola_cervene  {background-color:rgb(210,70,60); color:black;}
.kontrola_oranzove {background-color:rgb(230,160,60); color:black;}
.kontrola_sede     {background-color:rgb(180,180,180); color:black;}

.ajax-loader {display:none;}


.bublina3 { position: relative; }
.bublina3 span {display: none;}

.bublina3:hover span { display: block; position: absolute; z-index:99;
top: 2.5em; left: 2em; padding: 0.2em 0.5em; width:300px;
border: 1px solid rgb(25,25,25); background-color: #e9e9e9; text-decoration: none;
color:rgb(25,25,25); font-size: 9pt;   }

/* lightbox */

#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url('fotogalerie/_lightbox/overlay.png');
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 110%;
	font-weight: 700;
	text-align: left;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url('fotogalerie/_lightbox/overlay.png');
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	background-image: url('fotogalerie/_lightbox/blank.gif');
	filter: Alpha(opacity=50);
}

.obsah_sekce {display:none;}
#horizmenu_respon {display:none;}
#hlavicka_respon {display:none;}
#index_leva_tabulka {padding-right:25px;}
#index_prava_tabulka {width:300px; line-height:+115%; padding-left:10px; font-size:8pt;}

#fotogalerie_mapa {width:774px; height:828px;}

.respon_640 {display:none;}



@media screen and (max-width: 1023px) {
 .respon_640 {display:none;}
 #horizmenu ul {font-size:11px; letter-spacing:0; font-weight:700;}
 #horizmenu ul li {margin:0;}
 #horizmenu ul li a {padding: 0 3px; }
 #index_leva_tabulka {padding-right:15px;} 
 #index_prava_tabulka {width:230px; line-height:+115%; padding-left:8px; font-size:8pt;}
 #fotogalerie_mapa {width:451px; height:483px;}
 
 input#jmeno {width: 90px;}

/* ve vlak.php
.grid-jizdnirad {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: 'trasa trasa trasa'
                       'trate rad dopravce';
}  
*/



}


@media screen and (max-width: 799px) {
.respon_none {display:none;}
.respon_640 {display:inline;}
body {margin:0; background-color: rgb(15,51,15); font-size:11pt;}

.obsah {padding:0.2em;}

h1 { font-size: 16pt; }
h1:first-of-type { margin-top: 0.1em; }
h2 { font-size: 14pt; }
h3 { font-size: 13pt; }
h4 { font-size: 12pt; }
h5 { font-size: 12pt; }

input[type=text] {height:1.5em}
input#jmeno {width: 70px;}
li.naseptavac_vlaky {font-size:80%;}

table.resp, table.resp th, table.resp td, table.resp tr, table.resp thead, table.resp tbody {display: block;}

#index_leva_tabulka {padding-right:2px; font-size:10pt;}
#index_prava_tabulka {width:160px; line-height:+115%; padding-left:2px; font-size:8pt;}

#hlavicka {display:none; background-image: none;} 

#hlavicka_respon {display:block; height:57px; top:0px; border-bottom:1px solid rgb(15,51,15); cursor:pointer; text-decoration:none; }
#hlavicka_respon a {text-decoration:none;}
#hlavicka_respon .nadpisvw1 {position:relative; top:-4px; padding:3px; margin:0; text-shadow: 3px 3px 4px rgb(5,10,5); letter-spacing:4px; font-weight:400; font-family:Coda; font-size:16pt; }
#hlavicka_respon .nadpisvw2 {position:relative; top:-6px; padding:3px; margin:0; text-shadow: 3px 3px 4px rgb(5,10,5);}
 
#jazyky {display:none; }
#vlajky {display:none;  }

#levanavigace2 { float:none; position:relative; left:0; top:0; width:auto; border-right:0; border: 0; margin-top:10px; border: 1px solid gray;}
#pravanavigace {max-height:57px; overflow:hidden; width:170px;  margin-right:1px; top:3px;}
.podobvozy > b:after { content:'\00a0\00a0\25BC'; font-size:120%; }
#pravanavigace a { line-height:150%; }
#pravanavigace:hover { overflow:visible; }

#cesta2 { display:none}
#cesta4 {display:block; font-size:13px; padding:2px 0 2px 2px; overflow-x:scroll; width:100%; text-wrap:nowrap;
	background-color: rgb(25,80,25); -ms-overflow-style: none; scrollbar-width: none;}
#cesta4::-webkit-scrollbar { display: none;}	

.razzobraz {display:none}
#obalovydiv {margin:0px; border:0; }

#horizmenu {display:none;}

#horizmenu_respon {display:block;}
#horizmenu_respon {position:absolute; text-align:right; top:0px; right:0px; left:auto;}
#horizmenu_respon ul {list-style-type:none; padding:0; margin:0; border:0; }
#horizmenu_respon li {float:right; position:relative; z-index:50; margin:0; padding:0px; background-color:rgb(25,80,25); border-bottom:1px solid rgb(5,10,5);}

#horizmenu_respon a, #horizmenu_respon div, #horizmenu_respon :visited {display:block; font-size:11pt; font-weight:400; width:130px; 
 text-decoration:none; color:rgb(244,244,244); text-align:center; padding:20px 2px 19px 2px; }
#horizmenu_respon :hover {background-color: #75b079; color:rgb(244,244,244); }
#horizmenu_respon ul ul {visibility:hidden; position:absolute; width:134px; }
#horizmenu_respon ul li:hover ul, #horizmenu_respon ul a:hover ul {visibility:visible; }
div#prvni { background-color: #e8f6e8; color:rgb(15,51,15) !important; cursor:pointer; }
div#prvni:hover { background-color: #e8f6e8; color:rgb(15,51,15);}

#horizmenu_respon a.jazyky, #horizmenu_respon div.jazyky {padding:6px 2px 3px 2px;}


.obsah_sekce {display:block;}
#stred, #stred0 {float:none; margin:0; border:0; padding:5px 0 0 0; max-height:auto;}
#stredind {float:none; margin:10px; border:0; padding:10px 0 0 0; background-image:none; line-height:150%;}

.nahledy {font-size:10pt; margin-left:-4px; width:99%;}
h4.nahledy + p {font-size:9pt; margin-left:-4px; margin-right:0px; width:99%;}
.nahled2 { height:120px; margin:2px;}
.nahled2 img {height:120px; width:160px; }
.prechod_nahled2 { height:120px;  }
.popisnahled2 {padding-left:2px; top:95px; width:95%; line-height:10px;}

tr.tr_razeni {padding-top: 5px;}
tr.tr_razeni:nth-child(odd)  { background: rgb(10,43,10) }
tr.tr_razeni:nth-child(odd):hover  { background: rgb(20,70,20) }
tr.tr_razeni td.nazev, tr.tr_razeni td.cislo { display: inline; font-size:110%;}
tr.tr_razeni td.maly {font-size:9pt;}
tr.tr_razeni td.datumovy { display: inline; float:right;}

/*img.obrazek_vagonu {width:80% !important; height:80% !important; max-width:80% !important; max-height:80% !important;}*/

.tab-rada {font-size:12pt;}
.tab-rada2 {font-size:9.5pt;}
span.tab-pocmist {font-size:10pt;}
span.tab-pocmist img.pikto {height:22px; border-radius:4px;}
img.pikto_odkazy {height:18px;}
.bunka_vozu div {margin-bottom:0.6em;}

.mapa_sedadel {max-width:200%; height:auto;}

.nhist:after, .nretro:after, .npropag:after, .nvyr:after, .narchiv:after {right:5px;}

#cboxTitle {font-size:80%;}
/*
.fotoindex td {padding:5px 0 5px 0;  }
.fotoindex tr {background-color:rgb(20,60,20);  } 
.fotoindex tr:hover {background-color:rgb(30,80,30); } 
*/

}


@media print {
body, html {background-color: #FFF;}
#vw1 {font-size:24px; font-weight:normal;}
#vw2 {font-size:14px;}
#vw1, #vw2 {color:#222; opacity:1; text-shadow:none; -webkit-text-stroke:0;}
#hlavicka { background-image:none; height:50px;}
.obsah_sekce {display:block;}
#horizmenu {display:none;}
#jazyky {display:none;}
h1:first-of-type { margin-top: 0.4em; }
#stred, #stred0 {float:none; margin:0; border:0; padding:5px 0 0 0; max-height:auto;}
.obsah {padding:0.2em;}
#levanavigace2 { display:none;}

.display_print {display:initial;}
.print_none {display:none;}

}