.clear{clear:both;font-size:0;height:0px;overflow:hidden;}
.main_body_block{}
.main_body_block .main_body_block_item{width: 49.9%;float: left;}
.main_body_block .main_body_block_item h2{margin: 0 70px 10px 40px;}
.main_body_block .main_body_block_item p{margin: 0 70px 0 40px;}



*{

  margin: 0;

  padding: 0;

  }
img{border:0;}

html, body{

  background: #333;

  font: 11px Tahoma, sans-serif;

  color: #fff;

  }

a:link, a:visited, a:active{

  text-decoration: underline;

  color: #FFCC00;

  }

a:hover{

  color: #006699;

  }

ul,ol{

  padding: 0 0 0 20px;

  margin: 0 0 15px 0;

  }

ul li,ol li{

  margin: 0 0 20px 0;

  }

table, th, td{

  vertical-align: top;

  text-align: left;

  border: 0px solid #CCC;

  font: 11px Tahoma, sans-serif;

  }

table{

  margin: 0 0 15px 0;

  }

td,th{

  padding: 3px 5px 5px;

  }

h2{

  font: 18px Tahoma, sans-serif;

  margin: 0 0 20px 0;

  }

h3{

  font: bold 13px Tahoma, sans-serif;

  }

.container{

  min-width: 1000px;

  }

.header{

  height:173px;

  }

.top_menu{

  margin: 0;

  height: 28px;

  list-style: none;

  }

.top_menu_bg{

  background: url(/Templates/itsl/images/topmenu_bg.gif) repeat-x;

  }

.top_menu li{

  border-left: 1px solid #fff;

  width: 128px;

  float: left;

  font: 11px Arial, sans-serif;

  padding: 2px 0 2px 5px;

  line-height: 11px;

  margin: 0;

  }

.top_menu li a:link, .top_menu li a:visited,  .top_menu li a:hover{

  color: #fff;

  }

.top_menu .act{

  padding: 0 0 0 5px;

  position: relative;

  }

.top_menu .act a:link, .top_menu .act a:visited,  .top_menu .act a:hover{

  color: #333;

  }

.top_menu .act ul{

  position: absolute;

  width: 115px;

  right: 0;

  list-style: none;

  margin: 0 1px 0 0;

  padding: 0;

  }

.top_menu li span{

  background: #fff;

  color: #000;

  display: block;

  margin: 0 1px 0 -4px;

  padding: 2px 0 0 4px;

  height: 13px;

  }

.top_menu .act ul li{

  border: none !important;

  border-top: 2px solid #333 !important;

  width: auto !important;

  float: none !important;

  background: #fff;

  margin: 0;

  text-align: right;

  padding: 2px 5px 2px;

  }

.top_menu .act ul li strong{

  color: #808080;

  font-weight: normal !important;

  }

.about_cats{

  list-style: none;

  padding: 0 140px 0 0;

  }

.about_cats li{

  margin: 0 0 7px 0;

  padding: 0 0 0 5px;

  }

.about_cats li a:link, .about_cats li a:active, .about_cats li a:visited{

  color: #fff;

  }

.about_cats .active{

  background: #fff;

  color: #000;

  padding: 1px 0 2px 5px;

  }

.main_works{

  height: 411px;

  background: #fff url(/Templates/itsl/images/mainworks_bg.gif) repeat-x bottom left;

  }

.main_works ul{

  list-style: none;

  padding: 0;

  margin: 0;

  height: 389px;

  }

.main_works ul li{

  width: 33%;

  height: 389px;

  float: left;

  position: relative;

  margin: 0;

  }

.mw_photo{

  position: absolute;

  bottom: 89px;

  left: 50%;

  margin: 0 0 0 -143px;

  }

.mw_name{

  border-right: 1px solid #000;

  height: 89px;

  position: absolute;

  bottom: 0px;

  width: 100%;

  margin: 0 0 0 -1px;

  text-align: center;

  background: url(/Templates/itsl/images/lineika.gif) no-repeat bottom right;

  }

.mw_title{

  padding: 25px 30px 0;

  }

.mw_title a:link, .mw_title a:visited, .mw_title a:active{

  color: #000;

  text-decoration: underline;

  }

.mw_title a:hover{

  text-decoration: none;

  }

.red_rating{

  position: absolute;

  bottom: 6px;

  right: 3px;

  border-top: 1px solid #CC0000; 

  }

.shkala{

  position: absolute;

  bottom: 0;

  right: 0;

  width: 10px;

  display: block;

  height: 90px;

  }

.p_number{

  font: 10px Tahoma, sans-serif;

  color: #ccc;

  position: absolute;

  top: 0;

  left: 1px;

  border-left: 1px solid #ccc;

  padding: 7px 0 0 10px;

  }

.main_col{

  width: 49.9%;

  float: left;

  padding: 10px 0 0 0;

  }

.main_col h2{

  margin: 0 0 10px 40px;

  }

.sub_col{

  width: 49.9%;

  float: left;

  padding: 10px 0 0 0;

  }

.sub_col h2{

  margin: 0 0 10px 0;

  }

.main_news{

  margin: 0 70px 0 40px;

  padding: 0 0 0 0;

  list-style: disc;

  }

.main_news li{

  margin: 0 0 13px 0;

  }

.main_service{

  list-style: disc;

  margin: 0 0 0 40px;

  padding: 0;

  }

.main_service li{

  margin: 0;

  }

.main_service li ul{

  margin: 0;

  padding: 0;

  list-style: none;

  }

.main_service li ul li{

  padding: 0 0 0 15px;

  }

.draw{

  clear: both;

  padding: 10px 40px 0 40px;

  }

.canva{

  background: url(/Templates/itsl/images/kirpichi.jpg) repeat-x;

  height: 155px;

  margin: 0 0 100px;

  }

.footer{

  clear: both;

  height: 93px;

  background: url(/Templates/itsl/images/footer_bg.gif) repeat-x;

  padding: 30px 40px 0;

  position: relative;

  }

.copyright{

  position: absolute;

  right: 40px;

  top: 30px;

  }

.colors{

  position: absolute;

  top: 30px;

  left: 420px;

  }

.colors table{

  margin: 4px 0 0 0;

  border:1px solid #595959;

  }

.colors table, .colors td{

  border-collapse: collapse;

  padding: 0;

  }

.colors td{

  width: 18px;

  height: 18px;

  }

.content{

  border-right: 330px solid #333;

  border-left: 40px solid #333;

  padding: 40px 0 50px 0;

  }

.content_full{

  border-right: 110px solid #333;

  border-left: 60px solid #333;

  padding: 40px 0 60px 0;

  }

.rightcolumn{

  float: right;

  width: 270px;

  border-right: 30px solid #333;

  height: 1%;

  padding: 40px 0 0 0;

  }

.news_page{

  list-style: none;

  margin: 0;

  padding: 0 0 30px 0;

  }

.news_page li{

  margin: 0 0 25px 0;

  }

.news_page .news_date{

  font: 10px Tahoma, sans-serif;

  margin: 0 0 5px 0;

  }

.news_page .news_content{

  text-indent: 15px;

  }

.news_cats{

  list-style: none;

  }

.news_cats li{

  margin: 0 0 15px 0;

  }

.txt{

  margin: 0 0 35px 0;

  }

.vacancy{

  margin: 0 0 50px 0;

  padding: 15px 0 0 0;

  background: url(/Templates/itsl/images/splitter.gif) repeat-x;

  }

.vacancy h2{

  margin: 0 0 15px 0;

  }

.vacancy h3{

  margin: 0 0 10px 0;

  padding: 15px 0 0 0;

  }

.ramka{

  margin: 0;

  padding: 0 0 35px 0;

  list-style: none;

  height: 1%;

  }

.ramka:after{

  content: ".";

  display: block;

  overflow: hidden;

  clear: both;

  height: 0;

  visibility: hidden;

  }

.ramka li{

  width: 260px;

  float: left;

  padding: 35px 0 30px 0;

  }

.ramka li img{

  border: 0;

  display: block;

  }

.company{

  padding: 35px 0 30px 0;

  }

.company p{

  margin: 0 0 15px 0;

  }

.foto{

  margin: 0;

  padding: 0 0 65px 0;

  list-style: none;

  height: 1%;

  }

.foto:after{

  content: ".";

  display: block;

  overflow: hidden;

  clear: both;

  height: 0;

  visibility: hidden;

  }

.foto li{

  width: 250px;

  float: left;

  padding: 35px 0 0px 0;

  text-align: center;

  }

.foto li div{

  width: 184px;

  }

.foto li img{

  border: 10px solid #333;

  display: block;

  margin: 0 0 10px 0;

  }

.portfel_content{

  padding: 0 50px;

  }

.portfel_content ul{

min-height:300px;
height:auto!important;
height:300px;

  padding: 0;

  margin: 0 0 60px 0;

  list-style: none;

  }

.portfel_content ul li{

  width: 23%;

  float: left;

margin:0;



  }

*html .portfel_content ul li{

  width: 24.9%;

  float: left;

  }

.portfel_content ul li h2{

  margin: 0 0 30px 0;

  }

.portfel_content ul li ul li{

  width: auto;

  float: none !important;

  margin: 0 0 15px 0;

  padding: 0 35px 0 0;

  }

.portfel_stat{

  padding: 55px 0 65px 0;

  }

.portfel_stat span{

  color: #FFCC00;

  }

.portfel_in_h2{

  padding: 0 0 20px 0;

  background: url(/Templates/itsl/images/splitter2.gif) repeat-x bottom right;

  }

.portfel_zadacha{

  margin: 0 0 20px 0;

  }

.portfel_img{

  padding: 50px 0 20px;

  }

.uslugi_area_ts{

  height: 50px;

  background: url(/Templates/itsl/images/shadow_top.gif) repeat-x bottom left;

  }

.uslugi_area_bs{

  height: 28px;

  background: url(/Templates/itsl/images/shadow_bottom.gif) repeat-x top left;

  }

.uslugi_area{

  height: 382px;

  position: relative;

  }

.ua_client{

  position: absolute;

  bottom: 0;

  left: 6%;

  z-index: 2;

  }

.ua_potrebitel{

  position: absolute;

  bottom: 0;

  right: 6%;  

  z-index: 2;

  }

.mega_line{

  height: 19px;

  background: url(/Templates/itsl/images/line.gif) repeat-x;

  margin: 0 15%;

  position: relative;

  top: 242px;

  }

.infoblock{

  width: 489px;

  height: 213px;

  background: url(/Templates/itsl/images/infoblock.gif) no-repeat;

  position: absolute;

  top: 12px;

  left: 50%;

  margin: 0 0 0 -244px;

  z-index: 3;

  }

.text-block1{

  width: 185px;

  position: absolute;

  top: 55px;

  left: 11px;

  color: #333;

  }

.text-block2{

  width: 185px;

  position: absolute;

  top: 25px;

  left: 300px;

  color: #333;

  }

.sub_col_in{

  margin: 0 30px;

  padding: 0 0 50px 0;

  }

.sub_col_in p{

  margin: 0 0 15px 0;

  }

.project_info{

  padding: 60px 0 0 0;

  }

.project_developer{

  width: 160px;

  background: url(/Templates/itsl/images/splitter.gif) repeat-x;

  padding: 15px 0 0 0;

  }

.project_developer{

  width: 160px;

  background: url(/Templates/itsl/images/splitter.gif) repeat-x;

  } 

.project_developer p{

  margin: 0 0 15px 0;

  }

.project_date{

  margin: 0 0 15px 0;

  }

.from_client{

  padding: 15px 25px 0 0;

  }

.from_client p{

  margin: 0 0 15px 0;

  }

.nav_domik{ position:absolute; right:0px; color:#FFFFFF;}

.nav_domik img{ padding-right:20px;}
.NshiProekti{padding-bottom:50px; border:0;width:85%}


/* itsl subpage update start*/
/*body { 
background: ; behavior: url("csshover3.htc"); 
} */
.blokoderzhatel{width:1000px;display:block;margin:20px auto 0 auto; clear:bottom;}
.blokoderzhatel strong{text-align:center;color:#ffcc01;}
.numbers{z-index:3;position:absolute:top:0;left:0;background:#4a4a4a;width:37px;height:30px;font:18px Tahoma; color: #ffcc01;padding:15px 0 0 7px;}
.headetext{font:18px Tahoma; color: #fff; position:absolute;top:15px;left:47px;}
.itsl_services_280{background:url(/Templates/itsl/images/wow.gif) no-repeat;background-position: -272px -310px;z-index:6;position:relative;float:left;width:316px;height:300px;color:#fff;font:11px Tahoma;margin:0 5px 52px 5px;}
.itsl_services_280 a{z-index:3;color:#ffcc01;}
.itsl_services_280 a:hover{text-decoration:none;}
.itsl_services_280 p{z-index:3margin:3px 0 0 7px;}
.itsl_services_280:hover{}
.bottom_serv{position:absolute; bottom:10px;left:0;}
.bottom_serv img{z-index:3;width:243px;height:34px;margin:13px 0;display:block;}

.itsl_services_210{position:relative;float:left;width:316px;height:250px;background:#333;color:#fff;font:11px Tahoma;margin-bottom:52px;}
.itsl_services_210 a{color:#ffcc01;}
.itsl_services_210 a:hover{text-decoration:none;}
.itsl_services_210 p{margin:3px 0 0 7px;}
.itsl_services_210:hover{}

.1serv_td{background:url(/Templates/itsl/images/wow.gif) no-repeat;background-position: -270px -308px;}
/* itsl subpage update end*/

/*orderform start*/
#orderform{width:590px;margin:0 auto;}
#orderform p{line-height:1.2}
#orderform form{margin:45px 0;font:normal 12px "Trebuchet MS";color:#dadada}
#orderform  span{line-height:1.5;display:block;width:185px;padding:0 10px 0 0;text-align:right;margin:0 0 20px 0}
#orderform  .bigmargin{margin:40px 0}
#orderform  .bigselect{width:240px;padding:0 2px;margin:40px 0;font-size:12px;color:#fff;background:#595959;}

.zform{margin:45px 0;padding:0;border-collapse:collapse}
.zform td{vertical-align:top;margin:0;padding:0px;}
.zform td input{width:394px;border:1px solid #afb0ae;font-size:12px;color:#fff;background:#595959;padding:2px;margin:2px 0 20px}
.zform td select{width:394px;font-size:12px;color:#fff;background:#595959;padding:2px;margin:2px 0 20px}
.zform td textarea{width:394px;height:120px;border:1px solid #afb0ae;font-size:12px;color:#fff;background:#595959;padding:2px;margin:2px 0 20px}
.captfield{background:#3d3d3d;width:190px;margin:0 auto;text-align:center;padding:0 0 0 0}
.yallo{font-weight:normal;font-size:14px;color:#ffd011;padding:0 0 14px 0}
.just_color{color:#ffd011;font:normal 10px "Trebuchet MS"}
.captfield div {margin:0px -30px 0 0;padding:0 0 0 0; background:#333}
.captfield input{width:100px !important; }
.captfield div  input{width:80px !important;margin:0 30px 0 0}
.yellowinp{color:#ffd011 !important;border:1px solid #afb0ae;text-align:center;font-size:12px;margin:3px 0 !important;padding:2px}
