/*============RESET CSS==============*/
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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


body {line-height:1.4em;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}


/*============ТИПОГРАФИКА И СПИСКИ==============*/
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin-bottom:0.5em;
line-height:1.2em;
}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;font-weight:bold;}
h5 {font-size:1em;font-weight:bold;}
h6 {font-size:1em;font-weight:bold;}

p {
font-size:1em;
margin-bottom:1em;
line-height:1.4em;
}

a {
color:#ffc;
text-decoration:none;
}

a:focus, a:hover {text-decoration:underline;}
a:visited {}

blockquote {margin:1em;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
abbr, acronym {border-bottom:1px dotted;}
address {font-style:italic;}

ul {
list-style-type:disc;
margin-left:20px;
}
ol {
list-style-type:decimal;
margin-left:20px;
}
ul,ol {margin-bottom:1em;}

dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;border:1px solid #333;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;border:1px solid #333;}
tfoot {font-style:italic;}

hr {width:100%;height:1px;margin:1em 0 1em 0;border:none;;background-color:#444;color:#444;}

pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:0.8em 'andale mono', 'lucida console', monospace;line-height:1.5;}

img {border:1px solid #666;}




/*============FORMS CSS==============*/
input,textarea {
	background-image:url(../images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:0px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:tahoma, arial, sans-serif;
}
input[type=submit],input[type=reset], select {
	background: #444 url('../images/button_bg.png') repeat-x;
	border: 1px solid #222;
	color:white;
}



/*============БАЗОВЫЙ CSS==============*/

body{
margin:0;
padding:0;
background:#001;
font-size:90%;
color:#fff;
}

b{font-size: 110%;}
em{color: red;}

#container {
width: 1342px;
}

#maincontainer{
width: 1100px; /*Width of main container*/
/* margin: 0 auto; Center container on page*/
background:#000;
background-image: url(../images/header_bg.jpg);
background-repeat: no-repeat;
border: 1px solid #333;
float:left;
margin-right:5px;
}

#radv{float:left;}
#radvcol1{width:185px;}
.radvclear{clear:both;}

#content img{margin:8px;}

#topsection{
height: 120px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#logo {
width:220px;
float:left;
color:#ffc;
}

#user1 {
width:860px;
margin-left:230px;
}

#contentwrapper{
float: left;
width: 100%;
margin-top: 10px;
}

#contentcolumn{
margin: 0 230px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 230px; /*Width of left column in pixel*/
margin-left: -1100px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 230px; /*Width of right column*/
margin-left: -230px; /*Set left margin to -(RightColumnWidth)*/
text-align:center;
}

#rightcolumn ul {
list-style-type:none;
margin-left:0px;
margin-bottom:0px;
text-align:left;
text-transform: uppercase;
}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 4px 0;
font-size:80%;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.left {text-align:center;border:2px solid #555;padding:8px;}
.projects {border:2px solid #555;padding:8px;background-color:#000033;background-image: url('../images/proj.png');background-repeat:no-repeat;background-position:bottom right;}

#logo .innertube {margin-left: 5px;}
#logo img{margin:0;border:0;margin-top:10px;}

/*============МЕНЮ==============*/

#mainmenu ul {
list-style-type:none;
margin-left:0px;
margin-bottom:0px;
}

#mainmenu a {
text-decoration:underline;
text-transform: uppercase;
font-size:100%;
line-height: 20px;
}


#mainmenu ul ul {margin-left:15px;}

#leftcolumn .innertube {margin-left: 20px;}
#user1 input[type=submit],input[type=reset], select {
	width: 60px;
}

.menu {border:1px solid #555;padding:10px;margin:10px;font-size:80%;}
.clear {clear:both;}
#user1 {text-align:right;margin-top:10px;}

/*============ПОИСК==============*/
.searchbar input[type=submit],input[type=reset]{width:30%;}
.searchbar input{width:65%;}



/*div {border:1px solid red;}*/


.pageslinks {text-align:center;}
.pagenav_active {font-size:130%}
.pagenav_inactive {padding:5px;background-color:#444;color:white;font-size:130%}

.soc_buttons_right{margin-top: 10px;}

/*============pagination==============*/

.pagination {
    background: #000;
    padding: 0px;
    margin-bottom: 20px;
	text-align: center;
}

.pagination .page {
    display: inline-block;
    padding: 0px 6px;
    margin-right: 4px;
    border-radius: 3px;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    font: 14px/24px sans-serif;
	border: solid 1px #333;
    background: #000;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.pagination .page:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.pagination .page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: solid 1px #c0c0c0;
    background: #444;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}
.pagination .page a{color: #fff;}


.pagination .more_pages{border: none;box-shadow:none;}
.pagination .more_pages:hover{background: none;}
.pages_count {text-align: center;font-size: 75%;}

/*============top menu==============*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
#topmenu,
#topmenu ul,
#topmenu ul li,
#topmenu ul li a,
#topmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#topmenu:after,
#topmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#topmenu #menu-button {
  display: none;
}
#topmenu {
  width: auto;
  font-family: 'Open Sans', Helvetica, sans-serif;
  background: #39b1cc;
  background: -moz-linear-gradient(top, #206680 0%, #063348 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #206680), color-stop(100%, #063348));
  background: -webkit-linear-gradient(top, #206680 0%, #063348 100%);
  background: -o-linear-gradient(top, #206680 0%, #063348 100%);
  background: -ms-linear-gradient(top, #206680 0%, #063348 100%);
  background: linear-gradient(to bottom, #206680 0%, #063348 100%);
}
#topmenu > ul {
  background: url('images/bg.png');
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}
#topmenu.align-right > ul > li {
  float: right;
}
#topmenu > ul > li {
  float: left;
  display: inline-block;
}
#topmenu.align-center > ul {
  float: none;
  text-align: center;
}
#topmenu.align-center > ul > li {
  float: none;
}
#topmenu.align-center ul ul {
  text-align: left;
}
#topmenu > ul > li > a {
  padding: 18px 25px 21px 25px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  color: #d3eced;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#topmenu > ul > li:hover > a,
#topmenu > ul > li > a:hover,
#topmenu > ul > li.active > a {
  color: #ffffff;
  background: #32a9c3;
  background: rgba(0, 0, 0, 0.1);
}
#topmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#topmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}
#topmenu > ul > li.has-sub.active > a::after,
#topmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#topmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 12px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#topmenu.align-right ul ul {
  text-align: right;
}
#topmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#topmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#topmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#topmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#topmenu > ul > li > ul {
  top: 120px;
}
#topmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#topmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#topmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#topmenu.align-right ul ul ul {
  padding-right: 6px;
}
#topmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#topmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#topmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #777777;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#topmenu ul ul li:hover > a,
#topmenu ul ul li.active > a {
  color: #333333;
}
#topmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#topmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#topmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#topmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#topmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#topmenu ul ul li.has-sub.active > a::after,
#topmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#topmenu.align-right ul ul li.has-sub.active > a::after,
#topmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
#topmenu {border-bottom:1px solid black;border-top:1px solid black;}