html,body {padding: 0; margin: 0; height: 100%;}
body {font-family: 'Open Sans', sans-serif;}

#body_container {max-width: 100%; min-width: 1180px; overflow-x: hidden; min-height: 100%; height: 100%;}
#main_container {position: relative; display: block; width: 1180px; padding: 0; margin: 0 auto; min-height: 100%;}
#page {position: relative; display: block; width: 1180px; padding: 0 0 90px 0; margin: 0 auto;}

@media (max-width: 1179px) {
	#body_container {min-width: 584px;}
	#main_container {width: 584px;}
	#page {width: 584px; overflow: none; padding-bottom: 20px;}
}

header {position: relative; display: block; height: 145px; text-align: center; background-image: url('../images/layout/cara.png'); background-position: center 73px; background-repeat: no-repeat;}
header .logo {position: relative; display: block; margin: 0; padding: 16px 0 0 0; height: 73px; }
header .logo a {position: relative; text-decoration: none;}
header .logo a img {border: 0;}

header .hlavni-menu {position: relative; display: block; margin-top: 7px;}
header .hlavni-menu  ul {list-style-image: url('../images/layout/li.png'); line-height: 50px; margin: 0; padding: 0 0 0 39px;}
header .hlavni-menu  ul li {float: left; line-height: 50px; text-align: left; padding: 0 0 0 0; margin: 0 0 0 85px; width: 200px;}
header .hlavni-menu  ul li:last-child {margin-right: 0px;}
header .hlavni-menu  ul li a {font-size: 16px; color: #000; text-decoration: none; text-transform: uppercase;}
header .hlavni-menu  ul li a:hover {text-decoration: underline;}

@media (max-width: 1179px) {
	header .hlavni-menu  ul {padding-left: 64px;}
	header .hlavni-menu  ul li {margin-left: 0px; width: 130px;}
}

.promoblok1 {position: relative; display: block; width: 1920px; height: 220px; overflow: none; margin-left: -370px;}
.promoblok1 .banner-image {position: absolute; display: block; width: 1920px; height: 220px; overflow: hidden;}
.promoblok1 .banner-image .cycle-slideshow-promoblok1 {position: relative; display: block;}
.promoblok1 .banner-image .cycle-slideshow-promoblok1 div {position: relative; display: block;}
.promoblok1 .banner-image .cycle-slideshow-promoblok1 div img {}
.promoblok1 .banner-image .cycle-slideshow-promoblok1 .cycle-pager {text-align: center; width: 100%; z-index: 550; position: absolute; top: 10px; overflow: hidden;}
.promoblok1 .banner-image .cycle-slideshow-promoblok1 .cycle-pager span {font-size: 30px; width: 20px; display: inline-block; color: #94b0d8; cursor: pointer;}
.promoblok1 .banner-image .cycle-slideshow-promoblok1 .cycle-pager span.cycle-pager-active { color: #fff;}
.promoblok1 .banner-image .cycle-slideshow-promoblok1 .cycle-pager > * { cursor: pointer;}

@media (max-width: 1179px) {
	.promoblok1 {margin-left: -668px;}
}

.promoblok2 {position: relative; display: block; margin-top: -65px; z-index: 10000; padding: 0 95px 0 95px;}
.promoblok2 ul {position: relative; display: block; margin: 0; padding: 0 0 0 0; list-style: none;}
.promoblok2 ul li {position: relative; float: left; display: block; width: 280px; height: 550px; text-align: center; margin: 0 75px 0 0;}
.promoblok2 ul li:last-child {margin-right: 0px;}
.promoblok2 ul li span.ikona {margin: 0 auto; position: relative; display: block; width: 155px; height: 155px; /*background-color: #fff;*/ padding: 20px 20px 20px 20px;}
.promoblok2 ul li h2 {margin: 0 0 35px 0; padding: 0; font-size: 30px; font-weight: 300; color: #868789; text-align: center;}
.promoblok2 ul li p {margin: 0; padding: 0 0 0 0; font-size: 16px; font-weight: 400; line-height: 26px; text-align: left;}
.promoblok2 ul li .odkaz {position: absolute; display: block; width: 100%; text-align: center; bottom: 20px;}
.promoblok2 ul li .odkaz a {margin: 0 0 0 0; padding: 0; font-size: 20px; text-transform: uppercase; text-decoration: none; color: #235090; font-weight: 700;}
.promoblok2 ul li .odkaz a:hover {text-decoration: underline;}

@media (max-width: 1179px) {
	.promoblok2 {padding: 0 150px 0 150px;}
	.promoblok2 ul li {width: 100%;}
	.promoblok2 ul li:nth-child(2n) {margin-right: 0px;}
}

.clanek {position: relative; display: block; padding: 50px 60px 30px 60px;}
.clanek .motiv {position: relative; display: block; widht: 155px; height: 155px; float: left; margin-right: 50px; margin-bottom: 25px;}
.clanek h1 {line-height: 155px; height: 155px; margin: 0 0 25px 0; padding: 0; font-size: 39px; font-weight: 300; color: #868789;}
.clanek-b .clanek h1 {padding-left: 80px; background-image: url('../images/layout/h1.png'); background-position: 30px 68px; background-repeat: no-repeat;}
.clanek h2 {clear: both; margin: 10px 0 20px 0; color: #235090; font-size: 16px; line-height: 26px; font-weight: 400;}
.clanek p {margin: 0; padding: 0 0 20px 0; font-size: 16px; font-weight: 400; line-height: 26px; text-align: left;}
.clanek p img {max-width: 100%;}
.clanek p img[style*="float: right"]  {margin-left: 25px; margin-bottom: 25px;}
.clanek p img[style*="float: left"]  {margin-right: 25px; margin-bottom: 25px;}
.clanek a {color: #235090; text-decoration: none;}
.clanek a:hover {color: #235090; text-decoration: underline;}
.clanek ul {clear: both; font-weight: 400; font-size: 16px; padding: 0 0 0 0; margin: 0 0 25px 20px; list-style: circle;}
.clanek ul li {list-style-image: url('../images/layout/li.png'); padding-left: 20px; margin-left: 20px; line-height: 26px;}
.clanek ol {clear: both; font-weight: 400; font-size: 16px; padding: 0 0 0 0; margin: 0 0 25px 20px;}
.clanek ol li {padding-left: 20px; margin-left: 20px; line-height: 26px;}

@media (max-width: 1179px) {
	.clanek {padding-left: 30px; padding-right: 30px;}
}

.fotogalerie-clanek {clear: both; padding: 0 60px 20px 60px;}
.fotogalerie {list-style: none; margin: 0 0 0 0;}
.fotogalerie ul {margin: 0; padding: 0; list-style: none;} 
.fotogalerie ul li {float: left; margin: 0 20px 0 0; text-align: center; padding-bottom: 10px; color: #235090;}
.fotogalerie ul li:nth-child(3n) {margin-right: 0px;}
.fotogalerie ul li a {display: block; width: 339px; height: 255px; outline: 0; margin-bottom: 5px;}
.fotogalerie ul li a img {border: 0;}
.fotogalerie ul li a:hover img {opacity: 0.5; filter: alpha(opacity=50);}

@media (max-width: 1179px) {
	.fotogalerie-clanek {text-align: center; padding-left: 122px;}
	.fotogalerie ul li {margin-right: 0; margin-left: 0;}
}

.soubory-clanek {clear: both; padding: 0 60px 30px 60px; font-size: 16px;} 
.soubory {list-style: none; margin: 0 0 0 0;}
.soubory ul {margin: 0; padding: 0; list-style: circle;} 
.soubory ul li {list-style-image: url('../images/layout/li.png'); padding-left: 20px; margin-left: 20px; line-height: 26px;}
.soubory ul li a {color: #235090; text-decoration: none;}
.soubory ul li a:hover {text-decoration: underline;}

.odkazy-clanek {clear: both; padding: 0 60px 30px 60px; font-size: 16px;}
.odkazy {list-style: none; margin: 0 0 0 0;}
.odkazy ul {margin: 0; padding: 0; list-style: circle;} 
.odkazy ul li {list-style-image: url('../images/layout/li.png'); padding-left: 20px; margin-left: 20px; line-height: 26px;}
.odkazy ul li a {color: #235090; text-decoration: none;}
.odkazy ul li a:hover {text-decoration: underline;}

footer {clear: both; position: absolute; display: block; width: 1120px; padding: 20px 30px 0 30px; height: 70px; overflow: none; bottom: 0px;}	
footer .copyright {position: relative; display: block; color: #000; font-size: 13px; font-weight: 400; line-height: 20px;}	
footer .copyright strong {font-weight: 400; color: #235090;}
footer .webdesign {position: relative; float: left; color: #9f9f9f; font-size: 10px; line-height: 20px; font-weight: 300;}	
footer .webdesign a {color: #9f9f9f; text-decoration: none;}	
footer .webdesign a:hover {text-decoration: underline;}	
footer .gdpr {position: relative; color: #9f9f9f; font-size: 10px; line-height: 20px; font-weight: 300; text-align: right;}	
footer .gdpr a {color: #9f9f9f; text-decoration: none;}	
footer .gdpr a:hover {text-decoration: underline;}	

@media (max-width: 1179px) {
	footer {clear: both; position: relative; width: auto;}
}

.clear {clear: both;}
.hidden {display: none;}