/** 
 *  @file Responsivní stylopis Mladějov
 *   
 *  @author Marek Skalka, 12/2018
 *  
 */ 

  
  /* Obecná pravidla */

  body {
    background:  #fff;
    font-family: Verdana, Tahoma, lucida, sans-serif;
    margin: 0;
    text-align: center; /* IE6 centrovani bloku */
    min-width: 0px;
    font-size: 100%;
   }
  
  h1, h2 {    
    font-size: 135%; 
    color: #000; 
    padding: 0; 
    font-family: Times, serif; 
  }
  
  h3 {
    margin-top: 1.5em;
    clear: both;
    font-size: 105%;     
    color: #544936;  
  }
  
  h4 {
    font-size: 100%;
    margin: 1em 0em 0.5em;     
  }  

  .main h1 {        
    margin-top: 11px; /* První nadpis v těle stránky zarovnaný s nadpisy v boxech */
    /* text-shadow: 0.1em 0.1em 3px #d4ccc0; */        
  }

  a {
    color: #008800; 
  }
  
  a:hover, a:focus {
    color: #882200; 
    text-decoration: underline;
  }
  
  a img {
    border: none; 
  }
  
  strong {
    color: #544936;
  }
  
  table {  
    border-collapse: collapse; 
    empty-cells: show; 
    border: 1px solid #000; 
    margin-bottom: 0.5em; 
    margin-right: 1em;    
  }
  
  td { 
    border: 1px solid #000; 
    padding: 0 1ex;
    font-size: 85%;
  }
  
  th { 
    border: 1px solid #000; 
    padding: 0; 
    text-align: center; 
    padding: 0 1ex;
    font-size: 85%;
  }
  
  a.www {
    padding-right: 16px;
    background: url("www.png") top right no-repeat;
  }
  
  a.www:hover, a.www:focus {    
    background: url("wwwhover.png") top right no-repeat;
  }
  
  a.cs {
    padding-right: 16px;
    background: url("cs.png") top right no-repeat;
  }
  
  a.cs:hover, a.cs:focus {    
    background: url("cshover.png") top right no-repeat;
  }  

  a.mailto {
    padding-right: 16px;
    background: url("mailto.png") top right no-repeat;
  }
  
  a.mailto:hover, a.mailto:focus {    
    background: url("mailtohover.png") top right no-repeat;
  }

  a.pdf {
    padding-left: 20px;
    background: url("page_white_acrobat.png") top left no-repeat;
  }
  
  a.pdf:hover, a.pdf:focus {    
    background: url("page_white_acrobat.png") top left no-repeat;
  }  
  
  .nonVisual a {
    position: absolute;
    display: block;
    top: 1px;
    left: 1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  .nonVisual a:focus {
    height: auto;  
    width: auto;	  
    height: auto;
    padding: 1ex;
    line-height: 24px;
    overflow: visible;
    z-index: 500;
    color: #882200;
    background: #fff;
    border: 2px solid #008800;
  }  
  
  .hidden, .print_only {
     display: none;  
  }
  
  ins {     
    width: 400px;
    text-decoration: none;
    color: #a00;
    background: #fe8;     
  }  
  
  
  /*  Rámeček kolem celého obsahu stránky  */
  
  /*
  .page_t { 
    margin: 0 auto; 
    width: 99%; 
    background: #fff url("pgt.png") top left repeat-x; 
    text-align: left; 
    max-width: 1400px;
  }
  
  .page_b { 
    background: url("pgb.png") bottom left repeat-x; 
  }
  
  .page_l { 
    background: url("pgl.png") top left repeat-y; 
  }
  
  .page_r {  
    background: url("pgr.png") top right repeat-y; 
  }
  
  .page_tl { 
    background: url("pgtl.png") top left no-repeat; 
  }
  
  .page_tr { 
    background: url("pgtr.png") top right no-repeat; 
  }
  
  .page_bl { 
    background: url("pgbl.png") bottom left no-repeat; 
  }
  
  .page_br { 
    background: url("pgbr.png") bottom right no-repeat; 
    padding: 4px; 
  }
  */
  
  /*#content { 
    overflow: hidden; 
    padding: 16px 16px;
  } 
  */
  
   
  
  #content { 
    padding: 16px 16px;
    background: #fff;
    margin: 0 auto; 
    text-align: left; 
  }    


  /* Textově grafická loga stránky */
 
  
  #logos h3 {
    margin: 0; padding: 0; font-size: 120%;
  }
  
  #logos { 
    height: 87px;  
    position: relative; 
    overflow: hidden; 
  }
   
  #logo1, logo2 { 
    width: 340px; 
    height: 77px; 
    overflow: hidden; 
  }
  
  #logo1 { 
    position: absolute; 
    top: 8px; 
    left: 8px; 
  }
  
  #logo2 { 
    position: absolute; 
    top: 8px; 
    right: 8px; 
    text-align: right; 
  }
  
  #logo1 h3, #logo2 h3 { 
    position: relative;     
    width: 340px;  
    height: 77px; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
  }
  
  #logo1 h3 a, #logo2 h3 a { 
    text-decoration: none; 
  }
  
  #logo1 h3 span, #logo2 h3 span { 
    display: block; 
    position: absolute; 
    left: 0; 
    top: 0; 
    z-index: 1; 
    width: 340px; 
    height: 77px; 
    margin: 0; 
    padding: 0; 
    cursor: pointer; 
  }
  
  #logo1 h3 span { 
    background: url("logo1a2.png") top left no-repeat; 
  }
         
/*  #logo2 h3 span { 
    background: url("logo2.png") top right no-repeat; 
  }*/
  
  #logo2 {
    display: none;
  }

  
  /*  Navigační lišta 1 s menu  */   

  ul.menu  {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 8pt;
    font-weight: bold; 
  }
   
  ul.menu  a {       
    /* background: url("item2@40.png") 0 50% repeat; */
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
  }

  ul.menu a:hover {   
    background: url("item2a@40.png") 0 50% repeat;
    display: block;
    height: 40px;
    line-height: 40px;
  }
  
  .menu li.current {   
    background: url("item2a@40.png") 0 50% repeat;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-decoration: none;
    color: #606060;
  }  

  .menu li {   
    background: url("item2@40.png") 0 50% repeat;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-decoration: none;
    color: #606060;
  } 
  
  /*#bar1 { 
    background: url("hrt.png") repeat-x #168f03; 
    position: relative; 
    z-index: 100;  
  }
  
  #bar1 { 
    clear: both; 
    height: 24px; 
    font-size: 8pt; 
    color: #fff; 
  }
      
  #bar1 a:hover, #bar1 a:focus { 
    color: #fff;
    background: url("hrta.png") 0 0 repeat #86c404; 
    text-decoration: none; 
  }     
      
  .menu  {     
    padding: 0;
    margin: 0;
  }

  .menu a, .menu span {
    text-decoration: none;
    color: #eee;
    display: block;
    padding: 6px 1ex 0; 
    font-weight: bold; 
  }
  
  .menu span {
    color: #ddd;
  }  

  .menu ul, .menu li {
    list-style-type: none;
    background: url("hrt.png") #168f03;
    margin: 0;
    padding: 0;           
  }
  
  ul.level1 li.item1
  {
    float: left;
    position: relative;    
    height: 24px;
    line-height: 18px;
  }
  
  */
  ul.level2 {display: none;}
  /*
  ul.level2
  {
    position: absolute;
    z-index: 90;     
    left: 0;
    border-top: 1px solid #fff;
    top: 23px;     
    width: 240px; 
    background: #168f03;
    visibility: hidden; 
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
 
  #bar1 ul.level2 li.item2 a
  {
    background: url("item2.png") 0 50% repeat;
    display: block;
    padding: 0 1ex;
    height: 20px;
    line-height: 20px;
  }

  #bar1 ul.level2 li.item2 a:hover
  {
    background: url("item2a.png") 0 50% repeat #86c404;     
  }

  ul.level1 li.item1:hover
  {
    
  }    

  ul.level1 li.item1Hover ul.level2, ul.level1 li.item1:hover ul.level2
  {
    visibility: visible;
    
  }  
  */


  /*  Navigační lišta 2 s drobečkovou navigací  */   

  
  #bar2 {
    margin-top: 1em;
    padding: 0 1em;
    font-size: 8pt; 
    /* color: #fff; */ 
  }
  /*#bar2 a, #bar2 span { 
    
    display: block; 
    float: left; 
    display: inline-block;
    text-decoration: none; 
    color: #fff; 
    height: 24px; 
  }
  
  #bar2 a { 
    padding-left: 1ex; 
    padding-right: 1ex;     
  }
  
  #bar2 { 
    clear: both; 
    height: 24px; 
    font-size: 8pt; 
    color: #fff; 
    position: relative; 
  }
  
  #bar2 { 
    background: url("hrb.png") #168f03 repeat-x; 
    overflow: hidden;  
  }
  
  #bar2 span, #bar2 a { 
    line-height: 18px; padding-bottom: 6px; 
  }
  
  #bar2 a:hover, #bar2 a:focus {
    background: url("hrba.png") repeat-x;  
  }*/
  
  
  
  
  /* #youarehere { 
    position: absolute; top:0; left:0; 
  }*/
  

 


    
  /*
  
  #languages { 
    position: absolute; top:0; right:0;
    background: url("hrb.png") #168f03 repeat-x;  
  }  
  
  */
  #navigation .hidden { display: none; }

  
  #youarehere .print_only {
     display: none;  
  }
  /*

  /*  Poster mezi navigačními lištami */
    
  /*.poster { 
    display: block;
    float: left; width: 100%; 
    height: 132px; 
    background: 60% top url("poster-default.jpg");    
    text-decoration: none; 
    position: relative; 
    color: #e2dbd1;    
  }
 
  a .poster { 
    cursor: pointer; 
  }
  
  .poster span { 
    position: absolute; 
    bottom: 8px; 
    right: 8px;      
    font-size: 12pt; 
    font-weight: bold; 
    text-align: right;     
  }  
  */


  /* Box s kulatými rohy */

  .box {
    width: 100%;
    margin: 0;    
  }

  .box .tl {
    background: url(boxtl.png) top left no-repeat;
  }

  .box .tr {
    background: url(boxtr.png) top right no-repeat;
  }

  .box .bl {
    background: url(boxbl.png) no-repeat bottom left;
  }

  .box .br {
    background: url(boxbr.png) no-repeat bottom right;
  }

  .box .in {
    padding: 10px;     
  } 
   

  /* Zápatí stránky */
  
  #footer { 
    clear: both; 
    padding: 0px; 
    margin-top: 0em;
    position: relative; 
    font-size: 8pt; 
    /* height: 2.5em; */
    color: #000; 
    /* overflow: hidden; */ 
    background: url("hrf.png") top left repeat-x #fff;
    padding-top: 1em;
  }
  #lfooter, #rfooter { display: inline; margin-right: 1em;}
  
  /* #lfooter {
    position: absolute; top: 8px; left: 6px;
  }
  
  #rfooter {
    position: absolute; top: 8px; right: 6px;
    text-align: right; background: #fff; margin-left: 16px;
  }
  */

  /* Cleaner */

  .clear {
    clear: both;
  }  
  
  .cleaner {
    clear: both;
    font-size: 1px;
    height: 1px;
    width: 1px;
  }

  /*  Rozložení stránek  */

  /* layout2 = main + right*/
   
  /*
  .layout2 {
    padding-left: 0px;
    padding-right: 232px;     
  } 
  
  .layout2 .main {    
    float: left;    
    width: 100%; 
    padding-right: 16px;
  }
  */
  
  /*.layout2 .right {     
    float: left;        
    width: 220px;
    margin-right: -243px;     
    background: #fff;
  } 
  */   
  
  /* layout3 = left + main + right */
  /*.layout3 {
    padding-left: 232px;
    padding-right: 232px;    
  }

  .layout3 .left {     
    float: left;        
    width: 220px;
    margin-left: -232px;
    display: inline; //
  }
  
  .layout3 .main {    
    float: left;    
    width: 100%; 
    padding-right: 16px;
  }
  
  .layout3 .right {     
    float: left;        
    width: 220px;
    margin-right: -242px;     
    background: #fff;
  }    
  */
  
  /* layout4 = left + main */

  /*
  .layout4 {
    padding-left: 232px; 
    padding-right: 0px;
  }

  .layout4 .left {     
    width: 220px;
    float: left;            
    margin-left: -232px; 
    display: inline;     
  }
  
  .layout4 .main {
    width: 100%;
    float: left;    
    position: relative;  // IE 6 fix (roundainer) 
  }
  */
    
  .left p, .right p {
    font-size: 9pt;
    text-align: center;
   }
  
  
  fieldset {
     width: 16em;
     display: block;
     margin: 0.5em auto;  
  }
  
  label.textinput {
     width: 5em;
     margin-right: 0.5em;
     float: left;
     text-align: right;
  } 
  
  input.submit {
     display: block;
     margin: 0.5em auto;
  }

  /* Boxy v pravem sloupci */
  
  .infoBox { 
    margin-bottom: 1em; 
  }

  .infoBox .box { 
    background: #e2dbd1; 
  }
         
  .infoBox h2 { 
    text-align: center;
    margin: 0 0 0.5em; 
    font-size: 135%; 
    font-family: Times, serif;
    text-decoration: none;
    font-weight: normal;
  }
    
  .infoBox .more {
    text-align: right; 
    font-size: 9pt;
  }

  .infoBox p {
    text-align: center; 
    font-size: 8pt;
    margin: 6px 0;
  }

  .infoBox form {
    margin: 0;
    padding: 0;
  }
  
  .infoBox fieldset {
    font-size: 8pt;
    padding: 8px;
    border: 1px solid #bfb1a2;
  }

  .infoBox legend {
    margin: 0;
    padding: 0; 
    color: #000;   
  }

  .infoBox input {
    width: 170px;
    margin-bottom: 8px;
  }
  
  .infoBox .tableContainer {
    /*width: 215px;*/ 
    overflow: hidden;
    margin: 0 -9px 0px; 
    border: 1px solid #e5dfd5;        
  }
  
  .infoBox table {
    margin: 0 0;  /* IE6 nutnost */
    /* width: 215px; */
    width: 100%;    
    border: none;
  }
  
  .infoBox td {
    background: url("infoBoxItem40.png") 0 50% repeat;
    border: none;
    height: 40px;    
    margin: 0;
    padding: 0 2px;
    font-size: 8pt;  
    white-space: nowrap;         
  }
 
  .infoBox .sticky td, .infoBox .sticky th {
    background: url("infoBoxItemSticky40.png") 0 50% repeat;
  }

  .infoBox .disabled, .infoBox .disabled a  {
    color: #606060;         
  }

  .infoBox th {
    text-align: center;
    font-weight: bold;
    background: url("infoBoxItemSticky40.png") 0 50% repeat;
    border: none;
    height: 20px;    
    margin: 0;
    padding: 0 2px;
    font-size: 8pt;  
    white-space: nowrap;         
  }
  
  .infoBox td.notice {
    text-align: center;        
  }

  .right .www {
    background: none;
    padding-right: 0;
  }

  .right .www:hover {
    background: none;
  }
    
  .boxInfo span.br {
    display: block; 
    visibility: hidden; 
    height: 1px; 
    width: 1px;
  }  

  
  
  /*  Lokální navigace  */
  
  .infoBox .localMenu {
    /* width: 215px; */ 
    overflow: hidden;
    margin: 0 -9px 0px; 
    border: 1px solid #e5dfd5;        
  }
  
  .localMenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 8pt;
    font-weight: bold; 
  }
   
  .localMenu ul a {       
    background: url("infoBoxItem40.png") 0 50% repeat;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-decoration: none;
  }

  .localMenu ul a:hover {   
    background: url("infoBoxItemSticky40.png") 0 50% repeat;
    display: block;
    height: 40px;
    line-height: 40px;
  }
  
  .localMenu li.current {   
    background: url("infoBoxItemSticky40.png") 0 50% repeat;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-decoration: none;
    color: #606060;
  }  

  .localMenu li {   
    background: url("infoBoxItem40.png") 0 50% repeat;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-decoration: none;
    color: #606060;
  }    
  

  /* Nová pravidla 2016 */
  .main li {
    margin-top: 0.5em;
  }
  

  .localmenutopheader {
    display: none;
  }  

  /*                                       *
   *    Pravidla pro jednotlivé stránky    *
   *                                       */

 
  /*  Homepage  */
  
  /* Uvitaci text na titulni strance */
  
  
  .welcometext .box, .welcometextMpd .box, .welcometextPmm .box  {     
    background: #e2dbd1 /*url("welcome.png") bottom left no-repeat*/; 
    margin-bottom: 1.5em; 
  }
  /*
  .welcometext .in { 
    padding-left: 210px; 
  }
  */
  .welcometextMpd, .welcometextPmm {display: none;}
  
  
  /* Bloky odkazů - kudy do Mladějova */
  
  .odkazy a {
    margin-right: 1em;
    font-size: 90%;
  }
  
  .odkazy a.www {
    margin-right: 0.5em;
  }
  

  /* Odrážky - Mapa stránek */
  
  .main ul, .main ul ul, .main ul ul ul { 
    font-size: 100%;
    list-style-type: disc;
  }


  /* Odstavce */
  
  .main p {
    margin-bottom: 1em;
    line-height: 1.33;
  }
   
 
  /* Aktuality */ 
   
  .clanek {
    margin-bottom: 1.5em;
  }
 
  .perex {        
    color: #4d412d;
  }
    
  img.thumb {
    float: left; 
    margin-right: 0.5em; 
    /*padding: 1px;
    border: 1px solid #999;*/   
  }
  
  p.more {
    text-align: right; /* aktuality */
    margin-top: -1em; 
  }  
  
  /* Odkaz na RSS */
  
  .feed {
    margin-left: 3px;
    padding: 0 0 0 19px;
    background: url("../styles/rss.png") no-repeat 0 50%;
  }   

  .fb {
    margin-left: 3px;
    padding: 0 0 0 19px;
    background: url("../styles/fb.png") no-repeat 0 50%;
  }   


  /* Obrazky v textu */ 
  
  .imageR {
    display: block;
    margin: 0.5em auto 0; 
  } 

  .imageL {
    display: block;  
    margin: 0.5em auto 0;
  }   

  
  /* Box s kulatymi rohy, zejmena pro obrazky */
  
  .roundainer {
    position: relative;
  }
  .roundainer img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .roundainer .tl {
    position: absolute;
    top: 0px;
    left: 0px;
    background:url("../styles/round.png") left top no-repeat;
  }
  .roundainer .tr {
    position: absolute;
    top: 0px;
    right: 0px;
    background:url("../styles/round.png") right top no-repeat;
  }
  .roundainer .bl {
    position:absolute;
    bottom: 0px;
    left: 0px;
    background:url("../styles/round.png") left bottom no-repeat;
  }
  .roundainer .br {
    position:absolute;
    bottom: 0px;
    right: 0px;
    background:url("../styles/round.png") right bottom no-repeat;
  }
  .roundainer .tl, .roundainer .tr, .roundainer .bl, .roundainer .br {
    width: 8px;
    height: 8px;
    font-size: 0.10em;
  }  
  .popisek {
    text-align: center;
    font-size: 80%;
    color: #4d412d;
    font-style: italic;             
  }
  
    
  /* Fotogalerie */
  
  .fotobox, .gallerybox {     
    width: 200px; 
    height: 195px; 
    overflow: hidden;
    float: left; 
    text-align: center;
    margin-right: 1em;
    margin-bottom: 1em;
  }
    
  .fotobox img {
    display: block;
    border: 1px solid #999;
    padding: 6px;    
    margin-left: auto; 
    margin-right: auto;     
  }  
  .fotobox a  {         
    text-decoration: none; /*underline;*/
  }
  .fotobox a .popisek, .gallerybox a .popisek {    
    color: #008800;
    font-style: normal;
  }    
  .fotobox a:hover, .fotobox a:focus, .gallerybox a:hover, .gallerybox a:focus  {
    text-decoration: underline;
  }
  .fotobox a:hover .popisek, .fotobox a:focus .popisek, .gallerybox a:hover .popisek, .gallerybox a:focus .popisek {    
    color: #882200;
  }
  .fotobox a:hover img, .fotobox a:focus img {    
    border-color: #882200;
  }        
  
  /* Alba */
  .gallerybox {  
    height: 196px; /* 190-1-6-1-6+7+13*/
  }   
  
  .gallerybox .gallerybox1 {
    display: block;    
    border: none;
    width: 160px;
    height: 120px;
    padding: 7px 13px 13px 7px;    
    margin-left: auto; 
    margin-right: auto;   
    background: url("../styles/album.png") top left no-repeat;  
  }  
  
  .gallerybox .gallerybox1 .gallerybox2 {     
    display: table; 
   }

  .gallerybox .gallerybox1 .gallerybox2 .gallerybox3 {
     width: 160px;
     height: 120px;
     display: table-cell; 
     vertical-align: middle;
   }

  .gallerybox a:hover .gallerybox1, .gallerybox a:focus .gallerybox1 {    
    background: url("../styles/albuma.png") top left no-repeat;
  }      

    
  /* Tabulky vseho druhu */
  
  th { 
    height: 2em; 
    background: #7eb904 url('gradient1.png') 50% 0; 
    padding: 0 8px;
    text-align: center; 
    font-weight: bold;  
  }
  table tr:hover {
    background: #ebe6dc;
  } 


  /* Jizdni rady */
  .jizdni-rad td {
    border-top: none; 
    border-bottom: none;
  }   
  .jizdni-rad td.cas {
    text-align: right;
  }
  .jizdni-rad td.prujezd {
    text-align: center; 
    padding: 0 0 0 0;
  }   
  .jizdni-rad td.km {
    text-align: center;
  }
  .jizdni-rad th.cislo {
    width: 3em;
    min-width: 3em;
  }
  .jizdni-rad td.zast {
    width: 15em; 
    font-weight: bold;
  }
  .jizdni-rad th.cislo span.poznamky {
    margin-left: -8px;
    margin-right: -8px;
    width: 3em;
    min-width: 3em;
  }  
  
     
  /* Kalendar */
  
  .kalendar {
    float: left; 
    width: 286px; 
    height: 312px; 
    margin: 0em 20px 20px 0em; 
    border: 1px solid #fff; /* IE */
  }
  .kalendar td { 
    text-align: right; 
    width: 40px; 
    height: 40px; 
    vertical-align: top; 
    border-top: 1px solid #000; 
    padding: 0 2px;
  }
  .kalendar th { 
    height: 27px; 
  }      
  .kalendar table { 
    width: 100%; 
  }  
  .kalendar .today { 
    /* background: #fee; */ 
    color: #d00; 
    /* font-weight: bold; */ 
    /* border: 1px solid #c00; */ 
  }
  .kalendar .highlight { 
    background: #fcfccc;  
  }  
  .kalendar .past { 
    background: #eee;  
    color: #444; 
  }
  .kalendar tr:hover { 
    background: none; 
  } 


  
  /* Tarif */
    
  table.tarif tr:hover {
    background: none;
  } 
  .tarif th { 
    vertical-align: middle;  height: 3em; width: 12%; 
  }
  .tarif td { 
    text-align: center; vertical-align: middle; border: 1px solid #000; 
  }
  .tarif .xx {  
    background: #7eb904 url('gradient1.png') 50% 0; /* Bunky na uhlopricce */ 
  }
  .tarif .js { 
    background: #fcfccc;  /* Jednosmerne */
  }
  .tarif .zp { 
    background: #cdf; /* Zpatecni */
  }
  table.tarif { 
    border: none; max-width: 80em;
  }
  .tarif .invisible_tl {
    border-left: none; 
    border-top: none;
    background: none; /* top left */
  }
  .tarif .invisible_bl {
    border-left: none; 
    border-bottom: none; 
    background: none; /* bottom left */
  }
  .tarif .invisible_br {
    border-right: none; 
    border-bottom: none; 
    background: none; /* bottom right */
  }  
  .tarif .invisible_border {
    border: none; 
    background: none; 
  }    
  
  
  
  /* Ctvereckova navigace */
  
  .sq {
    display: block;
    float: left;
    height: 200px;
    width: 200px;
    margin: 0em 1em 1em 0em;
    position: relative;   
    background: #888;
  }
  
  a .sq {
    cursor: pointer;
  }  
  
  a .sq span {
    position: absolute;
    color: #e2dbd1;
    text-align: center;
    font-weight: bolder;
    bottom: 0.5em;
    left: 0em;
    right: 0em;
    width: 200px;
    text-decoration: underline;
  }
  
  a:hover .sq span {
    color: #ffffff;  
    text-decoration: none;  
  }  
  
  
  
  /*
  .sqKraussLinz7485 { background: url("sq-krauss-linz-7485.jpg") #aaa no-repeat 0 0; } 
  .sqKraussLinz7485:hover { background: url("sq-krauss-linz-7485.jpg") #888 no-repeat 0px -200px; }
  .sqKraussLinz1518 { background: url("sq-krauss-linz-1518.jpg") #aaa no-repeat 0 0; }  
  .sqKraussLinz1518:hover { background: url("sq-krauss-linz-1518.jpg") #888 no-repeat 0px -200px; }  
  .sqBS80 { background: url("sq-bs-80.jpg") #aaa no-repeat 0 0; }  
  .sqBS80:hover { background: url("sq-bs-80.jpg") #888 no-repeat 0px -200px; }  
  .sqBNE50 { background: url("sq-bne50.jpg") #aaa no-repeat 0 0; }         
  .sqBNE50:hover { background: url("sq-bne50.jpg") #888 no-repeat 0px -200px; }
  .sqBN60H { background: url("sq-bn-60h.jpg") #aaa no-repeat 0 0; }
  .sqBN60H:hover { background: url("sq-bn-60h.jpg") #888 no-repeat 0px -200px;    }
  .sqDH30D { background: url("sq-dh-30d.jpg") #aaa no-repeat 0 0; }
  .sqDH30D:hover { background: url("sq-dh-30d.jpg") #888 no-repeat 0px -200px; }
  .sqFaurL18H { background: url("sq-faur-l18h.jpg") #aaa no-repeat 0 0; }
  .sqFaurL18H:hover { background: url("sq-faur-l18h.jpg") #888 no-repeat 0px -200px; }
  .sqMD3 { background: url("sq-md-3.jpg") #aaa no-repeat 0 0; }
  .sqMD3:hover { background: url("sq-md-3.jpg") #888 no-repeat 0px -200px; }    
  .sqDH70D { background: url("sq-dh-70d.jpg") #aaa no-repeat 0 0; }
  .sqDH70D:hover { background: url("sq-dh-70d.jpg") #888 no-repeat 0px -200px; }
  .sqBN30R { background: url("sq-bn-30r.jpg") #aaa no-repeat 0 0; }
  .sqBN30R:hover { background: url("sq-bn-30r.jpg") #888 no-repeat 0px -200px; }
  .sqTLD6 { background: url("sq-tld-6.jpg") #aaa no-repeat 0 0; } 
  .sqTLD6:hover { background: url("sq-tld-6.jpg")  #888 no-repeat 0px -200px; }  
  */
  
  .sqKraussLinz7485 { background: url("sqs-vozidla.jpg") #aaa no-repeat 0px 0px; } 
  .sqKraussLinz7485:hover { background: url("sqs-vozidla.jpg") #888 no-repeat 0px -200px; }
  .sqKraussLinz1518 { background: url("sqs-vozidla.jpg") #aaa no-repeat -200px 0px; }  
  .sqKraussLinz1518:hover { background: url("sqs-vozidla.jpg") #888 no-repeat -200px -200px; }  
  .sqBS80 { background: url("sqs-vozidla.jpg") #aaa no-repeat -400px 0px; }  
  .sqBS80:hover { background: url("sqs-vozidla.jpg") #888 no-repeat -400px -200px; }  
  .sqBNE50 { background: url("sqs-vozidla.jpg") #aaa no-repeat -600px 0px; }         
  .sqBNE50:hover { background: url("sqs-vozidla.jpg") #888 no-repeat -600px -200px; }
  .sqBN60H { background: url("sqs-vozidla.jpg") #aaa no-repeat -800px 0px; }
  .sqBN60H:hover { background: url("sqs-vozidla.jpg") #888 no-repeat -800px -200px;    }
  .sqDH30D { background: url("sqs-vozidla.jpg") #aaa no-repeat -1000px 0px; }
  .sqDH30D:hover { background: url("sqs-vozidla.jpg") #888 no-repeat -1000px -200px; }
  .sqDH70D { background: url("sqs-vozidla.jpg") #aaa no-repeat -1200px 0px; }
  .sqDH70D:hover { background: url("sqs-vozidla.jpg") #888 no-repeat -1200px -200px; }
  .sqFaurL18H { background: url("sqs-vozidla.jpg") #aaa no-repeat -1400px 0px; }
  .sqFaurL18H:hover { background: url("sqs-vozidla.jpg") #888 no-repeat -1400px -200px; }
  .sqBN30R { background: url("sqs-vozidla.jpg") #aaa no-repeat -1600px 0px; }
  .sqBN30R:hover { background: url("sqs-vozidla.jpg") #888 no-repeat -1600px -200px; }
  .sqMD3 { background: url("sqs-vozidla.jpg") #aaa no-repeat -1800px 0px; }
  .sqMD3:hover { background: url("sqs-vozidla.jpg") #888 no-repeat -1800px -200px; }    
  .sqTLD6 { background: url("sqs-vozidla.jpg") #aaa no-repeat -2000px 0px; } 
  .sqTLD6:hover { background: url("sqs-vozidla.jpg")  #888 no-repeat -2000px -200px; }  

  .sqLokomobilaBrandLhuillier { background: url("sqs-exponaty.jpg") #aaa no-repeat 0px 0px; }  
  .sqLokomobilaBrandLhuillier:hover { background: url("sqs-exponaty.jpg")  #888 no-repeat 0px -200px; }
  .sqDumper { background: url("sqs-exponaty.jpg") #aaa no-repeat -200px 0px; }  
  .sqDumper:hover { background: url("sqs-exponaty.jpg")  #888 no-repeat -200px -200px; }      
  .sqSkodaD500 { background: url("sqs-exponaty.jpg") #aaa no-repeat -400px 0px; }  
  .sqSkodaD500:hover {background: url("sqs-exponaty.jpg")  #888 no-repeat -400px -200px; }    


/* Eastereggs */
  .mirror{
    display: inline-block;
    transform: scaleX(-1); 
    filter: FlipH; /* IE 6-7-8 */
  }
  

@media only print and (min-width: 40em) {    
  
}  

/*
  .leftColumn {
    width: 45%; 
    float:left; 
    padding-right: 3em;
  }  
  .rightColumn {
    width: 45%; 
    float:left; 
  }  
  */
  
  .souvisejiciGalerie {
    display: none;
  }
  
  div.mainImg div {
    max-width: 100%;
  }
  
  div.mainImg div img {
    max-width: 100%;
    height: auto;
  }  
  
  .no-mobile {
    display: none;
  }