#bodyfsp {
  /* WIDTH: expression((documentElement.clientWidth||document.body.clientWidth)<770?'770px':'auto'); */
  ztext-align: left;
  width: 770px;
  /*max-width: 1200px;*/
  zmargin: 0 auto;
  zborder-left: 4px #000000 solid;c
  zborder-right: 4px #000000 solid;
  margin: 0 auto;

}

BODY {
  PADDING: 0px;
  MARGIN: 0 0 0 0;
  FONT-FAMILY:   "Trebuchet MS",Verdana, sans-serif;
  COLOR: #3C4549;
  font-size: 78%;
  /*background: #D3D5D9 url(/i/fon.jpg) left top repeat-x;*/
  background: #D3D5D9 url(/i/bgdotted3.gif) left top;
  TEXT-ALIGN:left;

}

div.abc {position: absolute; top: -3000px; left: -3000px; visibility: hidden; display: none;}


img {
   border: 0;
}

a {
        zfont-size : 100%;
        color : #084C97;
        text-decoration: underline;
        }
a:hover {
        color: #FB2120;
        text-decoration: none;
        }
a.sub2 {
        zfont-size : 100%;
        color : #989898;
        text-decoration: underline;
        }
a.sub2:hover {
        color: #FB2120;
        text-decoration: none;
        }     
INPUT, DIV, FORM, IMG {
  margin: 0;
  padding: 0;
}




#border {
      width: 772px;
      float: left;
      border-left: 4px  #4C5359 solid;
      border-right: 4px #4C5359 solid;
      border-bottom: 4px #4C5359 solid;
      border-top: 4px #4C5359 solid;
      background-color: #ffffff;
      aheight: 800px;
}

/* Start head */


#head {
      width: 772px;
      height:149px;
      float: left;
      zfont-family: tahoma;
      zfont-size: 90%;
      zcolor: #000000;
      background: #48B325 url(/i/top_fon_complex_spring.png) left top no-repeat;
}

/*#headfall {
      width: 772px;
      height:149px;
      float: left;
      zfont-family: tahoma;
      zfont-size: 90%;
      zcolor: #000000;
      background: #9b591e url(/i/top_fon_complex_fall.png) left top no-repeat;
}*/


/*#head {
      width: 772px;
      height:149px;
      float: left;
      zfont-family: tahoma;
      zfont-size: 90%;
      zcolor: #000000;
      background: #0865BC url(/i/top_fon_complex_winter.png) left top no-repeat;
} */ 

/*
#headsummer {
      width: 772px;
      height:149px;
      float: left;
      zfont-family: tahoma;
      zfont-size: 90%;
      zcolor: #000000;
      background: #48B325 url(/i/top_fon_complex.gif) left top no-repeat;
} */

#headfall {
      width: 772px;
      height:149px;
      float: left;
      zfont-family: tahoma;
      zfont-size: 90%;
      zcolor: #000000;
      background: #9b591e url(/i/top_fon_complex_fall.gif) left top no-repeat;
}


#logo {
      width: 622px;
      height:103px;
      float: left;
      zfont-family: tahoma;
      zfont-size: 90%;
      zcolor: #000000;
      /* background: url(/i/summer.gif) left top no-repeat;*/
      padding: 45px 0px 0px 88px;
      text-align:left;  
}


/* End head */



/* Start menu */


#t_menu {
      width: 756px;
      height: 22px;
      float: left;
      font-family: "Trebuchet MS",Verdana, sans-serif;
      font-size: 110%;
      color: #ffffff;
      background-color: #4C5359;
      font-weight: 500;
      padding-left: 16px;
      padding-top:2px;
      ext-transform: uppercase;

}

#t_m1 {
      float: left;
      width:145px;
      margin-left: 3px;
      
}

#t_m2 {
      float: left;
      width:152px;
      zmargin-left: 104px;
}
#t_m3 {
      float: left;
      width:132px;
      zmargin-left: 78px;
}
#t_m4 {
      float: left;
      width:157px;
      zmargin-left: 152px;
}
#t_m5 {

      float: left;
      width:145px;
      zmargin-left: 152px;
}



#t_menu a {

        zfont-size : 100%;
        color : #ffffff;
        }
#t_menu a:hover {
        text-decoration: none;
        /*background: url(/i/navbarlinkbg.gif) top left repeat-x; color: red;*/
        color: yellow;
        }
#t_menu a.sub {
        zfont-size : 100%;
        text-decoration: underline;
        }
#t_menu a.sub:hover {
        color: #FB2120;
        text-decoration: none;
        }



A.selecteda:link {background: url(/i/navbarlinkbg.gif) top left repeat-x; text-decoration:none;}
A.selecteda:visited {background: url(/i/navbarlinkbg.gif) top left repeat-x; text-decoration:none;}
A.selecteda:active {color:#C0C0C0; text-decoration:none;}
A.selecteda:hover {color:#FFFFFF; text-decoration:none;}
A.selecteda {color:#FFFFFF; text-decoration:none;}


span.selected {
   background: url(/i/navbarlinkbg.gif) top left repeat-x;   color: #D1D3D7;
   color: #D1D3D7;
}



#menu {
      font-size: 80%;
      width: 772px;      
      /*background-color: #F4F5FA;*/
      float:left;

}


/* UL LI {
  list-style-image: url(marker.gif);
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  zline-height: 16px;
}    */



#menu ul {
	list-style: none;
	margin: 10px 0 10px 0;
	padding-left: 14px;

}

#menu ul li {
	padding: 0 0 0px 10px;
	line-height: 120%;
	background:  url(li-orange.gif) no-repeat 0 5px;

       /* list-style-image: url(li-orange.gif);*/

}

/*#menu UL{
}

#menu UL li {
  list-style-image: url(spacer.gif);
  font-weight: normal;
  margin: 0px 0px 0px -20px;
  padding: -20px -20px -20px -20px;
  zletter-spacing: 0px;
  background-color: red;
}  */




#contacts    { 
      padding: 15px;
      width: 180px;
      float: left;
      text-align:left;
}


#m1    {
      float: left;
      width: 180px;
      text-align:left;

}
#vline{
    width:1px;
    margin:0px;
    margin-top:14px;
    float: left;
    text-align:left;
    padding:0;
}






/*  Start main  */

#main {
      width: 772px;
      float: left;
      padding-bottom: 0px; /* 25 px */
      border: 0px red solid;


}


.otstup    {
      font-size: 50%;
      width: 16px;
      float: left;
      zbackground-color: red;
}
#otstup2    {
      font-size: 60%;
      width: 13px;
      float: left;
      sbackground-color: blue;
}


#l_main    {
      width: 534px;
      float: left;
      sbackground-color: green;
      border: 0px green solid;
      text-align: justify;
}

#r_main    {
      font-size: 85%;
      font-family: arial
      width: 209px;
      float: left;
      border: 0px green solid;
      padding-left:10px;
      sbackground-color: yellow;

}

#put    {
      font-size: 90%;
      zwidth: 193px;
      float: left;
      color: #606366;
      sbackground-color: yellow;

}

h1 {
        font-family :  Arial;
        font-size : 160%;
        color : #1A1A1A;
        font-weight: normal;
        padding:  12px 0px 0px 0px;
        margin:  0px 0px 0px 0px;
        letter-spacing: 0px;
        text-transform: uppercase;
   }


#d_link    {
      font-size: 120%;
      width: 178px;
      float: left;
      zcolor: #606366;
      sbackground-color: yellow;
      zfont-weight: bold;
      zcolor: #000000;
}

#d_link1    {
      font-size: 120%;
      width: 178px;
      float: left;
      zcolor: #606366;
      sbackground-color: yellow;
      text-align:center;
      zfont-weight: bold;
}

#d_link2    {
      font-size: 120%;
      width: 178px;
      float: left;
      zcolor: #606366;
      sbackground-color: yellow;
      text-align:right;
      zfont-weight: bold;
}

.title    {
      font-size: 120%;
      width: 209px;
      height: 22px;
      zfloat: left;
      color: #ffffff;
      background-color: #4C5359;/*#4C5D6D*/
     /* ztext-align:left;
      font-weight: bold;
      vertical-align:middle;
      display: table-cell; */
      
}
.subtitle    {
      font-size: 100%;
      zfloat: left;
      color: #ffffff;
      text-align:left;
      font-weight: 500;
      padding-left:10px;
      padding-top:2px;
      margin:0px;

     /* vertical-align:middle;
      display: table-cell; */
      
}


.news    {
      width: 190px;
      zheight: 22px;
      sfloat: left;
      color: #3C4549;
      zfont-family: arial ;
      zbackground-color: #4C5D6D;
      xztext-align:right;
      zfont-weight: bold;
      padding: 10px 0px 0px 10px;
}


#sub {
    float:left;
    zwidth:169px;
    zbackground-color: green;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 8px;

}

#ttsub
{
    height: 15px;
    width: 115px;
    margin: 1px 0px 0px 1px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: #ffffff;

}

#input1sub {
    zvertical-align: center;
    float:left;
    margin: 1px 0px 0px 0px;
    padding: 0px 1px 0px 0px;
    height:17px;
    width:136px;

}
#input2sub {
    zvertical-align: top;
    zbackground-color: red;
    float:left;
    margin: 1px 0px 0px 3px;
    padding: 1px 0px 0px 0px;
    width: 25px;
}
.inputsub
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #C6C6C6 0px outset;
    BORDER-LEFT: #C6C6C6 0px outset;
    BORDER-RIGHT: #C6C6C6 0px outset;
    BORDER-TOP: #C6C6C6 0px outset;
    COLOR: #2E2E2E;
    height: 13px;
    width: 100px;
    margin: 0;
    padding: 0px 0px 0px 4px;

}


#log   {
      zfont-size: 11px;
      width: 193px;
      text-align: center;
}

#cl   {
      font-size: 10px;
      width: 193px;
      font-family: tahoma;
      color: #545454;
      ztext-align: center;
      padding: 9px 0px 0px 9px;
}


/*  End main  */

#footer   {
      font-size: 12px;
      width: 756px;
      height: 44px;
      font-family: Arial;
      color: #ffffff;
      background-color: #4C5359;
      ztext-align: center;
      padding: 12px 0px 0px 16px;
}


#footer a {
        color : white;
        text-decoration: underline;
        }
#footer a:hover {
        color: yellow;
        text-decoration: none;
        }
#footer a.sub {
        color : #989898;
        text-decoration: underline;
        }
a.sub:hover {
        color: yellow;
        text-decoration: none;
        }



.contactsFooter{
 border:0px blue solid; width:710px;float:left;
}


.contactsCounter{
 border:0px red solid;float:left;
}






br.m {
        font-size: 5px;
        }

br.s {
        font-size: 1px;
        }



textarea.login
{
    BACKGROUND-COLOR: #F6F6F6;
    BORDER-BOTTOM: #C6C6C6 1px outset;
    BORDER-LEFT: #C6C6C6 1px outset;
    BORDER-RIGHT: #C6C6C6 1px outset;
    BORDER-TOP: #C6C6C6 1px outset;
    COLOR: #2E2E2E;
    FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
    margin: 0;
    padding: 2px 5px 5px 5px;

}

INPUT.subscribe
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #C6C6C6 1px outset;
    BORDER-LEFT: #C6C6C6 1px outset;
    BORDER-RIGHT: #C6C6C6 1px outset;
    BORDER-TOP: #C6C6C6 1px outset;
    COLOR: #2E2E2E;
    FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 10px;

    margin: 0;
    padding: 2px 5px 5px 5px;

}




H2 {
  font-family: Georgia, "Trebuchet MS",Verdana, sans-serif;
  font-size: 1.7em;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
  text-align:left;
  padding:30px 0px 10px 19px;
}






INPUT.baton
{
    BACKGROUND-COLOR: #F05A00;
    BORDER-BOTTOM: #FAFAFA 1px outset;
    BORDER-LEFT: #FAFAFA 1px outset;
    BORDER-RIGHT: #2254C7 1px outset;
    BORDER-TOP: #2254C7 1px outset;
    COLOR: #FFE7D1;
    FONT-FAMILY: arial, tahoma, helvetica;
    FONT-SIZE: 11px;
    PADDING-LEFT: 3px;
    font-weight: bold;
    width: 126px;
    height: 21px;

}





INPUT.baton2
{
    BACKGROUND-COLOR: #FD8002;
    BORDER-BOTTOM: #2254C7 1px outset;
    BORDER-LEFT: #2254C7 1px outset;
    BORDER-RIGHT: #2254C7 0px outset;
    BORDER-TOP: #2254C7 0px outset;
    COLOR: #ffffff;
    FONT-FAMILY: tahoma, arial,helvetica;
    FONT-SIZE: 11px;
    PADDING-LEFT: 3px;
        FONT-WEIGHT: bold;
}

INPUT.book
{
    BACKGROUND-COLOR: #FAFAFA;
    BORDER-BOTTOM: #2254C7 1px outset;
    BORDER-LEFT: #2254C7 1px outset;
    BORDER-RIGHT: #2254C7 1px outset;
    BORDER-TOP: #2254C7 1px outset;
    COLOR: #343434;
    FONT-FAMILY: tahoma, arial,helvetica;
    FONT-SIZE: 11px;
    PADDING-LEFT: 3px
}

textarea.book
{
    BACKGROUND-COLOR: #FAFAFA;
    BORDER-BOTTOM: #2254C7 1px outset;
    BORDER-LEFT: #2254C7 1px outset;
    BORDER-RIGHT: #2254C7 1px outset;
    BORDER-TOP: #2254C7 1px outset;
    COLOR: #343434;
    FONT-FAMILY: tahoma, arial,helvetica;
    FONT-SIZE: 11px;
    PADDING-LEFT: 3px
}

textarea.mail
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #FB0000 0px outset;
    BORDER-LEFT: #FB0000 0px outset;
    BORDER-RIGHT: #FB0000 0px outset;
    BORDER-TOP: #FB0000 0px outset;
    COLOR: #343434;
    FONT-FAMILY: tahoma, arial,helvetica;
    FONT-SIZE: 11px;
    PADDING-LEFT: 3px
}

#inp {
    zvertical-align: top;
    zbackground-color: red;
    float:left;
    margin: 1px 0px 0px 3px;
    padding: 1px 0px 0px 0px;
    width: 25px;
}

#lheader {
 float:left;
 border: 0px blue solid;
 /*text-transform:uppercase; */
 width:20%;
 margin-bottom: 10px;
 padding-left: 10px;
 padding-right:20px;
}

#rcontent {
 float:left;
 margin-top:0px;
 padding-top:0px;
 margin-bottom: 10px;
 width:70%;
 border: 0px red solid;
}
.newsTeaser{
       padding-left: 0px; 
       padding-right: 10px;             
       /*border: 1px green solid;*/
       margin-bottom: 10px;
       text-align: justify;
}


.datePublished {
  font-size: 12px;
  color: #737373;
}

.calendar {
  color: #737373;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;       

}

#main h3{ 
  font-size: 90%;
  text-align: left;
  padding-left:10px;
  padding-top:3px;
  FONT-FAMILY: Arial, Verdana, sans-serif;
  text-transform:uppercase; 
  COLOR: #4C5359;
}

#leftyears b{
 font-size:120%;
}
#leftyears { 
  float:left;
  text-align: right;
  padding:20px;
  padding-top:0px;
  border: 0px blue solid;
  COLOR: #4C5359;
}
#leftmonths { 
  float:left;
  text-align: right;
  padding:0px;
  padding-top:0px;
  border: 0px red solid;
  COLOR: #4C5359;
}
#news { 
  padding-left:20px;
  float:left;
  width:78%;
  border: 0px green solid;
  padding-bottom:20px;
}

#news h1{
 /* padding-left: 0px;*/
 font-size: 150%;
 color:#3C4549;

}

#news h3{
 padding-left: 0px;
}


/* ------------------- BOF portfolio ------------------ */


#wrap {
  	width: 360px;
	position: relative;
	padding: 0;
	font-size: 115%;
        text-align: justify;
  	border: 0px solid red;
  	background: #fff;
	padding-left:20px;
	padding-bottom:20px;
	}

#nav {
	float: left;
        width: 40%; 
/*        font-family: Helvetica,Verdana, sans-se rif;*/
	margin: 0px;
	padding: 0;
	list-style: none;
	font-weight: normal;
	border-top: 0px solid #AEC1CE;
	border-bottom: 0px solid #AEC1CE;
}
#wrap a{
  padding-left:4px;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
	}


#portfolio { 
  float:left;
  padding:20px;
  padding-top:0px;
  border: 0px red solid;
  COLOR: #4C5359; 
  width:45%;
}

#discr { 
  float:left;
  padding-right:2px;
  padding-left:39px;
  padding-top:0px;
  border: 0px blue solid;
  text-align: left;
  COLOR: #4C5359;
  width:270px;
}

#sample {
  font-size:120%;
  float:left;
  border: 1px #DCDCDC solid;
  background: #F0F0F0;
  padding:10px 10px 2px 10px;
  margin-bottom:10px;
}
#sample img{ 
  border: 4px  #FFFFFF solid;
}
#sample div{
  font-size: 90%;
  border: 0px red solid;
  padding-bottom:0px;
}
#sample div.cdiscr{
  padding-left:2px;
  float:left;
  width:50%;
}
#sample div.plink{
    float:left;
    width:47%;
    border:0px red solid;text-align:right;
}
#logos img{
 padding-bottom:16px;
}

#logos img.rlogo{
  border:0px red solid;text-align:right;
  padding-left:22px;
 
}
.psubselected {
 background:#44B120;padding:2px;color:#FFFFFF
}



/* ------------------- EOF portfolio ------------------ */



/* ------------------- BOF services ------------------ */

#services h3{
 padding-left:0px;
}

#servicesr h3{
 padding-left:0px;
}

#services2 h3{
 padding-left:0px;
}
#servicesr2 h3{
 padding-left:0px;
}


#services span.red{
 padding-left:2px;
 padding-right:2px;
 color:white;
 background-color: red;
 
}
#services2 span.orange{
 padding-left:2px;
 padding-right:2px;
 color: white;
 background-color: #fe8b02;
 
}
#servicesr span.green{
 padding-left:2px;
 padding-right:2px;
 color:white;
 background-color: #44B120;
 
}
#servicesr2 span.blue{
 padding-left:2px;
 padding-right:2px;
 color:white;
 background-color: #3d80c2;
 
}


#services {
    float:left;
    width:287px;
    border: 1px #DCDCDC solid;
    /* background: #F0F0F0; */
    text-align:lrgy;
    padding:30px;      
    margin-bottom:0px;
    margin-top:20px;
    height:33em;
}
#servicesr {
    float:left;
    width:287px;
    border: 1px #DCDCDC solid;
    /*background: #F0F0F0;*/
    text-align:left;
    padding:30px;
    margin-top:20px;
    margin-left:35px;
    margin-bottom:0px;
    height:33em;
}
#services2 {
    float:left;
    width:287px;
    border: 1px #DCDCDC solid;
   /*  background: #F0F0F0;   */
    text-align:left;
    padding:30px;      
    margin-bottom:0px;
    margin-top:20px;
    height:33em;
}
#servicesr2 {
    float:left;
    width:287px;
    border: 1px #DCDCDC solid;
  /*  background: #F0F0F0; */
    text-align:left;
    padding:30px;
    margin-top:20px;
    margin-left:35px;
    height:33em;
}


/* ------------------- EOF services ------------------ */

/* ------------------- BOF main teasers ----------------*/
#mainteasers{
  float:left;width:520px;padding-right:0px;margin-right:0px;
  border: 0px red solid;
  padding-left:20px;
  border: 0px #DCDCDC solid;
}

#mteaser {
  font-size:120%;
  width:254px;
  float:left;

 /* border: 1px #DCDCDC solid;
  background: #F0F0F0;
  padding:10px 10px 2px 10px;
  margin-bottom:10px; */
}
#mteaser img{ 
  border: 1px  #969799 solid;
  padding:3px;
}
#mteaser div{
  font-size: 90%;
  border: 0px red solid;
  padding-bottom:0px;
}
#mteaser div.rteaser{
  font-size: 90%;
  border: 1px red solid;
  padding-bottom:0px;
}

#mteaser div.cdiscr{
  padding-left:0px;
  float:left;
  width:50%;
}
#mteaser div.plink{
    float:left;
    width:47%;
    border:0px red solid;text-align:right;
}

#mrteaser {
  font-size:120%;
  width:254px;
  float:left;
  margin-left:12px;
/* border: 1px #DCDCDC solid;
  background: #F0F0F0;
  padding:10px 10px 2px 10px;
  margin-bottom:10px; */
}
#mrteaser img{ 
  border: 1px  #969799 solid;
  padding:3px;
}

#mrteaser div{
  font-size: 90%;
  border: 0px red solid;
  padding-bottom:0px;
}
#mrteaser div.rteaser{
  font-size: 90%;
  border: 1px red solid;
  padding-bottom:0px;
}

#mrteaser div.cdiscr{
  padding-left:0px;
  float:left;
  width:50%;
}
#mrteaser div.plink{
    float:left;
    width:47%;
    border:0px red solid;text-align:right;
}

#maintextteasers{
  float:left;width:96%;padding-right:0px;margin-right:0px;
  padding-top:20px;
  padding-bottom:20px;
  border: 0px red solid;
  padding-left:20px;

}


/* ------------------- EOF main teasers ------------------ */




#product{  
   width:240px;
   float:left;  
   font-size:100%;
   border: 0px solid red;
   padding-left:20px;
  margin-right: -10px 
 } 
 #product dl{
  margin : 0px ;
  padding: 0px;
 }
 #product h3{
	margin: 1.5em  1.1em   0px   0px ;
	padding-bottom: 2px;
	font-weight: normal;
	color: #449800;
  border-bottom: 1px solid #eaeaea;
  padding: 0px;

 }


 #product img{
  float:left;
  margin-right: 0px;
  border: 0px solid #ccc;
 }              
 #product div{
  width:100%;
  margin : 0px ;
  padding: 0px;
  float:left;
 }

#l_main ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding-left: 0px;
	}

#l_main ul li {
	padding: 0 0 4px 12px;
	line-height: 1.4em;
	background: url(/i/or-bulletb.gif) no-repeat 0 5px;
	}
  ul.sample
  {
   padding: 0px;
   margin-left:16px;
   margin-bottom:4px; 
  }



#subsAnswer{
 float:left;
 width:200px;
 /*background: red; */
 padding-left:10px;padding-top:5px; padding-bottom:5px;
}

#companyclients {
  text-align: left;
  padding-left:20px;  
  border: 0px green solid;
  padding-bottom:20px;
  width: 650px;
}
#companyclients img{
  padding-right: 52px;  
  border: 0px green solid;

}

q{

quotes:"«" "»" "„" "”"

}