/* Agencja Reklamy Studio Szahal {+++} - studioszahal.pl */
/* CSS Reset ======================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
ol, ul , li {
	list-style: none;
}
a {
	text-decoration: none;
}
/* Global and Container======================================================= */
body {
	background: url(kordys_img/bg_html.jpg) center top repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #5b5b5b;
	line-height: 18px;
	font-size: 11px;
}
a, a:hover {
	text-decoration: none;
}
#wrapbg {
	width: 100%;
	background: url(kordys_img/bg_top.jpg) center top no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
}
#wrap {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
}
/* ################################################ header ################################################ */
#header {
	float: left;
	width: 980px;
	margin: 32px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #1e1e1e;
}
#logo {
	float: left;
	width: 156px;
	text-align: center;
	line-height: 12px;
	padding: 0px 0px 0px 44px;
	margin: 0px;
}
#logo h1 {
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}
#logo h1 a {
	font-size: 0px;
	border: none;
	line-height: 0px;
}
#logo h1 img {
	float: left;
	width: 126px;
	height: 35px;
	margin-left: 16px;
}
#menu {
	float: right;
	width: 560px;
	margin: 0px;
	padding: 0px;
}
#link1 a {width: 73px; height: 43px; background: url(kordys_img/menu1.gif) 0 0px no-repeat; display: block; float: left; margin-left:20px;}
#link1 a:hover {width: 73px; height: 43px; background: url(kordys_img/menu1.gif) 0px -43px no-repeat; display: block; float: left; margin-left:20px;}
#link2 a {width: 28px; height: 43px; background: url(kordys_img/menu2.gif) 0 0px no-repeat; display: block; float: left; margin-left:20px;}
#link2 a:hover {width: 28px; height: 43px; background: url(kordys_img/menu2.gif) 0px -43px no-repeat; display: block; float: left; margin-left:20px;}
#link3 a {width: 31px; height: 43px; background: url(kordys_img/menu3.gif) 0 0px no-repeat; display: block; float: left; margin-left:20px;}
#link3 a:hover {width: 31px; height: 43px; background: url(kordys_img/menu3.gif) 0px -43px no-repeat; display: block; float: left; margin-left:20px;}
#link4 a {width: 83px; height: 43px; background: url(kordys_img/menu4.gif) 0 0px no-repeat; display: block; float: left; margin-left:20px;}
#link4 a:hover {width: 83px; height: 43px; background: url(kordys_img/menu4.gif) 0px -43px no-repeat; display: block; float: left; margin-left:20px;}
#link5 a {width: 35px; height: 43px; background: url(kordys_img/menu5.gif) 0 0px no-repeat; display: block; float: left; margin-left:20px;}
#link5 a:hover {width: 35px; height: 43px; background: url(kordys_img/menu5.gif) 0px -43px no-repeat; display: block; float: left; margin-left:20px;}
#link6 a {width: 62px; height: 43px; background: url(kordys_img/menu6.gif) 0 0px no-repeat; display: block; float: left; margin-left:20px;}
#link6 a:hover {width: 62px; height: 43px; background: url(kordys_img/menu6.gif) 0px -43px no-repeat; display: block; float: left; margin-left:20px;}
#link7 a {width: 23px; height: 43px; background: url(kordys_img/menu7.gif) 0 0px no-repeat; display: block; float: left; margin-left:20px;}
#link7 a:hover {width: 23px; height: 43px; background: url(kordys_img/menu7.gif) 0px -43px no-repeat; display: block; float: left; margin-left:20px;}
#link8 a {width: 39px; height: 43px; background: url(kordys_img/menu8.gif) 0 0px no-repeat; display: block; float: left; margin-left:20px;}
#link8 a:hover {width: 39px; height: 43px; background: url(kordys_img/menu8.gif) 0px -43px no-repeat; display: block; float: left; margin-left:20px;}
.promocja {
	float: left;
	width: 310px;
	color: #e1e9f4;
	padding: 186px 0 0 666px;
	line-height: 16px;
}
.color0{color:#000000;
font-weight:bold;
line-height:26px;}
.promocja span {
	color: red;
	font-weight: bold;
	font-size: 14px;
}
.naw {
	float: left;
	width: 310px;
	padding: 40px 0 0 666px;
}
.naw span {
	float: left;
	color: #3766a1;
	background: url(kordys_img/arrow.png) right 7px no-repeat;
	padding: 0 18px 0 0;
}
.naw a {
	margin-left: 12px;
	color: #000000;
}
#header .naw a:hover {
	color: #3766a1;
}
/* ################################################ content ################################################ */
#content {
	float: left;
	width: 980px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content h3 {
	width: 100%;
	margin: 0 0 12px 0px;
}
.left {
	float: left;
	width: 647px;
	margin: 0px 0 0px 0;
	padding: 22px 0 0px 0;
}
.right {
	width: 273px;
	margin: 0px;
	padding: 32px 30px 20px 30px;
	background: #eceff8;
}
/* ################################################ index-left ################################################ */
.l_left {
	float: left;
	width: 234px;
	border-right: 1px solid #eceff8;
	padding: 0 30px 0px 0;
	margin: 10px 30px 0px 0;
}
#content .l_left h3 {
	width: 100%;
	margin: 0 0 12px 26px;
}
#content2 {
	position: relative;
	width: 208px;
	top: 0px;
	left: 26px;
}
#slider {
}
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider li {
	text-align: center;
	width: 183px;
	height: 108px;
	overflow: hidden;
	margin-left: 0px;
}
p#controls, p#controls2 {
	margin: 0;
	position: relative;
}
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 {
	display: block;
	margin: 0;
	overflow: hidden;
	text-indent: -8000px;
	width: 14px;
	height: 14px;
	position: absolute;
	left: -26px;
	top: -70px;
}
#nextBtn, #nextBtn2 {
	left: 194px;
}
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a {
	display: block;
	width: 14px;
	height: 14px;
	background: url(kordys_img/arrow_left.gif) 0px 0px no-repeat;
}
#nextBtn a, #nextBtn2 a {
	background: url(kordys_img/arrow_right.gif) 0px 0px no-repeat;
}
#nextBtn a:hover, #nextBtn2 a:hover {
	background: url(kordys_img/arrow_right.gif) 0px -14px no-repeat;
}
#prevBtn a:hover, #prevBtn2 a:hover {
	background: url(kordys_img/arrow_left.gif) 0px -14px no-repeat;
}
#content2 a.albox {
	float: left;
	width: 194px;
	color: #3766a1;
	background: url(kordys_img/arrow.png) 0px 18px no-repeat;
	border-top: 1px solid #eceff8;
	padding: 10px 0 0 14px;
	margin: 14px 0 0 0;
}
#content2 a.albox:hover {
	color: #000000;
}
/* ################################################ index-center ################################################ */
.l_center {
	float: left;
	width: 352px;
	padding: 10px 0 0 0px;
	margin: 0px;
}
.l_center a.acbox {
	float: left;
	width: 308px;
	color: #3766a1;
	background: url(kordys_img/arrow.png) 0px 18px no-repeat;
	border-top: 1px solid #eceff8;
	padding: 10px 0 0 14px;
	margin: 14px 0 0 0;
}
.l_center a.acbox:hover {
	color: #000000;
}
/* ################################################ index-right ################################################ */
.rbox {
	float: left;
	width: 273px;
	background: url(kordys_img/bg_box_oferta.jpg) 58px 50px no-repeat;
	padding: 0 0 0px 0;
	margin: 0px;
}
.rbox ul li {
	background: url(kordys_img/arrow.png) left 7px no-repeat;
	padding: 0 0 0 16px;
}
.rbox a.arbox {
	float: left;
	width: 259px;
	color: #3766a1;
	background: url(kordys_img/arrow.png) 0px 18px no-repeat;
	border-top: 1px solid #dbe0f0;
	padding: 10px 0 0 14px;
	margin: 86px 0 0 0;
}
.rbox a.arbox:hover {
	color: #000000;
}
/* ################################################ index-pages ################################################ */
.l_pages {
	float: left;
	width: 588px;
	margin: 0px;
	padding: 10px 29px 30px 30px;
}
.l_pages a {
	color: #5b5b5b;
	text-decoration: underline;
}
.l_pages a:hover {
	color: #3766a1;
	text-decoration: none;
}
.blue {
	float: left;
	width: 548px;
	background: #658cbf;
	margin: 20px 0;
	padding: 20px;
	color: #ffffff;
}
.blue ul {
	margin-top: 10px;
}
.blue li {
	background: url(kordys_img/arrow_footer.gif) left 7px no-repeat;
	padding: 0 0 0 16px;
}
#content b {
	color: #000000;
}
#wrap #content .l_pages .bluecennik b {
	color: #ffffff;
}
.l_pages ul li {
	background: url(kordys_img/arrow.png) left 7px no-repeat;
	padding: 0 0 0 16px;
}
.l_pages a.apages {
	float: left;
	width: 574px;
	color: #3766a1;
	background: url(kordys_img/arrow.png) 0px 18px no-repeat;
	border-top: 1px solid #eceff8;
	padding: 10px 0 0 14px;
	margin: 14px 0 0 0;
	text-decoration: none;
}
.l_pages a.apages:hover {
	color: #000000;
}
/* table cennik */
.bluecennik {
	float: left;
	width: 548px;
	background: #658cbf;
	margin: 4px 0;
	padding: 20px;
	color: #ffffff;
}
.bluecennik table {
	border-bottom: 1px solid #9db5d6;
	border-right: 1px solid #9db5d6;
}
.bluecennik td {
	border-left: 1px solid #9db5d6;
	border-top: 1px solid #9db5d6;
}
.kol1, .kol2, .kol3, .kol4 {
	padding: 8px 3px;
	text-align: center;
	vertical-align: middle;
}
.kol1 {
	width: 339px;
}
.kol2, .kol3, .kol4 {
	width: 60px;
}
/* bt */
.bt {
	float: left;
	width: 548px;
	margin: 28px 0 10px 0;
}
.bt a {
	float: left;
	color: #3766a1;
	text-decoration: none;
	background: url(kordys_img/bt.gif) 0px 0px no-repeat;
	width: 127px;
	margin-right: 14px;
	padding: 2px 0 3px 40px;
}
.bt a:hover {
	color: #000000;
}
/* linki */
.links {
	float: left;
	width: 350px;
}
#flashcontent {
	float: left;
	width: 180px;
}
/* ################################################ gallery ################################################ */
.l_gallery {
	float: left;
	width: 617px;
	margin: 0px;
	padding: 0 0px 10px 30px;
}
.l_gallery_box {
	float: left;
	width: 617px;
	padding-bottom: 20px;
}
.l_gallery_box img {
	float: left;
	width: 175px;
}
.l_gallery_box a {
	float: left;
	width: 175px;
	padding: 4px;
	border: 1px solid #eceff8;
	margin: 4px 14px 8px 0;
}
.l_gallery_box a:hover {
	border: 1px solid #658cbf;
}
/* ################################################ kontakt ################################################ */
.pagesk1 {
	float: left;
	width: 300px;
}
.pagesk2 {
	float: left;
	width: 184px;
}
.mapa {
	float: left;
	width: 176px;
	margin-top: 20px;
}
.mapa #various3 {
	display: block;
	width: 176px;
	height: 46px;
	background: url(kordys_img/bt_mapadojazdu.gif) 0px 0px no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
}
.mapa #various3:hover {
	display: block;
	width: 176px;
	height: 46px;
	background: url(kordys_img/bt_mapadojazdu.gif) 0px -46px no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
}
/* ################################################ formularz kontaktowy ################################################ */
.rboxk {
	float: left;
	width: 273px;
	padding: 0 0 0px 0;
	margin: 0px;
}
.contact_box {
	float: left;
	width: 273px;
	margin: 0px;
}
.contact_box label {
	float: left;
	width: 273px;
}
.contact_box .input {
	padding-bottom: 4px;
	width: 273px;
}
.contact_box input, .contact_box textarea {
	font-size: 11px;
	font-family: tahoma;
	border: 1px solid #dbe0f0;
	padding: 4px 4px;
	width: 260px;
	background: #ffffff;
}
.contact_box textarea {
	height: 70px;
}
.contact_box .send {
	float: left;
	width: 114px;
	height: 19px;
	border: none;
	padding: 0px;
	margin: 6px 0 0 0px;
}
#info {
	display: none;
}
.error {
	margin-bottom: 16px;
}
.error p {
	background: url(kordys_img/komunikat_3.gif) 0px 0px  no-repeat;
	color: #ffffff;
	padding: 1px 0 2px 36px;
	margin-bottom: 3px;
}
.success {
	margin-bottom: 16px;
}
.success p {
	background: url(kordys_img/komunikat_2.gif) 0px 0px  no-repeat;
	color: #ffffff;
	padding: 1px 0 2px 36px;
	margin-bottom: 3px;
}
.waiting {
	background: url(kordys_img/komunikat_1.gif) 0px 0px  no-repeat;
	color: #ffffff;
	margin-bottom: 18px;
}
.waiting p {
	background: url(kordys_img/load.gif) 12px 2px no-repeat;
	padding: 1px 0 2px 36px;
}
/* ################################################ footer ################################################ */
#contact {
	float: left;
	width: 980px;
	background: url(kordys_img/bg_footer.gif) 0px 0px no-repeat;
	padding: 42px 0 46px 0;
}
#contact ul {
	float: left;
	width: 169px;
	padding-left: 478px;
}
#contact li {
	background: url(kordys_img/arrow_footer.gif) left 7px no-repeat;
	padding: 0 0 0 16px;
}
#contact li a {
	color: #c1cfe2;
	text-decoration: none;
}
#contact li a:hover {
	color: #ffffff;
	text-decoration: none;
}
#contact span {
	padding-left: 30px;
	float: left;
}
#footer {
	float: left;
	width: 100%;
	border-top: 1px solid #eceff8;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0px;
	color: #b8b8b8;
}
#footer .fbox {
	width: 980px;
	margin: 20px auto 0 auto;
}
#footer .menu {
	float: left;
	width: 648px;
	text-align: left;
}
#footer .menu a {
	margin-right: 18px;
}
#footer span {
	float: right;
	width: 332px;
	text-align: right;
	margin-bottom: 20px;
}
#footer a {
	color: #b8b8b8;
	text-decoration: none;
}
#footer a:hover {
	color: #000000;
	text-decoration: none;
}