/* -------------------------------------------------------
   * Filename		screen.css
   * Updated		2010-11-18
   * Author     	Dariusz Pobożniak
   * Website		http://pobozniak.pl
   * Description 	CSS Document main default file
   ----------------------------------------------------- */



body {
	background: #dbdbdb url(../gfx/bgBody.jpg);
	color: #1d375c;
	font: normal 14px/18px Verdana, Arial, sans-serif;
}


a { color: #1d375c; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 15px 0; }
strong { font-weight: bold; }
em { font-style: italic; }


@font-face {
	font-family: 'PFDinTextProRegular';
	src: url('pfdintextpro-regular.eot');
	src: local('☺'), url('pfdintextpro-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
#topnav, h1, h2, .catalog, #categorylist label, .promobox h3 {
    font-family: 'PFDinTextProRegular', Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
}



/* STRUCTURE
 ---------------------------------------------------------------------------- */

#wrapper { background: #fff; margin: 48px auto 74px; position: relative; width: 960px; }
#content { float: right; margin-bottom: 50px; padding-right: 10px; width: 620px; }
#sidebar { float: left; margin: 190px 40px 50px; width: 250px; }
#footer { border-top: 1px solid; clear: both; position: relative; }

#wrapper:after, #footer:after { 
	content: "."; display: block; font-size: 0; 
	height: 0; clear: both; visibility: hidden; 
}


/* CONTENT
 ---------------------------------------------------------------------------- */

.logo { background: url(../gfx/top1.png); float: left; height: 439px; left: 0; overflow: hidden; position: absolute; text-indent: -99999px; top: 0; width: 439px; z-index: 2; }
    #products .logo { background-image: url(../gfx/top2.png); }
    #contact .logo { background-image: url(../gfx/top3.png); }
#home .logo { pointer-events: none; }
    .logo a { background: url(../gfx/logo.png) 0 0 no-repeat; display: block; height: 98px; margin: 20px 0 0 20px; width: 144px; }
        .logo a:active { position: relative; top: 1px; }
        
#topnav { background: #ed1c24 url(../gfx/bgTopnav.jpg) 0 0 no-repeat; height: 48px; padding-left: 48px; position: absolute; right: 0; text-align: center; top: -48px; width: 472px; }
    #topnav li { display: inline; font-size: 24px; }
    #topnav a, #topnav span { color: #fff; cursor: pointer; line-height: 48px; padding: 0 20px; }
    #topnav a:hover, .catalog:hover, #topnav span:hover { text-decoration: none; text-shadow: rgba(255, 255, 255, 0.6) 0 0 5px; }
    
#searchform { padding: 20px 27px 20px 470px; }
#searchform fieldset { border: 1px solid #ed1c24; padding: 5px; position: relative; }
    #searchform button, .handiform button { 
        background: #ebebeb;
        background: -moz-linear-gradient(top, #f2f2f2, #d1d1d1);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#d1d1d1));
        -moz-bordr-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #6f6f6f;
        color: #000;
        cursor: pointer;
        float: right;
        font-size: 14px;
        padding: 1px 20px; 
    }
    button:active { position: relative; top: 1px; }
    #searchform input { float: left; width: 330px; }
    #searchform label { background: url(../gfx/bgSearch.gif) 0 0 no-repeat; display: block; height: 31px; left: -50px; width: 31px; overflow: hidden; position: absolute; text-indent: -9999em; top: 0; }

.htitle { font-size: 43px; height: 140px; line-height: 140px; margin-left: 330px; text-align: center; }
#home .htitle { line-height: 55px; margin-top: 10px; }
    .htitle span { display: block; position: relative; }
    .htitle .l1 { left: -31px; }
    .htitle .l2 { left: -96px; }
    .htitle .l3 { left: -120px; }

.guy, .catalog span { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }
.guy { display: block; position: absolute; z-index: 3; }
#home .guy { background: url(../gfx/guy1.png) 0 0 no-repeat; height: 279px; right: 10px; top: 60px; width: 163px; }
#about .guy { background: url(../gfx/guy3.png) 0 0 no-repeat; height: 159px; left: 200px; top: 240px; width: 96px; }
#products .guy { background: url(../gfx/guy2.png) 0 0 no-repeat; height: 279px; left: 150px; top: 125px; width: 163px; }

.guy:hover, .catalog:hover span { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); transform: rotate(5deg);}


h2 { background: url(../gfx/bgH2.gif) 0 0 no-repeat; border-top: 1px solid #ed1c24; color: #ed1c24; font-size: 24px; line-height: 48px; margin-top: 25px; padding-left: 48px; }
.textwrapper h3 { font-size: 18px; }
.textwrapper h3, h4 { font-weight: bold; }

.filelist, .prodmenu { border-top: 1px solid; }
    .filelist li { border-bottom: 1px solid; padding: 20px 0; }
        .filelist small { display: block; font-size: 12px; padding: 10px 0 0 80px; }
        .filelist a { display: block; height: 1%; padding-left: 80px; }
        .filelist a span { display: block; }
        .filelist .pdf a { background: url(../gfx/ico_pdf.gif) 20px 50% no-repeat; min-height: 50px; }
        
.prodmenu { border-bottom: 1px solid; font-size: 16px; margin-top: 45px; padding: 15px 0; }
    .prodmenu li { padding: 6px 15px; }
    
.product { border-top: 1px solid #ed1c24; overflow: hidden; padding: 20px 0; }
    .textwrapper a, .textwrapper h3, #categorylist label { color: #ed1c24; }
    .product .img { float: left; text-align: center; width: 285px; }
    .product .shortdesc { float: left; width: 335px; }
    .product .longdesc { clear: both; }
    
.catalog { background: #133059; color: #fff; display: block; font-size: 24px; margin: 38px 0 30px; padding: 20px 0 20px 300px; position: relative; }
    .catalog span { background: url(../gfx/bgCatalog.png); display: block; height: 111px; left: 200px; position: absolute; top: -25px; width: 83px; }
    
#categorylist { border-top: 1px solid #133059; overflow: hidden; }
    #categorylist fieldset { float: left; margin-left: -1px; text-align: center; width: 320px; }
        #categorylist label { border-left: 1px solid #133059; display: block; font-size: 24px; padding: 120px 0 10px; }
            .c-building label { background: url(../gfx/bgCbuilding.jpg) 50% 20px no-repeat; }
            .c-mining label { background: url(../gfx/bgCmining.jpg) 50% 10px no-repeat; }
            .c-agriculture label { background: url(../gfx/bgCagriculture.jpg) 50% 10px no-repeat; }
        #categorylist div { background: #ed1c24; border-left: 1px solid #fff; padding: 13px 0; }
        
#home .textwrapper { font-size: 18px; line-height: 21px; padding: 20px 25px; }
.certbox, .promobox { float: left; margin: 0 10px 40px 0; width: 470px; }
    .certbox .content, .promobox .content { margin: 15px 0; text-align: center; }
        .certbox img, .promobox img { vertical-align: middle; }
.promobox { display: table; font-size: 19px; }
    .promobox .content div { display: table-cell; vertical-align: middle; *float: left; }
        .promobox .img { width: 220px; }
        .promobox h3 { font-size: 46px; }
        
.download .pdf { background: url(../gfx/ico_pdf_s.gif) 0 50% no-repeat; min-height: 25px; padding-left: 25px; }
    .download .pdf a { vertical-align: middle; }


/* FOOTER
 ---------------------------------------------------------------------------- */
 
#footer .copy { background: #ed1c24 url(../gfx/bgFooterCopy.gif) 0 0 no-repeat; color: #fff; float: right; font-size: 12px; line-height: 34px; padding: 0 20px 0 38px; }
#footer .footerlink { background: url(../gfx/footerLogos.gif) 0 0 no-repeat; display: block; height: 108px; left: 0; overflow: hidden; position: absolute; text-indent: -9999em; top: 0; width: 820px; }



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


/* HANDI components */
.map_details { display: none; }
.handimap {
	border: 1px solid #ed1c24;
	height: 400px;
	font-size: 12px;
	margin: 20px 0;
	width: 608px;
}
.handimap h5 { margin: 0; font-size: 13px; font-weight: bold; }

/* FORMS */
.handiform .input, .handiform textarea, .handiform select {
	background: #fff;
	border: 1px solid #1d375c;
	display: block;
	float: left;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding: .2em;
	width: 385px;
}
textarea { overflow: auto; }
.handiform {
    margin: 2em 0;
    overflow: hidden; 
    width: auto;
}
.handiform fieldset { margin-bottom: 20px; }
.handiform .input:focus, .handiform textarea:focus { border-color: #555; }
.handiform div {
    float: left; 
    padding: .3em 0;
    width: 100%;
}
.handiform label {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 200px; 
}
.handiform .check {
    border-bottom: 0 none;
    float: left;
    margin: 0;
    width: 385px;
}
.handiform .check label {
    float: none;
    text-align: left;
    width: 100%;
}
.handiform .check p { line-height: 100%; margin: 0 0 .2em; }
.handiform fieldset + div { text-align: center; }
.handiform button {
    float: none; 
}
.handiform label em, .handiform .error > label { color: red; }
.handiform .captcha input { float: right; height: 33px; text-align: center; width: 230px; }


/* gallery-box */
.gallery-box { margin: 1em 0; text-align: center; }
.gallery-box dl { display: none; }

/* gallery with desc */
.textwrapper .gallery-desc ul { margin-left: 0; }
.textwrapper .gallery-desc li { list-style: none; margin: 10px 0; overflow: hidden; }
.gallery-desc dt { font-weight: bold; }
.gallery-desc p { margin-top: 0; overflow: hidden; }
.gallery-desc .left img { float: left; margin: 0 15px 15px 0; }
.gallery-desc .right img { float: right; margin: 0 0 15px 15px; }
.gallery-desc .right { text-align: right; }
.gallery-desc .center { text-align: center; }

/* table */
table {
    border: 1px solid #ccc;
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%;
}
table td, table th { 
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .2em .4em; 
}
table th, table .header { font-weight: bold; }
.ytmovie { clear: both; display: block; margin: .2em auto; }