* 
{
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
    overflow: hidden;
    height: 0;
}

.blue
{
    color: #0099C4;
}

.gray
{
    color: #333333;
}

html { 
  background: url(../img/bg/bg_body0.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}

body 
{
    font-size: 13px;
    line-height: 15px;
    font-family: "Open Sans", Sans-Serif, Tahoma, Verdana;
    color: #333333;
    height: 100%;
}


a
{
    outline: none;
}

#wrap{
    position: fixed; 
    z-index: -1; 
    top: 0; 
    left:0; 
    background-color: white;
    height: 100%;
    width: 100%;
    min-height: 100%;
}

/*
#wrap img.bgfade{
    position:absolute;
    bottom: 0;
    right: 0;
    display:none;
    width:100%;
    height:100%; 
    z-index:-1;
}

*/

#wrap img{
    position:absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}


#wrapper
{
    background-image: url("../img/bg_content.png");
    background-repeat: repeat;
    width: 770px;
    min-height: 100%;    
    margin: 0 auto;
    /*overflow: hidden;*/
    padding-left: 30px;
    padding-right: 30px;
}

#header{
    
    height: 120px;
}

#logo
{
    margin-top: 30px;
    width: 251px;
    height: 32px;
    border: 0;
    float: right;
}

#logo a, img
{
    border: 0;
}

#login
{
    height: 70px;
    width: 380px;
    background-image: url("../img/blue_figures.png");
    background-position: right top;
    background-repeat: no-repeat;
    float: left;
    padding-left: 0;
    padding-top: 40px;
    margin-right: 0px;
    margin-left: 50px;
    
}

#search
{
    height: 70px;
    float: left; 
    padding-top: 40px; 
    margin-left: -40px;
    width: 0;
    display: none;
}

#searchline{
    margin-top: -80px;
    margin-left: 52px;
    float: left;
    direction: rtl;
    height: 30px;
    width: 50px;
}

#searchline input[type="text"]{
    border-width: 1px;
    border-style: solid;
    border-color: #0099C4;
    font-family: "Open Sans";
    font-size: 10px;
    width: 100px;
    float: right;
    margin-top: 20px;
}


#searchline{
     display: none;
}   

/*
#searchline:hover input{
    display:block;
}
*/

#nav_small
{
    
}

#login a, #search a
{
    font-size: 11px;
    color: #0099C4;
    text-decoration: none;
    direction: rtl;
}

#lang
{
    height: 100px;
    width: 40px;
    background-image: url("../img/black_slash.png");
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    padding-top: 9px;
    padding-left: 0px;
   }

#lang a
{
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

#left_column
{
    width: 220px;
    height: 450px;
    float: right;
    direction: rtl;
}

#left_column h1
{
    line-height: 28px;
    font-size: 26px;
    color: #0099C4;
    font-weight: normal;
    margin-bottom: 50px;
}

#left_column h4
{
    margin-top: 30px;
    line-height: 12px;
    font-size: 12px;
    color: #0099C4;
    font-weight: normal;
}

/*
#left_column ul
{
    margin-left: -16px; 
    margin-top: 0px;
}

#left_column li
{
    list-style-type: none;
}

#left_column li a
{
    padding-left: 16px;
    text-decoration: none;
    background: none; 
    color: #333333;
}

#left_column li a.active
{
    text-decoration: none;
    font-weight: bold; 
    background-image: url("../img/blue_triangle.png");
    background-repeat: no-repeat;
    background-position: left center; 
}

#left_column li a:hover
{
    text-decoration: none;
    color: #0099C4;
    font-weight: bold;
}

*/

/*меню*/
/*вертикальное меню*/
ul.vertmenu { 
    padding: 0; 
    margin: 0; 
    text-transform: uppercase;
    margin-right: -16px;
}

ul.vertmenu li { 
    padding: 2px 0; 
    margin: 0; 
    list-style: none; 
}

ul.vertmenu li a:hover { 
    text-shadow:  1px 1px 2px #0099C4, 0 0 1em #0099C4;
}

ul.vertmenu li ul { 
    padding: 0;
    margin: 0 30px 0 0px; 
    display: none; 
    text-transform: none;
    width: 200px;
}

ul.vertmenu li ul a { 
    color: #2A2A2A;
}

ul.vertmenu li ul a:hover { 
    text-shadow: none;
}

ul.vertmenu li ul li { 
    
    text-transform: capitalize;
}

ul.vertmenu li ul li:hover { 
    background-color: #71B9D2;
}

ul#myvertmenu a { /*конечное вертикальное меню*/
    text-decoration: none;
    padding-right: 16px;
} 

ul#myvertmenu a.collapsed { 
    color: #333333;      
}

ul#myvertmenu a.expanded { 
    text-decoration: none;
    background-image: url("../img/blue_triangle_ar.png");
    background-repeat: no-repeat;
    background-position: right center;  
    font-weight: normal;
    color: #333333;
}
/*меню*/

#content
{
    width: 480px;
    float: left;
    overflow-y: visible; 
    color: #333333;
    padding-top: 50px;
}

#content p
{
    font-size: 13px;
    line-height: 15px;
    padding-top: 10px;
}

#content h3
{
    font-size: 14px;
    font-weight: normal;
}

#content span
{
    color: #0099C4;
}

#content li{
    list-style-position: inside;
    list-style-type: square;
    padding: 0 0 5px 5px;
}

#footer
{
    width: 100%;
    height: 50px;
    padding-top: 20px;
}

#footer li
{
    display: inline;
}

#footer li a
{
    text-decoration: none;
    color: #0099C4;
    font-size: 10px;
}

#footer p
{
    color: #333333;
    font-size: 8px;
}

/* Tiny Scrollbar */
#scrollbar1 
{
 width: 480px;
 margin-top: 0px;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
}

#scrollbar1 .viewport 
{
 width: 470px;
 height: 400px;
 overflow: hidden;
 position: relative;
 direction: rtl;
}

#scrollbar1 .viewport img
{
    margin-bottom: 10px;
    direction: rtl;
}

#scrollbar1 .overview 
{
 list-style: none;
 position: absolute;
 right: 0;
 top: 0;
 padding: 0 15px 0 0;
 margin: 0 0 0 20px;
 width: 97%;
}

#scrollbar1 .scrollbar 
{
 background-image: url(../img/bg-scrollbar-track-y.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: 0 0;
 position: relative;
 background-position: 0 0;
 float: left;
 width: 1px;
}

#scrollbar1 .track 
{
 background-image: url(../img/bg-scrollbar-trackend-y.png);
 background-color: transparent;
 background-repeat: repeat-y;
 background-position: 0 100%;
 height: 100%;
 width: 1px;
 position: relative;
 padding-top: 0;
 padding-right: 1px;
 padding-bottom: 0;
 padding-left: 1px;
}

#scrollbar1 .thumb 
{
 background-position: 50% 100%;
 background-image: url(../img/bg-scrollbar-thumb-y.png);
 background-color: transparent;
 background-repeat: no-repeat;
 height: 23px;
 width: 3px;
 cursor: pointer;
 overflow: hidden;
 position: absolute;
 top: 0;
 left: -1px;
}

#scrollbar1 .thumb .end 
{
 background-image: url(../img/bg-scrollbar-thumb-y.png);
 background-color: transparent;
 /*background-repeat: no-repeat;*/
 background-position: 0 50%;
 overflow: hidden;
 height: 100%;
 width: 3px;
}

#scrollbar1 .disable 
{
 display: none;
}

.noselect 
{
 -user-select: none;
 -o-user-select: none;
 -moz-user-select: none;
 -khtml-user-select: none;
 -webkit-user-select: none;
}

/* Tiny Scrollbar */

#social
{
   float: right;
   direction: rtl;
   margin-top: -10px;
   margin-left: -10px;
   height: 32px;
}

#social a:hover
{
   
}

#copyright
{
   float: left;
   direction: rtl;

}

#contactus input{
    border-width: 1px;
    border-color: #0099C4;
    border-style: solid;
    width: 350px;
    margin-bottom: 5px;
    font-family: "Open Sans", Sans-Serif, Tahoma, Verdana;
    font-size: 13px;
    line-height: 15px;
}

#contactus textarea{
    width: 350px;
    height: 100px;
    border-width: 1px;
    border-color: #0099C4;
    border-style: solid;
    margin-bottom: 5px;
    font-family: "Open Sans", Sans-Serif, Tahoma, Verdana;
    font-size: 13px;
    line-height: 15px;
}

#charNum {
    float: right;
    margin-right: 70px;
    font-size: 10px;
    direction: rtl;
    color: red;
}

#userhtml{
    height: 100%;
}

.scrollbar1text{
    display: none;
}

label{
    width: 70px;
    display: block;
    float: right;
}

#contactus input[type="submit"], #contactus input[type="reset"] {
    border-width: 0px;
    border-style: none;
    width: 55px;
    margin-bottom: 5px;
    font-family: "Open Sans", Sans-Serif, Tahoma, Verdana;
    font-size: 13px;
    line-height: 15px;
    background: none;
    float: left;
    outline: none;
    cursor: pointer;
}

#contactus input[type="submit"]{
    background-image: url(../img/blue_triangle_ar.png);
    background-position: right center;
    background-repeat: no-repeat;
    margin-left: 50px;
}

#contactus{
    margin-bottom: 5px;    
}