/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #e8e8e8 url(../img/bg-body.png) repeat-x 50% 0; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

.dotlink { background: url(../img/bullet-default.png) no-repeat 0 0.6em; padding-left: 13px; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-right { margin-left: -246px; width: 246px; }
.col-left { margin-left: -970px; width: 704px; }
.col-left.wide { width: 970px; }

.col-videobox { margin-left: -685px; width: 330px; }
.col-news-home1 { margin-left: -365px; width: 365px; }

.col-left-left { margin-left: -704px; width: 211px; }
.col-left-right { margin-left: -473px; width: 473px; }

.wide .col-left-left { margin-left: -1038px; }
.wide .col-left-right { margin-left: -739px; width: 807px; }

.row-main { width: 970px; margin: 0 auto; }


#mother { width: 970px; margin: 0 auto 20px; }
#main { margin-bottom: 20px; }

/* Header */
#header {  position: relative; zoom: 1; height: 222px; }
#header .bnr1 { float: right; margin: 37px -40px 0 10px;  }
#header .bnr1 img { display: block; }
#logo a { width: 183px; height: 85px; position: absolute; top: 74px; left: 38px; text-indent: -9999px; overflow: hidden; }

#slogan { position: absolute; left: 348px; top: 64px; font-size: 28px; font-weight: bold; text-transform: uppercase; color: #e3e3e3; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu*/
#main-menu { margin: 0; xxbackground: #0c4291; position: absolute; left: 247px; bottom: 24px; width: 478px; }
#main-menu ul { float: left; margin: 0; padding-bottom: 0; xwidth: 100%; padding-right: 2px; background: url(../img/bg-main-menu-separator.png) no-repeat 100% 50%;}
#main-menu ul li { display: block; float: left; margin: 0; padding: 0 0 0 1px; background: url(../img/bg-main-menu-separator.png) no-repeat 0 50%; zoom: 1; _display: inline; }
#main-menu ul li.first { background: none;}
#main-menu ul li a { display: block; float: left; margin: 0; height: 52px; line-height: 52px; color: #fff; font-size: 12px; font-weight: bold; position: relative; overflow: hidden; padding: 0 15px; text-transform: uppercase; text-decoration: none; }
#main-menu ul li a:hover,
#main-menu ul li.active a { background: url(../img/bg-main-menu-active.png) no-repeat 50% 100%; }
#main-menu ul li.fr { float: right; }

/* Top menu */
#top-menu { position: absolute; top: 15px; left: 265px; color: #7b7b7b; font-size: 11px; line-height: 1.1; }
#top-menu ul { margin: 0 0 0 0; padding: 0; }
#top-menu ul li { margin: 0; padding: 0; float: left; border-left: 1px solid #7b7b7b; background: none; }
#top-menu ul li.first { border-left: 0;}
#top-menu ul li a, #top-menu ul li a:visited { display: block; float: left; padding: 0 10px; color: #B9B9B9; }
#top-menu ul li a:hover { color: #fff; }
#top-menu ul li.first a { padding-left: 0; }

/* Search box */
#search-box { position: absolute; top: 156px; right: 0px; background: url(../img/bg-search-box.png) no-repeat 0 0; width: 232px; height: 30px; }
#search-box input { vertical-align: middle; }
#search-box input#q { width: 135px; padding: 1px 0px; margin: 6px 0 0 35px; border: 0; background: none; font-size: 12px; =margin-top: 0; }
#search-box input.btn-submit { border: 0; font-size: 11px; text-transform: uppercase; color: #b31317; background: url(../img/bg-btn-search.png) no-repeat 100% 50%; padding: 0 7px 0 0; font-weight: bold; margin: 0; position: absolute; top: 7px; right: 6px; cursor: pointer; zoom: 1; =width: 60px; }

#newsletter-box p { margin: 4px 0; }

/* Footer */
#footer { background: url(../img/bg-footer.png) repeat-x 0 0; color: #b9b9b9; font-size: 11px; zoom: 1; position: relative; }
#footer-in { width: 960px; margin: 0 auto; padding: 30px 0 40px; background: url(../img/bg-footer-in.png) no-repeat 50% 0; zoom: 1; }
#footer p { margin: 0; }
#footer a, #footer a:visited { color: #fff; }
#footer a.sep { background: url(../img/bg-footer-sep.png) no-repeat 0 50%; padding: 0 0 0 10px; margin-left: 8px; }

/* Page prologue */
.breadcrumb { font-size: 11px; padding: 1px 14px 14px; margin: 1px -14px 15px; background: url(../img/bg-breadcrumb.png) repeat-x 0 100%; }
.breadcrumb p { margin: 0; }
.breadcrumb a { background: url(../img/bullet-breadcrumb.png) no-repeat 100% 50%; padding-right: 15px; margin-right: 3px; }

.annot { font-size: 109%; color: #005A9B; font-weight: bold; }

.content-box { background: white; padding: 15px; }

/* Side boxes */
.side-box { margin: 0 0 15px 0; zoom: 1; =margin-bottom: 10px; border: 3px solid #e5e5e5; background: #f5f5f5;  }
.side-box .inner { padding: 0px 17px 10px; }
.side-box h2 { color: #0a367d; background: url(../img/bg-side-box.png) repeat-x 0 0; margin: 1px; padding: 15px 17px 0; text-transform: uppercase; font-size: 16px; }
.side-box h2 img { display: block; }
.side-box p { margin: 0 0 1em;}

.intro-word { background: #fff url(../img/bg-intro-word.png) repeat-x 0 100%; border: 0; border-bottom: 3px solid #888888; }
.intro-word h2 { background: url(../img/bg-intro-word-h2.png) no-repeat 0 100%; padding: 12px 17px 11px 30px; }
.intro-word .inner { padding-top: 17px;  }
.intro-word .inner img { border: 1px solid #a8a8a8; margin: 0 10px 5px 0; }

.side-menu { margin-bottom: 20px; margin: 0 0 15px 0; zoom: 1; =margin-bottom: 10px; border: 3px solid #e5e5e5; background: #f5f5f5; font-size: 12px; }
.side-menu h2 { margin: 0; padding: 11px 17px 10px; text-transform: uppercase; font-size: 16px; background: url(../img/bg-side-menu-li.png) repeat-x 0 100%; zoom: 1; }
.side-menu ul { margin: 0; padding: 0; }
.side-menu ul li { margin: 1px 0 0 0; padding: 0; background: url(../img/bg-side-menu-li.png) repeat-x 0 100%; zoom: 1; }
.side-menu ul li a { display: block; zoom: 1; font-weight: bold; }
.side-menu ul li.even a { }
.side-menu ul li a .in { display: block; padding: 5px 10px 5px 35px; background: url(../img/bullet-side-menu.png) no-repeat 17px 50%; zoom: 1; _cursor: pointer; }
.side-menu ul li a:hover { color: #b21317; }

/* Poll */
.poll { font-size: 12px; }
.poll h3 { margin: 0 0 10px 0; font-size: 100%; font-weight: bold; color: #000; }
.poll ul { margin: 0; padding: 0; }
.poll ul li { margin: 0 0 5px 0; padding: 0; background: none; zoom: 1; =margin-bottom: 0; }
.poll ul li a { display: block; text-decoration: none; color: #252525; zoom: 1; }
.poll ul li .question { display: block; margin: 2px 0; }
.poll ul li .question strong { text-decoration: underline; }
.poll ul li .poll-bar { width: 96%; display: block; background: #e5e5e5; border: 2px solid #e5e5e5; }
.poll ul li .poll-bar-in { width: 0%; background: url(../img/poll-bar-1.png) repeat-x 0 100%; height: 15px; display: block; border: 1px solid #c11a1f; }
.poll ul li.poll-option-1 a .question strong { color: #0c4291; }
.poll ul li.poll-option-1 .poll-bar-in  { background-image: url(../img/poll-bar-1.png); }
.poll ul li.poll-option-2 a .question strong { color: #c0262c; }
.poll ul li.poll-option-2 .poll-bar-in  { background-image: url(../img/poll-bar-2.png); }
.poll ul li.poll-option-3 a .question strong { color: #f26522; }
.poll ul li.poll-option-3 .poll-bar-in  { background-image: url(../img/poll-bar-3.png); }

/* Intro box */
.intro-box { background: #fff url(../img/bg-intro-word.png) repeat-x 0 100%; border: 0; border-bottom: 3px solid #888888; margin-bottom: 20px; padding-bottom: 20px; position: relative; zoom: 1; }
.intro-box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.intro-box h2 { background: url(../img/bg-intro-word-h2.png) no-repeat 0 100%; padding: 8px 17px 7px 30px; margin: 0 0 15px; text-transform: uppercase; font-size: 22px; }

.intro-box .more-box { position: absolute; top: 7px; right: 7px; }

a.btn-more, a.btn-more:visited { display: -moz-inline-stack; display: inline-block; =display: inline; zoom: 1; height: 33px; line-height: 33px; padding: 0 10px; font-weight: bold; color: white; text-decoration: none; background: url(../img/bg-btn-more.png) repeat-x 50% 50%; font-size: 12px; }

/* Videobox */
.col-videobox img { display: block; }
.col-videobox .video-desc { display: block; background: url(../img/bg-intro-video-desc.png) repeat 0 0; padding: 8px 10px; font-size: 115.385%; zoom: 1; color: #fff; font-weight: bold; position: absolute; left: 10px; bottom: 10px; width: 290px; }
.col-videobox .video-desc a, .col-videobox .video-desc a:visited { color: #fff; text-decoration: none; }
.col-videobox .video-box { border: 10px solid #535353;  }
.col-videobox .video-box .btn-play { background: url(../img/btn-play.png) no-repeat 0 0; width: 112px; height: 112px; position: absolute; top: 40px; left: 50%; margin-left: -56px; text-indent: -9999px; }

/* News */
.col-left .col-news-home1 .news { padding: 0 10px; font-size: 12px; zoom: 1; position: relative;}
.col-left .col-news-home1 .news ul { margin: 0; padding: 0; zoom: 1; }
.col-left .col-news-home1 .news ul li { margin: 0; padding: 10px 0 10px 10px; list-style: none; background: none; zoom: 1; border-top: 1px solid #cccccc; float: left; width: 335px;;}
.col-left .col-news-home1 .news ul li:first-child { border-top: 0; }
.col-left .col-news-home1 .news ul li .img-box { float: left; width: 97px; }
.col-left .col-news-home1 .news ul li .img-box img { display: block; margin: 0; }
.col-left .col-news-home1 .news ul li .text-box { margin: 0; line-height: 1.2; margin-left: 110px; padding-bottom: 1px; }
.col-left .col-news-home1 .news ul li .text-box h3 { font-size: 108%; margin-top: 0; }
.col-left .col-news-home1 .news ul li .text-box .desc p { margin: 0; }
.col-left .col-news-home1 .news ul li.no-img .text-box { width: auto; float: none;}

.col-left .col-news-home1 .news ul li.active { background: url(../img/bg-news-home1-li-em.png) no-repeat 0 100%; /* margin-left: -10px; border-top: 0; padding: 10px 0; */ }
.col-left .col-news-home1 .news ul li.active .text-box { /* margin-left: 0; padding-left: 30px; background: url(../img/bullet-news-home1-em.png) no-repeat 5px 50%; */ color: #e3e3e3; }
.col-left .col-news-home1 .news ul li.active .text-box a { color: #faa61a; }

.col-left .news {  }
.col-left .news ul { margin: 0; padding: 0; }
.col-left .news ul li { margin: 0 0 15px; padding: 0; list-style: none; background: none; zoom: 1; }
.col-left .news ul li .img-box { float: left; width: 200px; }
.col-left .news ul li .img-box img { display: block; border: 1px solid #0b3d87; }
.col-left .news ul li .text-box { margin: 0 0 0 214px; }
.col-left .news ul li .text-box h3 { font-size: 108%; margin-top: 0; }
.col-left .news ul li .text-box .desc p { margin: 0; }
.col-left .news ul li .text-box .date { color: #5e5e5e; }
.col-left .news ul li.no-img .text-box { width: auto; float: none;}

.col-left .videa { background: #fff; zoom: 1; padding: 0 20px 20px; font-size: 12px; margin-bottom: 20px; }
.col-left .videa h2 { background: url(../img/bg-intro-word-h2.png) no-repeat 0 100%; padding: 8px 17px 7px 30px; margin: 0 -20px 15px; text-transform: uppercase; font-size: 22px; position: relative; }
.col-left .videa ul { margin: 0 0 15px -20px; zoom: 1; }
.col-left .videa ul:after, .col-left .videa ul li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.col-left .videa ul li { width: 322px; float: left; margin-left: 20px; margin-bottom: 0; border-bottom: 1px solid #999999; padding-bottom: 15px; _display: inline; }
.col-left .videa ul li .img-box { width: auto; zoom: 1; }
.col-left .videa ul li .text-box { margin-left: 169px; }
.col-left .videa h3 { font-size: 14px; margin: 0 0 10px 0; }
.col-left .videa h3 a, .col-left .videa h3 a:visited { color: #b31317; }

.col-left-right .news ul li .img-box { width: 106px; }
.col-left-right .news ul li .text-box { margin: 0 0 0 106px; }

.col-left-right h2 { font-size: 138.462%; }

.col-left-right .videa { padding: 0; }
.col-left-right .videa ul { margin-left: 0; }
.col-left-right .videa ul li { width: auto; float: none; margin-left: 0; }

.side-top-video ul { margin: 20px 0; }
.side-top-video ul li { margin-left: 40px; margin-bottom: 18px; zoom: 1; }
.side-top-video ul li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.side-top-video ul li .number { float: left; margin-left: -40px; font-family: Impact, Arial, sans-serif; font-size: 20px; line-height: 21px; color: #b31317; border-right: 3px solid #bdbdbd; width: 21px; padding-bottom: 8px; text-align: right; padding-right: 7px; position: relative; }
.side-top-video ul li a { font-weight: bold; font-size: 12px; line-height: 1.2; vertical-align: top; display: block; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Arial, sans-sserif; }

.form-box { padding: 20px 20px 12px 20px; background: #efefef; zoom: 1; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.video-box-link { position: relative; }
.video-box-link .btn-play { background: url(../img/btn-play.png) no-repeat 0 0; width: 112px; height: 112px; position: absolute; top: 50%; left: 50%; margin-left: -56px; margin-top: -56px; text-indent: -9999px; }

#doprava-frame { width: 792px; height: 570px; overflow: hidden; }
#doprava-frame iframe { margin-top: -130px; }
