* {
  margin:0;
  padding:0;
}

*:first-child+html body {   overflow-y: visible;  } 

ul {
  list-style:none;
}

p {
  padding-top:1em;
}

img {
  border:0;
}

.wrapper {
  width:1000px;
  margin:0 auto;
  *text-align:left;
}

a { 
  color:#215e89 
}

a:hover { 
  color:#000;
  text-decoration:none; 
}

.top {
  height:23px;
  width:100%;
  float:left;
  background: url(../../i/top.png)/*tpa=http://kazproject.ru/i/top.png*/  
}
       
.bottom {
  height: 60px;
  width:100%;
  float:left;
  background: url(../../i/bottom.png)/*tpa=http://kazproject.ru/i/bottom.png*/ no-repeat;

}


.bottom a {
  color:#323232;
} 

    
.menu {
  float:left;
  width:179px;
}
   a.logo {
    display:block;
    float:left;
    width:179px;
    height:171px;
    background: transparent url(../../i/logo.jpg)/*tpa=http://kazproject.ru/i/logo.jpg*/  center top no-repeat;
  }
  
.image {
  width:758px;
  float:right;
  background: url(../../i/slides/sub/1.jpg)/*tpa=http://kazproject.ru/i/slides/sub/1.jpg*/  right center no-repeat ;  
  height: 159px;
  position:relative;
}  


.data {
    float:right;
    /*width:100%;*/
    width: 758px;
    padding-bottom: 10px;
    padding-top:5px;  
    min-height: 250px;    
} 


.subwrapper {
  width:100%;
  float:left;    
  background: url(../../i/middle.png)/*tpa=http://kazproject.ru/i/middle.png*/;
  padding-bottom: 10px;
  position:relative;
  *text-align:center;  
}
  .mainImage {
    display:none;
  }

.marginwrapper {
  width:948px;
  margin:0 auto;
  text-align:left;
}

.menu ul {
  float:left;
  clear: both;
  margin-top:4px;
  width:100%;
  border-top: 1px solid #BFBFBF;
}

.menu ul li {
  float:left;
  clear: both;
  width:100%;
  text-align:center;
  padding:2px 0;
  border-bottom:1px solid #bfbfbf;
}

.menu ul li a {
  text-decoration:none;
  color:#3d3d3d;
  text-transform:uppercase;
  float: left;
  width: 100%;
  padding: 2px 0;
  text-align: center;
}

.menu ul li:hover a {
  background:#e8e8e8;
}

.menu ul li.active {
  background:#e8e8e8;
}
.menu ul li.active ul li.active {
  background: transparent;
}
   
.menu ul li.active a {

}
/*.menu ul li:hover ul.sub, .menu ul li.active ul.sub {
  display: block;
}*/
.menu ul li ul.sub {
  float: left;
  clear: both;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  display: none;
  background: #fcfcfc;
}
.menu ul li ul.sub li {
  float: left;
  clear: both;
  width: 169px;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  border-top: 1px solid #eee;
  padding: 2px 0;
  padding-left: 10px;
}
.menu ul li ul.sub li a {
  font-size: 12px;
  text-transform: none;
  text-align: left;
  background: none;
  float: none;
  width: auto;
  color: #335067;
}
.menu ul li ul.sub li a:hover {
  text-decoration: underline;
}
  .image ul{
    position:relative;
    top:10px;
    left:14px;
  }
  .image ul li{
     color:#d2e0dc;
      line-height:21px;
  }                
  .image ul li a{
     color:#fff;
     line-height:21px;
     padding:4px 5px
  }                
  
  .image ul li.active a{
     background:#335067;
     text-decoration:none;
  } 

h1 {
  color:#335067;
  font:normal 24px/24px Georgia;
  
}

h2 {
  font:bold 14px/14px Tahoma;
  color:#828282;
  margin-top: 1em;
}



.contactsblock {
  width:100%;
  float:left;
}

.contactsdata {
  float:right;
  width:948px;
  border-top:2px solid #c7c7c7; 
  margin-top:8px;
}

.contactsdata span.s1 { padding-top:10px;}


table.picture {
margin-top:1em;
}

table.picture tr td {
  font:italic 12px/18px Georgia; 
}
.data ul{
  padding-top:.5em;
}

.data ul li {
  padding-left:1em;
  background: url(../../i/marker.png)/*tpa=http://kazproject.ru/i/marker.png*/ scroll 0 8px no-repeat;
}


#white_block {
  /*  background: url("/i/white_block.png") repeat scroll 0 0 transparent; */
    float: left;
 /*   height: 200px;  */
    width: 100%;
    margin: auto 0;
    
}

#white_block .foo {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
#white_block .foo ul {
    float: left;
    display:block;
    padding:0;
    margin: 0;
  
}
                   


#white_block .foo li {
    background: none repeat scroll 0 0 transparent;
    float: left!important;
    text-align: center;
    text-indent: 0 !important;  
    padding-left:0!important; 
    padding-right:14px!important;
    min-height:158px;  /* for Chrome */
}
 
 #white_block .foo li a {
  display:block;
   max-height: 117px;
  overflow: hidden;
 }
 
 #white_block .foo li img {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 }
 
 #white_block .foo li a:hover img,
  #white_block .foo li img:hover {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
 } 
 
 #white_block .foo li .slidecaption {
  width:178px;
  float:left;
  text-align:left;
  font: bold 11px/13px  Tahoma;
  color:#6f6f6f;
  padding-top: 3px;
  text-decoration:none;
  text-align: center;
 }
 
 #white_block .foo li .slidecaption:hover,
 #white_block .foo li:hover .slidecaption  {
  color:#215e89 
 }
 

 
.carousel-previous {
    background: url("../../i/left_tri.png")/*tpa=http://kazproject.ru/i/left_tri.png*/ no-repeat scroll 0 37% transparent;
    cursor: pointer;
    height: 100%;
    left: -10px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top:0;
    width: 7px;
}
.carousel-next {
    background: url("../../i/right_tri.png")/*tpa=http://kazproject.ru/i/right_tri.png*/ no-repeat scroll 0 37% transparent;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: -10px;
    text-indent: -9999px;
    top:0;
    width: 7px;
}


#views {
  margin-bottom:12px;
  padding:10px 0;
  background:#ffffff;
  width: 100%;
  float:left;
 /* text-align:center;  */
}      

#views  #white_block .foo li {
  min-height:75px;
}

#views img {
  cursor:pointer;
 

}

#views #white_block .foo li {
  padding-left:4px!important;
  padding-right:0px!important; 
    height: 75px;
    overflow: hidden;
}

#views .carousel-previous, #views .carousel-next  {
    background-position: 0 50%;
}



table tr td {vertical-align:top }

.zakazchiki tr td {
  border:1px solid #ccc;
}

#portfolio_list {
  float:left;
  width:100%;  
}

#portfolio_list li.p_li {
  float:left; 
  width:745px; 
  background:none; 
  position:relative; 
  padding-bottom:10px;
  border-bottom: 1px solid #BFBFBF;
  margin-bottom:10px;
  padding-left: 0;
}
#portfolio_list li img { float:left; margin-right:10px}

.subprojects_menu {
  position:absolute;
  right:0;
  top:0;

}

.subprojects_menu div {
  background: url(../../i/fon_pr.png)/*tpa=http://kazproject.ru/i/fon_pr.png*/ right no-repeat; 
  cursor:pointer;   
  line-height:20px;
  text-indent:10px;  
  height:20px;
  width:100px;
  float:right;
  clear:both;
}

.subprojects_menu ul{
  float:right;   
  clear:both;
  background:#e3e3e3;
  padding-bottom:10px;
  padding-left:1em;
  display:none;
  margin-top:-1px;

      position: absolute;
    right: 0;
    top: 20px;
    z-index: 222;

}  

.subprojects_menu ul li{
  white-space:nowrap;
  min-width:100px;
  padding:0 1em;
 
  
}

.subprojects_menu ul li a{
  color:#323232;
}

#news li {
 background:none;
 padding-left:0; 
 padding-bottom:20px;
 float:left;
 width:100%;
}

#news li img {
  float:left;
  margin-right:10px;
}
#navibar { float:right;  margin-top: 0.3em; }
#navibar div { display:inline}
#navibar a { color:#888 }

 
.nextlink {
  float:right;  
}

.prevlink {
  float:left;
}

#inner_h1 {
  float: left;
  padding-right: 40px;
}  

#inner_h2 {
  float: left;
  width:100%;
  padding-bottom: 0.5em;
  margin:0;
}  
      
.h_n {
  float:left;
  width:100%;  
  padding-bottom: 1em;
}

#news {
   float:left;
   width:100%;
}

form {
  float:left;
  width:100%;
}

form table {
  clear:both;
}

table.tep {  border-collapse:collapse; }

table.tep td {
  border-bottom: 1px solid #c7c7c7;
  padding: 4px 0;
}


.teo { width:50%; float:right; border-collapse:collapse; }

.teo td {
  border-bottom: 1px solid #c7c7c7;
  padding: 4px 0;
}


.opisanie {
  float:left;
  width:45%;
} 


a#obr{
  margin-top:1em;
  width:50%;
  float:right;
  background: url(../../i/play.png)/*tpa=http://kazproject.ru/i/play.png*/ no-repeat center left;
  line-height:37px;
  height:39px;
  text-indent:40px;
  clear:both;
}

table.razd  {border-collapse:collapse;}

table.razd td {
  border-bottom: 1px solid #c7c7c7;     
  padding-bottom: 1em;  
}

 #white_block.page_category   ul li, 
 #white_block.page_lic   ul li 
 {
  /* height: 172px !important; */   
 }
 
 .disabled  {
    display:none;
 }

  .connnt {
    clear:both
  }
 
 .connnt table td{
  padding:5px;
  border:1px solid #ccc;
 }
 
  .connnt table  {         
    border-collapse:collapse;
      border:1px solid #ccc;
 } 
 
 
 #connt_28 table {
    border:none!important;
 }
 
  #connt_28 table td {
    border:none!important;
 }      
a.title {
  font-weight: bold;
  text-decoration: underline;
  color: #215e89;
}
a.title:hover {
  text-decoration: none;
}
span.date {
  background-color: #f2f2f2;
  color: #555;
  font-size: 11px;
  padding: 3px 5px;
}
.clear {clear:both;}
.news-blocks {
    float: left;
    clear: both;
    padding: 10px 0;
}
.news-blocks .block {
    float: left;
    width: 469px;
    padding: 0 5px;
}
.news-blocks .block.i1 {
    padding-left: 0;
}
.news-blocks .block.i2 {
    padding-right: 0;
}
.news-blocks .block .block-wrap {
    float: left;
    clear: both;
    padding: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    background: #fff;
}
.news-blocks .block .block-subwrap {
    float: left;
    clear: both;
    width: 462px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #eee;
}
.news-blocks .block .cont {
    padding: 8px;
}
.news-blocks .block h3 {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
}
.news-blocks .block .bottom-link {
    clear: both;
    text-align: right;
    width: 100%;
    padding: 2px 0;
    padding-top: 4px;
    border-top: 1px solid #cdcdcd;
    margin-top: 3px;
}
.news-blocks .block .bottom-link a {
    color: #333;
    text-decoration: none;
}
.news-blocks .block .bottom-link a:hover {
   border-bottom: 1px dashed #333;
}
ul.news-list {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
ul.news-list li {
    float: left;
    clear: both;
    width: 100%;
    padding: 5px 0;
    height: 100px;
    overflow: hidden;
    list-style: none;
    background: none;
}
ul.news-list li div.cont {
    float: left;
    clear: both;
    width: 100%;
    text-align: left;
    font-size: 11px;
}
ul.news-list li div.cont img {
    float: left;
    text-align: left;
    width: 100px;
    height: auto;
    border: 1px solid #aaa;
    margin-right: 5px;
    margin-bottom: 5px;
}
ul.news-list li div.cont p {
    padding: 3px 0;
    margin: 0;
    font-size: 11px;
}
ul.news-list li div.cont span.date {
    background: #aaa;
    color: #fff;
    padding: 2px 4px;
    margin-right: 4px;
}
/*-----scrollable--------*/
.scrollable-cont {
    float: left;
    clear: both;
    padding: 5px 0;
    width: 948px;
    height: 150px;
    overflow: hidden;
}
.scrollable-content {
    float: left;
    clear: both;
    padding: 5px 0;
    width: 758px;
    height: 200px;
    overflow: hidden;
}
.scrollable {
    float:left;
	position:relative;
	overflow:hidden;
	width: 868px;
	height:160px;
}
.scrollable.content {
    width: 678px;
}
.scrollable.content .ul-cont {
    width:20000em;
    height: 200px;
	position:absolute;
	clear:both;
}
.scrollable.content ul {
    list-style: none;
    float: left;
    clear: both;
    padding: 15px 0;
}
.scrollable.content ul li {
    list-style: none;
    float: left;
    background: none;
    padding: 0;
    margin: 0;
    padding: 0 5px;
}
.scrollable.content ul li img {
    float: left;
    clear: both;
}
.scrollable .s-items {
	width:20000em;
	position:absolute;
	clear:both;
}
.scrollable .s-items div.s-item {
	float:left;
	width:166px;
    height: 160px;
    padding: 0 4px;
    cursor: default;
    text-align: center;
}
.scrollable .s-items div.s-item.first {
    padding-left: 0;
}
.scrollable .s-items div.s-item img {
    width: 164px;
}
.s-item a.img-a {
    float: left;
    clear: both;
    overflow: hidden;
    width: 164px;
    height: 120px;
    border: 1px solid #ccc;
}
.s-item .slidecaption {
    font-weight: bold;
    font-size: 11px;
}
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
a.browse {
	background:url(../../images/scrollable/arrow/custom.png)/*tpa=http://kazproject.ru/images/scrollable/arrow/custom.png*/ no-repeat;
	display:block;
	width:30px;
	height:65px;
	float:left;
	margin-top: 30px;
	cursor:pointer;
	font-size:1px;
    z-index: 99;
}

a.right 				{ margin-left: 11px; background-position: -30px 0px; }
a.right:hover 		{ background-position:-30px -130px; }
a.right:active 	{ background-position:-30px -130px; } 
.scrollable-content.proj a.right { margin-top: 20px; }

a.left				{ margin-right: 9px; background-position:0px 0px;} 
a.left:hover  		{ background-position:0px -130px; }
a.left:active  	{ background-position:0px -130px; }
.scrollable-content.proj a.left { margin-top: 20px; } 

a.up, a.down		{ 
	background:url(../../images/scrollable/arrow/vert_large.png)/*tpa=http://kazproject.ru/images/scrollable/arrow/vert_large.png*/ no-repeat; 
	float: none;
	margin: 10px 50px;
}

a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 

a.disabled {
	visibility:hidden !important;		
} 	
a.left.disabled {
    visibility:visible !important;
    background-position: 0px -65px;
}
a.right.disabled {
    visibility:visible !important;
    background-position: -30px -65px;
}
/*---------end-----------*/
.slides-sub {
    width: 758px;
    height: 159px;
    overflow: hidden;
}