* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 14px Cambria, "Cambria", Georgia, "Times New Roman", Times, serif;
color: #333333;
height: 100%;
line-height: 18px;
background: #f5f0d1 url(/images/site/bg.jpg) no-repeat center -10px ;
}
a {
color: #8a0d0d;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
min-width: 894px;
max-width: 1100px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
padding: 35px 90px 35px 115px
}
/* Header
-----------------------------------------------------------------------------*/
#header {
/* height: 237px; */
height: auto
}
.menu {
margin-top: 27px;
margin-left: 20px;
}
a.company {display: block; background: url(/images/site/menu/company.png) no-repeat 0 0; height: 128px; width: 94px;}
a.company:hover {background-position: 0px -128px;}
a.servises {display: block; background: url(/images/site/menu/servises.png) no-repeat 0 0; height: 128px; width: 94px;}
a.servises:hover {background-position: 0px -128px;}
a.exp {display: block; background: url(/images/site/menu/exp.png) no-repeat 0 0; height: 128px; width: 94px;}
a.exp:hover {background-position: 0px -128px;}
a.our {display: block; background: url(/images/site/menu/our.png) no-repeat 0 0; height: 128px; width: 94px;}
a.our:hover {background-position: 0px -128px;}
a.ka {display: block; background: url(/images/site/menu/ka.png) no-repeat 0 0; height: 128px; width: 94px;}
a.ka:hover {background-position: 0px -128px;}
.lang {
margin-top: 27px;
margin-left: 53px;
}
.lang a{
position: relative; float: left;
margin-right: 22px;
}
a.en {display: block; background: url(/images/site/en.png) no-repeat 0 -14px; height: 14px; width: 21px;}
a.en:hover {background-position: 0px 0px;}
a.rus {display: block; background: url(/images/site/rus.png) no-repeat 0px 0px; height: 14px; width: 22px;}
a.rus:hover {background-position: 0px -14px;}
.logo{
background: url("/images/site/logo.png") no-repeat;
height: 137px;
width: 121px;
position: relative;
float: left;
margin-top: 23px;
}
* html .logo {
background: none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/logo.png");
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 0px;
height: 1%;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 315px 0 0;
}
.about {
max-width: 700px;
background: url(/images/site/about.png) top left no-repeat;
height: 200px;
font-size: 15px;
color: #333333;
padding-top: 39px;
margin-top: 75px;
}
.down {
height: 114px;
width: 248px;
margin-top: 95px;
}
a.download {display: block; background: url(/images/site/down.png) no-repeat 0px 0px; height: 114px; width: 248px;}
a.download:hover {background-position: 0px -114px;}
a.geos {display: block; background: url(/images/site/geos.png) no-repeat 0px 0px; height: 160px; width: 195px;}
a.geos:hover {background-position: 0px -160px;}
.geo-center {
height:160px;
margin-left: -9px;
margin-top: 70px;
}
.geo {
height:160px;
width: 195px;
}
.usl {
background: url(/images/site/usl.png) top left no-repeat;
padding-top: 35px;
/* line-height: 2em; */
margin-top: 200px;
}
.usl2 {
padding-top: 15px;
/* line-height: 2em; */
height: 240px;
margin-top: 95px;
}
.usl table td span.title, .usl2 table td span.title {
color: #8a0d0d;
font-size: 16px;
display: block;
}
.usl table td div.str {
color: #333333;
font-size: 14px;
display: block;
width: 260px;
/* line-height:2.5em */
}
.usl2 table td div.str{
color: #333333;
font-size: 14px;
display: block;
/* line-height:2.5em */
}
.usl table td div.str2 {
color: #333333;
font-size: 14px;
display: block;
/* line-height: 1.2em */
}
.usl2 table td div.str2 {
color: #333333;
font-size: 14px;
display: block;
/* line-height: 1.2em */
}
.usl-l table td span.title {
color: #8a0d0d;
font-size: 16px;
display: block;
}
.usl-l table td div.str {
color: #333333;
font-size: 14px;
display: block;
width: 260px;
/* line-height:2.5em */
}
.usl-l table td div.str2 {
color: #333333;
font-size: 14px;
display: block;
width: 260px;
/* line-height: 1.2em */
}
.clear {
clear: both;
}
tr.line p {
margin: 3px 0 10px
}
span.title { margin-bottom: 15px }
.str, .str2 { font-size: 14px !important }
.ftops, .ftop, .foot { font-size: 12px !important }
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
float: left;
margin-right: -3px;
width: 295px;
margin-left: -295px;
}
/* Footer
-----------------------------------------------------------------------------*/
.foot {
position: relative;
width: 290px;
margin-left: 0px;
margin-top: 62px;
padding-top: 50px;
}
.ftop {
margin-top: 100px;
padding-top: 11px;
}
.ftops {
background: url(/images/site/line.gif) top left no-repeat;
margin-top: 100px;
padding-top: 12px;
}
#footer table td {
padding-top: 14px;
}
/* Other
-----------------------------------------------------------------------------*/
h2.trigger {
padding: 0 0 0 50px;
margin: 0 0 5px 0;
background: url(h2_trigger_a.gif) no-repeat;
height: 46px;
line-height: 46px;
width: 450px;
font-size: 2em;
font-weight: normal;
float: left;
}
h2.trigger a {
color: #fff;
text-decoration: none;
display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
margin: 0 0 5px;
padding: 0;
border-top: 1px solid #d6d6d6;
background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
overflow: hidden;
font-size: 1.2em;
width: 500px;
clear: both;
}
.toggle_container .block {
padding: 20px; /*--Padding of Container--*/
background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/