@CHARSET "UTF-8";

body { margin: 0; padding: 0; text-align: left; color: #90A2B3; background-color: #FFF; line-height: 18px; }
body, td, th { font-size: 11px; font-family: Tahoma, sans-serif; }


/** top */
#top { width: 100%; height: 182px; background: url('../img/site/topBg.jpg') top repeat-x; }
#top .body { width: 940px; margin: 0 auto; text-align: left; }
#top .up { height: 96px; }
#top .logo { width: 198px; height: 82px; margin: 5px 0 0 120px; float: left; }
#top .menu { margin: 32px 0 0 77px; padding: 7px 17px 7px 12px; list-style: none; float: left; border-bottom: 1px solid #D2F6FC; }
#top .menu li { width: 76px; height: 21px; border-left: 1px solid #D2F6FC; display: inline; float: left; }
#top .menu .first { border: none; }
#top .menu li a { width: 72px; height: 21px; margin: 4px 2px 0; display: block; text-align: center; text-decoration: none; font-size: 11px; color: #0EB7D6; }
#top .down { height: 86px; overflow: hidden; padding: 0 0 0 114px;  }
#top .title { width: 220px; height: 70px; margin: 16px 0 0;  padding: 0; float: left; background: url('../img/site/titleBg.jpg') no-repeat; font-family: 'Trebuchet MS'; font-size: 18px; color: #fff; text-decoration: none; }
#top .title div { width: 188px; height: 20px; margin: 14px 16px 0; overflow: hidden; display: block; text-align: center; font-family: 'Trebuchet MS'; font-size: 18px; color: #fff; text-decoration: none; }
#top .text { width: 500px; margin: 14px 0 0 60px; padding: 0 0 0 30px; float: left; background: url('../img/site/topTextBg.gif') left repeat-y; }
#top .text h1 { margin: 0 0 3px; padding: 0; font-family: "Trebuchet MS"; font-size: 25px; color: #fff; }
#top .text h1 .white { color: #FFF; }
#top .text h1 .blue { color: #08C5E7; }
#top .text p { margin: 0; padding: 0; font-size: 11px; color: #D8F9FF; line-height: 14px; }
#top .text p strong { color: #FFF; background-color: #0EB7D6; font-weight: normal; }

/** main */
#main { width: 100%; }
#main .up { width: 100%; background: #4B5C6C url('../img/site/mainBg.jpg') top repeat-x; }
#main .up .body { width: 968px; margin: 0 auto; padding: 0; }
#main .content .up .body { background: url('../img/site/bg.png') top right repeat-y; }
#main .up object { width: 905px; height: 266px; margin: 0 -44px -43px 63px; position: relative; }
#main .up .sub { width: 633px; overflow: hidden; margin: 0 0 20px 0; position: relative; float: left;  background: #4B5C6C url('../img/site/mainBg.jpg') top repeat-x; }
#main .up .sub .min-height { height: 494px; float: left; width: 0; }
#main .up .sub .contentSub { float: right; margin-left: 45px; }
#main .up .sub .projects { list-style: none; padding: 0; }
#main .up .sub .projects li { width: 578px; margin: 22px 0 0; }
#main .up .sub .projects li .number { height: 46px; float: left; text-align: center; color: #0eacc9; padding: 2px 1px 0 2px; border: 1px solid #4b5c6c; background-color: #344556; }
#main .up .sub .projects li .photo { height: 48px; margin-left: 2px; float: left; }
#main .up .sub .projects li .photo img { float: left; border: 1px solid #4b5c6c; }
#main .up .sub .projects li .description { width: 400px; margin-left: 2px; padding: 0; float: left; border: 1px solid #4b5c6c; background-color: #344556; }
#main .up .sub .projects li .description h1 { margin: 5px 0 0 10px; padding: 0; position: relative; }
#main .up .sub .projects li .description h1 a { margin: 0; padding: 0; font-size: 11px; font-weight: bold; color: #0eacc9; text-decoration: none; }
#main .up .sub .projects li .description p { color: #90a2b3; margin:  2px 0 0 10px; padding: 0; }
#main .up .sub .projects li .description .title { margin: 5px 0 0 10px; padding: 0; position: relative; }
#main .up .sub .projects li .description .title a { font-size: 11px; font-weight: bold; color: #0eacc9; text-decoration: none; }
#main .up .menuRight { width: 367px; height: 494px; margin: 0 -32px -11px 0; position: relative; float: right; background: url('../img/site/menuRightBg.jpg') no-repeat; }
#main .up .menuRight ul { width: 250px; margin: 30px 0 0 56px; padding: 1px 0 0; list-style: none; background: url('../img/site/menuBBg.gif') top repeat-x; }
#main .up .menuRight ul li { width: 250px; float: left; background: url('../img/site/menuBBg.gif') bottom repeat-x; }
#main .up .menuRight ul li .mark { background: url('../img/site/prodMark.gif') 20px center no-repeat; }
#main .up .menuRight ul li a { width: 215px; height: 20px; position: relative; padding: 5px 0 0 35px; margin: 1px 0 1px 0; color: #ddfaff; font-size: 11px; text-decoration: none; display: block; }
#main .up .menuRight ul li a:hover { color: #0abcdd; }
#main .up .botBg { width: 100%; height: 11px; background: url('../img/site/botBg.jpg') bottom repeat-x; }
#main .up .botSubBg { width: 100%; height: 11px; float: left; background: url('../img/site/botSubBg.jpg') bottom repeat-x; }
#main .up .botSubBg2 { width: 100%; height: 11px; float: left; background: url('../img/site/botSubBg2.jpg') bottom no-repeat; }
#main .up .botSubBg .navBox { width: 768px; margin: 0 auto; padding: 0 0 0 100px; }
#main .up .botSubBg .nav { width: 134px; height: 19px; padding: 5px 0 0; text-align: center;  margin: -13px 0 0 0; position: relative; float: left; background: url('../img/site/navBg.gif') no-repeat; }
#main .up .botSubBg .nav a { color: #fff; }
.sub h1 { color: #08C5E7; font-size: 22px;  line-height:18px; margin: 18px 0; }
.info div { height: 300px; }

.documentThumb, .documentImage { margin: 0 15px 15px 0; float: left; }

#main .down { width: 100%; border-top: 3px solid #08C5E7; border-bottom: 1px solid #2C3E4F; background-color: #293B4C; }
#main .down .body { width: 870px; margin: 0 auto; padding: 40px 0 0 98px; }
#main .down .offer { width: 245px; height: 260px; float: left; }
#main .down .offer h1 { margin: 0; padding: 0; font-family: "Trebuchet MS"; font-size: 25px; color: #fff; }
#main .down .offer h1 .white { color: white; }
#main .down .offer h1 .blue { color: #08C5E7; }
#main .down .offer p { margin: 20px 0 0; padding: 0; height: 132px; font-size: 11px; color: #D8F9FF; }
#main .down .offer .more { width: 150px; height: 65px; margin: 25px auto -1px; padding: 7px 0 0 7px; background: url('../img/site/moreOfferBg.jpg') no-repeat; }
#main .down .offer .more a { width: 137px; height: 32px; display: block; }
#main .down .offer .space { margin-left: 35px; }
#main .down .products { width: 277px; float:right; padding: 0 0 20px 25px; background: url('../img/site/prodBg.jpg') left center no-repeat; }
#main .down .products h1 { margin: 0 0 10px 5px; padding: 0; font-family: "Trebuchet MS"; font-size: 25px; color: #fff; }
#main .down .products h1 span { color: #08C5E7; }
#main .down .products ul { width: 250px; margin: 0; padding: 1px 0 0; list-style: none; background: url('../img/site/prodBrakBg.gif') top repeat-x; }
#main .down .products ul li { width: 250px; float: left; background: url('../img/site/prodBrakBg.gif') bottom repeat-x; }
#main .down .products ul li .mark { background: url('../img/site/prodMark.gif') 20px center no-repeat; }
#main .down .products ul li a { width: 242px; height: 20px; position: relative; padding: 5px 0 0 35px; margin: 1px -27px 1px 0; color: #DDFAFF; font-size: 11px; text-decoration: none; display: block; }
#main .down .products ul li a.active { color: #0ABCDD; background: url('../img/site/prodHoverBg.jpg') right repeat-y; }
#main .down .info { width: 302px; float: right; margin: -40px 0 0; padding: 45px 0 0; background-color: #20303E; }
#main .down .info .text { width: 260px; height: 162px; margin: 0 21px; padding: 20px 0; font-size: 11px; line-height: 18px; color: #DDFAFF; }
#main .down .info .more { width: 143px; height: 59px; margin: 28px auto 0; padding: 7px 0 0 6px; background: url('../img/site/moreInfoBg.jpg') no-repeat; }
#main .down .info .more a { width: 137px; height: 32px; display: block; }


#contactForm input,#contactForm textarea { background: #293B4C; border: 1px #373737 solid; color: #bdbaad; font: 100%/130% Tahoma,Arial, Helvetica, sans-serif; padding: 9px 13px 9px 13px; width: 333px; }
#contactForm label { display: none; }
#contactForm textarea { overflow: auto; }
#contactForm .activeField { border: 1px #dfdfdf solid; }
#contactForm input#submitBtn { cursor: pointer; margin: 0px 0px 0px 256px; padding: 7px 13px 7px 13px; width: 105px; }

/** middle */
#middle { width: 902px; margin: 0 auto; text-align: left; }


/** bottom */
#bottom { width: 100%; height: 90px; padding: 3px 0 0; background: url('../img/site/bottomBg.jpg') top repeat-x  }
#bottom .body { width: 940px; height: 93px; margin: 0 auto 0; padding-left: 17px; text-align: left; background: url('../img/site/bottomLogoBg.jpg') 706px 0px no-repeat }
#bottom .menu { height: 29px; margin: 0; padding: 0; list-style: none; }
#bottom .menu li { width: 83px; height: 21px; padding-top: 8px; text-align: center; font-size: 11px; display: inline; float: left; }
#bottom .menu .sel{ background: url('../img/site/menuElBg.jpg') no-repeat; }
#bottom .menu li a { color: #0EB7D6; text-decoration: none; }
#bottom .menu li .sel { color: #FFF; text-decoration: none; }
#bottom .copyright { margin: 20px 0 0; padding: 0; font-size: 11px; color: #7FD1E0; }

.c5 img, .c6 img { border: 2px solid #DEDEDE; padding: 2px;}
.c6 img#img3, .c6 img#img4 { margin-top: 27px;}
.c5 { width: 300px; padding-top: 0; padding-bottom: 20px;}
.c6 { width: 246px; padding-top: 0; padding-bottom: 20px;}
.c7 { width: 30px; padding-top: 0; padding-bottom: 20px; }

/** standard */
a { color: #D8F9FF; text-decoration: none; outline: inherit; }

img { border: 0; vertical-align: bottom; }
img.b { vertical-align: bottom; }
img.m { vertical-align: middle; }

table { }
td, th { vertical-align: top; }
.c, .center { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }
.t { vertical-align: top; }
.m { vertical-align: middle; }
.b { vertical-align: bottom; }

.clr { clear: both; }
.cL { clear: left; }
.cR { clear: right; }
.fl { float: left; }
.fr { float: right; }

.pageNum { padding-top: 20px; }

.failed { margin: 20px 0 0 0; }
.failed { color: #ee0; }


/** forms */
form { display: inline; }
form fieldset { display: block; border: 0; }
form legend { display: inline; margin: 0; padding: 15px 0; }
form ul { list-style: none; margin: 10px 0; padding: 0; }
form ul li { padding: 3px 0; margin: 0; clear: left; }
form ul li.hide { display: none; }
form ul li.submit { margin-left: 90px; }
form ul label { float: left; width: 80px; padding-right: 10px; text-align: right; }

input, textarea, select { font-family: sans-serif; font-size: 10px; }
input.noBorder { border: 0; }
select { font-size: 11px; }
button { border-style: none; background-color: transparent; font-size: 11px; }

.hide { display: none; }


/** http://www.hyh.pl */