/*******************************************************************************
*  Стили для сайта РЕСМА  ******************************************************
*******************************************************************************/

a:hover { text-decoration: none; }
a { color: #01a1d6; }

body, html { height: 100%; }

body { font-size: 62.5%; font-family: Arial; background-color: #f5f5eb; }

#index-wrapper {
  margin: 0 auto;
  max-width: 1400px;
  min-width: 999px;
  overflow: hidden;
  position: relative;
}

#site-wrapper {
  margin: 0 auto;
  max-width: 1400px;
  min-width: 999px;
  overflow: hidden;
  min-height: 100%;  
}

.site-head {
  background-color: #00a1d5;
  height: 469px;
  margin-bottom: 1px;
  padding-bottom: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.site-head .inner {
  height: 469px;
  width: 2300px;
  position: absolute;
  z-index: 0;
  left: -1150px;
  margin-left: 50%;
}

.site-head .inner img {
  vertical-align: bottom;
  width: 2300px;
}

.site-head .inner .head-item {
  background: url(../img/head_item_bg_l.png) no-repeat 0 0;
  height: 42px;
  position: absolute;
  top: 100px;
  left: 500px;
}
.site-head .inner .head-item span {
  float: left;
  height: 42px;
  background: url(../img/head_item_bg_r.png) no-repeat right 0;
  margin-left: 22px;
  padding-right: 17px;
  color: #fff;
  line-height: 110%;
  font-size: 140%;
  padding-top: 6px;
}


/* ЛОГО */

.site-head .logo {
  position: absolute;
  z-index: 2;
}

.site-head .logo-img {
  width: 57px;
  height: 80px;
  top: 52px;
  left: 107px;
}

.site-head .logo-text-1, .site-head .logo-text-2 {
  left: 180px;
}

.site-head .logo-text-1 {
  width: 107px;
  height: 23px;
  top: 69px;
}

.site-head .logo-text-2 {
  width: 198px;
  height: 10px;
  top: 97px;
}

#site-wrapper .logo-img {
  
}


/* СТАНДАРТНЫЕ ИКОНКИ */

.head-icons {
  position: absolute;
  top: 52px;
  right: 0;
  width: 196px;
  color: #fff;
  font-size: 140%;
  z-index: 2;
}

.head-icons { 
  overflow: hidden;
}

.head-icons li {
  width: 25px;
  height: 25px;
  float: left;
  padding: 0 5px;
  position: relative;
}
.head-icons li.active {
  background: url(../img/icon_active.png) no-repeat 50% 0;
}
.head-icons li .home {
  background: url(../img/icons.gif) no-repeat -28px 0;
}
.head-icons li .map {
  background: url(../img/icons.gif) no-repeat -14px 0;
}
.head-icons li .mail {
  background: url(../img/icons.gif) no-repeat 0 0;
}
.head-icons li img {
  width: 14px;
  height: 12px;
  position: absolute;
  top: 6px;
  left: 11px;
}
.head-icons li .sep {
  background: url(../img/icons.gif) no-repeat -42px 0;
  width: 1px;
  height: 12px;
  left: 0;
}


/* СТРЕЛКИ ПРОКРУТКИ ШАПКИ */

.arrows-bg {
  width: 54px;
  height: 469px;
  background-color: #fff;
  opacity: 0.3;
  position: absolute;
  z-index: 2;
}
.arrow-left, .arrow-right {
  width: 54px;
  height: 469px;
  position: absolute;
  z-index: 10;  
}
.arrow-left {
  background: url(../img/arrows.png) no-repeat 0 50%;
}
.arrow-right {
  background: url(../img/arrows.png) no-repeat -54px 50%;
}
.arrow-right, .arrows-bg-right {
  right: 0;
}
.arrows-active {
  opacity: 0.5;
}

.head-line {
  background-color: #00a1d5;
  height: 1px;
  font-size: 1px;
}

.content-wrap {
  overflow: hidden;
  position: relative;
  z-index: 1;
}


/* ЛЕВАЯ КОЛОНКА С МЕНЮ */

.content-wrap .column-1 {
  width: 17%;
  float: left;
  position: relative;
}

.content-wrap .column-1 ul {
  width: 100%;
  padding: 32px 0 0;
  font-size: 220%;
}

.content-wrap .column-1 ul li {
  line-height: 120%;
  padding-left: 7%;
  font-style: italic;
  margin-bottom: 7px;
}
.content-wrap .column-1 li.active a {
  color: #000;
  text-decoration: none;
  font-style: normal;
  border-bottom: 0;
}
.content-wrap .column-1 ul li a {
  border-bottom: 1px #01a1d6 solid;
  text-decoration: none;
}
.content-wrap .column-1 ul li a:hover {
  border-bottom: 0;
}

.right-columns-wrap {
  margin-left: 17%;
  position: relative;
}

/* ЦЕНТРАЛЬНАЯ КОЛОНКА */

.clear {clear: both;}

.content-wrap .column-2 {
	width: 60%;
	float: left;
	padding-top: 26px;
	position: relative;
	font-size: 100%;
}
* html .content-wrap .column-2 {
	width: 64%;
}
.content-wrap .column-2 h2 {
  font-size: 170%;
  line-height: 120%;
  padding-bottom: 14px;
}
.content-wrap .column-2 h2 span {
  font-weight: normal;
}
.content-wrap .column-2 {
	font-size: 140%;
	line-height: 1.3em;
}
.content-wrap .column-2 p {
  padding-bottom: 1em;
}
.content-wrap .column-2 .news {
	padding-bottom: 1.5em;
}
.content-wrap .column-2 .news p {
	padding-bottom: 0;
}
content_text
* html .content_text {
	padding-right: 4%;
	position: relative;
}
.content_text ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 0 0 1em 0;
}

.content_text ul li {
	background: transparent url(/img/bullet.gif) no-repeat scroll 2px 7px;
	margin-left: 5px;
	padding: 0 0 4px 15px;
	font-size: 140%;
}

.content_text table td {
	vertical-align: top;
}

.content-wrap .column-3 {
  width: 35%;
  float: left;
  padding-bottom: 48px;
}
* html .content-wrap .column-3 {
	width: 25%;
}
.content-wrap .column-3 .inner {
  padding-left: 42px;
}

.content-wrap .column-3 .objects-tabs {
  overflow: hidden;
  margin: 24px 0 0 16px;
}

.content-wrap .column-3 .objects-tabs li {
  float: left;
  margin-right: 11px;
  font-size: 16px;
}
.content-wrap .column-3 .objects-tabs li.first {
  margin-left: 14px;
}
.content-wrap .column-3 .objects-tabs li span {
  float: left;
  height: 30px;
  line-height: 30px;
}
.content-wrap .column-3 .objects-tabs li.active {
  background: #c9cac2 url(../img/objects_tabs_b_left.gif) no-repeat 0 0;
  margin-left: 0;
}
.content-wrap .column-3 .objects-tabs li.active span {
  background: url(../img/objects_tabs_b_right.gif) no-repeat right 0;
  margin-left: 14px;
  padding-right: 11px;
}
.content-wrap .column-3 .objects-tabs li a {
  color: #000;
}
.content-wrap .column-3 .objects-tabs li.active a {
	text-decoration: none;
}

.column-3 .objects {
  padding: 14px 0 14px 30px;
  background-color: #ddded6;
  width: 90%;
  position: relative;
  overflow: hidden;
  font-size: 180%;
}

.content-wrap .column-3 .objects ul {
  padding: 4px 0 8px;
  line-height: 120%;
  font-style: italic;
}

.content-wrap .column-3 .objects li a {
  border-bottom: 1px #01a1d6 solid;
  text-decoration: none;
  font-size: 90%;
}
.content-wrap .column-3 .objects li a:hover {
  border-bottom: 0;
}

.content-wrap .column-3 .objects .corner {
  position: absolute;
  left: 0;
  background: url(../img/objects_bg_corners.gif) no-repeat 0 0;
  width: 28px;
  height: 28px;
}
.content-wrap .column-3 .objects .corner-lt, .content-wrap .column-3 .objects .corner-lb {
  margin-left: -14px;
}
.content-wrap .column-3 .objects .corner-lt, .content-wrap .column-3 .objects .corner-rt {
  top: -14px;
}
.content-wrap .column-3 .objects .corner-rt, .content-wrap .column-3 .objects .corner-rb {
  margin-left: -14px;
  left: 100%;
}



/* ПОДВАЛ */

.footer {
  margin-left: 20%;
  padding: 26px 0 36px;
  font-size: 140%;
  line-height: 120%;
  clear: left;
}
.footer .copyright {
	font-size: 0.8em;
}
.footer .copyright a {
  color: #000;
}

.footer ul {
  overflow: hidden;
  margin-bottom: 14px;
}
.footer ul li {
  float: left;
  padding: 0 20px 2px 0;
}
.footer ul li a {
  border-bottom: 1px #01a1d6 solid;
  text-decoration: none;
}
.footer ul li a:hover {
  border-bottom: 0;
}
.footer .footer-left {
  width: 45%;
  float: left;
}
.footer .address {
  margin-left: 45%;
  1padding-top: 35px;
}
.footer .address .inner {
  margin-left: 59px;  
  padding-left: 23px;
  background: url(../img/address.gif) no-repeat 0 5px;
}



/* ВНУТРЕННЯЯ СТРАНИЦА */

.second-page .content-wrap .column-1 ul li {
  padding-left: 0;
  margin-bottom: 7px;
}

.content-wrap .column-1 li.active ul a {
  border-bottom: 1px #01a1d6 solid;
  text-decoration: none;
  color: #01A1D6;
  font-style: italic;
}
.content-wrap .column-1 li.active ul a:hover {
  border-bottom: 0;
}
.content-wrap .column-1 li.active {
}
.content-wrap .column-1 li ul {
  margin: 2px 0 15px;
  font-size: 81.9%;
  padding: 0;
}
.second-page .content-wrap .column-1 li ul li {
  padding-left: 12px;
  margin-bottom: 4px;
}
.second-page .content-wrap .column-1 li.sub-active a {
  border-bottom: 0;
  color: #747474;
}


/* ВНУТРЕННЯЯ СТРАНИЦА */

.second-page .content-wrap {
  padding-top: 172px;
}

.second-page .logo {
  margin-left: 20px;
  z-index: 2;
}

.second-page .logo, .second-page .head-icons {
  position: absolute;  
}
.logo_second {height: 68px; width: 217px;  position: absolute; left: 0;}

.second-page .logo-img {
  top: 50px;
  left: 0;

}
.second-page .logo-text-1 {
  left: 73px;
  top: 68px;
}
.second-page .logo-text-2 {
  left: 73px;
  top: 96px;
}
.second-page .head-icons {
  top: 70px;
  right: 114px;
  margin-left: 200px;
}

.second-page .head-icons li.active {
  background: url(../img/icon_active.png) no-repeat 50% 0;
}
.second-page .head-icons li .home, .second-page .head-icons li .map, .second-page .head-icons li .mail {
  background-image: url(../img/icons_second.gif);
}
.second-page .head-icons li.active .home, .second-page .head-icons li.active .map, .second-page .head-icons li.active .mail {
  background-image: url(../img/icons.gif);
}
.second-page .head-icons li .home {
  background-position: -28px 0;
}
.second-page .head-icons li .map {
  background-position: -14px 0;
}
.second-page .head-icons li .mail {
  background-position: 0 0;
}
.second-page .head-icons li .sep {
  background: url(../img/icons_second.gif) no-repeat -42px 0;
  width: 1px;
  height: 12px;
  left: 0;
}

.second-page .gallery {
  1border: 7px #1f262d solid;
  padding: 7px 0 0 7px;
  border-bottom: none;
  border-right: none;
  background: url(/img/arrow_left_no.gif) #252c31 repeat-x top left;
  margin-bottom: 22px;
  overflow: hidden;
  width: 405px;  
  position: relative;
  float: left;
}
.second-page  .gallery ul {
  height: 81px;
  position: relative;
  1height: 100%;
  width: 3000px;
  list-style-type: none;
  margin: 0;
}
.second-page  .gallery ul li {
  float: left;
  margin: 0 7px 0 0;
  height: 74px;
  padding: 0 0 7px;
  background: none;
}
* html .second-page  .gallery ul li {
	padding-bottom: 4px;
}
.second-page .column-3 .objects {
  background-color: transparent;
  font-style: italic;
  padding-top: 26px;
  padding-left: 60px;
}
.second-page .column-3 .objects li {
  margin-bottom: 5px;
}                                 
.second-page .column-3 .objects .active {
  font-style: normal;
  color: #747474;
}
.second-page .column-3 .objects .active a {
  color: #747474;
  border-bottom: 0;
}


.second-footer-wrap {
  width: 100%;
  1background: #f5f5eb url(../img/second_bottom_grad.png) repeat-x 0 bottom;
  height: 100px;
  1position: relative;
  margin-top: -100px;
  zoom: 1;
  clear: both;
}

.second-footer-inner {
  margin: 0 auto;
  max-width: 1400px;
  min-width: 999px;
  position: relative;
  height: 100px;
  overflow: visible;
  zoom: 1;  
  z-index: 6;
}
.second-footer-inner .footer {
  position: absolute;
  left: 20%;
  bottom: 0;
  margin-left: 0;
  padding-bottom: 14px;
  zoom: 1;
  z-index: 6;
}

.footer_img {
	position: absolute;
	right: 0;
	width: 100%; 
}
* html .footer_img {
	width: 96%;
}

/* КОЛОНКИ НА ВНУТРЕННЕЙ СТРАНИЦЕ */

.second-page .column-1 {
  width: 24%;
  padding-bottom: 248px;
}
.second-page .column-1 ul {
  margin-left: 20px;
}
.second-page .right-columns-wrap {
  margin-left: 24%;
  zoom: 1;
}
.second-page .column-2 {
  margin-bottom: 158px;
}

.second-page #site-wrapper {
  overflow: visible;
}

ul.lightbox li {
	float: left; margin-right: 7px; padding-bottom: 7px;
}

/* НАГРАДЫ */


.award_div {width: 500px;}
.award_img {
	1padding-top: 5px;
	float: left;
	width: 128px;
	1height: 110px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.award_img img {border: 4px solid #ccc;}

.award_text {
	float: left;
	text-align: left;
	width: 300px;
	margin-bottom: 15px;
} 

.column-2 ul li {
	font-size: 100%;
}

.arrow_left, .arrow_right {
	display: block; width: 22px; height: 88px;
	position: relative; z-index:1;
}
.arrow_left {
	float: left;
}
.arrow_right {
	float: left;
	margin-left: -7px;
}

/* Карта сайта*/

.sitemap ul li a {color: #9a2321;}
.sitemap ul li ul {margin: 5px;}
.sitemap ul li ul li a {color: #01a1d6;}


.photo_slider_wrapper {
	padding-left: 40px;
	padding-top: 87px;
}
.pages a {
	margin: 0 5px;
}
.pages strong {
	background-color: #01A1D6;
	line-height: 20px;
	padding: 3px 5px;
	color: #FFF;
}