/** * msunion.cz * * @author Richard Kalab * @created 25.07.2013 10:00 * @copyright Copyright (c) 2013 Richard Kalab (www.aweo.cz) */ html { width: 100%; margin: 0; padding: 0; } body { width: 100%; margin: 0; padding: 0; background: #fff url('../img/bg.png') 0 0 repeat-x; } form { margin: 0; padding: 0; } a img { border: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } input[type="submit"], input[type="image"], label { cursor: pointer; } abbr { cursor: help; } body, p, em, h1, h2, h3, h4, h5, h6, div, span, li, a, textarea, input, abbr { font-family: Arial, "Geneva CE", lucida, sans-serif; color: #5b5b5b; } h1, h2, .h1, .h2, p#sm-headline, .spec-headline span { font-family: Arial, Georgia, Tahoma, "Geneva CE", lucida, sans-serif; } div { font-size: 14px; } p, address, dl, dl { margin: 0 0 15px; padding: 0; font-size: 14px; line-height: 22px; font-style: normal; } a, p a, li a { text-decoration: underline; color: #ed8a1a; } a:hover, p a:hover, li a:hover { text-decoration: underline; color: #eb6b23; } ul { margin: 0 20px 15px 20px; padding: 0; font-size: 14px; line-height: 18px; font-style: normal; color: #454545; } ul li, ol li { color: #454545; } table { margin: 0 0 20px 0; font-size: 14px; width: 100%; } td, th { padding: 0; margin: 0; background: transparent; } h1, .h1 { margin: 0 0 18px 0; padding: 0; font-size: 24px; font-weight: normal; color: #1d4282; } h2, .h2 { margin: 20px 0 15px 0; padding: 0; font-size: 20px; font-weight: normal; color: #1d4282; } h3, .h3 { margin: 20px 0 13px 0; padding: 0; font-size: 16px; color: #1d4282; font-weight: bold;} h4, .h4 { margin: 20px 0 13px 0; padding: 0; font-size: 16px; color: #5b5b5b; font-weight: bold; } .wys { margin: 0 0 20px; padding: 0; } .wys table { margin: 0 0 15px; padding: 0; border-collapse: collapse; /*border: solid 1px #edeae0;*/ } .wys table th, .wys table td { padding: 7px 10px; /*border: solid 1px #edeae0; border-right: 0; border-left: 0; background: #e3dece;*/ } .wys h2 { clear: both; } .wys .main-image img { margin: 0 auto; padding: 0; border: 0; overflow: hidden; } .wys .main-image { margin: 0 10px 15px 0; padding: 0; float: left; overflow: hidden; width: 180px; text-align: center; background: #fff; } .wys ul { margin: 0 0 0 10px; padding: 0; list-style-type: none; } .wys ul li { margin: 0 0 8px 0; padding: 0 0 0 30px; font-size: 14px; color: #454545; background: url('../img/icons/list.png') 7px 5px no-repeat; } dl { overflow: hidden; } dt { width: 60px; float: left; clear: left; font-weight: normal; } dl.long dt { width: 106px; } dl.short dt { width: 35px; } dt, dd { line-height: 22px; } .h1.clr-o { padding-bottom: 4px; margin-bottom: 4px; border-bottom: solid 10px #ffe376; } .h1.clr-b { padding-bottom: 4px; margin-bottom: 16px; border-bottom: solid 10px #97deea; } .h1.clr-p { padding-bottom: 10px; margin-bottom: 18px; border-bottom: solid 10px #ffc9e0; } .h1.clr-g { padding-bottom: 4px; margin-bottom: 10px; border-bottom: solid 10px #c8f08f; } #side-col p.h1 a, #side-col p.h1 a:hover { text-decoration: none; } h1#news { color: #8cb651; } /* BORDERed images */ .news-list li .main-image, .wys .main-image, .member-list li .member-logo, .img-gallery li a, #map a img, .executive-img { border: solid 5px #abccfa; } .news-list li .main-image, .img-gallery li a { height: 135px; line-height: 132px; vertical-align: middle; text-align: center; background: #fff; } .wys .main-image { height: 135px; line-height: 130px; vertical-align: middle; } .wys .main-image img { vertical-align: middle; } .img-gallery li a { line-height: 128px; } .news-list li .main-image img, .img-gallery li a img { vertical-align: middle; } .news-list li .main-image { width: 180px; text-align: center; } #layout-null { margin: 0; padding: 0; width: 100%; min-height: 590px; position: relative; background: url('../img/bg-layout-sub.jpg') 50% 90px no-repeat; } #layout-null.home { background: url('../img/bg-layout.jpg') 50% 90px no-repeat; } #layout-null.home #head { width: 940px; height: 526px; background: url('../img/bg-layout.jpg') 50% 90px no-repeat; } #layout-null.home #content { margin-top: 21px; min-height: 523px; } #layout-null.home #side-menu { padding-top: 10px; } #layout { margin: 0 auto; padding: 178px 0 0 0; width: 1000px; position: relative; overflow: hidden; z-index: 1000; } #layout-null.home #layout { padding-top: 529px; } #content-container { padding: 0 31px 265px 0; background: url('../img/content-container.png') 30px 0 repeat-y; overflow: hidden; position: relative; } #content-container.no-projects { padding-bottom: 15px; } #layout-null.home #content-container { padding-right: 0; background: transparent; } #head-null { margin: 0; padding: 0; width: 100%; z-index: 1; } #head { margin: 0 auto; padding: 0; height: 150px; width: 950px; position: absolute; top: 0; left: 30px; } #flags-container { margin: 0; padding: 0; list-style-type: none; overflow: hidden; position: absolute; right: 20px; top: 10px; } #flags-container li { margin: 0 0 0 5px; padding: 0; float: right; } #tab-menu { margin: 0; padding: 0; position: absolute; top: 20px; right: 5px; list-style-type: none;} #layout-null.home #head #tab-menu { right: -5px; } #tab-menu li { margin: 0; padding: 22px 22px 0 0; float: right; background: url('../img/bg-head-tab.png') 100% 0 no-repeat; } #tab-menu li a { margin: 0; padding: 17px 20px 0 40px; color: #fff; font-size: 14px; float: right; height: 32px; text-decoration: none; text-transform: uppercase; background-repeat: no-repeat; } #tab-menu li a:hover, #tab-menu li a.selected { background-color: #ed8a1a; } #tab-menu li#secure-page a { padding-left: 55px; background-image: url('../img/icons/person.png'); background-position: 14px 11px; } #tab-menu li#application-page a { background-image: url('../img/icons/pencil.png'); background-position: 14px 11px; } #logo { margin: 0; padding: 0; position: absolute; top: 10px; left: 28px; width: 544px; height: 70px; font-size: 14px; text-transform: uppercase; text-decoration: none; } #menu-container { margin: 0; padding: 0; position: absolute; top: 374px; left: 0; background: url('../img/menu/container.png') -1px 0 repeat-y; } #menu { margin: 0; padding: 0; width: 938px; list-style-type: none; overflow: hidden; background: url('../img/menu/bg.png') 0 0 no-repeat; border: solid 1px #fff; border-bottom: 0;} #menu-extension { margin: 0; padding: 0; background: #fff; border-bottom: solid 1px #e4e4e4; overflow: hidden; list-style-type: none; } #menu li, #menu-extension li { margin: 0; padding: 0 0 0 1px; float: left; width: 187px; } #menu li.first, #menu-extension li.first { padding-left: 0; width: 186px; } #menu-extension li { margin: 0; padding: 5px 0 10px 1px; text-align: right; } #menu-extension li a { margin: 0 10px 0 0; padding: 0; text-align: right; color: #0b3065; text-decoration: none; } #menu-extension li a span { color: #0b3065; text-decoration: underline; cursor: pointer; } #menu-extension li a:hover, #menu-extension li a:hover span { color: #eb6b23; } #menu li.first a { width: 174px; } #menu li a { margin: 0; padding: 9px 5px 0 7px; float: left; text-align: left; font-size: 16px; height: 25px; width: 175px; color: #fff; text-decoration: none; text-transform: uppercase; } #menu li a:hover { text-decoration: none; background: #5a8cd3; } #menu li a.selected { background: #de493b; color: #fff; } #menu li ul.main-submenu { margin: 0; padding: 10px 0 0 14px; list-style-type: none; overflow: hidden; } #menu li ul.main-submenu li { margin: 0; padding: 0 0 5px; width: 172px; float: none; } #menu li ul.main-submenu li a { margin: 0; padding: 0 0 0 15px; background: url('../img/menu/dots-small.png') 0 5px no-repeat; font-size: 14px; color: #5b5b5b; text-transform: none; height: auto; float: none; display: block; width: 152px; height: 20px; overflow: hidden; } #menu li ul.main-submenu li a:hover { background-position: 0 -89px; } #subpage-menu { margin: 0 auto; padding: 0; list-style-type: none; width: 950px; height: 35px; position: absolute; top: 114px; left: 0px; background: transparent; } #subpage-menu li { margin: 0 1px 0 0; padding: 0; background: #5a8cd3; width: 157px; float: left; } #subpage-menu li.last { width: 160px; margin-right: 0; } #subpage-menu li a { margin: 0; padding: 9px 0 0 0; text-align: center; display: block; height: 26px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; } #subpage-menu li a:hover { background-color: #1d4282; text-decoration: none; } #subpage-menu li a.selected { background-color: #ed8a1a; } #breadcrumbs { margin: 0; padding: 0; list-style-type: none; position: absolute; bottom: -137px; left: 349px; height: 20px; overflow: hidden; width: 650px; } #breadcrumbs li { margin: 0 5px 0 0; padding: 0; float: left; color: #81726f; } #breadcrumbs li a, #breadcrumbs li em { color: #81726f; font-style: normal; } #content { margin: 11px 0 0 0; padding: 12px 15px 15px 15px; float: right; width: 664px; min-height: 665px; background: #e2eff4; } #content.own { padding: 0; background: transparent; width: 694px; } .inner-content { padding: 12px 15px 15px 15px; background: #e2eff4; } .inner-spacing { padding: 12px 15px 15px 15px; background: transparent; } .blue-content { background: #e2eff4; overflow: hidden; } .blue-grad, .secure-module #content { background: url('../img/blue-grad-member.png') 0 0 repeat-x; } .secure-module #content .box-1 { padding: 5px 10px; } .secure-module #content .box-1 .company-logo { margin-right: 15px; margin-bottom: 20px; } .secure-module #content .box-1 h1 { margin-top: 10px; } #contact-page .blue-grad { padding: 12px 15px 15px 15px; background: url('../img/blue-grad.png') 0 0 repeat-x; overflow: hidden; } #contact-page .blue-grad .half .h2 { margin-top: 0; } #content.own .blue-grad h1 { padding: 12px 15px 0; } #content.own .blue-grad #login-form h1 { padding-left: 0; } #content.own #contact-page .blue-grad h1 { padding-left: 0; } #member-scrolls { margin: 0; padding: 0; height: 900px; overflow: hidden; position: relative; } #member-scrolls .mCSB_container { margin-right: 0; } #member-scrolls .mCustomScrollBox > .mCSB_scrollTools { right: -25px; overflow: visible; } #member-scrolls .mCSB_scrollTools .mCSB_buttonUp, #member-scrolls .mCSB_scrollTools .mCSB_buttonDown { margin: 0; padding: 0; opacity: 1 !important; position: absolute; top: 0; right: 36px; display: block; width: 11px; height: 10px; background: url('../img/icons/arrow-top-hover.png') 0 0 no-repeat; } #member-scrolls .mCSB_scrollTools .mCSB_buttonDown { right: 52px; background-image: url('../img/icons/arrow-bottom-hover.png'); } #member-scrolls .mCSB_scrollTools .mCSB_buttonUp:hover, #member-scrolls .mCSB_scrollTools .mCSB_buttonDown:hover { background-position: 0 -10px;} #member-scrolls .mCSB_scrollTools { opacity: 1 !important; } #richscroll-control { margin: 0; padding: 0; position: absolute; right: 43px; bottom: -10px; height: 10px; width: 30px; z-index: 10000; overflow: hidden; } #richscroll-control a { margin: 0 0 0 5px; padding: 0; float: right; width: 10px; height: 10px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; } #richscroll-control a:hover { background-position: 0 -10px; } #rsc-pause { background-image: url('../img/icons/pause.png'); } #rsc-play { background-image: url('../img/icons/arrow-right-play.png'); } .member-list, .executive-list { margin: 0 0 15px; padding: 0; list-style-type: none; overflow: hidden; } .member-list li, .executive-list li { margin: 0; padding: 15px; display: block; background: url('../img/blue-grad-member.png') 0 0 repeat-x; overflow: hidden; } .member-list li.first, .executive-list li.first { background: transparent; } .member-list li .member-logo { margin: 0 13px 0 0; padding: 0; float: left; width: 180px; height: 105px; line-height: 105px; vertical-align: middle; text-align: center; } .member-list li .member-content { float: left; width: 455px; } .member-list li h2, .executive-list li h2 { margin: 3px 0 12px 0; padding: 0; font-size: 20px; } .member-list li p, .executive-list li p { margin: 0; padding: 0; font-size: 14px; } .member-list li p.person-name { color: #5a8cd3; font-size: 16px; display: block; height: 30px; } .member-list li .web { margin: 0; padding: 0 0 0 30px; background: url('../img/icons/house.png') 0 50% no-repeat; } .executive-list li .executive-img { margin: 0 13px 0 0; padding: 0; width: 107px; height: 160px; line-height: 158px; float: left; vertical-align: middle; text-align: center; background: #fff; } .executive-list li .executive-img img { vertical-align: middle; } .executive-list p { line-height: 19px; } .executive-list p.person-name { margin-bottom: 10px; color: #ed8a1a; font-weight: bold; line-height: 20px; } .executive-list p.person-name strong { display: block; } .audit { padding: 0 15px 15px; } #content.own .blue-grad.audit h1 { padding-left: 0; } table { margin: 0 0 15px; padding: 0; border-collapse: collapse; border: 0; background: #dae7f9; } table td, table th { margin: 0; padding: 7px 10px 7px 10px; vertical-align: middle; color: #5b5b5b; text-align: left; border-bottom: solid 1px #fff; } table tr.even td, table tr.even th { background: #cee1fa; } table th { color: #4278c5; border-left: solid 2px #fff; border-right: solid 2px #fff; } table tr:nth-child(2n+0) { background-color: #CEE1FA; } table td:nth-child(2) { border-left: solid 2px #fff; border-right: solid 2px #fff; } #layout-null.home #content { padding: 0 30px 0 0; width: 694px; background: #fff; } #homepage { margin: 0; padding: 12px 15px 15px 15px; background: url('../img/blue-grad.png') 0 0 repeat-x; } .spec-headline { margin: 25px 0 18px -25px; padding: 0 0 0 42px; background: url('../img/content-sep.png') 0 10px no-repeat; } .spec-headline span { margin: 0; padding: 0 15px; color: #6d2f2a; font-size: 20px; background: #edeae0; } #home-news-container { margin: 0 0 20px; padding: 0; position: relative; } .home-news { margin: 0; padding: 0; list-style-type: none; position: absolute; width: 13px; height: 150px; top: 37px; left: 14px; z-index: 1000; } .home-news li { margin: 0 0 10px; padding: 0; width: 13px; height: 13px; display: block; } .home-news li a { margin: 0; padding: 0; width: 13px; height: 13px; display: block; background: url('../img/icons/dots-big.png') 0 100% no-repeat; text-decoration: none; } .home-news li a:hover, .home-news li a.current { background-position: 0 0; text-decoration: none; } .css-panes { height: 191px; width: 692px; position: relative; overflow: hidden; clear: both; background-color: transparent; } .css-panes div { float: left; display: block; width: 692px; font-size: 14px; background-color: #e0eef3; } .css-panes .items { margin: 0; padding: 0; height: 20000em; position: absolute; clear: both; border: 0; } .css-panes .less, .css-panes .less a { color: #999 !important; font-size: 11px; } .css-panes .items div { background-color: #e0eef3; } .css-panes .items div div { border: 0 !important; } .css-panes div.home-news-item { margin: 0; padding: 21px 19px 20px 43px; width: 630px; height: 150px; overflow: hidden; } .home-news-item .main-image { margin: 0 14px 0 0; padding: 0; float: left; width: 180px; height: 135px; line-height: 133px; text-align: center; vertical-align: middle; background: #fff; } .home-news-item .main-image img { margin: 0; padding: 0; text-align: center; vertical-align: middle; border: 0; } .home-news-item h2 { margin: 0; padding: 0; font-size: 24px; color: #1d4282; display: block; height: 28px; width: 425px; overflow: hidden; } .home-news-item h2 a { text-decoration: none; color: #1d4282; font-size: 24px; } .home-news-item p.perex { margin: 0 0 3px; padding: 0;font-size: 14px; line-height: 18px; height: 74px; } .home-news-item p.date { margin: 0 0 10px; padding: 0; color: #5284ca; font-size: 12px; } .home-news-item p.more { margin: 0; padding: 0; text-align: right; color: #e17e0f; line-height: 18px; } .home-news-item p.more a { margin: 0; padding: 0; color: #e17e0f; } .home-news-item p.more a:hover { text-decoration: none; } #actions-projects { margin: 20px 0; padding: 30px; clear: both; overflow: hidden; width: 940px; height: 200px; position: absolute; bottom: 0; left: 0; background: url('../img/shadow.png') 0 0 no-repeat; } #actions-projects .h3 { margin: 0; padding: 5px 9px 0; height: 35px; background: #1d4282; color: #fff; font-size: 24px; font-weight: normal; line-height: 30px; border-top: solid 1px #fff; } #actions-projects ul { margin: 0; padding: 0; position: relative; list-style-type: none; } #actions-projects ul li { margin-right: 20px; } .scroll-content { padding: 0 10px; width: 920px; overflow: hidden; } #contact-block { margin: 0; padding: 0; float: left; width: 250px; } #map { margin: 0 0 30px; padding: 0; overflow: hidden; float: right; } #map a { display: block; overflow: hidden; height: 248px; } #map a img { margin: 0; padding: 0; overflow: hidden; } #map span { margin: 8px 0 0; display: block; text-align: right; } #map span a { display: inline; } #map span em { font-style: normal; color: #ed8a1a; } #side-col { margin: 0; padding: 0; width: 265px; float: left; min-height: 300px; } .side-box-content { margin: 7px 2px 0 0; padding: 0; background: url('../img/vertical-dashed-sep.png') 100% 0 repeat-y; } #facebook { margin: 0 0 0 21px; min-height: 240px; } #fc-label, #ln-label, #ca-label, .sp-label { margin: 0 0 0 1px; padding: 0; display: block; width: 233px; height: 34px; text-transform: uppercase; } #fc-label a, #ln-label a, #ca-lablel a, .sp-label a { padding: 8px 5px 0 15px; display: block; height: 26px; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold;} #fc-label, #ca-label, .sp-label { background: #1d4282; } #ln-label { background: #5a8cd3; } #side-col .news-list { padding: 0 25px 0 30px; margin-right: 3px; } #side-col .news-list .date { margin-bottom: 5px; padding-top: 6px; padding-left: 66px; min-height: 44px; display: block; background: url('../img/icons/news.png') 0 50% no-repeat; font-size: 14px; } #side-col .news-list .date span { display: block; } #side-col .news-list p { margin-bottom: 0; } #side-col .news-list a.h2 { margin-bottom: 6px; color: #dc4539; text-decoration: none; font-size: 16px; font-family: Arial, "Geneva CE", lucida, Verdana, sans-serif; } #side-col .news-list a.h2:hover { text-decoration: underline; } #side-col .news-list li.last { padding-bottom: 0; } #side-menu-container { margin: 0 0 25px; padding: 0; z-index: 10000; } #sm-headline a { margin: 0; padding: 30px 0 0 91px; height: 29px; display: block; background: url('../img/icons/znak.png') 30px 5px no-repeat; color: #463c3a; font-size: 26px; text-decoration: none; } #side-menu-container p { margin: 0 0 0 30px; padding: 7px 0 0 14px; height: 27px; display: block; background: #ed8a1a; color: #fff; text-transform: uppercase; font-size: 16px; border: solid 1px #fff; border-bottom: 0; border-right: 0; font-weight: bold; } #side-menu { margin: 0 30px; padding: 0; list-style-type: none; width: 234px; border: solid 1px #fff; } #side-menu li { margin: 0 0 1px; padding: 0; display: block; min-height: 30px; background: #fce09c; } #side-menu li a { margin: 0; padding: 7px 10px 5px 26px; min-height: 19px; display: block; font-size: 16px; overflow: hidden; color: #5b5b5b; text-decoration: none; background: transparent url('../img/menu/side-hover.png') 12px 50% no-repeat; } #side-menu li a:hover { color: #ed8a1a; text-decoration: none; font-weight: normal; } #side-menu li a.active, #side-menu li a.active:hover { color: #fff; font-weight: normal; background: #ed8a1a url('../img/menu/side-hover.png') -234px 50% no-repeat; } #side-menu li ul { margin: 10px 0 0 20px; padding-bottom: 2px; border: 0;} #side-menu li ul li { margin: 3px 0; min-height: 18px; background: transparent; border: 0; background: url('../img/menu/submenu.png') 0 5px no-repeat; } #side-menu li ul li a { padding: 0 0 0 16px; font-size: 14px; height: auto; background: transparent; } #side-menu li ul li a:hover { color: #e27e0c; } .shadowed { margin: 0 0 20px 0; padding: 21px 0 0 30px; min-height: 230px; background: url('../img/left-shadow.png') 3px 0px no-repeat; } .shadowed.top-position { background: transparent; margin-top: -20px; } #fast-contact { margin-bottom: 2px; } #fast-contact p, #fast-contact dl, #_calendar-container p#ca-label, #customer-block .sp-label { margin: 0 0 5px; padding: 3px 10px 13px 10px; overflow: hidden; font-size: 14px; } #fast-contact p#fc-label, #customer-block .sp-label { margin-left: 1px; padding: 0; font-size: 16px; } #fast-contact p#fc-label a, #_calendar-container p#ca-label a, #customer-block .sp-label a { color: #fff; font-size: 16px; text-decoration: none; } #fast-contact p strong { display: block; } #fast-contact dl a { color: #0b3065; } #fast-contact dl dt { font-weight: bold; } #_calendar-container p#ca-label { padding: 7px 0 0 0; height: 28px; font-size: 16px; margin-left: 1px; } #_calendar-container p#ca-label a { padding-left: 15px; font-weight: bold; font-size: 16px; } #main-partners ul { margin: 0; padding: 18px 0 3px 0; list-style-type: none; } #main-partners ul li { margin: 0 0 15px; padding: 0 10px; text-align: center; display: block; } #customer-block { margin: 1px 0 5px 30px; } #customer-block .sp-label a { font-size: 13px; text-transform: none; } .company-logo { margin: 5px 0 5px 1px; padding :0; width: 224px; line-height: 98px; height: 100px; display: block; overflow: hidden; border: solid 5px #abccfa; text-align: center; vertical-align: middle; } .company-logo img { margin: 0; padding: 0; vertical-align: middle; border: 0; } p.blue-link { margin: 1px 0 1px 1px; padding: 6px 13px 5px; text-align: left; background: #abccfa; font-size: 14px; font-weight: bold; color: #1d4282; } p.blue-link a { margin: 0; padding: 0; text-decoration: none; color: #1d4282; } p.blue-link a:hover { text-decoration: underline; } .news-list { margin: 0; padding: 0; overflow: hidden; list-style-type: none; } .news-list li { margin: 0 0 20px; padding: 0 15px 20px; overflow: hidden; border-bottom: solid 1px #fff; } .news-list li .main-image { margin: 0 10px 0 0; padding: 0; float: left; overflow: hidden; } .news-list li h2, .news-list li .h2 { margin: 3px 0 0 0; padding: 0; font-size: 20px; height: 24px; overflow: hidden; } .news-list li h2 a,.news-list li .h2 a { margin: 0; padding: 0; font-size: 20px; line-height: 24px; color: #1d4282; text-decoration: none; } .news-list li h2 a:hover, .news-list li .h2 a:hover { text-decoration: underline; } .news-list li p { font-size: 14px; color: #000; } .news-list li p.perex { padding: 0; margin: 0; height: 65px; overflow: hidden; line-height: 21px; } .news-list li .date { margin: 0 0 10px; padding: 0; font-size: 12px; color: #5284ca; } #content .news-list li p.more { margin: 0; padding: 0; overflow: hidden; } #content .news-list li p.more a { margin: 0; } /* diskuse box - stara verze .box-dis { margin: 0 0 15px 0; padding: 10px; border: solid 1px #e0eef3; width: 678px; } .box-dis-img { margin: 0 10px 10px 0; padding: 0 10px 0 0; float: left; border-right: solid 1px #e0eef3; } .box-dis-head { margin: 0 0 10px 0; padding: 0; float: left; width: 518px; } .box-dis-head h2 { margin: 0 0 5px 0; padding: 0 0 5px 0; display: block; color: #323232; border-bottom: solid 1px #ebebeb; font-size: 16px; font-family: Arial, sans-serif; font-weight: bold; } .box-dis-head p { margin: 0; padding: 0; } .box-dis-head p strong a { color: #416892; } .box-dis-head p strong { margin: 0; padding: 0; display: block; color: #585858; } */ .guestbook-list { margin: 0 0 20px; padding: 0; list-style-type: none; } .guestbook-list li { margin: 0; padding: 0 0 40px; background: url('../img/news-sep.png') 50% 100% no-repeat; overflow: hidden; } #side-col .guestbook-list li { padding: 0 30px 35px 10px; background: url('../img/side-gb-sep.png') 50% 100% no-repeat; } .secure-module .guestbook-list li { padding: 5px 10px 10px; background: url("../img/blue-grad-member.png") 0 0 repeat-x; } .secure-module .guestbook-list li h2 { margin: 5px 0 6px; font-size: 18px; } .guestbook-list li p { margin-bottom: 0; } .guestbook-list li .bouble { margin: 0; overflow: hidden; } .guestbook-list li .citate .more, .guestbook-list li .citate .more a { color: #fe85b9; text-align: right; } .guestbook-list li .citate .more a:hover { color: #010101; } .img-gallery { margin: 10px 0; padding: 0 19px; overflow: hidden; list-style-type: none; } .img-gallery li { margin: 0 15px 15px 0; padding: 0; float: left; overflow: hidden; } .img-gallery li a { margin: 0; padding: 0; position: relative; overflow: hidden; display: block; width: 180px; height: 130px; } .img-gallery li a img { margin: 0; padding: 0; overflow: hidden; } .img-gallery li a span.magnifier { position: absolute; bottom: 5px; right: 5px; height: 31px; width: 32px; background: url('../img/icons/magnifier.png') 0 0 no-repeat; } .img-gallery.partners li { border: 0; background: 0; } .img-gallery.partners li a { padding: 5px; border: 0; background: 0; } .img-gallery.partners li a span.magnifier { display: none; } .files { margin: 0 0 25px 0; padding: 0 19px; list-style-type: none; } .files li { margin: 0 0 10px 0; padding: 0; min-height: 28px; overflow: hidden; } .files li a { margin: 0; padding: 0; color: #ed8a1a !important; text-decoration: underline; } .files li span { margin: 0 0 0 20px; padding: 0; color: #5b5b5b; font-size: 13px; } .files li a:hover { color: #eb6b23 !important; text-decoration: underline; } /* ikony soubrou */ .file-icon { margin: 0; padding: 7px 0 0 40px !important; } .i-pdf { background: url('../img/icons/pdf.png') 0 2px no-repeat; } .i-zip, .i-rar { background: url('../img/icons/zip.png') 0 2px no-repeat; } .i-doc, .i-docx, .i-txt { background: url('../img/icons/doc.png') 0 2px no-repeat; } .i-xls, .i-xlsx { background: url('../img/icons/xls.png') 0 2px no-repeat; } table.middle th { text-align: left; font-weight: normal; width: 100px; } .exclamation { margin: 0 0 20px 0; padding: 0 0 0 41px; font-size: 16px; background: url('../img/icons/exclamation.png') 5px 4px no-repeat; } .exclamation strong { display: block; color: #00aeef; } .form-container { padding: 0 20px; } .form-container table.form { margin: 0; padding: 0; border-collapse: collapse; } .form-container table th { padding: 5px 0 0 0; font-size: 16px; text-align: left; vertical-align: top; width: 185px; color: #5b5b5b; font-weight: normal; border: 0; background: transparent; } .form-container table td { padding-left: 0; padding-bottom: 10px; border: 0; background: transparent; } #contact-page .form-container table td { width: 300px; } .form-container table td span { padding-bottom: 4px; display: block; font-size: 16px; font-weight: normal; } .form-container table td span.clr-r { padding-right: 5px; float: right; width: 10px; } .form-container table td input[type="text"] { margin-right: 5px; width: 280px; } .form-container table td textarea { width: 494px; } .form-container.guest-form table td input[type="text"] { width: 274px; margin-right: 0; } .form-container.guest-form table td textarea { width: 410px; } .btn-container { margin: 0 117px 25px 0; padding: 0; overflow: hidden; } .btn-container input.button, td input.button, button.button { margin: 0; padding: 5px 18px 7px 18px; float: right; height: 39px; font-size: 18px; border: 0; cursor: pointer; background: #ed8a1a; color: #fff; text-decoration: none; } td input.button { float: left; } .btn-container span.more { float: left; } .form-container.pt13 { padding-top: 13px; } .form-container.pt13 .h2 { margin-top: 0; } #application-content .form-container table { margin-bottom: 10px; min-height: 1px; } #application-content .form-container table th { width: 200px; color: #5b5b5b; } #application-content table, #application-content table td, #application-content table th, #application-content table tr { background: transparent; border: 0; } #contact-page table, #contact-page table th, #contact-page table td, #contact-page table tr { background: transparent; border: 0; } #login-form table, #login-form table th, #login-form table td, #login-form table tr { background: transparent; border: 0; } #login-form.form-container { background: url('../img/login-inputs.png') 205px 59px no-repeat; min-height: 250px;} #login-form.form-container table { width: 656px; margin-bottom: 10px; min-height: 1px; } #login-form.form-container table th { padding-top: 13px; } #login-form.form-container table td { padding-bottom: 8px; } #login-form.form-container table td input[type="text"], #login-form.form-container table td input[type="password"] { padding: 7px; width: 316px; background: transparent; border: 0; } .secure-module .form-container table th { padding-top: 10px; width: 220px; } .secure-module #login-form.form-container table th { width: 185px; } /***************************** FORM GUESTBOOK *********************************/ .form { margin: 0 0 20px 0; padding: 0px; width: 410px; min-height: 233px; } .form.wide { width: auto; } .form p.headline { font-size: 14px; color: #fff; } .form p.headline strong { margin: 0; padding: 0; font-size: 28px; display: block; font-weight: normal; } .form table { margin: 0; padding: 0; border-collapse: collapse; } .form table th { margin: 0; padding: 5px 10px 0 0; font-weight: normal; text-align: left; color: #fff; font-size: 13px; vertical-align: top; } .form table td { margin: 0; padding: 0 0 10px 0; color: #fff; } .form input[type="text"], .form input[type="password"], .form textarea, #login p input[type="text"], #login p input[type="password"], .secure-module .form-container input[type="text"], .secure-module .form-container input[type="password"] { margin: 0; padding: 5px; font-size: 13px; width: 190px; background: #fff url('../img/input.png') 0 0 repeat-x; box-shadow: inset 0 0 1px #fff; border: solid 1px #a4c7d6; } .form textarea { height: 78px; } table.form2 { margin: 0 0 20px 0; padding: 0; border-collapse: collapse; } table.form2 th { margin: 0; padding: 5px 10px 0 0; font-weight: normal; text-align: left; color: #5b5b5b; font-size: 16px; vertical-align: top; } table.form2 td { margin: 0; padding: 0 0 10px 0; } table.form2 input { margin: 0; padding: 5px; font-size: 13px; background: url('../img/input2.png') 0 0 repeat-x; width: 190px; border: 0; } /***************************** SIDE COL ***************************************/ /* calendar */ .home-head-calendar { margin: 0; padding: 0; position: absolute; top: 112px; right: 20px; width: 238px; height: 250px; } #_calendar-container.home-head-calendar p#ca-label { padding: 0; margin: 0; font-size: 20px; color: #fff; background: transparent; height: 22px; } #_calendar-container.home-head-calendar p#ca-label a { font-size: 20px; } #_calendar-container.home-head-calendar .actual { color: #afe9ff; } #_calendar-container.home-head-calendar #calendar-container, #_calendar-container.home-head-calendar .side-box-content { margin-top: 0; } #_calendar-container.home-head-calendar #calendar-ajax { padding-top: 0; } #_calendar-container.home-head-calendar table#calendar { margin-top: 10px; } #_calendar-container table#calendar { background: transparent; } #_calendar-container table#calendar tr:nth-child(2n) { background-color: transparent; } #_calendar-container.home-head-calendar .side-box-content { background: transparent; } #_calendar-container.home-head-calendar #calendar-control .prev, #_calendar-container.home-head-calendar #calendar-control .next { color: #afe9ff; } #_calendar-container.home-head-calendar #calendar tr th { background: transparent; color: #fff; } #_calendar-container.home-head-calendar #calendar tr td { background: #fff; } #_calendar-container.home-head-calendar #calendar tr td.empty { background: transparent; } #_calendar-container.shadowed { min-height: 200px; } #calendar-container { margin: 8px 0 0 0; padding: 0; width: 232px; background: #f0f7fe; min-height: 150px; _height: 150px; background: transparent; } #calendar-ajax { margin: 0; padding: 7px 6px 7px 15px; width: 208px; background: #f0f7fe; min-height: 150px; _height: 150px; background: transparent; } #calendar-ajax p { margin: 0; } #calendar { margin: 0; padding: 0; width: 206px; } table#calendar { border-spacing: 1px 2px; background: transparent; border-collapse: separate; } #calendar tr th { margin: 0; padding: 2px 0 0 0; color: #0b3065; text-align: center; font-size: 12px; vertical-align: middle; height: 19px; font-weight: bold; background: #fff; border: 0; font-size: 14px; width: 19px; } #calendar tr td { margin: 0; padding: 2px 0 0 0; background: #abccfa; text-align: center; vertical-align: middle; height: 19px; font-size: 12px; color: #0b3065; /*border: solid 1px #fff; border-bottom: solid 3px #fff;*/ border: 0; } #calendar tr td a { position: relative; } #calendar tr td a .perex-hover { margin: 0; padding: 5px; font-size: 11px; color: #fff; background: #0b3065; display: none; position: absolute; top: 21px; left: 0; width: 87px; height: auto; text-align: left; z-index: 1000; } #calendar tr td.td-a a:hover { background: #0b3065; } #calendar tr td.td-a a:hover .perex-hover { display: block; } #calendar tr td.empty { background: transparent; } #calendar tr td.td-a { padding-top: 0; height: 21px; } #calendar tr td.td-a a { padding-top: 2px; background: #ed8a1a; color: #fff; text-decoration: none; display: block; height: 19px; vertical-align: middle; line-height: 19px; } .corner { display: block; line-height: 32px; vertical-align: middle; color: #3b7bbb; background: url('../design/corner-b.gif') 0px 100% no-repeat; font-weight: bold; } .double { color: #0b3065; display: block; font-weight: bold; } .double2 { color: #c20c25 !important; font-weight: bold; background: url('../design/corner.gif') 0px 100% no-repeat; display: block; line-height: 32px; } .double2 span { font-family: 'Times New Roman', serif; } td.bg-tab { background: #f0f7fe !important; } #calendar-ajax p#calendar-control { margin: 10px 0 3px 0; padding: 0 0 2px 0; text-align: center; width: 204px; overflow: hidden; } #calendar-control .prev { margin: 0; padding: 0 0 0 12px; float: left; background: url('../img/icons/arrow-left-hover.png') 0 6px no-repeat; } #calendar-control .next { margin: 0; padding: 0 12px 0 0; float: right; background: url('../img/icons/arrow-right-hover.png') 100% 6px no-repeat; } #calendar-control .prev, #calendar-control .next { color: #ed8a1a; } #calendar-control .prev:hover, #calendar-control .next:hover { color: #eb6b23; text-decoration: underline; } #calendar-control .prev:hover { background-position: 0 -44px; } #calendar-control .next:hover { background-position: 100% -44px; } .actual { margin: 0; padding: 0; display: inline; font-weight: bold; font-size: 16px; color: #ed8a1a; font-style: normal;} .all { clear: both; } .spec-center { margin: 0; padding: 0; display: block; clear: both; text-align: right !important; } .more { margin: 10px 0 0 0; padding: 0; display: block; overflow: hidden; color: #ed8a1a; text-align: right; } .news-list li p.more { color: #ed8a1a; } .more a { margin: 0; padding: 0; color: #ed8a1a; } .more a:hover, .news-list li p.more a:hover { text-decoration: underline; color: #eb6b23; } .articles { margin-bottom: 15px; } .detail-image { margin: 0 10px 0 0; padding: 0; float: left; width: 180px; position: relative; height: 120px; overflow: hidden; border: solid 5px #ececec; } .detail-image span.magnifier { position: absolute; bottom: 5px; right: 5px; height: 31px; width: 32px; background: url('../img/icons/magnifier.png') 0 0 no-repeat; } a.btn { margin: 0; padding: 7px 28px 0 28px; float: left; height: 27px; font-size: 16px; background: #8f3631; color: #ddd8cd; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.btn:hover { color: #ddd8cd; } /* paginator */ .paginator { margin: 0 0 35px 0; padding: 10px 0; overflow: hidden; } .pages { margin: 0; padding: 0 10px 0 0; font-size: 16px; text-align: center; font-weight: bold; } .pages span { color: #000; } .pages strong { padding: 3px 9px; font-weight: bold; color: #fff; background: #5a8cd3; } .pages a.num { margin: 0 2px; padding: 3px 9px; color: #5a8cd3; text-decoration: none; } .pages a.num:hover { text-decoration: none; color: #ed8a1a; } .pages a.next { margin: 0; padding: 0 10px 0 3px; font-weight: normal; } .pages a.last { margin: 0; padding: 0 12px 3px 3px; font-weight: normal; } .pages a.prev { margin: 0; padding: 0 3px 3px 10px; font-weight: normal; } .pages a.first { margin: 0; padding: 0 3px 3px 12px; font-weight: normal; } .pages span.next { margin: 0; padding: 0 10px 0 3px; font-weight: normal; } .pages span.last { margin: 0; padding: 0 12px 3px 3px; font-weight: normal; } .pages span.prev { margin: 0; padding: 0 3px 3px 10px; font-weight: normal; } .pages span.first { margin: 0; padding: 0 3px 3px 12px; font-weight: normal; } .pages .next, .pages .prev { width: auto; } /* footer */ #foot-null { margin: 0; padding: 0; width: 100%; background: #1d4282; } #foot-menu { margin: 0 auto; padding: 0; width: 960px; height: 35px; list-style-type: none; border: solid 1px #fff; border-top: 0; border-bottom: 0; } #foot-menu li { margin: 0; padding: 9px 0 0 0; float: left; height: 26px; width: 159px; border-left: solid 1px #fff; text-align: center; } #foot-menu li.first { border-left: 0; } #foot-menu li a {margin: 0; padding: 0; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 15px; } #copyright { margin: 0; padding: 14px 0 10px 0; text-align: center; width: 100%; color: #fff; font-size: 14px; background: #5a8cd3; text-transform: uppercase; } #copyright span { margin: 0 auto; width: 960px; display: block; text-align: center; color: #95bfce; } #copyright a { color: #fff; text-decoration: none; } #copyright a:hover { text-decoration: underline; } #copyright span a { color: #95bfce; text-decoration: none; } /* projects scrollbar */ #ap-logos .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 1px 0 0 0; padding: 0; width: 37px; height: 9px; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: url('../img/scroll-slider.png') 0 0 no-repeat; } #ap-logos .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { margin: 1px 0 0 0; height: 9px; background: #e0eef3; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #ap-logos .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, #ap-logos .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { width: 10px; height: 11px; background: url('../img/icons/arrow-left.png') 0 0 no-repeat; opacity: 1; } #ap-logos .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { background: url('../img/icons/arrow-right.png') 0 0 no-repeat; } #ap-logos .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 11px; } #ap-logos ul { padding: 3px 0 2px; } #ap-logos li { float: left; margin-right: 20px; height: 130px; vertical-align: middle; line-height: 130px; } .half { float: left; width: 50%; } /* flash messages */ .msg, ul.error { margin: 0 0 20px 0; padding: 15px 10px; overflow: hidden; color: #000; font-size: 14px; } .msg p { padding-bottom: 0; margin-bottom:0; } .msg.error, ul.error { padding-left: 50px; border: solid 1px #ff8787; background: #ffcccc url('../img/icons/error.png') 8px 50% no-repeat; } .msg.success, .msg.accept { padding-left: 50px; border: solid 1px #bbe287; background: #d9ffa7 url('../img/icons/success.png') 8px 50% no-repeat; } .msg.info { padding-left: 50px; border: solid 1px #afd7ff; background: #cde6ff url('../img/icons/info.png') 8px 50% no-repeat; } .msg.warning { padding-left: 50px; border: solid 1px #f9d38e; background: #fff8ad url('../img/icons/warning.png') 8px 50% no-repeat; } ul.error { list-style: none; } /* mess cleaners */ .clnr, .clnr-s { margin: 0; padding: 0; clear: both; } .clnr-s { display: block; } .fright { float: right !important; } .fleft { float: left !important; } .block { display: block; } .alter { display: none; } .clr-r { color: #ed8a1a; } /* alings */ .tal { text-align: left !important; } .tar { text-align: right !important; } .tac { text-align: center !important; } .vab { vertical-align: bottom !important; } .over { text-decoration: line-through; } .ovh { overflow: hidden !important; } /* margins paddings */ .pt10 { padding-top: 10px !important; } .mr0 { margin-right: 0 !important; } .mt10 { margin-top: 10px; } .rel { position: relative; } .contact-pad { margin-left: 30px; }