/* -------------------------------------------------------
   * Filename		screen.css
   * Updated		2009-12-12 | 2010-05-29
   * Author     	Dariusz Pobożniak
   * Website		http://pobozniak.pl
   * Description 	CSS Document main default file
   ----------------------------------------------------- */
   

@import url("reset.css"); 	    /* reset browser defaults  */
@import url("fancybox.css");    /* lightbox gallery styles */

html { background: #ad8b54 url(../gfx/bgBody.gif) 0 0 repeat-x; }
body {
	background: url(../gfx/bgTop01.jpg) 50% 0 no-repeat;
	color: #fff;
	font: normal 62.5%/170% Verdana, Arial, Helvetica, sans-serif;
}
#about { background: url(../gfx/bgTop02.jpg) 50% 0 no-repeat; }
#contact { background: url(../gfx/bgTop04.jpg) 50% 0 no-repeat; }
#products { background: url(../gfx/bgTop03.jpg) 50% 0 no-repeat; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 1em 0; }
strong { font-weight: bold; }
.input, textarea, select {
	background: #fff;
	display: block;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding: .2em;
	width: 500px;
}
textarea { overflow: auto; }
.input:focus, textarea:focus { border-color: #555; }
#header, #mainnav, h2, h3, .submit, #sidebar .partners dt, #sevice #specialbox li, .toggle #specialbox dt, #specialbox h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2 {
	font-size: 2em;
	line-height: 100%;
	margin: 5px 0 50px;
}
h3 { 
	float: left; 
	left: -20px;
	margin-bottom: 1em;
	position: relative;
	width: 708px;
}
h3 span {
	background: #311408;
	float: left;
	font-size: 2em;
	padding: .4em .7em .4em 25px;
	text-transform: uppercase;
}
.hide { display: none; }


/* STRUCTURE
 ---------------------------------------------------------------------------- */
#header, #container, #footer { 
	font-size: 1.2em;
	margin: 0 auto;
	width: 950px; 
}
#header { height: 217px; }
#container {
	padding: 0 15px 0 25px;
	width: 910px;
}
#sidebar {
	float: left;
	width: 200px;
}
#content {
	border-left: 2px dashed #fff;
	float: left;
	overflow: hidden;
	padding: 0 20px;
	width: 668px;
}
#footer {
	background: url(../gfx/bgFooter.gif) 97px 0 no-repeat;
	margin: 1em auto;
	padding: 34px 15px 55px 240px;
	text-align: right;
	width: 695px;
}
#header:after, #container:after, #footer:after { 
	content: "."; display: block; font-size: 0; 
	height: 0; clear: both; visibility: hidden; 
}


/* HEADER
 ---------------------------------------------------------------------------- */
h1 {
	float: left;
    height: 180px;
	margin-right: 345px;
    overflow: hidden;
    text-indent: -99999px;
    width: 200px;
}
h1 a {
    display: block;
    height: 100%;
    width: 100%;
}
#header ul { font-size: 110%; padding-top: 10px; }
#header li { display: inline; }
#header li a { color: #815d3d; font-weight: bold; margin-right: 10px; }


/* SIDEBAR
 ---------------------------------------------------------------------------- */
#mainnav {
	border-bottom: 2px dashed #fff;
	font-size: 1.8em;
	font-weight: bold;
	padding: 2em 0 2em 0;
}
#mainnav li { 
	line-height: 110%;
	list-style: none; 
	padding: .1em 5px .1em 23px;
}
#mainnav > li:last-child { 
	border-top: 2px dashed #fff; 
	margin-top: .5em;
	padding-top: .5em;
}
#mainnav li ul { font-size: 80%; margin: .4em 0; }
#mainnav li span { cursor: pointer; }
#mainnav li a:hover, #mainnav li span:hover #header li a:hover { color: #311408; text-decoration: none;}
#sidebar .partners { padding: 1em 20px; }
#sidebar .partners dt { font-size: 120%; font-weight: bold; }
#sidebar .partners dd { margin: 1.5em 0; text-align: center; }


/* CONTENT
 ---------------------------------------------------------------------------- */
#specialbox {
	background: #754c1c url(../gfx/bgSpecial.jpg) 0 0 no-repeat;
	float: left;
	left: -20px;
	padding: 7px 30px 25px;
	position: relative;
	width: 648px;
}
#home #specialbox { padding: 7px 0 1em; width: 708px; }
#home h2 { margin-left: 30px; }
#home h3 { width: 330px; }
#home #searchform { display: inline; margin-right: 30px; }
#searchform {
	float: right;
	width: 200px;
}
#searchform .input { margin-right: 40px; width: 150px; }
#searchform .submit { 
	border: 0; 
	color: #fff;
	cursor: pointer;
	float: right; 
	font-size: 140%;
	margin: 8px 20px 0 0;
	transform:rotate(356deg);  
	-moz-transform:rotate(356deg);
	-webkit-transform:rotate(356deg);  
}
.promotions {
	border-left: 2px dashed #fff;
	float: right;
	padding-left: 20px;
	width: 310px;
}
#content #offerlist { float: left; margin: 0; }
#offerlist li, .link-gallery {
	display: inline;
	float: left;
	height: 190px;
	margin: 1em;
	overflow: hidden;
	text-indent: -9999px;
	width: 210px;
}
#offerlist li a { display: block; height: 100%; width: 100%; }
#offerlist .oponyosobowe { background: url(../gfx/bgLinkOponyosobowe.png) 50% 50% no-repeat; }
#offerlist .felgiosobowe { background: url(../gfx/bgLinkFelgiosobowe.png) 50% 50% no-repeat; }
#offerlist .oponyzimowe { background: url(../gfx/bgLinkOponyzimowe.png) 50% 50% no-repeat; }
#offerlist .quady { background: url(../gfx/bgLinkQuady.png) 50% 50% no-repeat; }
#offerlist .snorkele { background: url(../gfx/bgLinkSnorkele.png) 50% 50% no-repeat; }
#offerlist .galeria, .link-gallery { background: url(../gfx/bgLinkGaleria.png) 50% 50% no-repeat; }
#offerlist .akcesoria { background: url(../gfx/bgLinkAkcesoria.png) 50% 50% no-repeat; }
#offerlist .fox { background: url(../gfx/bgLinkFox.png) 50% 50% no-repeat; }
#offerlist .budowarajd { background: url(../gfx/bgLinkBudowarajd.png) 50% 50% no-repeat; }
#offerlist .felgi { background: url(../gfx/bgLinkFelgi.png) 50% 50% no-repeat; }
#offerlist .opony4x4 { background: url(../gfx/bgLinkOpony4x4.png) 50% 50% no-repeat; }
.link-gallery {
	float: right;
	margin: 0 100px 0 0;
}
#map {
	float: left;
	height: 380px;
	margin-top: 3em;
	width: 645px;
}
#service #specialbox li {
	font-size: 140%;
	padding-top: 1em;
}
#specialbox h4 { 
    float: left; 
    font-size: 140%;
    font-weight: bold;
    margin: .5em 0;
    width: 648px; 
}
#content #specialbox.toggle ul { 
	float: left; 
	margin: 0 0 1.2em; 
	width: 648px;
}
#content #specialbox.toggle li {
    display: inline-block;
	line-height: 110%;
	list-style: none;
	margin: .3em 0;
	text-transform: uppercase;
	vertical-align: top;
	width: 150px;
	*float: left;
	*height: 28px;
	*margin-right: 10px;
	*overflow: hidden;
}
#specialbox.toggle dt { 
	cursor: pointer;
	font-size: 2em; 
	margin-bottom: 1em; 
}
.toggle #close {
	background: #311408;
	bottom: 0;
	cursor: pointer;
	display: block;
	padding: .5em 1em;
	position: absolute;
	right: 0;
}
.product {
	background: #311408;
	float: left;
	width: 290px;
}
.fullprod { width: 668px; }
.product dd { padding: .5em 22px; }
.prodtable { float: right; width: 350px; }
#products tbody tr:last-child td { padding-bottom: 1.2em; }
#products tfoot td { border-top: 1px solid #fff; padding-top: .6em; text-transform: uppercase; }
#sitemap #specialbox + ul { margin-top: 2em; }
#sitemap #content ul ul { margin: .5em 0 .5em 20px; }
.searchres { float: left; font-size: 14px; }
.searchres dt { font-weight: bold; font-size: 16px; margin: 1em 0 .5em; }
.searchres dd { margin-left: 1.5em; }
.text { clear: left; float: left; font-size: 1.2em; line-height: 130%; width: 668px; }


/* Markdown & common styles */
.positive, .negative {
	border: 1px solid;
	padding: 1em;
	text-align: center;
}
.positive { border-color: #139136; }
.negative { border-color: #f51616; }
#content ul, #content ol { margin: 1em 0 1em 20px; }
#content ul li { list-style: disc; }
#content ul li li { list-style: circle; }
#content ol li { list-style: decimal; }

/* gallery-box */
.gallery-box {
    margin: 1em 0;
    padding: 10px 0;
	width: 668px;
}
.gallery-box dl { text-align: left; }
.gallery-box a img { border: 3px solid #fff; margin: .2em; }
.gallery-box a:hover img { border-color: #311408; }
/* gallery-desc */
.gallery-desc { float: left; margin: 1em 0; width: 100%; }
#container .gallery-desc ul, .gallery-desc li p { margin: 0; }
#container .gallery-desc ul li { list-style: none; }
.gallery-desc li {
    clear: both; 
    float: left; 
    margin: .5em 0;
    width: 100%;
}
.gallery-desc .left img { float: left; }
.gallery-desc .right img { float: right; }
.gallery-desc .left p { margin-left: 190px; }
.gallery-desc .right p { margin-right: 190px; text-align: right; }
.gallery-desc .center { 
    clear: none; 
    max-height: 210px; 
    overflow: hidden; 
    width: 190px; 
}
* html .gallery-desc .center { height: 210px; }
/* table */
table {
    border: 1px solid #754C1C;
    margin: 1em 0;
    width: 100%;
}
table td, table th { 
    border-left: 1px solid #754C1C;
    border-bottom: 1px solid #754C1C;
    padding: .2em 1em; 
}
table th { 
	font-weight: normal; 
	padding-bottom: 1em; 
	text-align: left; 
	text-transform: uppercase;
}
.ytmovie { clear: both; display: block; margin: .2em auto; }
.prodtable table, .prodtable th, .prodtable td { border: 0 none; }


 
/* FOOTER
 ---------------------------------------------------------------------------- */
#footer .links {
	background: #fff url(../gfx/bgPartners.gif) 100% 50% no-repeat;
	color: #ad8b54;
	font-weight: bold;
	margin: 0 0 .4em;
	padding: 20px 465px 20px 0;
	text-align: left;
}
#footer span { display: block; }