body{ margin:0; font-family:Arial; font-size:13px; color:#ccdfe8; background:#02050c url('/images/body-bcg5.jpg') no-repeat fixed center top } a, a:hover{ outline-style:none; color:#7cabcc; text-decoration:none} a:hover{ color:#b5d1e5; text-decoration:none } a img{ border:none; cursor:pointer } .clear{ clear:both } ul, li, p, form{ margin:0; padding:0 } h1, h2, h3, h4, h5, h6{ margin:0; line-height:1em } h2{ font-size:17px; color:#7CABCC; font-weight:normal; margin:10px 0 10px 0; text-shadow:0 1px 1px black;} div.contact input.submit, input.submit.newsletter, .caption-bottom a, a.button2{ color:white; background:transparent url('/images/button2-bcg.png') no-repeat 0 0; display:block; padding:7px 15px; width:auto; cursor:pointer; -moz-border-radius:3px } div.contact input.submit:hover, input.submit.newsletter:hover, .caption-bottom a:hover, a.button2:hover{ background:transparent url('/images/button2-bcg-hover.png') no-repeat 0 0 } table.menu-bcg{ width:100% } td.menu-fill{ width:50%; background:transparent url('/images/menu-fill.png') repeat-x } td.menu-cointainer{ vertical-align:top } div.menu{ width:1000px; height:96px } #multi-ddm { list-style:none; padding:0; margin:0 } #multi-ddm > li { float: left; } #multi-ddm > li > a { display: block; text-align:center; padding:35px 45px 45px 45px; text-decoration: none; color: #E9E7EC; background:transparent url('/images/menu-fill.png') repeat-x 0 0; text-shadow:0 -2px 1px black;} #multi-ddm > li > .parent-hover { background:transparent url('/images/menu-hover-active.png') repeat-x 0 0; border:none } #multi-ddm li ul { display: none; list-style: none; position: absolute; margin: 0; z-index: 90; padding: 0 0 9px 0; background:transparent url('/images/menu-sub-bcg-extra.png') repeat-x 0 0 } #multi-ddm li ul li.subbed { background:transparent url('/images/white-arrow.png') no-repeat 240px 10px } #multi-ddm li ul a { display: block; padding: 10px 30px 10px 45px ; text-decoration: none; color: #E9E7EC; background: transparent url('/images/menu-sub-bcg.png') repeat 0 0; width:auto } #multi-ddm > li ul li a.first { } #multi-ddm > li ul .child-hover1 { background:transparent url('/images/menu-fill.png') repeat-x 0 0; padding:10px 30px 10px 45px; border:none } #multi-ddm > li ul .child-hover2 { background:transparent url('/images/menu-fill.png') repeat-x 0 0; padding:10px 30px 10px 45px; border:none } #multi-ddm > li ul .child-hover3 { background-color: purple; color: white; border:none } #multi-ddm > li ul .child-hover4 { background-color: blue; color: white; border:none } #multi-ddm > li ul li ul { margin: -36px 0 0 275px; position: absolute } #multi-ddm span { font-size:12px;} #multi-ddm li.width-fix{ width:314px; height:96px; background:transparent url('/images/menu-fill.png') repeat-x } div.cointainer{ width:1000px; margin:auto } div.logo{ float:left; width:221px; height:56px; margin-left:-62px; margin-top:40px; margin-bottom:40px } div.buttons-top{ float:right; padding-top:100px } a.button{ color:#e9e7ec; text-decoration:none; background:transparent url('/images/button-bcg.png') no-repeat; width:195px; text-align:center; display:block; line-height:27px; border:none } a.button.button-top{ float:left; margin-left:10px } a.button:hover{ background:transparent url('/images/button-hover-bcg.png') no-repeat; text-decoration:none; color:#d52664; border:none } div.slider{ clear:both; background:transparent url('/images/slider-bcg.png') no-repeat 0 0; padding:7px 0 13px 13px; } #featured{ position:relative; height:400px; } .ui-tabs-nav{ list-style-type:none; position:absolute; margin-left:14px } .ui-tabs-nav-item{ float:left; width:80px; height:51px; margin-right:1px; background:transparent url('/images/slider/slider-nav-bcg.png') no-repeat 0 0 } .ui-tabs-selected a, .ui-tabs-nav-item a{ width:80px; height:32px; display:block; text-align:center; padding-top:19px } .ui-tabs-selected{ background:transparent url('/images/slider/slider-nav-bcg-s.png') no-repeat scroll 0 0 } .ui-tabs-nav-item#nav-fragment-1 a{ background:transparent url('/images/slider/slider-nav-1.png') no-repeat center center } .ui-tabs-nav-item#nav-fragment-2 a{ background:transparent url('/images/slider/slider-nav-2.png') no-repeat center center } .ui-tabs-nav-item#nav-fragment-3 a{ background:transparent url('/images/slider/slider-nav-3.png') no-repeat center center } .ui-tabs-nav-item#nav-fragment-4 a{ background:transparent url('/images/slider/slider-nav-4.png') no-repeat center center } .ui-tabs-selected#nav-fragment-1 a{ background:transparent url('/images/slider/slider-nav-1-s.png') no-repeat center center } .ui-tabs-selected#nav-fragment-2 a{ background:transparent url('/images/slider/slider-nav-2-s.png') no-repeat center center } .ui-tabs-selected#nav-fragment-3 a{ background:transparent url('/images/slider/slider-nav-3-s.png') no-repeat center center } .ui-tabs-selected#nav-fragment-4 a{ background:transparent url('/images/slider/slider-nav-4-s.png') no-repeat center center } .ui-tabs-hide{ display:none } #featured .slide-top, #featured .slide-content, #featured .slide-bottom{ width:973px } #featured .slide-top{ height:74px } #featured .slide-content{ height:300px } #featured .slide-content a{ width:126px; height:40px; display:block; position:relative; top:200px; left:72px } #featured .slide-bottom{ height:26px } #fragment-1 .slide-top{ background:transparent url('/images/slider/1/slide-top.png') no-repeat scroll 0 0 } #fragment-1 .slide-content{ background:transparent url('/images/slider/1/slide-content.png') no-repeat scroll 0 0 } #fragment-1 .slide-content a{ float:left; margin-right:20px } #fragment-1 .slide-content a.cms{ background:transparent url('/images/slider/1/slider-btn-cms.png') no-repeat scroll 0 0 } #fragment-1 .slide-content a.cms:hover{ background:transparent url('/images/slider/1/slider-btn-cms-h.png') no-repeat scroll 0 0 } #fragment-1 .slide-content a.shop{ background:transparent url('/images/slider/1/slider-btn-shop.png') no-repeat scroll 0 0 } #fragment-1 .slide-content a.shop:hover{ background:transparent url('/images/slider/1/slider-btn-shop-h.png') no-repeat scroll 0 0 } #fragment-1 .slide-content a.portal{ background:transparent url('/images/slider/1/slider-btn-portal.png') no-repeat scroll 0 0 } #fragment-1 .slide-content a.portal:hover{ background:transparent url('/images/slider/1/slider-btn-portal-h.png') no-repeat scroll 0 0 } #fragment-1 .slide-bottom{ background:transparent url('/images/slider/1/slide-bottom.png') no-repeat scroll 0 0 } #fragment-2 .slide-top{ background:transparent url('/images/slider/2/slide-top.png') no-repeat scroll 0 0 } #fragment-2 .slide-content{ background:transparent url('/images/slider/2/slide-content.png') no-repeat scroll 0 0 } #fragment-2 .slide-content a{ background:transparent url('/images/slider/2/slider-btn.png') no-repeat scroll 0 0 } #fragment-2 .slide-content a:hover{ background:transparent url('/images/slider/2/slider-btn-h.png') no-repeat scroll 0 0 } #fragment-2 .slide-bottom{ background:transparent url('/images/slider/2/slide-bottom.png') no-repeat scroll 0 0 } #fragment-3 .slide-top{ background:transparent url('/images/slider/3/slide-top.png') no-repeat scroll 0 0 } #fragment-3 .slide-content{ background:transparent url('/images/slider/3/slide-content.png') no-repeat scroll 0 0 } #fragment-3 .slide-content a{ background:transparent url('/images/slider/3/slider-btn.png') no-repeat scroll 0 0 } #fragment-3 .slide-content a:hover{ background:transparent url('/images/slider/3/slider-btn-h.png') no-repeat scroll 0 0 } #fragment-3 .slide-bottom{ background:transparent url('/images/slider/3/slide-bottom.png') no-repeat scroll 0 0 } #fragment-4 .slide-top{ background:transparent url('/images/slider/4/slide-top.png') no-repeat scroll 0 0 } #fragment-4 .slide-content{ background:transparent url('/images/slider/4/slide-content.png') no-repeat scroll 0 0 } #fragment-4 .slide-content a{ background:transparent url('/images/slider/4/slider-btn.png') no-repeat scroll 0 0 } #fragment-4 .slide-content a:hover{ background:transparent url('/images/slider/4/slider-btn-h.png') no-repeat scroll 0 0 } #fragment-4 .slide-bottom{ background:transparent url('/images/slider/4/slide-bottom.png') no-repeat scroll 0 0 } div.buttons-bottom{ padding-top:9px; padding-bottom:55px } a.button.button-bottom{ float:left; margin-right:10px } div.breadcrumb{ clear:both; padding-left:5px; text-transform:lowercase } div.breadcrumb a{ color:#7cabcc; text-decoration:none; background:transparent url('/images/40-bcg.png') repeat scroll 0 0; padding:3px 5px; -moz-border-radius:3px } div.breadcrumb a:hover{ text-decoration:underline } div.content{ width:1000px; text-align:justify; line-height:18px; padding:0 5px 0 5px;} div.content div.content-head{ width:650px; height:268px; background:transparent url('/images/content/content-head-bcg.png') no-repeat scroll 0 0; padding:8px 0 0 14px; margin-top:10px } div.two-col{ float:left; width:484px } div#two{ padding-right:20px } div.three-col{ float:left; width:313px } div#three{ padding-right:30px } div.content h1{ font-size:34px; font-weight:bold; margin-top:15px; text-transform:uppercase } div.content a.button:hover{ border:none; text-decoration:none } div.content ul { margin:0; padding:0 } div.content ul li { list-style:none; background:transparent url('/images/ul-star.png') no-repeat scroll left -1px; padding:0 0 5px 30px } div.content ul li.head2{ background:none; padding:0px } div.content ul li.sub{ background:none } div.content ul li.sub ul{ margin-left:0 } div.content ul li.sub ul li{ background:transparent url('/images/ico-sub-li.png') no-repeat scroll left 3px; padding-left:25px } /* NEWS */ div.content.news h2{ margin:2px 0 } div.content.news ul.news{ margin-top:10px } div.content.news ul.news li{ background:transparent url('/images/line-white-5.png') repeat-x scroll left bottom; padding:0 0 10px 0; margin:0 0 10px 0 } div.content.news ul.news li.selected{ padding:10px 20px 20px 20px; background:transparent url('/images/20-bcg.png') repeat 0 0; -moz-border-radius:10px } div.content.news ul.news li a{ display:block } div.content.news ul.news li a.selected{ display:none } div.content.news small.new{ padding:0 0 0 28px; background:transparent url('/images/ico-new.png') no-repeat scroll left 2px } div.content.news ul.news li span{ color:#7cabcc; cursor:pointer } div.content.news ul.news li span:hover{ color:#b5d1e5; } .extended-menu #status_newsletter{ } .extended-menu #status_newsletter img{ padding-top:12px } .extended-menu #status_newsletter span, .extended-menu #status_newsletter label{ font-size:11px; padding-top:10px; display:block } .extended-menu #status_newsletter span.ok{ color:green; padding-top:0 } .extended-menu #status_newsletter span.error, .extended-menu #status_newsletter label.error{ color:#c40047 } /* KONTAKT */ div.contact-map{ float:left } div.contact div#form{ margin:0; padding:10px; background:transparent url('/images/extended-menu-bcg.png') repeat; text-align:justify; -moz-border-radius:10px } div.contact input, div.contact textarea, input.newsletter{ display:block; margin-bottom:15px; border:none; width:46%; background:transparent url('/images/extended-menu-bcg.png') repeat; padding:8px; font-family:Arial; font-size:12px; color:#9C9DAB; } input.newsletter{ width:auto; display:inline; margin:0 } div.contact textarea{ width:450px; height:150px; line-height:22px; overflow:auto /* IE scrollbar fix */ } div.contact input.submit, input.submit.newsletter{ margin-bottom:0px; } input.submit.newsletter{ display:inline; width:100px } /* PORTFOLIO */ div.portfolio{ width:1000px } div.portfolio ul{ margin:0; padding:0 } div.portfolio ul li{ list-style:none; width:320px; height:204px; background:transparent url('/images/portfolio-item-bcg.png') no-repeat 0 0; float:left; padding:9px 0 0 9px ; margin-right:4px; margin-bottom:3px } div.portfolio ul li:hover{ background:transparent url('/images/portfolio-item-bcg-hover.png') no-repeat 0 0 } /* PORTFOLIO FILTER */ ul#filter{ margin:0 0 10px 0; padding:0; display:inline-block } ul#filter li{ list-style:none; padding:3px 5px; margin:0 10px 0 0; float:left; background:transparent url('/images/40-bcg.png') repeat scroll 0 0; -moz-border-radius:3px } ul#filter li a{ text-decoration:none } ul#filter li.current a{ color:#CCDFE8; background:transparent url('/images/protfolio-filter-arrow.png') no-repeat scroll right center; padding-right:20px } ul#filter li a:hover{ color:#CCDFE8 } /* PORTFOLIO CAPTIFY CSS */ .caption-top, .caption-bottom { padding: 1em; font-size: 12px; cursor: default; background: #000000; color:#e9e7ec; } .caption a, .caption a{ border: 0 none; text-decoration: none; background: #000000; padding: 0.3em; } .caption a:hover, .caption a:hover{ background: #202020; text-decoration:none } .caption-wrapper { float: left } br.c { clear: both; } div.caption-bottom { margin:0; text-align:left } .caption-bottom a{ display:inline-table } /* SITE MAP */ div.content ul.site-map{ margin:0px; padding:0px } div.content ul.site-map li{ padding:20px 20px 20px 25px; float:left; width:285px; background-position:left 27px } div.content ul.site-map li a{ margin-left:15px } div.extended-menu{ background:transparent url('/images/extended-menu-bcg.png') repeat 0 0; width:318px; text-align:left} div.extended-menu-top, div.extended-menu-bottom{ background:transparent url('/images/extended-menu-top.png') no-repeat 0 0; width:318px; height:12px; margin-top:10px } div.extended-menu-bottom{ background:transparent url('/images/extended-menu-bottom.png') no-repeat 0 0; margin:0 } div.extended-menu ul { margin:0; padding:0 35px 0 35px } div.extended-menu ul li { list-style:none; padding:15px 0 15px 0; background:transparent url('/images/line-white-5.png') no-repeat scroll left bottom} div.more-news{ text-align:justify; margin-top:10px } div.more-news a{ font-size:11px; display:block; margin-top:10px} div.scroller{ clear:both; overflow:hidden; color:#e9e7ec; font-size:11px } div.footer{ width:100%; height:115px; background:transparent url('/images/footer-bcg.png') repeat-x; } div.footer-content{ margin:auto; width:1000px } div.footer-links{ float:left; padding-top:32px } div.footer-links td{ padding:1px 20px } div.footer-links a{ font-size:10px; color:#9da3af; text-decoration:none; text-transform:uppercase } div.footer-links a:hover{ color:white } div.footer-whois{ float:right; padding-top:30px; } div.footer-whois a { font-size:11px; color:#9da3af; text-decoration:none; line-height:15px } div.footer-whois a:hover{ color:white }