@charset "utf-8";

.jenomclear {
height: 0px; font-size:1px; clear:both;
}
.clearleft {
clear:left;
}
.jenomclearleft {
height: 0px; font-size:1px; clear:left;
}
.alignjustify {
text-align: justify;
}



/* Týmy a jezdci - rozcestník ****************************************************************** */

.tymy-jezdci h2 {
  
}

.tymy-jezdci .tym {
  border-top: solid 2px #e4e4e4; 
}

.tymy-jezdci .tym .tym-hlavicka {
  float: left; 
  min-height: 132px; 
  /*border: 1px solid red;*/
}

.tymy-jezdci .tym h3 {
  margin: 5px 0 0;
  color: black; 
  font-size: 20px;
  font-weight:bold;
}

.tymy-jezdci .tym a:hover h3, .tymy-jezdci .tym a:focus h3 {
  text-decoration: underline;
}

.tymy-jezdci .tym h3 img.tym-vlajka{
  display:   inline-block;
  margin:    0 17px 0 0;
  border:    1px solid #e4e4e4; 
}

.tymy-jezdci .tym img.tym-logo{
  width:     170px;
  height:    auto; 
  margin:    5px 0 0 0;
  /*border: 1px solid blue;*/
}

.tymy-jezdci .tym img.tym-vuzfoto {
  display:   block;
  width:     360px;
  height:    auto;
  float:     right; 
}

.tymy-jezdci .tym a:hover img.tym-vuzfoto, .tymy-jezdci .tym a:focus img.tym-vuzfoto,
.tymy-jezdci .tym a:hover img.tym-logo, .tymy-jezdci .tym a:focus img.tym-logo 
 {
  filter: grayscale(45%); 
}

.tymy-jezdci .tym ul.jezdci{
  list-style-type: none;
  margin:    4px 0 0 0;      
  padding:   1px 0 12px 0; 
}

.tymy-jezdci .tym ul.jezdci li{
  margin:    10px 0 0 0;
  padding:   0; 
  font-size: 20px;
  font-weight:bold;
  color:     #808080;      
}

.tymy-jezdci .tym ul.jezdci li img.vlajka{
  display:   inline-block;
  margin:    0 17px 0 0;
  padding:   0; 
  border:    1px solid #e4e4e4;
}

.tymy-jezdci .tym ul.jezdci li a {
  color:     #808080;      
}


@media (min-width: 500px) and (max-width: 979px) {
.tymy-jezdci {
}

.tymy-jezdci .tym img.tym-vuzfoto{
  width:     auto;
  height:    132px;
}

} /*konec zmen pro media 500 az 979*/




@media (max-width: 499px ) {

.tymy-jezdci {

}

.tymy-jezdci .tym .tym-hlavicka {
  padding-bottom: 10px;
  margin-right:   15px;

  
}

.tymy-jezdci .tym img.tym-logo{
  max-width:     100%;
}

.tymy-jezdci .tym img.tym-vuzfoto {
  
  width:     100%;
  height:    auto;
  max-width: 100%;

  float:    left;
  
   
}

}  /*konec zmen pro media do 499*/





/* Tým – detail jednoho týmu ******************************************************  */

.tymdetail, 
.tymdetail a,
.tymdetail a:hover, .tymdetail a:focus {
  color:     #808080;
}

.tymdetail .tymhlavicka {
  float:     left;
  /*border: 1px solid blue;*/
}

.tymdetail .tymhlavicka h2 {
  margin:     0 0 10px 0;
  padding:    0;
  vertical-align: top;
  color:      black;
  /*border: 1px solid blue;*/
}

.tymdetail .tymhlavicka img.tym-vlajka {
  display: inline-block;
  /*float: left;*/
  margin:    0px 15px 0 0px;
  border:    1px solid #e4e4e4; 
}


.tymdetail .tymhlavicka img.tym-logo{
  width:     170px;
  height:    auto; 
  margin:    5px 0 30px 0;
  /*border: 1px solid blue;*/
}

.tymdetail .jezdci{
  float:     right;
/*  max-width: 366px;*/
  /*border: 1px solid blue;*/
}

.tymdetail .jezdci .dvojiceradek {
  display:  flex;
}


.tymdetail .jezdci a.jezdec{
  float:           left;
  border-right:    solid 2px #e4e4e4;
  border-bottom:   solid 2px #e4e4e4;
  
}

/*.tymdetail .jezdci a.jezdec:nth-child(1),
.tymdetail .jezdci a.jezdec:nth-child(2)*/
.tymdetail .jezdci .dvojiceradek:nth-child(1) a.jezdec:nth-child(1),
.tymdetail .jezdci .dvojiceradek:nth-child(1) a.jezdec:nth-child(2)
{  /*prvni dva jezdci*/
  border-top:    solid 2px #e4e4e4;
}



.tymdetail .jezdci a.jezdec:nth-child(2n+1){  /*lichy jezdec*/
  clear: left;
  border-left:     solid 2px #e4e4e4;  
}

/* .tymdetail .jezdci a.jezdec:last-child{ */  
.tymdetail .jezdci a.jezdec:nth-child(2n+0){  /*sudy jezdec*/
  /*border-left: none;*/
}

.tymdetail .jezdci .jezdec.bezfotky{
  min-width:      180px;
  padding-top:     17px;  
}


.tymdetail .jezdci .jezdec img.jezdec-foto{
  display:   block;
  width:     180px;
  height:    auto;  
  margin:    0 0 17px 0;
  /*border: 1px solid blue;*/
}

.tymdetail a:hover img.jezdec-foto, .tymdetail a:focus img.jezdec-foto
 {
  filter: grayscale(45%); 
}

.tymdetail .jezdec .jezdec-vlajka
 {
  display: block;
  margin: 0 15px 0 17px; 
  border:    1px solid #e4e4e4;
  float: left;   
}

.tymdetail .jezdec .jezdec-cislo
 {
  font-size: 20px;
  font-weight:bold;
  color:     #808080;
}

.tymdetail .jezdec .jezdec-jmeno
 {
  color: #202020;
  font-weight: bold;
  margin: 8px 0 24px 17px;
  font-size: 15px;
}



.tymdetail .okolovozuafacebooku{
  clear:     right;
  float:     right;
  width:     366px;
  height:    auto; 
}


.tymdetail img.tym-vuzfoto {
  display:   block;
  width:     100%;
  height:    auto; 
}

.tymdetail a.tym-facebook {
  background: #f4f4f4;
  display:block;
  width:  100%;  
}

.tymdetail a.tym-facebook img{
  display: inline-block;
  margin: 0 15px 0 0;  
}






.tymdetail ul.parametry{
  list-style-type: none;
  max-width: 330px;
  margin:    2px 0 0 0px;      
  padding:   11px 0px 15px 0px;
  /*border: 1px solid blue;*/
}

.tymdetail ul.parametry.pocty{
  border-top: solid 2px #e4e4e4;  
}

.tymdetail ul.parametry.texty{
}

.tymdetail .okolovozuafacebooku ul.parametry{
  max-width: 366px;
}

.tymdetail ul.parametry li{
  margin:    4px 0 0 0;
  padding:   0; 
  color:     black;
  border-bottom: solid 1px #e4e4e4;

}

.tymdetail ul.parametry.pocty li {  
}
.tymdetail ul.parametry.texty li {
}

.tymdetail ul.parametry li>span:first-child{ /*label caption th*/
  display:   inline-block;
  min-width: 190px;         
  color:     #202020;      
}


.tymdetail ul.parametry.pocty li>span:first-child{ /*label caption th*/        
}

.tymdetail ul.parametry.texty li>span:first-child{ /*label caption th*/
  display: block;
  float:left;
  min-width: 100px;
  
}


.tymdetail ul.parametry li>span.lihodnota{ 
  display:    inline-block;
  text-align: right;
  min-width: 140px;
}

.tymdetail ul.parametry.pocty li>span.lihodnota{ 

  font-weight: bold;   
  font-size:   110%;
  color:     #202020;      
}


.tymdetail ul.parametry.texty li>span.lihodnota{ 
  min-width: 230px;
  display:block;
}


.tymdetail h3{
  color: #202020;
  font-weight: bold;
  margin-bottom: 0px;
  font-size: 15px;
}


/*upravy .vysledky.vysledkytymu oproti obecnym definicim .vysledky (ty jsou nize, ale obecnejsi) */



.tymdetail table.vysledky.vysledkytymu{
/*overflow-x: auto;*/
 }

.tymdetail table.vysledky.vysledkytymu thead th
{
  text-align: center;
  vertical-align: middle;
  line-height: 120%;
  padding: 2px 7px 2px 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: black;
}

.tymdetail table.vysledky.vysledkytymu td{
  text-align:right;
  vertical-align: top;
  color: black;
  width: 10%;
  /*padding-right: 5px;*/
  /*padding: 2px 10px 2px 10px;*/
  padding: 2px 7px 2px 7px;
}

.tymdetail table.vysledky.vysledkytymu tr:hover td{
  color: white;
}

.tymdetail table.vysledky.vysledkytymu td:nth-of-type(1),
.tymdetail table.vysledky.vysledkytymu td:nth-of-type(2),
.tymdetail table.vysledky.vysledkytymu td:nth-of-type(3)
{
  text-align:left;
  width: auto;
}

.tymdetail table.vysledky.vysledkytymu td:nth-of-type(2)
{
  width: 26%;
}

.tymdetail table.vysledky.vysledkytymu tr td:nth-of-type(10),
.tymdetail table.vysledky.vysledkytymu tr:hover td:nth-of-type(10)
{
  color: black;
  background: white;
}

.tymdetail table.vysledky.vysledkytymu tr:nth-child(2n):hover td:nth-of-type(10)
{
	/* background-color: #f1f1f1;  			/*obarví buňky v sudých řádcích */ 
}


.tymdetail table.vysledky.vysledkytymu td:nth-of-type(10)
{
  text-align:center;
  /*vertical-align: middle;*/
}

@media (max-width: 1199px) {

.tymdetail 
{padding-bottom: 20px;
}

.tymdetail .tymhlavicka,
.tymdetail .jezdci, 
.tymdetail .okolovozuafacebooku
{
  float:     none;
}

.tymdetail .jezdci .jezdec
{
  width:     48%;
  width:     calc(50% - 3px);
}

.tymdetail .jezdci .jezdec.bezfotky
{
  min-width: 0;
  width:     48%;
  width:     calc(50% - 3px);
}

.tymdetail .jezdci .jezdec img.jezdec-foto {
  width:     100%;
}

.tymdetail .okolovozuafacebooku{
  width:     100%;
}

.tymdetail ul.parametry, .tymdetail ul.parametry.pocty, .tymdetail ul.parametry.texty,
.tymdetail .okolovozuafacebooku ul.parametry{
  width: 100%;
  max-width: 100%;
  border-top: none;
}

.tymdetail ul.parametry.pocty li>span:first-child, /*label caption th*/ 
.tymdetail ul.parametry.pocty li>span.lihodnota
{
  width: 50%; max-width: 50%; min-width:0;
}



} /*konec zmen pro media mene nez 1200*/

@media (max-width: 409px) { 



.tymdetail .jezdci .jezdec .jezdec-vlajka,
.tymdetail .jezdci .jezdec .jezdec-jmeno
{
  margin-left:5px; /*2px*/
}

.tymdetail .okolovozuafacebooku a.tym-facebook img
{
  width:     25px;
  height:    auto;
  margin-right: 5px;
}

.tymdetail ul.parametry, .tymdetail ul.parametry.pocty, .tymdetail ul.parametry.texty,
.tymdetail .okolovozuafacebooku ul.parametry{

}

ul.parametry li span.hodnota,
.tymdetail ul.parametry li>span:first-child, /*label caption th*/ 
.tymdetail ul.parametry li>span.lihodnota,
.tymdetail ul.parametry.texty li>span:first-child,
.tymdetail ul.parametry.texty li>span.lihodnota
{
  width: 100%; max-width: 100%; min-width:0;
}


.tymdetail ul.parametry li>span:first-child, /*label caption th*/ 
.tymdetail ul.parametry.texty li>span:first-child
{
  font-weight: bold;
}

} /*konec zmen pro media mene nez 410*/




/* Jezdec – detail jednoho jezdce ******************************************************  */

.jezdecdetail, 
.jezdecdetail a,
.jezdecdetail a:hover, .jezdecdetail a:focus {
  color:     #808080;
}

.jezdecdetail .jezdechlavicka {
  float:     left;
  width: 310px; /*330-20*/
  /*border: 1px solid blue;*/
}

.jezdecdetail .jezdechlavicka h2 {
  float:      left;
  margin:     0 0 10px 0;
  padding:    0;
  vertical-align: top;
  color:      black;
  /*border: 1px solid blue;*/
}

.jezdecdetail .jezdechlavicka img.jezdec-vlajka {
  display: inline-block;
  /*float: left;*/
  margin:    0px 15px 0 0px;
  /*border: 1px solid blue;*/
  border:    1px solid #e4e4e4; 
}

.jezdecdetail .jezdechlavicka img.jezdec-prilba{
  float:     right;
  display: inline-block;
  width: auto;
  height: 80px;
  margin: 0px 0 15px 0;  
}

.jezdecdetail .jezdechlavicka span.startovni-cislo{
  display:    block;
  clear:      left;
  float:      left;
  font-size: 20px;
  font-weight:bold;
  padding:   0px 0 0 0;
  margin:    0 15px 0 0;
  color:     #808080;
  min-width: 35px;
}

.jezdecdetail .jezdechlavicka a.tymnahore{
  display:    block;
  float:      left;
  padding:    0px 0 0 0;
  /*font-size:  16px;*/
  
  color:      #656565;
}



.jezdecdetail div.okolo-jezdec-foto{
  float:     right;
  width:     360px;
}

.jezdecdetail img.jezdec-foto{
  display:   block;
  width:     100%;
  height:    auto;  
}


.jezdecdetail a:hover img.jezdec-foto, .jezdecdetail a:focus img.jezdec-foto
 {
  filter: grayscale(45%); 
}

.jezdecdetail a.jezdec-facebook {
  background: #f4f4f4;
  display:block;;  
}

.jezdecdetail a.jezdec-facebook img{
  display: inline-block;
  margin: 0 15px 0 0;  
}








.jezdecdetail ul.parametry{
  list-style-type: none;
  max-width: 330px;
  margin:    2px 0 0 0px;      
  padding:   11px 0px 15px 0px;
  /*border: 1px solid blue;*/
}

.jezdecdetail ul.parametry.pocty{
  border-top: solid 2px #e4e4e4;  
}


.jezdecdetail ul.parametry li{
  margin:    4px 0 0 0;
  padding:   0; 
  color:     black;
  border-bottom: solid 1px #e4e4e4;

}

.jezdecdetail ul.parametry.pocty li {  
}

.jezdecdetail ul.parametry li>span:first-child{ /*label caption th*/
  display:   inline-block;
  min-width: 190px;         
  color:     #202020;      
}

.jezdecdetail ul.parametry.pocty li>span:first-child{ /*label caption th*/        
}

.jezdecdetail ul.parametry.texty li>span:first-child{ /*label caption th*/
  float:left;
  min-width: 100px;
}


.jezdecdetail ul.parametry li>span.lihodnota{ 
  display:    inline-block;
  text-align: right;
  min-width: 140px;
}

.jezdecdetail ul.parametry.pocty li>span.lihodnota{ 

  font-weight: bold;   
  font-size:   110%;
  color:     #202020;      
}


.jezdecdetail ul.parametry.texty li>span.lihodnota{ 
  min-width: 230px;
}



.jezdecdetail h3 {
margin-bottom: 9px;
padding-bottom: 0;
font-size: 15px;
line-height: 20px;
color: #202020;
}



.jezdecdetail table.vysledky.kariera{
  /*width: auto;
  float:left;
  */  
}

.jezdecdetail table.vysledky.kariera thead th
{
  text-align: center;
  vertical-align: middle;
  line-height: 120%;
  padding: 2px 7px 2px 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: black;
}

.jezdecdetail table.vysledky.kariera td{
  text-align:right;
  vertical-align: top;
  color: black;
  width: 7%;
  /*padding-right: 5px;*/
  /*padding: 2px 10px 2px 10px;*/
  padding: 2px 7px 2px 7px;
}


.jezdecdetail table.vysledky.kariera tr:hover td{
  color: white;
}

.jezdecdetail table.vysledky.kariera td:nth-of-type(1),
.jezdecdetail table.vysledky.kariera td:nth-of-type(2),
.jezdecdetail table.vysledky.kariera td:nth-of-type(3),
.jezdecdetail table.vysledky.kariera td:nth-of-type(4)
{
  text-align:left;
  width: auto;
}


.jezdecdetail table.vysledky.kariera td:nth-of-type(1)
{
  width: 5%;
}

.jezdecdetail table.vysledky.kariera td:nth-of-type(2)
{
  width: 20%;
}

.jezdecdetail table.vysledky.kariera td:nth-of-type(3)
{
  width: 35%;
}

.jezdecdetail table.vysledky.kariera th:nth-of-type(11)
{
/*   transform:rotate(270deg);
    white-space: nowrap;
*/  
}






@media (min-width: 980px) and (max-width: 1199px)  {

.jezdecdetail 
{padding-bottom: 10px;
}

.jezdecdetail div.okolo-jezdec-foto
{
  width:     30%;
  width:     calc(100% - 355px); 
}

.jezdecdetail a.jezdec-facebook img
{
  width:     25px;
  height:    auto;
  margin-right: 5px;
}

.jezdecdetail div.okolo-jezdec-foto .fbdomena{
  display: none;
}


} /*konec zmen pro media 980 - 1199*/




@media (min-width: 768px) and (max-width: 979px ) {
.jezdecdetail 
{padding-bottom: 10px;
}

.jezdecdetail .jezdechlavicka
{
  
}
.jezdecdetail div.okolo-jezdec-foto
{
  float:     none; 
  width:     100%; 
}

.jezdecdetail ul.parametry, .jezdecdetail ul.parametry.pocty, .jezdecdetail ul.parametry.texty
{
  width: 100%;
  max-width: 100%;
  border-top: none;
}

.jezdecdetail ul.parametry.texty li>span:first-child, /*label caption th*/ 
.jezdecdetail ul.parametry.texty li>span.lihodnota,
.jezdecdetail ul.parametry.pocty li>span:first-child, /*label caption th*/ 
.jezdecdetail ul.parametry.pocty li>span.lihodnota
{
  width: 50%; max-width: 50%; min-width:0; 
}

} /*konec zmen pro media od 768 do 979 */



@media (min-width: 550px) and (max-width: 767px) {

.jezdecdetail 
{padding-bottom: 10px;
}

.jezdecdetail div.okolo-jezdec-foto
{
  width:     30%;
  width:     calc(100% - 355px); 
}

.jezdecdetail a.jezdec-facebook img
{
  width:     25px;
  height:    auto;
  margin-right: 5px;
}

.jezdecdetail div.okolo-jezdec-foto .fbdomena{
  display: none;
}


} /*konec zmen pro media 550 - 767*/





@media (max-width: 549px ) {
.jezdecdetail{
  padding-bottom:     10px;
}

.jezdecdetail .jezdechlavicka{
  width:     100%;
}
.jezdecdetail .jezdechlavicka h2{
}
.jezdecdetail .jezdechlavicka img.jezdec-prilba{
}

.jezdecdetail div.okolo-jezdec-foto
{
  float:     none; 
  width:     100%; 
}


.jezdecdetail a.jezdec-facebook img
{
  width:     25px;
  height:    auto;
  margin-right: 5px;
}

.jezdecdetail ul.parametry, .jezdecdetail ul.parametry.pocty, .jezdecdetail ul.parametry.texty,
.jezdecdetail .okolovozuafacebooku ul.parametry{
  border-top:none;
  width: 100%;
  max-width: 100%;
}

ul.parametry li span.hodnota,
.jezdecdetail ul.parametry li>span:first-child, /*label caption th*/ 
.jezdecdetail ul.parametry li>span.lihodnota,
.jezdecdetail ul.parametry.texty li>span:first-child,
.jezdecdetail ul.parametry.texty li>span.lihodnota
{
  width: 100%; max-width: 100%; min-width:0;
}

.jezdecdetail ul.parametry li>span:first-child, /*label caption th*/ 
.jezdecdetail ul.parametry.texty li>span:first-child
{
  font-weight: bold;
}


} /*konec zmen pro media mene do 549*/




/* Okruhy – rozcestník okruhů ******************************************************  */

.okruhy {
border-left: 2px solid white;

}

.okruhy .okruh {
border-right: 2px solid white;
border-bottom:2px solid white;
width: 239px /*179px*/;
float: left;

}

.okruhy .okruh a {
display: block;
background: #292929;
color: white;
}

.okruhy .okruh a:hover, .okruhy .okruh a:focus {
color: white;
text-decoration: none;
background: #0c0c0c; /*black;*/
}

.okruhy .okruh a:hover img.okruhfoto, .okruhy .okruh a:focus img.okruhfoto 
 {
  filter: grayscale(45%); 
}


.okruhy .okruh img.okruhfoto{
display:block;
width: 100%;
}

.okruhy .okruh div.texty{
padding: 20px 20px 6px 20px;

}




.okruhy .okruh .zavod-nazev{
display:block;
margin: 0 0 15px 0;
padding: 0px 0 0 0;
text-transform: uppercase;
font-size: 16px;
/*font-weight: bold;*/
}

.okruhy .okruh .zavod-nazev img{
display:inline-block;
margin:  0 15px 0 0;
float: left;
}

.okruhy .okruh .okruh-nazev{
display:block;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
font-size: 13px;
border-bottom: 1px solid #404040 /*#606060*/;
}

.okruhy .okruh .misto-nazev{
display:block;
margin: 0 0 8px 0;
font-size: 12px;
color: #b7b7b7;
text-transform:uppercase;
}



.okruhy .okruh .datum{
display:block;
margin: 0 0 0px 0;
font-size: 13px;
}



@media (max-width: 1199px) {
.okruhy .okruh {
width: 48%;
width: calc(50% - 3px);
}
} /*konec zmen pro media mene nez 1200*/

@media (max-width: 979px) {
.okruhy .okruh .zavod-nazev{
font-size: 14px;
}
} /*konec zmen pro media mene nez 980*/

@media (max-width: 479px) {
.okruhy .okruh {
width: 98%;
width: calc(100% - 4px);
}
} /*konec zmen pro media mene nez 480*/






/* Okruh – detail jednoho okruhu ******************************************************  */

/* !!!! pouziva i .tymdetail; zde jen zmeny oproti nemu !!!!  */


.okruhdetail>p {
text-align: justify;

}

.okruhdetail .tymhlavicka .slovookruh {
display:inline-block;
min-width:53px;
}

.okruhdetail h3 {
margin-bottom: 9px;
padding-bottom: 0;
line-height: 20px;
}


.okruhdetail .tym-vuzfoto {
/*border-top: 1px solid black;*/
}

.okruhdetail .okolovozuafacebooku .popismapky {
background: #f4f4f4;
padding: 10px 0 1px 15px;
}

.okruhdetail .okolovozuafacebooku .popismapky span.legenda-prvek {
display: inline-block;
margin: 0px 8px 10px 0;

}

.okruhdetail .okolovozuafacebooku .popismapky img {
width: 15px;
height: 15px;
border: solid 1px #000000;
display: inline-block;
margin: 0 5px 0 0px;
}

.okruhdetail .okolovozuafacebooku .popismapky img.prvniobrazeklegendy {
}


.okruhdetail .okolovozuafacebooku .okolovideaapopisu{
margin: 32px 0 0 0;
background: #f4f4f4;
}

.okruhdetail .okolovozuafacebooku iframe{
/*width: 100%;
height: auto;*/

}


.okruhdetail .okolovozuafacebooku .popisvidea {
padding: 10px 0 10px 15px;
}



.okruhdetail ul.parametry.texty {
margin-top:0;
padding-top:0;
}

.okruhdetail table.vysledky {
margin-top:15px;
}



.okruhdetail table.vysledky.vysledkyokruhu{
 }
.okruhdetail table.vysledky.vysledkyokruhu thead th
{
  text-align: center;
  vertical-align: middle;
  line-height: 120%;
  padding: 2px 7px 2px 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: black;
}

.okruhdetail table.vysledky.vysledkyokruhu td{
  text-align:left;
  vertical-align: top;
  color: black;
  width: 14%;
  /*padding-right: 5px;*/
  /*padding: 2px 10px 2px 10px;*/
  padding: 2px 7px 2px 7px;
}

.okruhdetail table.vysledky.vysledkyokruhu tr:hover td{
  color: white;
}

.okruhdetail table.vysledky.vysledkyokruhu td:nth-of-type(1)
{
  width: 5%;
}

.okruhdetail table.vysledky.vysledkyokruhu td:nth-of-type(2),
.okruhdetail table.vysledky.vysledkyokruhu td:nth-of-type(5)
{
  width: 20%;
}

.okruhdetail table.vysledky.vysledkyokruhu td
{
  width: auto!important;
}



/* Tabulky výsledků *************************************************************** */


.vysledky table {
	border-collapse: collapse; 			/* definuje jednoduchý rámeček tabulky */ 
	border-spacing: 10px;
	padding: 50px;
	width: 728px;	
	text-align: right;
  font-family:      tahoma, sans-serif;
	font-size: 14px;

}
.vysledky th{
	background-color: #CCCCCC; 			/* obarvit buňky v hlavičce */ 
	font-weight: 300;
}

.vysledky tr:nth-child(1n) td {
	background-color: #ffffff;  			/*obarví buňky v lichých řádcích */ 
}	

.vysledky tr:nth-child(2n) td {
	background-color: #f1f1f1;  			/*obarví buňky v sudých řádcích */ 
}

.vysledky td,th {
	border: 1px solid #999999; 			/* obarví rámeček okolo buněk a dát tloušťku 1px */ 
	padding: 2px 10px 2px 10px;			/* definuje vnitřní mezery uvnitř buněk */ 
}

.vysledky td:nth-of-type(1) { 			/* definuje vlastnost (zde zarovnání) pro celé definované sloupce v tabulce */
	text-align: right; 
	width: 5%; 
}

.vysledky td:nth-of-type(2), .vysledky th:nth-of-type(2) { 		
	text-align: left; 
}

.vysledky td:nth-of-type(3) { 		
	text-align: left; 
}

.vysledky td:nth-of-type(4) { 		
	text-align: left; 
}

.vysledky th:nth-of-type(2) { 			/* to samé i pro hlavičku tabulky */
	text-align: left; 
}

.vysledky th:nth-of-type(3) {
	text-align: left; 
}

.vysledky th:nth-of-type(4) {
	text-align: left; 
}



.vysledky tbody tr:hover td    /* obarví řádek tabulky, na který se najede myší */
{
 background-color: #646464;   
 color: #ffffff; 
}
 
.vlajka-vysledky {
 width: 20px;
 height: 12px;
 margin-right: 10px;
 border:    1px solid #e4e4e4;
 
 
}
 
.tym-vysledky {
 width: 14px;
 height: 14px;
 margin: 4px 5px 0px 0px;
}
 

/* fixni sloupec poradi jmeno*/
 
div.vysledky /*Posuvnik, ktery se ukotvi k dolni strane tabulky v pripade nedostatecneho displeje*/
{
 max-width:100%; 
 overflow:auto; 
 position:relative;
 
}
 

/*div.vysledky table td:nth-of-type(1), div.vysledky table th:nth-of-type(1) 
{
  position:                fixed; 
  width:                   19px;
} */
 
/*Koncept ukotveni druheho sloupce; asi vhodne nastavit relative pro vsechny dalsi sloupce; prip zkusit float*/
/*
div.vysledky table td:nth-of-type(2), div.vysledky table th:nth-of-type(2)
{
  position:                fixed; 
  width:                   15em;
  left:                    40px;
}
 
div.vysledky table td:nth-of-type(3), div.vysledky table th:nth-of-type(3)
{
  position:                relative; 
  left:                    calc(40px + 15em);
}*/




/* Tabulka kalendář *************************************************************** */

table.vysledky.kalendar{
width: 100%;

}

table.vysledky.kalendar a{
 display:block;
 color:#910021;
}

/*deaktivace hoveru*/

.vysledky.kalendar tbody tr:nth-child(1n):hover td {
	background-color: #ffffff;  			/*obarví buňky v lichých řádcích */
  color: black; 
}	

.vysledky.kalendar tbody tr:nth-child(2n):hover td {
	background-color: #f1f1f1;  			/*obarví buňky v sudých řádcích */
  color: black;
}

.vysledky.kalendar td img{
	display: inline-block;
   width: 20px;
   height: 12px;
   margin-right: 10px;
   border:    1px solid #e4e4e4;
}


/* Tabulka průběžné výsledky *************************************************************** */

table.vysledky.prubezne td,
table.vysledky.prubezne th{
  padding:       0;
  padding-left:  1px;
  padding-right: 1px;
  width:         3%;              
}
table.vysledky.prubezne td:nth-of-type(1),
table.vysledky.prubezne th:nth-of-type(1)
{
 text-align:    right;
 padding-left: 0.4em;
 padding-right: 0.4em;
 width:         2%;              
}
table.vysledky.prubezne th:nth-of-type(2),
table.vysledky.prubezne td:nth-of-type(2) {
  padding-left: 0.6em;
  padding-right: 0.4em;
  text-align:   left;
  width: 15%;
}

.vlajka-vysledky-prubezne {
 
 margin: 2px 0px 3px;
 
}




/*table.vysledky.prubezne{
width: 100%;
border-spacing: 0px;
padding: 0px;
margin: 0px;
}

.table.vysledky.prubezne th tr td{
  text-align:right;
  color: black;
  width: 1%;

  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.vlajka-vysledky-prubezne {
 width: 20px;
 height: 12px;
 margin: 0px;
 padding: 0px;
}
*/


/* Lexikon F1 *************************************************************** */
.lexikon {
font-size: 20px; 
letter-spacing: 5px;
}



/* Vysledky GT *************************************************************** */
div.vysledky table.vysledky-gt tr th:nth-child(1) { text-align: center;}
div.vysledky table.vysledky-gt tr th:nth-child(2) { text-align: center;}
div.vysledky table.vysledky-gt tr th:nth-child(3) { text-align: left;}
div.vysledky table.vysledky-gt tr th:nth-child(4) { text-align: left;}
div.vysledky table.vysledky-gt tr th:nth-child(5) { text-align: center;}
div.vysledky table.vysledky-gt tr th:nth-child(6) { text-align: right;}


div.vysledky table.vysledky-gt tr td:nth-child(1) { text-align: center;}
div.vysledky table.vysledky-gt tr td:nth-child(2) { text-align: center;}
div.vysledky table.vysledky-gt tr td:nth-child(3) { text-align: left;}
div.vysledky table.vysledky-gt tr td:nth-child(4) { text-align: left;}
div.vysledky table.vysledky-gt tr td:nth-child(5) { text-align: center;}
div.vysledky table.vysledky-gt tr td:nth-child(6) { text-align: right;}




/* Kontatky – redakce ******************************************************  */
/* vychází z třídy .okruhy,  a k ní má navíc ta stránka na stejném elementu i .kontakty*/

.kontakty .okruh {
/*border-top: solid 1px #e4e4e4;*/
border-right: solid 1px #e4e4e4;
border-bottom: solid 1px #e4e4e4;
/*border-left: solid 1px #e4e4e4;*/
background:  #f3f3f3;
padding-bottom: 15px;
width: 219px;
}

.kontakty .okruh /*:nth-child(4), .kontakty .okruh:nth-child(5), .kontakty .okruh:nth-child(6)*/ { /*prvni tri (prvni radek pri standardnim layoutu); 1-3 jsou firemni kontakty, proto lidi zacinaj 4. pozici */
margin-top: 20px;
border-top: solid 1px #e4e4e4;
}

.kontakty .okruh /*:nth-child(3n-2)*/ { /*prvni z kazde trojice (prvni na radku pri standardnim layoutu) */
margin-right:    20px;
border-left: solid 1px #e4e4e4; 
}

.kontakty .okruh.firma { /*firemni kontakty nahore*/
background:  none;
border: none;

}


.kontakty.okruhy .okruh .misto-nazev { /*e-mail*/
color: #666666;
text-transform:none;
}

.cislo-prilohy{
display:block;
margin: 0px 0px 0px 0px;
padding: 20px 20px 0px 20px;
text-transform: uppercase;
font-size: 16px;
}

a.cislo-prilohy { 
color: #0fe423;
background-color: #ffffff; 
background: #ffffff; 
}



@media (max-width: 1199px) {
.kontakty .okruh {
width: 48%;
width: calc(50% - 23px);
}

.kontakty .okruh:nth-child(1), .kontakty .okruh:nth-child(2), .kontakty .okruh:nth-child(3) { /*udaje o firme*/
margin-top:0;
padding-top:  0;
padding-bottom:  0;
}


} /*konec zmen pro media mene nez 1200*/

@media (max-width: 979px) {
.kontakty .okruh {

}
} /*konec zmen pro media mene nez 980*/

@media (max-width: 479px) {
.kontakty .okruh {
width: 98%;
/*width: calc(100% - 4px);*/
margin-right:0;
}
} /*konec zmen pro media mene nez 480*/






/* konec kontaktu */


/* Univerzální stylování libovolných tabulek dostupné redaktorům - ruční centrování konkrétních sloupců *****************************/
/** Nechat zde, aby tohle z pohledu redaktora ruční nastavení mělo nejvyšší prioritu, aby to přepsalo obecná schémata, pokud by šlo o stejně prioritní způsob definice **********/
/** tyto třídy se nastavují celým tabulkám! Např. <table class="vysledky s1l s2c s3r"> Třídy oddělovat mezerami. ********/
/** Struktura názvu třídy: s jako sloupec, pak pořadové číslo sloupce, a pak l/c/r pro patřičné zarovnání*/

/*left*/
table.s1l tr th:nth-child(1), table.s1l tr td:nth-child(1) { text-align: left!important;}
table.s2l tr th:nth-child(2), table.s2l tr td:nth-child(2) { text-align: left!important;}
table.s3l tr th:nth-child(3), table.s3l tr td:nth-child(3) { text-align: left!important;}
table.s4l tr th:nth-child(4), table.s4l tr td:nth-child(4) { text-align: left!important;}
table.s5l tr th:nth-child(5), table.s5l tr td:nth-child(5) { text-align: left!important;}
table.s6l tr th:nth-child(6), table.s6l tr td:nth-child(6) { text-align: left!important;}
table.s7l tr th:nth-child(7), table.s7l tr td:nth-child(7) { text-align: left!important;}
table.s8l tr th:nth-child(8), table.s8l tr td:nth-child(8) { text-align: left!important;}
table.s9l tr th:nth-child(9), table.s9l tr td:nth-child(9) { text-align: left!important;}

table.s10l tr th:nth-child(10), table.s10l tr td:nth-child(10) { text-align: left!important;}
table.s11l tr th:nth-child(11), table.s11l tr td:nth-child(11) { text-align: left!important;}
table.s12l tr th:nth-child(12), table.s12l tr td:nth-child(12) { text-align: left!important;}
table.s13l tr th:nth-child(13), table.s13l tr td:nth-child(13) { text-align: left!important;}
table.s14l tr th:nth-child(14), table.s14l tr td:nth-child(14) { text-align: left!important;}
table.s15l tr th:nth-child(15), table.s15l tr td:nth-child(15) { text-align: left!important;}
table.s16l tr th:nth-child(16), table.s16l tr td:nth-child(16) { text-align: left!important;}
table.s17l tr th:nth-child(17), table.s17l tr td:nth-child(17) { text-align: left!important;}
table.s18l tr th:nth-child(18), table.s18l tr td:nth-child(18) { text-align: left!important;}
table.s19l tr th:nth-child(19), table.s19l tr td:nth-child(19) { text-align: left!important;}

table.s20l tr th:nth-child(20), table.s20l tr td:nth-child(20) { text-align: left!important;}
table.s21l tr th:nth-child(21), table.s21l tr td:nth-child(21) { text-align: left!important;}
table.s22l tr th:nth-child(22), table.s22l tr td:nth-child(22) { text-align: left!important;}
table.s23l tr th:nth-child(23), table.s23l tr td:nth-child(23) { text-align: left!important;}
table.s24l tr th:nth-child(24), table.s24l tr td:nth-child(24) { text-align: left!important;}
table.s25l tr th:nth-child(25), table.s25l tr td:nth-child(25) { text-align: left!important;}
table.s26l tr th:nth-child(26), table.s26l tr td:nth-child(26) { text-align: left!important;}
table.s27l tr th:nth-child(27), table.s27l tr td:nth-child(27) { text-align: left!important;}
table.s28l tr th:nth-child(28), table.s28l tr td:nth-child(28) { text-align: left!important;}
table.s29l tr th:nth-child(29), table.s29l tr td:nth-child(29) { text-align: left!important;}


/*center*/
table.s1c tr th:nth-child(1), table.s1c tr td:nth-child(1) { text-align: center!important;}
table.s2c tr th:nth-child(2), table.s2c tr td:nth-child(2) { text-align: center!important;}
table.s3c tr th:nth-child(3), table.s3c tr td:nth-child(3) { text-align: center!important;}
table.s4c tr th:nth-child(4), table.s4c tr td:nth-child(4) { text-align: center!important;}
table.s5c tr th:nth-child(5), table.s5c tr td:nth-child(5) { text-align: center!important;}
table.s6c tr th:nth-child(6), table.s6c tr td:nth-child(6) { text-align: center!important;}
table.s7c tr th:nth-child(7), table.s7c tr td:nth-child(7) { text-align: center!important;}
table.s8c tr th:nth-child(8), table.s8c tr td:nth-child(8) { text-align: center!important;}
table.s9c tr th:nth-child(9), table.s9c tr td:nth-child(9) { text-align: center!important;}

table.s10c tr th:nth-child(10), table.s10c tr td:nth-child(10) { text-align: center!important;}
table.s11c tr th:nth-child(11), table.s11c tr td:nth-child(11) { text-align: center!important;}
table.s12c tr th:nth-child(12), table.s12c tr td:nth-child(12) { text-align: center!important;}
table.s13c tr th:nth-child(13), table.s13c tr td:nth-child(13) { text-align: center!important;}
table.s14c tr th:nth-child(14), table.s14c tr td:nth-child(14) { text-align: center!important;}
table.s15c tr th:nth-child(15), table.s15c tr td:nth-child(15) { text-align: center!important;}
table.s16c tr th:nth-child(16), table.s16c tr td:nth-child(16) { text-align: center!important;}
table.s17c tr th:nth-child(17), table.s17c tr td:nth-child(17) { text-align: center!important;}
table.s18c tr th:nth-child(18), table.s18c tr td:nth-child(18) { text-align: center!important;}
table.s19c tr th:nth-child(19), table.s19c tr td:nth-child(19) { text-align: center!important;}

table.s20c tr th:nth-child(20), table.s20c tr td:nth-child(20) { text-align: center!important;}
table.s21c tr th:nth-child(21), table.s21c tr td:nth-child(21) { text-align: center!important;}
table.s22c tr th:nth-child(22), table.s22c tr td:nth-child(22) { text-align: center!important;}
table.s23c tr th:nth-child(23), table.s23c tr td:nth-child(23) { text-align: center!important;}
table.s24c tr th:nth-child(24), table.s24c tr td:nth-child(24) { text-align: center!important;}
table.s25c tr th:nth-child(25), table.s25c tr td:nth-child(25) { text-align: center!important;}
table.s26c tr th:nth-child(26), table.s26c tr td:nth-child(26) { text-align: center!important;}
table.s27c tr th:nth-child(27), table.s27c tr td:nth-child(27) { text-align: center!important;}
table.s28c tr th:nth-child(28), table.s28c tr td:nth-child(28) { text-align: center!important;}
table.s29c tr th:nth-child(29), table.s29c tr td:nth-child(29) { text-align: center!important;}



/*right*/
table.s1r tr th:nth-child(1), table.s1r tr td:nth-child(1) { text-align: right!important;}
table.s2r tr th:nth-child(2), table.s2r tr td:nth-child(2) { text-align: right!important;}
table.s3r tr th:nth-child(3), table.s3r tr td:nth-child(3) { text-align: right!important;}
table.s4r tr th:nth-child(4), table.s4r tr td:nth-child(4) { text-align: right!important;}
table.s5r tr th:nth-child(5), table.s5r tr td:nth-child(5) { text-align: right!important;}
table.s6r tr th:nth-child(6), table.s6r tr td:nth-child(6) { text-align: right!important;}
table.s7r tr th:nth-child(7), table.s7r tr td:nth-child(7) { text-align: right!important;}
table.s8r tr th:nth-child(8), table.s8r tr td:nth-child(8) { text-align: right!important;}
table.s9r tr th:nth-child(9), table.s9r tr td:nth-child(9) { text-align: right!important;}

table.s10r tr th:nth-child(10), table.s10r tr td:nth-child(10) { text-align: right!important;}
table.s11r tr th:nth-child(11), table.s11r tr td:nth-child(11) { text-align: right!important;}
table.s12r tr th:nth-child(12), table.s12r tr td:nth-child(12) { text-align: right!important;}
table.s13r tr th:nth-child(13), table.s13r tr td:nth-child(13) { text-align: right!important;}
table.s14r tr th:nth-child(14), table.s14r tr td:nth-child(14) { text-align: right!important;}
table.s15r tr th:nth-child(15), table.s15r tr td:nth-child(15) { text-align: right!important;}
table.s16r tr th:nth-child(16), table.s16r tr td:nth-child(16) { text-align: right!important;}
table.s17r tr th:nth-child(17), table.s17r tr td:nth-child(17) { text-align: right!important;}
table.s18r tr th:nth-child(18), table.s18r tr td:nth-child(18) { text-align: right!important;}
table.s19r tr th:nth-child(19), table.s19r tr td:nth-child(19) { text-align: right!important;}

table.s20r tr th:nth-child(20), table.s20r tr td:nth-child(20) { text-align: right!important;}
table.s21r tr th:nth-child(21), table.s21r tr td:nth-child(21) { text-align: right!important;}
table.s22r tr th:nth-child(22), table.s22r tr td:nth-child(22) { text-align: right!important;}
table.s23r tr th:nth-child(23), table.s23r tr td:nth-child(23) { text-align: right!important;}
table.s24r tr th:nth-child(24), table.s24r tr td:nth-child(24) { text-align: right!important;}
table.s25r tr th:nth-child(25), table.s25r tr td:nth-child(25) { text-align: right!important;}
table.s26r tr th:nth-child(26), table.s26r tr td:nth-child(26) { text-align: right!important;}
table.s27r tr th:nth-child(27), table.s27r tr td:nth-child(27) { text-align: right!important;}
table.s28r tr th:nth-child(28), table.s28r tr td:nth-child(28) { text-align: right!important;}
table.s29r tr th:nth-child(29), table.s29r tr td:nth-child(29) { text-align: right!important;}



/* automobilky rozcestník textove */

.automobilky {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.automobilky .automobilka {
  flex: 1 0 calc(25% - 13px); /* 4 sloupce */
  border: solid 1px #e4e4e4;
  padding: 10px;
  box-sizing: border-box;
}

/* Základní textový styl */
.automobilky .automobilka .exhibitor-name {
  display: block;
  font-size: 15px;
  color: #000;
  text-align: center;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1199px) {
  .automobilky .automobilka {
    flex: 1 0 calc(33.333% - 13px); /* 3 sloupce */
  }
}

@media (max-width: 768px) {
  .automobilky .automobilka {
    flex: 1 0 calc(50% - 13px); /* 2 sloupce */
  }
}

@media (max-width: 480px) {
  .automobilky .automobilka {
    flex: 1 0 100%; /* 1 sloupec */
  }
}