body {position:relative; margin:0; background:#eeeeee}
a {color:#ff6c22}
span.orange {color:#ff6c22}
div#content {margin:0 auto; padding:0 1px}
.relative {position:relative}
.m10 {margin:10px}
.mBottom20 {margin-bottom:20px}
.mTop40 {margin-top:40px}
.w1020 {width:1020px; margin:0 auto}
.w200 {width:200px;}
.orange {color:#FF7917;}
.fLeft {float:left;}
.fRight {float:right}
.w120 {width:120px}
.ulDot {color:#DDD}
.ulDot span {color:#666666}
.w185 {width:185px}
.alignR {text-align:right}
.mTB5 {margin-top:5px; margin-bottom:5px}
.mTB20 {margin-top:20px; margin-bottom:20px}
.w330 {width:330px}
.clear {clear:both; overflow:hidden}
.overF {overflow:hidden}
h3.tytul {font:24px Arial; color:#FF7917; margin-top:10px;}
h3.tytul span {color:#888888; display:block; font:13px Arial;}
h3.tytul2 {font:24px Arial; color:#FF7917; margin-left:60px; margin-top:50px}
h3.tytul2 span {color:#888888; display:block; font:13px Arial;}

h3.products {font:bold 16px Arial; text-align:left; color:#FF7917;}
/* products */
    .productsLeftRight {width:1000px; height:150px}
    .hLeft {width:500px; height:150px; overflow:hidden; float:left}    
    .hLeft div {margin:30px 60px 0 180px}
    .hLeft:hover {background:url(../images/arrow_left.gif) 485px 36px no-repeat}
    .hRight {width:499px; height:150px; overflow:hidden; float:left}    
    .hRight:hover {background:url(../images/arrow_right.gif) 5px 36px no-repeat}
    .hRight div {margin:30px 160px 0 60px}
    div.border_pion {float:left; width:1px; height:150px; background:url(../images/border_pion.gif) no-repeat;}
    div.border_pion_middle {float:left; width:1px; height:150px; background:url(../images/border_pion.gif) center center no-repeat;}
    div.border_pion_bottom {float:left; width:1px; height:150px; background:url(../images/border_pion.gif) 0px -210px no-repeat;}
    div.border_poziom {width:1000px; height:1px; background:url(../images/border_poziom.gif) 250px 0 no-repeat !important; overflow:hidden;}

    div.bip {float:left; width:499px; height:150px; background:url(../images/bip-maly.jpg) no-repeat;}
    div.crm {float:left; width:499px; height:150px; background:url(../images/crm-maly.jpg) right no-repeat;}
    div.dms {float:left; width:499px; height:150px; background:url(../images/dms-maly.jpg) right no-repeat;}
    div.eip {float:left; width:499px; height:150px; background:url(../images/eip-maly.jpg) no-repeat;}
    div.lms {float:left; width:499px; height:150px; background:url(../images/lms-maly.jpg) no-repeat;}
    div.consulting {float:left; width:499px; height:150px; background:url(../images/consulting-maly.jpg) right no-repeat;}
	div.software {float:left; width:499px; height:150px; background:url(../images/software-maly.jpg) no-repeat;}
	div.corporate {float:left; width:499px; height:150px; background:url(../images/corporate-maly.jpg) no-repeat;}
    	
    a.titles {clear:both; color:#ff8000; font-weight:bold; text-decoration:none}
/* k: products */
div.hr {clear:both; overflow:hidden; width:769px; height:16px; background:url(../images/hr.gif) no-repeat; margin:0 auto}
div.hr hr {display:none; margin:0; padding:0}
input[type=text], input[type=text], textarea {border:1px solid #eaeaea; background:#f9f9f9 url(../images/input_bg.gif) top repeat-x}
#topbg {background:url(../images/top_bg.gif) repeat-x #363636; height:142px; z-index:100; position:relative; overflow:hidden;}
#top {background:url(../images/top_bg.gif) repeat-x #363636; width:1020px; height:142px; z-index:100; position:relative; overflow:hidden; margin:0 auto;}
#menuTop {background:url(../images/top_bg.gif) repeat-x #363636; position:absolute; left:0; width:740px !important; overflow:hidden}
#linkLogo {position:absolute; background:url(../images/logo_itis.gif) no-repeat; left:753px; top:1px; width:238px; height:142px}
#linkLogo a {width:238px; height:105px; display:block}
#linkLogo a span {display:none}

#linkLogo div#language {width:238px; height:30px; margin-top:5px; overflow:hidden; padding-top:6px}
#linkLogo div#language a {display:block; float:right; width:26px; height:19px; background:url(../images/lang_button.gif) 0 -19px no-repeat; font:13px Arial; text-decoration:none; text-align:center; line-height:18px; color:#cf5000; margin-right:4px}
#linkLogo div#language a.active {display:block; float:right; width:26px; height:19px; background:url(../images/lang_button.gif) 0 0 no-repeat; color:#fd6502}

#middleBg {background:#fff}
#middleBgC {background:#ebebeb}
#middle {overflow:hidden; width:1020px; margin:0 auto; background:#fff; min-height:300px; font:14px Arial; color:#666; line-height:1.5em}

.mapka {float:right; margin-right:30px}

#footer {background:url(../images/footer_bg.gif) repeat-x #efefef; height:120px;}
#footer div {overflow:hidden; width:1020px; margin:0 auto; background:url(../images/footer.gif) no-repeat #efefef; height:120px}
#footer div ul {list-style-type:none; margin:10px 0 0 100px; padding:0}
#footer div ul li {float:left; margin-right:40px}
#footer div ul li a {font:13px Arial; color:#9e9e9e; text-decoration:none}
#footer div ul li a:hover {text-decoration:underline}
strong.title {color: #ff7917; font:20px Arial;}

#bannerTop {width:156px; float:left}
#menu {list-style-type:none; margin:0; z-index:10000; position:relative; height:113px; padding:0; width:600px; float:left}
#menu li {float:left; height:131px; font:bold 13px Arial,Arial,Halvetica; color:#fff; text-align:center; z-index:20000; position:relative}
#menu li a {outline:none; display:block; width:113px; height:113px; color:#fff; z-index:2000; text-decoration:none; position:relative; text-align:center}
#menu li a span {display:block; width:113px; color:#fff; z-index:3000; text-decoration:none; position:absolute; left:8px; top:90px; cursor:pointer; text-align:center}
#menu li a img {width:113px; height:113px; position:absolute; top:0; left:8px; border:0; z-index:30000}
div#submenuBg {background:url(../images/submenu_bg.gif) repeat-x; height:31px}
div#submenuBg ul {height:32px; list-style-type:none; display:none; margin:0; padding:0; left:0; position:absolute}
div#submenuBg ul li {float:left; width:80px; padding:0; margin:0; text-align:center; font:bold 12px Arial; color:#fff; line-height:28px}
div#submenuBg ul li span {width:2px; height:30px; background:url(../images/submenu_separator.gif) no-repeat; overflow:hidden; float:right}
div#submenuBg ul li a {color:#fff; font:11px Arial,Arial,halvetica; text-decoration:none}
div#submenuBg ul li a:hover {text-decoration:underline}

#contact {height:400px}
#contact #left {position:relative; float:left; width:320px; height:400px}
#contact #left #earthbg {position:absolute; top:30px; left:110px}
#contact #left #text {position:absolute; top:280px; left:120px; width:400px}
#contact #right {float:right; width:500px; margin:10px 20px 0 100px}
#contact textarea {width:325px; height:120px}
#contact form {margin:0; padding:0; float:right}

#references {font:14px Arial; float:left; margin:20px 0px 0px 60px; line-height:1.4em; padding-bottom:30px;}

#projects_right {font:14px Arial; width:490px; float:left; margin:20px 0px 0px 60px; line-height:1.4em; padding-bottom:30px;}
#projects_folder {width:460px; height:404px; float:left; margin-top:20px}
#projects_folder2 {height:418px; width:395px; float:left; margin-top:20px}

div.under_construction {position:relative; background:url(../images/construtctiona.jpg) no-repeat; overflow:hidden; width:1020px; height:442px}
div.under_construction div {position:absolute; top:137px; left:565px; width:391px; color:#666; font:14px Arial, Arial; line-height:1.5em}