body {width:100% !important; margin:0 !important; padding:0 !important; line-height: 1.4; word-spacing:1.1pt; letter-spacing:0.2pt; font-family: Arial, Helvetica, sans-serif;color: #333; background: none; font-size: 10pt;}

/*Headings */
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif;}
h1, h2.h1{font-size:19pt; margin:15pt 0 5pt;}
h2{font-size:15pt; margin:15pt 0 5pt;}
h3{font-size:13pt; margin:15pt 0 5pt;}
h4,h5{font-size:12pt; margin:15pt 0 5pt;}

/* HELP STYLES */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.reset{border:0; margin:0; padding:0; background:none;}
.l { display: inline; float: left; }
.r { display: inline; float: right; }
.break {height: 1px; font-size: 1px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0 !important; padding:0 !important; width:100% !important;}

hr { background-color: #ccc; }

p{margin:0 0 1.3em;}

/* Images */
img {border: none;}
img.left {float: left; margin: 0.3em 20px 10px 0; clear: left;}
img.right {float: right; margin: 0.3em 0 10px 20px; clear: right;}

/* Links */
a {color:#666;}
a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 7pt; }
a[href^="http://"] {color:#000; }

/* Table */
table { margin: 5px 1px 15px; text-align:left; border-collapse: collapse; width:98% !important; font-size:8pt;}
th { border: 1px solid #333;  font-weight: bold; }
td { border: 1px solid #333; }
th,td {padding: 4px 10px 4px 10px;}
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr {page-break-inside: avoid;}

/* HIDDEN */
#main-menu, .main-img, #nav-skip, #footer .img, .footer-blue, .breadcrumb, .side-menu, .paging, .to-top, .news-more{display:none !important;}

/* LAYOUT */
#header {border-bottom: 1pt solid #000; margin: 0 0 15px; padding: 0 0 15px;}
#footer {border-top: 1pt solid #000; padding: 15px 0 0; margin:15px 0 0;}

#logo{display:block !important; text-decoration:none; margin:0; padding:0; font-size:20px; font-weight:bold; color:#333; }
#logo a{text-decoration:none; color:#333;}
#logo:after{content:"Základní škola a mateřská školka Knínice"; margin-left:20px; display:inline-block; vertical-align:middle;}
#logo img{width:100px; height:auto; vertical-align:middle;}

/*********/
.photo-list {
  margin: 0 -3px;
  overflow: hidden;
}
.photo-list > ul {
  width: 101%;
  margin: 0 -1% 0 0;
  letter-spacing: -0.31em;
  /* Webkit: collapse white-space between units */
  text-rendering: optimizespeed;
  /* Webkit: fixes text-rendering: optimizeLegibility */
}
.photo-list > ul > li {
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
.photo-list > ul > li {
  width: 33.00330033%;
}
.photo-list ul {
  margin-top: -6px;
}
.photo-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3px;
  margin-top: 6px;
}
.photo-list a {
  display: block;
  border: 1px solid #f8c995;
  padding: 17px;
  border-radius: 1px;
  -webkit-transition: background 0.3s ease, border-color 0.3s ease;
  -moz-transition: background 0.3s ease, border-color 0.3s ease;
  -o-transition: background 0.3s ease, border-color 0.3s ease;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.photo-list a:hover {
  border-color: #f07d02;
  background: #fdeede;
}
.photo-list .img {
  margin: 0;
}
.photo-list .img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.article-list {
  overflow: hidden;
}
.article-list ul {
  margin-top: -30px;
}
.article-list li {
  margin-top: 30px;
}
.article-list .spc {
  padding-left: 280px;
  display: block;
  text-decoration: none;
  color: #000000;
}
.article-list .spc:before,
.article-list .spc:after {
  content: " ";
  display: table;
}
.article-list .spc:after {
  clear: both;
}
.article-list .spc:before,
.article-list .spc:after {
  content: " ";
  display: table;
}
.article-list .spc:after {
  clear: both;
}
.article-list .spc:hover .img {
  border-color: #f07d02;
  background: #fdeede;
}
.article-list .spc:hover .title {
  color: #f07d02;
}
.article-list .date {
  color: #4a4a4a;
  margin: 0 0 10px;
}
.article-list .title {
  margin: 0;
  font-size: 20px;
}
.article-list .img {
  border: 1px solid #f8c995;
  float: left;
  padding: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 256px;
  margin: 0 0 0 -280px;
  border-radius: 1px;
}
.article-list .img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.article-list .desc {
  margin-bottom: 0;
}

.news-list {
  overflow: hidden;
}
.news-list ul {
  margin-top: -40px;
}
.news-list li {
  margin-top: 40px;
}
.news-list .title {
  font-size: 20px;
}
.news-list .annot {
  font-size: 18px;
  font-weight: bold;
}
.news-list .spc {
  display: block;
  text-decoration: none;
  color: #000000;
}
.news-list p.reset{
  display:none;
}