/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
    min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
    position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
    width: 60px;
}

.container_12 .grid_2 {
    width: 140px;
}

.container_12 .grid_3 {
    width: 220px;
}

.container_12 .grid_4 {
    width: 300px;
}

.container_12 .grid_5 {
    width: 380px;
}

.container_12 .grid_6 {
    width: 460px;
}

.container_12 .grid_7 {
    width: 540px;
}

.container_12 .grid_8 {
    width: 620px;
}

.container_12 .grid_9 {
    width: 700px;
}

.container_12 .grid_10 {
    width: 780px;
}

.container_12 .grid_11 {
    width: 860px;
}

.container_12 .grid_12 {
    width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
    padding-left: 80px;
}

.container_12 .prefix_2 {
    padding-left: 160px;
}

.container_12 .prefix_3 {
    padding-left: 240px;
}

.container_12 .prefix_4 {
    padding-left: 320px;
}

.container_12 .prefix_5 {
    padding-left: 400px;
}

.container_12 .prefix_6 {
    padding-left: 480px;
}

.container_12 .prefix_7 {
    padding-left: 560px;
}

.container_12 .prefix_8 {
    padding-left: 640px;
}

.container_12 .prefix_9 {
    padding-left: 720px;
}

.container_12 .prefix_10 {
    padding-left: 800px;
}

.container_12 .prefix_11 {
    padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
    padding-right: 80px;
}

.container_12 .suffix_2 {
    padding-right: 160px;
}

.container_12 .suffix_3 {
    padding-right: 240px;
}

.container_12 .suffix_4 {
    padding-right: 320px;
}

.container_12 .suffix_5 {
    padding-right: 400px;
}

.container_12 .suffix_6 {
    padding-right: 480px;
}

.container_12 .suffix_7 {
    padding-right: 560px;
}

.container_12 .suffix_8 {
    padding-right: 640px;
}

.container_12 .suffix_9 {
    padding-right: 720px;
}

.container_12 .suffix_10 {
    padding-right: 800px;
}

.container_12 .suffix_11 {
    padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
    left: 80px;
}

.container_12 .push_2 {
    left: 160px;
}

.container_12 .push_3 {
    left: 240px;
}

.container_12 .push_4 {
    left: 320px;
}

.container_12 .push_5 {
    left: 400px;
}

.container_12 .push_6 {
    left: 480px;
}

.container_12 .push_7 {
    left: 560px;
}

.container_12 .push_8 {
    left: 640px;
}

.container_12 .push_9 {
    left: 720px;
}

.container_12 .push_10 {
    left: 800px;
}

.container_12 .push_11 {
    left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
    left: -80px;
}

.container_12 .pull_2 {
    left: -160px;
}

.container_12 .pull_3 {
    left: -240px;
}

.container_12 .pull_4 {
    left: -320px;
}

.container_12 .pull_5 {
    left: -400px;
}

.container_12 .pull_6 {
    left: -480px;
}

.container_12 .pull_7 {
    left: -560px;
}

.container_12 .pull_8 {
    left: -640px;
}

.container_12 .pull_9 {
    left: -720px;
}

.container_12 .pull_10 {
    left: -800px;
}

.container_12 .pull_11 {
    left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.clearfix:after,
.container_12:after {
    clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
    zoom: 1;
}


/*===========================================================================================================================================
------------------------------------------------------------MOJ KOD-------------------------------------------------------------------
=============================================================================================================================================*/
/*ZEROWANIE*/
body, input, form, h1, h2, h3, ul, ol {margin: 0; border: none; box-shadow: none;}
a {text-decoration: none; color: #000;}
ul, ol {list-style: none;}
img {border: none; text-decoration:none;}
/*STYLE OGÓLNE*/
body {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; background:url('../img/body_bg.png') repeat-x top;}
.container_12 {background:#fff; height: 100%;}
/*PASEK TOP*/
.grid_12.red_strip {background:url('../img/czerwony-pasek-bg.png') repeat-x; height: 11px; width: 960px !important; margin: 0;}
/*LOGO*/
.grid_4.info_logo img {padding: 25px 0 0 20px;}
/*WYSZUKIWARKA*/
.grid_4.search_form form {margin-top: 45px;}
.grid_4.search_form .search {border: solid 1px #eaeaea; box-shadow: none; background: url('../img/search_bg.png') no-repeat 10px 5px; width:180px; height:22px; padding-left: 40px; font-size: 12px; padding-bottom: 2px;}
.grid_4.search_form .submit {border: solid 1px #eaeaea; box-shadow: none; background: url('../img/search_submit_bg.png') ; width: 77px; height: 28px; color: #fff; margin-left: -6px;
                             font-size: 12px; padding-bottom: 2px; cursor: pointer;}

/*TOP MENU*/
.grid_4.top_menu ul {padding-left: 0px; margin-top: 45px;}
.grid_4.top_menu ul li {display: inline;}
.grid_4.top_menu ul li {display: inline-block; padding: 5px 3px 6px 3px; border-left: 1px solid #dddddd;}
.grid_4.top_menu ul li:last-child {border-right: 1px solid #dddddd;}
.grid_4.top_menu ul li a {font-size: 12px; margin: 0 10px;}
.grid_4.top_menu ul li .active {color: #e30617;}

/*NAWIGACJA*/
.grid_12.nawigacja {text-align:center; padding-top: 33px; width: 960px !important; margin: 0; }
.grid_12.nawigacja ul {background: url('../img/nav_bg.png') repeat-x; height: 41px; padding: 0;}
.grid_12.nawigacja ul li {display: inline-block; height: 41px; border-left: 1px solid #4d4d4d; margin-right: -5px;}
.grid_12.nawigacja ul li.active {background: #ff2a2a; }
.grid_12.nawigacja ul li:last-child { border-right: 1px solid #4d4d4d; padding-right: 10px;}
.grid_12.nawigacja ul li a {color: #fff; font-size: 16px; padding: 10px 13px 0 16px; display: block; }

/*BOX ZE SLIDEREM*/
.grid_12.box {height: 315px; background:url('../img/box_tlo.png') no-repeat bottom; margin-top: 20px;}
.grid_12.box #top_box {height: 253px; border: 1px solid #ececec;}
.grid_12.box #top_box .obrazek {height:224px; width: 300px; padding: 13px 0 0 32px; position: relative;}
.grid_12.box #top_box .artykul_tresc {width: 560px; float: right; position:relative; height: 253px;}
.grid_12.box #top_box .artykul_tresc h1 {font-size: 18px; padding-top: 13px;}
.grid_12.box #top_box .artykul_tresc p {font-size: 13px; padding-top: 5px; color: #292929; width: 500px;}
.grid_12.box #top_box .artykul_tresc a {float: right; display: block; position: absolute; bottom: 13px; right: 60px;  padding: 9px 0 0 10px; height: 28px; width: 125px; background:url('../img/top_art_button_bg.png') repeat-x; color: #fff;} 

.box .slider_paginacja {padding: 0; position: absolute; bottom: 5px; left: 35px;}
.box .slider_paginacja li { display: inline-block; background: #000; padding: 3px 5px;}
.box .slider_paginacja .active {background-color: #ff0101;}
.box .slider_paginacja li a {color: #fff;}
/*BANNER 750X100*/
.grid_10.banner750 {margin: -40px 0 20px 0;}
.grid_10.banner750 .banner_container {padding: 0 13px;}

/*CONTENT=========================================================================================================================================================================*/
.grid_8.pull_4.content {margin-top: 10px;}
.content .grid_8 ul.tabs {padding: 0 0 2px 0; background:url('../img/zakladki_cien.png') no-repeat bottom right;}
.content .grid_8 ul.tabs li {display: inline-block; background: #e60616; height: 40px;}
.content .grid_8 ul.tabs li:last-child {background-color: #000; margin-left: -3px;}
.content .grid_8 ul.tabs li a {color: #fff; font-size: 14px; padding: 10px 10px; display: block;}
.content .warto {height: 272px; background: url('../img/big_red_stripe_bg.png') repeat-x;  margin: 60px 0 0 0; padding-left: 10px; position:relative; right: 20px;}
.warto  h2 {font-size: 16px; border-bottom: 3px #000 solid; margin: -28px 0 0 -10px; width: 148px; padding: 0 0 10px 20px;}

.warto .warto_artykul {height: 200px; margin: 0 8px 0 6px; padding: 0}
.warto .warto_artykul .obrazek {border: 1px #fff solid; width: 130px; margin: 20px 0 0 0;}
.warto .warto_artykul h2 {border: none; color: #c6c6c6; font-size:13px; margin: 7px 0 0 0; padding: 0; width: 115px; font-weight: normal;}
.warto .warto_artykul p {color: #fff; font-size: 11px; margin-top: 5px;}
.warto .warto_artykul a {color: #ffc8c8; font-size: 11px; margin-top: 5px;}

.red_stripe_extend {height: 272px; width: 900px; background: url('../img/big_red_stripe_bg.png') repeat-x; position:absolute; left: -900px;}
/*TEMAT I PRODUKT TYGODNIA*/
.top_content_container {margin-top: 25px;}
.top_content_container .obrazek {width: 164px; height: 120px;}
.top_content_container .tresc {width: 420px; float: right;}
.top_content_container .tresc h2 {color: #b5b5b5; font-size: 14px;}
.top_content_container .tresc p {font-size: 11px; color: #6e5454;}
.top_content_container .tresc a {font-size: 11px; color: #3a3a3a;}
/*PORADY EKSPERTA*/
.grid_8.ekspert {margin-top: 30px; border-bottom: 1px solid #eaeaea;}
.grid_8.ekspert h1 { background:url('../img/zakladki_cien.png') no-repeat bottom right; margin-bottom: 10px;}
.grid_8.ekspert h1 a {color: #fff; font-weight: normal; font-size: 14px; padding: 10px 10px; background: #e60616 url('../img/ekspert_h1_bg.png') repeat-y right; width: 130px; display: block;}
.grid_6.ekspert_tresc p {color: #6e5454; font-size: 11px; padding-right: 20px;}
.grid_6.ekspert_tresc a {color: #3a3a3a; font-size: 11px;}
.grid_6.ekspert_tresc h2 {color: #b5b5b5; font-size: 14px; margin-top: 20px;}

/*NOWOŚCI NA RYNKU*/
.grid_8.nowosci { border-bottom: 3px solid #000; padding-bottom: 15px;}
.grid_8.nowosci h1 { border-bottom: 3px solid #000; margin-top: 40px; padding-bottom: 1px; }
.grid_8.nowosci h1 a {color: #fff; font-weight: normal; font-size: 14px; padding: 10px 10px; background: #000 url('../img/nowosci_h1_bg.png') repeat-y right; width: 130px; display: block;}

.grid_8.nowosci .nowosc_artykul { margin: 0 20px 0 0; padding: 0}
.grid_8.nowosci .nowosc_artykul:last-child {margin-right: 0;}
.grid_8.nowosci .nowosc_artykul .obrazek {width: 114px; margin: 20px 0 0 0;}
.grid_8.nowosci .nowosc_artykul h2 {border: none; color: #101010; font-size:12px; margin: 10px 0 0 0; padding: 0; width: 115px; font-weight: normal;}
.grid_8.nowosci .nowosc_artykul p {color: #4d4d4d; font-size: 11px;}
.grid_8.nowosci .nowosc_artykul a {color: #c9c9c9; font-size: 11px;}
/*OSTATNIO DODANE */
.grid_8.nowe_artykuly {margin-top: 30px;}
.grid_8.nowe_artykuly h1 { background:url('../img/zakladki_cien.png') no-repeat bottom right; margin-bottom: 10px;}
.grid_8.nowe_artykuly h1 a {color: #fff; font-weight: normal; font-size: 14px; padding: 10px 10px; background: #e60616 url('../img/ekspert_h1_bg.png') repeat-y right; width: 130px; display: block;}

.grid_8.nowy_artykul {margin-top: 15px;}
.grid_6.nowy_artykul_tresc p {color: #6e5454; font-size: 11px; padding-right: 20px;}
.grid_6.nowy_artykul_tresc a {color: #e30617; font-size: 11px;}
.grid_6.nowy_artykul_tresc h2 {color: #b5b5b5; font-size: 14px; margin-top: 0px;}

/*ASIDE===========================================================================================================================================================================*/
.grid_4.push_8.aside { margin-top: 25px; width: 300px;}
.grid_4.push_8.aside h1 {font-family: "Lucida Grande", sans-serif;}

/*NEWSLETTER*/
.grid_4.newsletter {margin: 10px 0;}
.grid_4.newsletter form {height: 77px; background:url('../img/newsletter_bg.png')  no-repeat 180px 0px; margin: 10px 0 0 10px;}
.grid_4.newsletter form h1 { font-size: 14px; padding: 5px 0 5px 0; font-family: "Lucida Grande", sans-serif;}
.grid_4.newsletter form input[type="text"] { height: 25px; width: 155px; box-shadow: none; border: 1px solid #eaeaea; background: url('../img/newsletter_input_bg.png') 8px 6px no-repeat #fff; padding-left: 35px; font-size: 11px;}
.grid_4.newsletter form input[type="submit"] {height: 27px; background-color: #e61e2d; margin-left: -5px; padding-bottom: 3px; color: #fff;}

/*NAJNOWSZE INFORMACJE*/
.grid_4.side_news {border: 1px solid #eaeaea; width: 298px !important; margin: 20px 0px 5px 0;}
.grid_4.side_news h1 { font-size: 14px; margin: 10px 0 5px 10px; border-bottom: 2px solid #ff3232; padding: 0 0 3px 0; width: 280px; }
.grid_4.side_news h1 span {color: #e3091a;}

.grid_4.najnowszy .grid_3 {margin: 0 0 0 5px;}
.grid_4.najnowszy h2 {border: none; color: #040404; font-size:14px;   font-weight: normal; width: 185px;}
.grid_4.najnowszy p {font-size: 12px; color: #9f9898; margin:0 0 10px 0;}

.grid_4.lista_newsow ul { padding:0 0 0 25px !important; margin: 0px 0 10px 0;}
.grid_4.lista_newsow ul li  {list-style-image:url('../img/list_item.png');}
.grid_4.lista_newsow ul li a {font-size: 12px; list-style-image:url('../img/list_item.png');}
.grid_4.lista_newsow ul li a span {color: #636262;}

/*BANNER1*/
.grid_4.banner {margin: 0;}

/*PROJEKTY DOMÓW*/
.grid_4.projekty {height: 225px; width: 298px !important; border: 1px solid #eaeaea; margin: 30px 0 15px 0;}
.grid_4.projekty h1 { font-size: 14px;  margin: -18px 0 5px 15px; padding: 10px; background: #fff; width: 220px;}
.grid_4.projekty h1 span {color: #e3091a;}
.grid_4.projekty .image {padding: 1px; border: 1px solid #eaeaea; width:245px; margin: 0 0 0 25px;}

.grid_4.projekty .projekty_paginacja {text-align: center;}
.grid_4.projekty .projekty_paginacja ul {padding-left:0; margin: 6px 0 0 0;}
.grid_4.projekty .projekty_paginacja ul li {display: inline-block;}
.grid_4.projekty .projekty_paginacja ul li a {font-size: 12px; color: #fff; background: #000; padding: 2px 5px; display:block;}
.grid_4.projekty .projekty_paginacja ul li a.active {background: #ff1616;}

/*WYDAWNICTWA DOBREGO DOMU*/
.grid_4.wydawnictwa {height: 340px; width: 236px !important; border: 1px solid #eaeaea; margin: 30px 0 15px 34px;}
.grid_4.wydawnictwa h1 { font-size: 13px;  margin: -18px 0 5px 8px; padding: 10px; background: #fff; width: 195px;}
.grid_4.wydawnictwa h1 span {color: #e3091a;}
.grid_4.wydawnictwa .image {padding: 1px;  width:210px; margin: 0 0 0 12px;}

.grid_4.wydawnictwa .wydawnictwa_paginacja {margin-left: 65px;}
.grid_4.wydawnictwa .wydawnictwa_paginacja ul {padding-left:0; margin: 6px 0 0 0;}
.grid_4.wydawnictwa .wydawnictwa_paginacja ul li {display: inline-block;}
.grid_4.wydawnictwa .wydawnictwa_paginacja ul li a {font-size: 12px; color: #fff; background: #000; padding: 2px 5px; display:block;}
.grid_4.wydawnictwa .wydawnictwa_paginacja ul li a.active {background: #ff1616;}

/*TAGI=============================================================================================================================================================================*/
.grid_12.chmura_tagow {margin-top: 35px;}
.grid_12.chmura_tagow h1 {padding-bottom: 5px; font-size: 16px; border-bottom: 1px solid #ff9191;}
.grid_12.chmura_tagow p {text-align: center;}

/*FOOTER===========================================================================================================================================================================*/
.grid_12.footer .grid_2 h2 {font-size: 12px; color: #3b2121; margin-top: 20px;}
.grid_12.footer .grid_2 ul {padding: 15px 0 0 0;}
.grid_12.footer .grid_2 ul li {line-height: 0.7em;}
.grid_12.footer .grid_2 ul li a {font-size: 11px; color: #a98f8f;}
.grid_4.copyrights {margin-bottom: 50px; color: #bfa5a5; font-size: 12px;}



/*BREADCRUMBS*/
.grid_4.breadcrumbs {margin-bottom: 5px;}
.grid_4.breadcrumbs ul {padding: 5px 0 0 0; border-top: 2px solid #000;}
.grid_4.breadcrumbs ul li { display: inline-block; font-size: 12px; font-weight: 600;}
.grid_4.breadcrumbs ul li:last-child a {color: #ff0101;}


/*ASIDE ==================================================================================*/

/*POLECANE INFORMACJE*/
.aside .grid_4.side_polecane {border: 1px solid #eaeaea; width: 298px !important; margin: 5px 0px;}
.aside .grid_4.side_polecane h1 { font-size: 14px; margin: 10px 0 5px 10px; border-bottom: 2px solid #ff3232; padding: 0 0 3px 0; width: 280px; }
.aside .grid_4.side_polecane h1 span {color: #e3091a;}


.aside .grid_4.lista ul { padding:0 0 0 25px !important; margin: 5px 0 10px 0;}
.aside .grid_4.lista ul li  {list-style-image:url('../img/list_item.png'); margin-top: 5px;}
.aside .grid_4.lista ul li a {font-size: 12px; list-style-image:url('../img/list_item.png');}

/*POLECANE TOP TYGODNIA*/
.aside .grid_4.side_top_tygodnia {border: 1px solid #eaeaea; width: 298px !important; margin: 5px 0px;}
.aside .grid_4.side_top_tygodnia h1 { font-size: 14px; margin: 10px 0 5px 10px; border-bottom: 2px solid #ff3232; padding: 0 0 3px 0; width: 280px; }
.aside .grid_4.side_top_tygodnia h1 span {color: #e3091a;}

.aside .art_tygodnia {background-color: #e60616; color: #fff; width: 100px; font-size: 13px; padding: 5px 0  5px 7px; margin-top: 10px;}
.aside .oferta_tygodnia {background-color: #000; color: #fff; width: 100px; font-size: 13px; padding: 5px 0  5px 7px; margin-top: 10px; margin-left:1px;}
.aside .tabs {border-bottom: 2px solid #ff3232; width: 280px;}



/*LISTA*/

.grid_8.element_listy { padding-top: 20px; margin-top: 20px; background: url('../img/lista_cien.png') no-repeat top right;}

.grid_8.element_listy:nth-child(2n-1) .grid_2.obrazek {background:url('../img/lista_obrazek_red_bg.png') no-repeat bottom left !important;}
.element_listy .grid_2.obrazek {height:106px; background:url('../img/lista_obrazek_black_bg.png') no-repeat bottom left;} 
.element_listy .grid_2.obrazek img {margin-left: 4px;}

.element_listy .grid_6.tresc { padding-left: 20px; width: 440px;}
.element_listy .grid_6.tresc h2 {font-size: 12px; color: #454545; margin-top: 5px;}
.element_listy .grid_6.tresc p { color: #2d2c2c;}
.element_listy .grid_6.tresc a {color: #ff0101;}

/*PAGINACJA LISTY*/

.lista_wynikow .lista_paginacja ul {text-align: center; border-top: 1px solid #eaeaea; padding: 10px 0 0 0; margin-top: 25px;}
.lista_wynikow .lista_paginacja ul li {display: inline;}
.lista_wynikow .lista_paginacja ul li .active {color: #ff0101;}



.content .artykul img {float: left; margin: 0 15px 5px 0; position: relative; top: 5px; }
.content .artykul p {text-align:justify; line-height: 1.5em;}