@charset "UTF-8";
@import "reset.css";

/**
 * 
 * Author: Damian Samolej
 *
 */
 
html { font-size: 62.5%;  }
body { background: #fff url(../images/bg/bg.png) repeat-x left top; margin: auto; width: 100%; line-height: 13px; font-size: 11px; }
* html body { background: #fff; }
.accessibility { position: absolute; left: -9999em; width: 100em; }
input, textarea { font: normal 1.0em/1.2 Tahoma, Arial, Helvetica, sans-serif; }
a { color: #2f80b8; text-decoration: none; }
a:hover { text-decoration: underline; }
.clr {  clear: both !important; float: none !important; font-size: 0 !important; height: 0 !important; line-height: 0 !important; margin: 0 !important; padding: 0 !important; width: 1px !important; }
.right { float: right !important; }
.left { float: left !important; }
h2 { color: #828282; font-size: 22px; }

#header, #content, #boxes, #footer, #clients { margin: 0 auto; clear: both; }
* html #header, * html #content, * html #boxes, * html #footer { display: none; }

#main-page #header { position: static; z-index: 0; }
#header { padding: 0px 40px 0 55px; position: relative; height: 109px; width: 885px; z-index: 2; }
#logo { color: #fff; float: left; font-size: 10px; width: 200px; }
#nav { padding-top: 20px; float: left;  width: 470px; }
#fb { float: right; width: 40px; }

#logo ul { padding-top: 7px; }
#logo ul li a { color: #fff; }
#nav ul { height: 138px; position: absolute; }
#nav li { float: left; }
#nav li a { border-left: 1px solid #cfcfcf; color: #fff; float: left; font-weight: bold; height: 121px; padding: 5px 0 0 4px;  text-transform: uppercase; width: 113px; }
#nav li a:hover { background-color: #6b8db1; height: 121px; text-decoration: none;  }
#nav li.on a, #nav li.on a:hover { border-left: 0; background: url(../images/bg/nav-on.png) no-repeat left top; height: 133px; }

#content {  position: relative; width: 980px; z-index: 0; }
#content-main { background: url(../images/bg/content-inside.png) repeat-y center bottom; overflow: hidden; padding: 0 54px 0; }
#content-top { background: url(../images/bg/content-top.png) no-repeat center top; height: 17px; }
#content-bottom { background: url(../images/bg/content-bottom.png) no-repeat center bottom; height: 34px; }
#sidebar { border-right: 1px solid #d6d6d6; float: left; margin-bottom: -9999px; padding: 35px 0 9999px 0; width: 201px; }
#sidebar ul { padding-bottom: 30px; }
#sidebar ul li.title { border-bottom: 0; padding-bottom: 4px; }
#sidebar ul li { border-bottom: 1px solid #e3e3e3; display: block; padding: 8px 0 4px; }
#sidebar ul li a { color: #828282; cursor: pointer; font-size: 11px; text-transform: uppercase; }
#sidebar ul li a:hover { text-decoration: none; }

/*#main { float: right; width: 670px; margin-bottom: -9999px; padding: 35px 0 9999px 0; }*/
#main { float: right; width: 670px; padding-top: 35px;}
#main.text { font-size: 12px; color: #828282; line-height: 18px; margin-top: 1px;; margin-bottom: 40px;}
#main.text h2 { margin-top: 7px; padding: 0px 0px 12px 20px; }
#main.text h3 { font-size: 18px; margin-top: 0px; padding: 0px 0px 12px 0px; }
#main.text h4 { font-size: 14px; margin-top: 0px; padding: 0px 0px 15px 20px; font-weight: bold;}
#main.text p { padding: 0 0 15px 20px; margin: 0; }
#main.text ul { list-style-type:disc; padding: 0 0 25px 0; margin-top: -10px;}
#main.text li { margin: 0px 0px 0px 45px;}
#main.text li ul { list-style-type:circle; padding: 0 0 5px 0; margin-top: 0px;}
#main.text form p { overflow: hidden; }

/*#main.diagram { min-height: 505px; }*/
#main.banners { min-height: 324px; }

/*.content-img #diagram { position: absolute; bottom: 21px; right: 88px; }*/
#main.banners #no_flash { position: absolute; bottom: 300px; right: 592px; }
#main.banners #banner { position: absolute; bottom: 21px; right: -18px;}

#boxes { overflow: hidden; padding: 20px 55px 40px 55px; width: 870px; }
#clients { overflow: hidden; padding: 20px 55px 40px 10px; width: 870px; }
* html #boxes { height: 1%; }
#boxes li { color: #828282; float: left; line-height: 14px; padding-right: 20px; }
#boxes li.who { width: 414px; }
#boxes li.news { width: 194px; }
#boxes li.img { padding-right: 0; width: 238px; }
#boxes li h2 { padding-bottom: 12px; }
#boxes li .text { padding-bottom: 10px; }
#boxes li.box-img a { display: block; overflow: hidden; width: 200px;}
#boxes li.box-img a span.amount { color: #828282; float: left; font-size: 96px; line-height: 78px; }*/

#main-page #footer { background-color: #f0f0f0; }
#footer { background: #f0f0f0 url(../images/bg/footer.png) no-repeat center top; margin-top: 22px; min-height: 121px; padding: 35px 36px 0; position: relative;  width: 870px; }
#footer a { color: #828282; } 
#send-cv { display: block; position: absolute; right: -20px; top: -65px; }
#footer .info,
#footer #footer-nav { color: #828282; float: left; }
#footer .info { font-size: 9px; width: 200px; }
#footer .info a { text-decoration: underline; }
#footer .info a.powered { text-decoration: none; }
#footer .info a.powered:hover { text-decoration: underline; }
#footer .info p { padding-top: 10px; } 
#footer #footer-nav li.main-menu { border-left: 1px solid #c0c0c0; float: left; min-height: 120px; min-width: 108px; padding: 0 10px 0 6px; }
#footer #footer-nav h3 { font-size: 11px; font-weight: bold; padding-bottom: 12px; text-transform: uppercase; }
#footer #footer-nav li.main-menu ul li,
#footer #footer-nav li.main-menu ul li a { font-size: 9px; }

label { float: left; text-align: left; width: 110px; display: block; }
input.text { /*border: 1px solid #ccc; color: #828282; padding: 1px 5px 2px;*/  width: 250px; /*padding-left:2px; border: 1px solid #838383;*/ height:15px; font-size: 11px;}
/*input { border: 1px solid #ccc; color: #828282; }*/
input.submit { cursor: pointer; padding: 1px 6px 2px; }
select.nice { margin-right: 10px; }

form p input.submit { margin-left: 111px !important; }
/*input.file { margin-top: -2px; }
*+html input.file { margin-top: 0; */