﻿#wrap {position: relative;}
#wrap {width:1000px; margin: 0px auto; border-right: 3px solid #6a442c; border-left: 3px solid #6a442c; background: #fffdf2 url(/design/img/main_bg.jpg) repeat-y;}
#header {background:#fff; height: 321px;}
#header .logo {color: #c21838; font-size: 20px; position: absolute; margin-top: 8px; margin-left: 34px; text-align: center}
#header .logo p {padding: 16px 0 0 5px;}
#header .logo a:hover {border-bottom: none;}
#header .slogan {margin: 8px 0 0 0; color: #c21838; background: url(/design/img/frame_up1.jpg) no-repeat center top; padding: 25px 3px 1px 3px; width:245px; font-size: 14px;}
#header .logo .slogan p {padding: 0}
#header .ramka {background: url(/design/img/frame_up2.jpg) no-repeat; width:174px; height: 40px; margin-left: 32px;}
#village {margin-left: 358px; z-index: 1}
#kosichka {background: url(/design/img/kosichka.png) repeat-x; height: 51px;}
#sidebar {float: left; width: 282px; padding-bottom: 80px;}
#sidebar .verh {background: url(/design/img/verh.png) no-repeat; height: 57px; width: 282px;}
#sidebar .center {background: url(/design/img/center.png) repeat-y;}

#menu {width: 195px; margin-left: 45px; font-size: 20px;}
#menu a, #menu .fotogallery {color: #684229;}
#menu ul li a:hover, #menu .selected {border-bottom: 1px dotted #b68667;}
#menu ul li a {margin-bottom: 28px;}
#menu ul li:first-letter, .fotogallery p:first-letter {font: normal 28px "OldComedyRegular";}
#menu ul ul {padding-left: 18px;}
#menu ul ul li a {color: #4c699d; font-size: 14px; margin-bottom: 15px;}
#menu ul ul li:first-letter {font: normal 14px Tahoma, sans-serif;}
#menu .fotogallery {margin-top: 20px;}
#menu .fotogallery ul li img {border: 2px solid #FFF;}
#menu .fotogallery ul li {margin-left: 4px;}

#sidebar .niz {background: url(/design/img/niz.png) no-repeat; height: 48px; width: 282px;}

#content {margin: 0 35px 15px 320px;}
#content .container {display: table; width: 100%;}

.paper {position:relative; width: 100%; height: 58px;}
.paper .transparency {height: 34px; width: 100%; position: absolute; bottom:0; left:0; background: rgba(111, 77, 56, .50);}
.paper .content {z-index: 2; width: 100%; position: relative;}
.paper_left {background-image: url(/design/img/paper_left.png); height: 77px; width: 30px; float: left;}
.paper_center {padding-top: 19px; background: url(/design/img/paper_center.png) repeat-x; float: left; height: 58px; color: #6a442c;}
.paper_right {background-image: url(/design/img/paper_right.png); height: 77px; width: 28px; float: left;}

.opisanie {padding: 5px 0 10px 70px;}
.opisanie2 {padding: 10px 0 10px 30px;}

#footer {position: relative; height:70px; background: rgba(111, 77, 56, .50);}
#footer a {color: #000;}
#footer .content {color: #FFF; padding: 15px 10px 5px 230px; z-index: 2; width: 760px; font-size:11px; position: relative;}
#footer .content .menu {width:98%; text-align: center;}
#footer .content .menu ul li {display:inline; margin-right: 25px;}
#footer .content .copyright {float: left; width: 280px;}
#footer .content .other {text-align: right; margin-left: 230px;}
#footer .flower {height: 215px; width: 225px; background: url(/design/img/flover.png) no-repeat; position: absolute; left: 20px; bottom: 0;z-index: 3;}

#feedback {float: left; width: 100%; }
#feedback input[type=text] {width: 320px; height: 18px;}
#feedback input[type="image"] {margin-left: 200px;}
#feedback textarea {width: 320px; height: 80px; margin-bottom: 4px;}
#error_message {display: none; visibility: hidden; margin: 5px; border: 1px solid red; padding: 5px;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

.footer_blank {height: 70px; clear: both;}

.hide, .hide1 {display: none;}

.frame{position: relative; display: block; width: 210px; height: 180px; border: none; margin: 2px 8px;}
.frame span {background: url(/design/img/frame.png) no-repeat center top; width: 210px; height: 180px; display: block; position: absolute;}
.frame img {padding: 25px 10px 10px 16px; width: 184px; height: 140px;}

#gallery img {float: left; margin: 5px 0 0 5px; height: 100px;}
#gallery .wrap {height:100px; width: 100px; border: 1px solid #6a442c; background: #fff; margin: 5px 0 0 5px; overflow:hidden; position:relative; float:left;}
#gallery .wrap a img  {position:absolute; top:-40px; left:-100px; height:300px; opacity: 0.6; -moz-opacity: 0.6;   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); margin: 0;}
#gallery p {font-size: 12px;}
img.double-border{ border: 1px solid #6a442c; padding: 3px; background: #fff;}
img.double-border-left{ border: 1px solid #6a442c; padding: 3px; background: #fff; margin: 0 10px 10px 0; float: left;}
img.double-border-right{ border: 1px solid #6a442c; padding: 3px; background: #fff; margin: 0 0 10px 10px; float: right;}

.second_menu .paper {margin-top: 8px;}
#content .second_menu a {font-size: 150%; color: #6a442c; position: relative; top: 5px; border-bottom: 1px dotted #6a442c;}
#content .second_menu a:hover {color: #fff; border-bottom: none;}

.magazine {padding: 15px 0;}
.magazine div {float: left; width: 190px; min-height: 215px; font-size: 18px; color: #cb292e; position: relative; text-align: center; padding: 10px 5px;}
.magazine em {font-size: 11px; color: #030303;}
.magazine img, .zakaz img, .basket img {border: 1px solid #6a442c;}
.magazine span {position: absolute; top: 90px; right: 0; font: italic 20px Georgia, "Century Schoolbook L", Serif; background: rgba(111, 77, 56, .50); padding: 5px; color: #fff;}
.cart {position: absolute; top: 20px; right: 30px; height: 32px; padding-left: 42px; background: url(/design/img/shopcart.png) no-repeat left center; z-index: 1000;}
.cart a {color: #c21838}
.zakaz {padding: 20px 0; font-size: 15px;}
#content .zakaz td {border-bottom: none; vertical-align: middle;}
#content .zakaz table {width: 80%;}
.mag-name {background: rgba(111, 77, 56, .50); font-size: 20px; padding: 10px 20px;}
.zakaz span {font-size: 13px;}
.knopka {padding: 20px 0;}
#content .knopka a {color: #fff; border-bottom: none; font-size: 19px; padding: 4px 10px 6px 10px; background: #c21838; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#content .knopka a:hover {color: #fff; -webkit-box-shadow: 0 0 5px 3px #a99475; -moz-box-shadow: 0 0 5px 3px #a99475; box-shadow: 0 0 5px 3px #a99475;}

.forma-z {width: 100%; overflow: hidden; padding: 10px 2px;}
.forma-z div {float: left;width: 100%;margin-bottom: 5px;}
.forma-z label {float: left; width: 140px; text-align: right; position: relative; top: 2px; margin-right: 5px;}
.forma-z input[type=text], .forma-z textarea {width: 320px; background: #fff; border: 1px solid #6a442c; padding: 3px;}
.forma-z input[type=submit] {margin-left: 150px; cursor: pointer;}

.basket {width: 100%;}
#content .basket td {vertical-align: middle; font-size: 12px;}
.basket th {background: rgba(111, 77, 56, .50); padding: 5px; color: #fff; text-align: left;}
