* { margin:0; padding:0; border:0;}

html, body {height: 100%;}
body {font-family: arial; font-size: 12px; color:#777777; background: #F2F2F2 url(/img/www/bg.jpg) left top repeat-x;}
img { border:0; display: block;}
a {color: #373b4c; text-decoration: none;}
a:hover {text-decoration: none;}  
.clear {clear: both; font-size: 0px; }
.hide {visibility: hidden; font-size: 0;}
p {line-height: 1.5em; margin-bottom:10px;}
span {color: #b3b3b3; font-size: 10px !important;}
img.left {float: left; margin: 0px 10px 5px 0px;}
img.right {float: right; margin: 0px 0px 5px 10px;}
img.center {margin: 0 auto;}

#bg_site {background: url(/img/www/bg_site.jpg) no-repeat 50px top; width: 100%; margin: 0 auto;}

#container {width: 1022px; margin: 0 auto;}

#top {padding-top: 40px; background: url(/img/www/top.jpg) no-repeat left 93px; height:381px; padding-left:90px; position: relative;}
  #top h1 {float: left;}
  
#menu {float: right; margin-right:35px; margin-top:46px;}
  #menu li {list-style: none; float: left; margin-right: 9px;}
  
#top_dot_menu {position: absolute; right:36px; top:169px;}
  #top_dot_menu li {list-style: none; float: left;}
  
#avb {position: absolute; top:304px; left: 0;}
#inet {position: absolute; right:25px; top:337px;}
  
#content {padding-bottom: 20px;}

#main_cols {padding-left:82px;}
  #main_cols li {list-style: none; float: left;}
    #main_cols li h2 {margin-bottom: 10px; text-transform: uppercase; color: #373b4c;}
  #main_cols li.first_col {width: 293px; margin-right: 12px; position: relative;} 
    #main_cols li.first_col strong {color: #383c4d;}
    #main_cols li.first_col h2 {background: url(/img/www/left_col_bar.jpg) no-repeat left top; height: 26px; font-size: 10px; padding-top:11px; padding-left:7px;}
    #main_cols li.first_col form {position: absolute; right:8px; top:5px;}
      #main_cols li.first_col form input {background: url(/img/www/short_input.jpg) no-repeat left 3px; width: 63px; height: 23px; float: left; margin-right: 3px; color: #bbbbbb; font-size: 9px; padding: 0 2px;}
      .short_submit {width: 54px !important; background: url(/img/www/short_submit.jpg) no-repeat left 3px !important; font-size: 10px !important; color: #fff !important; padding: 0px !important;}
  #main_cols li.second_col {width: 371px; margin-right: 12px;}
    #main_cols li.second_col h2 {background: url(/img/www/center_col_bar.jpg) no-repeat left top; height: 27px; padding-left:20px; padding-top:10px; font-size: 15px;}
      #main_cols li.second_col h2 span {font-size: 15px !important;} 
      #main_cols li.second_col h2 strong {background: url(/img/www/dots.jpg) no-repeat right 2px; padding-right: 50px;}
  #main_cols li.third_col {width: 252px;}
    #main_cols li.third_col h2 {background: url(/img/www/right_col_bar.jpg) no-repeat left top; height: 24px; padding-top: 15px; font-size: 15px; padding-left: 20px;}
    
.more {float: right; padding-right: 15px; background: url(/img/www/more.jpg) no-repeat right 2px; font-size: 10px !important;}
.back {background: url(/img/www/back_bg.jpg) no-repeat left top; width: 68px; height: 20px; display: block; float: left; font-weight: bold; color: #fff; padding: 5px 4px 0; text-align: center;}

.green_holder {padding: 0 20px;}
  .green_holder strong {color: #a9ce16;}
  .green_holder h3 {font-size: 13px; color: #373b4c; margin-bottom: 10px;}
  
.last_col_holder {padding-left: 20px;}
  .last_col_holder p a {font-weight: bold; color: #fb6841;}
  
.call_submit {clear: both; color: #b6d43f; font-size: 30px; margin-bottom: 10px;}
  .call_submit strong {color: #373b4c; font-size: 15px; text-transform: uppercase; width: 75px; display:block; float:left;}

#main {float:right; width:616px; padding-right: 10px;}
  #main h2 {background: url(/img/www/h2_main.jpg) no-repeat left top; height: 22px; padding-left:20px; padding-top:9px; font-size: 15px; margin-bottom: 10px; text-transform: uppercase; color: #373b4c;}
  #main h4 {padding-top:9px; font-size: 15px; margin-bottom: 10px; text-transform: uppercase; color: #373b4c;}
  #main .last_col_holder a {color: #b6d43f;}
  #main .left_holder {float: left;}
  #main .right_holder {float: right; clear: none !important; margin-top: 20px;}
    #main .right_holder span {display: block; text-align: right; font-size: 15px !important; margin-right: 2px;}
  
#rounded_box_list {width: 615px;}
  #rounded_box_list li {list-style: none; background: url(/img/www/rounded_wrapper.jpg) repeat-y left top !important; margin-bottom: 10px; height: auto !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important;}
    #rounded_box_list li .bottom_round {background: url(/img/www/bottom_round.jpg) no-repeat left bottom; padding-bottom: 10px;}
      #rounded_box_list li h3 {background: url(/img/www/top_round.jpg) no-repeat left top; height: 26px; font-size: 12px; color: #383c4d; padding:13px 20px 10px;}
      .holder_round {padding: 0 20px 10px;}

.pager_holder {background: url(/img/www/line.jpg) repeat-x left top; padding-top: 10px;}
  .pager_holder p {float: right; padding-top: 5px; color: #373b4c;}
  
#main ul {margin-bottom: 10px;}
  #main ul li {list-style: none; background: url(/img/www/li.jpg) no-repeat left top; display: block; height: 20px; padding-left:48px; padding-right: 10px; padding-top: 6px;}
  #main ul li:hover {background: url(/img/www/li_ov.jpg) no-repeat left top;}
  #main ul ul li {list-style: none; background: url(/img/www/li.jpg) no-repeat left top !important; height: 20px !important; padding-left:48px !important; padding-right: 10px !important; padding-top: 6px !important;}
  #main ul ul li:hover {background: url(/img/www/li_ov.jpg) no-repeat left top !important;}
      
#pager {float: right; padding-left: 10px;}
  #pager li {list-style: none; float: left; margin-right: 2px; height: auto !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important;}
    #pager li a {font-weight: bold; background: url(/img/www/pager_a.jpg) no-repeat left top; height: 20px; padding: 5px 9px 0; width: 10px; display: block;}
      #pager li a:hover {background: url(/img/www/pager_a_ov.jpg) no-repeat left top; color: #fff;}
    #pager li.long_grey a {background: url(/img/www/long_grey.jpg) no-repeat left top;width: 78px; color: #373B4C; padding: 5px 3px 0;}
    #pager li.long_granat a {background: url(/img/www/long_granat.jpg) no-repeat left top; width: 70px; color: #fff; padding: 5px 3px 0;}

.padded_cel {padding: 0 20px;}

table {border-collapse: collapse; width:580px;}
  table thead tr {color: #373b4c; background: url(/img/www/th_bg.jpg) no-repeat left top; width: 580px; height: 40px;}
    table thead tr th strong {font-weight: normal;}
    table thead tr th.first {width: 100px;}
  table tbody tr {text-align: center; background: #fff; border-bottom: 1px #f2f2f2 solid;}
    table tbody tr img {margin: 0 auto;}
  table td {padding: 10px 0; font-size: 20px; color: #373b4c;}
    table td span {font-size: 20px !important; color: #999999 !important;}
  table tbody tr.dark {background: #fafafa;}
  table tbody tr.last {background: url(/img/www/last_tr.jpg) no-repeat left top; height: 13px;}
  
span a {font-weight: bold; font-size: 11px; text-decoration: underline;}

#download {}
  #download li {background: url(/img/www/download_wrapper.jpg) repeat-y left top !important; margin-bottom: 10px; height: auto !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important;}
    #download li .download_top {background: url(/img/www/download_top.jpg) no-repeat left top;}
      #download li .download_bottom {background: url(/img/www/download_bottom.jpg) no-repeat left bottom; padding-bottom: 7px;}
      
.padded_download {padding: 10px 10px 0; background: url(/img/www/line_down.jpg) repeat-x left bottom; margin-bottom: 10px; overflow:hidden;}
  .padded_download h3 {text-transform: uppercase; font-size: 14px; color: #373b4c;}
  
#main .download_opt {float: right; margin-bottom: 0px !important;}  
  #main .download_opt li {float: left; margin-bottom: 0px !important; margin-right: 10px; background: none !important; height: auto !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important;}
  #main .download_opt li:hover {background: none !important;}
    #main .download_opt li a {color: #777777 !important;}

#main form {width: 596px;}
  #main form input {margin-bottom: 5px; background: url(/img/www/input.jpg) no-repeat left top; width: 285px; height: 29px; color: #777777; padding: 0 5px;}
  #main form textarea {background: url(/img/www/textarea.jpg) no-repeat left top; width: 586px; padding: 0 5px; height: 100px; margin-bottom: 5px; color: #777777;}
  #main form ul {float: right;}
    #main form li {float: left; margin-bottom: 0px !important; margin-right: 5px; background: none !important; height: auto !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important;}
      #main form li input {background: none !important; width: 54px; height: 20px; padding: 0px !important;}

#sub {padding-left:82px; width: 294px; float: left; margin-right: 20px;}
  #sub #pk {background: url(/img/www/left_col_bar.jpg) no-repeat left top; height: 32px; font-size: 10px; margin-bottom: 10px; padding-top:5px; padding-left:7px;}
    #sub #pk label {text-transform: uppercase; color: #373b4c; font-weight: bold; float: left; padding-top: 6px; margin-right: 2px;}
    #sub #pk input {background: url(/img/www/short_input.jpg) no-repeat left 3px; width: 63px; height: 23px; float: left; margin-right: 3px; color: #bbbbbb; font-size: 9px; padding: 0 2px;}
  #sub .last_col_holder p a {color: #b6d43f;}
  #sub h2 {background: url(/img/www/h2_granat_bg.jpg) no-repeat left top; height: 30px; padding-top:13px; padding-left: 20px; margin-bottom: 10px; color: #fff; text-transform:uppercase; font-size: 16px;}

#footer {background: url(/img/www/footer_bg.jpg) no-repeat left top; color: #b5b5b5; width: 928px; padding-left: 10px; padding-right: 20px; height: 32px; padding-top: 15px; float: right;}
#footer a {text-decoration: underline; background:transparent url(/img/www/warski.jpg) no-repeat scroll left center; padding-left:18px; color: #b5b5b5;}
  .copyright {float: left !important; color: #b5b5b5 !important;}
    .copyright strong {color: #b5b5b5 !important;}
  #footer p {float: right; margin-bottom: 20px;}
  
/* New css 14.07*/
.menu_head {background: url(/img/www/line_sub_menu.jpg) repeat-x left bottom !important; height: 22px; padding-left:20px; padding-top:9px; font-size: 15px !important; margin-bottom: 0px !important; text-transform: uppercase; color: #373b4c !important;}

#sub_menu {overflow: hidden; margin-bottom: 10px;}
  #sub_menu li {list-style: none; background: url(/img/www/line_sub_menu.jpg) repeat-x left bottom !important; padding-bottom: 2px;}
    #sub_menu li a {width: 273px; padding-left: 20px; height: 22px; padding-top: 8px; text-transform: uppercase; display: block; font-weight: bold; font-size: 12px;}
    #sub_menu li a:hover {background: url(/img/www/sub_menu_a_ov.jpg) no-repeat left top; color: #d9dff0;}
    #sub_menu li.active a {background: url(/img/www/sub_menu_a_ov.jpg) no-repeat left top; color: #d9dff0;}

.error, input.error, #main form input.error, #main form textarea.error, textarea.error  {color:#C01721;}

