BODY {
color:#7e7e7e;
font-family: Arial;
font-size:12px;
text-align:center;
background: #fff url(../images/shared/bg.jpg);
margin:0px;
}

TABLE, P, DIV {
text-align: left;
}

P,H1,H2,H3,H4,H5,H6 {
margin:0;
margin-bottom:7px;
}

IMG {
border:0px;
padding:0px;
margin:0px;
}

a {
color:#ff5b1d;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

a.poczta {color:#9fa987;text-decoration:none;}
a:hover.poczta {color:#9fa987;text-decoration:none;}

.special {color: #00722D; font-size: 14px; font-weight: bold;}
.special2 {color: #00722D; font-size: 14px; font-weight: bold;}
.special3 {color: #00722D; font-weight: bold;}

.font11 {font-size: 11px;}

.justify {
text-align: justify;
padding: 0 20px 10px 0;
}

/*==================================================
MAIN
==================================================*/
#main-container {
display:block;
width:800px;
margin:0 auto;
text-align: center;
}


#main {
width:740px;
display:block;
padding:0px 10px 0px 10px;
background: #f9f9f9 url(../images/index/bg-main.gif) repeat-x top;
margin:0;
text-align: left;
}

/*==================================================
HEADER
==================================================*/
#header {
width:740px;
height:180px;
position:relative;
display:block;
margin:0;
padding:0;
overflow:visible;
background: transparent url(../images/shared/bg.jpg) repeat-x top;
}
#header-logo {
position:absolute;
left:0px;
top:43px;
width:230px;
height:138px;
}
#header-jordan-1 {
position:absolute;
left:230px;
top:0px;
width:392px;
height:43px;
background: transparent url(../images/index/jordan-spycharka-1.jpg) no-repeat top left;
}
#header-jordan-2 {
z-index:99;
position:absolute;
left:230px;
top:-137px;
width:510px;
height:185px;
background: transparent url(../images/index/jordan-spycharka-2.jpg) no-repeat top left;
}
#header-mapa-serwisu {
position:absolute;
left:622px;
top:10px;
width:118px;
height:33px;
}

/*==================================================
CONTENT
==================================================*/
#content {
position:relative;
display:block;
margin:0;
padding:0px 10px 15px 10px;
background:#fff url(../images/index/bg-content.gif) repeat-x bottom left;
overflow:visible;
}
#content-left {
display:block;
float:left;
width:210px;
}
#content-right {
display:block;
float:right;
width:480px;
border-left:1px solid #CCC;
margin-top:55px;
padding-left:20px;
}
.menu {
  background:#f7f7f7 url(../images/index/bg-menu-top.gif) no-repeat top;
  padding:10px;
  width:190px;
}
.menu-footer {
  clear:both;
  background:transparent url(../images/index/bg-menu-bottom.gif) no-repeat bottom;
  width:210px;
  height:5px;
  font-size:1px;
}
H1, H2, H3, H4, H5, H6 {
color:#636363;
font-size:13px;
font-weight:bold;
display:block;
height:27px;
line-height:27px;
background:transparent url(../images/index/bg-h1.gif) no-repeat bottom left;
padding-left:25px;
text-transform: uppercase;
width:457px;
}
H3 {
font-size:11px;
line-height:14px;
display:block;
padding-left:5px;
padding-bottom:5px;
height:auto;
background:none;
border-bottom:1px solid #CCC;
}

#content-left H1, #content-left H2, #content-left H3, #content-left H4, #content-left H5, #content-left H6 {
padding-left:5px;
background:transparent url(../images/index/bg-h1-a.gif) no-repeat bottom left;
}

.w210 {
width: 190px !important;
}

.realizacje {
display: block;
text-align: right;
padding: 10px 18px 34px 0;
}

.ul_special LI {
padding: 0 0 6px 0;
list-style-image: url(../images/index/li_ico.gif)
}

.ul_special {
padding-left: 10px;
margin-left: 10px;
list-style-image: url(../images/index/li_ico.gif)
}

/*==================================================
CONTENT-BUGS
==================================================*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

/*==================================================
FOOTER
==================================================*/
#footer {
font-size:11px;
}
#footer-left {
display:block;
float:left;
width:210px;
padding:10px;
text-align:center;
}
#footer-right {
display:block;
float:right;
width:488px;
padding:10px;
background:#ececec;
margin-bottom:10px;
}
#footer UL {
margin:0;
padding:0;
list-style-type:none;
}
#footer LI {
display:inline;
float:left;
}
#footer LI {
padding:0px 10px;
}
#footer LI.border {
border-right:1px solid #636363;
}
#footer A {
color:#636363;
padding:3px;
}
#footer A:hover {
text-decoration:none;
color:#000;
background:#FFF;
}

/*==================================================
MENU BOCZNE
==================================================*/
#menu-boczne {
  list-style-type:none;
  margin:0;
  padding:0;
  font-size:13px;
  font-family:Arial;  
}
#menu-boczne A {
color:#636363;
font-weight:bold;
display:block;
height:25px;
line-height:25px;
background:transparent url(../images/index/bg-mnu.gif) no-repeat bottom left;
padding-left:25px;
text-transform:uppercase;
margin-bottom:5px;
}
#menu-boczne A:hover {
color:#000;
text-decoration:none;
background:transparent url(../images/index/bg-mnu-1.gif) no-repeat bottom left;
}
#menu-boczne LI {
display:inline;
}
OL LI {
margin-bottom:5px;
}

/*==================================================
ANIMACJA G??WNA/GALERIA
==================================================*/
#park_maszyn {
  display:block;
}
#park_maszyn1,
#park_maszyn2,
#park_maszyn3,
#park_maszyn4,
#park_maszyn5 {
  display:none;
}
A.gallery {
display:block;
width:143px;
float:left;
padding:5px;
margin:1px;
background:transparent url(../images/index/bg-img.jpg) repeat-x;
}
a.gallery img {
border:1px solid #FFF;
}
a.gallery:hover {
background:#ff5b1d;
background-image:none;
}


/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/

.form {border:solid 1px #97aabc; font-size:12px; font-family: Arial; background:#FFFFFF}
.form2 {border:solid 0px #FFFFFF; font-size:12px;}
SELECT.form {font-size:12px;background:#FFFFFF}
TEXTAREA.form {border:solid 1px #97aabc; font-size:12px; font-family: Arial; background:#FFFFFF}
.submit {border:solid 1px #636363; font-size:12px; font-family: Arial;background-color: #ff5b1d;color:#FFFFFF;padding:4px;}
.submit_search {border:solid 1px #636363; font-size:12px; font-family: Arial;background-color: #ff5b1d;color:#FFFFFF;padding:4px;}
.row {
padding-top: 6px;
}

/*==================================================
error - ustawienia stylu kounikatu w przypadku bledu np. w formularzu
success - ustawienia stylu komunikatu w przypadku np. pomyslnie wyslanego formularza
==================================================*/
.error {color: #000}
.success {color: #000}

/*==================================================
search - umozliwia konfiguracje wygladu wyszukiwarki
==================================================*/
.search {border:solid 1px #0c4986; font-size:12px;background-color: #f0efda;color:#0c4986}

/*==================================================
w wyniku wyszukania na dole znadjduje si? pasek z rozmiarem oraz data ostaniej modyfikacji pliku,
wlasnie dzieki result mozna skonfigurowac jej wyglad
==================================================*/
.result {color: #CCCCCC}




/*==================================================
klasy zwiazane z mapa strony
==================================================*/
.sitemap_ul {color: #00722D;}
.sitemap_li {color: #00722D;}



.float-left {
float:left;
}
.float-right {
float:right;
}