/* BASIC STYLES */
*
{
  font-size: 100.01%;
  line-height: 1.2;
}
html, body
{
  height: 100%;
}
body
{
  min-width: 1238px;
  font-family: Arial, Verdana, sans-serif;
  color: #333;
  text-align: left;
}
html, body, div, br, img,
p, span, h1, h2, h3, h4, h5,
ul, li,
table, td, th
{
  padding: 0;
  margin: 0;
}
img
{
  border: none;
}
#page_layer
{
  width: 100%;
  height: 100%;
  position: relative;
}
body > #page_layer
{ 
 height: auto;
 min-height: 100%;
}
#content_container
{
  margin: 10px auto 0;
  position: relative;
  width: 1238px;
}
.clear
{
 clear: both;
 height: 1%;
 font-size: 1px;
 line-height: 1px;
 display: block;
}
.red
{
  color: red;
}
.green
{
  color: green;
}
.left_column,
.center_column,
.right_column
{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.left_column,
.center_column
{
  margin-right: 32px;
}
#page_header
{
  height: 250px;
  margin-bottom: 8px;
}
#page_header a
{
  color: #fff;
  font-size: 0.6em;
  text-decoration: none;
}
#page_header > div
{
  position: relative;
  height: 100%;
}
.left_column
{
  width: 242px;
}
.center_column
{
  width: 678px;
}
.right_column
{
  width: 242px;
}
#page_header .left_column > *
{
  position: absolute;
  top: 10%;
}
#page_header .left_column a span.over
{
  background: url("../img/left_title.jpg") no-repeat scroll 0 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
}
#page_header .center_column span.over
{
  background: url("../img/center_title.png") no-repeat scroll 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 678px;
  height: 245px;
}
#page_header .center_column span.title
{
  position: absolute;
  top: 220px;
  left: 0;
  bottom: 0;
  width: 100%;
  font-family: TextBookCTT, Arial, Verdana, sans-serif;
  font-size: 11pt;
  *font-size: 10.5pt;
  font-weight: bold;
  text-align: center;
}
#page_header .right_column #main_clock
{
  font-family: Calibri, Arial, Verdana, sans-serif;
  position: absolute;
  top: 69px;
}
#page_header .right_column #main_clock div#clock_rest
{
  height: 15pt;
  font-weight: bold;
  font-size: 12.5pt;
  margin-bottom: 8px;
}
#page_header .right_column #main_clock div#clock_table
{
  background: url("../img/right_clock.jpg") no-repeat scroll 0 -7px;
  position: relative;
  width: 240px;
  height: 81px;
  color: #fff;
}
#page_header .right_column #main_clock div#clock_table #main_clock_border
{
  display: none;
  position: absolute;
  border: 1px solid #ffd659;
  width: 230px;
  height: 71px;
  top: 4px;
  left: 4px;
}
#main_clock div#clock_table div#clock_string
{
  position: absolute;
  top: 9px;
  width: 100%;
  text-align: center;
  font-size: 32pt;
}
#main_clock div#clock_table div.clock_nominal
{
  position: absolute;
  bottom: 4px;
  width: 90%;
  left: 5%;
}
#page_header .right_column #main_clock div#clock_table div.clock_nominal div
{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 25%;
  text-align: center;
  font-size: 9pt;
}
div.column_elem
{
  font-family: Calibri, Arial, Verdana, sans-serif;
  margin: 0 0 32px;
}
div.column_elem
{
  color: #0058a9;
}
div.column_elem.news a
{
  color: #0058a9;
}
div.column_elem a:visited
{
  color: #0058a9;
}
div.column_elem.docs,
div.column_elem.docs a
{
  color: #414141;
}
div.column_elem.docs a:visited
{
  color: #414141;
}
div.column_elem h2
{
  margin-left: 15px;
  margin-bottom: 10px;
  font-size: 15pt;
}
div.column_elem.photos h2,
div.column_elem.videos h2
{
  margin-left: 20px;
}
div.column_elem p
{
  margin-left: 15px;
  margin-bottom: 15px;
  font-size: 11pt;
}
div.column_elem.docs p
{
  font-family: Arial, Verdana, sans-serif;
  letter-spacing: -0.07em;
  font-size: 10pt;
}
div.column_elem.photos p,
div.column_elem.videos p
{
  margin-bottom: 8px;
  margin-left: 8px;
  margin-top: -3px;
  color: #4e4e4e;
}

div.column_elem a
{
  display: block;
  text-decoration: none;
}
div.column_elem.docs a
{
  text-decoration: underline;
}
div.column_elem a img
{
  display: block;
}
div.column_elem_color
{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-left-width: 5px;
  border-left-style: solid;
}
div.column_elem_color.ellow
{
  border-color: #ffd659;
}
div.column_elem_color.blue
{
  border-color: #5578c2;
}
div.column_elem_color.rose
{
  border-color: #e46569;
}
div.column_elem_color.green
{
  border-color: #8cbd5c;
}
div.column_elem_color.lightrose
{
  border-color: #edafb1;
}
div.column_elem_socnet
{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #cdcdcd;
  margin-left: 5px;
}
div.column_elem.accost .col_left,
div.column_elem.accost .col_right
{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
div.column_elem.accost .col_left
{
}
div.column_elem.accost .col_right
{
  width: 530px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  color: #616161;
}
div.column_elem.accost div.photo_block
{
  border: 1px solid #eee;
  padding: 4px;
}
div.column_elem.accost div.photo_block img
{
  display: block;
}
#main_map_header
{
  border-bottom: 1px solid #c3c3c3;
  padding-left: 20px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #0058a9;
}
#main_map
{
  margin-top: 8px;
  margin-left: -255px;
}
#main_map_pointer
{
  margin-top: 35px;
  margin-left: 10px;
  margin-bottom: 50px;
}
div#footer
{
  height: 52px;
  border: 1px solid #a0abcd;
  background-color: #122e82;
}
div#footer p
{
  font-family: Arial, Verdana, sans-serif;
  font-size: 9pt;
  text-decoration: underline;
  line-height: 52px;
  margin-left: 55px;
  color: #fff;
}
div.column_elem p.sign
{
  font-style: italic;
  text-align: right;
  margin-bottom: 0;
}
div.center_column h2
{
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 15pt;
  padding-left: 20px;
}
/*Фотогалерея*/
div.center_column div#gallery
{
  clear: both;
  font-size: 0.85em;
  margin-top: 10px;
  overflow: hidden;
  padding: 0 0 10px;
  width: 678px;
}
div.center_column div#gallery .keep
{
  clear: both;
  padding-bottom: 5px;
}
div.center_column div#gallery .keep .keep_header
{
  padding-left: 20px;
  text-align: left;
}
div.center_column div#gallery p
{
  color: #111;
  line-height: 1.2em;
  padding: 0 0 10px;
}
div.center_column div#gallery .keep .keep_header_date
{
  color: #333;
  font-size: 10pt;
  margin-right: 12px;
}
div.center_column div#gallery .keep .keep_header_text
{
  color: #0058a9;
  font-size: 10.5pt;
}
div.center_column div#gallery .keep .keep_photos
{
  border: 1px solid #ebebeb;
  padding-bottom: 10px;
  width: 668px;
}
div.center_column div#gallery div.photo
{
  float: left;
  margin: 10px 5px 0 10px;
}
div.center_column div#gallery .keep .keep_photos img
{
  border: medium none;
  margin-right: 0;
  padding: 0;
}
div.center_column div#gallery .keep div.gallery_border
{
  border-top: 1px solid #ebebeb;
  margin: 25px 5px 20px 0;
}
/*Видеогалерея*/
div.center_column h2.videogallery
{
  color: #0058a9;
  margin-top: 2px;
  margin-bottom: 10px;
}
div.center_column div#videogallery
{
  border: 1px solid #ebebeb;
  padding: 15px;
}
div.center_column div#videogallery iframe#video_screen
{
  border: none;
}
div.center_column div#videogallery div.video_comment
{
  width: 100%;
  height: 50px;
}
div.center_column div#videogallery p#video_comment
{
  font-size: 10pt;
  padding-top: 6px;
}
div.center_column div#videogallery p#video_another
{
  margin-top: 20px;
  font-size: 11pt;
  margin-left: 10px;
  margin-bottom: 5px;
}
div.center_column div#videogallery div#video_list
{
  
}
div.center_column div#videogallery div#video_list div.video_list_elem
{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 11.8em;
  height: 233px;
  padding: 10px;
  margin-bottom: 5px;
  border: 1px solid #fff;
  cursor: pointer;
}
div.center_column div#videogallery div#video_list div.video_list_elem div.video_list_elem_container
{
  overflow: hidden;
  height: 100%;
  width: 100%;
} 
div.center_column div#videogallery div#video_list div.video_list_elem img.video_screenshot
{
  width: 11.8em;
  height: 140px;
}
div.center_column div#videogallery div#video_list div.video_list_elem p.video_screenshot_comment
{
  font-size: 10pt;
  padding-top: 6px;
}

/* TOPBUTTON */
#topbutton
{
  position: fixed;
  background: url(../img/topbutton.png) no-repeat;
  width: 80px;
  height: 80px;
  right: 50px;
  bottom: 50px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#topbutton:hover
{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/*Проекты ОГУ*/
div.center_column h2.projects
{
  color: #0058a9;
  margin-top: 2px;
}
div.center_column div#progects
{
  clear: both;
  font-size: 0.85em;
  margin-top: 10px;
  overflow: hidden;
  padding: 0 0 10px;
  width: 678px;
}
div.center_column div#progects .keep
{
  border: 1px solid #ebebeb;
  clear: both;
  padding: 15px;
  margin-bottom: 40px;
}
div.center_column div#progects .keep .keep_header
{
  text-align: left;
}
div.center_column div#progects p
{
  color: #111;
  line-height: 1.2em;
  padding: 0 0 10px;
}
div.center_column div#progects .keep .keep_header_date
{
  color: #333;
  font-size: 10pt;
  margin-right: 12px;
}
div.center_column div#progects .keep .keep_header_text
{
  color: #333;
  font-size: 12.5pt;
}
div.center_column div#progects .keep .keep_text
{
  padding-top: 6px;
  font-size: 10pt;
}
div.center_column div#progects .keep .keep_photos
{
  width: 668px;
}
div.center_column div#progects div.photo
{
  float: left;
}
div.center_column div#progects .keep .keep_photos img
{
  border: medium none;
  margin-right: 0;
  padding: 0;
}
div.center_column div#progects .keep div.gallery_border
{
  border-top: 1px solid #ebebeb;
  margin: 25px 5px 20px 0;
}
#featured
{
  height: 352px !important;
  width: 680px !important;
}