body, html {margin:0;padding:0;
background-image: url(../img/f.jpg);
color:#000;}

a {
	font-size: 14px;
	color:  #FFF;
     
}
a:hover {
	color: #FFFFCE;
	text-decoration: underline;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


h1 {
	color:white;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold; 
    font-size: 13px;
	display:inline;
    
}

h2 {
	color:#666;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold; 
    font-size: 16px;
  	text-align: right;
        margin-top: 0px;         
        margin-bottom: 10px;
       
}





A IMG {
   border: none; /* Убираем границу */
}

.p2 {
        font: 11px Arial, Helvetica, sans-serif;
        
        font-size: 12px;
	color:#666; 
margin-top: 0px;         
       text-indent: 0.0cm; 
       text-align: justify;
 margin-bottom: 10px;      
}




.p1 {
        font: 11px Arial, Helvetica, sans-serif;
        
        font-size: 12px;
	color:#666; 
margin-top: 0px;         
margin-bottom: 10px;
       text-indent: 0.0cm; 
       text-align: justify;
       
}

.p4{
font: 11px Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
font-size: 11px;
color:#666; 
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;       
text-align: justify;
}

.p3{
font: 11px Arial, Helvetica, sans-serif;
color:#666; 
 text-align: justify;
margin: 0 0 0 0;
font-size: 11px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px; 

}

.a1{
font-weight: bold; 
font-size: 11px;
color:  #2D94DF;

}
.a1:hover{
color: #7ECED3;
}

.spancentr {

border: 0 none;
margin-top: 6px;
margin-left: 3px;
position: absolute;
}

.spancentr1 {

border: 0 none;
margin-top: 23px;
margin-left: 3px;
position: absolute;
}

.zagolovok {
margin-left: 20px;	
height: 18px;	
	
}

.stranica0 {
	
	
	width: 980px;
	padding: 0px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold; 
    font-size: 14px;
}

.img1 {
	background-image: url(../img/ik1.png);
	margin-top: 10px;
	width: 16px; 
	height: 17px;
	
	}
.stranica {
	background: #FFF;
	height: 719px;
	width: 980px;
	
	


}

.shapca {
	background-image: url(../img/fon1.jpg);
	height: 217px;
	width: 980px;
   
   

}


.shapca1 {
	height: 106px;
	width: 284px;
	float:left;
    margin-left: 20px;
    margin-top: 23px;

}


.osnova {
background-image: url(../img/fon1.png);
height: 500px;
width:  974px;	
margin-left: 3px;
margin-top: 5px;	
	
	
}


.osnova1 {
background: #FFF;
height: 510px;
width:  970px;	
margin-left: 2px;

}

.textblok {
    
	height: 100%;
	width: 675px;
    margin-left: 280px;
   

}

.textblok1 {
    
	height: 100%;
	width: 100%;
    padding-top: 10px;
   

}

.faq {
font: 11px Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666; 
padding: 0 0 0 0;
margin: 0 0 10px 10px;

}
.spanfaq {
margin-left: -10px;
margin-top: 3px;
font-size: 11px;
margin-bottom: 10px;
padding: 0 0 0 0;
}

.textbost{
height: 215px;

}

 /*-- Главное меню услуг--*/
.spanys{
color: #666666;
font: 11px Arial,Helvetica,sans-serif;
margin: 0;
padding-left: 5px;
padding-top: 7px;
width: 200px;
position: absolute;
}

.spantext {
    color: #666666;
    font: 11px Arial,Helvetica,sans-serif;
    margin: 0;
    padding-left: 10px;
    padding-right: 7px;
    padding-top: 75px;
    position: absolute;
    text-align: justify;
    width: 198px;
}

.vidyslyg{


}

.yslyga{
display: block;
height: 135px;
width:  221px;
background-image: url(/img/fonyslygi.png);
cursor: pointer;
float: left;
margin-left: 4px;
margin-top: 4px;
}
.yslyga:hover {
background-position: 0 135px;;

}

 /*-- Конц Главное меню услуг--*/


 /*-- Вывод примера услуги--*/
.primer{
height: 243px;
width: 675px;

}

.oregin{
width: 297px;

float:left;
}
.strelka{
width: 81px;
height: 233px;
background-image: url(/img/str.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
float:left;

}
.obrabot{
width: 297px;
float:right;

}
 /*-- Конец Вывод примера услуги--*/

.olpata p {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold; 
color:#666;
}

 /*-- Вывод новостных иконок на левой панели--*/
.reklama {



}
.reklama p {
margin-left: 75px;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold; 
color:#666;

}
.reklamazagolovok{
background-image: url(/img/fonliul.png);
background-repeat:no-repeat;

padding: 6px;
font: 13px Arial, Helvetica, sans-serif;
font-weight: bold; 
color:#666;
text-align: right;
padding-right: 15px;
}

.reklamazagolovok1{
background-image: url(/img/fonliul.png);
background-repeat:no-repeat;
margin-top: 17px;
padding: 6px;
font: 13px Arial, Helvetica, sans-serif;
font-weight: bold; 
color:#666;
text-align: right;
padding-right: 15px;
}


.rek1 {
width: 235px;
height: 68px;
background-repeat:no-repeat;
}

 /*-- Конец Вывод новостных иконок на левой панели--*/

 /*--Иконки для примеров--*/

.primerik {
position: absolute;
display: block;
height: 58px;
width: 160px;
background-repeat:no-repeat;
cursor: pointer;

color: #666666;
font: bold 11px Arial,Helvetica,sans-serif;
padding-left: 75px;
margin-top: 0;
padding-top: 10px;
}

.primerik:hover{
background-position: 0px -68px;  

}


/*--Конец Иконки для примеров--*/





 /*-- Вывод цены и кнопки заказа--*/
.cena{
width: 692px;
height: 29px;
 

}
.cenatext{
font: 14px Arial, Helvetica, sans-serif;
font-weight: bold; 
color:#666;
width: 540px;
line-height: 29px;
float:left;
}

.knopkazakaz {
    background-image: url(../img/knopkazazkaz.png);
	height: 29px;
	width: 140px;
        margin-left: 550px;
  	
text-align: center;
         line-height: 29px;
      
}
 /*-- Конец Вывод цены и кнопки заказа--*/

  /*-- Вывод информации после заказа--*/

.formimg {
float: left;
}

.formotv {
padding-top: 15px;
padding-left: 75px;
}

.formpred{
margin-top: 15px;
float:left;

}
.formpred1{
margin-top: 100px;
text-align: center;
color:#666;
}

.formpred1 a{
font-size: 12px;
color:  #06F;

}
.formpred1 a:hover{
color: #7ECED3;
}


.formnomer{

padding-top: 30px;
}
  /*-- Конец Вывод информации после заказа--*/

.leftbar {
	background-image: url(../img/knop1.png);
	height: 100%;
	width: 253px;
	float:left;
    margin-left: 18px;

}



.sidebar1 {
	height: 541px;
	width: 241px;
	float: right;
	
	


}


  /*-- Подвал--*/

.podval {
	position: absolute;
	background-image: url(../img/podval.png);
	height: 63px;
	width: 980px;
	color:white;
     
}


.podvallin {
	position: absolute;
	background-image: url(../img/podvallin1.png);
	height: 40px;
	width: 253px;
	margin-left: 23px;
	
}

.podvaltext {
	height: 40px;
	width: 714px;
	margin-top: 33px;
	float:right;
     
}

.podvalfin {
position: absolute;
height: 0px;
width:  974px;
background-image: url(../img/f.jpg);
margin: 0 0 0 0;
margin-top: 63px;
}

.scetchik{
margin-left: 19px;
margin-top: 4px;
}



 /*-- Конец Подвал--*/

  /*-- Линия цветовая после меню --*/

.lin0 {
   background-image: url(../img/lin0.png);
   font: 11px Arial, Helvetica, sans-serif;
   float: left;
   width: 974px;
   height: 34px;
   margin-left: 3px;
  
}

.lin1 {
   background-image: url(../img/lin1.png);
   font: 11px Arial, Helvetica, sans-serif;
   float: left;
   width: 974px;
   height: 34px;
   margin-left: 3px;
  
}

.lin2 {
   background-image: url(../img/lin2.png);
   font: 11px Arial, Helvetica, sans-serif;
   float: left;
   width: 974px;
   height: 34px;
   margin-left: 3px;
  
}

.lin3 {
   background-image: url(../img/lin3.png);
   font: 11px Arial, Helvetica, sans-serif;
   float: left;
   width: 974px;
   height: 34px;
   margin-left: 3px;
  
}

.lin4 {
   background-image: url(../img/lin4.png);
   font: 11px Arial, Helvetica, sans-serif;
   float: left;
   width: 974px;
   height: 34px;
   margin-left: 3px;
  
}



.text1 {

	text-align:center;
    margin: 0 0 0 0;
	}

#put{
   font: 11px Arial, Helvetica, sans-serif;
   float: left;
   height: 34px;
   margin-left: 280px;
   color:white;
   font-weight: bold; 
   font-size: 14px;
   line-height: 44px;
}


#link1{
   font: 11px Arial, Helvetica, sans-serif;
   float: left;
   
   height: 34px;
   margin-left: 280px;
  
}

#link1 ul {
   padding: 0;
   margin: 0;
}

#link1 ul li {
   float: left;
   list-style: none;
  
   
   
  
}

#link1 ul li a {
   display: block;
   color:white;
   font-weight: bold; 
   font-size: 14px;
   float: left;	
   height: 34px;
   line-height: 44px;
   text-decoration: none;
   text-indent: 0px;
  
   margin-right: 20px;
   text-align: center;
 }

#link1 ul li a:hover {
	
	color: #FFFFCE;
	height: 34px;
	text-decoration: none;
	text-align: center;
}
  /*-- Конец Линия цветовая после меню --*/

  /*-- Соц. закладки --*/

.zakladki{
height: 75px;
width: 258px;
background-image: url(../img/zaklad/fonzak.png);
margin-left: 500px;
margin-top: -120px;
}

.zakladki p{
margin: 0 0 0 0;
padding: 0 0 0 0;
color:white;
font-weight: bold; 
font-size: 12px;
}

.spiszak{
padding-left: 40px;
padding-top: 20px;
height: 31px;
width: 192px;

}


.prays{
height: 31px;
width: 32px;
background-image: url(../img/zaklad/zakladki.png);
background-position: 0px -31px;  
float: left;
cursor: pointer;
}
.prays:hover{
background-position: 0px 0px; 

}

.odnoklas{
height: 31px;
width: 32px;
background-image: url(../img/zaklad/zakladki.png);
background-position: -32px -31px; 
float: left;
cursor: pointer;
}
.odnoklas:hover{
background-position: -32px 0px;
}

.vkontakte{
height: 31px;
width: 32px;
background-image: url(../img/zaklad/zakladki.png);
background-position: -64px -31px; 
float: left;
cursor: pointer;
}
.vkontakte:hover{
background-position: -64px 0px;
}



.mir{
height: 31px;
width: 32px;
background-image: url(../img/zaklad/zakladki.png);
background-position: -96px -31px; 
float: left;
cursor: pointer;
}
.mir:hover{
background-position: -96px 0px;
}



.face{
height: 31px;
width: 32px;
background-image: url(../img/zaklad/zakladki.png);
background-position: -128px -31px; 
float: left;
cursor: pointer;
}
.face:hover{
background-position: -128px 0px;
}



.twit{
height: 31px;
width: 32px;
background-image: url(../img/zaklad/zakladki.png);
background-position: -160px -31px; 
float: left;
cursor: pointer;
}

.twit:hover{
background-position: -160px 0px;
}

  /*-- Конец Соц. закладки --*/






  /*-- Главное меню --*/

#mainmenu{
   font: 11px Arial, Helvetica, sans-serif;
   float: left;
   width: 974px;
   height: 44px;
   margin-left: 3px;
   margin-top: 15px;
}

#mainmenu ul {
   padding: 0;
   margin: 0;
}

#mainmenu ul li {
   float: left;
   list-style: none;
  
   
   border-bottom: 1px solid #E0E0E0;
  
}

#mainmenu ul li.sinii a {
   display: block;
   color:white;
   font-weight: bold; 
	font-size: 16px;
	width: 117px;
   height: 44px;
   line-height: 60px;
   text-decoration: none;
   text-indent: 0px;
   background: url(../img/knopki/smoll_vis.png);
   text-align: center;
 }

#mainmenu ul li.sinii a:hover {
	background-position: 0 -44px;  
	color:white;
	height: 44px;
	text-decoration: none;
	text-align: center;
}


#mainmenu ul li.sinii a.active{
	background: url(../img/knopki/knop1big.png);
	color:white;
	font-size: 25px;
	width: 166px;
	height: 44px;
	text-decoration: none;
	text-align: center;
}

#mainmenu ul li.sinii a.active:hover{
	
	color:#FFFFCE;
	
}



#mainmenu ul li.zelen a {
   display: block;
   color:white;
   font-weight: bold; 
	font-size: 16px;
	width: 117px;
   height: 44px;
   line-height: 60px;
   text-decoration: none;
   text-indent: 0px;
    background: url(../img/knopki/smoll_vis.png);
   background-position: -117px 0px;  
   text-align: center;
 }

#mainmenu ul li.zelen a:hover {
	background-position: -117px -44px;  
	color:white;
	height: 44px;
	text-decoration: none;
	text-align: center;
}


#mainmenu ul li.zelen a.active{
	background: url(../img/knopki/knop2big.png);
	color:white;
	font-size: 25px;
	width: 166px;
	height: 44px;
	text-decoration: none;
	text-align: center;
}

#mainmenu ul li.zelen a.active:hover{
	
	color:#FFFFCE;
	
}






#mainmenu ul li.zolt a {
   display: block;
   color:white;
   font-weight: bold; 
	font-size: 16px;
	width: 117px;
   height: 44px;
   line-height: 60px;
   text-decoration: none;
   text-indent: 0px;
     background: url(../img/knopki/smoll_vis.png);
  background-position: -234px 0px;  
  text-align: center;
 }

#mainmenu ul li.zolt a:hover {
	background-position: -234px -44px;  
	color:white;
	height: 44px;
	text-decoration: none;
	text-align: center;
}


#mainmenu ul li.zolt a.active{
	background: url(../img/knopki/knop3big.png);
	color:white;
	font-size: 25px;
	width: 166px;
	height: 44px;
	text-decoration: none;
	text-align: center;
}

#mainmenu ul li.zolt a.active:hover{
	
	color:#FFFFCE;
	
}


#mainmenu ul li.krasn a {
   display: block;
   color:white;
   font-weight: bold; 
	font-size: 16px;
	width: 117px;
   height: 44px;
   line-height: 60px;
   text-decoration: none;
   text-indent: 0px;
   background: url(../img/knopki/smoll_vis.png);
   background-position: -351px 0px;
   text-align: center;
 }

#mainmenu ul li.krasn a:hover {
        background-position: -351px -44px;
	color:white;
	height: 44px;
	text-decoration: none;
	text-align: center;
}


#mainmenu ul li.krasn a.active{
	background: url(../img/knopki/knop4big.png);
	color:white;
	font-size: 25px;
	width: 166px;
	height: 44px;
	text-decoration: none;
	text-align: center;
}

#mainmenu ul li.krasn a.active:hover{
	
	color:#FFFFCE;
	
}
  /*-- Конец Главное меню --*/



  /*-- Увеличение картинки--*/
.zoom {display:inline-block;}
#zoomLoading {position:absolute; display:block; opacity:0.5; filter:alpha(opacity=50);}
.zoomPic {position:absolute; display:block; top:-9999px; left:0; cursor:pointer;}
.zoomBase {position:relative; width:10px; height:10px; margin:0; padding:0; }
.bigGrey {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.8; filter:alpha(opacity=80);}
  /*-- Конец Увеличение картинки--*/


  /*-- Боковое меню услуг вертикальное--*/
.menuuslyg {
width: 253px;	
height: 500px;
overflow: hidden;
}


ul#uslyg, ul#uslyg ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 253px;
overflow: auto;
}

ul#uslyg a {
  display: block;
  text-decoration: none;	
  
  vertical-align:middle;

}

ul#uslyg li {
  margin-top: 3px;

}

ul#uslyg li a {
  background-image: url(../img/bokknopka.png);
  height: 16px;
  padding-left: 45px;
  padding-top: 12px;
  padding-bottom: 12px;
  color:  #666666;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: bold; 
  font-size: 14px;
 


}

ul#uslyg li a:hover {
  background-position: 0 40px;
   color:  #666666;

}

ul#uslyg li ul li a {
  
  background-image: url(../img/pr.png);
  padding: 0.3em;
  color: #666666;
  padding-left: 25px;
  font-size: 0.8em;

}

ul#uslyg li ul li a:hover {
   color: #666666;  
    background-image: url(../img/fonliul.png);



}
  /*-- Конец Боковое меню услуг вертикальное--*/

  /*-- Смена слоев на главной сранице--*/

#osnovsmena {width:678px; height: 300px; background-image: url(../img/fonsmena.png); margin-top: -29px; }

#smena {position:relative;  height:252px; }
#slider {float:left; position:relative; overflow:auto; width:678px; height:252px; margin-top:23px; margin-left:13px;}
#slider ul {position:absolute; list-style:none; top:0; left:0; margin: 0 0 0 0; padding: 0 0 0 0;}
#slider li {float:left; width:678px; height:252px; margin: 0 0 0 0; padding: 0 0 0 0;}
.pagination {position:absolute; margin-top:275px; right:20px; list-style:none; height:25px}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background-image: url(../img/kruzki.png); background-position:0 8px; margin:0 4px 0 0;}
.pagination li:hover, li.current {background-position:0 0px;}
.sliderbutton {float:left; width:0px; height:0px;}



.glavsmena{

width:678px; height: 252px;
}

.glavkart{

width: 336px;
height:252px;
float:left;
}

.glavtext{
width: 300px;
height:255px;
margin-left: 10px;
margin-top: 12px;
float:left;
}

.glavtext p {

 font: 11px Arial, Helvetica, sans-serif;
        
        font-size: 11px;
	color:#666; 
margin-top: 0px;         
margin-bottom: 20px;
       text-indent: 0.0cm; 
       text-align: justify;

}
.glavtext a {
font-weight: bold; 
font-size: 11px;
color:  #2D94DF;
	
margin-top: 0px;         
margin-bottom: 0px;

       

}
.glavtext a:hover {
color: #7ECED3;

}

  /*-- Конец Смена слоев на главной сранице--*/


  /*-- Форма заказа и вопроса--*/
.forama{
height:340px;
width:678px;
background:#fff;
font-size:11px;
 color:#666666;
}

.forama a:link {
color: #7ECED3;
}
.forama a:hover {
	color:#C81925;
}

.fonform{
height:300px;
width:678px;



}
.left1{
margin-top: 25px;
margin-left: 20px;
float:left;
}

.right1{
margin-top: 25px;
margin-right: 70px;
height:270px;
width:220px;
float:right;

}

.centr1 {
margin-top: 15px;
width:664px;
}


.formtext{
font-weight:bold;
font-size:11px;
width:220px;
color: #666666;

}
.blocks .label1{
width:400px;
color: #666666;
float: left;
font-weight: bold;
line-height: 30px;
margin-right: 15px;

}


.blocks p {
margin-bottom:15px;
margin-top:0px;
position:relative;
text-align: justify;
}

.btn {
display:block;
float:left;
height:31px;
line-height:31px;
padding:0 10px;
background:url(/img/bgbtn.jpg) repeat-x;
color:#565e62;
font-weight:bold;
font-size:11px;
border:1px solid #e1e0df;
outline:none;
cursor: pointer;
}


.multi {
padding:5px 0;
width:220px;
border:1px solid #ddd;
color:#333;
background:url(/img/bginput.jpg) repeat-x bottom #fff;
position:relative;

z-index:2;
}


.text,
.textarea {
padding:5px 0;

border:1px solid #ddd;
color:#333;
background:url(/img/bginput.jpg) repeat-x bottom #fff;
position:relative;
z-index:2;
}

.text {
width:220px;
}

.textarea {
height:150px;
width:220px;
}

.blocks label {
float:left;
width:50px;
line-height:37px;
text-align:right;
margin-right:15px;
font-weight:bold;
color:#666;
}

.blocks label.error,
.blocks label.ok {
position:absolute;
z-index:1;
top:-4px;

padding:0 30px;
/*reset label*/
width:auto;
text-align:left;
margin:0;
background-repeat:no-repeat;
background-position:10px 10px;
}

.blocks label.ok {
background-image:url(/img/ok.png);
color:#7ECED3;
}

.blocks label.error {
background-image:url(/img/hy.png);
color:#c81925;
}

.area label.ok,
.area label.error {
height:163px;
padding-left:410px;
background-position:387px 16px;
}



 /*-- Конец Форма заказа и вопроса--*/




 /*-- Прокрутка в примерах--*/
.reklama ul {
height: 408px;
padding: 0 0 0 0;
margin: 0 0 0 0;    
margin-top: 15px;
list-style: none outside none;
width: 408px;
color: #666666;
font: bold 11px Arial,Helvetica,sans-serif;
overflow:hidden;
}

.reklama ul li {
padding: 0 0 0 0;
margin: 0 0 0 0;   
list-style: none outside none;
color: #666666;
font: bold 11px Arial,Helvetica,sans-serif;
display:inline; 
}

.procrut-container {
  
}

.procrut-direction-rtl {
	direction: rtl;
}



.procrut-container-vertical {
    width: 75px;
    height: 245px;
    padding: 0px 0px;
    margin-top: 15px;
}

.procrut-clip {
    overflow: hidden;
}



.procrut-clip-vertical {
    width:  245px;
    height: 408px;
}

.procrut-item {
    width: 245px;
    height: 68px;
}

/**
 *  Vertical Buttons
 */
.procrut-next-vertical {
    position: absolute;
    bottom: -190px;
    left: 14px;
    width: 32px;
    height: 31px;
    cursor: pointer;
    background: transparent url(../img/prakvniz.png) no-repeat 0 0;
}

.procrut-next-vertical:hover,
.procrut-next-vertical:focus {
    background-position: 0 -32px;
}

.procrut-next-vertical:active {
    background-position: 0 -64px;
}

.procrut-next-disabled-vertical,
.procrut-next-disabled-vertical:hover,
.procrut-next-disabled-vertical:focus,
.procrut-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.procrut-prev-vertical {
    position: absolute;
    top: -28px;
    left: 14px;
    width: 32px;
    height: 31px;
    cursor: pointer;
    background: transparent url(../img/prakvverh.png) no-repeat 0 0;
}

.procrut-prev-vertical:hover,
.procrut-prev-vertical:focus {
    background-position: 0 -32px;
}

.procrut-prev-vertical:active {
    background-position: 0 -64px;
}

.procrut-prev-disabled-vertical,
.procrut-prev-disabled-vertical:hover,
.procrut-prev-disabled-vertical:focus,
.procrut-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}



 /*-- Конец Прокрутка в примерах--*/


 /*-- Реклама--*/
.google-ad {
margin-left:auto;
margin-right:auto;
width: 970px;
height: 90px;
margin-bottom:20px;
}
 /*-- Конец Реклама--*/