@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }


/* font-family: "RobotoRegular"; */
@font-face {
    font-family: "Roboto";
    src: url("/css/fonts/roboto/RobotoRegular/RobotoRegular.eot");
    src: url("/css/fonts/roboto/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("/css/fonts/roboto/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("/css/fonts/roboto/fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}
/* font-family: "RobotoLight"; */
@font-face {
    font-family: "Roboto";
    src: url("/css/fonts/roboto/RobotoLight/RobotoLight.eot");
    src: url("/css/fonts/roboto/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url("/css/fonts/roboto/RobotoLight/RobotoLight.woff") format("woff"),
    url("/css/fonts/roboto/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}
/* font-family: "RobotoBold"; */
@font-face {
    font-family: "RobotoBold";
    src: url("/css/fonts/roboto/RobotoBold/RobotoBold.eot");
    src: url("/css/fonts/roboto/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("./css/fonts/roboto/RobotoBold/RobotoBold.woff") format("woff"),
    url("/css/fonts/roboto/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

/* font-family: "RobotoCondensedLight"; */
@font-face {
    font-family: "Roboto Condensed";
    src: url("/css/fonts/roboto/RobotoCondensedLight/RobotoCondensedLight.eot");
    src: url("/css/fonts/roboto/RobotoCondensedLight/RobotoCondensedLight.eot?#iefix")format("embedded-opentype"),
    url("/css/fonts/roboto/RobotoCondensedLight/RobotoCondensedLight.woff") format("woff"),
    url("/css/fonts/roboto/RobotoCondensedLight/RobotoCondensedLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}
/* font-family: "RobotoCondensedRegular"; */
@font-face {
    font-family: "Roboto Condensed";
    src: url("/css/fonts/roboto/RobotoCondensedRegular/RobotoCondensedRegular.eot");
    src: url("/css/fonts/roboto/RobotoCondensedRegular/RobotoCondensedRegular.eot?#iefix")format("embedded-opentype"),
    url("/css/fonts/roboto/RobotoCondensedRegular/RobotoCondensedRegular.woff") format("woff"),
    url("/css/fonts/roboto/RobotoCondensedRegular/RobotoCondensedRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}
/* font-family: "RobotoCondensedBold"; */
@font-face {
    font-family: "Roboto Condensed";
    src: url("/css/fonts/roboto/RobotoCondensedBold/RobotoCondensedBold.eot");
    src: url("/css/fonts/roboto/RobotoCondensedBold/RobotoCondensedBold.eot?#iefix")format("embedded-opentype"),
    url("/css/fonts/roboto/RobotoCondensedBold/RobotoCondensedBold.woff") format("woff"),
    url("/css/fonts/roboto/RobotoCondensedBold/RobotoCondensedBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}


html, body { height: 100%; width: 100%; font-family: "Roboto"; font-weight: 300; font-size: 14pt; background-color: #484d56; color: #202020; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; }

a {color: #3d9be9; text-decoration: none;}
a:hover {color: #3d9be9; text-decoration: underline;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

h1, h2, h3, h4, h5, h6 { font-family: "Roboto Condensed"; color: #000000; }

.gray {background-color: #fcfdfd;}

.header { height: 155px; min-width: 980px; }
.header .fixed {position: fixed; top: 0; left: 0; width: 100%; min-width: 980px; height: 45px; z-index: 99; background-color: #484d56; border-bottom: solid 1px #000000;}
.header .inner { width: 980px; margin: 0 auto;  padding: 10px 0; position: relative; background-color: #484d56; z-index: 99;}
.header .inner ul { width: 100%; height: 25px; background-color: #2b6ca3; margin: 0; }
.header .inner ul li { float: left; width: 16.667%; height: 25px;}
.header .inner ul li a, .header .inner ul li span {display: block; width: 100%; height: 25px; color: #ffffff; text-decoration: none; text-transform: uppercase; text-align: center; font-family: "Roboto Condensed"; font-weight: 300; font-size: 13pt; line-height: 1.4em;}
.header .inner ul li a:hover, .header .inner ul li span:hover { background-color: #045184; }
.header .inner ul .active a, .header .inner ul .active span { background-color: #045184;}

.header .logo { position: absolute; top: 45px; width: 100%; min-width: 980px; background-color: #fcfdfd;  height: 110px; text-align: center; line-height: 3.0em; font-family: "Roboto"; font-weight: 300; font-size: 26pt;}
.header .logo a { color: #000000; text-decoration: none;}
.header .logo a:hover {color: #000000;}

.footer { height: 100px; width: 100%; background-color: #484d56; }
.footer .inner { width: 980px; margin: 0 auto; }
.footer .inner .info {}
.footer .inner .info p {font-size: 11pt; color: #ffffff; margin: 0; line-height: 6.5em; width: 960px; margin: 0 auto;}

.content { width: 100%; min-width: 980px; min-height: 70%; background-color: #ffffff;}
.content .inner { width: 980px; margin: 0 auto; }
.content .inner h1 { margin: 50px 20px; font-family: "Roboto Condensed"; font-weight: 700; font-size: 24pt; }
.content .inner p  { margin: 0px 20px 30px 20px; }
.content .inner .rect {display: block; width: 430px; height: 6px; background-color: #387fbb; position: relative; top: 0px; left: 550px;}

.content .main-banner {border-top: solid 1px #387fbb; height: 410px; background: url(/img/telecom_slogan.jpg) 0 0 no-repeat #3d7597;}
.content .main-banner .inner {}
.content .main-banner .inner .slogan { position: relative; top: 65px; left: 0; height: 280px; width: 980px; background: #ffffff; text-align: center; opacity: 0.85; filter: alpha(opacity=85);}
.content .main-banner .inner h4 {font-family: "Roboto"; font-weight: 400; font-size: 24pt; color: #313942; padding: 90px 0px 0px 0px;}
.content .main-banner .inner h5 {font-family: "Roboto"; font-weight: 400; font-size: 18pt; color: #627688; padding: 20px 0px;}

.http-errors {padding-top: 100px; border-top: solid 1px #387fbb; text-align: center;}


.anounce {}
.anounce .inner {}
.anounce .inner .about, .anounce .inner .newsbrief {float: left; width: 490px; }
.anounce .inner h2 {font-size: 22pt; font-weight: 700; margin: 50px 0 20px 20px;}

.anounce .inner .about p {line-height: 1.5em;}

.anounce .inner .newsbrief .post {margin: 20px; margin-top: 0;}
.anounce .inner .newsbrief .post .data { font-family: "Roboto Condensed"; font-size: 10pt; font-weight: 700; margin: 0; padding: 0; }
.anounce .inner .newsbrief .post p {margin: 0; font-size: 12pt;}
.anounce .inner .newsbrief .post p a {color: #000000; text-decoration: none;}
.anounce .inner .newsbrief .post p a:hover {text-decoration: underline;}

.anounce .inner .morelink {line-height: 1.2em; text-align: right; width: auto; float: right; padding-right: 20px;}
.anounce .inner .morelink a {display: block; font-family: "Roboto Condensed"; font-size: 12pt; color: #ffffff; background-color: #3d9be9; text-decoration: none; padding: 3px 10px;}
.anounce .inner .morelink a:hover {background-color: #045184;}


.grid-3 {border-top: solid 1px #387fbb; padding-bottom: 50px;}
.grid-3 .inner {}
.grid-3 .inner h2 {font-size: 22pt; font-weight: 700; margin: 50px 0 20px 20px;}
.grid-3 .inner ul {padding: 30px 0px 50px 20px;}
.grid-3 .inner ul li {float: left; width: 290px; height: 290px; margin: 0px 25px 25px 0px; border: solid 1px #f0f0f0; box-shadow: 0px 2px 2px 1px #d0d0d0; text-align: center; overflow: hidden;}
.grid-3 .inner ul .active:hover {border-color: #3d9be9; box-shadow: 0px 2px 2px 1px #d0d0ff; cursor: pointer; }

.grid-3 .inner ul li .logo, .grid-3 .inner ul li .logo img {display: block; width: 290px; height: 190px;}
.grid-3 .inner ul li h6, .grid-3 .inner ul li a h6 {font-size: 14pt; font-weight: 500; color: #000000; line-height: 2.0em; padding-top: 15px;}
.grid-3 .inner ul li .desc, .grid-3 .inner ul li a .desc {font-size: 10pt; color: #000000; line-height: 1.2em; display: inline-block; }

.grid-3 .inner ul li a:hover {color: #000000; text-decoration: none;}

.text {border-top: solid 1px #387fbb; padding-bottom: 50px;}
.text .inner {}
.text .inner h1 {}
.text .inner p {}
.text .inner ul {margin: 0 20px;}
.text .inner ul li {margin: 0 0 20px 40px; list-style: disc;}

.text .inner .filelist {}
.text .inner .filelist ul {margin-top: 50px; }
.text .inner .filelist li {list-style: none; float: left; width: 245px; text-align: center;}
.text .inner .filelist a {color: #000000; font-weight: 500; font-size: 12pt; line-height: 2.0em;}
.text .inner .filelist a img { width: 150px; height: 220px; border: solid 3px #a0a0a0;}
.text .inner .filelist a:hover { color: #3d9be9; text-decoration: none; }
.text .inner .filelist a:hover img {border-color: #3d9be9; opacity: 0.85; filter: alpha(opacity=85); }

.text .inner .volumelist {}
.text .inner .volumelist ul {margin-top: 50px; }
.text .inner .volumelist li {list-style: none; float: left; width: 245px; text-align: center; color: #000000; font-weight: 500; font-size: 12pt; line-height: 2.0em;}
.text .inner .volumelist img { width: 150px; height: 220px; border: solid 3px #a0a0a0;}
.text .inner .volumelist a {font-weight: 500; font-size: 12pt; line-height: 2.0em; text-transform: uppercase; text-decoration: none;}
.text .inner .volumelist a::after {display: inline; content: "·"; font-weight: 800; color: #000000; padding: 0 10px; text-decoration: none !important;}
.text .inner .volumelist a:hover {color: #da0000;}
.text .inner .volumelist a:hover::after {color: #000000;}
.text .inner .volumelist li a:last-child::after {content: ""; padding: 0; }


.newslist {}
.newslist header {padding: 50px 20px 0px 20px;}
.newslist .inner .data {font-family: "Roboto Condensed"; font-size: 10pt; color: #808080;}
.newslist .inner h1 {margin-top: 100px; margin: 0; }

.newslist .post {margin-bottom: 30px;}
.newslist .post header {padding: 20px;}
.newslist .post h2 a {color: #000000; text-decoration: none; font-family: "Roboto Condensed"; font-size: 18pt; font-weight: 500;}
.newslist .post h2 a:hover {color: #3d9be9;}
.newslist .post p a {color: #000000; text-decoration: none; }
.newslist .post p a:hover {color: #3d9be9;}

.news {}
.news .crumbs {}
.news .crumbs ul {margin: 20px; padding-bottom: 50px;}
.news .crumbs ul li {float: left; list-style: none; margin: 0; padding: 0px 10px 0px 0px; font-size: 11pt;}

.news .newsnav {clear: left; display: block; float: right; width: 350px;}
.news .newsnav h4 {font-weight: 500; font-size: 14pt; }
.news .newsnav ul {width: 350px; margin: 20px 0px;}
.news .newsnav ul li {list-style: none; margin: 0; padding: 0px 20px 20px 0px; font-size: 11pt;}
.news .newsnav ul li a {}
.news .newsnav .morelink {line-height: 1.2em; text-align: right; width: auto; float: right; padding-right: 20px;}
.news .newsnav .morelink a {display: block; font-family: "Roboto Condensed"; font-size: 12pt; color: #ffffff; background-color: #3d9be9; text-decoration: none; padding: 3px 10px;}
.news .newsnav .morelink a:hover {background-color: #045184;}

.news header {clear: left; padding: 0px 20px 50px 20px;}
.news .inner article {display: block; width: 600px;}
.news .inner .data {font-family: "Roboto Condensed"; font-size: 10pt; color: #808080;}
.news .inner h1 {margin-top: 100px; margin: 0; }
.news .inner article header {margin-top: 100px; margin: 0; border-right: solid 1px #cfcfcf; }
.news .inner article section {margin-top: 100px; margin: 0; border-right: solid 1px #cfcfcf; }
.news .inner .newsimage {float: left; padding: 0px 20px 10px 20px;}


.tworows {border-top: solid 1px #387fbb; padding-bottom: 50px;}
.tworows .inner section {float: left; width: 485px; min-height: 300px;}
.tworows .inner .contacts {}
.tworows .inner .contacts h3 {font-family: "Roboto"; font-size: 18pt; font-weight: 500; padding: 0px 20px 50px 20px;}
.tworows .inner .contacts p  {font-size: 14pt; color: #606060; margin-bottom: 20px;}

.tworows .inner .map {}
.tworows .inner .map .mapframe {width: 480px; height: 320px; }
.tworows .inner .map .mapframe iframe {border: none; width: 480px; height: 320px;}


.simpleclear {clear: both;}
.clear {clear: both; min-height: 100px; border-top: solid 1px #387fbb;}