/* CSS Style created by NATIO Solutions CZ s.r.o. */

body {background: #fff url('images/!design/bg.gif') repeat-x; font-family: Arial; font-size: 12px}
/* body {background: #fff url('images/bannery/pozadi.jpg') no-repeat;background-position:center top;background-attachment:fixed;font-family: Arial; font-size: 12px} */
#page {width: 852px; margin: 20px auto 0 auto;background: #fff}

/* header */
#header .slogan {font-size: 22px; color: #757575}
#header .slogan.small {font-size: 16px}
/* #header #logo {background-image: url('images/!design/logo.png');width: 239px; height: 24px; margin-top: 7px} */
#header #logo {width: 239px; height: 24px; margin-top: 7px}
a img {border:none}

/* top menu */
#t-menu {margin-top: 10px}
#t-menu a {display: block; text-decoration: none; color: #00a7d4; padding-left: 17px; margin: 2px 0}
#t-menu a:hover {text-decoration: underline; color: #012d52}
#t-menu .t-menu-item {float: left; width: 275px;margin-right: 13px; height: 177px; border-bottom: 2px solid white}
#t-menu.small .t-menu-item {border: 0; height: 72px}
#t-menu .t-menu-item-header {font-size: 17px; color: #fff; height: 27px; padding: 43px 0 0 17px; width: 258px; background-position: left bottom; background-repeat: no-repeat; margin-bottom: 10px}
#t-menu .t-menu-item-header:hover {text-decoration: none;color: #fff}
#t-menu .t-menu-item.orange .t-menu-item-header {background-image: url('images/!design/t-menu-orange.png')}
#t-menu .t-menu-item.pink .t-menu-item-header {background-image: url('images/!design/t-menu-pink.png')}
#t-menu .t-menu-item.blue .t-menu-item-header {background-image: url('images/!design/t-menu-blue.png')}
#t-menu .t-menu-item.orange .t-menu-item-header:hover {background-image: url('images/!design/t-menu-orange-hover.png')}
#t-menu .t-menu-item.pink .t-menu-item-header:hover {background-image: url('images/!design/t-menu-pink-hover.png')}
#t-menu .t-menu-item.blue .t-menu-item-header:hover {background-image: url('images/!design/t-menu-blue-hover.png')}
#t-menu .t-menu-item.orange {border-color: #ff7900}
#t-menu .t-menu-item.pink {border-color: #ff104c}
#t-menu .t-menu-item.blue {margin-right: 0; border-color: #00acd0}

/* content wrapper */
#content {margin-top: 27px}
#content-left {width: 275px; float: left}
#content-right {width: 563px; float: right}
#content a {color: #00aed1;}
#content a:hover {text-decoration: none}

/* left menu */
#l-menu {width: 275px; background-color: #eff7f9; padding-bottom: 10px}
#l-menu .l-menu-header {background-color: #012d52; padding: 10px 0 0 16px; height: 26px; color: #fff; font-size: 14px}
#l-menu a {display: block; padding-left: 16px; margin: 11px 0 10px 0; color: #01add1; text-decoration: none; }
#l-menu a:hover {text-decoration: underline; color: #012d52}
#l-menu a.active {background-image: url('images/!design/l-menu-active.png');color: #012d52; font-weight: bold; height: 21px; padding-top: 6px; }

/* search */
#search {height: 38px; background-color: #dceef0; padding: 7px 0 0 17px;}
#search .search-input {display: block; float: left; border: 1px solid #d0e2e4; height: 25px; padding-left: 9px; width: 168px;margin-right: 5px;color: #05a0bf;font-size: 12px;vertical-align: middle}
#search .search-button { display: block;;visibility:hidden}
#search .back {display: block;background: url('images/!design/back.png') no-repeat left center; height: 18px; font-size: 12px; font-weight: bold; padding: 3px 0 0 30px; margin-top: 3px}

/* contact box  */
#contact {margin-top: 10px; font-size: 12px; color: #012d52;}
#contact strong {font-size: 13px; display: block; margin-bottom: 10px}
#contact-header {background-image: url('images/!design/contact.png'); width: 258px; height: 27px; padding: 40px 0 0 17px; font-size: 14px; color: #fff;}
#contact-footer {background-image: url('images/!design/volani_zdarma.png'); width: 258px; height: 27px; padding: 10px 0 0 17px; font-size: 14px; color: #ffffff; text-decoration: none;}
#contact-footer a{color:#ffffff; text-decoration:none}
#contact-footer2 {width: 125px; height: 155px; padding: 10px 0 0 0px; margin-left: auto;margin-right: auto; text-align:center;font-size: 14px; color: #ffffff; text-decoration: none;}
#contact-content {padding: 15px}
#contact table {margin: 15px 0; }
#contact table .first {width: 20px}
#contact img {float: right; margin-top: 50px; border: 0}

/* press releases list */
.list {margin: 15px 0;}
.list-item {padding: 20px 16px; border-bottom: 1px solid #d5d5d5}
.list-item.top {background-color: #f2f2f2; border: 0}
.list-item img {float: left; margin-right: 14px}
.list-item a.h {font-size: 15px; text-decoration: none; color: #00acd0}
#content .list-item a.h:hover {color: #012d52; text-decoration: underline}
.list-item .date {font-size: 11px; font-style: italic;margin-top: 2px}
.list-item p {color: #000; margin: 4px 0 0 0;}
.list .more {color: #01abcf; font-size: 12px; float: right; font-weight: bold; text-decoration: none; display: list-item; list-style-image: url('images/!design/more.png'); margin-top: 15px}
.list .more:hover {text-decoration: underline}

.list-item-orange {padding: 20px 16px; border-bottom: 1px solid #d5d5d5}
.list-item-orange.top {background-color: #f2f2f2; border: 0}
.list-item-orange img {float: left; margin-right: 14px}
.list-item-orange a.h {font-size: 15px; text-decoration: none; color: #ff7900}
#content .list-item-orange a.h:hover {color: #ff7900; text-decoration: underline}
.list-item-orange .date {font-size: 11px; font-style: italic;margin-top: 2px}
.list-item-orange p {color: #000; margin: 4px 0 0 0;}

/* sections, articles */
#content h1 {background-color: #00acd0; padding: 10px 0 0 21px; height: 26px; color: #fff; font-size: 14px; font-weight: normal; margin: 0}
#content h2 {font-size: 14px;font-weight: normal; margin-top: 20px}
#content h3 {font-size: 12px; margin: 20px 0 10px 0}
#article {padding: 0 20px; }
/* #article table {width: 100%; margin: 20px 0}
#article table td {height: 22px; background-color: #eff7f9; padding-left: 13px; color: #422d2d}
#article table td.center {padding: 0}
#article table th {background-color: #e8f2f4; font-size: 14px} */
#article table {margin: 20px 0}
#article table td {height: 22px; background-color: #eff7f9; color: #422d2d}
#article table td.center {padding: 0}
#article table th {background-color: #e8f2f4; font-size: 14px}
#article table .day {width: 125px}
.listing {color: #00acd0; text-align: center; margin-top: 10px}
.listing span, .listing a {padding: 0 3px}
.listing span {color: #012d52}
/* #content ul {margin-top: 0px; padding-left:0px} */
#content li {margin: 2px 0; padding-left: 0px}
/* #content li:hover {list-style-image: url('images/!design/square-darkblue.png')} */
/* #content li a:hover {color: #012d52} */
#content li.section-list {padding-left:16px}

/* gallery */
#article .gallery img {background-color: #eff7f9; padding: 14px 12px; border: 1px solid #dee8eb; margin-bottom: 20px}
#article .gallery td {background-color: #fff}

/* detail */
#article.detail div.left {width: 140px; }
#article.detail div.right {width: 385px;}
#article.detail {padding-right: 0 !important}
#article.detail img {background-color: #eff7f9; padding: 7px 8px; border: 1px solid #dee8eb; margin-bottom: 20px}
#article.detail .detail-item {background-color: #eff7f9;  margin: 0 0 5px 0;padding: 6px 14px}
#article.detail .detail-text {padding-left: 14px; margin-bottom: 10px}
#article.detail .detail-text .sec {margin-top: 10px; font-weight: bold}
#article.detail .detail-text ul {padding-left: 20px; margin-top: 10px}
#article.detail .detail-text ul li {margin: 3px 0}

/* gallery */
#article2 .gallery img {background-color: #eff7f9; padding: 14px 12px; border: 1px solid #dee8eb; margin-bottom: 20px}
#article2 .gallery td {background-color: #fff}

/* detail */
#article2.detail div.left {width: 140px; }
#article2.detail div.right {width: 385px;}
#article2.detail {padding-right: 0 !important}
#article2.detail img {background-color: #eff7f9; padding: 7px 8px; border: 1px solid #dee8eb; margin-bottom: 20px}
#article2.detail .detail-item {background-color: #eff7f9;  margin: 0 0 5px 0;padding: 6px 14px}
#article2.detail .detail-text {padding-left: 14px; margin-bottom: 10px}
#article2.detail .detail-text .sec {margin-top: 10px; font-weight: bold}
#article2.detail .detail-text ul {padding-left: 20px; margin-top: 10px}
#article2.detail .detail-text ul li {margin: 3px 0}

/* colors of sections */
#content.orange h1 {background-color: #ff7900}
#content.pink h1 {background-color: #ff104c}
#content.blue h1 {background-color: #00acd0}
#content.black h1 {background-color: #000000}
#content.orange h2, #content.orange h3, #content.orange .detail-item strong {color: #ff7900}
#content.pink h2, #content.pink h3, #content.pink .detail-item strong {color: #ff104c}
#content.blue h2, #content.blue h3, #content.blue .detail-item strong {color: #00acd0}
#content.black h2, #content.black h3, #content.black .detail-item strong {color: #000000}
.orange li {list-style-image: url('images/!design/square-orange.png')}
.pink li {list-style-image: url('images/!design/square-pink.png')}
.blue li {list-style-image: url('images/!design/square-blue.png')}
.count li {list-style-image: none}

/* footer */
#footer {background: #00acd0 url('images/!design/footer.png') repeat-x; color: #fff; font-size: 13px; padding: 11px 25px 0 25px; height: 25px; margin-top: 20px; }
#footer a {font-weight: bold; font-size: 12px; color: #fff; text-decoration: none}
#footer a:hover {text-decoration: underline}


.left {float: left}
.right {float: right}
.justify{text-align:left}
.clear {clear: both}
.center {text-align: center; margin-left: auto;margin-right: auto;}
.leftimg {float: left;margin:0px 20px 10px 10px;}
.rightimg {float: right;margin:2px 2px 2px 3px;}

.mapa1 {font-size: 20px;font-weight:bold}
.mapa2 {font-size: 16px;font-weight:bolder}
.mapa3 {font-size: 12px;font-weight:normal}
.x550 {width:550px}

.slideshow { height: 422px; width: 562px; margin: auto }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }

.slideshow2 { height: 227px; width: 562px; margin: auto }
.slideshow2 img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }

.slideshow3 { height: 251px; width: 562px; margin: auto }
.slideshow3 img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }

del { text-decoration: line-through; }
.obraz_tabulka {vertical-align:top;text-align:center}

.hlavicka_oragne {color: #ffffff; background-color: #ff7900; border: 0; font-weight:bold}