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

body {
	background: #263e0b url(../gfx/bgBody.jpg) 50% 0 no-repeat;
	color: #000;
	font: normal 14px/19px Verdana, Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4 { font-weight: normal; }
h4 { color: #de0009; font-size: 15px; margin-top: 1em; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 1em 0; }
strong { font-weight: bold; }
.input, textarea, select {
	background: #fff;
	border: 1px solid #888;
	display: block;
	float: left;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding: .2em;
	width: 500px;
}
textarea { overflow: auto; }
.input:focus, textarea:focus { border-color: #555; }

/* BORDER RADIUS */
#wrapper, #scroller #counter a {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#multimenu, #multimenu li {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}
#newscroll li, #newscroll .content, h2 span, .handiform button, #multimenu li li, #multimenu ul {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.more {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
#footer span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
#counter {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* BACKGROUNDS */
.more, #newscroll .content, #counter, .handiform button { background: #274711; }
#newscroll .content, #counter { background: rgba(39,71,17,0.8); }
h2 span, #multimenu, .more:hover, #footer span, .handiform button:hover {
    background: #8f1818;
    background: -moz-linear-gradient(center bottom, rgb(132,12,12) 22%, rgb(167,48,48) 69%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.22, rgb(132,12,12)), color-stop(0.69, rgb(167,48,48)));
}
#multimenu li:hover, #about #tab-about a, #offer #tab-offer a, #question #tab-question a, #production #tab-production a,
#realisations #tab-realisations a, #partners #tab-partners a, #contact #tab-contact, #shop #tab-shop a {
    background: #bc2222;
    background: -moz-linear-gradient(center bottom, rgb(181,15,15) 22%, rgb(201,63,63) 69%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.22, rgb(181,15,15)), color-stop(0.69, rgb(201,63,63)));
}
h2, #home .article { background: url(../gfx/border.gif) 100% 50% no-repeat; }
#home .article { background-position: 243px 100%; }
#home .article:last-child { background: none; }

/* FONTS */
#multimenu li, #sidebar li a, h2, h3 { 
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
    text-shadow: 0 1px 1px rgba(0,0,0,0.4); 
}

/* STRUCTURE
 ---------------------------------------------------------------------------- */
#wrapper {
    background: #fff;
	margin: 43px auto 10px;
	width: 960px; 
}
#header {
    position: relative;
}
#content, #footer { display: inline; float: right; margin-right: 20px; width: 700px; }
#sidebar { float: left; width: 240px; }
#footer {  clear: both; font-size: 12px; text-align: right; }

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


/* HEADER
 ---------------------------------------------------------------------------- */
h1 {
    background: #fff;
    height: 240px;
    overflow: hidden;
    position: relative;
    text-indent: -99999px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    z-index: 2;
}
h1 a {
    background: url(../gfx/logo.gif) 50% 50% no-repeat;
    display: block;
    height: 100%;
    width: 230px;
}

#multimenu {
    color: #fff;
    float: left;
    left: 0;
    padding: 4px 14px 7px;
    position: absolute;
    top: -38px; /* -43px; */
    width: 932px;
}
#multimenu span { cursor: pointer; }
#multimenu a { color: #fff; }
#multimenu > li { float: left; }
#multimenu > li > a, #multimenu > li > span { display: block; margin: 0 1px; padding: 8px 23px 12px; }

/* SCROLLER */
#scroller { display: inline; float: right; margin: -233px 7px 20px 0; position: relative; background: #aaa; }
#scroller, #newscroll, #newscroll li { height: 240px; width: 713px; }
#newscroll {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    word-wrap: break-word;
    z-index: 3;
}
#newscroll .content { height: 100%; padding: 0 22px; width: 195px; }
#newscroll h3 { font-size: 16px; padding-top: 20px; }
#newscroll a { color: #fff; }
#scroller #counter { bottom: 0; margin: 0; padding: 10px 15px; position: absolute; right: 0; z-index: 100; }
#scroller #counter a {
    background: #85b231;
    display: inline;
    float: left;
    height: 8px;
    margin: 0 2px;
    overflow: hidden;
    text-indent: -9999em;
    width: 8px;
}
#scroller #counter .activeSlide { background: #fff; }


#multimenu a:hover, #sidebar a:hover, .more:hover { text-decoration: none; }
#banner { text-align: center; margin: 10px 0; }


/* SIDEBAR
 ---------------------------------------------------------------------------- */
#sidebar li a {
    color: #de0009;
    display: block;
    font-size: 18px;
    height: 135px;
    line-height: 23px;
    margin-bottom: 10px;
    padding: 20px 12px 0 20px;
    width: 200px;
}
#sidebar .tab1 { background: url(../gfx/bgSideTab1.jpg) 0 0 no-repeat; }
#sidebar .tab2 { background: url(../gfx/bgSideTab2.jpg) 0 0 no-repeat; }
#sidebar .tab3 { background: url(../gfx/bgSideTab3.jpg) 0 0 no-repeat; }
#sidebar li a:hover { opacity: .6; }


/* CONTENT
 ---------------------------------------------------------------------------- */
h2 { color: #fff; font-size: 16px; padding: 7px 0; }
h2 span { padding: 7px 15px; }
#home h2 { padding: 0; }
#home h2 span { display: block; width: 210px; }
.more, .handiform button { padding: 7px 0; text-indent: 15px; }
/*#home .textwrapper img { float: left; margin: 0 20px 0 8px; }*/
#home .textwrapper .gallery-box img { float: none; margin: 0;}
.more, .handiform button { 
    color: #fff;
    float: right;
    font-size: 13px;
    margin-right: -20px;
    width: 99px;
}
.article { clear: both; float: left; margin-bottom: 50px; width: 100%; }



/* 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 ol li { list-style: decimal; }

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

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

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

/* gallery-desc */
.gallery-desc { float: left; margin: 1em 0; width: 100%; }
#content .gallery-desc ul, .gallery-desc li p { margin: 0; }
#content .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 #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; }


 
/* FOOTER
 ---------------------------------------------------------------------------- */
#footer p { margin: .7em 0; }
#footer span { display: block; font-size: 0; line-height: 0; height: 4px; }