/* OBECNE *********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

body {margin: 0; padding: 0; color:#4f4f4f; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size:16px; line-height: 1.5em;}
a {outline:none;color:#5f76e2;}
strong {font-weight:700;}
.clear{clear: both;}
.clear:before, .clear:after {content: " "; display: table;}
.clear:after {clear: both;}

img {border: 0;	height: auto; max-width: 100%; -ms-interpolation-mode: bicubic;}
fieldset {border:none;}
.fotoright {float:right;margin:0 0 10px 10px;}


/* SPOLECNE *******************************************************************/

html, body {position: relative; height: 100%;}
.container {margin:0 auto; width:1000px; position:relative;}
h1 {font-family: 'Source Sans Pro', sans-serif; font-size: 30px; font-weight: 700; margin: 20px 0;color:#014a8f;}
h2 {font-family: 'Source Sans Pro', sans-serif; font-size: 25px; font-weight: 700; margin: 10px 0;}
h3 {font-family: 'Source Sans Pro', sans-serif; font-size: 20px; font-weight: 700; margin: 7px 0 5px 0;color:#888;}
p {margin: 0;}
.box-four {float: left; width: 25%; margin: 0;padding: 0;}
.box-four:nth-of-type(4n+1) {clear:both;}
.box-three {float: left; width: 32%; margin-right: 2%;}
a.box-three {text-decoration:none;}
.box-three:last-child {margin-right: 0 !important;}
.box-col4, .box-col8 {float: left; margin: 0;padding: 0;}
.box-col4 {width: 32%;}
.box-col8 {width: 66%; margin-right: 2%;}
.box-col5 {width: 50%; float: left;}
.box-four {float: left; width: 23%; margin: 0 2% 20px 0; padding: 0;}
.box-four:last-child {margin-right: 0;}
.btn {display: inline-block; background: #014a8f; border-radius: 3px; font-weight: 700; text-transform: uppercase; padding: 0 48px; margin: 8px 0;  color: #fff;  text-decoration: none;  line-height: 39px;}
#fotogalerie {clear:both;margin-top:20px;}
#fotogalerie strong {display:block;margin-bottom:10px;}
#fotogalerie a {display:inline-block;margin:0 3px 3px 0;max-width:232px;text-align:center;max-height:118px;padding:10px;background:#eee;vertical-align:top;line-height:118px;}
#fotogalerie a img {display:inline;vertical-align:middle;max-height:118px;}

/* HEADER *********************************************************************/

#header-wrap {background: url(../images/header-bg.jpg)  repeat-x center top #01adef; min-height: 400px;}
#header-wrap > .container {background: url(../images/people.png) no-repeat right top transparent;}
#header-top {position: relative; display: inline-block; width: 100%;}
#main-logo {display: block; position: relative; text-indent: -9999em; margin: 47px 0 52px 33px; background: url(../images/logo.png) no-repeat left top; height: 70px;}
#sub-logo, #sub-logo2 {display: inline-block; float: left; position: relative; text-indent: -9999em; }
#sub-logo {margin: 0 0 51px 33px; background: url(../images/slogo.png) no-repeat left bottom / contain; height: 70px; width: 100px;}
#sub-logo2 {margin: 0 0 51px 20px; background: url(../images/slogo2.png) no-repeat left bottom / contain; height: 70px; width: 80px;}
.cc-slogan {float: left; margin-left: 52px; margin-top: 0;/*25px; */color: #ffffff;}
.cc-slogan span {display: block;}
.cc-slogan .cc-slogan-author {font-style: italic; }
#cc-btn-navbar {display: none; color: #ffffff;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  background-color: #0e0e0e;  *background-color: #040404;  background-image: -moz-linear-gradient(top, #151515, #040404);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));  background-image: -webkit-linear-gradient(top, #151515, #040404);  background-image: -o-linear-gradient(top, #151515, #040404);  background-image: linear-gradient(to bottom, #151515, #040404);  background-repeat: repeat-x;  border-color: #040404 #040404 #000000;  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
#cc-btn-navbar {position: absolute;   padding: 5px 9px; right: 20px; top: 268px; border-radius: 4px;}
#cc-btn-navbar .cc-icon-bar {display: block;  width: 18px;  height: 2px; margin: 2px 0;  background-color: #f5f5f5;  -webkit-border-radius: 1px;     -moz-border-radius: 1px;          border-radius: 1px;  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

#mainnav .navigation {margin: 0; padding: 10px 10px 10px 9px; background: url(../images/menu-bg.jpg) repeat-x left center; height: 49px; border-radius: 3px;}
#mainnav .navigation ul {margin: 0; padding: 0; display: block;}
#mainnav .navigation ul li {display: inline-block; list-style: none; line-height: 49px;}
#mainnav .navigation li a {display: inline-block; font-size: 16px; font-weight: 400; text-transform: uppercase; margin: 0 18px; color: #ffffff; text-decoration: none;}
#mainnav .navigation li:last-of-type a {margin-right:0;}
#mainnav .navigation li a:hover,
#mainnav .navigation li a:active,
#mainnav .navigation li a.active {color: #fcd33d;}


/* MAIN CONTENT ***************************************************************/

#main {padding: 20px 0 30px;}
#box-ads {display: inline-block; width: 100%; margin-bottom: 20px;}
#box-ads .box-inner {min-height: 157px; padding: 0 132px 0 32px; color: #fff; overflow: hidden; line-height: 24px;}
#box-ads .box-property {background: url(../images/b1.png) no-repeat right top #89c541;}
#box-ads .box-blog {background: url(../images/b2.png) no-repeat right top #01a8f7;}
#box-ads .box-ze {background: url(../images/b3.png) no-repeat right top #f0941d;}
#box-ads .box-inner.box-ze {padding-right: 124px;}
#box-ads .box-inner span.nadpis {display:block;font-size: 26px; font-weight: bold; color: #fff; margin: 20px 0 20px; line-height: 40px; text-transform: uppercase;}

.btn-readmore {margin-top:1em !important;}
#section-bottom {background: #f3fafd;}
#section-bottom .section-inner {width: 100%; display: inline-block;}
#section-bottom .section-inner > h2 {color: #4f4f4f; position: relative; line-height: 40px; margin: 20px 0; text-align: center;}
#section-bottom .section-inner > h2 > span {position: relative; display: inline-block; color: #4f4f4f; line-height: 40px; font-size: 26px; font-weight: bold;}
#section-bottom .section-inner > h2 span:before, #section-bottom .section-inner > h2 span:after {position: absolute; content: ""; width: 135px; height: 1px; background: #cacaca; top: 21px;}
#section-bottom .section-inner > h2 span:before {left: -150px;}
#section-bottom .section-inner > h2 span:after { right: -150px;}
#section-bottom .box-readmore {text-align: center; margin: 0 0 30px; padding: 0;}
.box-inner a.foto {display:block;width:100%;height:135px;overflow:hidden;margin-bottom:5px;}
.box-inner a.foto img {display:block;width:100%;}
.box-four .box-desc, .box-four .box-desc a {color: #014a8f; font-weight: 700; line-height: 1em;text-decoration:none;}
.box-four .box-desc a:hover {text-decoration:underline;}
.box-four .box-desc p {color:#777;font-size:14px;font-weight:normal;margin-top:5px;}

.clanek {border-bottom:1px solid #eee;padding-top:5px;}
.clanek:last-of-type {border-bottom:none;}

#datum {float:right;margin-top:-50px;}
#formkontakt {padding:22px 0 0 0;}
#formkontakt input, #formkontakt textarea {padding:7px 7px;color:#5d5d5d;border:1px solid #e2e2e2;background:#fff;margin:0 15px 8px 0;}
#formkontakt input {width:300px;}
#formkontakt textarea {width:100%;height:130px;margin-right:0 !important;box-sizing:border-box;}
#formkontakt input.btn {border:none;height:35px;color:#fff;font-style:italic;padding:0 35px;background: #313131;width:auto;cursor:pointer;}
#formkontakt #inpcaptcha {width:230px;}

#formkontakt #code {vertical-align:top;display:inline-block;}
#formkontakt #code table td {vertical-align:top;}
#formkontakt #code table td a {margin-top:8px;display:block;}
#formkontakt #code a {border:none;}
#formkontakt #code a img {}
#formkontakt input[type="submit"] {margin-right:0;float:right;}


.strankovani {clear:both;text-align:center;padding:10px 0 10px 0;margin-bottom:20px;margin-right:30px;}
.strankovani > * {display:inline-block;margin:0 2px;padding:4px 12px;border:1px solid #d8dfea;}
.strankovani > span {border:1px solid #eee;}
.strankovani > strong {border:1px solid #014a8f;background:#014a8f;color:#fff;}
.strankovani a {text-decoration:none;}
.strankovani a:hover {background:#f5f5f5;}


#senatbox {margin:10px 0 30px 0;border:1px solid #d6d6d6;padding:25px;background: url(../images/senatbg.jpg) center center no-repeat;background-size:cover;}
#senatbox img {float:left;width:25%;display:block;height:auto;}
#senatbox #senatcontent {float:right;width:70%;display:block;}
#senatbox h2, #senatbox h2 span {color:#003478;font-size:45px;vertical-align:bottom;text-transform:uppercase;line-height:40px;}
#senatbox h2 {font-size:35px;display:block;margin-bottom:25px;}
#senatbox a {border:1px solid #d6d6d6;background: rgba(255,255,255,0.5) url(../images/senatbtn1.png) 0 0 no-repeat;height:88px;line-height:88px;width:48%;text-transform:uppercase;font-size:30px;
            text-decoration:none;color:#003478;box-sizing:border-box;padding-left:160px;}
#senatbox a:hover {border:1px solid #003478;}            
#senatbox a#senatbtn2 {background: rgba(255,255,255,0.5) url(../images/senatbtn2.png) 0 0 no-repeat;float:right;}
#senatbox * {display:inline-block;vertical-align:top;} 
#senatbox:after {content:'';clear:both;display:block;}

#xprogram #main .container ul {margin:20px 0;}
#xprogram #main .container li * {display:none;}
#xprogram #main .container li.active *, #xprogram #main .container li h3 {display:block !important;}
#xprogram #main .container li h3 {padding-left:35px;padding-top:7px;padding-bottom:7px;background: #fafafa url(../images/listopen.png) 11px 13px no-repeat;cursor:pointer;border:1px solid #ccc;}
#xprogram #main .container li.active h3 {background: #fafafa url(../images/listclose.png) 8px 13px no-repeat;}

#zdravaskola {padding-top:30px;margin-bottom:-30px;}
#zdravaskola .inner {width:50%;float:left;display:block;}
#zdravaskola .inner p {padding-top:15px;padding-bottom:15px;}
#zdravaskola .inner img {display:block;} 


/* FOOTER *********************************************************************/

#footer {background: url(../images/footer-bg1.png) no-repeat center top #2e2e2e; overflow: hidden;}
#foottop {padding: 25px 0 20px; display: inline-block; width: 100%; color: #bbbbbb; font-size: 14px; font-weight: 400;}
#foottop-inner {padding: 20px 0 0; overflow: hidden;}
#foottop-inner h3 {margin: 0 0 15px; color: #fff;font-size: 20px; font-weight: 700;}
#foottop-inner .box-col5 {margin-bottom: 20px;}
#foottop .box-inner a {color:#bbbbbb;text-decoration:none;}
#foottop .box-inner a:hover {text-decoration:underline;}
#foottop .box-inner > ul > li {line-height: 30px; display: block;}
#foottop .box-inner > ul > li a { display: block;color: #bbbbbb; text-decoration: none; font-family: "Open Sans", sans-serif; font-size: 14px;}
#foottop .box-inner > ul > li a:hover {text-decoration: underline;}
#footbtm {background: #222222;}
.contact-detail {line-height: 2.2em;}
#footer #footbtm * {color:#8b8b8b;font-size:14px; height: 84px;line-height:84px;display:block;}
#footer #footbtm #foot-texpro {float:right;padding-right:35px;background: url("../images/texpro.png") right center no-repeat;text-decoration:none;}
#footer #footbtm #foot-texpro:hover {text-decoration:underline;}