html { height: 100%; background: #D6D501; font-smooth: auto; -webkit-font-smoothing: antialiased; }

.wrap { display: block; position: relative; margin: 0 auto; padding: 0 10px; width: 100%; max-width: 940px; }

body { background: #fff; }

#header + .wrap { display: block; position: relative; }



/* Header */

#header { position: relative; width: 100%; background: #d6d501; } 



/* Header logo */

#logo { position: absolute; z-index: 10000; }

.logo-mobile { display: none; }



/* Header action */

#top-action * { float: left; }

#search { position: relative; height: 26px; }

#search-input { position: relative; z-index: 1; height: 22px; padding: 2px 24px 0 14px; font-size: 12px; line-height: 1; font-family: 'questrialregular', sans-serif; }

#search-submit { float: none; position: absolute; z-index: 2; right: 1px; width: 24px; height: 24px; border: 0; text-indent: -9999px; background: transparent url('../images/layout/lupa.png') no-repeat 0 0; }



/* Navigation */

#main-nav,

#main-nav li,

#main-nav a { float: left; position: relative; }



/* Sub navigation */

.dropdown {

-webkit-transition: all ease-in-out;

   -moz-transition: all ease-in-out;

		transition: all ease-in-out; } 

body #shadow { display: none; }

#shadow { float: none; width: 12px; min-height: 1355px; position: absolute; top: 0; right: -12px; z-index: 100000; display: none; 

opacity: 0.9; padding: 10px 0; margin: -10px 0;

-webkit-box-shadow: -5px 0 12px -4px #000;

        box-shadow: -5px 0 12px -4px #000;}



/* Footer */

#footer { display: block; position: relative; overflow: hidden; width: 100%; padding: 30px 0; margin: 0 auto; background: #d6d501; }

#footer section { float: left; width: 100%; }

#footer-nav ul > li span a { font: 15px/17px 'questrialregular', Arial, Helvetica, sans-serif; text-transform: uppercase; }



/* Footer Social */

#footer .social * { float: left; }

#footer .social li { width: 19px; }

#footer .social li.last { margin: 0; }

#footer .social li a { width: 19px; height: 18px; text-indent: -9999px; font-size: 0; line-height: 0; background-image: url('../images/layout/social.png'); background-repeat: no-repeat; }

#footer .social li + li a { background-position: 0 -18px; }

#footer .social li + li + li a { background-position: 0 -36px; }

#footer .social li + li + li + li a { background-position: 0 -54px; }



/* Footer bottom */

#footer #bottom { max-width: 100%; border-top: 1px solid #a9a22b; }

#footer #bottom * { float: left; }

#footer #bottom li a { border-right: 1px solid #7d7646; padding: 0 5px 0 0; margin: 0 5px 0 0; height: 13px; }

#footer #bottom li.last a { border-right: 0; }

#footer #bottom li a span { font-size: 12px; line-height: 14px; margin: -2px 0 0; }

#footer #bottom .copy { float: right; margin: -2px 0 0; font-size: 12px; color: #70684e; }



/* Open menu */

.menu-open,

.menu-open #header-menu,

.menu-open #shadow { min-height: 1469px !important; }

.menu-open { overflow-x: hidden; margin: 0 0 0 260px; position: relative; background: #fff; }

.menu-open #header .wrap { padding: 0; }

.menu-open #fnc-menu-trigger { margin: 9px 0 11px 13px; }

.menu-open #header-menu { display: block; margin: 0 0 0 -260px; }

.menu-open #shadow { display: block; }

.menu-open #header + .wrap { padding: 0; margin: 0; }

.menu-open #header + .wrap section { overflow: visible; margin: 0 -15px 0 15px; }

.menu-open #footer { max-width: 100%; position: absolute; bottom: 0; padding: 30px 0 15px; }

.menu-open #header + .wrap,

.menu-open #header + .wrap section#content,

.menu-open #footer { overflow: hidden; }

.menu-open #footer .wrap,

.menu-open #header + .wrap section { width: 940px; }



/* Home page - menu open */

.menu-open #slider { width: 108% !important; margin: 0; }

.menu-open #calltoaction,

.menu-open .inner-wrap { margin: 0 0 0 15px; } 

.menu-open #slider + p.italic { margin: 16px 0 14px 15px; }