/* CSS Document */

a {color: #0094de; text-decoration:none;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.bluedark {color: #032f55;}
.bluelight {color: #0094de;}
img {border: none;}


body {background-image: url(img/bg-body.gif); background-repeat: repeat-x; color: #444; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin: 0px;}
.tab {width: 900px; margin: auto;}

#head {height: 107px; margin-bottom: 20px;}
#head a {color: #032f55;}
#head #infoline {height: 73px;}
#head #infoline .left {padding-top: 5px;}
#head #buttonline {height: 34px;}
#head #buttonline a {background-color: #FFFFFF; border: solid 1px #8c8b8b; border-bottom-color: #FFFFFF; font-size: 14px; color: #0094de; margin-left: 5px; height: 22px; display: block; padding: 10px 13px 0px 15px; float:left;}
#head #buttonline a:hover {background-color: #0094de; color: #fff;}

#head #buttonline input {height: 16px; width: 90px; border: solid 1px #032f55; padding: 2px; margin-left: 5px; margin-right: 5px;}
#head #buttonline input.ok {padding: 2px; width: 30px; height: 22px; border: none; background-color: #032f55; color:#FFFFFF; font-weight: bold; margin: 0px;}
#head #buttonline input.wyloguj {padding: 2px; width: auto; height: 22px; border: none; background-color: #032f55; color:#FFFFFF; font-weight: bold; margin: 0px; margin-left: 5px;}

.news { width:670px; float:right; }

#menu {width: 210px; background-color: #e1e1e1; float:left;}
#menu #oferta {color: #fff; background-color: #032f55; padding: 8px; font-weight: bold; font-size: 18px;}
#menu #szukajka form {margin: 0px; padding: 0px;}
#menu #szukajka {background-color: #0094de; padding: 10px; margin-bottom: 10px;}
#menu #szukajka .szukajpole {border: 0px; background-color: #fff; width: 120px;}
#menu #szukajka .szukajbutton {border: 0px; background-color: #032f55; color: #fff; margin-left: 5px;}
#menu a {font-size: 14px; display: block; padding: 8px 0px 8px 10px; color: #032f55; font-weight: bold;}
#menu a:hover {color: #0094de;}

#boxy {margin-top: 20px; font-size: 11px; float:left;}
#boxy .box {width: 190px; background-image:url(img/bg_box.gif); background-repeat: repeat-x; float: left; margin-right: 20px; padding: 10px; text-align:justify; }
#boxy .boxlast {width: 190px; padding: 10px; background-image:url(img/bg_box.gif); background-repeat: repeat-x; float: left; text-align:justify; margin-right:0px;}
#boxy a {color: #032f55; font-size: 12px; font-weight: bold; display: block; margin-top: 5px;}

#produkty {width: 690px; float:right;}
#produkty .produkt {width: 190px; height: 240px; background-image:url(img/bg_box.gif); background-repeat: repeat-x; float: left; margin-left: 20px; margin-bottom: 55px; padding: 10px; text-align: center;}
#produkty .produkt a {color: #032f55; font-size: 12px; font-weight: bold; display: block; margin-top: 5px;}
#produkty .produkt img {border: none;}
#produkty .produkt .cena {font-size: 18px; color: #0094de; margin-top: 10px;}
#produkty .produkt .pcena {color: rgb(179,24,26);}

#produkt {width: 670px; float: right;}
#produkt .titlearea {border-bottom: solid 1px #032f55; padding-bottom: 5px; margin-bottom: 10px; }
#produkt .nazwa {font-size: 22px; color: #032f55; font-weight: bold; float: left; }
#produkt .opis {font-size: 18px; color: #0094de; font-weight: normal;}
#produkt .foto {float: right; padding: 10px; text-align: right; background-image:url(img/bg_box.gif); background-repeat: repeat-x; }
#produkt form {margin: 0px; padding: 0px;}
#produkt input {height: 16px; width: 30px; border: solid 1px #032f55; padding: 2px; margin-left: 5px; margin-right: 5px;}
#produkt input.kupuje {border: 0px; background-color: #032f55; color: #fff; margin-left: 5px; width: auto; height:auto;}
#produkt td {vertical-align: bottom;}

#produkt.realizacje { width: 100%; }

#footer {border-top: solid 1px #8c8b8b; margin-top: 20px; padding-top: 5px; padding-bottom: 30px;}

.spotcontent				{ border: #D3DFE4 solid 1px; padding: 6px 10px 0px 10px; overflow: hidden;  }
.spot						{ background: #F3FBFD; margin-bottom: 12px; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; width: 210px; }
.spot img					{ border: #D3DFE4 solid 1px; border-bottom: none; display: block; }
.spot h4					{ background: #85D2E8; border-top: #85D2E8 solid 1px; border-left: #85D2E8 solid 2px; font-size: 11px; display: block; margin: 0px; font-weight: bold; }
.spot h4 span				{ background: #FFFFFF url(img/bg-spot-headline.gif) no-repeat 100% 0; padding-right: 35px; padding-left: 5px; display: block; }
.spot p					{ margin-top: 5px; }
.spot a					{ color: #00476C; }
.spot a:hover				{ color: #01A0C7; }
.spot a.link				{ display: block; font-weight: normal; margin: 5px 0 10px; }

.komunikaty { clear:both; }
.komunikat { color: #032F55;width: 210px; text-align: justify; font-size:11px;  margin-top:20px; background-color: #e1e1e1; clear:both; }
.komunikat .khead {color: #fff; background-color: #032f55; padding: 8px; font-weight: bold; font-size: 18px;}

.komunikat p { }

.realizacja { width: 440px; height: 223px; float: left; margin-bottom: 15px; margin-right: 10px; }

.realizacja p { margin: 0px; }