﻿/* SELECTORS */

/* reset css styles */
html, body
{
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
border-left:0;
}

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0; /*2px solid green;*/
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body
{
line-height: 0; /*styl definiuje odstepy miedzy liniami tekstu*/
background:url(images/tlo_big.jpg) repeat-x;
background-color:#f0f0f0;
font-family: Tahoma;
margin:0 auto;
width: 100%;
border: inherit;
font-size: 13px;
text-align:center; /* for ie5.+*/
color: #55554a;
}

ol, ul {list-style: none;} /*styl wypunktowania listy*/

table
{
border-collapse: separate;
border-spacing: 0;
}

caption, th, td /*styl komorek, tytulu kolumny i podpisu tabeli*/
{
text-align: left;
font-weight: normal;
}
/* end reset styles */

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}

/* hiperlinks */
a { text-decoration: none;
    color:#4f9c29}
a { text-decoration: none;
    color:#4f9c29}
a:hover { text-decoration: underline;
          color:#4f9c29}

/*headlines*/
h1,h2,h3,h4,h5,h6{font-weight:bold; color:#4f9c29;}
h1{font-size:100%}/* 14px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:120%}/* 16px */

/* width of page */
#outer
{
line-height: normal;
width: 1000px;
background: none;
/*background:url(images/tlo_center.jpg) no-repeat;*/
margin: auto;
text-align: left;
}

#outer a { text-decoration: none;
           color:			#ffffff}
#outer a:hover { text-decoration: none;
                 color:			  #ffffff}


#headerlogo
{
width: 333px;
height: 185px;
margin: 30px 0 0 0px;
background:none;
position:relative;
float:left;
border: inherit;
}

.logo
{
background-image: url(images/logo.png);
background-repeat: no-repeat;
width: 333px;
height: 185px;
}
.logo a
{
background: none;
width: 333px;
height: 185px;
display: block;
}
.logo a:hover
{
background: none;
}

#banner
{
width: 592px;
height: 234px;
margin: 0 0 0 333px;
background:none;
position:relative;
}

/*main content*/
#main
{
position:relative;
width:1000px;
background-image: url(images/tlo_main.png);
min-height: 510px;
float: none;
margin-top: 5px;
padding-bottom: 10px;
z-index: 1;
}

#main a { text-decoration: none;
		  font-family:     Tahoma;
          color:           #4f9c29}
#main a:hover { text-decoration: underline;
                color:			 #4f9c29}

#leftmenu
{
width: 200px;
position: relative;
float: left;
margin: 20px;
height: 0;
}

/*kategotie*/
.category_box
{
width: 200px;
min-height: 90px;
margin-bottom: 20px;
padding: 0;
position: relative;
border: inherit;
}

.cat_stamp
{
background-image: url(../template/images/blank_stamp.png);
width: 80px;
height: 80px;
display: block;
float:right;
margin-left: 5px;
}
.cat_stamp a
{
background-image: url(../template/images/blank_stamp.png);
width: 80px;
height: 80px;
display: block;
}
.cat_stamp a:hover
{
background:none;
}

#maincol
{
width: 714px;
margin: 10px 20px 20px 20px;
position: relative;
border: inherit;
background: none;
min-height: 300px;
float: left;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* contact page */
#back_send  {
position:relative;
width : 545px;
float:left;
margin : 0;
}

#formularz  {
position:relative;
margin : -12px auto 0 auto;
width : 714px;
float:left;
}

.button_back
{
background-image: url(../template/images/button_back.png);
background-repeat: no-repeat;
background-position: 0px -22px;
width: 64px;
height: 22px;
display: block;
margin:20px 0 0 0;
float: left;
}
.button_back a
{
background-image: url(../template/images/button_back.png);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 64px;
height: 22px;
display:block;
}
.button_back a:hover
{
background:none;
}

.button_send
{
background:none;
width: 47px;
height: 22px;
display: block;
margin:20px 0 0 0;
float: right;
}
.button_send a
{
background:none;
width: 47px;
height: 22px;
display:block;
}
.button_send a:hover
{
background:none;
}

input.btn
{
background-image: url(../template/images/button_send.png);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 47px;
height: 22px;
border: none;
}

input.btnhov
{
background-image: url(../template/images/button_send.png);
background-repeat: no-repeat;
background-position: 0px -22px;
width: 47px;
height: 22px;
border: none;
}

.required {
 
     float : left;
     padding-top : 13px;
	 color:#ff0000;
}

.required_padding {

     float : left; 
     width : 410px;
     padding-bottom : 0px;
}

.title {
 
     clear : both;
     float : left;
     width : 180px;
     padding-top : 13px;
}

.field {
 
     float : left;
     width : 230px;
     padding-top : 10px;
}

.enquiry {

     margin-top : 5px;
     height : 175px;
	 float:left;
}


/*Portfolio box*/
.portfolio_box
{
width:305px;
height:90px;
position:relative;
border: inherit;
display: block;
float:left;
margin: 0 11px 11px 0;
padding: 10px;
}

.stamp
{
background-image: url(../template/images/blank_stamp.png);
width: 90px;
height: 90px;
display: block;
float:left;
margin-right: 10px;
}
.stamp a
{
background-image: url(../template/images/blank_stamp.png);
width: 90px;
height: 90px;
display: block;
}
.stamp a:hover
{
background:none;
}

/*Portfolio box 200*/
.portfolio_box200
{
width:200px;
height:141px;
position:relative;
border: 2px;
border-color: #f0f0f0;
border-style: solid;
display: block;
float:left;
margin: 15px 0 15px 102px;
padding: 0;
text-align: center;
}

#portfolio_head
{
width: 510px;
position:relative;
display: block;
float:left;
margin: 15px 0 0 102px;
padding: 0;
}

/*--Koniec portfolio box 200*/

.button_description
{
background-image: url(../template/images/button_description.png);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 47px;
height: 22px;
display: block;
margin-top: 14px;
float: left;
}
.button_description a
{
background-image: url(../template/images/button_description.png);
background-repeat: no-repeat;
background-position: 0px -22px;
width: 47px;
height: 22px;
display:block;
}
.button_description a:hover
{
background:none;
}


/*footer- stopka*/
#footer  {
width : 1000px;
height : 10px;
background-image: url(images/tlo_footer.png);
font-size : 11px;
display: block;
padding: 10px 0;
}

#foot1 {
float : left;
margin-left: 10px;
}

#foot2 {
float : right;
margin-right: 10px;
}

#footer p { text-decoration: none;
            color:#55554a}

/* hiperlinks */
#footer a { text-decoration: none;
			font-family:     Tahoma;
               color:#55554a;
               font-weight: bold}

#footer a:hover { text-decoration: underline;
				  font-family:     Tahoma;
                     color:#55554a;
                     font-weight: bold}
