/* CSS Document */

body{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #7C7C7C; font-size: 11px; line-height:15px; background:url(../img/home_bg.jpg) repeat-x #E6F2FF }

*{margin: 0px; padding: 0px}
img{border: none;}
img, div { behavior: url(../iepngfix.htc)}
table tr, td{ vertical-align:top}
a{text-decoration:none; color:#0E0E70}
a:hover{text-decoration:underline}

#Container{width:973px; margin:0px auto;}
#Header{height:66px; margin-left:23px}
#Header .right{margin-right:60px; text-align:right}
#Header .darkblue{font-size:11px}
#Header a{color:#7C7C7C}
#Menu{margin:0;}
#Menu ul{display:block; margin:8px 0px}
#Menu li{list-style:none; display:inline; margin-right:10px; }
#Menu li a:hover{background:#3B459E}
#Menu li a{padding:9px 2px; }

#Shadow_l{float:left; margin-top:52px; margin-left:-23px; position:relative; z-index:10; background:url(../img/cien_l.jpg) no-repeat; width:23px; height:150px}
#Shadow_r{float:left; margin-top:52px; position:relative; z-index:10; background:url(../img/cien_r.jpg) no-repeat; width:23px; height:150px}

#Home{background:#FEFEFE; padding: 0;  float:left; width:924px }
#Text{padding:25px 0px; position:relative}
#HomeBox{position:absolute; right:31px; top:-2px; background:url(../img/home_box_naskroty2.jpg) no-repeat; width:189px; height:163px}
#Na_skroty{position:absolute; right:31px; top:-130px; width:175px; height:150px}
.podstrona_baner{display:block; margin-top:40px}

input{font-size:11px; padding:2px; color:#7C7C7C; border:#CECECE 1px solid}

h1{color:#77A3CA; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:100; margin:0px 0px 20px; z-index:10; position:relative}
h2{color:#0E0E70; font-size:12px; font-weight:100; margin-bottom:10px}

input{font-size:11px; padding:2px; color:#7C7C7C}

.left{float:left}
img.left{margin-right:10px}
#Home div.left{margin-right:50px}
#Content div.left{margin-right:20px}
.clear{clear:both}
.right{float:right}
.center{text-align:center}

.darkblue{color:#0E0E70; font-size:12px}

#Products {width:950px; height:1px; text-align:right; clear:both; overflow: hidden;}

#Products ul {height: 73px; overflow: hidden; width: 940px; padding-right: 10px; } 

#Products li{list-style:none; display:inline; margin-left:3px; margin-right: 0px; height:74px;}

#Footer{margin-left:23px; margin-top:13px}
#Footer li{list-style:none; display:inline; margin-right:10px; }
#Footer li a{color:#7C7C7C }
#Footer li.border{border-right:1px solid #7C7C7C; padding-right:10px}

#ShadowBottom{z-index:-10; background:url(../img/cien_bottom.png) no-repeat; height:156px; margin-top:-144px; margin-left:-21px;}

#Submenu li, #Na_skroty li{padding:2px; background:url(../img/separator.gif) repeat-x bottom; list-style:none; margin-right:20px}
#Na_skroty li a{background:url(../img/arrow.gif) no-repeat 0px 5px; padding-left:10px; color:#7C7C7C}
#Submenu li a{padding-left:20px; color:#7C7C7C; height:15px}
#Submenu li a.active{background:url(../img/submenu_arrow.gif) no-repeat;}

#Newsletter{margin-top:50px}
#Newsletter p{background:url(../img/arrow.gif) no-repeat 0px 5px; padding-left:10px; margin:10px 0px}
#FormButton{display:block; margin-top:-21px; margin-left:145px; cursor:pointer}
#Newsletter input{width:130px}

#midsection {position: relative; background:url('../img/aktualnosci_bg.jpg') repeat-x; height: 294px; width: 900px; margin: 8px auto 0;}

.item {width: 180px; padding-right: 14px; height: 170px; float: left; overflow: hidden;}
.item a {color: #717171; font-family: Arial; font-size: 10px;}
div#news {outline: none; height: 294px; width: 900px; margin: 0 auto; }
div#slider {width: 900px; margin: 16px auto 0; position: relative; height: 392px; overflow:hidden; text-align: center;}
.carousel-wrap {width: 775px; margin: 0 auto; top: 70px}
.carousel-next {width: 44px; height: 88px; display: block; background: url('../img/arrow_right.jpg') no-repeat -44px 0; border: 0; position: absolute; right: 0; top: 30%; text-indent: -100em }
.carousel-next:hover {background-position: 0 0;}
.carousel-previous {width: 44px; height: 88px; display: block; background: url('../img/arrow_left.jpg') no-repeat 1px 0; border: 0; position: absolute; left: -1px; top: 30%; text-indent: -100em }
.carousel-previous:hover {background-position: -43px 0;}
#newsletter {width: 411px; height: 48px; position: absolute; top: 0; right: 0; background: url('../img/newsletter.jpg') no-repeat }
#midsection .head {width: 114px; height: 19px; position: absolute; top: 21px; left: 33px; background: url('../img/aktualnosci_header.jpg') no-repeat }
#newsletter-input { padding: 4px; width: 170px; height: 27px; left: 210px; top: 10px; background: url('../img/newsletter_input.jpg') no-repeat; position: absolute}
#newsletter-input input { border: none; width: 157px; background: none;}
#newsletter-label {position: absolute; top: 16px; left: 130px;}
#FormButton {position: absolute; bottom: 1px; left: 190px;}

#slider a { display: block; position: absolute; top: 0; left: 0; }
/*#slider a.active { display: block;}*/
#slider div.thumbs { z-index: 10 !important; position: absolute !important; top: 0; left: 784px !important;width: 118px; background: url('../img/thumbs_bg.png') repeat-y; height: 395px;  }
#slider div.thumbs ul {list-style-type: none;}
#slider div.thumbs ul li {padding: 8px 4px 2px 2px; width: 118px; height: 88px }
#slider div.thumbs ul li a{display: block; position: relative;}
.button {display: block; z-index: 120; width: 100%; height: 10px; background: #ffff00; position: absolute;}
.buttonPrev {bottom: 0; background: transparent url('../img/arrow_bottom.png') no-repeat;}
.buttonNext {top: 0; background: transparent url('../img/arrow_top.png') no-repeat;}