body { margin : 0 auto; font-family : Tahoma; font-size : 11px; color : #000; background : #fff url(../../../images/page/bg.gif); background-repeat : repeat-x; }
#page {margin: 0px auto; padding: 0px; width: 875px; }
a {color: #88D723;}

/*******CONTENT**************/

#left-shadow {float: left; width: 18px; height:450px; background : #fff url(../../../images/page/left_shadow.gif); }
#right-shadow {float: left; width: 18px; height:450px; background : #fff url(../../../images/page/right_shadow.gif); }
#main {float:left; width: 830px;}

#top {height: 297px; width: 100%;  padding-top: 15px;}
#logo {padding-top: 15px;}
#top-left { float: left; width: 184px; height: 297px; background: #fff;}
#top-green {margin-left: 1px; height: 12px; width:183px; background: #88D722; }
#top-quality {margin-left: 1px; background: #004678; width:183px; color:#CBDFED; font-size:14px; text-align: center; padding-top: 15px; height: 38px; border-bottom: 1px solid #80A3BC; }
#top-welcome {margin-left: 1px; background: #004678; width:163px; color:#CBDFED; font-size:11px; text-align: right; padding: 15px 10px 10px 10px; height: 76px;}

#top-right {float:left; width: 645px; height: 297px;}
#top-map { text-align: right; padding-top: 15px; padding-bottom:15px;}
#top-map a {margin-right: 25px;}
#top-image {width: 100%; height: 220px; background : #fff url(../../../images/page/top_right_bg.gif); background-repeat:no-repeat;}
#top-menu { height: 40px; text-align: right;}
#top-menu a {font-size: 12px; text-decoration:none; color: #004678; margin-right: 30px;}
#top-menu .top-image-separator {margin-right :30px;}
#top-menu a.active {font-weight:bold; color: #88D723;}

#navigation { background: #F6F6F6; padding: 12px 10px 0px 10px; height:10px; width: 810px;}
#navigation span {color: #004678; font-weight: bold; font-size: 10px; margin-right: 15px;}
#navigation a {color: #001B2F; font-size: 10px; text-decoration:none;}

#content { margin-top: 20px; padding: 15px;}f

#content-foot-space { height: 35px; width: 100%;}

#homepage {list-style-type:none; margin:0; padding:0; width:auto; margin-left: -10px; background:#E5F3FF;}
#homepage li {display:block; float:left;}
#homepage li a { display:block; float:left; font-weight:bold; width:186px; margin-left: 15px; margin-bottom:15px; height:85px; padding:0px 0px 0; text-transform:uppercase; }
#homepage-hidden {display: none;}

.rynny {background: url(../../../images/page/homepage-menu/rynny.gif) no-repeat scroll left top; }
.podsufitka {background: url(../../../images/page/homepage-menu/podsufitka.gif) no-repeat scroll left top; }
.siding {background: url(../../../images/page/homepage-menu/siding.gif) no-repeat scroll left top;  }
.drzwi {background: url(../../../images/page/homepage-menu/drzwi.gif) no-repeat scroll left top;  }
.blacha {background: url(../../../images/page/homepage-menu/blacha.gif) no-repeat scroll left top;  }
.okna {background: url(../../../images/page/homepage-menu/okna.gif) no-repeat scroll left top;  }
.schody {background: url(../../../images/page/homepage-menu/schody.gif) no-repeat scroll left top;  }
.folia {background: url(../../../images/page/homepage-menu/folia.gif) no-repeat scroll left top;  }

a:hover.rynny {background: url(../../../images/page/homepage-menu/rynny_active.gif) no-repeat scroll left top; }
a:hover.podsufitka {background: url(../../../images/page/homepage-menu/podsufitka_active.gif) no-repeat scroll left top; }
a:hover.siding {background: url(../../../images/page/homepage-menu/siding_active.gif) no-repeat scroll left top;  }
a:hover.drzwi {background: url(../../../images/page/homepage-menu/drzwi_active.gif) no-repeat scroll left top;  }
a:hover.blacha {background: url(../../../images/page/homepage-menu/blacha_active.gif) no-repeat scroll left top;  }
a:hover.okna {background: url(../../../images/page/homepage-menu/okna_active.gif) no-repeat scroll left top;  }
a:hover.schody {background: url(../../../images/page/homepage-menu/schody_active.gif) no-repeat scroll left top;  }
a:hover.folia {background: url(../../../images/page/homepage-menu/folia_active.gif) no-repeat scroll left top;  }

/******FOOT*****************/
#foot {height: 75px; background : #fff url(../../../images/page/foot.gif); background-repeat : repeat-x; }
#foot-content {width: 830px; margin:0px auto; padding:0px;}
#foot-copyright {height: 20px; text-align:center; color:#888888; font-size: 10px;}
#foot-logo {padding-left:10px;}
#foot-main {padding-top:12px; height: 50px;}
#foot-info {width: 300px; float: left; color: #004678; font-size: 12px; font-weight: bold;}
#created {font-size: 10px; text-align: right;}
#foot-menu {width: 300px; float:right; text-align:right; color: #88D723; }
#foot-menu a {color: #88D723; text-decoration:none; padding: 0px 10px 0px 10px;}

#site-map a {text-decoration: none; font-size: 11px; color: #004678}
#site-map li a {font-weight:bold;}
#site-map-2 li a {font-weight:bold; color: #88D723;}
#site-map-3 li a {font-weight:normal; color: #004678;}

#page-head {font-size: 15px; color:#004678; font-weight:bold; border-bottom:1px solid #7BC1E6; padding-bottom:5px;}

#files-header #name {background: #E5F3FF; font-size:11px; color: #004678; font-weight: bold; width: 260px; text-align: center; padding: 10px; border-bottom: 1px solid #7BC1E6; float:left;}
#files-header #description {font-size:11px; color: #004678; font-weight: bold; width: 230px; text-align: center; padding: 10px; border-bottom: 1px solid #7BC1E6; float:left;}
#files-header #size {font-size:11px; color: #004678; font-weight: bold; width: 60px; text-align: center; padding: 10px; border-bottom: 1px solid #7BC1E6; float:left;}
#files-header #type {font-size:11px; color: #004678; font-weight: bold; width: 60px; text-align: center; padding: 10px; border-bottom: 1px solid #7BC1E6; float:left;}
#files-header #save {font-size:11px; color: #004678; font-weight: bold; width: 60px; text-align: center; padding: 10px; border-bottom: 1px solid #7BC1E6; float:left;}


.file .name {background: #E5F3FF; font-size:11px; color: #004678; font-weight: bold; width: 260px; text-align: center; padding: 10px; border-bottom: 1px solid #7BC1E6; float:left;}
.file .description {font-size:11px; color: #004678; width: 230px; text-align: center; padding: 10px; border-bottom: 1px solid #7BC1E6; float:left;}
.file .size {font-size:11px; color: #004678; width: 60px; text-align: center; padding: 10px; border-bottom: 1px solid #7BC1E6; float:left;}
.file .type {font-size:11px; color: #004678; width: 60px; text-align: center; padding: 6px 10px 7px 10px; border-bottom: 1px solid #7BC1E6; float:left;}
.file .save {font-size:11px; color: #004678; width: 60px; text-align: center; padding: 5px 10px 5px 10px; border-bottom: 1px solid #7BC1E6; float:left;}

#files {padding-top: 15px; clear: both;}
#page-content-left {float: left; padding-top: 15px; width: 185px;}
#page-content-right {float: left; padding: 10px;  padding-top: 0px; font-size:12px; font-family: arial;}

#left-menu {list-style-type:none; margin:0; padding:0; width:auto; margin-left: -10px;}
#left-menu li {display:block; float:left;}
#left-menu li a { display:block; float:left; font-size:11px; font-weight:normal; width:166px; margin-left: 0px; margin-bottom:0px; height:27px; padding:16px 20px 0; text-decoration: none;  color: #fff;}

/*#left-menu li .rynny {background: url(../../../images/page/left-menu/rynny.gif) no-repeat scroll left top; }
#left-menu li .podsufitka {background: url(../../../images/page/left-menu/podsufitka.gif) no-repeat scroll left top; }
#left-menu li .siding {background: url(../../../images/page/left-menu/siding.gif) no-repeat scroll left top;  }
#left-menu li .drzwi {background: url(../../../images/page/left-menu/drzwi.gif) no-repeat scroll left top;  }
#left-menu li .blacha_dachowa {background: url(../../../images/page/left-menu/blacha_dachowa.gif) no-repeat scroll left top;  }
#left-menu li .okna_dachowe {background: url(../../../images/page/left-menu/okna_dachowe.gif) no-repeat scroll left top;  }
#left-menu li .schody_dachowe {background: url(../../../images/page/left-menu/schody_dachowe.gif) no-repeat scroll left top;  }
#left-menu li .folia_dachowa {background: url(../../../images/page/left-menu/folia_dachowa.gif) no-repeat scroll left top;  }
*/
#left-menu a {background: url(../../../images/page/left-menu/bg.png) no-repeat scroll left top;  }
/*
#left-menu li a:hover.rynny {background: url(../../../images/page/left-menu/rynny_active.gif) no-repeat scroll left top; }
#left-menu li a:hover.podsufitka {background: url(../../../images/page/left-menu/podsufitka_active.gif) no-repeat scroll left top; }
#left-menu li a:hover.siding {background: url(../../../images/page/left-menu/siding_active.gif) no-repeat scroll left top;  }
#left-menu li a:hover.drzwi {background: url(../../../images/page/left-menu/drzwi_active.gif) no-repeat scroll left top;  }
#left-menu li a:hover.blacha_dachowa {background: url(../../../images/page/left-menu/blacha_dachowa_active.gif) no-repeat scroll left top;  }
#left-menu li a:hover.okna_dachowe {background: url(../../../images/page/left-menu/okna_dachowe_active.gif) no-repeat scroll left top;  }
#left-menu li a:hover.schody_dachowe {background: url(../../../images/page/left-menu/schody_dachowe_active.gif) no-repeat scroll left top;  }
#left-menu li a:hover.folia_dachowa {background: url(../../../images/page/left-menu/folia_dachowa_active.gif) no-repeat scroll left top;  }
*/
#left-menu a:hover {background: url(../../../images/page/left-menu/bg_active.png) no-repeat scroll left top;  }

#left-menu li a.step_2 {background:#E5F3FF; font-size: 11px; font-weight:bold; color: #004678; padding: 8px; width: 167px; height:18px; border-bottom: 1px dotted #7BC1E6;}
#left-menu li a.step_3 {background:#7BC1E6; font-size: 11px; font-weight:bold; color: #004678; padding: 8px; width: 145px; height:18px; border-bottom: 1px dotted #FFFFFF; padding-left: 30px;}


#phone {float: left; width: 400px; padding-top: 20px; padding-left: 5px;}
#make-message { float:left; width:200px;}
#make-message-box {width: 200px; height:50px;}