html{
overflow-x: hidden;
overflow-y: scroll;
height: 100%;
width: 100%;
}
body{
background: #FFFFFF url("/img/background.png") repeat-x top;
display: table;
width: 100%;
font-family: Trebuchet MS, Arial, Tahoma, verdana;
text-align: center;
font-size: 14px;
padding: 0px;
margin: 0px;
}
div, span, p, a, textarea, select,input, h1, h2, h3{
font-family: Century Gothic, verdana;
font-size: 12px;
color: #575757;
}
img{border: 0 none;}

#wrapper{
overflow: hidden;
display: table;
height: 100%;
width: 100%;
}
#wrapper .head{
overflow: hidden;
background: url('/img/head-bg.png') repeat-x top;
display: table;
height: 112px;
width: 100%;
}
#wrapper .head-middle{
background: url('/img/head-middle.png') no-repeat center top;
overflow: hidden;
margin: 0px auto;
display: table;
height: 112px;
width: 922px;
}

#wrapper .logo{
width: 230px;
height: 112px;
margin: 0px auto;
display: block;
float: left;
}
#wrapper .logo a,
#wrapper .logo img{
border: 0px none;
}
#wrapper .menu-right,
#wrapper .menu-left{
display: table;
height: 80px;
width: 346px;
float: left;
}
#wrapper .menu-right ul{
margin: 48px 0px 0px 0px;
padding: 0px;
float: left;
}
#wrapper .menu-left ul{
margin: 48px 17px 0px 0px;
display: table;
padding: 0px;
float: right;
}
#wrapper .menu-left li,
#wrapper .menu-right li{
display: table;
height: 30px;
list-style: none;
margin: 0px;
padding: 0px 12px;
float: left;
}
#wrapper .menu-right{
list-style: none;
padding: 0px;
margin: 0px;
float: right;
}
#wrapper .menu-left a,
#wrapper .menu-right a,
#wrapper .menu-left a:hover,
#wrapper .menu-right a:hover{
font-family: Trebuchet MS, Tahoma ;
padding: 0px 0px 14px 0px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
display: block;
}
#wrapper .menu-left li.act a,
#wrapper .menu-right li.act a,
#wrapper .menu-left a:hover,
#wrapper .menu-right a:hover{
background: url('/img/menu-hover.png') repeat-x bottom;
}

#wrapper .body{
text-align: left;
margin: 0px auto;
display: table;
width: 922px;
}
#wrapper .body .middle{
background: url('/img/middle-top.png') no-repeat -1px top;
display: table;
width: 100%;
}
#wrapper .body .middle .container{
padding: 0px 42px 45px 42px;
background: #FFFFFF;
margin-top: 80px;
color: #575757;
display: table;
width: 838px;
}

#wrapper .foot{
vertical-align: middle;
background: #EEEEEE;
padding: 10px 0px;
display: table;
width: 100%;
}
#wrapper .foot span{
vertical-align: middle;
margin: 0px auto;
font-size: 10px;
color: #919191;
height: 20px;
padding: 0px;
width: 100%;
}

h1{
background: url('/img/icon.png') no-repeat left;
font-size: 19px;
}
.augsha h1{
padding: 0px 0px 0px 24px;
margin: 0px 0px 15px 42px;
float: left;
}
.augsha .right{
padding: 13px 33px 0px 0px;
float: right;
}
.augsha .right,
.augsha .right a,
.augsha .right a:hover{
text-decoration: none;
font-size: 10px;
margin: 0px 7px;
}

#wrapper .body .middle .container ul{
position: relative;
list-style: none;
display: table;
padding: 0px;
margin: 0px;
top: -15px;
}
#wrapper .body .middle .container li{
margin-bottom: 20px;
float: left;
width: 50%;
}
#wrapper .body .middle .container li.left{
position: relative;
text-align: left;
left: 5px;
}
#wrapper .body .middle .container li.right{
text-align: right;
position: relative;
left: -3px;
}
#wrapper .body .middle .container .staip{
height: 200px;
float: left;
width: 0px;
}


#bbbox{
position: relative;
margin: 0px auto;
display: table;
height: 208px;
width: 831px;
top: -40px;
}

.graftik{
text-decoration: none;
font-weight: bold;
color: #919191;
font-size: 9px;
}

.gallery-thumb-list div{
margin: 5px;
float: left;
}


#wrapper .body .middle .container #letters *{font-size: 11px;}
#wrapper .body .middle .container #letters h4{margin: 0px;}
#wrapper .body .middle .container #letters{display: block; width: 100%; position: absolute; margin-top: -45px;}
#wrapper .body .middle .container #letters ul{
position: relative;
list-style: none;
margin-top: 5px;
display: block;
padding: 0px;
left: 50px;
margin: 0px;
width: 100%;
float: left;
}
#wrapper .body .middle .container #letters li{
padding: 1px 0px 0px 0px;
float: left;
width: auto;
}
#wrapper .body .middle .container #letters li.act-all a,
#wrapper .body .middle .container #letters li.inact a,
#wrapper .body .middle .container #letters li.act a{
text-decoration: none;
font-weight: bold;
padding: 0px 7px;
color: #EE1C23;
}
#wrapper .body .middle .container #letters li.inact a{cursor: default; color: #919191;}
#wrapper .body .middle .container #letters li.act-all a{
background: #FFFFFF url('/img/arrow.png') no-repeat 0px 4px;
padding: 0px 20px 0px 12px;
}
#wrapper .body .middle .container .company-list{
vertical-align: top;
display: table;
width: 100%;
}
#wrapper .body .middle .container .company-list table{width: 100%;}
#wrapper .body .middle .container .company-list thead td{
border-bottom: 1px solid #ECECEC;
padding-bottom: 10px;
font-weight: bold;
font-size: 15px;
color: #575757;
}

#wrapper .body .middle .container .company-list tbody td{

padding: 3px 0px 0px 0px;
}
#wrapper .body .middle .container .company-list tbody td.company-name a{
background: url('/img/bulet.jpg') no-repeat 0px 6px;
padding-left: 10px;
text-decoration: none;
font-weight: bold;
color: #EE1C25;
}
#wrapper .body .middle .container .company-list tbody td.company-webpage a{
text-decoration: none;
color: #EE1C25;
}
#wrapper .body .middle .container .company-list tbody td.company-gate a{text-decoration: none; padding: 0px; margin: 0px;}
#wrapper .body .middle .container .company-list tbody td.company-gate{
padding-right: 20px;
font-weight: bold;
text-align: right;
}