/**
* CSS document for HeWesta.ru
*/

html, body {
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  font-family: Verdana;                                      
  font-size: 12px;
}

body {
  margin-top: 20px;
  min-width: 900px;
}

input {
  font-family: Verdana;
}

form {
  margin: 0;
  padding: 0;
}



img {
  border: none;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  margin: 0;

}

td {
  padding: 0;
  vertical-align: top;
}


#main {
padding-left:21px;
padding-right: 21px;
}

#maindiv {
width: 980px;
margin: auto;
} 






/** Header */

.header {
  float: left;
  width: 100%;
  color: #777474;
}

.login {
  padding-left: 65px;
  float: left;
  clear: none;
}

.login a {
  text-decoration: none;
  color: #777474;
  padding-bottom: 3px;
  position: relative;
}

.login a:hover {
  background: url(/templates/images/a_bg_gray.gif) bottom left repeat-x;

}

.login a span {
  color: #da251d;
}

.login a.red {
  color: #da251d;
}

/** Случайная мысль */
.idea {
  float: right;
  clear: none;
  font-size: 10px;
  font-family: Tahoma;
  text-align: right;
  width: 400px;
  height: 35px;
  position: relative;
}

.idea span {
  color: #2d9ac5;
}

/** Логотип */



.logo-area {
  float: left;
  clear: both;
  width: 100%;
}

.logo-area table {
  width: 100%;

}

.logo {
  background: url(/templates/images/header_left.jpg) top left no-repeat;
  padding: 70px 36px 98px 62px;
}

.girl {
  width: 100%;
  background: url(/templates/images/header_bg.gif) top left repeat-x;
  background-position: 0px 24px;
}

.girl-img {
  width: 403px;
  height: 261px;
  background: url(/templates/images/girl.gif) top left;
  float: right;
}

.girl div#blank {
  float: right;
  clear: right;
  width: 20px;
  height: 10px;
  background: #FFFFFF;
}

/** Меню */

.nav {
  float:left;
  clear: both;
  text-align: right;
  width:100%;
  margin-top: 10px;
}

.nav td {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}


.nav td.first {
  padding-left: 25px;
}

.nav td.last {
  padding-right: 25px;
}

.nav a {
  font-size: 14px;
  color: #2d9ac5;
  text-decoration: none;
  padding-bottom:3px;
  position: relative;
}                  

.nav a:hover {
/*  text-decoration: underline;*/
  background: url(/templates/images/a_bg.gif) bottom left repeat-x;
}

.nav  a.current {
    background: url(/templates/images/a_bg.gif) bottom left repeat-x;
}

.menu_2 {
  float: left;
  clear: both;
  font-size: 11px;
  color: #99999b;
  margin-top: 6px;
  width: 550px;
  margin-left: 70px;
  _display: inline;
  height: 35px;
}

.menu_2 a, .mid-content .menu_2 a {
  display: block;
  float: left;
  clear: none;
  margin-right: 17px;
  text-decoration: none;
  color: #99999b;
  padding-bottom: 2px;

}

.menu_2 span {
  display: block;
  float: left; 
  clear: none;   
}


.menu_2 a:hover, .menu_2 a.current {
  background: url(/templates/images/a_bg_gray.gif) bottom left repeat-x;
}


/** Поиск */
.search {
  float: right;
  clear: none;
  margin-top: 10px;
  width: 220px;
}

.search input.text {
  font-size: 12px;
  color: #c1c1c4;
  border:1px solid #c1c1c4;
  width: 158px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  float: right;
  clear: none;
}

.search input.go {
  margin-top: 3px;
  float: right;
  margin-left: 5px;
}

.content {
  width: 100%;
  float: left;
  clear: both;
  /*border:1px solid red;*/
  $margin-top: 30px;
}

.content div.right {
  float: left;
  margin-left: -200px;
  width: 200px;
  /*background: #FFFFFF;*/
}

.content div.left {
  margin-left: -100%;
  width: 220px;
  float: left;
  border: none;
}


.content div.mid-content {
  margin: 0 230px 0 230px;
/*  float: left;*/
}

.content div.mid-content-wrapper {
  float: left;
  width: 100%;
  padding: 0px;
}




.block {
  width: 196px;
  float:left;
  clear: both;
  margin-bottom: 10px;
  background-position: top left;
  background-repeat: no-repeat;
  position: relative;
  padding: 0px;
  /*background-image: url(/templates/images/test.gif);*/
}

.block .inner {
  background-position: bottom left;
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 18px;
  position: relative;
  z-index: 20;
}

.block .blockBg {
  position: absolute;
  width: 100%;
  bottom: 0px;
  _bottom: -1px;
  left: 0px;
  height: 90px;
  z-index: 1;
  margin: 0px;
}

.png, .block div.png {
  //background-image: none ! important;
  behavior: url('/templates/css/pngfix.htc');
}

.block div.png {
  background-position: bottom left;
}


.block div.header {
  float:left;
  margin-left: 15px;
  margin-bottom: 22px;
  font-size: 20px;
  width: auto;
  _display: inline;
}

.block div.header a{
  text-decoration: none;
}



.b-blue {
  background-color: #e4f4fa;
}

.b-blue .header a, .b-blue a:hover {
  color: #2d9ac5;
}

.b-green {
  background-color: #eaffe8;
}

.b-green .header a, .b-green a:hover {
  color: #077328;
}

.b-pink {
  background-color: #ffe8ea;
}

.b-pink .header a, .b-pink a:hover {
  color: #c1083c;
}

.b-yellow {
  background-color: #fbf8d9;
}

.b-yellow .header a, .b-yellow a:hover {
  color: #998643;
}

.b-magenta {
  background-color: #f8f3ff;
}

.b-magenta .header a, .b-magenta a:hover {
  color: #9079b0;
}


.news-block p {
  clear: both;
  margin-bottom: 20px;
  margin-top: 0px;
  font-size: 11px;
  color: #66636b;
  margin-left: 15px;
  height: 41px;
  margin-right: 5px;
}

.news-block p img {
  float: left;
  margin: 0px;
  margin-right: 7px;
  margin-top: 2px;
  border:1px solid #d7d7da;
  width:41px;
  height:41px;
}

.news-block p.gallery {
text-align: center;
height: auto;
/*white-space: nowrap;*/
}

.news-block p.gallery img {
  border:1px solid #d7d7da;
  width: auto;
  height: auto;
  margin: 2px 7px 4px 27px;
  padding: 1px;
}

.news-block p a {
  color: #66636b;
  text-decoration: none;
}

/*******/

.mid-content  a {
color: #2d9ac5;
}

.publication {
  float: left;
  /*margin-left: 15px;*/
  /*margin-right: 15px;*/
  margin-bottom: 20px;
  clear: both;
  /*width: 100%;*/
  /*_width: 95%;*/
  /*_display: inline;*/
  width: 98%;
  }

.publication div.cont a {
color: #2d9ac5;
}

.publication a.header-link {
  color: #2d9ac5;
  font-size: 17px;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 3px;
text-align: left;
}

.publication a.header-link:hover {
  text-decoration: underline;
  
}

.publication .menu_2 {
  width: 300px;
  margin-left: 30px;
}

.publication .menu_2 a {
  margin-right: 0px;
  padding-top: 1px;
}

.publication div.cont {
  float: left;
  clear: both;
  font-size: 12px;
  color: #66636b;
  width: 100%;
  text-align: justify;
}



.cont h2 {
  font-size: 14px;
  color: #2d9ac5;
  margin: 10px 0 5px 0;
  /*border:1px solid red;*/
}

.cont h3 {
  /*color: #2d9ac5;*/
  font-size: 12px;
  margin: 10px 0 3px 0;
}

.cont p {
margin: 0 0 2em 0;
/*border:1px solid blue;*/
}

.publication div.cont img {
  float: left;
  padding: 1px;
  margin: 2px 10px 5px 0px;
  border: 1px solid #c1c1c4;
}

.publication div.cont .center {
text-align: center;
width: 100%;
}

.publication div.cont p.center img {
  float: none;
}

.publication div.cont img.i-right {
float: right;
margin: 2px 0px 5px 10px;
}


.publication div.info {
  float: left;
  clear: both;
  font-size: 10px;
  color: #c1c1c4;
  margin-top: 10px;
  width: 300px;
  width: 100%;
  text-align: right;
}

.publication div.info div {
  float: right;
  clear: none;
  border-left: 1px solid #c1c1c4;
  padding: 2px 5px 2px 5px;
  border-top: 1px solid #c1c1c4;
  border-bottom: 1px solid #c1c1c4;
}

.publication div.info div.last {
  border-right: 1px solid #c1c1c4;
}

.info a {
  color: #c1c1c4;
  text-decoration: none;
}


.comments {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 15px;
}

.comments-header {
  float: left;
  clear: both;
  width: 100%;
}

.comments-header a {
  display: block;
  float: right;
  clear: both;
  width: auto;
  font-size: 11px;
  color: #c1c1c4;
  text-decoration: none;
}

.comments-header h3 {
  color: #2d9ac5;
  font-size: 14px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

.add-comment-form {
  width: 100%;
  float: left;
  clear: both;
  color: #66636b;
  font-size: 11px;
}

.add-comment-form label, input, textarea {
  display: block;
  float: left;
  clear: both
}

.add-comment-form .error {
  color: red;
  font-size: 10px;
}

.add-comment-form input, textarea {
  margin-bottom: 5px;
  /*order:1px solid #d8d8db;
  background-color: #FFFFFF;*/
  color: #66636b;
  font-size: 11px;
  width: 100%;
}

.add-comment-form input.submit {
  width: auto;
  float: right;
}

.add-comment-form textarea {
  height: 100px;
}

.comments-header a:hover {
  text-decoration: underline;
}

.one-comment {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #66636b;
  font-size: 11px;
}

.one-comment table {
  width: 100%;
}

.one-comment table img {
  border: 1px solid #d8d8db;
}

.one-comment-title {
  background-color: #eff8fc;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
}

.one-comment-title strong {
  font-size: 12px;
}

.one-comment-msg {
  padding-left: 20px;
  padding-top: 7px;
       
}

/** Footer */
.footer-girls {
  float: left;
  clear: both;
  width: 100%;
}

.footer {
  float: left;
  clear: both;
  width: 100%;
  background: #2d9ac5 url(/templates/images/footer_left.gif) no-repeat top left;
  margin-top: 10px;
  margin-bottom: 5px;
}

.footer div.inner {
  float: left;
  width: 100%;
  height: 35px;
  background:url(/templates/images/footer_right.gif) no-repeat top right;
}

.footer .icons {
  float: right;
  padding-right: 70px;
  padding-top: 12px;
  clear: none;
  width: 300px;
}

.footer .icons a, .footer .icons span {
  display: block;
  float: right;
  clear: none;
  margin-left: 10px;
}

.footer .copy {
  float: left;
  padding-left: 90px;
  padding-top: 12px;
  color: #FFF;
  clear: none;
  font-size: 11px;
  width: auto;
}
.footer .copy a{
  color: #FFF;
}


#ico_home {
  background: url(/templates/images/icons.gif) no-repeat;
  width: 11px;
  height: 9px;
  background-position: -13px 0px;
}

#ico_sitemap {
  background: url(/templates/images/icons.gif) no-repeat;
  width: 11px;
  height: 9px;
  background-position: -24px 0px;
}

#ico_feedback {
  background: url(/templates/images/icons.gif) no-repeat;
  width: 13px;
  height: 11px;
  background-position: 0px 0px;
}

.pager {
text-align: center;
color: #66636b;
font-size: 11px;
width: 100%;
float: left;
clear: both;
font-weight: bold;
}

.pager td.f {
width: 50%;
}

.pager div {
width: 170px;
}

.pager a, .pager b {
float: left; 
display: block;
clear: none;
border:1px solid #dee0e1;
width: 24px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
margin-left: 2px;
}

.pager b {
background: #eff8fc;
}

.pager a {
color: #dcdcdc;
text-decoration: none;
}

.pager a:hover {
background: #eff8fc;
color: #66636b;
}

.pager a.row {
border:none;
padding: 0px;
padding-top: 8px;
margin: 0px;
padding-left: 1px;
padding-right: 1px;
width: auto;
}

.pager a.row:hover {
background: none;
}

h1 {
  color: #2d9ac5;
  font-size: 17px;
  text-decoration: none;
  padding-bottom: 3px;
  font-weight: normal;
}

h2.recent-news-header {
  color: #2d9ac5;
  font-weight: normal;
  font-size: 14px;
  margin: 0px;
  margin-bottom: 20px;
  float: left;
  clear: both;
}

h2.recent-news-header span {
  color: #66636b;
}

h2.recent-news-header b {
  color: #ff0000;
  font-weight: normal;
}

.content h1.main {
color: #99999b;
font-size: 19px;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
}

.recent-news {
  float: left;
  margin-bottom: 20px;
  clear: both;
  width: 98%;
  background: #eff8fc url(/templates/images/recent_br.gif) bottom right no-repeat;
}

.recent-news div {
  width: 100%;
  float: left;
  background: url(/templates/images/recent_bl.gif) bottom left no-repeat;
}

.recent-news div div {
  background: url(/templates/images/recent_tl.gif) top left no-repeat;
}

.recent-news div div div {
  background: url(/templates/images/recent_tr.gif) top right no-repeat;
  padding-top: 20px;
  padding-bottom: 20px;
}

.recent-news table.one-news {
  float: left;
  clear: both;
  width: 95%;
  background: none;
  margin: 10px 0px 10px 0px;
}

.recent-news table.one-news div {
  background: none;
  padding: 0px;
}

.recent-news div.image {
  float: left;
  clear: both;
  width: 130px;
}

.recent-news div.image img {
  margin-left: 20px;
  border:2px solid #d9d9dc;
  margin-top: 3px;
}

.recent-news div.anounce {
  float: left;
  clear: none;
}

.recent-news div.anounce h3, .recent-news div.anounce h3 a {
  color: #2d9ac5;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  float: left;
  text-decoration: none;
}

.recent-news div.anounce h3 a:hover {
  text-decoration: underline;
}

.recent-news div.anounce div {
  color: #66636b;
  font-size: 11px;
  float:left;
  clear: both;
  margin-right: 0px;
  white-space: normal;
  margin-top: 2px;
}

p.author {
  color: #2d9ac5;
  font-weight: normal;
  text-align: right;
}

p.author span {
  color: #66636b;
}

p.author strong {
  color: #ff0000;
  font-weight: normal;
}

p.author b {
  color: #ff0000;
  font-weight: normal;
}

.begun-block {
  float: left;
  clear: both;
  width: 98%;
  background: #eff8fc url(/templates/images/recent_br.gif) bottom right no-repeat; 
  margin-bottom:20px;
}

.begun-block div {
  width: 100%;
  float: left;
  background: url(/templates/images/recent_bl.gif) bottom left no-repeat;
}

.begun-block div div {
  background: url(/templates/images/recent_tl.gif) top left no-repeat; 

}

.begun-block div div div {
  background: url(/templates/images/recent_tr.gif) top right no-repeat;
}

.begun-block div.begun-block-inner {
width: 450px;
padding-left: 40px;
padding-bottom: 20px;
padding-top: 10px;
background: none;
}

.begun-block div.begun-block-inner div {
  background: none;
  padding: 0px;
}

.begun-block li div.bgbanner {
  padding-top: 0px;
  padding-bottom: 0px;
}

.begun-block li div.bgbanner div{
  padding-top: 0px;
  padding-bottom: 5px;
  _padding-bottom: 2px;
}

.gallery-table, .gallery-table-content  {
width: 100%;
 }

.gallery-table td, .gallery-table-content td {
width: 33.3%;
padding-bottom: 25px;
text-align: center;
}

.gallery-table-content td {
width: 25%;
}


.gallery-table img, .gallery-table-content img {
border: 1px solid #c1c1c4;
padding: 1px;
}

.gallery-table a, .gallery-table-content a{
text-decoration: none;
color: #66636b;
font-size: 11px;
}

.gallery-table a:hover, .gallery-table-content a:hover {
color: #2d9ac5;
}

.content .intro-text {
    font-size: 11px;
    color: #99999b;
    padding-left: 1px;
}