.sablona  { margin: 0 0 2em 0; padding: 10px; background-color: rgba(255,251,213,0.7); }
.sablona a { border: 0; }

.sTrans { background-color: transparent; padding: 0; }
.sBorder { padding-bottom: 10px; border-bottom: 1px solid rgba(150,150,150,0.25); }

.fotoFloat { max-width: 50%; }
.fotoFloatLeft { float: left; margin-right: 1em; }
.fotoFloatRight { float: right; margin-left: 1em; }
.fotoFloatCenter { display:block; margin-left: auto; margin-right: auto; }

.sablonaImgWrap img { width: 100%; }
.sablonaImgWrap p { margin: 0.2em 0 0 0 !important; padding: 0 !important; font-size: 80% !important; line-height: 1.2 !important;}
  
  .sablona-img-1 { width: 100%; margin: 0; }
  .sablona-img-21 { float:left; width: calc(50% - 5px); }
  .sablona-img-22 { float:right; width: calc(50% - 5px); }
  
  .sablona-img-31 { float:left; width: calc(33.3% - 7px);  }
  .sablona-img-32 { float:left; width: calc(33.3% - 7px); margin-left: 11px; }
  .sablona-img-33 { float:right; width: calc(33.3% - 7px); }

  .sablona-img-c-1-1 { float:left; width: calc(66.6% - 7px);  }
  .sablona-img-c-2-21 { float:right; width: calc(33.6% - 7px);  }
  .sablona-img-c-2-22 { float:right; width: calc(33.6% - 7px); margin-top: 10px;  }
  
  .sablona-img-c-2-31 { float:right; width: calc(33.6% - 7px);  }
  .sablona-img-c-2-32 { float:right; width: calc(33.6% - 7px); margin-top: 10px;  }
  .sablona-img-c-2-33 { float:right; width: calc(33.6% - 7px); margin-top: 10px;  }
  
  .sablona-img-c-1-21 { float:left; width: calc(33.6% - 7px);  }
  .sablona-img-c-1-22 { float:left; width: calc(33.6% - 7px); margin-top: 10px;  }
  .sablona-img-c-2-1 { float:right; width: calc(66.6% - 7px);  }
  
  .sablona-img-c-1-31 { float:left; width: calc(33.3% - 7px);  }
  .sablona-img-c-1-32 { float:left; width: calc(33.3% - 7px); margin-top: 10px;  }
  .sablona-img-c-1-33 { float:left; width: calc(33.3% - 7px); margin-top: 10px;  }
  
  /* Ctyrlistek */
  .sablona-img-q-1-21 { float:left; width: calc(50% - 4px);  }
  .sablona-img-q-1-22 { float:left; width: calc(50% - 4px); margin-top: 10px;  }
  
  .sablona-img-q-2-21 { float:right; width: calc(50% - 4px);  }
  .sablona-img-q-2-22 { float:right; width: calc(50% - 4px); margin-top: 10px;  }
  
  /* Triple  */
  .sablona-img-t-1 { float:left; width: calc(33.3% - 6px);  }
  .sablona-img-t-2 { float:left; width: calc(33.3% - 6px); margin-left: 10px;  }
  .sablona-img-t-3 { float:right; width: calc(33.3% - 6px);  }
  
  
  /* Triple  */
  .sablona-img-kv-1 { float:left; width: calc(25% - 7px);  }
  .sablona-img-kv-2, .sablona-img-kv-3 { float:left; width: calc(25% - 7px); margin-left: 10px;  }
  .sablona-img-kv-4 { float:right; width: calc(25% - 7px);  }
  
  
  
  .informace-o-clanku .sablona p { line-height: 25px; margin: 0; padding: 0 0.5em !important; text-align: left; line-height: 1.5 !important; }
  .informace-o-clanku .sablona p.foto { text-align: right; font-size: 80%; }
  
  .informace-o-clanku .sTrans p { padding: 0; } 
  
  .informace-o-clanku .sBlack p { color: #ffcc99; }
  
  .sablona-2 .sablona-img-1 { margin: 10px 0 0 0; }
  .sablona-4 .sablona-img-1 { margin: 10px 0 0 0; }
  .informace-o-clanku .sablona-2 p { margin-top: 0; }
  
  .row2 { margin-top: 10px; }
  
  /* samostatne foto */
  
  .single-right { float: right; width: 50%; margin: 0 0 20px 20px; }
  
  .informace-o-clanku .sablonaTextContainer { margin: 0.5em 0 0 0; }
  
  .informace-o-clanku .sablona p.sablonaAutor { font-size: 80%; color: #7e7e7e; }
  
  .sablonaTextContainer h2, .sablonaTextContainer h3 { 
                                         font-family: 'Oswald', sans-serif;
                                         font-weight: bold;
  }
  
  .sablonaTextContainer ul { list-style-type: square; margin: 0.5em 0 1em 2em; }
  
  @media (max-width: 550px)  {
   
   
   
     .sablona  { padding: 0; background-color: #fff; }
     .sablona .sablonaImgWrap { float: none; width: 100%; margin: 0 0 1.5em 0; }
     .sablonaImgWrap p { margin: 0 0 0.6em 0 !important; }
     
     .sablona img { 
                  display: block !important; 
                  width: 100% !important;
                  margin: 8px 0 !important;
     }
     
     .informace-o-clanku .sablonaTextContainer p span { color: #000 !important; }
     .informace-o-clanku .sablona p { font-size: 90%; margin-top: 0; padding: 0; }
     .sBorder { padding-bottom: 10px;  }
     .informace-o-clanku .sablona p.foto { font-size: 70%; }
     
     .single-right { float: none; width: 100%; margin: unset; }
     
     
      .fotoFloat { width: 100%; max-width: 100% }
      .fotoFloatLeft { float: none; margin-right: 0; }
      .fotoFloatRight { float: none; margin-left: 0; }
     
   }