* { margin:0; padding:0; }
html {
    height: 100%;
    width: 100%;
	min-width:1000px;
}
@font-face{
    font-family: GOST type B; /* Название загруженного шрифта. Это название будем указать в значение свойства font-family у желаемых элементов */
    src: url("http://technologya.kz/fonts/gost_type.ttf") format("truetype");
}
body          { font-family:GOST type B;   color:#25201c;  min-width:320px; background:#fff; position:relative; -webkit-text-size-adjust: none; }
a             { color:#80b0d4; font-family:GOST type B; 
src: url("http://technologya.kz/fonts/gost_type.ttf");	text-decoration:underline;}
a:hover       { text-decoration:none; font-family:GOST type B; 
src: url("http://technologya.kz/fonts/gost_type.ttf");	color:#80b0d4; }
:focus        { outline:0; }
 
.container_12{ position: relative; width: 960px; margin: 0 auto;  padding: 0; height:auto; font-family:GOST type B; }




 /*кнопка звонка*/

.callback-bt {
        background:#38a3fd;
        border:2px solid #38a3fd;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 8%;
        bottom: 18%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */


.new{
	position:absolute;
float: left;
width: auto;
height: auto;
padding: 0px 8px 0px 8px;
font-size: 18px;
border-radius: 6px;
background: #5eb420;
color: #ffffff;
text-align: center;
margin-top: -10px;
font-size: 12px;
z-index:2;	
}
#aluminy2{
width:100%; /* Длина фигуры */
height:auto; /* Высота фигуры */
background: url("../map/aluminiy.jpg")  no-repeat;
margin-top:-10px;	
}
#aluminy{
width:100%; /* Длина фигуры */
height:520px; /* Высота фигуры */
background: url("../map/aluminiy.jpg")  no-repeat;
margin-top:-10px;	
}
.map{
 margin: auto; 

 width:900px; /* Длина фигуры */
 height:489px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
 background: url("../map/map.png")  no-repeat; 
}
.c1 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width:166px; /* Длина фигуры */
 height:56px; /* Высота фигуры */
 margin-top:60px;
 margin-left:100px;
	background: url(../map/flag.png) no-repeat;
}
.c1 span {
	position: absolute;
	left:-18px;
	width:166px; /* Длина фигуры */
 height:56px; /* Высота фигуры */
	background: url(../map/c1.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.c1:hover span {
	opacity: 1;
}


.c2 {
	display: inline-block;
	position: absolute;
	text-indent: -9999px;
	width:166px; /* Длина фигуры */
	height:56px; /* Высота фигуры */
	 margin-top:100px;
 margin-left:-100px;
	background: url(../map/flag.png) no-repeat;
}
.c2 span {
	position: absolute;
	left:-20px;
	width:166px; /* Длина фигуры */
 height:56px; /* Высота фигуры */
	background: url(../map/c2.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	z-index:2;
}
.c2:hover span {
	opacity: 1;
}


.c3 {
	display: inline-block;
	position: absolute;
	text-indent: -9999px;
	width:166px;
	height:56px; 
	 margin-top:70px;
 margin-left:-70px;
	background: url(../map/flag.png) no-repeat;
}
.c3 span {
	position: absolute;
	left:-30px;
	width:166px; 
 height:56px; 
	background: url(../map/c3.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.c3:hover span {
	opacity: 1;
}


.c4 {
	display: inline-block;
	position: absolute;
	text-indent: -9999px;
	width:166px;
	height:56px; 
	 margin-top:150px;
 margin-left:470px;
	background: url(../map/flag.png) no-repeat;
}
.c4 span {
	position: absolute;
	left:-18px;
	width:166px; 
 height:56px; 
	background: url(../map/c4.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.c4:hover span {
	opacity: 1;
}
.c5 {
	display: inline-block;
	position: absolute;
	text-indent: -9999px;
	width:166px;
	height:56px; 
	 margin-top:35px;
 margin-left:470px;
	background: url(../map/flag.png) no-repeat;z-index:2;
}
.c5 span {
	position: absolute;
	left:-28px;
	width:166px; 
 height:56px; 
	background: url(../map/c5.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	z-index:2;
}
.c5:hover span {
	opacity: 1;
}



.c6 {
	display: inline-block;
	position: absolute;
	text-indent: -9999px;
	width:166px;
	height:56px; 
	 margin-top:35px;
 margin-left:520px;
	background: url(../map/flag.png) no-repeat;
}
.c6 span {
	position: absolute;
	left:-18px;
	width:166px; 
 height:56px; 
	background: url(../map/c6.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	z-index:2;
}
.c6:hover span {
	opacity: 1;
}

.c7 {
	display: inline-block;
	position: absolute;
	text-indent: -9999px;
	width:88px;
	height:56px; 
	 margin-top:35px;
 margin-left:380px;
	background: url(../map/flag.png) no-repeat;
	z-index:3;
}
.c7 span {
	position: absolute;
	left:-10px;
	top:13px;
	width:88px; 
 height:56px; 
	background: url(../map/c7.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.c7:hover span {
	opacity: 1;
}

.c8 {
	display: inline-block;
	position: absolute;
	text-indent: -9999px;
	width:166px;
	height:56px; 
	 margin-top:15px;
 margin-left:370px;
	background: url(../map/flag.png) no-repeat;
	
}
.c8 span {
	position: absolute;
	left:-28px;
	width:166px; 
 height:56px; 
	background: url(../map/c8.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	z-index:2;
}
.c8:hover span {
	opacity: 1;
}

.c9 {
	display: inline-block;
	position: absolute;
	text-indent: -9999px;
	width:166px;
	height:56px; 
	 margin-top:15px;
 margin-left:460px;
	background: url(../map/flag.png) no-repeat;
	
}
.c9 span {
	position: absolute;
	left:-28px;
	width:166px; 
 height:56px; 
	background: url(../map/c9.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	z-index:2;
}
.c9:hover span {
	opacity: 1;
}

.c10 {
	display: inline-block;
	position: absolute;
	text-indent: -9999px;
	width:136px;
	height:56px; 
	 margin-top:10px;
 margin-left:300px;
	background: url(../map/flag.png) no-repeat;
	
}
.c10 span {
	position: absolute;
	left:-115px;
	width:136px; 
 height:56px; 
	background: url(../map/c10.png) no-repeat;  
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	z-index:2;
}
.c10:hover span {
	opacity: 1;
}

 

















#fotodir{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/dirsmall.jpg")  no-repeat;float:left;
}
#block{
position: relative;
clear:both;
height:auto;
width:100%;
}
#foto0{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/0small.jpg")  no-repeat;float:left;
}
#foto1{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/1small.jpg")  no-repeat;float:left;
}
#foto2{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/11small.jpg")  no-repeat;float:left;
}
#foto3{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/3small.jpg")  no-repeat;float:left;
}
#foto4{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/4small.jpg")  no-repeat;float:left;
}
#foto5{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/5small.jpg")  no-repeat;float:left;
}

#foto6{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/6small.jpg")  no-repeat;float:left;
}
#foto7{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/11small.jpg")  no-repeat;float:left;
}

#foto8{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/8small.jpg")  no-repeat;float:left;
}


#foto9{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/9small.jpg")  no-repeat;float:left;
}


#foto10{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/10small.jpg")  no-repeat;float:left;
}


#foto11{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/11small.jpg")  no-repeat;float:left;
}


#foto12{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/12small.jpg")  no-repeat;float:left;
}

#foto13{
position: relative;
 width:200px; /* Длина фигуры */
 height:267px; /* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FF7F00; /* фон блока */
  -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 background: url("../sotr/13small.jpg")  no-repeat;float:left;
}


#op{
float:left;
width:700px;
margin-left:50px;
}

#ctxt{
margin: 0 auto;   height:auto; 
}

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12
	{ float: left; display: inline; margin-left: 10px; margin-right: 10px; 
	
	font-family:GOST type B; 
	}
	
	.privacy{
	font-family:GOST type B; 
	}
	 
	.grid_5{ float: left; display: inline; margin-left: 10px; margin-right: 10px;  width:400px;}
.flt {
    float: right;
}
#slide{position:relative;
width:100%;
margin:0px auto 0px auto;
clear:both;
}


#links a            { color:#29355c; 	text-decoration:none; font-size:16px; text-decoration:underline;}
#links a:hover       { color:#80b0d4;  text-decoration:none;}

#bghtxt a            { color:#ffffff; 	text-decoration:none; font-size:16px; text-decoration:underline;cursor: pointer;}
#bghtxt a:hover       { color:#80b0d4;  text-decoration:none;}

#links1 a            { color:#80b0d4; 	text-decoration:none; font-size:13px; text-decoration:underline;}
#links1 a:hover       { color:#80b0d4;  text-decoration:none;}
#links2 a            { color:#80b0d4; text-decoration:none; font-size:13px; text-decoration:underline;}
#links2 a:hover       { color:#80b0d4;  text-decoration:none;}
#links3 a            { color:#80b0d4; 	text-decoration:none; font-size:13px; text-decoration:underline;}
#links3 a:hover       { color:#80b0d4;  text-decoration:none;}

/* Headings */
h1            { font-family:GOST type B; font-size:21px; font-weight:normal; line-height:2.25;margin-bottom:7px; }
h2            { font-family:GOST type B; font-size:21px; font-weight:normal; line-height:2.25;margin-bottom:7px;}
h3            { font-family:GOST type B; font-size:18px; font-weight:normal; line-height:2.25; }
h4            { font-size:14px; font-weight:bold; margin-bottom:7px; }
h5            { font-size:12px; font-weight:bold; margin-bottom:7px;}
h6            { font-size:11px; font-weight:bold; margin-bottom:7px;}


#top{
width:1000px;
height:150px;
margin:0px auto 0px auto;
}
#menulinel{
width:100%;
height:100px;background:#29355c;
margin:0px;
}
#menuline{
width:1000px;
height:100px;

margin:0px auto 0px auto;
}

#logo{
font-family: a_FuturaRound; 
position:absolute;
background: url("../images/logo.jpg")  no-repeat;
width:310px;
height:61px;
padding-left:25px;
margin-top:35px;
color:#25201c;
}

#tel{
font-family: a_FuturaRound; 
position:absolute;
background: url("../images/tel.jpg")  no-repeat;
width:164px;
height:64px;
padding-left:25px;
margin-top:35px;
margin-left:400px;
color:#25201c;
}

#links{
font-family:GOST type B; 
src: url("http://technologya.kz/fonts/gost_type.ttf");
position:absolute;
width:180px;
height:64px;
padding-left:25px;
margin-top:50px;
margin-left:700px;
color:#25201c;
}



#refrij{
font-family: a_FuturaRound; 
position:absolute;
background: url("../images/ref.jpg")  no-repeat;
width:136px;
height:33px;
padding-left:25px;
margin-top:5px;
margin-left:500px;
color:#25201c;
}





#bgc{ background: url("../images/bgc.jpg") repeat-x;
		position:relative;
		width:100%;
		height:400px; 
margin:0px auto 0px auto;
		
}

#bgh{

	 font-family:GOST type B; 
		position:relative;
		width:100%;
		min-height:400px; 
		height:auto;
margin:0px auto 0px auto;
background:#29355c;
		
}

#bghtxt{ 
		position:relative;
		width:1000px;
		min-height:400px; 
		height:auto;
margin:0px auto 0px auto;
background:#29355c;
color:#ffffff;
		font-size: 16px;
}

 #con{
width:100%;
z-index: 2;
 margin-top:-4px;
height: 4px;
background-image: url("../images/gray-romb.png");
background-repeat: repeat-x;
z-index:1111; position: absolute;
}

#cont{
background:#29355c;
min-height:300px; 
}
#contxt{
background:#29355c;
min-height:250px; 
		position:relative;
		width:1000px;
		min-height:400px; 
margin:0px auto 0px auto;
color:#ffffff;
		font-size: 16px;
}
.wrapper { 
	width: 700px;
	padding: 5px 20px 15px;
	margin: 0 auto;  
}

.clear { clear: both; }
.dropdown-inside a{
font-size: 16px;
} 
ul.dropdown li { position: relative; }
ul.dropdown,
ul.dropdown-inside {
	list-style-type: none;
	padding: 0;font-size: 16px;
}
ul.dropdown-inside { 
	position: absolute;
	left: -9999px;
}
ul.dropdown li.dropdown-top {
	display: inline;
	float: left;
	margin: 15px 1px 20px 0; 
}
.dropdown  a{text-decoration:underline;

	display: block;color:#ffffff;
}
 .dropdown-inside a {
 margin-top:5px;
 
	 padding: 10px 5px 5px;
	display: block;
	color:#ffffff;
	text-decoration: underline;
}
 .dropdown-inside a:hover {
 margin-top:5px;
	 padding: 10px 5px 5px;
	display: block;
	color:#ffffff;
	text-decoration: none;
}

ul.dropdown a.dropdown-top {   padding: 29px 31px 29px;}
ul.dropdown a.dropdown-top:hover { opacity:0.5; z-index:100;
	padding: 29px 31px 29px;}
ul.dropdown li.dropdown-top:hover .dropdown-inside {
	display: block;
	left: 0;
}
ul.dropdown .dropdown-inside { background: #29355c;z-index:100; filter: alpha(Opacity=50);
-moz-opacity: 0.5; 
-khtml-opacity: 0.5;
opacity: 0.5; }
ul.dropdown .dropdown-inside a:hover {	z-index:100; }













 *{        
        padding:0;
        margin:0;
        list-style-type:none;
      }
      #slider{ 
	  background: url("../img/bg.jpg")  no-repeat;
        width:1000px;
        height:460px;
        margin:0px auto;
        position:relative;
      }
      #mask{
        width:100%;
        height:100%;
        position:absolute;
        overflow:hidden;
      }
      .fleche{
        position:absolute;
        top:145px;
        cursor:pointer;
      }
      #fleche_gauche{
        left:-17px;
      }
      #fleche_droite{
        right: -17px;
      }
      #image_container{
        position:absolute;
        width:400%;
        height:100%;
        /* La transition sur tout les navigateurs */
           /* Chrome */ 
          -webkit-transition-property:all;
          -webkit-transition-duration:1s;

           /* Firefox */ 
          -moz-transition-property:all;
          -moz-transition-duration:1s;
          
           /* Opera */ 
          transition-property:all;
          transition-duration:1s;

      }
      
      /* Les différentes positions du slider */
      .image1 #image_container{
        left:0;
      }
      .image2 #image_container{
        left:-100%;
      }
      .image3 #image_container{
        left:-200%;
      }
      .image4 #image_container{
        left:-300%;
      }
      
      /* Les images */
      #image_container li{
        float:left;
      }
      
      /* L'encart Bleu */
      #encart{
        position:absolute;
        top:-15px;
        left:200px;
        background:url('resources/text.png');
        width:328px;
        height:396px;
      }
      
      #bouton{
        position:relative;
        width:244px;
        height:55px;
        margin: 300px 0px 0px 40px;
        cursor:pointer;
      }
      
      /* Les points de navigation */
      #dots{
        position:absolute;
        width:130px;
        height:15px;
        left:425px;
        bottom:-25px;
      }
      
      /* les points, avec leur background non selectionné */
      #dots li{
        float:left;
        margin: 0px 2px;
        width:12px;
        height:12px;
        background: url('resources/empty-dot.png');
        cursor:pointer;
      }
      /* Point au survol */
      #dots li:hover{
        background: url('resources/selected-dot.png');
      }
      
      /* Point "selectionné". De la même manière que l'image, on change en fonction de la classe de slider */
      .image1 #dots li.button1, .image2 #dots li.button2, .image3 #dots li.button3, .image4 #dots li.button4{
        background: url('resources/selected-dot.png');
        cursor:normal;
      }

      /* Un eyecandy */
      #glass{
        position:absolute;
        top:0px;
        left:0px;
      }
	  
	  
	  
	  





#footer{
color:#ffffff;
background: #002741;
width:100%;
height:200px;

}