#contentRow #DeltaPlaceHolderMain .ms-WPBody,
#contentRow #DeltaPlaceHolderMain .ms-wpContentDivSpace { background-color: #F1F1F1; }
body { margin: 0; font-family: Arial; }
body a { text-decoration: none; }
.background { background-color: #F1F1F1; }

.whole { width: 1200px; margin: 0 auto; }

.clearFix { clear: both; }

.header h1 { text-transform: uppercase; margin: 30px 0 50px; }

.left { width: 25%; float: left; height: 100vh; }
.right { width: 75%; float: left; }
.iso .right { width: 100%; float: none; padding-bottom: 20px; }

.category p { color: #777; font-size: 13px; }
.category .subCat { font-weight: 700; }
.category .mainCat { border-top: 1px solid #CCCCCC; color: #777; font-size: 13px; font-weight: 700; padding: 15px 0; margin: 0; }
.category .mainCat:hover { cursor: pointer; }
.category .mainCat.arrow { position: relative; }
.category.expanded .mainCat.arrow { color: #DF2B2A; }
.category .mainCat.arrow:after { position: absolute; right: 25px; top: 18px; content: ""; border: solid #CCCCCC; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(45deg); transition: 0.3s; }
.category.expanded .mainCat.arrow:after { transform: rotate(-135deg); transition: 0.3s; }
.category.expanded .mainCat { border-bottom: 1px solid #CCCCCC; color: #df2b2f; }
.category:last-child .mainCat { border-bottom: 1px solid #CCCCCC; }
.category .subcategory { overflow: hidden; height: 0; }
.category .subcategory.expanded { margin-bottom: 15px; }
.category .box { overflow: hidden; height: 0; margin: 0; }
.category .subcategory.expanded .box { margin: 10px 0 0; }

.category .box:last-child hr { display: none; }
.category .subcategory .subCat { margin: 5px 0; }
.category .subcategory.expanded .subCat { margin: 5px 0 25px; color: #df2b2f; }
.category .subcategory.expanded .box:last-child { margin-bottom: 20px; }
.category .subcategory .subCat:hover { cursor: pointer; }
.category .subcategory:nth-child(2) .subCat { margin-top: 15px; }
.category .subcategory:last-child .subCat { margin-bottom: 30px; }

.box { width: 100%; margin-bottom: 50px; }
.box .inner { padding: 0 7.5px 0; }
.box:nth-child(1) .inner { padding: 0 15px 0 0; }
.box:nth-child(3n+1) .inner { padding: 0 15px 0 0; }
.box:nth-child(3n) .inner { padding: 0 0 0 15px; }
.box .miniature { background-color: white; height: 198px; }
.box hr { border: none; border-bottom: 1px solid #CCCCCC; margin-top: 20px; margin-left: 5px; }
.szablony .box .miniature { height: 396px; }
.box .overview { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; }
.box .overview img { width: auto; height: 100%; }
.box .download { margin: 5px 0 0; }
.box .download a { color: #777; font-size: 13px; margin-bottom: 20px; }
.box .download a:hover { text-decoration: underline; }
.box .download a span { vertical-align: middle; font-weight: 400; }
.box .download a img { vertical-align: middle; width: 20px; height: auto; margin-right: 10px; }
.box .downButton { padding: 5px 20px; border: 1px solid #666; margin-right: 10px; font-size: 12px; transition: 0.3s all; color: #666; }
.box .downButton:hover { cursor: pointer; /* background-color: #fff; */ transition: 0.3s all; border: 1px solid #df2b2f; }
.box .downButton img { width: 10px; height: auto; margin-left: 15px; margin-bottom: -1px; }

.logo .box { width: 33.33%; float: left; }
.logo .box .download a img { width: 15px; height: auto; }

.left .menu { padding: 0 7.5px; }
.left .menu p { margin-bottom: 15px; }
.left ul { padding: 0; margin: 0; }
.left ul li { list-style: none; }
.left ul li a { padding: 5px 0; display: inline-block; font-size: 13px; color: #666; }
.left ul li a:hover,
.left ul li a:active,
.left ul li a.active { color: #df2b2f; cursor: pointer; }

.right .innerPadding { padding: 0 7.5px; }
.iso .right .breadcrumbs p { margin-top: 0; padding-top: 15px; }
.right .breadcrumbs span { font-size: 11px; font-weight: 700; }
.right .breadcrumbs span a { color: #777; transition: 0.3s all; }
.right .breadcrumbs span a:hover,
.right .breadcrumbs span a:active,
.right .breadcrumbs span a.active { color: #df2b2f; transition: 0.3s all; }
.right .description p { color: #777; margin-bottom: 8px; }
.right .headText { font-weight: 700; font-size: 13px; }
.right .text { font-size: 12px; }

.right.procedury .download { padding-left: 30px; }
.right.procedury .download a img { margin-right: 20px; }
.right.procedury .download a:hover { text-decoration: underline; }