* {
  margin:0;
  padding:0
}

html {
    background:url("../images/bg_grad.png") repeat-x left top;
}

body {
  color:#384c68;
}

.index {
  background:url("../images/bg_index.jpg") no-repeat left top;  
}

.content {
  background:#fff url("../images/bg_head.jpg") no-repeat left top;
  width:1023px;
  border-right:2px solid #fff
}

.internal {
  background:url("../images/bg_bottom.jpg") no-repeat left bottom;
}

a img {
  border:0
}

li {
  list-style:none
}

.block {
  overflow:hidden
}

.clear {
  clear:both !important
}

/* HEADER */

.header {
  height:105px;
  padding:25px 0 0 355px
}

.header .logo {
  position:absolute;
  top:25px;
  left:110px
}

.header .menu_main {
  height:38px;
  padding:25px 0 0 10px;
  background:url("../images/bg_menu.gif") repeat-x 0 28px
}

.header .menu_main li {
  height:38px
}

.header .menu_main a {
  display:block;
  margin:11px 0 0 0;
  height:38px;
  float:left
}

.header .menu_main .selected  a {
  background:url("../images/select_left.gif") no-repeat;  
  padding-top:7px;
  margin:0;
  cursor:default
  
}

.header .menu_main .selected {
  background:url("../images/select_right.gif") no-repeat top right;
}

.header .menu_main a {
  padding:0 11px 0 11px
}

.header .menu_main li {
  float:left
}

.info {
  padding:350px 0 0 110px
}

.head {
  padding:0 0 16px 0
}


/* INDEX PAGE */

.col_1 {
  width:440px;
  float:left
}

.col_2 {
  width:415px;
  margin:0 0 0 20px;
  float:left
}

.inform {
  margin:35px 0 0 0
}

.news {
  width:220px;
  float:left
}

.news .news_block {
  border-bottom:1px dotted #7f7f7f;
  margin:10px 0 10px 0;
  padding:0 0 8px 0
}

.news .news_block .date {
  padding:0 0 6px 0
}

.more {
  text-align:right;
  font-size:11px
}

.production {
  width:640px;
  margin:0 0 0 20px;
  float:left
}

.production .thumb {
  float:left;
  margin:0 10px 13px 0;
  text-align:center
}

/* 2ND LEVEL PAGES */

.pages p {
  margin:0 0 10px 0;
  clear:both
}

.pages ul,
.pages ol {
  padding:0 0 10px 0
}

.pages table {
  margin:0 0 10px 0;
  border-spacing: 0;
  border-collapse:collapse;
  border:1px solid #ccc
}

.pages table tr {
  margin:0;
}

.pages table th,
.pages table td  { 
  border:1px solid #ccc;
  padding:5px
}

.menu_prod {
  float:left;
  margin:100px 25px 230px 85px;
  width:245px;
  display:inline;
  background:#fff;
  white-space:nowrap
}

.menu_prod li a {
  display:block;
  background:url("../images/arrow_or.gif") no-repeat left center;
  padding:0 0 0 23px;
  height:30px;
  line-height:30px
}

.menu_prod li li a {
  background:none;
  padding:0 0 0 43px;
}

.menu_prod ul ul {
  margin:0 0 25px 0
}

.menu_prod ul ul ul {
  margin:0 0 8px 10px
}

.pages {
  float:left;
  width:610px
}

.page_head {
  margin:0 0 40px 0
}

.pages a img {
  border:0
}

/* FOOTER */

.footer {
  padding:50px 0 20px 0;
  background:url("../images/bg_footer.gif") repeat-x 550px 50px;
  overflow:hidden;
  clear:both
}

.copy {
  padding:0 0 0 110px;
  background:#fff;
  width:240px;
  float:left
}

.copy .copyright {
  padding:0 0 8px 0
}

.contacts {
  float:left;
  background:#333;
  height:32px;
}

.contacts .block {
  width:635px;
  height:32px;
}

.phone {
  float:left;
  margin:6px 0 0 20px;
  display:inline
}

.mail {
  float:right;
  margin:12px 0 0 0;
}


/* GALLERY */

.gallery {}

.gallery .picture {
  float:left;
  width:168px;
  margin:0 25px 40px 0;
  background:#fff;
  border:1px solid #c5c5c5;
  border-top:2px solid #DDDCE1;
  border-bottom:2px solid #DDDCE1;
}

.gallery .picture img {
  padding:4px
}


/* FORM */

.fields {
  margin:0 0 20px 0
}

.input {
  width:550px;
  border:1px solid #ccc;
  outline:1px solid #fff;
  margin:1px;
  padding:6px 3px 6px 3px;
}

.input:hover {
    outline:1px solid #b7b3a7
}

.input:focus {
    outline:1px solid #221D54;
    border:1px solid #221D54;
    background:#f5f4ff
}


.error {
  color:#fc0414
}

/* FOR  ADMIN */

.admin {
  margin: 10px 0px 10px 0px;
  clear:both;
  overflow:hidden
}

.admin div {
  float:left;
  padding-left:3px
}

.admin a:link,
.admin a:visited,
.admin a:hover,
.admin a:active {
  display:block;
  height:17px;
  background:#d71920;
  background-repeat:no-repeat;
  background-position:2px center;
  color:#fff !important;
  padding:5px 6px 1px 22px;
  font-size:0.8em;
}
.admin .edit a, .admin .edit a:hover { background-image:url(../images/edit.gif) }
.admin .delete a, .admin .delete a:hover { background-image:url(../images/delete.gif); }
.admin .add a, .admin .add a:hover { background-image:url(../images/add.gif); }
.admin .picture a, .admin .picture a:hover { background-image:url(../images/picture.gif); }
.admin .polls a, .admin .polls a:hover { background-image:url(../images/polls.gif); }

.menu_prod .admin {
    font-size:14px
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.links {
  clear:both;
  margin:3px 0 30px 0;
  overflow:hidden
}

.links div {
  float:left;  
}

.links div a {
  padding:0 13px 0 30px;
  display:block;
  height:27px;
  line-height:27px
}

.links div.order a {
  background:url('../images/order.gif') no-repeat left center
}

.links div.request a {
  background:url('../images/request.gif') no-repeat left center
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.pages table {
  border:0
}

.pages table th,
.pages table th.left {
  color:#221D54;
  text-transform:uppercase;
  font-size:1.2em;
  border:1px solid #221D54;
}


.pages table td {
  background-color:#fff;
  border:1px solid #221D54;
  color:#221D54;
  font-size:1.0em;
  font-weight:bold;
  text-align:center;
}

.pages table .left,
.pages table td.left {
  background:#fff;
  font-size:1.0em;
  border-bottom:1px solid #221D54 !important;
  color:#221D54;
  font-weight:normal;
  text-align:left;
}


.menu_footer { 
  margin:6px 0 0 16px;
  overflow:hidden;
  width:654px;
  text-align:left;
  float:right
 }
 
 .menu_footer li { 
  float:left;
  margin:0 35px 10px 0
 }