/* CSS Document */

/*************************************************************************************************/
/**                           Reset elementów strony                                            **/
/*************************************************************************************************/
body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

img {
margin:0;
padding:0;
border:none;
}

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

hr {
width:100%;
border:none;
border-bottom : 1px solid #000000;
clear:both;
margin-top: -2px;
float: left;
}
/*************************************************************************************************/
/**                           Cienie boczne                                                     **/
/*************************************************************************************************/
#shadows {
width:887px;
background:url(../gfx/backgrounds/shadows.jpg) center repeat-y;
display:block;
margin-left:auto;
margin-right:auto;
}

/*************************************************************************************************/
/**                           Kontener glówny                                                   **/
/*************************************************************************************************/

#container {
margin-left:16px;
width:856px;
}

/*************************************************************************************************/
/**                           Banner górny i menu glówne                                        **/
/*************************************************************************************************/

#flash_top {
width:856px;
height:246px;
display:block;
margin:0px;
padding:0px;
}

div.banner h1 {
margin:0px;
padding:0px;
}

#under_flash {
background:url(../gfx/backgrounds/under_flash_back.jpg) no-repeat;
width: 856px;
height:106px;
display:block;
margin:0px;
padding:0px;
}


#menu {
float:right;
margin-top:29px;
}

ul#menu li {
float:left;
display:inline;
list-style:none;
}

/*************************************************************************************************/
/**                           Elementy menu                                                     **/
/*************************************************************************************************/

li.ofirmie a:hover {
background:url(../gfx/menu/ofirmie_on.jpg) no-repeat;
width:90px;
height:37px;
display:block;
}
li.ofirmie a:hover img {visibility:hidden}

li.kopiarki a:hover {
background:url(../gfx/menu/kopiarki_on.jpg) no-repeat;
width:91px;
height:37px;
display:block;
}
li.kopiarki a:hover img {visibility:hidden}

li.faksy a:hover {
background:url(../gfx/menu/faksy_on.jpg) no-repeat;
width:69px;
height:37px;
display:block;
}
li.faksy a:hover img {visibility:hidden}

li.niszczarki a:hover {
background:url(../gfx/menu/niszczarki_on.jpg) no-repeat;
width:113px;
height:37px;
display:block;
}
li.niszczarki a:hover img {visibility:hidden}

li.serwis a:hover {
background:url(../gfx/menu/serwis_on.jpg) no-repeat;
width:79px;
height:37px;
display:block;
}
li.serwis a:hover img {visibility:hidden}

li.kontakt a:hover {
background:url(../gfx/menu/kontakt_on.jpg) no-repeat;
width:91px;
height:37px;
display:block;
}
li.kontakt a:hover img {visibility:hidden}

/*************************************************************************************************/
/**                           Srodkowy banner                                                   **/
/*************************************************************************************************/

#mid-menu {
background:url(../gfx/backgrounds/mid_banner.jpg) 0 0 no-repeat;
width:856px;
height:239px;
display:block;
}
/*************************************************************************************************/
/**                           Układ z jedną kolumna                                             **/
/*************************************************************************************************/

#jedna_kolumna {
float:left;
width:814px;
display:table-cell;
padding-top:16px;
margin-left:14px;
background:url(../gfx/backgrounds/oferta_background.jpg) 0 45px no-repeat;
margin-bottom:20px;
}

#oferta_contain{
margin-left: 24px;
margin-right: 14px;
}

#oferta_contain h2 {
font-size:15px;
margin-top:0px;
padding-top:0px;
}
/*************************************************************************************************/
/**                           Kontener na dwie kolumny                                          **/
/*************************************************************************************************/

#columns_container {
width:856px;
display:table-cell;
padding-top:16px;
}


/*************************************************************************************************/
/**                           Lewa kolumna                                                      **/
/*************************************************************************************************/

#left_col {
float:left;
width:233px;
margin-left:14px;
}

.left_box {
background:url(../gfx/backgrounds/left_col_background.jpg) 0 45px no-repeat;
margin-bottom:20px;
}

.left_contain {
width:210px;
margin-left:18px;
border-bottom:2px solid #7c7c7c;
padding-bottom:10px;
}

.left_contain {
text-align:center;
}

.left_contain h2 {
font-size:15px;
margin-top:0px;
padding-top:0px;
}
.left_contain h3 {
font-size:13px;
margin-top:2px;
margin-bottom:20px;
}

.left_contain a img {
border:1px solid #000;
padding:2px;
background:#FFFFFF;
}

.left_contain a:hover img {
background:#CC0000;
}

.icon {
vertical-align:middle;
margin-right:4px;
}

/*************************************************************************************************/
/**                           Prawa kolumna                                                     **/
/*************************************************************************************************/

#right_col {
background:url(../gfx/backgrounds/main_col_background.jpg) 0 45px no-repeat;
float:right;
width:544px;
margin-right:34px;
}

.main_contain {
width:506px;
margin-left:24px;
padding-bottom:10px;
text-align:justify;
}

.main_contain h2{
font-size:15px;
margin-top:0px;
padding-top:0px;
}

.oferta_list {
list-style:square;
}

/*************************************************************************************************/
/**                           Stopka                                                            **/
/*************************************************************************************************/

#footer {
clear:both;
background:url(../gfx/backgrounds/footer_background.jpg) 0 0 no-repeat;
width:856px;
height:142px;
display:block;
}

#footer_contain {
padding-top:40px;
}

#footer_lista {
list-style:none;
margin-left:112px;
}
ul#footer_lista li {
float:left;
display:inline;
margin-left:4px;
}

.copyright {
clear:both;
text-align:center;
padding-top:6px;       
}
/*************************************************************************************************/
/**                           Formularz kontaktowy                                              **/
/*************************************************************************************************/

#div_lewy {
float:left;       
}

#div_prawy {
float:left;
margin-left:60px;       
}

div#div_lewy a img{
border:1px solid #000;
padding:2px;
background:#fff;
}
div#div_lewy a:hover img{
background:#CC0000;
}

input:focus, textarea:focus {
border:1px solid #CC0000;       
}

.input_form {
border:1px solid #000;
width:250px;
}


.textarea_form {
border:1px solid #000;
width:254px;
height:100px;
}

.input_button {
border:1px solid #000;
color:#000;
background-color:#ccc;

}

/*************************************************************************************************/
/**                           Dział kopiarek                                                    **/
/*************************************************************************************************/

.sublist {
list-style:none;
float:right;
margin-top:0px;
margin-bottom:50px;
}
.sublist li{
margin-left:4px;
float:left;
display:inline;
}
.sublist .off a {
font-weight:bold;
color:#666;
}
.sublist .off a:hover {
text-decoration:none;
color:#CC0000;
}

.sublist .on a{
font-weight:bold;
text-decoration:none;
color:#CC0000;
}
.sublist .on a:hover {
text-decoration:none;
color:#CC0000;
}

.product_show, .porownaj_show{
clear:both;
width:814px;
}

.product_list{
float:left;
width:230px;
margin-top:-17px;
}
.product_list ul {
list-style: square;
margin-left:-26px;
}

.product_display{
float:right;
width:550px;
}       

.product_foto {
width:200px;
vertical-align:top;
margin-bottom: 10px;
}

.product_foto a img{
border:1px solid #000;
padding:2px;
background:#FFFFFF;
}

.product_foto a:hover img{
background:#CCC;
}

.product_details{
width:500px;
float:left;
margin-left:10px;
vertical-align:top;
margin-bottom:60px;
}

.product_title{
font-weight:bold;
font-size:15px;
color:#CC0000;
text-decoration:underline;
}
.product {
margin-top:10px;
margin-bottom:10px;
}

.product tr td {
vertical-align:top;       
}
.product_parametr{
text-align:right;
width:120px;
}

/*************************************************************************************************/
/**                           Porównywarka                                                      **/
/*************************************************************************************************/
.porownaj {
margin-top:42px;
margin-left:auto;
margin-right:auto;
}

.porownaj_img {
background:#fff;
padding:3px;
border:1px solid #999;
}

.porownaj_opis2 {
vertical-align:top;
text-align: center;
}

.nazwa {
background-color:#d50030;
}
.nazwa_kolor {
background-color:#f7f7f7;
border:1px solid #333;
text-align:center;
}

.parametr {
background-color:#83001e;
}

.nazwa, .parametr {
border:1px solid #333;
font-weight:bold;
text-align:right;
padding-right:6px;
color:#FFF;
}

.wartosc {
border:1px solid #333;
text-align:center;
background-color:#dedede;
}
/*************************************************************************************************/
/**                           Dodatkowe elementy                                                **/
/*************************************************************************************************/

.html_check, .css_check {
font-weight:bold;
color:#666;
}

.copyright a:hover{
color:#CC0000;
text-decoration:none;
}

.autor {
margin:4px 6px 0px 0px;
float:right;
font-size:11px;
}

.slowa_kluczowe {
margin:4px 6px 0px 0px;
float:right;
font-size:11px;
color: #E0E0E0;
}

.hd {
margin:0;
padding:0;
text-align:right;
font-size:1px;
color:#FFF;
}