/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/



/* #Basic Styles
================================================== */
html {}


body {
    overflow-x: hidden;
    font-family: 'bosch_sansmedium';
    font-size: 13px;
    color: #868889;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;

}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    color:#fff;
    font-weight:normal; font-family: 'Source Sans Pro', sans-serif; display: block; position: relative; letter-spacing:-0.4px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 1.7em; margin-bottom: 14px; letter-spacing:-1.4px;}
h2 { font-size: 35px; line-height: 37px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 37px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 1.2em; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 1.2em; }
h6 { font-size: 14px; line-height: 1.2em; }
.subheader { color: #777; }


h1 small {font-size: 15px; line-height: 22px; display: block; font-family: 'Source Sans Pro', sans-serif; letter-spacing:-0.6px;}

p { margin: 0 0 10px 0; line-height: 1.3em;  }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong, b, .bold, .strong { font-weight: 600 !important; }
small { font-size: 80%; }


/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
time {display: block;}

hr {  clear: both; margin: 30px 0 30px; height: 1px; background: #1f1e1d; border: none ;  }


/* #Links
================================================== */
a { color: #000; text-decoration: none; outline: 0; }
a:hover, a:focus {text-decoration: underline; }
p a, p a:visited { line-height: inherit;  color: #22628c;}


/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 1em 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 4px; }
li { line-height: 1.3em;  }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
address {line-height: 1.3em;}

ul.arrow {margin-bottom:20px;}
ul.arrow li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px #EAEAEA solid;}
ul.arrow li:after {content:url(http://eksperci-od-zmywarek.pl/porady-ekspertow/wp-content/themes/zmywarki/img/buttons/mid_arrow_right_blue.png); margin-left:10px; }

/* #Images
================================================== */

img {
    max-width: 100%;
    height: auto; }

.oldie img {max-width:auto;}


/* Font */

.boschregular {font-family: 'bosch_sans';}
.boschblack {font-family: 'bosch_sansblack';}
.boschmedium {font-family: 'bosch_sansmedium';}

.semibold {font-weight: 600;}

.textshadow {text-shadow: 1px 1px 0px rgba(31, 28, 22, 0.75);}

.fontarial {font-family: arial, sans-serif !important;}
.fontverdana {font-family: verdana, Geneva, Tahoma, sans-serif;}
.fonttimes {font-family: times, 'Times New Roman', Georgia, serif;}

/* Colors */

/* ----------- highlight colors ----------- */



.highlight {
    color: #fff;
    background: #626258 !important;
}



.highlight.white {
    background: #fff !important;;
}



.highlightblack {
    background: #000 !important;;
}

.highlight.red {

    background: #ff0000 !important;;

}

.highlight.gray {
    background: #51534a !important;;
    color:#fff;
}

.highlight.yellow {
    background: #fff000 !important;;
}

.highlight.blue {
    background: #003C69 !important;;
}

.highlight.pink {
    background: #e826b4 !important;;
}

.highlight.green {
    background: #9cb500 !important;;
    color:#fff;
}

.highlight.orange {
    background: #ffcc00 !important;
}

.highlight.magenta {
    background: #9325ea !important;;
}

.white {color:#fff}
.orange {color:#f1560d;}
.red {color:#df3439;}
.blue {color:#000;}
.gray {color:#d9d9d9}
.gray2 {color:#464646}
.black {color:#000}
.green {color:#83a900;}
.bronze {color:#6c2d2a}
.light-pink {color:#f7eae1;}


.pointer {cursor: pointer;}


/* #Forms
================================================== */

form {
    margin-bottom: 20px; }
fieldset {
    margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff; }
select {
    padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2); }
textarea {
    min-height: 60px; }
label,
legend {
    display: block;
    font-weight: 700;
    font-size: 13px; font-family: 'Source Sans Pro', sans-serif; color:#fff; margin-bottom:25px;  }
select {
    width: 220px; }
input[type="checkbox"] {
    display: inline; }
label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }

/* CSS Document */

.size9 {font-size: 9px;}
.size10, .size10 * {font-size: 10px;}
.size11 {font-size: 11px;}
.size12 {font-size: 12px;}
.size13 {font-size: 13px !important;}
.size14 {font-size: 14px;}
.size15 {font-size: 15px;}
.size16 {font-size: 16px;}
.size17 {font-size: 17px;}
.size18 {font-size: 18px;}
.size19 {font-size: 19px;}
.size20 {font-size: 20px;}
.size21 {font-size: 21px;}
.size22 {font-size: 22px;}
.size23 {font-size: 23px;}
.size24 {font-size: 24px;}
.size25 {font-size: 25px;}
.size26 {font-size: 26px;}
.size27 {font-size: 27px;}
.size28 {font-size: 28px;}
.size29 {font-size: 29px;}
.size30 {font-size: 30px;}
.size31 {font-size: 31px;}
.size32 {font-size: 32px;}
.size62 {font-size: 62px;}
.size64 {font-size: 64px;}

.lh1 {line-height: 1em;}
.lh18 {line-height: 18px;}
.lh22 {line-height: 22px;}
.lh23 {line-height: 23px;}
.lh28 {line-height: 28px;}
.lh40 {line-height: 40px;}
.lh60 {line-height: 60px;}

.width110 {width: 110px !important;}
.width120 {width: 120px !important;}
.width130 {width: 130px !important;}
.width140 {width: 140px !important;}
.width150 {width: 150px !important;}
.width190 {width: 190px !important;}

.indent20 {text-indent: 20px;}

.top-5 {position: relative; top:-5px;}


.uppercase {text-transform: uppercase;}
.normalcase {text-transform: none;}


.italic {font-style: italic;}
.normal {font-weight: normal;}

/* Display */
.display-block {display: block !important;}
.display-inlineblock {display: inline-block;}
.display-inline {display: inline;}


/* Align */
.align-left		{ text-align: left; }
.align-center	{ text-align: center; }
.align-right	{ text-align: right; }

img.align-center, button.align-center, .button.align-center, .block-center {display: block; margin: 0 auto !important;}
img.align-left {float: left; margin-right:2em; margin-bottom:2em}
img.align-right {float: right; margin-left:2em; margin-bottom:2em}


/* border */
.border {border-color:#eaeaea; border-style: solid ;}

.with-large-border		{ border-width: 10px !important; }
.with-border				{ border-width: 7px !important; }
.with-mid-border			{ border-width: 4px !important; }
.with-small-border		{ border-width: 1px !important; }
.with-no-border			{ border-left-width: 0 !important; }

.large-border-left		{ border-left-width: 10px !important; }
.border-left				{ border-left-width: 7px !important; }
.mid-border-left			{ border-left-width: 4px !important; }
.small-border-left		{ border-left-width: 1px !important; }
.no-border-left			{ border-left-width: 0 !important; }

.large-border-bottom		{ border-bottom-width: 10px !important; }
.border-bottom				{ border-bottom-width: 7px !important; }
.mid-border-bottom			{ border-bottom-width: 4px !important; }
.small-border-bottom		{ border-bottom-width: 1px !important; }
.no-border-bottom			{ border-bottom-width: 0 !important; }


/* Floating elements */
.float-left		{ float: left; }
.float-right	{ float: right; }
.clear-left		{ clear: left; }
.clear-right	{ clear: right; }
.clear-both		{ clear: both; }

/* Padding */
.with-big-padding { padding: 35px !important; }
.with-padding			{ padding: 20px !important; }
.with-mid-padding		{ padding: 10px !important; }
.with-small-padding		{ padding: 5px !important; }
.no-padding				{ padding: 0 !important; }
.no-padding-top {padding-top:0 !important;}
.no-padding-bottom {padding-bottom:0 !important;}

.large-padding-top		{ padding-top: 30px !important; }
.padding-top			{ padding-top: 16px !important; }
.mid-padding-top		{ padding-top: 8px !important; }
.small-padding-top		{ padding-top: 4px !important; }
.no-padding-top			{ padding-top: 0 !important; }

.large-padding-right		{ padding-right: 30px !important; }
.padding-right			{ padding-right: 16px !important; }
.mid-padding-right		{ padding-right: 8px !important; }
.small-padding-right		{ padding-right: 4px !important; }
.no-padding-right			{ padding-right: 0 !important; }


.large-padding-left		{ padding-left: 30px !important; }
.padding-left			{ padding-left: 16px !important; }
.mid-padding-left		{ padding-left: 8px !important; }
.small-padding-left		{ padding-left: 4px !important; }
.no-padding-left			{ padding-left: 0 !important; }

.large-padding-bottom		{ padding-bottom: 30px !important; }
.padding-bottom			{ padding-bottom: 16px !important; }
.mid-padding-bottom		{ padding-bottom: 8px !important; }
.small-padding-bottom		{ padding-bottom: 4px !important; }
.no-padding-bottom			{ padding-bottom: 0 !important; }


/* Margins */
.large-margin-top		{ margin-top: 40px !important; }
.margin-top				{ margin-top: 25px !important; }
.mid-margin-top			{ margin-top: 15px !important; }
.small-margin-top		{ margin-top: 8px !important; }
.no-margin-top			{ margin-top: 0 !important; }
.large-margin-right		{ margin-right: 40px !important; }
.margin-right			{ margin-right: 25px !important; }
.mid-margin-right		{ margin-right: 15px !important; }
.small-margin-right		{ margin-right: 8px !important; }
.no-margin-right		{ margin-right: 0 !important; }
.large-margin-left		{ margin-left: 40px !important; }
.margin-left			{ margin-left: 25px !important; }
.mid-margin-left		{ margin-left: 15px !important; }
.small-margin-left		{ margin-left: 8px !important; }
.no-margin-left			{ margin-left: 0 !important; }
.large-margin-bottom	{ margin-bottom: 40px !important; }
.margin-bottom			{ margin-bottom: 25px !important; }
.mid-margin-bottom		{ margin-bottom: 15px !important; }
.small-margin-bottom	{ margin-bottom: 8px !important; }
.no-margin-bottom		{ margin-bottom: 0 !important; }

/* Absolute positioning */
.relative				{ position: relative; }
.absolute-left,
.absolute-right {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.absolute-left {
    left: 0;
    top:0;
    position: absolute !important;
}
.absolute-right {
    right: 0;
    top:0;
    position: absolute !important;
}

/* IE7 vertically aligned images fix */
.vert-align {
    display: inline;
    width: 0;
    margin-right: -4px;
}

/* Contextual elements */
.hidden-on-mobile,
.only-on-tablet,
.only-on-desktop {
    display: none;
}
.hidden-on-tablet,
.hidden-on-desktop,
.only-on-mobile {
    display: block;
}

/* Paginator */

.paginationControl {
    clear: both;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    text-align: center;
}
.paginationControl .paginationPage  {height: 30px; line-height:30px;  display: inline-block; margin:0 2px;  position: relative; top: -10px;}


.paginationControl .prev, .paginationControl .next {display: inline-block;}
.paginationControl .prev a, .paginationControl .next a{padding:0 30px !important}
.paginationControl .prev {margin-right:25px}
.paginationControl .next {margin-left:25px}

.paginationControl .current {border-radius:3px; padding:0 5px;}



.paginationControl .button a {
    color: #FFFFFF;
    display: block;
}
.paginationControl .button a {
    padding: 4px 6px;
}

.paginationControl .current a, .paginationControl a { color:#fff ;}




.lite-box-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.box-shadow {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.strong-box-shadow {
    -webkit-box-shadow: 0 1px 3px black;
    -moz-box-shadow: 0 1px 3px black;
    box-shadow: 0 1px 3px black;
}
.large-box-shadow {
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45)
}
.lite-text-shadow {
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.text-shadow {
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.strong-text-shadow {
    -webkit-text-shadow: 0 1px 2px black;
    -moz-text-shadow: 0 1px 2px black;
    text-shadow: 0 1px 2px black;
}
.large-text-shadow {
    -webkit-text-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
    -moz-text-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.45)
}


.button, button, .paginationControl .prev a, .paginationControl .next a, .paginationControl .back a{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: white;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    height: 32px;
    outline: medium none;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    font-family: 'siemens_serif', georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
    text-shadow: 1px 1px 1px rgba(31, 28, 22, 0.39);
    letter-spacing: -0.6px;
    color:#fff !important;
    border:none;
}

.button:hover, button:hover {color:#fff; text-decoration: none;}

/* pomaranczowy */
.button.orange, button.orange, .current, .paginationControl .back a  {
    background: #f29c28; /* Old browsers */
    background: -moz-linear-gradient(top, #f29c28 0%, #ba4c0e 50%, #ab3e0a 51%, #932501 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f29c28), color-stop(50%,#ba4c0e), color-stop(51%,#ab3e0a), color-stop(100%,#932501)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f29c28 0%,#ba4c0e 50%,#ab3e0a 51%,#932501 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f29c28 0%,#ba4c0e 50%,#ab3e0a 51%,#932501 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f29c28 0%,#ba4c0e 50%,#ab3e0a 51%,#932501 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f29c28 0%,#ba4c0e 50%,#ab3e0a 51%,#932501 100%); /* W3C */
    box-shadow: 0px 0px 12px 0px rgba(234, 159, 41, 0.4);
}

.button.orange:hover, button.orange:hover, .paginationControl .back a:hover  {
    background: #fabd3a; /* Old browsers */
    background: -moz-linear-gradient(top, #fabd3a 0%, #d36715 50%, #c7560f 51%, #b23502 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fabd3a), color-stop(50%,#d36715), color-stop(51%,#c7560f), color-stop(100%,#b23502)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fabd3a 0%,#d36715 50%,#c7560f 51%,#b23502 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fabd3a 0%,#d36715 50%,#c7560f 51%,#b23502 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fabd3a 0%,#d36715 50%,#c7560f 51%,#b23502 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fabd3a 0%,#d36715 50%,#c7560f 51%,#b23502 100%); /* W3C */
}


/* granatowy */
.button.navyblue, button.navyblue, .paginationControl .prev a, .paginationControl .next a{
    background: #2f4c67; /* Old browsers */
    background: -moz-linear-gradient(top, #2f4c67 0%, #263e54 50%, #1e3348 51%, #0f1f30 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f4c67), color-stop(50%,#263e54), color-stop(51%,#1e3348), color-stop(100%,#0f1f30)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2f4c67 0%,#263e54 50%,#1e3348 51%,#0f1f30 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2f4c67 0%,#263e54 50%,#1e3348 51%,#0f1f30 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2f4c67 0%,#263e54 50%,#1e3348 51%,#0f1f30 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2f4c67 0%,#263e54 50%,#1e3348 51%,#0f1f30 100%); /* W3C */
    box-shadow: 0px 0px 12px 0px rgba(56, 86, 113, 0.4);
}


.button.navyblue:hover, button.navyblue:hover, .paginationControl .prev a:hover, .paginationControl .next a:hover {
    background: #375773; /* Old browsers */
    background: -moz-linear-gradient(top, #375773 0%, #2c475f 50%, #233c52 51%, #112437 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#375773), color-stop(50%,#2c475f), color-stop(51%,#233c52), color-stop(100%,#112437)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #375773 0%,#2c475f 50%,#233c52 51%,#112437 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #375773 0%,#2c475f 50%,#233c52 51%,#112437 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #375773 0%,#2c475f 50%,#233c52 51%,#112437 100%); /* IE10+ */
    background: linear-gradient(to bottom, #375773 0%,#2c475f 50%,#233c52 51%,#112437 100%); /* W3C */

}


/* czarny */
.button.black, button.black {
    background: rgb(42,41,41); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(42,41,41,1) 0%, rgba(35,34,34,1) 50%, rgba(28,28,28,1) 51%, rgba(23,22,22,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,41,41,1)), color-stop(50%,rgba(35,34,34,1)), color-stop(51%,rgba(28,28,28,1)), color-stop(100%,rgba(23,22,22,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(42,41,41,1) 0%,rgba(35,34,34,1) 50%,rgba(28,28,28,1) 51%,rgba(23,22,22,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(42,41,41,1) 0%,rgba(35,34,34,1) 50%,rgba(28,28,28,1) 51%,rgba(23,22,22,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(42,41,41,1) 0%,rgba(35,34,34,1) 50%,rgba(28,28,28,1) 51%,rgba(23,22,22,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(42,41,41,1) 0%,rgba(35,34,34,1) 50%,rgba(28,28,28,1) 51%,rgba(23,22,22,1) 100%); /* W3C */
}

/* wielkości buttonów */
.button.x-small, button.x-small, .paginationControl .prev a, .paginationControl .next a, .current, .paginationControl .back a  {font-size: 12px; line-height: 30px; padding:0px 12px;  height: 30px; width: auto;}
.button.small, button.small {font-size: 13px; line-height: 42px; padding:0px 12px;  height: 42px; width: auto;}
.button.mid, button.mid {font-size: 16px; line-height: 60px;  height: 60px; padding:0}
.button.big, button.big {font-size: 16px; line-height: 60px; padding:0 10px; width: auto; height: 60px; }
.button.large, button.large {font-size: 16px; line-height: 60px; padding:0 25px; width: auto; height: 60px; }