/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(../img/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../img/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../img/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../img/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../img/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../img/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../img/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../img/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } ; /* CSS Document */ @charset "utf-8"; /* @import "reset.css"; - reset je v rámci bootstrap.min.css */ html { } body {background: #dadada url('../img/body_back.png') 50% 0 no-repeat; font-family: cal; font-size: 14px; color: #000464; line-height: 17px; margin: 0; padding: 0;} .adminLink {position: absolute; top: 5px; right: 10px;} #wrapper {width: 960px; margin: 0 auto;} #wrapper .horni_text {border: 0px solid black; float: left; color: #03295a; font-size: 16px; margin: 37px 0 0 0; font-family: font, arial;} #wrapper .horni_text strong {color: #03295a; font-size: 25px; margin: 37px 0 0 0; font-family: font, arial;} #top_lista {width: 380px; float: right; margin: 18px 0 18px 0;} #top_lista form {float: right; height: 48px; margin: 0; padding: 0;} #top_lista #frmsearchForm-q {width: 138px; height: 45px; float: left; background: #ebebeb; border: 0; margin: 0 42px 0 0; padding: 0 0 0 10px;} #top_lista #frmsearchForm-submit {width: 45px; height: 45px; border: 4px solid #ebebeb; float: right; position: relative; top: -49px; left: 3px; margin: 0; padding: 0; font-size: 0; background: url('../img/tlacitko.png') no-repeat;} #top_lista #social {float: right; margin: 15px 5px 0 0;} #top_lista #social a img {margin: 0 0 0 6px;} #top_lista #lang {float: left; margin: 5px 0 0 0; padding: 0;} #top_lista #lang a {padding: 1px 3px 0px 3px; margin: 0 5px 0 0; float: left; font-size: 10px; color: #6d6d6d; border: 1px solid #6d6d6d; text-decoration: none; border-radius: 2px;} #top_lista #lang a:hover {background: #6d6d6d; color: #dadada;} #top_lista #lang a.active {background: #6d6d6d; color: #dadada;} #header {border: 0px solid black; width: 960px; float: left; position: relative;} #header #homepage {width: 100%; height: 81px; float: left; margin-top: 15px; border-bottom: 3px solid #00265a; position: absolute; z-index: 1;} #header #homepage img {width: 180px; margin-top: 5px;} #header #nav {width: auto; height: 95px; float: right; border-top: 4px solid #00265a; border-left: 3px solid #00265a; background: #fff; position: relative; z-index: 99;} #header #nav ul {border: 0px solid black; margin: 20px 20px 0 20px; padding: 0; float: left;} #header #nav li {margin: 0; padding: 0; float: left; list-style: none;} #header #nav li a {border: 0px solid black; margin: 0; padding: 22px 9px 22px 9px; font-size: 14px; color: #545455; text-decoration: none; float: left;} #header #nav li.active {background: #00275d; color: #fff;} #header #nav li a:hover {background: #00275d; color: #fff;} #header #nav ul ul {display:none;position:absolute;z-index:999; background: none;} #header #nav ul li:hover > ul {display:block;z-index:999; background: none;} #header #nav ul li.active > ul {display:block;z-index:999; background: none;} #header #nav ul li {position:relative;z-index:999; background: none;} #header #nav ul > li {float:left; background: none;} #header #nav ul ul li {float:none;text-transform:none; background: none; float: left;} #header #nav ul > li > ul {top:100%; left: 0px; background: none; margin: 0; padding: 0;} #header #nav ul ul li a {display: block; width: 148px; height: 25px; color: #2f2f30; background: #e0e0e0; border: 0; line-height: 27px; font-size: 12px; float: left; margin: 0; padding: 5px 0 5px 10px; border-bottom: 1px solid #fff;} #header #nav ul ul li a:hover {background: #00275d; color: #fff;} body.page #slider {display: none;} #slider {border: 0px solid black; width: 960px; height: 285px; float: left; position: relative;} #slider #slider_name {position: absolute; top: 0px; width: 265px; height: 245px; padding: 20px; color: #fefeff; background: url('../img/slider_back.png'); border-top: 3px solid #00265a; z-index: 999; z-index: 9000; font-size: 18px; color: #fefeff;} #slider #slider_text {position: absolute; top: -3px; width: 265px; height: 245px; padding: 20px; color: #fefeff; background: url('../img/slider_back.png'); border-top: 3px solid #00265a; z-index: 999;} #slider #slider_text ul {float: left; margin: 0; padding: 0; margin-bottom: -10px;} #slider #slider_text li {float: left; width: 190px; margin: 0 0 0 30px;} #slider .slider_text_nadpis {width: 100%; float: left; font-size: 20px; margin: 15px 0 0 0;} #slider #slider_text p {float: left; font-size: 14px; width: 250px;} #slider .slider img {border: 0px solid red; margin: 0; padding: 0; width: 960px; height: 285px; float: left;} #slider .slidesjs-navigation {display: none;} #slider .slidesjs-stop {display: none; font-size: 0;} #slider .slidesjs-play {display: none;} #slider .slidesjs-next {display: none;} #slider .slidesjs-previous {display: none;} #slider .slider ul {display: none;} body.page #rozcestnik {display: none;} #rozcestnik {width: 960px; float: left; margin: 5px 0 0 0;} #rozcestnik .sloup {width: 265px; float: left; height: auto; margin: 0 22px 0 0; background: url('../img/sloup_border.png') 0% 0% repeat-x; padding: 20px 20px 0 20px;} #rozcestnik .sloup_last {width: 265px; float: right; height: auto; background: url('../img/sloup_border.png') 0% 0% repeat-x; padding: 20px 20px 0 20px;} #rozcestnik .sloup p {margin: 0; padding: 0; float: left; height: auto;} #rozcestnik .sloup_last p {margin: 0; padding: 0; float: left; height: auto;} #rozcestnik span.nadpis {width: 305px; height: 40px; float: left; margin: 0 0 22px 0;} #rozcestnik span.nadpis a img {width: 40px; height: 40px; float: left;} #rozcestnik span.nadpis h2 {width: auto; float: left;} #rozcestnik span.nadpis h2 a {float: left; text-decoration: none; color: #00275d; font-size: 17px; margin: 0px 0 0 12px; width: auto; font-family: calibrib;} #rozcestnik span.nadpis h2 a:hover {color: #6d6d6d;} #content {border: 0px solid black; width: 960px; float: left; background: #fff;} body.page #section {width: 610px; float: left; padding: 20px 0 0px 25px;} #section {width: 610px; float: left; padding: 20px 0 0px 25px;} #section a {text-decoration: underline; color: #000464;} #section p {width: 100%; float: left; margin: 3px 0 3px 0;} #section ul {margin: 7px 0 10px 0; float: left;} #section ul li {width: 100%; float: left; margin: 0 0 5px 0; padding: 0;} #section span.vice {font-size: 13px; font-family: calibrib; background: url('../img/vice3.png') 100% 50% no-repeat; padding: 6px 30px 4px 0; margin: 15px 0 20px 0; float: left;} span.vice {font-size: 13px; font-family: calibrib; background: url('../img/vice3.png') 100% 50% no-repeat; padding: 6px 30px 4px 0; margin: 15px 0 0 0; float: left;} span.vice a {color: #2a2a2a; text-decoration: none;} span.vice a:hover {text-decoration: underline;} span.vice2 {font-size: 13px; font-weight: bold; background: url('../img/vice.png') 100% 50% no-repeat; padding: 6px 30px 4px 0; margin: 6px 0 0 0; float: left;} span.vice2 a {color: #fefeff; text-decoration: none;} span.vice2 a:hover {text-decoration: underline;} #sidebar {border-left: 0px solid black; width: 290px; float: right; padding: 20px 0 20px 15px;} #sidebar h2 {width: 100%; float: left; margin: 10px 0 7px 0; padding: 0; font-weight: normal; font-size: 23px;} .news .item {float: left; border-bottom: 1px solid #d0d1d3; width: 270px; padding: 0 0 30px 0; margin: 0 20px 0 0; position: relative;} .news .item a img {float: left; width: 63px; height: auto; margin-bottom: -15px;} .news .item h3 a {display: none; float: right; color: #00275d; text-decoration: none; font-size: 14px; margin: 0 0 5px 0; padding: 0; width: 190px;} .news .item p {float: right; margin: 0; padding: 0; width: 190px; border: 0px solid black;} .news .item p.date {font-size: 11px; width: 58px; border: 0px solid red; position: absolute; bottom: 5px; right: 0;} body.contact #ikony_big {display: none;} body.contact #loga {display: none;} body.contact #slider {display: none;} body.contact #rozcestnik {display: none;} body.contact #section {border-bottom: 0px solid #b2b3b6; width: 910px; float: left; padding: 20px 0 0px 25px; margin-top: -3px; background: url('../img/border.png') 0% 0% no-repeat; position: relative;} body.contact #sidebar {display: none;} #kontakt {position: relative;} #kontakt iframe {float: right; position: absolute; top: 0; right: 0;} #kontakt fieldset {border: 0px solid black; float: left; width: 610px; padding: 0; margin: 10px 0 30px 0;} #kontakt table td {border: 0;} #kontakt input {border: 1px solid #00265a; float: left; width: 170px; height: 30px;} #kontakt label {font-size: 11px; margin: 0; padding: 0; float: left; width: 80px; text-align: left; font-weight: normal; font-size: 13px;} #kontakt textarea {border: 1px solid #00265a; float: left; width: 350px; height: 90px;} #kontakt #frmcontactForm-submit {border: 0; background: #00275d; color: #fff;} #kontakt #frmcontactForm-submit:hover {background: #054193;} .photogallery {border: 0px solid black; float: left; width: 610px;} .photo a img {border: 1px solid #00265a; float: left; width: 145px; height: 110px; margin: 0 5px 5px 0;} .photo a:hover img {border: 1px solid #eca908;} #footer {width: 960px; float: left; color: #e0e0e0; background: #00265a; margin-top: 30px; min-height: 10px;} #footer a {color: #e0e0e0; text-decoration: underline;} #footer #ikony {float: left; width: 930px; margin-top: 10px; margin-left: 25px; text-align: center;} #footer #ikony h2 {width: 100%; float: left; margin: 10px 0 50px 0; padding: 0; font-weight: bold; font-size: 23px; color: #616162;} #footer #ikony img {margin: 7px 18px 3px 0; height: 27px;} h1 {width: 100%; float: left; margin: 10px 0 18px 0; padding: 0; font-weight: normal; font-size: 24px;} h2 {width: 100%; float: left; margin: 15px 0 7px 0; padding: 0; font-weight: normal; font-size: 18px; color: #00265a;} h3 {width: 100%; margin: 15px 0 5px 0; padding: 0; font-size: 16px; float: left; font-weight: normal; font-family: calibrib;} a {color: #212122; text-decoration: none;} a:hover {color: #000; text-decoration: underline;} a img {border: 0;} @font-face {font-family: cal; src: url("../fonts/calibri.ttf");} @font-face {font-family: calibrib; src: url("../fonts/calibrib.ttf");} @font-face {font-family: calibrii; src: url("../fonts/calibrii.ttf");} @font-face {font-family: font; src: url("../fonts/font2.ttf");} strong {font-weight: normal; font-family: calibrib;} i {font-weight: normal; font-style: normal; font-family: calibrii;} body.page #ikony_big {display: none;} #ikony_big {float: left; width: 595px; padding-left: 15px; margin-top: 40px; margin-left: 25px; margin-bottom: 15px; position: relative; z-index: 1000;} #ikony_big a img {float: left; margin: 0 22px 10px 0; height: 146px;} #ikony_big a:hover img {width: 300px; height: 162px; margin-left: -15px; margin-right: 7px; margin-top: -8px; margin-bottom: -8px;} ;