@CHARSET "UTF-8";

/*@font-face {
    font-family:ALS Ekibastuz Regular; 
    src: url('../font/ALS Ekibastuz Regular.otf') 
    }
*/
    
@font-face {
    font-family:a_futuraorto; 
    src: url('../font/a_futuraorto.ttf')
    }
	
@font-face {
    font-family:a_futuraorto-bold; 
    src: url('../font/a_futuraorto-bold.ttf')
    }
	
@font-face {
    font-family:OpenSans-Bold; 
    src: url('../font/OpenSans-Bold.ttf')
    }
	
@font-face {
    font-family:OpenSans-Regular; 
    src: url('../font/OpenSans-Regular.ttf')
    }

html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
    }

body {
  min-height: 100%;
  font-family:Arial;
  font-weight:normal;
  background:url(../img/brillant0.jpg) top center
  }
  
 input{outline:none}
  
a{
	text-decoration:none;
    outline: none;
    color:#e31e24;
	font-size:15px
	}
  
a:hover{
	text-decoration:underline
	}
	
a:active{
    outline: none;
	}
	 
a:focus{outline:none;}
 
p{
	font-size:15px;
	color:#404040;
	line-height:1.7;
	font-family:a_futuraorto
	}
 
#wrapper{
	min-height: 100%;
	margin:0 auto;
	position:relative;
	/*border:1px solid #000*/
	}
	
.common{
width:970px;
margin:0 auto;
/*padding:0 25px*/
}
	
#header{
	width:100%;
	height:100px;
	position:absolute;
	top:0;
	padding:8px 0 0 0
	}
	
#header .common, .top-content .common{
	width:1020px;
    padding:0
	}
	
#footer{
	width:1280px;
	left:50%;
	margin-left:-640px;
	height:250px;
	position:absolute;
	bottom:0;
	background:url(../img/footer.jpg) bottom center no-repeat;
	clear:both
	}
	
#content{
	padding:100px 0 300px 0;
	}

.logo{
    margin:0 0 0 15px;
	float:left
	}

.header-content{
    float:right
}

#header .adres, .mobile-version .adres{
    color:#7f7f7f;
    font-size:16px;
	font-family:Arial;
	font-weight:bold;
	text-align:right;
	padding:7px 30px 0 0;
	float:right;
	margin:0 0 0 70px
}

table.navigation-inside{
     float:left;
	 margin:6px 0 0 0
}

table.navigation-inside td{
     width:30px;
	 text-align:left;
	 vertical-align:bottom
}

ul.main-menu{
     margin:10px 0 0 0;
	 padding:0;
	 height:36px;
	 background:url(../img/main-menu.png) center;
	 width:676px;
	 padding:4px 4px 4px 3px
}

ul.main-menu li{
     list-style:none;
	 float:left;
	 height:36px;
	 background:url(../img/li.jpg) center;
	 text-align:center;
	 position:relative;
}

#header ul.main-menu li.numb-1{
     width:82px
}

#header ul.main-menu li.numb-2{
     width:76px; 
     margin-left:3px
}

#header ul.main-menu li.numb-3{
     width:127px; 
     margin-left:3px
}

#header ul.main-menu li.numb-4{
     width:135px; 
     margin-left:3px
}

#header ul.main-menu li.numb-5{
     width:134px; 
     margin-left:3px
}

#header ul.main-menu li.numb-6{
     width:107px; 
     margin-left:3px
}

ul.main-menu li a{
     display:block;
	 height:36px;
	 font-size:14px;
	 font-family:a_futuraorto;
	 color:#fff;
	 line-height:36px
	 }
	 
ul.main-menu li:hover,  ul.main-menu li#act{
     background:#ff7800
}
	 
ul.main-menu li:hover a, ul.main-menu li#act a{
     font-family:a_futuraorto-bold;
     text-decoration:none;
     text-shadow:0 -1px 1px #c66f3f
	 }
	 
ul.main-menu li ul {
     position:absolute;
	 display:none;
	 border:4px solid #fff;
	 padding:0;
	 margin-left:-3px;
	 background:#ff7800;
	 z-index:100
}

ul.main-menu li:hover ul {
	 display:block
}

ul.main-menu li ul  li, ul.main-menu li ul li{
	 float:none;
	 background:url(../img/line-menu.png) center bottom no-repeat;
	 text-align:left;
	 width:230px;
	 height:inherit 
}

ul.main-menu li:hover ul li a, ul.main-menu li ul li a {
	padding:10px 25px;
	font-family:a_futuraorto;
	background:url(../img/dot.png) 5% center no-repeat;
	height:inherit;
	line-height:inherit;
	text-shadow:none;
	line-height:1.2
	}
	
ul.main-menu li:hover ul li:hover a{
	color:#00467a;
    background:url(../img/dot1.png) 5% center no-repeat;
    text-shadow:none
	}
	
ul.main-menu li:hover ul li:hover {
	background:url(../img/line-menu.png) center bottom no-repeat;
	}

.top-content{
	  background:url(../img/centr.png) center top no-repeat;
	  height:420px
	}
	
table.floor{
 float:right;
 margin:23px 132px 0 0;
}

table.floor td{
height:35px;
width:76px
}

table.floor td.t-w{
padding:0 0 0 10px
}

table.floor td.w-t{
padding:2px 0 0 20px
}

table.floor a span{
 font-family:OpenSans-Bold;
 font-size:14px
}

table.floor td a{
text-decoration:none;
 font-family:OpenSans-Regular;
 color:#fff;
 font-size:14px
}

table.floor td a:hover{
text-decoration:underline
}

ul.big-menu{
margin:50px 0 0 0;
padding:0
}

ul.big-menu li{
list-style:none;
float:left;
margin:0 5px 0 0;
text-align:center 
}

ul.big-menu li a{
  display:block;
  margin:0 0 16px 0
}

ul.big-menu li a.text{
display:block;
color:#e31e24;
font-family:Arial;
font-size:16px;
text-decoration:none;
border-bottom:1px dotted #e31e24;
display:inline;
}

ul.big-menu li a.text:hover{
border-bottom:none;
}

h1{
margin:20px 0 30px 0;
padding:0 115px 10px 10px;
font-family:a_futuraorto;
font-size:36px;
color:#2f83c5;
background:url(../img/h1-blue.png) bottom right no-repeat;
}

h1.red{
  background:url(../img/h1-red.png) bottom right no-repeat;
  color:#ea0000
}

h1 span{
   font-family:a_futuraorto-bold;
}


.block-ackiya{
   background:#fff;
   border:1px solid #e5c5c5;
   padding:0 25px 30px 25px;
   width:970px;
   margin:0 auto;
   box-shadow:4px 4px 9px #f2f2f2, -4px 0px 9px #f2f2f2
}

.predl{
    float:left;
	border:1px solid #e31e24;
	width:605px;
}

.block-ackiya .inside{
    float:right;
	width:320px
}

.text-predl{
    font-family:Trebuchet MS;
	font-size:30px;
	color:#ea0000;
	margin:30px 0
}

a.detaly{
   font-family:Trebuchet MS;
   font-size:15px;
   font-weight:bold;
   font-style:italic;
   color:#454343;
   text-decoration:underline
}

a.detaly:hover{
   text-decoration:none
}

ul.roubrics{
  margin:40px 0 0 0;
  padding:0
}

ul.roubrics li{
  list-style:none;
  float:left;
  width:290px
}

ul.roubrics li{
  list-style:none;
  float:left;
  width:290px;
  overflow:hidden;
  margin:0 48px 20px 0;
  min-height:530px
}

ul.roubrics li.last{
  margin:0
}

ul.roubrics li .img{
  
  border:1px solid #e31e24;
  height:220px;
  overflow:hidden
}

ul.roubrics li .img img{
  border:1px solid #f4f4f4;
  width:286px;
  height:auto
}

ul.roubrics li .nazv{
  font-family:Trebuchet MS;
  font-weight:bold;
  font-size:24px;
  color:#000;
  border-bottom:1px solid #e31e24;
  padding:0 0 10px 0;
  margin:30px 0 0 0;
  height:60px
}

ul.roubrics li .text, ul.roubrics li .text p{
  font-family:Trebuchet MS;
  font-size:13px;
  color:#898888;
  line-height:1.5
}

ul.roubrics li .text{
	height:120px
	}

ul.roubrics li .text{
margin:20px 0
}

.content-floor{
  margin:20px 0 50px 0;
  background:url(../img/line.png) 48% top repeat-y
}

.content-floor .inside{
  width:415px
}

.lefter{
float:left
}

.righter{
float:right
}

ul.shops{
   margin:0;
   padding:0
}

ul.shops li{
   list-style:none;
   margin:0 0 15px 0;
   font-family:Arial;
   color:#898888;
   font-size:15px;
}

ul.shops li a{
   font-family:Arial;
   color:#e31e24;
   font-size:15px;
   text-decoration:none
}

ul.shops li a:hover{
   text-decoration:underline
}

p img{
 /*  border:1px solid #8e8d8d;*/
  /* float:left;
   margin:0 10px 20px 0;*/
}

#footer ul.main-menu{
	background:none;
	margin:0;
	padding:4px 0;
	width:900px
}

#footer ul.main-menu li{
   background:none
}

#footer ul.main-menu li a{
   font-family:a_futuraorto-bold;
   font-size:15px;
   color:#fff;
   text-decoration:none
}

#footer ul.main-menu li.numb-1{
     width:98px
}

#footer ul.main-menu li.numb-2{
     width:122px; 

}

#footer ul.main-menu li.numb-3{
     width:162px; 
}

#footer ul.main-menu li.numb-4{
     width:159px; 
     margin-left:38px
}

#footer ul.main-menu li.numb-5{
     width:161px; 
}

#footer ul.main-menu li.numb-6{
     width:121px; 
     margin-left:38px
}

#footer ul.main-menu li:hover a, #footer ul.main-menu li#act a{
	text-decoration:underline;
	text-shadow:none
	}


.footer-content{
  padding:0 35px;
  color:#fff
}

.phones{
margin:0 0 0 25px
}

.phones a{
  display:block;
 text-decoration:none;
 font-family:a_futuraorto-bold;
 font-size:20px;
 color:#fff;
 margin:5px 0
}

#footer .info{
  width:280px;
  text-align:center;
  font-family:a_futuraorto
}

#footer .info .adres{
  height:113px;
  font-size:15px;
  text-shadow:0 -1px 1px #000
}

#footer .info .copyright{
  font-size:12px;
}

#footer .info .copyright a{
  font-size:12px;
  color:#fff;
  text-decoration:none
}

table.footer-icons{
 margin:60px 0 0 144px;
 border-spacing:0 18px;
 
}

table.footer-icons td{
   width:67px;
   text-align:center
}

.separator{
    background:url(../img/separator.png) center repeat-x;
	height:45px;
	margin-top:-32px;
	position:relative;
	z-index:100
}

.fon-for-ack{
   background:url(../img/setka_brillant.jpg) center top;
   margin-top:-13px;
   padding:40px 0 50px 0
}

.fon-information{
   background:url(../img/setka_white.jpg) center top;
  padding:0 0 10px 0
}

.fon-information{
   background:url(../img/setka_white.jpg) center top;
  padding:0 0 10px 0
}

.w-bg{
	width:1020px;
	margin:0 auto;
	background:#fff
	}


.fon-top{
   background:url(../img/f.jpg) center bottom no-repeat;
}

.page-navigator{
  padding:0 25px;
  margin:30px 0 0 0;
  color:#b1b0b0;
  font-size:12px
}

.page-navigator a{
  color:#b1b0b0;
  font-size:12px
}

.page-navigator a{
  color:#b1b0b0;
  font-size:12px
}

.page-navigator a.act{
  color:#ea0000;
}

.logo img{
width:300px
}

.def-floor{
	margin-top:40px
	}
	
.information{
	padding-top:20px
	}
	
#page-navigation{
	border-top:1px solid #f5f5f5;
	margin:15px 0 25px 0;
	padding:13px 0 13px 10px;
	font-size:12px;
	color:#b1b0b0;
	line-height:12px;
	background:url(../img/trtr.jpg) bottom center no-repeat
	}
	
#page-navigation span{
	color:#ea0000;
	line-height:12px
	}
	
#page-navigation a{
	font-size:12px;
	color:#b1b0b0;
	line-height:12px
	}
	
input[type="text"], textarea, select{
	border:1px solid #b1b0b0;
	padding:3px 1%;
	margin:5px 0 10px 0;
	width:98%
	}
	
select{
	width:100%;
	padding:3px 0
	}
	
form{
	width:90%;
	font-size:14px
	}
	
nobr{
	font-weight:normal
	}
	
.nav-mobile{
	display:none
	}
	
#nav{display:none; text-align:center}

  #nav select{
    height:27px;
    font-size:17px;
    background:#f4b5b7;
    border-radius:2px;
    border:1px solid #e31e24;
    width:94%;
    margin:5px auto
}

.mobile-version .logo, .mobile-version .adres{
	display:none
	}
	
.e-mail{
	margin-top:20px
	}
	
.clear{
	clear:both;
	display:none
	}
	
.main{
	margin-top:-20px
	}
	
.our-projects{
	margin:0px 0 0 10px;
	width:112px
	}
	
.our-projects a{
	display:block;
	color:#fff;
	font-size:14px;
	margin-bottom:5px;
	font-family: a_futuraorto;
	}
	
.our-projects span{
	color:#fff;
	/*font-weight:bold;*/
	font-size:17px; 
	display:block;
	margin-bottom:14px;
	text-shadow: 0 -1px 1px #000;
	font-family: a_futuraorto;
	}
	


@media only screen and (min-width: 768px) and (max-width: 995px) {   
	.common{width:94%; padding:0; margin:0 auto}
	.top-content .common {width:94%; margin:0 auto }
	.top-content{background:none; height:205px}
	table.floor{display:none}
	ul.big-menu{margin-top:0}
	.header-content {float:none}
	#header .common{width:94%; margin:0 auto}
    #header ul.main-menu{display:none}
    #nav{display:block; float:right; width:50%}
    #header .adres{padding:0; margin:12px 0 0 0}
    #nav select{width:100%}
    #nav{margin:13px 0 0 0}
    ul.big-menu li{margin:0 5px}
    .w-bg{width:94%; margin:0 auto}
    h1{font-size:33px}
    .block-ackiya{width:90%}
    ul.roubrics li.last{margin-right:48px}
    .content-floor .inside{width:48%}
    table.navigation-inside{float:right}
    .header-content{width:55%; float:right}
    form{width:100%}
    
    #footer{background:none; width:100%; margin:0 auto; background:#898888; left:0; height:185px; padding-top:10px}
	#footer ul.main-menu{display:block;width:100%; height:inherit}
	#footer ul.main-menu li.numb-1, #footer ul.main-menu li.numb-2,
	 #footer ul.main-menu li.numb-3, #footer ul.main-menu li.numb-4, 
	 #footer ul.main-menu li.numb-5, #footer ul.main-menu li.numb-6{width:125px; margin:0; margin-right:15px}
	#footer ul.main-menu li{height:inherit; text-align:left}
	#footer ul.main-menu li a{height:inherit; line-height:inherit; font-family: a_futuraorto; font-size:14px}
	.footer-content{padding:0}
	.phones {margin:20px auto 0 auto; text-align:left; width:230px}
	#footer .info {float:right; width:32%; margin-top:16px; text-align:right}
	#footer .info .adres{font-size:14px; height:inherit; margin-top:10px}
	table.footer-icons{float:left; margin:13px 0 0 0; border-spacing: 0 16px;}
	table.footer-icons td{width:30px}
	#footer .info .copyright{margin-top:10px}
	.e-mail{margin-top:3px}
	#content {padding: 100px 0 215px 0;}
	.our-projects{margin:22px 0 0 35px; width:inherit}
	.our-projects span{margin-bottom:7px}
	table.footer-icons{margin:18px 0 0 20px}
 }


/* #Tablet (Portrait)
================================================== */

@media only screen and (max-width: 767px) {
	    
        
}

/*  #Mobile (Portrait)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#header{height:85px; padding:3px 0 0 0; }
	#content{padding:90px 0 300px 0}
	.common{width:94%; padding:0}	
	.block-ackiya{width:83%}
	.predl{float:none; width:100%}
	.block-ackiya .inside{float:none; width:100%; margin-top:20px}
	.fon-top{display:none}
	.content-floor .inside{float:none; width:100%}
	.content-floor {background:none; margin:10px 0 20px 0}
	.logo img{width:200px}
	#header .logo {display:none}
	ul.main-menu{display:none}
	#header .common{width:100%}
	.w-bg{width:100%}
	.header-content{float:none}
	table.navigation-inside{display:none;}
	table.nav-mobile{display:block; width:162px;float:left; margin-left:3%}
	#header .adres{/*display:none*/ font-size:14px; margin: 7px 3% 0 0; padding:0; width:56% }
  /*  .mobile-version .adres{margin:18px 0 10px 0; padding:0; font-size:13px; display:block; width:215px; text-align:right}*/
	#nav{display:block}
	/*.mobile-version{display:block}*/
	.mobile-version .logo{display:block; width:200px; margin:0 auto; }
	#page-navigation{border-top:none; margin-top:5px}
	h1,h1.red{font-size:31px; padding:0; background:none}
	.def-floor{margin-top:20px}
	#footer{background:none; width:100%; margin:0 auto; background:#898888; left:0; height:275px; padding-top:10px}
	#footer ul.main-menu{display:block;width:100%; height:inherit}
	#footer ul.main-menu li.numb-1, #footer ul.main-menu li.numb-2,
	 #footer ul.main-menu li.numb-3, #footer ul.main-menu li.numb-4, 
	 #footer ul.main-menu li.numb-5, #footer ul.main-menu li.numb-6{width:125px; margin:0; margin-right:15px}
	#footer ul.main-menu li{height:inherit; text-align:left}
	#footer ul.main-menu li a{height:inherit; line-height:inherit; font-family: a_futuraorto; font-size:14px}
	.footer-content{padding:0}
	.phones {margin:20px auto 0 auto; text-align:left; width:42%}
	#footer .info {float:none; width:100%; clear:both; padding-top:2px}
	#footer .info .adres{font-size:14px; height:inherit; margin-top:10px}
	.e-mail{margin-top:5px}
	table.footer-icons{float:right; margin:13px 0 0 0; border-spacing: 0 16px;}
	table.footer-icons td{width:30px}
	#footer .info .copyright{margin-top:10px}
	ul.roubrics li .img img{width:245px}
	ul.roubrics li .img{width:247px}
	ul.roubrics li .img{height:inherit; /*margin:0 auto*/}
	ul.roubrics li .nazv{margin-top:15px; height:inherit}
	ul.roubrics li .text{margin:10px 0; height:inherit}
	ul.roubrics li, ul.roubrics li.last{min-height:inherit; margin:0 auto 50px auto; float:none; width:100%;}
	ul.roubrics{margin-top:10px} 
	.block-ackiya{padding-bottom:10px}
	.section-act{width:92%; padding:0 10px 30px 10px}
	form{width:100%}
	.main{margin-top:10px}
	.information{padding-top:10px}
	.phones a{font-size:17px;font-family:a_futuraorto}
	table.navigation-inside td{width:20px}
	.our-projects{margin:20px 0 0 30px; width:inherit}
	.our-projects span{margin-bottom:7px}
	.our-projects a{margin-bottom:2px}
} 

/* #Mobile (Landscape)
================================================== */
@media only screen and (max-width: 480px) {
	body {min-width: 300px;}
	#header{height:62px; padding:3px 0 0 0; position:fixed; top:0; left:0; z-index:1000; background:url(../img/brillant0.jpg) top center; border-bottom: 1px solid #f5f5f5;}
	#content{padding:75px 0 380px 0}
	.common{width:94%; padding:0}	
	.block-ackiya{width:83%}
	.predl{float:none; width:100%}
	.block-ackiya .inside{float:none; width:100%; margin-top:20px}
	.fon-top{display:none}
	.content-floor .inside{float:none; width:100%}
	.content-floor {background:none; margin:10px 0 20px 0}
	.logo img{width:180px}
	#header .logo {display:none}
	.mobile-version .logo{display:block;float:none; width:180px; margin:0 auto; }
	ul.main-menu{display:none}
	#header .common{width:100%}
	.w-bg{width:100%}
	.header-content{float:none}
	table.navigation-inside{display:none;}
	table.nav-mobile{display:block; width:240px; margin:0px auto 0 auto; float:none}
	#header .adres{display:none}
    .mobile-version .adres{margin:8px 0 10px 0; float:none; text-align:center; padding:0; font-size:13px; display:block}
	#nav{display:block}
	.mobile-version{display:block}
	#page-navigation{border-top:none; margin-top:5px}
	h1,h1.red{font-size:31px; padding:0; background:none}
	.def-floor{margin-top:20px}
	#footer{background:none; width:100%; margin:0 auto; background:#898888; left:0; height:375px; padding-top:10px}
	#footer ul.main-menu{display:block;width:100%; height:inherit}
	#footer ul.main-menu li.numb-1, #footer ul.main-menu li.numb-2,
	 #footer ul.main-menu li.numb-3, #footer ul.main-menu li.numb-4, 
	 #footer ul.main-menu li.numb-5, #footer ul.main-menu li.numb-6{width:125px; margin:0; margin-right:15px}
	#footer ul.main-menu li{height:inherit; text-align:left}
	#footer ul.main-menu li a{height:inherit; line-height:inherit; font-family: a_futuraorto; font-size:14px; }
	.footer-content{padding:0}
	.phones {margin:10px auto 0 auto; float:left;  text-align:center}
	.phones a{font-family:a_futuraorto}
	#footer .info {float:none; width:100%}
	#footer .info .adres{font-size:14px; height:inherit; margin-top:10px}
	.e-mail{margin-top:5px}
	table.footer-icons{float:right; margin:0; border-spacing: 0 16px;}
	table.footer-icons td{width:30px}
	.clear{display:block}
	#footer .info .copyright{margin-top:10px}
	ul.roubrics li .img img{width:245px}
	ul.roubrics li .img{width:247px}
	ul.roubrics li .img{height:inherit; margin:0 auto}
	ul.roubrics li .nazv{margin-top:15px; height:inherit}
	ul.roubrics li .text{margin:10px 0; height:inherit}
	ul.roubrics li, ul.roubrics li.last{min-height:inherit; margin:0 auto 50px auto; float:none; width:100%;}
	ul.roubrics{margin-top:10px} 
	.block-ackiya{padding-bottom:10px}
	.section-act{width:92%; padding:0 10px 30px 10px}
	form{width:100%}
	.our-projects{margin:7px 0 0 0; width:inherit}
	.phones a {font-size:15px}
	.our-projects span{margin-bottom:7px}
	.our-projects a{margin-bottom:2px}
	}