/*
Theme Name:Greenteam
Description:Theme
Author:Tomek Sułkowski
Author URI:http://lightforms.pl
Version:0.1
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,
q:before,q:after { content:'';content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

/*html {width: 960px; margin: 0 auto; overflow-y: scroll;}*/
html {overflow-y: scroll;/* background: #ceffc6 url(images/bg_gradient.png) repeat-x top;*/}
body {position: relative; font-family: Tahoma; font-size: 11px; color: #757575; line-height: 14px; /*width: 960px; margin: 0 auto;*/}
p {margin-bottom: 12px;}
hr {width: 308px; float: left; height: 1px; border: none; background: #ddd; margin-left: 0;}

#header, #heading, #content, #footer {width: 960px; margin-left: auto; margin-right: auto; position: relative;}
#footer {left: 10px;}

#header {height: 390px; position: relative; background: url(images/banner.jpg) no-repeat 10px 0;}
#header #logo {position: absolute; top: 50px; left: 70px; width: 120px; height: 155px; text-indent: -9999px;}

#header #langs {position: absolute; right: 40px; top: 10px;}
#header #langs li {float: left;}
#header #langs li a {text-indent: -9999px; display: block; float: left; height: 13px; width: 19px; position: relative; margin: 3px;}
#header #langs li.pl a {background: url(images/pl.jpg) no-repeat;}
#header #langs li.en a {background: url(images/gb.jpg) no-repeat;}

#menu {position: absolute; left: 305px; top: 41px; width: 640px;}
#menu li {float: left;}
#menu li a {display: block; padding: 12px 9px; position: relative; text-indent: -9999px;}
#menu li.current_page_item a, #menu li.page_item a:hover {background: url(images/menu_hover.jpg) no-repeat 0 0;}
#menu li.page-item-3 a {width: 127px;}
#menu li.page-item-4 a {width: 79px;}
.o-firmie #menu li.page-item-4 a, #menu li.page-item-4 a:hover {background-position: -145px 0px;}
#menu li.page-item-6 a {width: 73px;}
.oferta #menu li.page-item-6 a, #menu li.page-item-6 a:hover {background-position: -242px 0px;}
#menu li.page-item-8 a {width: 89px;}
.promocje #menu li.page-item-8 a, #menu li.page-item-8 a:hover {background-position: -333px 0px;}
#menu li.page-item-10 a{width: 68px;}
.praca #menu li.page-item-10 a, #menu li.page-item-10 a:hover {background-position: -440px 0px;}
#menu li.page-item-12 a{width: 81px;}
.kontakt #menu li.page-item-12 a, #menu li.page-item-12 a:hover {background-position: -526px 0px;}

.column {width: 410px; padding: 0 30px 10px;}
.dynamic-col-1 {float: left;}
.dynamic-col-2 {margin-left: 470px;}
#content .column ul li {list-style-type: none; margin-left: 5px; padding-left: 15px; background: url(images/bullet.gif) no-repeat 0 5px; padding-bottom: 0; margin-bottom: 0;}

#heading {background: url(images/content_top.jpg) no-repeat; height: 61px; position: relative;}
#heading h1 {position: absolute; text-indent: -9999px; height: 22px; top: 18px; left: 6px; width: 100px; background: no-repeat left;}

#content {background: url(images/content_bg.jpg) repeat-y; position: relative; border: solid 1px #fff; border-left: none; border-right: none; border-top: none; height: auto;}
#content h2 {font-size: 14px; color: #196219; margin-bottom: 12px;}
#content ul {margin: 15px 0 10px;}
#content ul li {margin-left: 20px; margin-bottom: 5px; list-style: disc;}

#content #submenu {background: url(images/submenu_bg.gif) no-repeat; width: 834px; height: 107px; margin: 0 auto; padding-left: 22px;}
#content #submenu.main {background: url(images/oferta_baner.jpg) no-repeat; width: 811px; height: 270px; padding-top: 10px; margin-top: 0; padding-left: 22px;}
#content #submenu.main li {margin-left: 0px;}
#content #submenu li {float: left; list-style-type: none; margin-left: 0px;}
#content #submenu li a {display: block; float: left; text-decoration: none; text-transform: uppercase; color: #757575; font-size: 12px; font-weight: bold;
			width: 164px; height: 37px; padding: 11px 10px 0; border-right: solid 1px #dfdfdf; margin-top: 2px;}
.oferta #content #submenu li a {height: 37px; margin-top: 0;}
#content #submenu li a:hover, #content #submenu li.current_page_item a {color: #196219; background: #ff9c00; height: 37px;}
.oferta #content #submenu li a:hover {height: 37px;}
#content .whiter {height: 30px; width: 800px; background: #fff; margin: 0 auto;}

#footer {background: url(images/content_bottom.jpg) no-repeat top left; padding: 45px 10px 15px; position: relative; border: solid 1px /*#ddffd8*/ #fff; border-left: none; border-right: none; border-top: none; top: -3px;}
#footer ul {position: absolute; right: 33px; top: 48px;}
#footer ul li {float: left;}
#footer ul li a {display: block; padding: 0 15px 2px; color: #757575; text-decoration: none; border-right: solid 1px #196219; line-height: 9px;}
#footer ul li.last a {border: none;}
#footer #madeby {float: left;}

#footer #rzet {float: right; margin-right: 40px; margin-top: 25px;}

.strona-glowna #title {display: none;}
.strona-glowna #heading {display: none;}
.strona-glowna #content {height: 160px; background: url(images/index_boxes.png) no-repeat;}
.strona-glowna #footer {background: none; padding-top: 10px;}
.strona-glowna #footer ul {top: 13px;}
.strona-glowna .column {padding-top: 20px; position: relative;}
.strona-glowna .column a {color: #196219;}
.strona-glowna .dynamic-col-1 {width: 213px; padding-left: 25px; padding-right: 22px;}
.strona-glowna #content .dynamic-col-1 h2 {left: -19px;}
.strona-glowna .dynamic-col-2 {margin-left: -10px; float: left;}
.strona-glowna .dynamic-col-3 {width: 173px; float: left; margin-left:-16px;}
.strona-glowna .column h2 {position: relative; text-indent: -9999px; background: no-repeat left; height: 22px; left: -24px; top: -2px;}
.strona-glowna .dynamic-col-1 h2 {background-image: url(images/heading_o-firmie.gif);}
.strona-glowna .dynamic-col-2 h2 {background-image: url(images/heading_oferta_y.gif);}
.strona-glowna .dynamic-col-3 h2 {background-image: url(images/heading_aktualnosci.gif);}
.strona-glowna .dynamic-col-2 p {width: 180px; text-align: justify;}
.strona-glowna .dynamic-col-1 a.more {position: absolute; top: 22px; right: 30px; font-size: 10px; color: #ff9c00;}
.strona-glowna .dynamic-col-3 li {display: none;}
.strona-glowna .dynamic-col-3 .numbers li {display: block;}
.strona-glowna .dynamic-col-3 strong {color: #ff9c00; display: block; padding-bottom: 10px; }
.strona-glowna #content .jcarousel-container {width: 140px; position: absolute; top: 10px; right: 70px;}
.strona-glowna #content .jcarousel-container ul li {list-style: none; margin: 0; background: none; padding-left: 3px;}
.strona-glowna #content .jcarousel-prev, .strona-glowna #content .jcarousel-next {display: block; height: 17px; width: 17px; position: absolute; right: 142px; top: 56px; cursor: pointer;}
.strona-glowna #content .jcarousel-next {right: -21px;}
.strona-glowna ol.numbers {position: absolute; right: 30px; z-index: 20;}
.strona-glowna ol.numbers li {background: url(images/dots.gif) no-repeat 0 1px; width: 8px; height: 16px; float: left; display: block; color: #fff; padding: 0 4px; margin-right: 2px; font-size: 10px;}
.strona-glowna #content .dynamic-col-3 ol.numbers li:hover, .strona-glowna #content .dynamic-col-3 ol.numbers li.active {background-position: -15px 1px;}

.strona-glowna .dynamic-col-2 .arrows a {position: absolute; width: 15px; height: 15px; display: block; top: 67px;}
.strona-glowna .dynamic-col-2 .arrows .left {right: 213px;}
.strona-glowna .dynamic-col-2 .arrows .right {right: 50px;}
.strona-glowna #content .dynamic-col-2 li {width: auto; position: absolute; top: 20px; left: 272px; list-style: none; background: none; display: none;}

.strona-glowna #content .dynamic-col-3 ol li {width: 187px; position: absolute; top: 55px; left: 25px; list-style: none; background: none; display: none;}
.strona-glowna #content .dynamic-col-3 ol.numbers li {width: 8px; position: relative; top: 0px; left: 0px; list-style: none; background: url(images/dots.gif) no-repeat scroll 0 1px; display: block;}
.strona-glowna #content .dynamic-col-3 em {display: none;}


.o-firmie   #heading h1 {background-image: url(images/heading_o-firmie.gif);}
.promocje   #heading h1 {background-image: url(images/heading_promocje.gif);}
.praca	    #heading h1 {background-image: url(images/heading_praca.gif);}
.kontakt    #heading h1 {background-image: url(images/heading_kontakt.gif);}
.oferta	    #heading h1,
       #heading #oferta {background-image: url(images/heading_oferta.gif);}

.oferta #dolacz_do_greenteam {position: absolute; top: 100px; left: 95px; height: 65px; width: 210px; text-indent: -9999px;}
.oferta .nowosc {padding-bottom: 30px; background: url(images/znak_nowosc.gif) no-repeat bottom center;}
.oferta .promocja {padding-bottom: 30px; background: url(images/znak_promocja.gif) no-repeat bottom center;}
.oferta .brak {padding-bottom: 30px;}

.o-firmie #content h4 {color: #196219; font-size: 12px;}

.praca .column h3 {font-size: 14px; margin: 25px 0 5px;}
.praca #content a {color: #196219;}

.promocje #promocje-baner {background: url(images/promocje_baner.jpg) no-repeat; width: 855px; height: 212px; padding-top: 10px; margin: 0 auto; padding-left: 22px;}
.promocje #promocje-baner ul {margin-top: 0;}
.promocje #promocje-baner li {margin-left: 5px; float: left; list-style-type: none;}
.promocje #promocje-baner li a {display: block; float: left; text-decoration: none; text-transform: uppercase; color: #757575; font-size: 12px; font-weight: bold;
			width: 164px; height: 39px; padding: 11px 10px 0; border-right: solid 1px #dfdfdf;}
.promocje #promocje-baner li a:hover {color: #196219; background: #FF9C00;}

.oferta#content .dynamic-col-2 img {margin: 5px 20px 20px 5px; float: left;}

.kontakt #content {font-size: 12px;}
.kontakt #content h2 {margin-bottom: 35px;}
.kontakt #content p {margin-bottom: 0;}
.kontakt #content a {text-decoration: none;}
.kontakt #content address {padding-bottom: 20px; font-style: normal;}
.kontakt #content .alignleft {margin-right: 30px; margin-bottom: 60px;}
.kontakt #content .column {width: 290px;}
.kontakt #content .dynamic-col-1 strong {color: #196219;}
.kontakt #content .dynamic-col-2 {margin-left: 0; padding-top: 47px; float: left; width: 190px; padding-right: 0;}
.kontakt #content .dynamic-col-2 strong {color: #ff9c00;}
.kontakt #content .dynamic-col-3 {float: right; padding-left: 0;}
.kontakt #content div .dynamic-col-4 {width: 800px; padding-top: 30px; clear: both;}
.kontakt #content div .dynamic-col-4 h2 {border-top: solid 1px #dadada; padding-top: 30px; padding-bottom: 10px;}
.kontakt #content .columns-3, .kontakt #content .columns-4 {background: #fff; margin: 0 40px 0 10px;}
.kontakt #content iframe {border: solid 2px #ff9c00;}

.kontakt #content form label {font-weight: bold; color: #196219; width: 130px; text-align: right; display: block; padding: 4px 10px 0 0; float: left; font-size: 11px;}
.kontakt #content form input, .kontakt #content form textarea {padding: 3px; width: 300px; background: #ececec; border: solid 1px #dcdcdc; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.kontakt #content form input {width: 240px; margin-bottom: 7px; height: 17px; width: 200px;}
.kontakt #content form br {display: none;}
.kontakt #content form .submit {width: 84px; height: 35px; background: url(images/button_wyslij.gif) no-repeat; border: none; text-indent: -9999px; float: right; margin: 20px 0; cursor: pointer;}
.kontakt .wpcf7-not-valid-tip-no-ajax {display: none;}
.kontakt .wpcf7-response-output {display: block; padding: 20px; clear: left; text-align: center;}

.jcarousel-container {position: relative;}
.jcarousel-container li {width: 142px; height: 122px;}

.clearer {clear: both;}
.left, .alignleft {float: left;}
.right, .alignright {float: right;}
.alignleft {margin: 5px 20px 20px 5px;}
.alignright {margin: 5px 5px 20px 20px;}
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto; clear: right;}

.post-edit-link {position: fixed; left: 0; top: 0;}

br.spacer_ {height: 20px; display: block; width: 100px; clear: right;}


#simplemodal-container a.modalCloseImg {
	background:url(images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#fff; border:8px solid #FF9C00; padding:12px; width: 300px !important;}
#simplemodal-container em {font-style: normal; display: normal !important;}
#simplemodal-container a.more {display: none !important;}
#simplemodal-container strong {display: block; font-size: 16px; margin-bottom: 14px; color: #196219;}

.dynamic-col-2 h6 {float: left; width: 390px; margin-bottom: 11px; margin-top: 30px;}

/*p {border: solid 1px;}*/

/*
.torby-z-polipropylenu .dynamic-col-2 p {float: right;}
.torby-z-polipropylenu .dynamic-col-2 p span {width: 430px; display: block;}*/