/*
--------------------------------------------------------
	Desto.pl global styles
	
	IMPORTANT:
	using IE7 and IE6 hack:
	element
	{
	  border:1px solid green; works in all
	  *border:1px solid red;  targets IE6 and 7
	  _border:1px solid blue; targets IE6
	}
	more info can be found here: http://snook.ca/archives/html_and_css/targetting_ie7/
	
	IMPORTANT: using Safari hack - only at the bottom of this stylesheet
-------------------------------------------------------- */
/* GLOBAL SETTINGS
--------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
}
body {
	font: 62.5% arial, sans-serif; /*62.5*/
	background: transparent url(../images/body_bg.png) center top repeat-y;
}
ul,li {
	list-style-position: inside;
}
hr {
	clear: both;
	visibility:hidden;
	line-height: 0;
	font-size: 0px;
	height: 0;
	border: 0;
}
.clear {
	clear:both;
	line-height: 0;
}
.clearleft {
	clear: left;
}
img {
	border: 0px;
}
.centered, p.centered {
	text-align:center;
}
.right, p.right {
	text-align: right;
}
.no-margin {
	margin: 0;
}
.no-padding {
	padding: 0;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* LINKS
---------------------------------------------------------*/
/* standard links 
other links should change color only!!! */
a {
	color: #E37828;
	font-weight: normal;
	text-decoration: underline;
}
a:HOVER {
	text-decoration: none;
}

/* LAYOUT
---------------------------------------------------------*/

#container {
	
}

#extra {
	background: transparent url('../images/extra_bg.png') repeat-x;
}
#h {
	
}
#h #bar {
	position: relative;
	height: 98px;
	background: transparent url('../images/header_bg.jpg') left top repeat-x;
}
#h #banner {
	height: 160px;
	background: transparent url('../images/navigation_bg.jpg') repeat-x;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#main {
	width: 660px;
}
#sidebar {
	position: relative;
	top: -191px;
	width: 240px;
}
#sidebar-innerbox {
	margin: 0 10px 0 0;
	background-color: #efebe8;
}
#sidebar .innerbox {
	padding: 10px 10px 10px 10px;
}
#content {
	padding: 20px;
	background: transparent url('../images/content_bg.png') left top no-repeat;
	*background-position: 1px top;
}
#f {
	height: 197px;
	background: transparent url('../images/footer_bg.png') left 49px repeat-x;
}
#f-content {
	width: 898px;
	height: 120px;
	margin: 0 auto;
	background: #D9D6D2;
	border-left: 1px solid #C0BCB8;
	border-right: 1px solid #C0BCB8;
	border-bottom: 1px solid #C0BCB8;
	text-align: left;
}
#f-content .innerbox {
	padding: 15px 20px;
}

#f-top {
	margin: 0 auto;
	width: 900px;
	height: 50px;
	background: transparent url('../images/footer_top_bg.png') left top no-repeat;
}

img.partner_logo {
  margin: 10px 0;
  padding: 4px;
  border: 1px solid #E1E0DC;
}

#map_desto {
  border: 2px solid #E1E0DC;
}

/* NAVIGATION
---------------------------------------------------------*/
#navigation {
	list-style: none;
}
#navigation li {
	display: inline;
}
#navigation a {
	display: block;
	float: left;
	height: 24px;
	width: 165px;
	padding: 136px 0 0 0;
	line-height: 22px;
	border-left: 1px solid #fff;
	font-size: 1.9em;
	color: #BF3224;
	text-decoration: none;
	text-align: center;
}
#navigation a.first {
	border: none;
}
#navigation a:HOVER, #navigation a.current {
	height: 160px;
	padding: 0;
	line-height: 34px;
	height: 160px;
	color: #BF3224;
	background: transparent url('../images/navigation_bg.jpg') left -160px repeat-x;
}
#navigation a#nav_oferta, #navigation a#nav_oferta:hover, #navigation a#nav_oferta.current {
	background-position: left -160px;
}
#navigation a#nav_promocje, #navigation a#nav_promocje:hover, #navigation a#nav_promocje.current {
	background-position: -166px -160px;
}
#navigation a#nav_dopobrania, #navigation a#nav_dopobrania:hover, #navigation a#nav_dopobrania.current {
	background-position: -332px -160px;
}
#navigation a#nav_kontakt, #navigation a#nav_kontakt:hover, #navigation a#nav_kontakt.current {
	background-position: -498px -160px;
}
/* NAVIGATION
---------------------------------------------------------*/
#topnav {
	position: absolute;
	top: 14px;
	right: 150px;
	list-style: none;
}
#topnav li {
	display: inline;
}
#topnav a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 18px;
	height: 13px;
	background: transparent url(../images/icons.gif) left top no-repeat;
	text-indent: -9999px;
	outline: none;
}
#topnav a#topkontakt {
	background-position: -38px top; 
}
#topnav a#topmapa {
	background-position: -78px top; 
}
#topnav a#topstart:HOVER {
	background-position: left -20px;
}
#topnav a#topkontakt:HOVER {
	background-position: -38px -20px; 
}
#topnav a#topmapa:HOVER {
	background-position: -78px -20px; 
}
/* SEARCH-FORM
---------------------------------------------------------*/
#search {
	position: absolute;
	top: 34px;
	right: 10px;
	width: 231px;
	height: 18px;
	background: transparent url(../images/search_bg.jpg) right top;
}
#search label {
	position: absolute;
	top: 3px;
	left: -50px;
	font-size: 1.2em;
	font-weight: bold;
	color: #f0f0f0;
}
#search input {
	margin: 0;
	padding: 2px;
	border: none;
	background: transparent;
	width: 200px;
	text-indent: 6px;
	font-size: 1em;
	color: #999;
}
#search button {
	border: none;
	background: transparent;
	text-indent: -9999px;

}


/* HEADERS
---------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #DA251A;
	font-size: 1.4em;
	font-weight: bold;
	margin: 10px 0;
}
h1.ph, h2.ph, h3.ph, h4.ph, h5.ph, h6.ph {
	padding: 4px;
	border-bottom: 1px solid #E0DFDC;
}
#bar h1 {
	position: absolute;
	top: 12px;
	left: 50px;
	width: 750px;
	height: 40px;
	margin: 0;
	padding: 40px 0 0 150px;
	border: none;
	color: #fff; /*#D7D1C6;*/
	font-weight: normal;
}
h2#sidebar-header {
	margin: 0;
	padding: 0;
	width: 232px;
	height: 30px;
	line-height: 30px;
	font-size: 1.4em;
	background: #C6BFB5;
	text-indent: 10px;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	font-size: 1em;
	color: #DA251A;
	font-weight: bold;
}
h2.page-title {
	font-size: 1.5em;
	margin: 0 0 10px 0;
}

/* CONTENT
---------------------------------------------------------*/
#breadcrumb {
	padding: 0 0 10px 0;
	color: #6A6969;
}
p {
	margin: 10px 0;
	color: #6A6969;
	line-height: 130%;
	font-size: 1.1em;
	text-align: justify;
}
#content p {
  clear: both;
  font-size: 1.2em;
}
/* product list */
.item {
	clear: both;
	padding: 20px 0 0 0;
}
#content img, .item img {
	float: left;
	margin: 0 10px 10px 0;
  	padding: 4px;
  	border: 1px solid #E1E0DC;
}

p.meta {
	clear: both;
	text-align: right;
}
.link {
	display: block;
	float: right;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	height: 20px;
	line-height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}
.link.contact {
	background-image: url(../images/icons/email_go.png);
}
.link.catalog {
	background-image: url(../images/icons/page_white_acrobat.png);
}

/* strong, italics */
#content strong {
	font-weight: bold;
}
#content em {
	font-style: italic;
}
/* lists */
content ol, content ul {
	padding: 4px 0;
}
#content ol {
	list-style-type: decimal;
}
#content ul {
	list-style-type: square;
}
/* acronyms, blockquotes */
acronym {
	font-style: italic;
	border-bottom: 1px dotted #6A6969;
}
blockquote {
	margin: 4px 4px 4px 20px;
	padding-left: 5px;
	border-left: 4px solid #6A6969;
	font-style: italic;
}
.buttons {
  clear: both;
	text-align: right;
	padding-top: 10px;
}
.buttons a {
	margin-left: 4px;
}

/* ENTRIES
---------------------------------------------------------*/
#downloads ol li {
	font-size: 1.1em;
}
.date {
	color: #999;
	text-align: right;
}
.entry.news h4 {
	margin-bottom: 0;
}
.entry-header {
	font-weight: bold;
}
/* FORMS
---------------------------------------------------------*/
label {
	color: #4C4841;
	font-size: 1.1em;
}
#content form p {
	margin: 6px 0 0 0;
}
#content form p.operations {
	margin: 12px 0;
}
form span, .star {
	color: #DA251A;
}
form input {
	border: 1px solid #d6d6d6;
	font-size: 1.1em;
	padding: 3px;
	color: #333;
}
form textarea {
	border: 1px solid #d6d6d6;
  	padding: 3px;
  	font-size: 1.1em;
}
form#mailer input[type=text] {
	width: 300px;
}
form#mailer textarea {
	width: 600px;
}
form#mailer button, .button {
	border: 1px solid #BCBBB9;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	color: #333;
	background-color: #efefef;
}
/* LISTS
---------------------------------------------------------*/
#content ol {
	list-style-type: decimal;
}
#content li {
	margin: 4px 0;
	color: #6A6969;
	line-height: 130%;
	font-size: 1.2em;
	text-align: justify;
}

/* SIDEBAR
---------------------------------------------------------*/

#sidebar-nav {
	width: 232px;
}
#sidebar-nav li {
	list-style-position: outside;
}
#sidebar-nav a {
	display: block;
	height: 30px;
	line-height: 30px;
	background: transparent url('../images/sidebar_nav_item_bg.png') left top repeat-x;
	color: #4E4941;
	font-size: 1.1em;
	text-decoration: none;
	text-indent: 30px;
}
#sidebar-nav a span {
	display: block;
	height: 30px;
	line-height: 30px;
	background: transparent url('../images/sidebar_nav_item_icon.png') 10px top no-repeat;
}
#sidebar-nav a:HOVER, #sidebar-nav a.current {
	/*color: #7E7669;*/
	font-weight: bold;
	text-indent: 40px;
}
#sidebar-nav a:HOVER span, #sidebar-nav a.current span {
	background-position: 20px top;
}

/* VCARD
---------------------------------------------------------*/
#content .vcard {
	padding: 0 0 10px 0;
	color: #6A6969;
	font-size: 1.2em;
}
.telprefix, .emailprefix {
	float: left;
}
#content .vcard .NIP {
	margin-bottom: 10px;
}
.org strong {
	font-weight: bold;
	color: #31302D;
	font-size: 1.1em;
}
.col {
	float: left;
	margin: 0 20px 0 0;
}
#content .vcard .col {
	clear: both;
	width: 100%;
}
#f-content .vcard .col.phones {
	margin: 12px 0 0 0;
	width: 300px;
}

/* FOOTER
---------------------------------------------------------*/
#f-content img {
	float: left;
	margin-right: 20px;
}
#f-content {
	color: #6D6A66;
}
#f-bottom {
	padding: 4px 0;
	color: #A6A3A0;
}
#f-bottom a {
	color: #A6A3A0;
}
/* =navigation */
#footernav {
	list-style: none;
	text-align: left;
	padding: 20px 0 0 0;
	margin: 0 0 0 20px;
}
#footernav li {
	display: inline;
	margin: 0 10px 0 0;
}
#footernav a {
	color: #D52718;
	font-size: 1.1em;
	text-decoration: none;
}
#footernav a:HOVER {
	color: #FF745D;
}