@import url('/static/css/common.css');

html * {
    font-size: 100.01%;
}

html, body {
    margin: 0;
    padding: 0
}

body {
    font: 75% arial, sans-serif;
    text-align: center;
    background: #B9CAFF
}

img {
    border: 0
}

p {
    margin: 0 10px 10px
}

a {
    color: #0d3083;
}

a:hover {
    text-decoration: none
}

#header {
    position: relative;
    height: 111px;
    background: url(../images/header.jpg) no-repeat;
}

* html #header h2 {
    height: 0
}

#menu {
    background-color: #1e1459;
    color: #fff;
    text-align: right;
}

* html #menu {
    line-height: 0.1
}

#menu {
    border: 1px solid #1e1459
}

#menu ul li {
    display: inline;
}

#menu a {
    padding: 1px 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background: url(../images/menu-item.jpg) -7px 0px no-repeat;
}

#menu a:hover, #menu a.active {
    color: #1ef5f6;
    background: url(../images/menu-item-hover.jpg) -6px 0px no-repeat;
}

#container {
    text-align: left;
    border-left: 1px solid #1e1459;
    border-right: 1px solid #1e1459;
    background: url(../images/bg.jpg) #697eb2 0 0 repeat-x
}

#content p, #content2 p {
    line-height: 1.4;
}

#content2 .wrapper p, #content2 .wrapper li {
    font-size: 1.2em
}

#content {
    float: left;
    width: 600px;
}

#content .wrapper {
    background: url(../images/bg-content.png) bottom left no-repeat;
    padding: 80px 0 10px 130px;
    margin-bottom: 10px
}

#content .wrapper p {
    text-align: justify
}

#content2 .wrapper {
    padding: 30px 10px 10px 10px
}

#content2 h1, #content2 h2, #content2 h3 {
    color: #0c3080;
    font-size: 1.5em;
    font-weight: normal;
    margin: 5px 0 20px 5px;
}

#block {
    float: right;
    width: 360px;
    background: url(../images/bg-block.jpg) repeat-x #0d3082;
    margin: 10px;
}

#block p {
    line-height: 1.3;
    margin: 10px 20px;
    font-weight: bold
}

#content2 .wrapper #block p {
    font-size: 1em
}

#content .wrapper h3 {
    color: #0c3080;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 10px 15px 9px
}

h2.block-header, #content2 h2.block-header {
    color: #fff;
    height: 26px;
    padding: 10px 0 0 30px;
    border: 1px solid #0c3080;
    background: url(../images/bullet.jpg) #0c3080 7px 8px no-repeat;
    margin: 0;
    font-size: 1.2em
}

#content2 .wrapper {
    background: url(../images/dolphin.png) 100% 100% no-repeat
}

#content2 h2.block-header a {
    color: #fff
}

#content2 #block {
    margin: -20px 0 0 15px
}

#footer {
    background: #333;
    color: #FFF
}

#footer p {
    margin: 0;
    padding: 5px 10px
}

#footer a {
    display: inline;
    padding: 0;
    color: #C6D5FD
}

#footer {
    clear: both;
    width: 100%;
    text-align: center;
    background: #1E1459
}

#container {
    width: 990px;
    margin: 0 auto
}

#tasks {
    border: 1px solid #fff
}

#services {
    border: 1px solid #fff
}

#tasks, #services {
    color: #0c3080;
}

#tasks {
    float: left;
    width: 400px;
    margin: 5px 0 20px 32px;
}

* html #tasks {
    margin: 5px 0 10px 16px;
}

* html #services {
    margin: 5px 16px 10px 0px;
}

#tasks p, #services p {
    line-height: 1.6;
    font-weight: bold
}

#services {
    float: right;
    width: 500px;
    margin: 5px 28px 20px 0px;
}

#tasks h2, #services h2 {
    color: #0c3080;
    font-size: 1.5em;
    font-weight: normal;
    margin: 5px 0 9px 5px;
}

#news h3 {
    margin: 10px 0 5px 0;
    font-size: 1.5em
}

#about-table img{
    margin: 0 20px;
    box-shadow:#111 2px 2px 8px;
        -moz-box-shadow:#111 2px 2px 8px;
        -webkit-box-shadow:#111 2px 2px 8px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');

}
* html #about-table img{
    margin: 0 17px;
}
#about-table a{
    font-family:tahoma, sans-serif;
    font-style:italic;
}

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
    #block{ background:  url("../images/grad.svg");}
}