@charset "utf-8";
/* ==========================================================================
   layout.css — układ, nawigacja i typografia motywu.
   Źródło 1:1: themes/business_responsive_theme/style.css (część „Theme Design,
   Layout and Typography" i dalej). Ścieżki images/ -> ../img/.

   USUNIĘTE MARTWE REGUŁY (nie ma po nich śladu w nowym serwisie):
   - .comment .comment-arrow — odwoływała się do images/comment-arrow.gif,
     którego plik NIE ISTNIEJE (404). Razem z nią cała sekcja komentarzy —
     komentarze nie są migrowane.
   - #forum ... (images/no-new-posts.png) — forum nie jest migrowane.
   - .poll ... — moduł poll nie był włączony.
   - ul.primary / ul.secondary / .tabs-wrapper — wyłącznie interfejs admina.
   - .profile ..., table.cke_editor ... — brak profili i CKEditora.
   - #wrapper, #sticky_header, .flex-* (FlexSlider) — identyfikatory/klasy
     nieobecne w tym szablonie.
   ========================================================================== */

/* --- nagłówek --- */
#inner_header_wrapper{position:relative; margin:0 auto;}
#header{max-width:955px; margin:0 auto;}
#logo{float:left; margin:25px 10px 25px 5px;}
#site-title a,#site-description{color:#000; font-weight:300;}
#site-title,#site-description{float:left;}
#site-title{margin:25px 0; font-size:30px; font-weight:bold;}
/* PUŁAPKA: realne logo to TŁO CSS (logo2.jpg 209x60), tekst schowany. */
#site-title a{background:url("../img/logo2.jpg") no-repeat scroll 0 0 rgba(0,0,0,0); display:block; height:60px; text-indent:-1000px; width:209px; line-height:100%; float:left;}
#site-description{color:rgb(148,146,146); margin:0; float:left; clear:both; font-size:12px; line-height:100%;}
.social-icons{float:right;}
.social-icons ul{margin:0;}
.social-icons li{display:inline-block; list-style:none; background:none; padding:3px 0; margin:0;}
.social-icons li img{display:block;}
.social-icons li img:hover{opacity:.6;}

/* --- menu główne. Ujemne top/margin-bottom są CELOWE: pasek nachodzi na header. --- */
#main-menu{max-width:955px; margin:0 auto -15px; position:relative; z-index:11; top:-11px; border-bottom:2px solid rgb(251,90,2); background:none repeat scroll 0 0 rgb(39,39,39); box-shadow:0 4px 4px 0 rgba(0,0,0,0.03);}
#main-menu ul{float:left; padding:0; margin:0; list-style:none; font-size:13px;}
#main-menu li{background:url(../img/nav-border.png) no-repeat right 0; position:relative; float:left; padding:0; margin:0; font-size:14px;}
#main-menu ul li:first-child{padding-left:0;}
#main-menu a{display:block; color:rgb(153,153,153); text-align:center; padding:13px 23px; text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:bold;}
#main-menu a:hover,#main-menu li a.active{color:#FFF; text-decoration:none; background:none repeat scroll 0 0 rgb(251,90,2);}
#main-menu li li a.active{background:rgb(30,39,46);}
#main-menu li li{float:none; min-width:190px; padding:0; margin:0;}
#main-menu li li a{color:#C5C5C5; min-width:150px; margin:0; background:rgb(30,39,48); border-top:1px solid rgb(70,69,69); font-size:11px; text-align:left; overflow:hidden; padding:2% 5%; font-weight:normal; box-sizing:border-box;}
#main-menu li li:first-child > a{border-top:none;}
#main-menu li li a:hover{background:rgb(52,69,82); color:rgb(138,138,138);}
#main-menu li ul{display:none; position:absolute; z-index:9999; min-width:190px; height:auto; padding:0; margin:0; box-shadow:0 0 3px #333;}
#main-menu li ul ul{margin:-33px 0 0 190px !important;}
#main-menu li:hover > ul,#main-menu li li:hover > ul,#main-menu li li li:hover > ul{display:block;}
#main-menu li.is-open > ul{display:block;}
#main-menu .nav-toggle{display:none;}
#main-menu ul li.leaf,#main-menu ul li.expanded,#main-menu ul li.collapsed{list-style:none;}
#main-menu ul.menu li{margin:0;}
#main-menu li.expanded,#main-menu li.collapsed,#main-menu li.leaf{margin:0; padding:0;}
.drop-down-toggle{position:absolute; top:7px; right:16px; display:none; width:20px; height:20px; border-radius:15px; background:#333; background:linear-gradient(#333,#444); border:#aaa 3px solid;}
.drop-down-arrow{display:block; width:0; height:0; margin:8px 0 0 5px; border-top:5px solid #aaa; border-left:transparent 5px solid; border-right:transparent 5px solid;}

/* --- listy z punktorem (marker.png) --- */
ul,ol,div.item-list ul{margin:5px 0; padding:0;}
ul li,ul.menu li,ul.links li,.item-list ul li{background:url("../img/marker.png") no-repeat scroll 4px center rgba(0,0,0,0); list-style:none outside none; margin:0 0 2px; padding:0 0 0 15px;}
.item-list ul{margin:0; padding:0 0 0 1.5385em;}
ul.menu li{margin:0; padding:0;}
ul.inline{clear:both;}
ul.inline li{margin:0; padding:0;}
#top-area ul.desc li,ul.none li{border-bottom:0; list-style:none outside none; margin:0 0 2px; background:none; padding:0;}
ul.none li li{background:url("../img/marker.png") no-repeat scroll 4px center rgba(0,0,0,0); list-style:none outside none; margin:0 0 2px; padding:0 0 0 15px;}
.item-list .pager li{background:#cfcfcf; border-radius:3px; margin-right:4px; text-shadow:1px 1px #fff;}

/* --- kontener i kolumny --- */
#container{clear:both; margin:0 auto; max-width:1000px; overflow:hidden; padding:1%; background:#fff; box-sizing:border-box;}
.content-sidebar-wrap{float:left; width:100%;}
.front .content-sidebar-wrap{margin-top:20px;}
.content-sidebar-wrap #content{display:inline; margin-bottom:2.7%; float:right; width:100%;}
#sidebar-first{color:#888; float:left;}
#sidebar-second{color:#888; float:right;}
body.two-sidebars .content-sidebar-wrap{width:80%;}
body.two-sidebars #content{width:75%;}
body.two-sidebars #sidebar-first{width:24%;}
body.two-sidebars #sidebar-second{width:19%;}
body.sidebar-first .content-sidebar-wrap{width:100%;}
body.sidebar-first #content{width:80%;}
body.sidebar-first #sidebar-first{width:19%;}
body.sidebar-second .content-sidebar-wrap{width:80%;}
body.sidebar-second #content{width:100%;}
body.sidebar-second #sidebar-second{width:19%;}
#post-content{padding:0 20px;}
.breadcrumb{margin:0 20px 10px; padding-top:20px; border-bottom:#eee 1px solid;}
#head,#content,#sidebar-second,#sidebar-first{margin-top:10px;}

/* --- treść, bloki, węzły --- */
.node{margin:20px 0;}
.node h2.title,.page-title{font-size:20px;}
.node h2.title a{color:#000;}
.block{margin-bottom:1%;}
.block > h2{font-size:18px; font-weight:normal; margin:5px 0; padding:0 0 4px;}
.content a img{padding:5px; box-shadow:0 0 3px #EEE; background:#FFF; border:#EEE 1px solid;}
.content a:hover img{background:#F0F0F0;}
.submitted{background:rgb(247,247,247); border:1px solid rgb(236,236,236); border-radius:4px; clear:both; color:rgb(56,56,56); display:inline-block; margin-bottom:5px; padding:2px 8px;}
.links{color:#000; margin-top:10px; font-size:14px;}
ul.links{margin:0;}
.links li a{background:#696F72; border-radius:4px; color:#FFF; font-weight:normal; padding:4px 8px;}
.links li a:hover{background:#000; color:#DDD;}
.field-name-field-tags{margin:0 0 10px;}
.field-name-field-tags a{display:inline-block; background:url(../img/tag.png) no-repeat; padding:0 8px 0 16px; height:22px; text-shadow:1px 1px #fff; border-radius:2px; font-size:12px;}
.field-name-field-tags .field-item{margin:0 1em 0 0;}
.field-name-field-tags div{display:inline;}

/* --- strona główna: kafelki i sekcja powitalna --- */
#top-area{clear:both; position:relative;}
#top-area .block{margin:0;}
#top-area .block p{margin:0;}
#top-area .column{min-height:160px; float:left; width:32.2%; margin:0 5px; background:rgb(252,252,252); border:1px solid rgb(241,241,241);}
#top-area .column:first-child{margin-left:0;}
#top-area h2{padding:9px 10px 0; color:rgb(34,46,54); margin:0; font-size:18px; font-weight:bold;}
#top-area .column .content{padding:10px;}
#top-area .column-title{color:#e0e0e0;}
#top-area li{border-bottom:#555 1px dashed;}
#top-area div.desc{color:#9caba7;}
.region-front-welcome{background:url("../img/hr.png") top center no-repeat; padding-top:2%; margin-top:3%;}
.region-front-welcome h2{margin-bottom:10px; font-size:16px; text-transform:uppercase;}

/* PUŁAPKA ORYGINAŁU: na stronie głównej cała sekcja content+sidebar jest
   ukrywana CSS-em, a nie warunkiem w PHP. Markup nadal się renderuje.
   Front składa się wyłącznie ze slidera, #top-area i .region-front-welcome. */
.front .content-sidebar-wrap{display:none;}

/* --- stopka --- */
#footer{clear:both; color:#8A8A8A; background:rgb(39,39,39); border-top:1px solid #CFD7DB;}
#footer a{color:rgb(251,90,2);}
#footer_wrapper{max-width:1000px; margin:0 auto;}
#footer-area{position:relative; padding:1.76% 1.52% 0 1.76%; color:rgb(128,128,128);}
#footer-area .column{float:left; width:30.8%; margin:0 0 1.9% 3.8%;}
#footer-area .column:first-child{margin-left:0;}
#footer-area .column-title{color:#e0e0e0;}
#footer-area .block > h2{margin-bottom:10px; font-size:16px; font-weight:bold; color:rgb(251,90,2);}
#footer-area ul.menu li a.active{color:#ddd;}
#copyright{clear:both; padding:0;}
#copyright p{margin:0;}
.copyright{float:left; max-width:728px;}
.credits{float:right; max-width:370px; margin-right:12px; text-align:right;}
.footer_credit{color:#777; font-family:Arial,Helvetica,sans-serif; overflow:auto; padding:10px 0; background:#000;}
.footer_inner_credit{max-width:1000px; margin:0 auto;}

/* --- formularze (kontakt, wyszukiwarka) --- */
fieldset{background:#ffffff; border:1px solid #cccccc; margin:10px 0 32px; padding:0 0 10px; position:relative; top:12px; border-radius:4px;}
.fieldset-wrapper{margin-top:25px;}
fieldset legend{background:#dbdbdb; border:1px solid #ccc; border-bottom:none; display:block; height:2em; left:-1px; line-height:2; padding:0; position:absolute; text-indent:10px; text-shadow:0 1px 0 #fff; top:-12px; width:100%; border-radius:4px 4px 0 0;}
fieldset.collapsed{background:transparent; border-radius:0;}
fieldset.collapsed legend{border-radius:4px;}
fieldset .fieldset-wrapper{padding:0 10px;}
fieldset .fieldset-description{margin-top:5px; margin-bottom:1em; line-height:1.4; font-style:italic;}
input{margin:2px 0; padding:4px;}
input,textarea{font-size:0.929em;}
textarea{line-height:1.5;}
textarea.form-textarea,select.form-select{padding:4px;}
input.form-text,textarea.form-textarea,select.form-select{border:1px solid #ccc;}
.form-text{padding:4px 5px;}
.form-item{margin-bottom:1em; margin-top:2px;}
.form-item label{font-size:0.929em;}
.form-type-radio label,.form-type-checkbox label{margin-left:4px;}
.form-type-radio .description,.form-type-checkbox .description{margin-left:2px;}
.form-actions{padding-top:10px;}
.form-submit{cursor:pointer; margin:5px;}
input.form-checkbox,input.form-radio{vertical-align:baseline;}
.password-suggestions ul li{margin-left:1.2em;}
button,input[type="submit"],input[type="reset"],input[type="button"]{background-image:linear-gradient(to bottom,#FFFFFF 0%,#E3E3E3 100%); border:1px solid #dbdbdb; border-radius:6px; box-shadow:inset 0 1px 0 0 white; color:#333333; text-shadow:0 1px 0 white; position:relative; font-weight:bold; padding:8px 1em 9px;}
button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{background-image:linear-gradient(to bottom,#DBDBDB 0%,#F2F2F2 100%); border-radius:6px; box-shadow:inset 0 1px 0 0 white; cursor:pointer;}

/* --- wyszukiwarka --- */
#block-search-form{padding-bottom:7px; overflow:hidden;}
#block-search-form .content{margin-top:0;}
#search-form input#edit-keys,#block-search-form .form-item-search-block-form input{float:left; font-size:1em; height:1.143em; margin-right:5px; width:9em;}
#search-block-form input.form-submit,#search-form input.form-submit{margin-left:0; margin-right:0; height:25px; width:34px; padding:0; cursor:pointer; text-indent:-9999px; border-color:#e4e4e4 #d2d2d2 #b4b4b4; background:url(../img/search-button.png) no-repeat center top; overflow:hidden;}
#search-block-form input.form-submit:hover,#search-block-form input.form-submit:focus,#search-form input.form-submit:hover,#search-form input.form-submit:focus{background-position:center bottom;}
#search-block-form .form-actions{float:left; padding:0;}
#search-block-form .form-actions input{margin:1px 0;}
#search-form .form-item-keys label{display:block;}
ol.search-results{padding-left:0;}
.search-results li{border-bottom:1px solid #d3d7d9; padding-bottom:0.4285em; margin-bottom:0.5em;}
.search-results li:last-child{border-bottom:none; margin-bottom:1em;}
.search-results .search-snippet-info{padding-left:0;}