/*
 *
 * Stylesheet for ^av solution
 *
 * @section		screen
 * @author		Krzysztof Lojniewski
 * @version		1.00
 * @copyright	zaciecie.pl
 * @media		screen
 *
 */
 
 
@import "reset.css";

body {
	background: #f4f3e7 url(../img/body_bg.gif) repeat-x;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color: #383838;
}

a, a:visited, a:active {text-decoration: none}
i {font-style: italic}
.container {position:relative;width: 969px; margin: 0 auto}

/* SECTION: page header 
--------------------------------------------------*/
#header {
	display: block;
	height: 92px;
	margin-top: 18px;
	position: relative;
	width: 100%;
}
#header img {left: 28px;position: absolute;top: 20px}
#top-panel {
	position: absolute;
	right: 10px;
	top: 0;
	width: 320px;
}
#top-panel input {
	background: #f8f8f8;
	border: 1px solid #383838;
	border-bottom: 0;
	border-right: 0;
	float: left;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color:#ababab;
	width: 123px;
	margin: 0 10px 0 8px;
	padding: 3px 9px;
}
#top-panel button {
	background: url(../img/top-panel-button_bg.gif);
	border: 0;
	cursor: pointer;
	float: left;
	font-size: 0;
	height: 21px;
	line-height: 0;
	text-indent: -9998%;
	width: 22px;
}
#header #top-panel ul {
	border: 0;
	float: left;
	padding: 0;
	position: static;
}
#top-panel ul li {display: inline}
#header #top-panel ul li a {
	background: #f8f8f8;
	color: #383838;
	font-size: 11px;
	height: auto;
	line-height: 15px;
	text-decoration: none;
	text-indent: 0;
	padding: 3px 12px;
}
#header #top-panel ul li a:hover, #header #top-panel ul li a.active {background: #ececec}
#top-panel form label,#header legend {display: none}
#header ul {
	border-top: 1px solid #ececec;
	height: 53px;
	padding: 0 12px;
	position: absolute;
	right: 7px;
	top: 38px;	
}
#header ul li {display: inline}
#header ul li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	font-size: 0;
	height: 53px;
	line-height: 0;
	margin-right: 4px;
	text-indent: -9998%;
}
#header ul #main-page a {background-image:url(../img/m_main-page.gif);width:111px}
#header ul #about-us a {background-image:url(../img/m_about-us.gif);width:75px}
#header ul #offer a {background-image:url(../img/m_offer.gif);width:63px}
#header ul #works a {background-image:url(../img/m_works.gif);width:85px}
#header ul #shop a {background-image:url(../img/m_shop.gif);width:58px}
#header ul #contact a {background-image:url(../img/m_contact.gif);width:71px}
#header ul li a:hover, #header ul li a.active {background-position: 0 -53px}

/* SECTION: flash banner
--------------------------------------------------*/
#banner {
	background: url(../img/banner_bg.gif) no-repeat 0 0;
	display: block;
	height: 282px;
	width: 100%;
}
#banner object {float: right}
#banner div {
	color: #d5d5d5;
	float: left;
	line-height: 24px;
	margin: 30px 0 0 28px;
	text-align: justify;
	width: 250px;
}
#banner div h3 {
	background: url(../img/h3-about-us.gif) no-repeat 0 0;
	float: left;
	height: 30px;
	font-size: 0;
	line-height: 0;
	margin-bottom: 12px;
	text-indent: -9998%;
	width: 100%;
}
#banner div a {
	background: url(../img/top-panel-button_bg.gif) no-repeat 0 0;
	float: right;
	font-size: 0;
	height: 21px;
	line-height: 0;
	text-indent: -9998%;
	width: 22px;
}

/* SECTION: content 
--------------------------------------------------*/
#content {padding-top: 20px}
#news, #clients, #quick-contact {
	display: inline;
	float: left;
	margin: 0 25px 0 29px;
	padding-bottom: 25px;
	width: 250px;
}
#news dl {line-height: 18px}
#news dt {margin-top: 7px}
#news dt a {color: #383838;font-weight: bold;text-decoration: none}
#news dd {
	border-bottom: 1px solid #c3c2bc;
	display: block;
	padding-bottom: 9px;	
}
#news dd a {
	background:url(../img/news-dd-a.gif) no-repeat bottom right;
	color:#383838;
	display: block;
	padding-bottom: 2px;
	text-decoration: none;
	width:100%;
}
#clients {text-align: justify;width: 310px}
#clients div {margin-top: 12px;text-align: center;width: 100%}
#quick-contact {margin-right: 0;width: 237px}
#quick-contact strong {font-weight: normal;font-size: 12px}
#quick-contact ul {margin-top: 15px}
#quick-contact li {
	background-position: 0 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #c3c2bc;
	padding: 6px 0 5px 33px;
}
#quick-contact li.telephone {background-image: url(../img/icon_tel.gif)}
#quick-contact li.fax {background-image: url(../img/icon_fax.gif)}
#quick-contact li.mail {background-image: url(../img/icon_mail.gif);border-bottom:1px solid #c3c2bc}

/* SECTION: page footer
--------------------------------------------------*/
#footer {
	background: #fff;
	border-top: 1px solid #c3c2bc;
	clear: both; 
	color: #62635f;
	width: 100%;
	padding: 20px 0 50px;
}
#footer a {color: #62635f;text-decoration: none}
#footer a:hover {color:#d62922; text-decoration: underline}
#footer ul {float: left;margin-left: 15px}
#footer ul li {
	background: url(../img/footer-ul-li_bg.gif) no-repeat top right;
	display: inline;
	padding: 0 16px 0 15px;
}
#footer p {float: right;margin-right: 34px}


/* SUBPAGE: sub-page.html 
--------------------------------------------------*/
#breadcrumbs {
	border-bottom: 1px solid #dcdbce;
	color: #828080;
	float: left;
	margin-top: -10px;
	padding: 2px 0 10px 28px;
	width: 933px;
}
#breadcrumbs a {color: #828080;
	background: url(../img/grey-dots.gif) no-repeat right 5px;
	padding-right: 10px;
}
#breadcrumbs a:hover {text-decoration: underline}
#breadcrumbs h5, #breadcrumbs ul, #breadcrumbs li {float: left;padding-right:5px}
#breadcrumbs h5 {text-decoration: underline}
#main-content {
	float: right;
	line-height: 24px;
	text-align: justify;
	padding-bottom: 30px;
	margin-right: 35px;
	width: 600px;
}
#main-content a { color:#D62922; text-decoration: underline }
#main-content img {
	float: left;
	border: 1px solid #e8e7d8;
	margin: 6px 20px 5px 0;
}
#main-content p {margin-top:20px}
#main-content h1 {
	float: left;
	height: 20px;
	margin: 23px 0 17px 0;
	width: 100%;
}
#main-content ul {
	float: left;
	width: 100%;
	clear: both;
}
#main-content strong, #main-content b {font-weight: bold}
#sidebar {
	background: url(../img/sidebar_bg.gif) repeat-x 0 -1px;
	float: left;
	padding: 20px 28px 30px 28px;
	width: 244px;
}
#sidebar ul { width: 100%}
#sidebar ul li {
	background: url(../img/sidebar-li-bg.gif) repeat-x;
	float: left;
	padding: 6px 4% 5px;
	width: 92%;
}
#sidebar ul li a {
	background:url(../img/red-dots.gif) no-repeat 0 5px;
	color: #383838;
	padding-left: 15px;	
}
#sidebar ul li a:hover { text-decoration: underline}
#sidebar ul li ul {margin: 10px 0 0 5%;width: 95%}
#sidebar ul li ul li { background: none}
#sidebar ul li ul li a {color:#828080}


#main-content h2, #main-content h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 12px 0 -18px 0;
}
#main-content ul li {	
	background: url(../img/red-dots.gif) no-repeat 0 11px;
	clear: both;
	float: left;
	margin-left: 3px;
	padding-left: 15px;
	white-space: nowrap
}
#main-content #search-results h2 {
	color: #494242;
	float: left;
	font-weight: normal;
	font-size: 12px;
	margin: -7px 0 7px;
}
#search-results h2 bold {font-weight:bold}
#search-results dt, #search-results dd, #search-results dl {float: left;width: 100%}
#search-results dl {padding-bottom: 20px}
#search-results dt a {
	border-bottom: 1px solid #e3e4db;
	color:#c90d06;
	float: left;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 2px;
	width: 100%;
}
#search-results dd a.more, #news-list dd a {
	background:url(../img/red-dots.gif) no-repeat  0 10px;
	color: #383838;
	font-weight: bold;
	padding-left: 8px;
	float: right;
	margin: 0 10px 0;
}
#content #pagination {
	clear: both;
	float: left;
	margin-top: 10px;
	text-align: center;
	width:100%;
}
#content #pagination li {background: none;display: inline;padding: 0}
#content #pagination li a {background: none;color: #383838}
#content #pagination li a:hover, #content #pagination li a.active {color:#c90d06}
#content #pagination li a.active {font-weight: bold}
#news-list dt {
	border-bottom: 1px solid #c3c2bc;
	margin-top: 10px;
	padding-left: 3px;
}
#news-list dt a {color: #383838;font-weight: bold}
#news-list dt a:hover, #news-list dd a:hover {color: #d62922}
#news-list dt span { float: right;margin-top:-21px; font-style: italic}
#news-list dd {padding-bottom: 15px}
#news-list dd p {margin-top: 3px;padding-left: 3px}
#news-list dd a {color:#7c7b76}


/* ENGLISH VERSION
--------------------------------------------*/
#english #header ul #main-page a {background-image:url(../img/m_main-page_en.gif);width:57px}
#english #header ul #about-us a {background-image:url(../img/m_about-us_en.gif);width:81px}
#english #header ul #offer a {background-image:url(../img/m_offer_en.gif);width:56px}
#english #header ul #works a {background-image:url(../img/m_shop_en.gif);width:56px}
#english #header ul #shop a {background-image:url(../img/m_shop_en.gif);width:56px}
#english #header ul #contact a {background-image:url(../img/m_contact_en.gif);width:70px}
#english #header ul li a:hover, #header ul li a.active {background-position: 0 -53px}
#english #banner div h3 { background-image:url(../img/h3-who-we-are.gif)}


/* CONTACT PAGE */
#main-content.contact h2, #main-content.contact h3  { margin-bottom: 0; }
.accessibility { display: none}
#main-content form {margin-left: 10px}
#main-content form button {
	float: left;
	clear: both;
	cursor: pointer;
	border: 0;
	background: #d3231c;
	clear: both;
	color: #fff;
	line-height: 14px;
	margin-top: 10px;
	padding: 2px 20px 3px 15px;
	white-space:nowrap;
	font: normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#main-content form button:hover {color: #fff}
#main-content form label {clear: both;float: left;font-weight: bold;padding: 5px}
#main-content form label em {color: #951317;font-style: normal}
#main-content form input, #main-content form textarea, #main-content form select {
	background: #fff;
	border: 1px solid #d1d2c9;
	padding: 5px 10px;
	font: normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	width: 320px;
	float: left;
	clear: both;
}
#main-content form select {width: 340px}
#main-content form fieldset fieldset {float: left;clear: both;margin: 10px}
#main-content form fieldset fieldset input {padding: 0;margin: 0;width: auto;margin-top: 8px}
#main-content form fieldset fieldset label {clear: none;font-weight: normal;padding: 0;margin: 5px 0 0 10px}