/*
	Ten plik stylow CSS jest wlasnoscia strony  http://www.tadosfirek.pl
*/
/*	=reset & global
---------------------------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}
a, a:visited { text-decoration: none; outline: 0; /* prevent dotted border in Firefox */ }
a { color: #737373; }
ol, ul { list-style: none; }
legend { display: none; }
body {
	color: #666;
	font-size: 100%;
	background: #fff url(/fileadmin/images/bg_site.jpg) top left repeat-x;
	margin: 12px 0;
}
body, input, textarea, select, option, optgroup, button {
	font-family: Arial, Helvetica, sans-serif;
}
input, textarea, select, option, optgroup, button {
	font-size: 1em;
}

/*	=layout
---------------------------------------------------------------------------- */

#main { width: 924px; margin: 0 auto; }
.topFarme { background: url(/fileadmin/images/top_frame.png) top left no-repeat; height: 10px; }
#container { background: url(/fileadmin/images/bg_container.png) top left repeat-y; height: 100%; padding: 0 7px; }
	.header { position: relative; height: 125px; overflow: hidden; }
	.logoTados {
	position: absolute;
	top: 9px;
	left: 15px;
	z-index: 10;
	}
		.logoTados p {
			font-size: 0.69em;
			padding: 0 10px;
		}
	.logs {
		position: absolute;
		top: 75px;
		left: 165px;
		z-index: 20;
	}
	.flags {
		position: absolute;
		text-align: right;
		top: 11px;
		left: 640px;
		z-index: 10;
	}
		.flags img {
			padding-left: 8px;
		}
		
	#google_translate_element {
		position: absolute;
		top: 0px;	
		right: 10px;
		z-index: 20;
	}		
	.salons {
		position: absolute;
		top: 48px;
		left: 450px;
	}
		.salons a, .salons a:visited {
			display: block;
			float: left;
			background: url(/fileadmin/images/ico_arrow.gif) center right no-repeat;
			padding: 0 14px 0 9px;
			font-size: 0.69em;
			text-decoration: none;
		}
	.infolinia {
		position: absolute;
		top: 67px;
		left: 578px;
	}
	.navMenu {
		position: absolute;
		top: 98px;
		left: 356px;
		height: 26px;
		overflow: hidden;
		z-index: 30;
	}
		.navMenu ul li {
			float: left;
		}
			.navMenu ul li a {
				display: block; 
				padding: 100px 0 0;
			}
			.navMenu ul li a#home {
				background: url(/fileadmin/images/home.gif) top left no-repeat;
				width: 86px;		
			}
			.navMenu ul li a#firma {
				background: url(/fileadmin/images/firma.gif) top left no-repeat;
				width: 56px;		
			}
			.navMenu ul li a#oferta {
				background: url(/fileadmin/images/oferta.gif) top left no-repeat;
				width: 54px;		
			}
			.navMenu ul li a#promocje {
				background: url(/fileadmin/images/promocje.gif) top left no-repeat;
				width: 72px;		
			}
			.navMenu ul li a#wycena {
				background: url(/fileadmin/images/wycena.gif) top left no-repeat;
				width: 65px;		
			}
			.navMenu ul li a#referencje {
				background: url(/fileadmin/images/referencje.gif) top left no-repeat;
				width: 82px;		
			}
			.navMenu ul li a#materialy_pomocnicze {
				background: url(/fileadmin/images/materialy_pomocnicze.gif) top left no-repeat;
				width: 139px;		
			}
			.navMenu ul li a#home.select, .navMenu ul li a#firma.select,
			.navMenu ul li a#oferta.select, .navMenu ul li a#promocje.select,
			.navMenu ul li a#wycena.select, .navMenu ul li a#referencje.select,
			.navMenu ul li a#materialy_pomocnicze.select,
			.navMenu ul li a#home:hover, .navMenu ul li a#firma:hover,
			.navMenu ul li a#oferta:hover, .navMenu ul li a#promocje:hover,
			.navMenu ul li a#wycena:hover, .navMenu ul li a#referencje:hover,
			.navMenu ul li a#materialy_pomocnicze:hover {
				background-position: 0 -26px;
			}	
.topBanner {
	padding: 0 0 10px;
	background: url(/fileadmin/images/bg_flash.png) bottom left no-repeat;
}
#content {
	background: url(/fileadmin/images/bg_content.gif) repeat-y;
	background-position: 655px 0;
	height: 100%;
	overflow: hidden;
}
	.sideLeft {
		float: left;
		width: 668px;
		position: relative;
		z-index: 100;
	}
	 .contentSubPage {
	 	margin: 28px;
		padding: 0 0 10px;
		border-bottom: #CFCFCF 1px solid;
	 }
	.sideRight {
		float: right;
		width: 242px;
		padding: 9px 0;
		position: relative;
		z-index: 100;		
	}
		.sideRight img {
			display: block;
			margin: 0 auto;
			padding: 0 0 2px;
		}

/* left side */

.newsletter {
	padding: 0 10px;
	font-size: 0.69em;
}
	.newsletter h3 {
		color: #3FA4EE;
		font-size: 1.29em;
		font-weight: normal;
		padding: 8px 0 6px;
	}
	.newsletter a {
		text-decoration: underline;
		font-weight: bold;
		color: #3FA4EE;
	}

/* index site view */

.sideLeft h3 {
	padding: 4px 44px;
	font-size: 0.79em;
	font-weight: normal !important;
}
.seeAlso {
	height: 100%;
	overflow: hidden;
}
	.seeAlso p, .sideLeft h1 {
		padding: 33px 0 0 44px;
		font-size: 1.09em;
		font-weight: bold;
	}
	.seeAlso p {
		padding: 33px 0 0 44px;
		float: left;
	}
	.offerImg {
		float: right;
		height: 100%;
		overflow: hidden;
	}
		.offerImg img {
			display: block;
			float: left;
			margin-left: 1px;
		}

.offer {
	padding: 16px 0 34px;
	height: 100%;
	overflow: hidden;
}		
	.offer .windows, .offer .doors {
		height: 100%;
		overflow: hidden;
		float: left;
	}
	.offer .windows {
		padding: 0 0 0 61px;
		width: 271px;
	}
	.offer .doors {
		padding: 0 0 0 42px;
		width: 290px;
	}
	.offer .windows img, .offer .doors img {
		float: left;
		width: 72px;
	}
	.offer a.offerInfo {
		float: left;
		font-size: 0.69em;
		width: 180px;
		padding: 0 0 0 10px;
	}
		.offer a.offerInfo strong, .offer a.offerInfo em {
			display: block;
		}
		.offer a.offerInfo strong {
			padding: 6px 0 2px;
			color: #D90A05;
			font-size: 1.49em;
			font-weight: bold;
		}
		.offer a.offerInfo em {
			color: #3FA4EE;
			font-size: 1.09em;
			text-decoration: underline;
		}

/* subpage */

.breadcrumb {
	font-size: 0.69em;
}
	.breadcrumb a, .breadcrumb a:visited {
		text-decoration: underline;
	}
.subMenu {
	margin: 10px 0 0;
	line-height: 19px;
	height: 100%;
	overflow: hidden;
	font-size: 0.72em;
	color: #3685CA;
	background: #D7EDFF url(/fileadmin/images/bg_submenu.gif) top left repeat-x;
}	
	.subMenu a {
		float: left;
		display: block;
		white-space: nowrap;
		color: #3685CA;
		font-weight: bold;
		padding: 0 10px;
	}
	.subMenu a.active {
		background: #B90010 url(/fileadmin/images/bg_active.gif) top left repeat-x;
		color: #fff;
	}
.contentWrap {
	margin: 4px 0 0;
	padding: 10px 28px 0;
	font-size: 0.79em;
	border-top: #CFCFCF 1px solid;
}
	.contentWrap h1  {
		color: #D90A05;
		padding: 4px 0 8px;
		font-size: 1.29em;
		line-height: 18px;				
	}
	.contentWrap h2 {
		color: #D90A05;
		font-size: 1.29em;
		font-weight: normal;
		padding: 10px 0;
	}
	h1.csc-firstHeader {
		padding: 20px 0 0;
	}
	.contentWrap h2, .contentWrap h3  {
		padding: 4px 0 8px;
		font-size: 1.19em;
		font-weight: bold;
		line-height: 18px;				
	}
	.contentWrap  p {
		padding: 0 0 10px; 
		line-height: 18px;
	}
	.contentWrap a {
		color: #3FA4EE;
		text-decoration: underline;
	}
	.contentWrap ol {
		margin: 6px 40px 10px;
		list-style-type: decimal;
	}
		.contentWrap ol li, 
		.contentWrap ul li {
			line-height: 18px;
		}
	.contentWrap ul {
		margin: 6px 40px 10px;
		list-style-type: disc;
	}
		.contentWrap ul ul {
			list-style-type: circle;
		}
	.contentWrap hr {
		border-top: #3FA4EE 1px solid;
		height: 1px;
		overflow: hidden;
		padding-bottom: 16px;
	}	

/* measurement window */

.measurementWindow {
	text-align: center;
	padding: 0 0 20px;
}
	.measurementWindow table {
		margin: 0 auto;
		width: 100%;
		border: #92C2E9 1px solid;
		background: #F3F9FD;
		font-size: 0.92em;
	}
		.measurementWindow table input, 
		.measurementWindow table select {
			color:#666666;
		} 
		.measurementWindow table td {
			border-top: #92C2E9 1px solid;
			padding: 6px 4px;
			text-align: center;
			vertical-align: bottom;
		}
		.measurementWindow table td.boxData {
			text-align: left !important;
		}
		.measurementWindow table th.error {
			color: #D90A05;
			font-size: 1.09em;
			border-bottom: #92C2E9 1px solid;
		}
		.measurementWindow table th.error li {
			margin-left: 20px;
		}
		.measurementWindow table th.contactForm {
			border-top: #92C2E9 1px solid;
		}
		.measurementWindow table th, 
		.measurementWindow table th h3 {
			padding: 6px;
			font-size: 1.19em;
			text-align: left;
		}
		.measurementWindow table th h3 {
			color: #D90A05;
			font-weight: bold !important;
		}
		.measurementWindow table th p {
			padding: 0 6px;
			font-size: 0.89em;
			font-weight: normal !important;
		}
		.measurementWindow table td label {
			font-weight: bold;
			text-align: center;
			display: block;
		}
		.measurementWindow table td label.element {
			text-align: right !important;
		}
		.measurementWindow table td label {
			cursor: pointer;
		}

/* footer */

#footer {
	margin: 0 1px 0;
	height: 100%;
	overflow: hidden;
	background: url(/fileadmin/images/bg_footer.gif) top left repeat-x;
	font-size: 0.69em;
	padding: 10px 6px 0;
}

.bottomFarme { background: url(/fileadmin/images/bottom_frame.png) top left no-repeat; height: 10px; }


/* typo config */

.csc-textpic-imagewrap dl {
	padding: 0 0 20px;
}
	.csc-textpic-imagewrap dt img {
		margin-right: 10px;
	}

/* gallery */

#gallery {
	border-bottom: none !important;
	margin-bottom: 0 !important;
}

/* =additions */

.display_block { 
	display: block; 
}
.margin_top10 { 
	margin-top: 10px; 
}
.margin_bottom10 {
	margin-bottom: 10px;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.ico {
	width: auto !important;
	float: none !important;
}
#new-product ul li:first-child a,
.contentWrap a.new {
	color: #D90A05;
	font-weight: bold;
}