/* CSS Document */

body {
background-color:#000000;
text-align: center;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}

body#dom {
background-color: #5baddf;
text-align: center;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
} 

.tab {
width: 912px;
margin:auto;
text-align:left;
}

#head {
width:872px;
height: 191px;
background-image:url(../img/head.jpg);
padding: 20px;
}

#dom #head {background-image:url(../img/head2.jpg);}

#logohead {
width: 112px;
height: 112px;
background-image:url(../img/logo.gif);
float: left;
}

input {
border: solid 1px #535353;
color: #fff100;
background-color:#000000;
}

#dom input {background-color:#5baddf;  color: #003471; border: solid 1px #ffffff;}

.login {
border: solid 1px #535353;
color: #fff100;
background-color:#000000;
font-size: 9px;
height: 11px;
width: 80px;
}

#dom .login {background-color:#5baddf; color: #003471;}

#headbottom {
width: 912px;
}

#loginarea {
margin-top: 10px;
float: left;

}

.yellow {
color: #FFF100;
font-size: 11px;
}

.blue {
 color: #003471;
font-size: 11px;
}

div.clear {
clear:both;
}

#lewa {
width: 282px;
margin-right: 10px;
margin-top: 20px;
float:left;
}

#prawa {
width: 610px;
float: right;
}

ul.yellow li {
list-style-image:url(../img/kw_red.gif);
color: #FFF100;
padding-bottom: 10px;
}

#dom ul.blue li {
list-style-image:url(../img/kw_blue.gif);
color: #003471;
padding-bottom: 10px;
}

a:link, a:visited, a:active, a:hover {
color: #FF0000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.asortyment {
width: 282px;
background-image:url(../img/bgmenu.gif);
background-position:bottom;
padding: 20px 0px 20px 0px
}

#dom .asortyment {
background-image:url(../img/bgmenu2.gif);
}

ul.white li {
list-style-image:url(../img/kw_white.gif);
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
padding-bottom: 5px;
}

ul.white li a:link, a:visited {color: #FF0000;}

#dom ul.white li a {color: #FFFF00;}

ul.white li a:link, ul.white li a:visited, ul.white li a:hover {
text-decoration: none;
}

ul.white ul li {
list-style-image:url(../img/kw_red.gif);
color: #FFFFFF;
padding-bottom: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
text-transform:none;
}

ul.white ul li a:link, ul.white ul li a:visited, ul.white ul li a:hover {
color: #FFFFFF;
}

.asortyment li a:link, a:visited, a:active, a:hover {
color: #FF0000;
text-decoration: none;
}


.answer {
display:none;	
	}
	
.question {
cursor:pointer;
	}
	
.oferta {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
margin-left: 15px;
}

#dom .oferta {color: #FF0000;}

#footer {
width: 912px;
vertical-align: bottom;
}

.sign {
float: left;
background-image:url(../img/kw_sign.gif);
background-position:left;
background-repeat:repeat-y;
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 20px;
}

#dom .sign {color: #ffffff;}

.footer {
float:right;
color: #FF0000;
width: 610px;
text-align:center;
margin-bottom: 40px;
margin-top: 10px;
}

#dom .footer {color:#0054a6;}

a:link.foot, a:hover.foot, a:visited.foot {
padding: 0px 10px 0px 10px;
color:#FFFFFF;
}

a:link.b1, a:hover.b1, a:visited.b1 {
height: 40px;
width: 126px;
background-image:url(../img/b_glowna.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
float: left;
}

#dom a.b1 {background-image:url(../img/b_glowna2.gif);}

a:hover.b1 {
background-position:bottom;
}

a:link.b2, a:hover.b2, a:visited.b2 {
height: 40px;
width: 97px;
background-image:url(../img/b_realizacje.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
float: left;
margin-left: 10px;
}

#dom a.b2 {background-image:url(../img/b_realizacje2.gif);}

a:hover.b2 {
background-position:bottom;
}

a:link.b3, a:hover.b3, a:visited.b3 {
height: 40px;
width: 78px;
background-image:url(../img/b_sklep.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
float: left;
margin-left: 10px;
}

#dom a.b3 {background-image:url(../img/b_sklep2.gif);}

a:hover.b3 {
background-position:bottom;
}

a:link.b4, a:hover.b4, a:visited.b4 {
height: 40px;
width: 104px;
background-image:url(../img/b_informacje.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
float: left;
margin-left: 10px;
}

#dom a.b4 {background-image:url(../img/b_informacje2.gif);}

a:hover.b4 {
background-position:bottom;
}

a:link.b5, a:hover.b5, a:visited.b5 {
height: 40px;
width: 78px;
background-image:url(../img/b_montaz.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
float: left;
margin-left: 10px;
}

#dom a.b5 {background-image:url(../img/b_montaz2.gif);}

a:hover.b5 {
background-position:bottom;
}

a:link.b6, a:hover.b6, a:visited.b6 {
height: 40px;
width: 92px;
background-image:url(../img/b_kontakt.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
float: left;
margin-left: 10px;
}

#dom a.b6 {background-image:url(../img/b_kontakt2.gif);}

a:hover.b6 {
background-position:bottom;
}

.ramka {
border: solid 1px #FFFF00;
padding: 10px;
margin: 10px;
background-image:url(../img/bgprodukt.gif);
}

#dom .ramka {
background-image:url(../img/bgprodukt2.gif);
border-color: #000033;
}

.ramka h1 {
padding: 0px;
margin: 0px;
color: #FFFF00;
}

#dom .ramka h1 {
color: #FF0000;
}

#dom .ramka p {
color: #333333;
}

.h1 {
background-image:url(../img/h1.gif);
background-position:right;
background-repeat:no-repeat;
width: 610px;
height: 34px;
}

#dom .h1 {background-image:url(../img/h2.gif);}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #FF0000;
text-transform:uppercase;
padding-top: 18px;
}

#dom h1 {color: #003471;}

.textblock {
width: 570px;
background-image:url(../img/bg_gradient.gif);
background-position:bottom;
background-repeat:repeat-x;
padding: 20px;
margin-bottom: 20px;
}

#dom .textblock {
background-image:url(../img/bg_gradient2.gif);
}

div.produkt {
height: 220px;
width: 193px;
background-image:url(../img/bgprodukt.gif);
text-align: center;
display:block;
margin: 10px 10px 0px 0px;
float: left;
padding: 10px 0px 10px 0px;
}


#dom div.produkt {background-image:url(../img/bgprodukt2.gif);}

.name {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
color: #FFFFFF;
}

#dom .name {color: #003471;}

#dom .produkt .yellow {color: #FF0000;}

.produktfoto {
border: none;
margin-top: 10px;
margin-bottom: 10px;
clear:both;
float: left;
}

.produktfoto img {border: none;}

.produkt .produktfoto {
float: none;
border: solid 1px #660066;
}

.red {
color: #FF0000;
}

.produktcena {
float: left;
margin-left: 20px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 1px solid red;
visibility: hidden;
color: yellow;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
top: -500px;
}

.realizacje {
border-bottom: solid 1px #535353;
padding: 10px 0px 10px 0px;
}

.realizacje .foto {
float: left;
}

.realizacje .foto img {
border: none;
}

.realizacje .data {
color: #535353;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.realizacje .text {float:right; width: 430px;}

.realizacje h2 {
float:left; 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #FF0000;
margin: 0px;
}

.realizacje .data {float:right;}

.fotolist img {
float:left;
margin: 10px;
border: 0px;
}


#dom ul.yellow li a { color: #003471;}