/* CSS Document dla Ogrod&Styl
Autor: Mariusz Brodda
mail: broddam@gmail.com */

body{
margin:0; padding:0;
line-height: normal;
font-family: Tahoma, Verdana, Arial, serif;
background: url('gfx/trawa.jpg') ;
}

strong {color: #690;}

img.decor_zawartosc
{
position: absolute;
right: 0px; bottom: 0px; 
} 

#maincontainer{
width: 934px; 
margin: 0 auto 45px auto;
text-align: center;
position: relative;
}

#topsection{
background: #fff;
height: 246px; margin-top: 45px;
position: relative;
}

#topsection #male_menu
{
width: 160px; height: 25px;
position: absolute; top: 2px; right: 2px;
}

#topsection #male_menu p
{
line-height: 25px;
margin: 0; padding: 0 5px;
color: #e0e0e0;
}

#topsection #male_menu p a
{
color: #fff; text-decoration: none;
padding: 0 5px; margin: 0;
font-size: 12px; font-weight: bold; 
}

#topsection #male_menu p a:hover
{
text-decoration: underline;  
}

#topsection h1{
margin: 0;
padding-top: 15px;
margin: 0; padding: 0;
}

#contentwrapper{
width: 100%; position: relative;
overflow: hidden; 
background: url('gfx/strona_tlo.jpg') repeat-y center;
}

#dekorator
{
width: 100%; position: relative;
overflow: hidden; 
background: url('gfx/tlo_zawartosc.jpg') no-repeat right bottom;
}

#contentcolumn{
float: left;  
width: 726px; text-align: left;
background: url('gfx/zawartosc_tlo.jpg') no-repeat center center;
min-height: 460px;
height: auto !important; height: 460px;
}

#contentcolumn_nawodnienie{
float: left;  
width: 726px; text-align: left;
background: url('gfx/tlo_nawodnienie.jpg') no-repeat center center;
min-height: 460px;
height: auto !important; height: 460px;
}

#contentcolumn_nawodnienie p
{
font-size: 14px; font-weight: normal;
}

#contentcolumn_nawodnienie li
{
font-size: 14px; font-weight: normal;
margin: 5px 0 5px 0;
}

#contentcolumn_nawodnienie h2
{
font-size: 15px; font-weight: bold; height: 35px; padding-top: 20px;
color: #090;
background: url('gfx/ozdoba_naglowka.jpg') no-repeat; text-indent: 50px;
}

#contentcolumn p
{
font-size: 14px; font-weight: normal;
}

#contentcolumn li
{
font-size: 14px; font-weight: normal;
margin: 5px 0 5px 0;
}

#contentcolumn h2
{
font-size: 15px; font-weight: bold; height: 35px; padding-top: 20px;
color: #090;
background: url('gfx/ozdoba_naglowka.jpg') no-repeat; text-indent: 50px;
}

#contentcolumn h3
{
font-size: 13px; font-weight: bold; height: 35px; padding-top: 20px;
color: #090;
}

#contentcolumn img 
{
margin: 10px; padding: 0; border: none;
}

#contentcolumn #nasz_ogrod
{
width: 700px; margin: 0; padding: 0;
list-style: none; overflow: hidden;
}

#contentcolumn #nasz_ogrod li
{
width: 125px; height: 92px; float: left; display: block;
margin: 5px; padding: 0; 
}

#contentcolumn #nasz_ogrod li a
{
width: 122px; display: block; margin: 0; padding: 0;
}

#contentcolumn #nasz_ogrod li a img
{
border: none; margin: 0; padding: 0; display: block;
}

#contentcolumn #projekty
{
width: 700px; margin: 0; padding: 0;
list-style: none; overflow: hidden;
}

#contentcolumn #projekty li
{
width: 155px; height: 95px; float: left; display: block;
margin: 5px; padding: 0; 
}

#contentcolumn #projekty li a
{
width: 122px; display: block; margin: 0; padding: 0;
}

#contentcolumn #projekty li a img
{
border: none; margin: 0; padding: 0; display: block;
}

#contentcolumn #zielen
{
width: 700px; margin: 0; padding: 0;
list-style: none; overflow: hidden;
}

#contentcolumn #zielen li
{
width: 150px; height: 112px; float: left; display: block;
margin: 5px; padding: 0; 
}

#contentcolumn #zielen li a
{
width: 150px; display: block; margin: 0; padding: 0;
}

#contentcolumn #zielen li a img
{
border: none; margin: 0; padding: 0; display: block;
}


#contentcolumn #zielen_sz
{
width: 700px; margin: 0; padding: 0;
list-style: none; overflow: hidden;
}

#contentcolumn #zielen_sz li
{
width: 112px; height: 150px; float: left; display: block;
margin: 10px 25px; padding: 0; 
}

#contentcolumn #zielen_sz li a
{
width: 112px; display: block; margin: 0; padding: 0;
}

#contentcolumn #zielen_sz li a img
{
border: none; margin: 0; padding: 0; display: block;
}

#contentcolumn table
{
width: 440px; margin: 0 auto; padding 0; 
}

#contentcolumn table tr
{
margin: 0; padding: 0;
}

#contentcolumn table td
{
margin: 0; padding: 0; text-align: center;
}

#contentcolumn table td img
{
border: none;
}

#leftcolumn{
float: left; overflow: hidden;
width: 208px; 
}

#leftcolumn #menu_nawigacyjne
{
width: 240px;
margin: 20px auto 0 auto;
overflow: hidden;
}

#leftcolumn #menu_nawigacyjne ul
{
list-style: none;
margin: 0; padding: 0;
text-align: left;
}

#leftcolumn #menu_nawigacyjne ul li
{
padding: 0 0 5px 20px; margin: 0 0 10px 0;
width: 160px; 
background: url('gfx/decor_menu_lista.jpg') no-repeat bottom center;
line-height: normal;
font-size: 12px; color: #58595B;
font-weight: bold; text-decoration: none; 
}

#leftcolumn #menu_nawigacyjne ul li.male_menu
{
padding: 0 0 5px 0; margin: 0 0 10px 0;
/*background: url('gfx/decor_menu_lista.jpg') no-repeat bottom center;*/
line-height: normal;
background: none;
 
}

#leftcolumn #menu_nawigacyjne ul li a
{
font-size: 12px; color: #005E20;
font-weight: bold; text-decoration: none; 
display: block; width: 140px;
margin: 0; padding: 0 0 0 25px;
background: url('gfx/decor_menu.jpg') no-repeat top left;
}

#leftcolumn #menu_nawigacyjne ul li p
{
font-size: 12px; color: #58595B;
font-weight: bold; text-decoration: none; 
display: block; width: 230px;
margin: 0; padding: 0 0 0 15px;
background: url('gfx/decor_menu.jpg') no-repeat top left;
}

#leftcolumn #menu_nawigacyjne ul li a:hover
{
text-decoration: underline;
}

/*#leftcolumn #menu_nawigacyjne ul li a.podmenu*/
#leftcolumn #menu_nawigacyjne ul a.podmenu
{
font-size: 11px; color: #848588;
font-weight: bold; text-decoration: none; 
display: block; width: 100px;
margin: 5px 0; padding: 0 0 0 65px;
/*background: url('gfx/decor_menu.jpg') no-repeat top left;*/
background: none;
}

#leftcolumn #menu_nawigacyjne ul li a.podmenu:hover
{
text-decoration: underline;
}

#leftcolumn img.wynajem
{
width: 162px; height: 124px;
margin: 20px auto; display: block;
}

#footer{
clear: left;
width: 100%;
background: url('gfx/strona_tlo.jpg') repeat-y;
color: #666;
text-align: center;
padding: 4px 0;
}

#footer p{
font-size: 11px; color: #005E20;
}
em.stopka
{
margin: 0 10px; font-style: normal;
}

img.stopka_opis
{
display: block; width: 726px;
margin-left: 208px;
}

.innertube{
margin: 10px; 
}

#contact-form {width: 660px; margin: 0; padding: 0;}
#contact-form ul.kontakt {list-style-type: none; width: 640px; margin: 0; padding: 0;}
#contact-form ul.kontakt li {margin:2px 0 0 0; padding: 0; width: 640px; overflow: hidden; display: block;}

#contact-form ul.kontakt li .col_label1 {float: left; width: 133px; height: 40px; background: url('gfx/formularz/1.jpg') #9c9; margin-right: 5px; text-align: right; line-height: 40px;}

#contact-form ul.kontakt li .col_label2 {float: left; width: 133px; height: 40px; background: url('gfx/formularz/2.jpg') #9c9; margin-right: 5px; text-align: right; line-height: 40px;}

#contact-form ul.kontakt li .col_label_area {float: left; width: 133px; height: 110px; background: url('gfx/formularz/3.jpg') #9c9; margin-right: 5px; text-align: right; line-height: 110px;}
/*-------------------------------------------------------------------------*/
#contact-form ul.kontakt li .col_input1 {float: left; width: 400px; height: 40px; background: url('gfx/formularz/4.jpg') #9c3; line-height: 40px;}

#contact-form ul.kontakt li .col_input2 {float: left; width: 400px; height: 40px; background: url('gfx/formularz/5.jpg') #9c3; line-height: 40px;}

#contact-form ul.kontakt li .col_area {float: left; width: 400px; height: 110px; background: url('gfx/formularz/6.jpg') #9c3;}


#contact-form label {margin-right: 5px; width: 150px;}

#contact-form input  {margin:10px 0 3px 2px; text-align: left; width: 290px;}
#contact-form input.przycisk  {margin-left:405px; text-align: center; width: 69px; height: 23px; border: none; background: url('gfx/formularz/7.jpg') no-repeat; }
#contact-form textarea {margin:10px 0 3px 2px; text-align: left; width: 300px; height: 90px;}