/* CSS Document */
ul {list-style-type: disc;
	list-style-position:inside;
	margin-bottom:40px;
	margin-top:16px;}

ol {list-style-type:decimal;
    list-style-position:outside;
	margin-bottom:40px;
	margin-top:16px;
	line-height:16px;
    margin-left: 20px;}

h1, h2 {color: #d04313;}
ol li { margin-bottom: 7px; margin-top:7px; font-size:16px; line-height: 20px;}
ul li {padding-left:15px; font-size: /*14px*/1.4em; line-height: 28px;}
strong {font-weight:bold;}
b {font-weight: bold; }
em {font-style:italic;}
p {margin-bottom: 7px; margin-top:7px; font-size:/*14px*/1.4em;}
ul li p {margin-bottom: 7px; margin-top:7px; font-size:/*14px*/1em;}
table td {font-size: 14px; line-height: 150%;}

.vetsi {font-size:130%;}
.mensi {font-size:80%;}
.right {float:right;}
.left {float:left;}
/* =============================casti strranek =============================*/

.slide {position: relative; top: 0px; left: 0px;width:100%;/*height:427px;*/background-color: #dbdeeb; }
@media screen and (max-width: 319px)  {.slide{height: 100px;}}
@media screen and (min-width: 320px)  {.slide{height: 133px;}}
@media screen and (min-width: 400px)  {.slide{height: 200px;}}
@media screen and (min-width: 601px)  {.slide{height: 267px;}}
@media screen and (min-width: 800px)  {.slide{height: 334px;}}
@media screen and (min-width: 1000px) {.slide{height: 367px;}}
@media screen and (min-width: 1100px) {.slide{height: 427px;}}
@media screen and (min-width: 1280px) {.slide{height: 427px;}}
.slide .obr {position: absolute; width: 100%;}

@media screen and (max-width: 599px)  {
   .slide {display: none;}
}

/*::::::::::::::::::::::::::::::::::: HP :::::::::::::::::::::::::::::::::::::::::::::::*/
.banners {background-color: #dbdeeb; width: 100%; padding-top: 70px; padding-bottom: 70px;}
.banners .content {padding-right: /*102px*/7.96875%;}
.banners ul {list-style-type: none; margin: 0; padding: 0;}
.banners ul li {display: inline; float: left; margin: 0; margin-right: /*47px*/4.59433040078201%; padding: 0; width: /*291px*/28.44574780058651%; height: 320px; background-color: white; position: relative;}
.banners ul li div {padding: 20px;}
.banners ul li h2 {font-size: /*22px*/1.5em; margin-bottom: 10px;}
.banners ul li hr {border: 0; border-bottom: 1px solid #d04313; width: 80px; margin-left: 0px;}
.banners ul li footer a {display: block; height:31px; width: 94px; color: white; background-color: #2e48ba; font-size: 16px; line-height: 31px; text-align: center; position: absolute; bottom: 30px; right: 20px;}
.banners ul li footer a:link, .banners ul li footer a:visited {color: white; text-decoration: none; font-size: 16px;}
.banners ul li footer a:hover {background-color: #5a6371;}

@media screen and (max-width: 599px)  {
    .banners ul li{float: none; /*width: 291px;*/ width: auto; height: auto; display: block; padding-bottom: 7.96875%; margin-right:0;}
    .banners ul li footer a {position: relative; bottom: 0; right: -7.96875%;}
    .banners .content {padding-left: 0; padding-right: 0;}
}
@media screen and (min-width: 600px) and   (max-width: 800px){.banners ul li h2 {font-size: /*22px*/1em; line-height: 100% } ul li {line-height: 80%; font-size:1em; } }

.news {background-color: #8c8e97;}
.news h3 {color:  #47464e; font-size: 22px; margin-bottom: 40px; text-transform: uppercase; text-align: center; margin-left: /*-50px*/-3.90625%;}
.news hr.odd {border: 0px; border-bottom: 1px solid #47464e; margin-bottom: 50px; width: 70px; text-align: center; position: relative; left: /*-25px*/-1.953125%;}
@media screen and (max-width: 599px)  {
    .news h3 {font-size: /*70px*/1.5em; margin-left: 0; }
}


.list {background-color:#eaebed;}
.list h1 {font-size: 22px;margin-bottom: 40px; text-transform: uppercase; text-align: center; margin-left: -50px;}
.list hr.odd {border: 0px; border-bottom: 1px solid #d04313;; margin-bottom: 50px; width: 70px; text-align: center; position: relative; left: -25px;}

.insta_plus {background-image: url("../images/insta-plus.jpg"); background-repeat:  no-repeat;}
.insta_plus .content {padding-top: 70px; padding-bottom: 70px; padding-left: /*175px*/13.671875%; padding-right: /*175px*/13.671875%;}
.insta_plus h1 {font-size: /*70px*/7.0em; padding: 0; margin: 0;}
.np .insta_plus h1 {font-size: 22px;}
.insta_plus p {margin-top: 50px; margin-bottom: 60px; padding: 0; font-size: 1.4em;}
.np .insta_plus p {margin-top: 22px; margin-bottom: 22px; padding: 0;}
.insta_plus h3 {font-size: 21px;}
.insta_plus ul {margin-bottom: 0; padding-bottom: 0;}
@media screen and (max-width: 800px)  {.insta_plus ul li {font-size: 1.4em; line-height: 150%}}
@media screen and (max-width: 599px)  {
    .insta_plus h1 {font-size: /*70px*/2.5em; }
}


.page {background-color: #eaebed;}
.page .content {padding-top: 70px; padding-bottom: 70px; padding-left: /*175px*/13.671875%; padding-right: /*175px*/13.671875%;}
.page h1, .page .right h2 {font-size: 22px;}
.page p {margin-top: 22px; margin-bottom: 22px; padding: 0;}
.page .left {/*background-color: white;*/ width:/* 660px;*/70.96774193548387%;}
.page .right {/*background-color: white;*/ width: /*250px;*/26.88172043010753%;}
.page .datum span {font-size: 22px;}
.page .datum {margin-top: 5px; text-transform: uppercase;}
.page .right h2 {margin-bottom: 35px;}
.page .right h3 {text-transform: uppercase; font-size: 14px; font-weight: bold;}
.page .right article p {margin-top: 10px; margin-bottom: 10px;}
.page .right article {border-bottom: 1px solid #c4c4c4; padding-top: 20px; padding-bottom: 20px;}
.page .odd {border: 0px; border-bottom: 1px solid #c4c4c4;}

@media screen and (max-width: 599px)  {
    .page .left, .page .right{float: none; width: auto; height: auto; display: block; padding-bottom: 7.96875%; margin-right:0;}
}

/* galerie*/
.galerie {margin-top: 22px; margin-bottom: 70px;}
.galerie ul {margin: 0; padding: 0; position: relative; left: -10px;}
.galerie ul li {display: block; margin: 10px; padding: 0px; float: left; line-height: 15px;}
.icon_foto ul li {max-width: 212px; padding: 10px; background-color: transparent;  margin: 0px; position: relative;}
.icon_foto ul li footer h3 {margin: 0px; color: #666666; font-size: 13px; margin-top: 5px; text-transform: none; font-weight: 400;}
.galerie ul li footer p {margin-top: 5px; color: #5F5F5F; font-size: 11px;}
.galerie ul li footer {min-height: 15px;}
.galerie h2 {text-transform: uppercase; font-size: 14px; font-weight: bold; color:#828282; margin-bottom: 10px; margin-top: 30px;}


.motto_out {background-color: #dbdeeb; width: 100%; padding-top: 100px; padding-bottom: 70px; text-align: center;}
.motto_out hr {border: 0px; border-bottom:1px solid #c4c4c4; width: 70px;}

.motto {
    clear: both;
    padding-bottom: 70px;
    position: relative;
    text-align: center;
    border-top: 1px solid #c4c4c4;
}
.motto .cite {
    position: relative;
    margin: 0 auto;
    margin-top: 7px;
    height: 40px;
    width: 74px;
}
.motto .cite:before{
    /*content: '\201C'*/;
    border-top: 2px solid #c4c4c4;
    border-radius: 50%;
    font-size: 62px;
    color: /*#828282*/transparent;
    font-weight: bold;
    background: #dbdeeb;
    padding: 3px 20px;
    position: absolute;
    top: -25px;
    left: 0px;
    font-family: Georgia, Times, serif;
}
.motto .content {padding-right: 102px;}
.motto h3{text-align: center; font-size: 21px; font-style: italic;  padding-top: 20px;}
.motto h3:before{
    font-family: Times, serif;
    font-size: 30px;
    margin: 0 10px;
    font-weight: bold;
    content: '\201C';}
.motto h3:after{
    font-family: Times, serif;
    font-size: 30px;
    margin: 0 10px;
    font-weight: bold;
    content: '\201D';
}
.motto hr {border: 0; border-bottom: 1px solid white;}


.contact {background-color: #8c8e97; color: white;}
.contact .content {padding-top: 70px; padding-bottom: 70px;}
.contact table {width: /*318px*/100%; margin-top: 30px;}
.contact table td {width: 50%;}
.contact a:link {color: white;}
.contact .left {width:57.17255717255717% }
.contact .right {width: 33.05613305613306%}

@media screen and (max-width: 599px)  {
    .contact .left, .contact .right{float: none; width: auto; height: auto; display: block; padding-bottom: 7.96875%; margin-right:0;}
    .contact .content {padding-left: 0; padding-right: 0;}
}


.volna_mista {background-color: #f4f4f4;}
.volna_mista .content {padding-top: 70px; padding-bottom: 70px; padding-left: /*175px*/13.671875%; padding-right: /*175px*/13.671875%;}
.volna_mista h1 {font-size: 22px; padding: 0; margin: 0;}
.volna_mista p {margin-top: 22px; margin-bottom: 22px; padding: 0;}
.volna_mista ul {list-style-type: none; margin-bottom: 0; padding-bottom: 0;}
.volna_mista ul li {display: inline; float: left; margin: 0; padding: 0; width: 50%;}
.volna_mista ul li header {text-transform: uppercase; border-bottom: 1px solid #c4c4c4; width: 95%; margin-bottom: 22px; font-weight: bold;}
.volna_mista ul li td {padding: 5px; padding-right: 15px; padding-left: 0; }
.volna_mista ul li table td:first-child {color: #d04313; width:13.30645161290323%;}

@media screen and (max-width: 599px)  {
    .volna_mista ul li{float: none; width: auto; height: auto; display: block;  text-align: left; }


}

/*certifikaty vyskakovaci okna*/
.certifikaty ul {list-style-type:none; width:960px; }
.certifikaty ul li {display:inline; float:left; margin:0px; padding:0px;margin-right:55px; margin-left:10px;}
.certifikaty ul li.cl {margin-left:0px; margin-right:56px; margin-bottom: 5px;}
.certifikaty ul li a {display:block; width:243px; height:342px; margin-top:20px; }

#modal-background{display: none;position: fixed;top: 0px; left: 0px; width: 100%; height: 100%; background: #BBBBBB; filter: alpha(opacity=80); opacity: 0.8; z-index: 9999;}
#modal-popup1{display: none; position: fixed; width: 505px; height:716px; left: 50%; margin-left: -252px; top: 50%;  margin-top:-419px; background: white; z-index: 10000;
    -webkit-box-shadow: 0px 0px 20px #555;  -moz-box-shadow: 0px 0px 20px #aaa;  box-shadow: 0px 0px 20px #555;}
.ie8 #modal-popup1 {filter:progid:DXImageTransform.Microsoft.Shadow(color=#555,direction=45);}
.close a { display:block; margin-top:11px; margin-left:466px; width: 29px; height:29px; font-size:0px; color:transparent;  background-image:url("../images/popup-close.jpg");}
.close a:link, .close a:visited { background-image:url("../images/popup-close.jpg");}
.close a:hover { background-image:url("../images/popup-close-hover.jpg");}

/*=============== formulare ====================*/
.form1 {margin-top: 50px;}
.form1 input:not([type=submit]){ font-size: 14px; line-height: 28px;  width: 100%; margin-bottom: 14px;}
.form1 textarea {width: 100%; height: 200px; margin-bottom: 22px;}
.form1 label {font-size: 14px; line-height: 150%;}
.form1 input[type=submit]{ font-size: 14px; line-height: 150%; padding: 5px; background-color: #5a6371; color: white; border: 0px; padding-left: 50px; padding-right: 50px; cursor: pointer;}

/* ===============  TABULKY =============== */
.tab {border-collapse:collapse;	border:1px solid #b8b8b8; font-size: 13px; width: 100%;}
.tab td, .tab th, .tab caption {border:1px solid #b8b8b8; padding: 13px;}
.tab caption {border-bottom: none; text-transform: uppercase;}
.tab th {background-color: #e3f4ff; text-align: center}
.tab caption{background-color: #ccebff;}
.tab tfoot td {font-size: 12px;}
.tab tfoot {border-top: 1px solid #bbb999; font-style: italic;}
/* =============== KONEC TABULKY =============== */


/* =============== flashMessage =============== */
.flash {line-height: 70px; color: white; background-color: #2e48ba; padding-right: 155px; padding-left: 155px; font-size: 14px;}

/* =============== KONEC flashMessage =============== */

@media print
{
  .noprint {display:none;}
}