﻿@font-face {
    font-family: 'Conv_MyriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular.ttf') format('truetype');
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #036d88;
    margin: 0;
    font-size: 12px;
    color: #595656
}



h2, h3, h4, h5 {
    margin: 0;
    font-size: 100%
}

.boldfont{
    font-weight: bold;
}

.redtext{
    color: red;
}

.content h1, .full h1 {
    font-size: 18px;
    color: #096087;
    font-weight: normal;
    background: url(images/title-img9.png) no-repeat;
    background-position: 10px 9px !important;
    line-height: 42px;
    margin: 0 0 20px;
    padding-left: 43px;
    text-transform: uppercase
}

.slideshow {
    height: 232px;
    width: 852px;
    margin-left: 300px;
    margin-top: -90px;
}

.slideshow img {
    padding: 5px;
}

h2 {
    font-weight: normal;
    color: #0F94B2;
    font-size: 1.167em;

}
h3 {
    color: #19859E;
    padding-top: 9px;
    padding-bottom: 9px;
}

h4 {
    color: #252525;
    text-transform: uppercase;
    font-size: 0.917em;
    line-height: 1.2em;
    padding: 2px 0;
}

h4 a {
    color: #252525;
}

h5 {
    font-weight: normal;
    color: #252424;
    font-size: 1.5em;
    padding: 11px 0 0;
}

p {
    margin: 0 0 .6em
}

table {
    border-collapse: collapse;
    width: 100%;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    /*padding: 0;*/
    vertical-align: top
}

th {
    font-family: Arial, Helvetica, sans-serif;
}

/***************links***************/

a {
    text-decoration: underline;
    color: #19859E
}

a:hover {
    text-decoration: none
}

a img {
    border: 0
}

b a {
    color: #000
}

.link {
    background: url(images/link-marker.gif) right 6px no-repeat;
    padding-right: 14px;
    color: #EE1C24
}

.link1 {
    color: #EE1C24;
    text-decoration: none;
    font-size: 14px
}

.link-un {
    color: #252525
}

#center .link-un {
    color: #ED1C24
}

#container {
    text-align: center;
    background: url(images/body-bg.jpg) repeat-x center top;
    margin-bottom: 10px
}

#container.inner {
    background-image: url(images/inner_bg.jpg)
}

#all {
    margin: 0 auto;
    width: 1160px;
    text-align: left
}

#top {
    margin: 0 4px
}

#menu {
    background: url(images/menu-tail.jpg);
    height: 49px;
    font-size: 14px
}

#menu div img {
    margin: 15px 17px 0 0
}

#mainpage {
    padding-top: 20px;
    height: 230px;
    color: #a3f0ff
}

#inner {
    height: 127px;
    padding-top: 10px;
    color: #a3f0ff;
    text-transform: uppercase;
    font-size: 14px
}

#inner span {
    position: relative;
    margin: 0 0 0 20px;
    top: -15px
}

#mainpage h1 {
    font-family: 'Conv_MyriadPro-Regular', sans-serif;
    font-size: 31px;
    font-weight: normal;
    margin: 0
}

#mainpage p {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.3em;
    margin: 5px 0
}

#slogan {
    margin: -75px 0 0 380px;
    width: 840px;
}

#slideslogan {
    margin: -237px 0 0 160px;
}

#slideslogan h1 {
    font-size: 25px !important;
}

#banner {
    margin: 72px 0 0 318px;
    position: absolute;
    font-size: 16px;
    color: #d4fd77
}

#banner p {
    font-size: 12px
}

#banner a {
    color: #fff
}

#content {
    background: #fff url(images/content-tail.jpg) repeat-x;
    padding: 20px 10px;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.5);    
}

#left, #center, #right, .fleft {
    float: left
}

#left {
    width: 224px
}

#right {
    width: 230px
}

#center {
    width: 670px;
    margin-left: 6px
}

#center.content{
    width: 900px;
}

#center.full {
    width: 100%
}

#center ul li {
    background: url(images/bullet.png) no-repeat !important;
    background-position: -4px 0px !important;
}

#right {
    margin-left: 6px
}

#center .inner {
    padding: 32px 8px 0 20px
}

#center p {
    margin: 0
}

#center .inner, #center .inner li {
    line-height: 1.4em
}

#center form p {
    text-indent: 0;
    margin: 10px 0
}


.form_text, .form_textarea {
    width: 300px
}

.form_textarea {
    height: 200px
}

.form_text, .form_textarea, .form_submit {
    border: 1px solid #90CAD5;
    color: #595656;
}

.form_submit {
    background: url("images/title2-tail.gif")
}

.fright {
    float: right;
    position: relative;
    z-index: 900;
}

.imgfright {
    float: right;
    margin-right: 55px;
    margin-top: 5px;
}

.clear {
    clear: both;
    font-size: 0
}

.cleft {
    clear: left
}

/***************titles***************/

.title1, .title2 {
    font-size: 14px;
    color: #096087
}

.title1 {
    background: url(images/title1-tail.gif) left top repeat-x;
}

.title2 {
    background: url(images/title2-tail.gif) left top repeat-x;
    text-transform: uppercase;
    border: 1px solid #FFF;
}

.title2 p {
    font-size: 10px;
    padding: 14px
}

.title2 p, .title2 p a {
    text-decoration: none;
    color: #709ba0
}

.title2 p span, .title2 p a:hover {
    color: #fc2121
}

.title1 div, .title2 div {
    padding: 13px 0 13px 41px
}

.title1 .img1 {
    background: url(images/title-img1.gif) 6px 3px no-repeat;
}

.title1 .img2 {
    background: url(images/title-img2.gif) 6px 3px no-repeat;
}

.title1 .img3 {
    background: url(images/title-img3.gif) 6px 3px no-repeat;
}

.title1 .img4 {
    background: url(images/title-img5.gif) 6px 3px no-repeat;
}

.title1 .img5 {
    background: url(images/title-img6.gif) 6px 3px no-repeat;
}

.title1 .img6 {
    background: url(images/title-img7.gif) 6px 3px no-repeat;
}

.title1 .img7 {
    background: url(images/title-img8.gif) 4px 3px no-repeat;
}

.title2 .img10 {
    background: url(images/title-img10.gif) 6px 3px no-repeat;
    text-indent: 10px;
}

.title2 .img2 {
    background: url(images/title-img2.gif) 6px 3px no-repeat
}

.title2 .img {
    background: url(images/title-img10.gif) 6px 3px no-repeat;
    padding-left: 45px
}

.title2 .img8 {
    background: url(images/title-img10.gif) 4px 3px no-repeat;
}

.title3 {
    background: url(images/title-img4.gif) left top no-repeat;
    padding: 20px 0 31px 32px;
    margin-left: -14px;
}

.title4 {
    background: url(images/title-img9.gif) left top no-repeat;
    padding: 20px 0 8px 35px;
    margin-left: -17px
}

/***************boxes***************/

.box1{
  margin-bottom: 10px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #edfcfd 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#edfcfd 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#edfcfd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edfcfd',GradientType=0 ); /* IE6-9 */
  
  box-shadow: 
    0 0 0 1px #FFFFFF,
    1px 1px 1px 1px #8fcad5,
    2px 2px 1px 1px #daedf1
}

.box1 .text{
    padding: 14px 14px 14px 27px;
}

/***************positioning***************/

h3.margin {
    margin: 20px 0 7px;
    padding: 0
}

div.margin, #center p.margin {
    margin: 10px 0;
    text-indent: 0
}

div.margin {
    color: #19859E
}

.margin1 {
    margin-left: 67px;
}

.margin2 {
    margin: 0 0 16px 27px;
}

.margin3 {
    margin: 3px 0 7px 27px;
}

.margin4 {
    margin: 6px 19px 0 0 !important;
}

.margin5 {
    margin-left: 22px !important;
}

.padding1 {
    padding-bottom: 35px;
}

.padding2 {
    padding-bottom: 12px;
    margin: 0
}

.padding3 {
    padding-right: 28px;
}

.padding5 {
    padding-bottom: 8px !important;
}

.padding6 {
    padding-top: 9px;
}

.padding7 {
    padding-bottom: 31px;
}

#content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#content ul li {
    line-height: 1em;
    background: url(images/list-marker.gif) left 6px no-repeat;
    padding: 2px 0 10px 15px
}

#content li a {
    text-decoration: none;
    color: #19859E
}

#content li a span {
    color: #ff0101
}

#content li a:hover, .link1:hover {
    text-decoration: underline
}

#content .news {
    margin: 0 0 20px 0
}

#content .news p {
    text-indent: 0;
    margin: 5px 0
}

p.header {
    color: #34879f;
    margin: 1.5em 0
}

p.indent {
    text-indent: 10px
}

.border {
    border-bottom: 1px solid #90CAD5;
    padding: 1px 0 5px;
    margin-bottom: 26px
}

.award {
    background: url(images/title-img4.gif) no-repeat;
    padding-left: 30px;
    margin: 0 0 15px -14px
}

.awardams {
    background: url(images/amsicon.gif) no-repeat;
    padding-left: 30px;
    margin: 0 0 35px 10px
}

.awardmsa {
	background:url(images/msaicon.gif) no-repeat;
	padding-left:30px;
	margin:0 0 35px 10px
}

.awardbdr {
	background:url(images/dns_ico_48_new.png) no-repeat;
	padding-left:30px;
        padding-bottom:15px;
	margin:0 0 35px 10px
}


.award h2 {
    font-size: 20px;
    font-variant: small-caps
}

.awardams h2 {
    font-size: 20px;
    font-variant: small-caps
}

.award .fleft span, .red {
    color: #EE1C24
}

.award .fleft span, .green {
    color: green;
}

.awardams .fleft span, .red {
    color: #EE1C24
}

.awardmsa .fleft span, .red{
	color:#EE1C24
}

.awardbdr .fleft span, .red{
	color:#EE1C24
}

.award h3 {
    font-weight: normal;
    font-size: 11px;
    padding: 0
}

.awardams h3 {
    font-weight: normal;
    font-size: 11px;
    padding: 0
}

.awardmsa h3{
	font-weight:normal;
	font-size:11px;
	padding:0
}

.awardmsa h2{
	font-size:20px;
	font-variant:small-caps
}


.awardbdr h3{
	font-weight:normal;
	font-size:11px;
	padding:0
}

.awardbdr h2{
	font-size:20px;
	font-variant:small-caps
}

.award .fleft {
    margin-left: 15px
}

.awardams .fleft {
    margin-left: 15px
}

.awardmsa .fleft{
	margin-left:15px
}

.awardbdr .fleft{
	margin-left:15px
}

.buttons {
    margin: 8px 11px
}

.buttons a {
    margin-right: 17px
}

/***************footer***************/

#footer {
    color: #84ACB1;
    background: #FFF;
    border-top: 3px solid #00A1C8;
    margin: 0 5px 0 1px
}

#footer .logo {
    float: right;
    padding-top: 17px;
}

#footer .main {
    padding: 17px 0 0 20px;
    float: left;
    /*margin-top: -90px;*/
    width: 860px;
}

#footer p {
    color: #C0CFD1;
    font-size: 0.833em;
    line-height: 1.1em;
    padding-top: 2px;
}

#footer a {
    text-decoration: none;
    color: #84ACB1;
}

#footer a:hover {
    text-decoration: underline;
}

#content #footer ul li {
    background: none;
    padding: 0 9px 0 10px;
    border-left: 1px solid #A3CCD1;
    float: left;
    font-size: 0.917em;
}

#content #footer ul .extra {
    border: none;
    padding-left: 0;
}

#footer li a {
    color: #709BA0;
    text-transform: uppercase;
}

/************* pagination ***************************/
.pagination{ margin: 20px; }
.pagination a {text-decoration:underline;} /*подчеркивание ссылок*/
.pagination a:hover {text-decoration:none;} /*убрать подчеркивание ссылок при наведении*/
.pagination .ditto_currentpage {color:#fff; background-color:#0F94B2; padding: 1px 3px; margin:2px;  font-weight:bold; } /*оформление текущей страницы: цвет текста, цвет фона, цвет и ширина границы, размер отступов, текст жирным шрифтом*/
.pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;} /*отступы для ссылок «далее» и «назад»*/
.pagination .ditto_page{ padding: 2px 5px;}/* отступы для номеров страниц*/
