/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * tl_files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (tl_files/tinymce.css). */ .warning { color:#c55; font-size:1.1em; } .confirmation { color:#090; font-size:1.1em; } .information { color:#999; font-size:0.9em; } /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#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;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */ .mejs-offscreen{position:absolute !important;top:-10000px;left:-10000px;overflow:hidden;width:1px;height:1px}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:0}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden !important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.19.0.1/images/bigplay.png")}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url("../../assets/jquery/mediaelement/2.19.0.1/images/loading.gif") 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url("../../assets/jquery/mediaelement/2.19.0.1/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.19.0.1/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:0}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(20,20,20,0.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:bold}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px !important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:transparent;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:rgba(33,248,248,1)}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:white;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8 !important;background-color:rgba(255,255,255,.4) !important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:transparent url("../../assets/jquery/mediaelement/2.19.0.1/css/jumpforward.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:transparent;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:transparent url("../../assets/jquery/mediaelement/2.19.0.1/images/skipback.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:transparent;font-size:9px;line-height:normal;color:#fff} /** * Contao Open Source CMS * * Copyright (c) 2005-2015 Leo Feyer * * @license LGPL-3.0+ */ table.sortable thead th { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif"); } /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* ----------------- BASICS ------------------- */ body { background-image: url("../../tl_files/baneri/slide/bg_panorama.jpg"); background-position:center top; background-repeat:no-repeat; font-family: Verdana,Ariel,Helvetica, sans-serif; font-size:80%; color:#666666;} a:link {/*color:#666666;*/ color:#00aeef;} a:hover {/*color:#c41e3a*/ color:#666666;} h1,h2,h3,h4,h5,h6 {color: #000000; font-weight:normal;} h1 {font-size:1.5em;} h2 {font-size:1.2em;} h3 {font-size:1.2em;} h4 {font-size:1em;} h5 {font-size:1em;} h6 {font-size:1em;} img {border:0px;} a {text-decoration:none; /*color:#FF0000;*/color:#00aeef ;} a:hover, /* a:link, a:visited,*/ a:active {text-decoration:underline; /*color: #eb690b;*/color:#f18e33;} p {margin-bottom:0.5em;} #header {background-color:#00aeef;} #slide { /*margin-top:10px; margin-bottom:10px;padding-top:5px;*/ padding-bottom:5px; /*background:#00aeef; background-image:url("../../tl_files/baneri/slide/bg_slide.jpg"); background-repeat:no-repeat;*/ height:270px;} #footer {background:#00aeef; color:#FFFFFF; border:3px solid #f18e33;} #footer p {/* padding-top:10px;*/} #container { /*border:2px solid rgba(222, 224, 226, 0.7); box-shadow: 0 -2px 2px rgb(113, 131, 148) inset;*/ /*(border-radius: 6px; box-shadow: 3px 3px 2px 3px hsla(14, 66%, 29%, 0.3); margin-top:5px;*/ margin-bottom:5px; box-shadow:1px 1px 1px 1px #718394 inset;border-radius: 6px; } /* BUGFIX */ /*---------------- ROCKID SLIDER --------------------*/ .mod_rocksolid_slider { margin-left:260px;} /*---------------- BREDCRUMB --------------------*/ #bread {height:25px; width:960px; padding-left:10px; font-size:.8em; margin-top:10px;} .mod_breadcrumb:before { content:"Nalazite se na:"; float:left; margin-top:5px; } .mod_breadcrumb a { color:#999999; } .mod_breadcrumb ul { float:left; margin-top:5px;padding:0;list-style-type:none; } .mod_breadcrumb ul li{ float:left; } .mod_breadcrumb{ /*display:block; */ width:700px; float:left; height:20px; } .mod_breadcrumb a{/*display:block;*/padding-right:5px;padding-left:5px;;text-decoration:none; /*color: #990033;*/color:#f18e33;} .mod_breadcrumb a:link { color: #999999; text-decoration: none;} .mod_breadcrumb a:hover{ color:#999999;} .mod_breadcrumb li.active{color: #424242;/*cursor: pointer;*/ color:#00aeef;text-overflow: ellipsis;white-space: nowrap; overflow:hidden; width:350px;} .mod_breadcrumb span.active{padding-left: 15px; padding-right:15px;} .mod_breadcrumb a.trail{ color: #3299bb;} /* --------------- CUSTOM NAV ---------------- */ #header .mod_customnav {/*position: absolute; right: 20px; top: 2px;*/height:20px;float:right;margin-right:20px;} #header .mod_customnav ul {list-style: outside none none; margin-top:5px; float:right;} #header .mod_customnav ul li {display: inline-block; font-size: 1em; margin-left: 5px;} #header .mod_customnav ul li a { display: inline-block; margin-right: 5px;} #header .mod_customnav ul li a:hover { text-decoration:underline;} #header .mod_customnav ul li.active span.active{ color:#f18e33; font-weight:bold;} #header .mod_customnav ul li::after { content: "|";} #header .mod_customnav ul li.last::after { content: "";} #header .mod_customnav ul li a { color: #FFFFFF;font-weight:bold; text-decoration: none;} /* --------------- CHANGE LANGUAGE ---------------- */ .mod_changelanguage { /*width:400px; float:left;*/ float:right;} .mod_changelanguage ul { list-style-type:none; margin-top:5px; padding-left:0px;} .mod_changelanguage ul li{ display:inline; margin-right:10px; } .mod_changelanguage ul li a { color:#FFFFFF; font-weight:bold; font-size:.8em;} .mod_changelanguage ul li.active span.active{ color:#f18e33; font-weight:bold; font-size:.8em;} /* --------------- JAVNE NABAVKE PROJEKTI U TIJEKU ---------------- */ #nabavke .layout_simple {margin-bottom:5px;} #nabavke-309 .layout_simple {margin-bottom:5px;} #nabavke-313 .layout_simple {margin-bottom:5px;} #projekti-u-tijeku .layout_simple {margin-bottom:5px;} #projekti-u-tijeku-339 .layout_simple {margin-bottom:5px;} #projekti-u-tijeku-352 .layout_simple {margin-bottom:5px;} /* --------------- ARTICLE ---------------- */ .mod_article {margin-left:20px; margin-right:20px; margin-bottom:20px; margin-top:20px;} .mod_newsreader .ce_text p {margin-top:0px;} #pocetna .mod_newslist .layout_latest {/*height:290px;*/ height:auto; width:200px; margin-left:10px; margin-right:10px; float:left; font-size:.9em;} #pocetna-90 .mod_newslist .layout_latest {height:auto; width:200px; margin-left:10px; margin-right:10px; float:left; font-size:.9em;} #pocetna-131 .mod_newslist .layout_latest {height:auto; width:200px; margin-left:10px; margin-right:10px; float:left; font-size:.9em;} #pocetna-181 .mod_newslist .layout_latest {height:auto; width:200px; margin-left:10px; margin-right:10px; float:left; font-size:.9em;} #article-181 .mod_newslist .layout_latest {height:auto; width:200px; margin-left:10px; margin-right:10px; float:left; font-size:.9em;} .layout_latest .info {background-color:#f18e33; padding-left:10px; padding-top:2px; padding-bottom:2px; color: #FFFFFF; } /* --------------- DESNO ---------------- */ #right {border-left:2px solid #f18e33;} #left .layout_latest .info {background-color:#f18e33; padding-left:10px; padding-top:2px; padding-bottom:2px; width:220px; } #left .mod_newslist .layout_latest {height:auto; width:220px; margin-left:15px; margin-right:15px; /*float:left;*/ font-size:.9em; border-top:2px solid #f18e33; margin-top:10px; } #desno_link {text-align:center;} #istaknuto {height:auto; width:220px; margin-left:15px; margin-right:15px; /*float:left;*/ font-size:.9em; border-top:2px solid #f18e33; margin-top:10px;} #istaknuto h3 {color:#f18e33; font-weight:bold; text-align: center;} #istaknuto .layout_simple { font-size:.9em; text-align:justify; margin-bottom:10px;} #right .mod_calendar {border-top:2px solid #f18e33; margin-top:10px;} #left .mod_randomImage {margin-left:45px; margin-bottom:10px; margin-top:25px;} .mod_form {/*margin-bottom:15px;*/ margin-left:15px; width:200px; float:right;} /* ------------------ PAGINATION NAVIGATION ---------------------*/ .pagination li{display:inline;margin:0px;padding:0px;list-style-type:none;} .pagination{margin-top:22px;padding-top:4px;border-top:1px dotted #cecece; clear:both;} .pagination p{width:160px;float:left;padding-right:3px;padding-left:3px;text-align:left; margin-top:0px;} .pagination ul{width:340px;float:right;margin:0px;padding:0px 3px;text-align:right;} /* ------------------ POCETNA ---------------------*/ #link_vijesti{ text-align:right; font-style:italic; font-weight:bold; margin-bottom:10px; margin-top:10px; } /* ----------------- ACCORDION ----------------- */ .toggler {background-color:#f18e33; font-size:14px; font-weight:bold; color:#FFFFFF;padding-left:10px; padding-bottom:10px; padding-top:10px; margin-bottom:5px; height:20px;} /* ----------------- SLIKE LINKOVI POCETNA ----------------- */ .slike_linkovi { background-color:#FFFFFF; height:80px; margin-right:5px; margin-left:5px; border-radius: 6px; width:660px; /*box-shadow: 3px 3px 5px 3px hsla(14, 66%, 29%, 0.3)*/box-shadow:1px 1px 1px 1px #718394 inset; margin-bottom:20px; margin-top:5px; padding-top:10px;} .slike_linkovi_1 { float:left; margin-bottom:20px; padding-left:10px; width:115px;} .slike_linkovi_1 img { height:60px; width:115px; border:1px solid #f18e33; } .slike_linkovi_1 a{ margin-top:10px;} .naslov_1 {color:#00aeef;} .naslov_2 {color:#00aeef;} .slike_linkovi_2 { background-color:#FFFFFF; height:270px; margin-right:20px; margin-left:20px; border-radius: 6px; /*box-shadow: 3px 3px 5px 3px hsla(14, 66%, 29%, 0.3)*/box-shadow:1px 1px 1px 1px #718394 inset; margin-bottom:20px; margin-top:20px; padding-top:10px; width:180px; float:left; } .slike_linkovi_2_1 { padding-left:15px; width:160px;} .slike_linkovi_2_1 img { height:60px; width:150px;border:1px solid #f18e33; } .slike_linkovi_2_1 a{ margin-top:10px;} .slike_linkovi_3 { background-color:#FFFFFF; height:270px; margin-right:20px; margin-left:20px; border-radius: 6px; /*box-shadow: 3px 3px 5px 3px hsla(14, 66%, 29%, 0.3)*/box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46); margin-bottom:20px; margin-top:20px; padding-top:10px; width:180px; float:left; } .slike_linkovi_3_1 { padding-left:15px; width:160px;} .slike_linkovi_3_1 img { height:60px; width:150px; border:1px solid #f18e33;} .slike_linkovi_3_1 a{ margin-top:10px;} .slike_linkovi_4 { background-color:#FFFFFF; height:270px; margin-right:20px; margin-left:20px; border-radius: 6px; /*box-shadow: 3px 3px 5px 3px hsla(14, 66%, 29%, 0.3)*/box-shadow:1px 1px 1px 1px #718394; margin-bottom:20px; margin-top:20px; padding-top:10px; width:180px; float:left; } .slike_linkovi_4_1 { padding-left:15px; width:160px;} .slike_linkovi_4_1 img { height:60px; width:150px; border:1px solid #f18e33;} .slike_linkovi_4_1 a{ margin-top:10px;} .slike_linkovi_lijevo { background-color:#FFFFFF; height:auto; margin-right:15px; margin-left:15px; /* border-radius: 6px; box-shadow: 3px 3px 5px 3px hsla(14, 66%, 29%, 0.3);*/ margin-bottom:20px; margin-top:20px; padding-top:10px; width:220px; float:left; } .slike_linkovi_lijevo_1 { padding-left:5px; } .slike_linkovi_lijevo_1 img { height:60px; width:160px; margin-bottom:20px; border:1px solid #f18e33; padding:5px;} .slike_linkovi_lijevo_1 a{ margin-top:10px;} .naslov_1 {color:#00aeef;} .naslov_2 {color:#00aeef;} .naslov_3 {color:#00aeef;} .pismo { height:150px; margin-left:30px; width:660px;} .pismo_1 { float:left; margin-bottom:20px; margin-left:25px;} #natjecaj_pocetna {width:270px; margin-left:20px; float:left;} #natjecaj_pocetna .layout_latest {width:270px; } /* ----------------- VIDEO POCETNA I GALERIJA ----------------- */ .video_pocetna { margin-top:20px;} #fotogalerije .ce_youtube {margin-top:20px;} #article-164 .ce_youtube {margin-top:20px;} #article-123 .ce_youtube {margin-top:20px;} #article-215 .ce_youtube {margin-top:20px;} /* ----------------- PDF LINK ----------------- */ .pdf_link { margin-top:10px;} /* ----------------------- DOWNLOAD LINK I VRH STRANICE ---------------------- */ .ce_download {margin-top:25px;} .ce_toplink {margin-top:25px; margin-bottom:25px;} /* ARTICLES PAGES */ .mod_article h1, .mod_article h2, .mod_article h3 {margin-bottom:15px} /* ----------------- FOOTER ----------------- */ #footer .mod_randomImage { width:120px; padding-left:10px; padding-top:10px; float:left; } #adresa-footer { width:170px; float:left; margin-top:0px; } #adresa-footer a{ color:#FFFFFF; } #adresa-footer h3 { color: #FFFFFF; margin-bottom:5px; } #adresa-footer-334 { width:170px; float:left; margin-top:0px; } #adresa-footer-334 a{ color:#FFFFFF; } #adresa-footer-334 h3 { color: #FFFFFF; margin-bottom:5px; } #adresa-footer-347 { width:170px; float:left; margin-top:0px; } #adresa-footer-347 a{ color:#FFFFFF; } #adresa-footer-347 h3 { color: #FFFFFF; margin-bottom:5px; } #adresa-footer-366 { width:170px; float:left; margin-top:0px; } #adresa-footer-366 a{ color:#FFFFFF; } #adresa-footer-366 h3 { color: #FFFFFF; margin-bottom:5px; } #footer .mod_customnav { float:left; margin-right:10px; } #footer .mod_customnav h3 { color: #FFFFFF; } #footer .mod_customnav ul li a{ color:#FFFFFF;} #footer .mod_customnav ul { padding-left:0px;} #radno-vrijeme-footer h3 {color:#FFFFFF;} #radno-vrijeme-footer-335 h3 {color:#FFFFFF;} #radno-vrijeme-footer-348 h3 {color:#FFFFFF;} #radno-vrijeme-footer-367 h3 {color:#FFFFFF;} #article-334 { width:170px; float:left; } #article-334 a{ color:#FFFFFF; } #article-334 h3 { color: #FFFFFF; margin-bottom:5px; } #article-335 h3 {color:#FFFFFF;} #article-347 { width:190px; float:left; margin-top:0px; margin-left:5px; } #article-347 a{ color:#FFFFFF; } #article-347 h3 { color: #FFFFFF; margin-bottom:5px; } #article-348 h3 {color:#FFFFFF;} #article-366 { width:220px; float:left; margin-top:0px; margin-left:15px; } #article-366 a{ color:#FFFFFF; } #article-366 h3 { color: #FFFFFF; margin-bottom:5px; } #article-367 { float:left; margin-top:0px; margin-left:15px; } #article-367 a{ color:#FFFFFF; } #article-367 h3 { color: #FFFFFF; margin-bottom:5px; } /* TABULATOR */ #tabulator {width:300px; float:left; margin-right:10px; } #tabulator ul { list-style-type:none; display:inline; margin-left:0px; padding-left:0px; } #tabulator ul li { list-style-type:none; display:inline; margin-left:5px;} #tabulator .ce_slider_item { border:1px solid #f18e33; margin-top:5px;} #tabulator .ce_slider_item p { padding-left:5px;} #tabulator .ui-tabs-active { background-color: #f18e33; color: #FFFFFF; } #tabulator .ui-tabs-active a { padding:5px; color:#FFFFFF;} .naslov_3 { width:660px;} /* CALENDAR STYLES Largely taken from the Typolight demo site */ .mod_calendar { margin-left:5px; padding-left:10px; padding-bottom:10px; width:220px;} .mod_calendar h3 { /*padding-left:20px;*/ text-align:center; font-weight:bold; color:#f18e33;} table.calendar{width:100%;border-top:1px solid #cecece;border-left:1px solid #cecece;} table.calendar .head{padding-top:4px;padding-bottom:5px;text-align:center;background-color:#f6f6f6;border-right:1px solid #cecece;border-bottom:1px solid #cecece;} table.calendar .current{background-color:#ffffcc;} table.calendar .label{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#bbbbbb;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-weight:bold;font-size:10px;color:#ffffff;} table.calendar td{width:14%;height:72px;padding:1px;vertical-align:top;background-color:#ffffff;border-right:1px solid #cecece;border-bottom:1px solid #cecece;} table.calendar .weekend{background-color:#f6f6f6;} table.calendar .today{background-color:#ffffcc;} table.calendar .empty,table.calendar .empty .header{background-color:#f6f6f6;} table.calendar td .header{padding-bottom:2px;background-color:#e0e0e0;font-size:10px;} table.calendar td .event a{font-size:10px;} table.minicalendar { width:100%; border-top:1px solid #cecece; border-left:1px solid #cecece; margin-bottom:5px; margin-top:5px;} table.minicalendar td{width:14%;padding-top:2px;padding-bottom:3px;text-align:center;background-color:#ffffff;border-right:1px solid #cecece;border-bottom:1px solid #cecece;} table.minicalendar td,table.minicalendar .active a{font-size:10px;} .minicalendar .active a{font-size:10px; color:#f18e33;} .minicalendar a:hover { background-color:#00aeef;} table.minicalendar .weekend{background-color:#f6f6f6;} table.minicalendar .today{background-color:#E9F7FA;} table.minicalendar .label{padding-top:2px;padding-bottom:3px;text-align:center;background-color:#c3c3c3;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-size:10px;color:#ffffff;} table.minicalendar .head{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#f9f9f9;border-right:1px solid #cecece;border-bottom:1px solid #cecece;} table.minicalendar .current{background-color:#E9F7FA;} table.minicalendar .previous a , table.minicalendar .next a{ width:100%; display:block; height:100% } table.minicalendar .previous a:hover , table.minicalendar .next a:hover{ background-color:#DFECEF; text-decoration:none } .ce_tabcontrol { width:320px;; margin-left:10px; margin-top:20px; float:left; margin-right:20px;} .tabcontrol_tabs {} .tabcontrol_tabs ul, .tabcontrol_tabs li { margin: 0; padding: 0; list-style-type: none; } .tabcontrol_tabs li {} .tabcontrol_tabs li.tabs { float: left; padding: 5px; vertical-align: middle; text-align: center; cursor: pointer; color: #888; font-size:.8em; } .tabcontrol_tabs li.selected { background-color: #f18e33; color: #FFFFFF; } .tabcontrol_panes { padding: 10px; border: 1px solid #f18e33; } .tabcontrol_panes .panes {} /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; overflow:visible; } .mod_navigation {overflow:visible;} .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { float: left; /*margin-bottom: 1em;*/ padding-top:10px; /*margin-left:10px;*/ } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a, .sf-menu span.active { border-left: 1px solid #f18e33; /* border-top: 1px solid #dFeEFF;*/ /* fallback colour must use full shorthand */ /* border-top: 1px solid rgba(255,255,255,.5);*/ /* padding: .75em 1em;*/ padding-top:0.75em; padding-bottom:0.75em; padding-left:0.5em; padding-right:0.5em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a { /*color: #13a;*/ color:#FFFFFF; font-size: .9em; } .sf-menu li { /*background: #BDD2FF;*/ white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu li.active span.active { display: block; font-size:0.9em; /*color:#c71b21;*/ color:#FFFFFF; background-color:#999999; } .sf-menu ul li { /* background: #AABDE6;*/ background:#038ae0; } .sf-menu ul ul li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover { /*background: #CFDEFF;*/ /*background: #3300CC;*/ background:#7F7F7F; /* only transition out, not in */ -webkit-transition: none; transition: none; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em !important; *padding-right: 1em !important; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } .sf-menu .forward span { padding-bottom: 0.5em; padding-right: 0.5em; padding-left:0.5em; padding-top: 0.5em; text-decoration: none; color:#FFFFFF; background-color:#999999; } .sf-menu .forward { border-left: 1px solid #8a932a; padding-bottom: 0.5em; padding-top: 0.5em; text-decoration: none; } /* adding sf-vertical class in addition to sf-menu creates a vertical menu */ /* eg.