/*
* 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', sans-serif;
    font-size: 13px;
		color: #000;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
   
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5  {
		color:#000;
		font-weight:normal; font-family: 'bosch_sansblack'; display: block; position: relative; }
      
	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;}
	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: 'bosch_sansmedium'; 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: #bebebe; 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; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 15px; }
	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; margin-bottom:0.33em  }
	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/static/pl/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';}
.boschoffice { font-family: 'bosh_office';}

.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:#014f89;}
.gray {color:#767676}
.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: 'bosh_office'; 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;}
.size35 {font-size: 35px;}
.size36 {font-size: 36px;}
.size38 {font-size: 38px;}
.size43 {font-size: 43px;}
.size47 {font-size: 47px;}
.size55 {font-size: 55px;} /* special for tomus */
.size60 {font-size: 60px;}
.size62 {font-size: 62px;}
.size64 {font-size: 64px;}

.lh1 {line-height: 1em;}
.lh12 {line-height: 12px;}
.lh16 {line-height: 16px;}
.lh18 {line-height: 18px;}
.lh22 {line-height: 22px;}
.lh23 {line-height: 23px;}
.lh28 {line-height: 28px;}
.lh36 {line-height: 36px;}
.lh40 {line-height: 40px;}
.lh48 {line-height: 48px;}
.lh52 {line-height: 52px;}
.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; }
.align-justify {text-align: justify;}

img.align-center, button.align-center, .button.align-center, .block-center {display: block; margin: 0 auto !important; float: none !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 ;}
.border-red {border-color:#ff2727;}
.border-blue {border-color:#06406E;}

.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 */
.ultra-margin-top   {margin-top:65px !important;}	
.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       {position: absolute;}

.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-weight: normal;

    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;
    text-shadow: 1px 1px 1px rgba(40, 35, 27, 0.3); 
    color:#fff !important;
    border:none;
}

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