/*  html5   */
header, footer, article, section, nav, menu, hgroup {
  display: block;
}

html{
  margin: 0;
  padding:0;
  font-family: Tahoma;
  font-size:12.5px;
  background: #ffdf9a top url(/images/bg.png) repeat-x;
}
body{
  position: relative;
  width: 1000px;
  margin:0 auto;
  background: url(/images/bgPage.jpg) 2px 0 no-repeat;
  &.main{
    background: url(/images/mainBg.jpg) top center no-repeat;
    &>section{
      height:608px;
    }
  }
}
header{
  height: 300px;
  .likovskaya{
    position: absolute;
    top:26px;
    left:231px;
  }
  nav{
    position: absolute;
    width: 1000px;
    top:259px;
    background: #de9ab4;
    height: 30px;
    &>ul{
      display: table;
      list-style:none;
      padding:0;
      margin:3px  auto;
      line-height:23px;
      height:23px;
      &>li{
        padding:0;
        padding:0 10px;
        display: table-cell;
        border-left:2px solid #2b1211;
        &.current>a{
          font-weight: bold;
        }
        &:first-child{
          border:0;
        }
        a{
          color:#1c0204;
          text-decoration: none;
          &:hover{
            text-decoration: underline;
          }
        }
        &>ul{
          li.current{
            font-weight: bold;
          }
          z-index: 2000;
          padding:10px 20px;
          top:30px;
          background: rgba(255,223,154,.8);
          position: absolute;
          display:none;
        }
      }
    }
  }
}
.slide{
  padding-top:50px;
  img{
    display: block;
    margin:0 auto;
  }
  background: #fff;
}
section{
  position:relative;
  .banner{
    background: url(/images/shedevri_prirodi.png) no-repeat;
    width: 916px;
    height: 46px;
    position: absolute;
    left:43px;
  }
  .shedevr{
    position: absolute;
    top:76px;
    left:30px;
  }
  .body{
    background:#fff;
    &:after{
      display: block;
      content: '';
      clear:both;
    }
    aside{
      h3{
        margin:0;
        padding:0;
        margin-left:48px;
      }
      width: 272px;
      float:left;
      font-size:13.89px;
      ul{
        background: #ffdf9a;
        margin:0;
        padding:30px 0;
        list-style-type: none;
        li{
          &.current{
            font-weight: bold;
          }
          border-bottom:2px solid #562ca7;
          padding:3px 2px;
          margin-left:48px;
          ul{
            display: none;
            margin:0;
            padding:0;
          }
          a{
            text-decoration: none;
            color:#1c0204;
            &:hover{
              text-decoration: underline;
            }
          }
        }
      }
    }

    border-top:16px solid #fff;
    .content{
      table{
        td{
          vertical-align: top;
        }
      }
      h1{
        background: #ffdf9a;
        margin:0;
        margin-left:1px;
        padding:0 17px;
        font-size: 20.83px;
        font-weight: normal;
        color:#1c0204;
        line-height: 34px;
        margin-bottom:3px;
      }
      h2{
        font-size: 20.83px;
        margin:10px 0;
        padding:0;
        font-weight: normal;
        color:#1c0204;
      }
      .htmlFullText{
        padding:0 17px;
      }
      #galleryFull{
        &>a{
          width: 215px;
          height: 215px;
          background:#fff;
          margin:5px;
          display: block;
          float:left;
          text-align:center;
          table{
            td{
              width: 215px;
              height: 215px;
              vertical-align: middle;
            }
          }
          img{
            margin-left: auto;
            margin-right: auto;
            vertical-align: middle;
          }
        }
      }
      .sectionBrief{
        padding:17px;
      }
      .goodProp{
        border-collapse: collapse;
        td{
          &:first-child{
            padding:0;
            background: #ffdf9a;
          }
          padding:12px;
          vertical-align: top;
          b{
            font-size:17px;
          }
        }
      }
      .newsBlock{
        padding:14px;
      }
      margin-left:272px;
      margin-right:48px;
    }
  }
}
#portfolioGallery{
  width: 904px;
  margin:0 auto;
}

footer{
  background: #ffdf9a top center url(/images/footerBg.png) no-repeat;
  height: 170px;
  position:relative;
  nav{
    position: absolute;
    background: #6356a6;
    width: 906px;
    height: 33px;
    left:45px;
    top:16px;
    box-shadow: 0 3px 3px rgba(0,0,0,.75);
    ul{
      display: table;
      margin:0 auto;
      padding:0;
      list-style:none;
      color:#fff;
      li{
        display: table-cell;
        padding:0 3px;
        line-height:33px;
        a{
          text-decoration: none;
          color:#fff;
          &:hover{
            text-decoration: underline;
          }
        }
      }
    }
  }
  .logo{
    position: absolute;
    left:710px;
    top:72px;
  }
  .contact{
    left:45px;
    top:64px;
    position: absolute;
    color:#6356a6;
    font-size:11.11px;
  }
}











/*  ---     */

.ediTitle{
  color:#777;
  padding-top:2px;
  font-size:13px;
}
.ediZone td{
  padding:2px;
}
.ediZone input[type=text],.ediZone input[type=password]{
  border:1px solid #777;
  border-radius:2px;
  padding:3px;
  font-size:13px;
}
.ediZone input[type=text]:focus,.ediZone input[type=password]:focus{
  border:1px solid #0198aa;
  background:#effdff
}
.ediZone input[type=submit]{
  padding:3px;
  border:1px solid #962700;
  border-radius: 3px;
  margin-top:5px;
  cursor:pointer;
  background:#962700;
  color:#fff;
}
.ediZone input[type=submit]:hover{
  background:#c83401;
}

.ediZone select{
  border:1px solid #777;
  border-radius:2px;
  padding:3px;
  font-size:13px;
}
.ediZone select:focus{
  border:1px solid #0198aa;
  background:#effdff
}

.ediZone textarea{
  padding:3px;
  resize: none;
  border-radius:2px;
  border:1px solid #777;
}
.ediZone textarea:focus{
  background:#effdff;
  border:1px solid #0198aa;
}


div.content{
  line-height: 1.3;
}
div.askLists{
  line-height: 2;
}

table{
  border-collapse: collapse;
}
table.niceTable td{
  border:1px #666 solid;
  padding:3px;
}

/*		ADMIN CSS		*/
div.admCtrl{
  padding:5px 15px;
}
div.admCtrl a{
  color:#8a0000;
}
div.aCaption{color:#333}

input {font-size:11px;}

div.admActions
{
  font: 11px tahoma;
}
div.admActions a{
  color: #ff0000;
}

div.paging
{
  margin: 15px 20px;
  text-align: right;
  clear: right;
}
.clear{
  clear:both;
}


/*	previous site appendix	*/
.tr-s {
  background: none repeat scroll 0 0 #E8E8E8;
}
/*	/previous site appendix	*/

#filelist{
  height: 150px;
  overflow-y: auto;
}
#filelist>div{
  font-family: tahoma;
  display:inline-block;
  margin:5px;
  font-size:10px;
  border:1px solid #dadada;
  border-radius: 7px;
  background: #dadada;
  padding:3px;
  max-height: 110px;
  min-height: 110px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0px 0px 3px #000;
}
#filelist>div>img{
  display: block;
  margin:auto;
  margin-top:5px;
}

#xfilelist{
  height: 150px;
  overflow-y: auto;
}
#xfilelist>div{
  font-family: tahoma;
  display:inline-block;
  margin:5px;
  font-size:10px;
  border:1px solid #dadada;
  border-radius: 7px;
  background: #dadada;
  padding:3px;
  max-height: 110px;
  min-height: 110px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0px 0px 3px #000;
}
#xfilelist>div>img{
  display: block;
  margin:auto;
  margin-top:5px;
}

a.delFile{
  color:#F00;
  font-weight: bold;
  background: #3e3e3e;
  border-radius: 7px;
  padding:2px;
  width:10px;
  height: 10px;
  display: absolute;
}
.authxx{
  position: absolute;
  left:0px;
}