@font-face {
 font-family: 'KZ Script';
 src: local('KZ Script'),
 url('http://lingvist.kz/assets/templates/site/fonts/kz-script.ttf') format('truetype');
}
@font-face {
 font-family: 'vsletter';
 src: local('vsletter'),
 url('http://lingvist.kz/assets/templates/site/fonts/vsletter.ttf') format('truetype');
}

.shrift {
font-family: KZ Script;
}
.shrift2 {
font-family: vsletter;
}


body{
    font-family: Verdana,Sans-serif;
    margin: 0 auto;
    line-height: 20px;
    text-align: left;
    padding: 0;
}

.fixed-wrapper{
margin: 0 auto;
padding: 0;
display: block;
text-align: justify;
width: 980px;
}

#bg-detsad{ background: url("/assets/templates/site/images/bg.png") repeat scroll 0 0 transparent !important;}
#bg-school{ background: url("/assets/templates/site/images/bg2.png") repeat scroll 0 0 transparent !important;}



#wrapper{
margin: 0;
padding: 0;
}


.border{
background: url("/assets/templates/site/images/transparent.png") repeat scroll 0 0 transparent !important;
box-shadow: 0 0 5px #999999;
-moz-box-shadow: 0 0 5px #999999;
 -webkit-box-shadow: 0 0 5px #999999;
 -khtml-box-shadow: 0 0 5px #999999;
behavior: url(/assets/templates/site/style/box-shadow.htc); 
padding: 10px;
margin-bottom: 15px;
}
.radius{
-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari, Chrome */
  -khtml-border-radius: 15px; /* KHTML */
  border-radius: 15px; /* CSS3 */
  behavior: url(/assets/templates/site/style/border-radius.htc);
overflow: hidden;
}

/***************************************HEADER****************************************************/
#header-sad{
    height: 245px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 960px;
}


#nazvanie-block{
    margin: 20px auto 0 240px;
    padding: 0;
    position: absolute;
}
.name2{
    color: #FFF500;
    font-family: KZ Script;
    font-size: 40px;
    margin: -55px auto 20px 75px;
    position: absolute;
}

.nazvanie{
    color: #FFFFFF;
    font-family: KZ Script;
    font-size: 55px;
    margin: 60px 0 0;
    text-shadow: 0 0 2px #31617E;
    position: relative;
}
.nazvanie2{
    color: #FF6600;
font-family: vsletter;
    font-size: 38px;
line-height: 44px;
    margin: -10px 0 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: 0 0 5px #FEFEFF;
    width: 700px;
}

#perehod{
    font-family: KZ Script;
    font-size: 30px;
    line-height: 45px;
    margin: 180px auto 0 330px;
    position: absolute;
    text-shadow: 0 0 2px #444444;;
}


#perehod a{
    background: url("/assets/templates/site/images/strelki.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #FFFFFF;
text-decoration: none;
 display:block;
padding: 0 0 0 55px;
}
#perehod a:hover{
    background: url("/assets/templates/site/images/strelki.png");
    background-position: 0 -40px;
    background-repeat: no-repeat;
    color: #FFFF00;
text-decoration: none;
-webkit-transform: translate(4px,0);
 -moz-transform: translate(4px,0);
 -o-transform: translate(4px,0);
padding: 0 0 0 55px;
}

/***************************************CONTENT****************************************************/
#wrapper-contentS{
    background: url("/assets/templates/site/images/left-bg.png") repeat-y scroll 0 0 #FEFEFE;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 960px;
}
#wrapper-contentD{
    background: url("/assets/templates/site/images/left-bg2.png") repeat-y scroll 0 0 #FEFEFE;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 960px;
}

#content{
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    margin: 0;
    padding: 20px;
    width: 680px;
}
#content h2{
    color: #0088CC;
    font: 31.5px/40px cursive;
    margin: 0 auto 20px;
    padding: 0;
}
#content p {
    /* text-indent: 20px; */
}

/***************************************SIDEBAR****************************************************/
#left-column{
background-image: url(/assets/templates/site/images/left-bg.png);
}

#left-column{
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 20px 10px 10px;
    overflow: hidden;
    position: relative;
    width: 200px;
}
#sidebar{
    background:  #FFF;
-moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */
margin: 0;
padding: 10px 0;
    width: 100%;
}
.glavnaya{
    display: block;
    font: 16px/20px Verdana,Sans-serif;
    margin: 5px 10px;
    padding: 0;
    text-align: center;
}
#sidebar ul{
    background: none repeat scroll 0 0 #FFFFFF;
    list-style: none outside none;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 200px;
}
#sidebar a{
text-decoration: none;
}
#sidebar a:hover{
text-decoration: none;
}
#sidebar li{
padding: 5px 10px;
border-bottom: 1px dotted #eee;
}
#sidebar a:hover li{
background: none repeat scroll 0 0 #FBFBFB;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-webkit-transform: translate(4px,0);
 -moz-transform: translate(4px,0);
 -o-transform: translate(4px,0);
}
.active{
background: none repeat scroll 0 0 #FBFBFB;
}
.last{
border: medium none !important;
}

.contact{
    border-top: 1px dashed #CCCCCC;
    color: #444444;
    margin: 20px 0 0;
}
.contact h3{
    background: none repeat scroll 0 0 #F9F9F9;
    font: 22px/26px Verdana,Sans-serif;
    padding: 5px;
    text-align: center;
}
.contact ul{
-moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */
}

/************GALLERY***************/
#galerey-content{
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
}


.thumbs{
    border: 3px solid #FFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 3px #ccc;
    display: block;
    float: left;
    height: 100px;
    margin: 0 7px 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 150px;
}
.thumbs img{
width: 100%;
height: auto;
}

/***************************************F O O T Е R****************************************************/

#footer{
    background: none repeat scroll 0 0 #FBFBFB;
    color: #CCCCCC;
    font-size: 11px;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 960px;
}
#footer a{
text-decoration: none;
color: #A9A9A9;
}
#footer a:hover{
text-decoration: none;
color: #005580;
}
#footer ul{
    list-style-type: none;
    margin: 0;
    height: 30px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#footer li{
    display: inline-block;
    margin: 0;
    float: left;
    position: relative;
    padding: 5px 18px;
}
#footer a:hover li{
background: #eee;
}