/* KOLORY
CIEMNA ZIELEN: #19411a
CIEMNY BRAZ: #670000; a:link
JASNA ZIELEN: #43851c; a:hover
SZARY: #333; */

/*RESET*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { }

fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/*>>>>>>>>>><<<<<<<<<<*/

/*FONTY*/
body {font-size: 14px; line-height: 1.28em; font-family:Verdana, Geneva, sans-serif; color:#333;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#43851c; }
h1 {font-size: 16px; font-weight:bold; }
h2 {font-size: 11px; }
p.small {font-size: 0.857em; line-height: 1.5em; margin-bottom: 1.5em; }
#menu_bottom p.small {font-size: 0.857em; line-height: .9em; margin-bottom:.5em; }
.menu_kontakt {color:#FFF;}
.h4_menu {font-size: 1em; line-height:1em; margin:0px 0 5px 0; padding:0px; padding-left:30px; color:#FFF;}
.p_menu {font-size: .857em; line-height: 1.1em; padding-left:30px;}
.menu_aktualnosci p {padding:0 40px 0 20px; color:#FFF;}
#footer p {padding:90px 0 0 230px; color:#FFF;}
#footer span {padding:0px 0 0 92px; color:#FFF;}
#footer p.pytania {font-size: .85em; color:#333; text-align:center; padding-top:9px; padding-left:0px;}
p.menu_p {text-align:center; font-size: .857em; line-height: 1.3em;}
p.opis {width:355px;font-size: 0.857em; line-height: 1.3em; padding-left:10px; margin-bottom:0.3em; float:left;}
.wstecz {float:left;}
.dalej {float:right;}
/*>>>>>>>>>><<<<<<<<<<*/

/*Klasy globalne*/
.inside {padding:30px;}
.inside2 {padding:30px 0 0 30px;}
.clear {width: 100%; height:1px; margin: 0 0 -1px; clear: both;}
.float-left {float:left;}
.float-right {float:right;}
.auto {margin:0 auto;}
.indent {padding-left:2em;}
.text_center {text-align:center;}
.bold { font-weight:bold;}
em { font-style:italic; color:#43851c;}
.underline { border-bottom:1px solid;}
.highlight { background:#d0ffc5;}
.hr {background:url(../images/kreska.png) center center no-repeat; border:none; width:480px; height:1px; margin:10px auto;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " "; clear: both; height: 0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*>>>>>>>>>><<<<<<<<<<*/

/*Linki*/
a {text-decoration:none;}
div.size a #plustext {color:#F00;}
footer a { padding: 5px; }
#footer a:link, #footer a:visited {color:#FFF;}
#footer a:hover, #footer a:active {color:#CCC;}
.ruchome_panele a:link, .ruchome_panele a:visited{color:#670000;}
.ruchome_panele a:hover, .ruchome_panele a:active{color:#43851c;}
#sliding_wrap em a:link {font-size: 0.857em; padding-left:10px;}
.ruchome_panele a.wstecz:link, .ruchome_panele a.wstecz:visited,
.ruchome_panele a.dalej:link, .ruchome_panele a.dalej:visited{color:#43851c; font-size: 0.857em;}
.ruchome_panele a.wstecz:hover, .ruchome_panele a.wstecz:active,
.ruchome_panele a.dalej:hover, .ruchome_panele a.dalej:active
{color:#670000;}
.menu_dolne a:link, .menu_dolne a:visited {color:#43851c;}
.menu_dolne a:hover, .menu_dolne a:active {color:#670000;}
#content a:link, #content a:visited {color:#670000;}
#content a:hover,#content a:active {color:#43851c;}
/*>>>>>>>>>><<<<<<<<<<*/

/*MENU DOLNE*/
.menu_dolne {text-align:center; font-size: 0.857em; line-height: 1.3em; /*background:url(../images/kreska.png) top left no-repeat;*/}
.menu_dolne {display:block; padding:.7em; }
/*>>>>>>>>>><<<<<<<<<<*/

/*MENU AVOCADO*/
.menu_avocado {background:#508933 url(../images/menu_bg.jpg) repeat-y; }
.menu_avocado ul {display: block; position:relative; top:-7px; left:23px; width:180px;}
.menu_avocado ul li ul {display: block; position:relative; top:0px; left:0px; text-indent:25px; margin-bottom:0px;}
.menu_avocado li {display:block; border-bottom:1px solid #075f2b;}
.menu_avocado ul a {display: block; color:#FFF; text-decoration:none; padding:5px 0 5px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.menu_avocado ul a:hover {color:#075f2b;}
.menu_avocado ul li ul li a {padding:5px 0px; }
.menu_avocado ul li li {border:none;   }
.menu_avocado h3 {background:url(../images/menu_h3.jpg) top left no-repeat; height:62px; text-indent:-9999px; margin-bottom:0px;}
.nav{display: block; background:#508933;} /*kolor tla stan statyczny*/
.nav:hover{background: #6bb845; display:block;} /*kolor tla stan dynamiczny*/
.menu_dol {background:url(../images/menu_bottom.jpg) top left no-repeat; height:43px;}
/*>>>>>>>>>><<<<<<<<<<*/

/*MENU KONTAKT*/
.menu_kontakt {background:#508933 url(../images/menu_bg.jpg) repeat-y; margin-top:20px; }
.menu_kontakt h3 {background:url(../images/kontakt_h3.jpg) no-repeat top left; text-indent:-9999px; height:62px; margin-bottom:0px;}
.menu_kontakt a:link, .menu_kontakt a:visited {color:#FFF;}
.menu_kontakt a:hover, .menu_kontakt a:active {color:#CCC;}
/*>>>>>>>>>><<<<<<<<<<*/

/*MENU POLECAMY*/
.menu_polecamy {margin-top:20px; width:189px; padding-left:10px;}
.menu_polecamy h3 {background:url(../images/polecamy_h3_2.png) top left no-repeat; height:54px; text-indent:-9999px; margin-bottom:0px;cursor: move;}
.wypelniacz {background: url(../images/menu_bg_2.png) repeat-y;}
#polecamy { width:160px; position:relative; left:5px; float:left; }
#polecamy ul { margin:0; padding: 0; list-style-type: none;}
ul#polecamy {margin-bottom:0px;}
#polecamy li {float:left; display:inline; padding-left:10px;}
#polecamy a { float: left; display: inline; text-decoration: none; }
#polecamy span {display:none;}
#polecamy a.sps {background:url(../images/polecamy.jpg) 0px 0px no-repeat; width:70px; height:70px;}
#polecamy a.sps:hover {background:url(../images/polecamy.jpg) -70px 0px no-repeat;}
#polecamy a.www {background:url(../images/polecamy.jpg) 0px -70px no-repeat; width:70px; height:70px;}
#polecamy a.www:hover {background:url(../images/polecamy.jpg) -70px -70px no-repeat;}
#polecamy a.referencje {background:url(../images/polecamy.jpg) 0px -140px no-repeat; width:70px; height:70px;}
#polecamy a.referencje:hover {background:url(../images/polecamy.jpg) -70px -140px no-repeat;}
#polecamy a.talenty {background:url(../images/polecamy.jpg) 0px -210px no-repeat; width:70px; height:70px;}
#polecamy a.talenty:hover {background:url(../images/polecamy.jpg) -70px -210px no-repeat;}
.menu_polecamy_dol {background:url(../images/polecamy_b2.png) top left no-repeat; height:30px;}
.wyrwy {background:url(../images/wyrwy.jpg) top left no-repeat; position:relative; top:10px; left:174px; width:46px; height:213px; z-index:0;}

/* OKNO PRZECIAGANE */
.drag {position: absolute; top:472px; z-index:99}
.handle {position: relative; cursor: move; }
/*>>>>>>>>>><<<<<<<<<<*/

/*MENU AKTUALNOŚCI*/
.menu_aktualnosci {background:#508933 url(../images/menu_bg2.jpg) repeat-y; }
.menu_aktualnosci  h3 {background:url(../images/aktualnosci_h3.jpg) top left no-repeat; height:57px; text-indent:-9999px; margin-bottom:0px; cursor:default;}
.menu_dol2 {background:url(../images/menu_bottom2.jpg) top left no-repeat; height:42px;}
/*>>>>>>>>>><<<<<<<<<<*/

/*RUCHOMY PANEL - w index*/
.ruchome_panele h1 {text-indent:-999px; height:31px; width:500px;}								
#ruchomy_panel_1_a1 h1 {background:url(../images/h1_startujacy.jpg) top left no-repeat;}
#ruchomy_panel_1_a2 h1 {background:url(../images/h1_stabilni.jpg) top left no-repeat;}
#ruchomy_panel_1_a3 h1 {background:url(../images/h1_szybcy.jpg) top left no-repeat;}
#ruchomy_panel_1_a4 h1 {background:url(../images/h1_rekini.jpg) top left no-repeat;}
#ruchomy_panel_1_a5 h1 {background:url(../images/h1_producenci.jpg) top left no-repeat;}
#ruchomy_panel_1_a6 h1 {background:url(../images/h1_gadzeciarze.jpg) top left no-repeat;}
.kontenerek {position:relative; float:left;}
#sliding_wrap img {float:right; position:relative; top:-43px; right:-10px;}
/*>>>>>>>>>><<<<<<<<<<*/

/*O NAS FOTKI I OPIS*/
.o_nas, .o_nas2  {margin-top:15px;}
.o_nas a img.lewa, .o_nas a  {border: none; overflow: hidden; float: left;}
.o_nas a:hover {border: 3px solid #43851c;}
.o_nas a:hover img {margin: -3px;}
.o_nas p.do_lewej {text-align:left; margin-left:155px;}
.o_nas2 {width:500px;}
.o_nas2 h2 {float: right;}
.o_nas2 a img.prawa, .o_nas2 a  {border: none; overflow: hidden; float: right;}
.o_nas2 a:hover { border: 3px solid #43851c;}
.o_nas2 a:hover img {margin: -3px;}
.o_nas2 p.do_prawej {text-align:right; width:345px; float:left;}
/*>>>>>>>>>><<<<<<<<<<*/

/*OFERTA*/
#oferta {margin-bottom:0px; padding-bottom:0px; }
.oferta_kontener {display:inline;float:left; width:165px; display: inline }
p.p_oferta {text-align:left; margin-left:175px !important;  margin-top:0px; padding:0px; font-size: 0.857em; line-height: 1.5em;}
span {color:#670000; font-weight:bold;}
/*>>>>>>>>>><<<<<<<<<<*/

/*PORTFOLIO*/
#portfolio img {margin:0 0 10px 10px;}
/*>>>>>>>>>><<<<<<<<<<*/

/*WWW*/
#ex2_p1 {background:#fffef0;}
#ex2_p2 {background:#ecf9e5;}
#ex2_p3 {background:#f6f4c2;}
span {color:#000; font-weight:bold;}
p.pakiet {font-weight:bold; color:#063; margin-bottom:0px;}
p.czyli {font-style:italic; color:#063; margin-bottom:5px;}
a.linkers {position:absolute; top:550px;}
a.linkers2 {position:absolute; top:1130px;}
/*>>>>>>>>>><<<<<<<<<<*/

/*GADZETY*/
.gadzety li {background:url(../images/li.png) left center no-repeat; padding-left:15px;}
.gadzety_img img {border:1px #CCC solid;}
.gadzety_img { padding-left:12px;}
/*>>>>>>>>>><<<<<<<<<<*/

/*KONTAKT - FORMULARZ*/
#kontakt { background:url(../images/formularz_dol.jpg) bottom left no-repeat; margin-top:20px auto; width:500px;}
#kontakt form { padding:20px 0 0 20px; background:url(../images/panel_tlo.jpg) top left no-repeat;}
#kontakt #formLeft {width: 420px;}
#kontakt #formLeft input {width: 300px; margin: 0 0 20px 0; border: none; background: none; margin: 4px 0 0 10px; font-size: 1em; text-align:left;}
#kontakt #formLeft .input-bg {height: 25px;	margin-bottom: 20px; position: relative; border:#c0ee7f solid 1px; background:#FFF}
#kontakt #formLeft .active {background:#fff8e8;}
#kontakt #formRight {width: 420px;}
#kontakt #formRight textarea {width: 380px; height: 150px; display: block; border: none; background:none; margin: 0 0 0 20px; padding: 0px; font-size: 1em; overflow: auto;}
#kontakt #formRight .message-bg {border:#c0ee7f dotted 1px; background:#FFF}
#kontakt #formRight .active {background:#fff8e8;}
#kontakt label { display: block; font-size: 1em; text-indent: 10px; font-weight: bold; margin-bottom:7px;}
#kontakt label.error {position: absolute;top: -25px; left:145px; color: #ff0000; font-size: 1em; font-style: italic;	font-weight: normal; background:url(../images/error.png) left center no-repeat; padding-left:8px;}
#kontakt input.submit-button {float: right; position:relative; top:-25px; left:35px;}
#kontakt h3 {background:url(../images/formularz.jpg) no-repeat; text-indent:-9999px; height:31px; margin-bottom:0px;}
/*>>>>>>>>>><<<<<<<<<<*/

/*NAJSWIEZSZE PROJEKTY*/
#swiezynki {margin-top:4px; z-index:0;}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:670px; margin:0px auto 30px; display:none}
#fullsize {position:relative; width:670px; height:212px; padding:2px;}
#information {position:absolute; bottom:0; margin-left:60px; width:549px; height:0; background:#256326; color:#fff; overflow:hidden; z-index:0; opacity:.8; filter:alpha(opacity=80)}
#information h3 {padding:4px 8px 3px; font-size:12px; color:#FFF; font-weight:bold;}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; margin-left:60px; z-index:0; width:auto}
.imgnav {position:absolute; width:25%; height:212px; cursor:pointer; z-index:2}
#imgprev {position:absolute; left:0; margin-right:100px; background:url(../images/najnowsze_08.jpg) left center no-repeat}
#imgnext {right:0; position:absolute; background:url(../images/najnowsze_10.jpg) right center no-repeat}
#imglink {position:absolute; height:212px; width:100%; z-index:0;}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}

