/* 
    Document   : szarotka
    Created on : 2011-07-15, 23:33:30
    Author     : staniec_dom
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

header {height: 52px;}
header .logo {font-size:3.52em;}
header nav ul li {}
header nav ul li a {}
header nav ul li a:hover {}
header nav ul li.last a {}
footer { overflow: hidden; padding: 0 0 25px; font-size: 1.1em; text-align: center; }
.footer_menu { margin-top: 0;}
.footer_menu ul {border-bottom: 1px solid #F1EDE5;float: none;list-style: none outside none; margin: 15px 0 0; overflow: hidden;padding: 0 0 21px;}
.footer_menu ul {border-bottom: 1px solid #F1EDE5;float: none;list-style: none outside none; margin: 15px 0 0; overflow: hidden;padding: 0 0 21px;}
.footer_menu li {cursor: pointer; display: inline-block;  float: left; white-space: nowrap;}
.footer_menu li.un a { background: none repeat scroll 0 0 transparent;    margin-left: 50px;}

footer a:hover { text-decoration: underline;}
.footer_item a { 
    color: #A89F76;
    cursor: pointer;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.2em;
    padding: 0 15px;
    width: auto;
}
.footer_menu li a { background: url("../img/border2.gif") no-repeat scroll left 2px transparent;}
.footer_item a:hover, .footer_item.selected a {
    color: #A89F76;
    text-decoration: underline;
}

#styled {margin-top:6px;}

.group {padding:5px; background-color:#eee; border:1px dashed #ccc; list-style:none; margin:0px; margin-bottom:5px;}
.group a {font-size:1.2em;}
.group p {margin-bottom:5px;}
.group li {margin-bottom:5px;}

#css3 div > div {margin:0px 0px 50px 0px; padding:6px; border:1px solid #eee;}
#grid div {text-align:center;  }
#grid div > .col {border-bottom:1px solid #ccc; padding:10px 0px; outline:1px solid #eee;}

h2 {border-bottom:1px dashed #ccc; margin:10px 0;}
h1 {
    color: #8A7B59;
    font-family: "Times New Roman",Times,serif;
    font-size: 2.37em;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 15px 10px 11px 5px;
}
h2 {
    color: #8A7B59;
    font-family: "Times New Roman",Times,serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 30px;
    overflow: hidden;
    padding: 15px 10px 11px 5px;
}

h3 {
    color: #8A7B59;
    font-family: "Times New Roman",Times,serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 15px 10px 11px 5px;
}

.documentation {display:block; background-color:#eee; padding:6px 13px; font-family:Georgia, "Times New Roman", Times, serif; color:#666; text-align:right; text-shadow:-1px -1px 0px #fff;}

.report_bugs {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left:-45px;
    top:200px;
    background-color:#f00;
    color:#fff;
    z-index:99;
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    text-decoration:none;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.2em;
    padding:2px 5px;
}

body {
    color: #888888;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 62.5%;
    line-height: 1.5em;
}

a {
    color: #A48C54;
    text-decoration: none;
}

table, p {
    line-height: 1.5;
}

.infoBoxWrapper .infoBoxHeading a {
    color: #FFFFFF;
}

.bg_top {
    background: url("../img/bg_top.jpg") no-repeat scroll center top transparent;

    overflow: hidden;
}

.fl_right {
    float: right;
}

.fl_left {
    float: left;
}
.menu {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 92px;
}
.menu_item {
    cursor: pointer;
    display: block;
    float: left;
    line-height: 1;
}
.menu_item a {
    background: url("../img/menu_item.gif") no-repeat scroll 0 90% transparent;
    cursor: pointer;
    display: inline-block;
    font-family: "Times New Roman",Times,serif;
    padding: 15px 30px 0;
    text-transform: uppercase;
}
.menu_item a {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
}
.menu_item a:hover, .menu_item.selected a {
    color: #BAB9B9;
    text-decoration: none;
}
.menu_item.un a {
    background: none repeat scroll 0 0 transparent;
}

.bg_bottom {
    background: url("../img/tail_bottom.gif") repeat-x scroll left 480px transparent;
    overflow: hidden;
}

.bg_body {
    background: none repeat scroll 0 0 transparent;
    padding-bottom: 0;
}

.center {
    clear: both;
    text-align: center;
}		

.col_middle, .width_middle {
    width: 600px;
}

#columnRight {
    width: 167px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    margin-top: 167px;
    padding: 13px 0 0;
    position: relative;
}

#columnRight2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    margin-top: 0;
    padding: 13px 0 0;
    position: relative;
    width: 167px;
}

#columnLeft {
    width: 167px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    margin-top: 167px;
    padding: 13px 0 0;
    position: relative;
}

#columnLeft2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    margin-top: 0;
    padding: 13px 0 0;
    position: relative;
}

#bodyContent2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    padding: 0;
    position: relative;
    min-height: 560px;
}

.smallMargin {
    margin-left: 3px;
    margin-right: 3px;
}
.col_cal, .width_cal {
    margin-left: 5px;
    margin-right: 5px;	
    width:960px; 
}

.infoHeading, .infoBoxWrapper .infoBoxHeading {
    color: #000000;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 9px 0 0 19px;
    text-transform: uppercase;
}

.infoBoxWrapper.list .infoBoxHeading {
    background: url("../img/tail_catigories.gif") repeat-x scroll 0 0 #D5281E;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: "Times New Roman",Times,serif;
    font-size: 23px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 13px 0 12px;
    overflow: hidden;
    padding: 8px 0 9px 15px;
    position: relative;
    text-transform: none;
}

.infoBoxContents li {
    padding: 0;
    position: relative;
    width: 100%;
}
.infoBoxContents li, .infoBoxContents li a, .infoBoxContents li a font {
    font-weight: normal;
    vertical-align: top;
}
.infoBoxContents li a b {
    font-weight: bold;
}
.infoBoxContents ul {
    list-style: none outside none;
    padding: 3px;
}
.infoBoxContents .categories {
    margin: 0;
}

.infoBoxContents .inf a {
    margin: 0;
    color: #FF9340;
    display: inline-block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
}

.infoBoxContents .information {
    margin: 0;
}
.infoBoxContents .manufacturers ul {
    margin: 0;
}
.infoBoxContents li a strong, .infoBoxContents li a {
    display: inline-block;
    overflow: hidden;
}
.infoBoxContents ul li .div {
    padding-left: 15px;
}
.infoBoxContents a {
    font-size: 1.1em;
}
.infoBoxContents li {
    background: url("../img/line.gif") repeat-x scroll left bottom transparent;
}
.infoBoxWrapper.box7 .infoBoxContents li {
    background: none repeat scroll 0 0 transparent;
}
.infoBoxWrapper.box7 .infoBoxContents li a {
    color: #B29C6A;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    padding: 4px 0 4px 16px;
    text-decoration: underline;
}
.infoBoxWrapper.box7 .infoBoxContents li a:hover {
    text-decoration: none;
}
.infoBoxContents li a {
    color: #B6985D;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 0 10px 14px;
    text-decoration: none;
}
.infoBoxContents li a:hover {
    color: #D5281E;
    text-decoration: none;
}
.infoBoxContents li a b {
    color: #B6985D;
    font-weight: bold;
    margin: -6px 0;
    padding: 6px 0;
    text-decoration: none;
}
.infoBoxContents li a:hover b {
    color: #D5281E;
}
.category_arrow {
    background: url("../img/bg_list_arrow.png") no-repeat scroll 0 3px transparent;
    display: inline-block;
    font-size: 0;
    height: 14px;
    line-height: 0;
    position: absolute;
    right: 2px;
    top: 8px;
    width: 16px;
}
.infoBoxContents li.last_list {
    background: none repeat scroll 0 0 transparent;
}
.infoBoxContents .bestsellers li {
    background: none repeat scroll 0 0 transparent;
    overflow: hidden;
}
.infoBoxContents .bestsellers li a {
    color: #FF9340;
    display: inline-block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    line-height: 15px;
    padding: 10px 0 3px;
}
.infoBoxContents .bestsellers li b {
    color: #FF9340;
    display: inline-block;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    padding: 10px 0 3px 14px;
}
.infoBoxContents .bestsellers li a:hover {
    color: #FF9340;
    text-decoration: underline;
}
.infoBoxContents .bestsellers li b:hover {
    color: #FF9340;
}
.infoBoxContents .button_search {
    text-align: right;
    width: 15%;
}
.infoBoxContents .text_search {
    text-align: left;
    width: 85%;
}
.infoBoxContents .input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E3E3E3;
    color: #B9B9B9;
    height: 20px;
    line-height: 15px;
    margin: 0 0 4px;
    width: 100%;
}

.infoBoxWrapper.box5 .infoBoxHeading {
    background: url("../img/tail_best.gif") repeat-x scroll 0 0 #FF8F3D;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: "Times New Roman",Times,serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 12px;
    overflow: hidden;
    padding: 8px 0 9px 10px;
    position: relative;
    text-transform: none;
}
.infoBoxWrapper.box7 .infoBoxHeading {
    background: url("../img/info.gif") repeat-x scroll 0 0 #FF6436;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: "Times New Roman",Times,serif;
    font-size: 23px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 12px 15px 13px;
    overflow: hidden;
    padding: 8px 0 9px 15px;
    position: relative;
    text-transform: none;
}
.infoBoxWrapper.box8 .infoBoxHeading {
    background: url("../img/info.gif") repeat-x scroll 0 0 #FF6436;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: "Times New Roman",Times,serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 12px 0 13px;
    overflow: hidden;
    padding: 8px 0 9px 15px;
    position: relative;
    text-transform: none;
}
.infoBoxWrapper.box2 .infoBoxHeading {
    background: url("../img/tail_box.gif") repeat-x scroll 0 0 #EFCC42;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: "Times New Roman",Times,serif;
    font-size: 23px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 12px 12px 13px;
    overflow: hidden;
    padding: 8px 0 9px 15px;
    position: relative;
    text-transform: none;
}
.infoContents, .infoBoxWrapper .infoBoxContents {
    padding: 12px 21px 10px;
}
.infoBoxContents .wrapper_box_content-txt {
    padding: 0;
}
.infoBoxContents {
    color: #959595;
    font-size: 1.1em;
    line-height: 1.6em;
    overflow: hidden;
}
.infoBoxWrapper.box2 {
    margin-bottom: 14px;
}
.infoBoxWrapper.cart_box .infoBoxContents {
    padding: 0 21px 8px;
}
.infoBoxWrapper.list .infoBoxContents {
    padding: 7px 8px 0;
}
.infoBoxWrapper.box7 .infoBoxContents {
    padding: 7px 8px 10px;
}
.infoBoxWrapper.box7 .infoBoxContentsNoPad {
    padding: 0;
    text-align: center;
}

.infoBoxWrapper.box5 .infoBoxContents {
    padding: 7px 5px 8px 8px;
    text-align: center;
}



.infoBoxWrapper.box2 .infoBoxContents {
    padding: 0 0 1px;
}
.infoBoxWrapper.box3 .infoBoxContents {
    padding: 0 21px 10px;
}
.infoBoxWrapper.cart_box {
    margin-bottom: 14px;
}
.infoBoxWrapper.cart_box .infoBoxHeading {
    background: url("../img/tail_box.gif") repeat-x scroll 0 0 #EFCC42;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: "Times New Roman",Times,serif;
    font-size: 23px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 12px 0 13px;
    overflow: hidden;
    padding: 8px 0 9px 15px;
    position: relative;
    text-transform: none;
}
.infoBoxWrapper.cart_box .infoBoxHeading a {
}
.infoBoxWrapper.cart_box .infoBoxContents {
    color: #B6A56B;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    padding: 8px 7px 1px 8px;
}
.infoBoxWrapper.cart_box .infoBoxContents strong {
    color: #B6A56B;
    font-family: Tahoma,Geneva,sans-serif;
}
.infoBoxWrapper.cart_box .infoBoxContents a {
    color: #B6A56B;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    text-decoration: none;
}
.infoBoxWrapper.cart_box .infoBoxContents a:hover {
    text-decoration: underline;
}
.cart_box_separator {
    border-bottom: 1px solid #D7D7D7;
    padding: 0 0 5px;
}
.cart_price_box {
    padding: 5px 0 0;
}
.slogan {
    background: none repeat scroll 0 0 #FFFEF3;
    border-radius: 0 0 13px 13px;
    color: #A48C54;
    font-family: "Times New Roman",Times,serif;
    font-size: 23px;
    line-height: 1.217em;
    margin: 0 13px;
    padding: 15px 0 20px 30px;
    position: relative;
}

.cl_both {
    clear: both;
}
.extra11 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-bottom: 11px;
}

.contentPadd {
    border: 0 solid #E9E8E8;
    overflow: hidden;
    padding: 0;
}


.contentPadd.extra22 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 15px 15px;
    padding: 0 13px 12px !important;
    position: relative;
}

.contentContainer.page_un .contentPadd {
    border: 0 none;
    padding: 8px 0;
}

.contantPadd_main {
    background: none repeat scroll 0 0 #F9F9F1;
    border-radius: 15px 15px 15px 15px;
    overflow: hidden;
    position: relative;
    min-height: 550px;
}

.title-t {
    border-bottom: 1px solid #e1dFd3;
    margin: 0 12px 0 18px;
}

.prods_content {
    margin: 0;
    padding: 14px 0 8px;
}
.prods_content.cart, .padding .prods_content {
    overflow: hidden;
    padding: 0;
}
ul.sub_categories {
    float: left;
    list-style: none outside none;
    margin: 0 0 0 -10px;
    padding: 0;
}
ul.sub_categories li {
    float: left;
    margin: 17px 0 0 10px;
}

.prods_content ul {
    list-style: none outside none;
    margin: 0 0 0 13px;
    padding: 0;
}
.prods_content li {
    float: left;
    margin: 0 0 0 10px;
    width: auto;
}
.prods_content li.prods_vseparator {
    display: none;
}
.prods_content .prods_hseparator {
    display: none;
    float: none;
    height: 17px;
}
.prods_content li.prods_hseparator {
    display: block;
    height: 17px;
}
.marg-bottom {
    margin: 0 10px 10px 0px;
}
.prods_content.padding li {
    float: none;
    margin: 0;
    overflow: hidden;
    vertical-align: top;
    width: auto;
}
.prods_content.padding li.prods_hseparator {
    height: 17px;
}

.wrapper-padd2 {
    margin: 0 auto;
    width: 520px;
}

.footer p {
    margin: 16px 0 0;
    padding-left: 0;
    text-align: center;
}
.footer p {
    color: #A2977D;
    font-size: 1.2em;
    line-height: 1.8em;
    text-transform: uppercase;
}
.footer p a {
    color: #9ABA43;
}
.footer p b a, .footer p b {
    color: #F38E65;
    font-weight: normal;
}
.footer p b a {
    text-decoration: none;
}
.footer p b a:hover {
    text-decoration: underline;
}

.breadcrumb {
    color: #000000;
    font-size: 1.3em;
    line-height: 1.2em;
    border: 0 solid #E5E5E5;
    margin: 0 0 0 15px;
    padding: 3px 1px 1px;
}

.breadcrumb a {
    color: #000000;
    display: inline-block;
    font-weight: normal;
}
.breadcrumb a:hover {
    color: #000000;
    text-decoration: underline;
}
.navigation {
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 3px 0 0;
}
.navigation li {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    float: left;
    white-space: nowrap;
}
.navigation li.un {
    background: none repeat scroll 0 0 transparent;
}
.navigation_item a {
    color: #B8B7B7;
    cursor: pointer;
    display: block;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 13px;
    padding: 6px 9px 6px 7px;
    white-space: nowrap;
}
.navigation_item a:hover, .navigation_item.selected a {
    color: #272727;
}

.contentContainer {
    border: 0 solid #000000;
    margin-bottom: 17px;
    margin-top: 17px;
    padding: 0;
}

.contentInfoBlock {
    border: 1px solid #e1dFd3;
    margin: 0 2px 5px 2px;
    overflow: hidden;
    padding: 20px;
}

.contentPadd.txtPage, .contentInfoBlock {
    border-radius: 8px 8px 8px 8px;
    font-size: 1.4em;
    line-height: 1.5;
}

ul.gallery {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gallery li {
    float: left;
    margin: 0;
    width: auto;
}

.readMore {
    float:right;
}
.listaNag {
    font-size: 1.5em;
    color:#8A7B59;
}

.formKontakt {
    width:520px;
    margin: 0 auto;
}

form fieldset legend {
    color: #8A7B59;
    font-family: "Times New Roman",Times,serif;
    font-size: 1.7em;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 15px 10px 11px 5px;
}
form div label {
    padding: 7px;
}

#map {
    margin: 0 auto;
    margin-top: 20px;
    height: 500px;
    width: 500px;
}

.cs-buttons-coin-slider {
    margin: 0 auto;
    text-align: center;
    
}

#contentInfo {
    height: 75px;
    line-height: 1.5;
}

#bodyContentInfo {
    height: 50px;
    line-height: 1.5;

}

#galeria {width: 100%; padding-top:10px;}
.galItems {width: 49%; float: left;}
.galItem {padding-left: 50px; float: left; height:180px;}
.galName {text-align: center; margin: 0 auto; font-size: 14px;}
.galLink {float:left;width:175px; height:175px;}

.randImage {}
.randImgContent{}
a.randLink{display: inline-block;line-height: 15px; margin: 0;text-align: center;}
img.randImg{}

#strony{width:100%;}
#stronyBody{width:600px;}
#stronyContent{margin: 0 auto; text-align: center;}
ul.strony {list-style: none; font-size: 1.3em; line-height: 1.3em; margin: 0 auto; padding-top:10px;}
ul.strony li {float: left; border: 1px solid #ddd;margin: 0 4px;padding: 0 4px;}

.breadcrumb ul {list-style: none; margin:0 0 5px 1.5em;}
.breadcrumb ul li {display: inline;}