* {margin: 0; padding: 0;}
html, body {height: 100%;}
.page {min-height: 100%; height: auto !important; height: 100%; /*margin: 0 auto;*/}
.header {}
.container {padding-bottom: 120px;}
.footer {height: 120px; margin-top: -120px;}

address {}
h1 {}
h2 {}
h3 {}
a {text-decoration: none; color: #FFF;}
a:visited, a:link {text-decoration: none; color: #FFF;}

@font-face {font-family: 'Conkordia'; src: url('images/Conkordia.eot');	src: url('images/Conkordia.woff') format('woff'), url('images/Conkordia.ttf') format('truetype'), url('images/Conkordia.svg') format('svg'); font-weight: normal; font-style: normal;}

body {background-color: #31150A; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

/*AC8E68 - слишком темный*/
.header {text-align: center; font-family: 'Conkordia'; position: relative}
.header .menu {display: inline-block; vertical-align: top; width: 255px; height: 100px;}
.header .log {display: inline-block; vertical-align: top; width: 160px; height: 100px;}
.header .phones {display: inline-block; vertical-align: top; width: 188px; height: 90px; font-size: 36px; color: #FFF; padding-top: 5px; line-height: 36px;}
.header .menu a {display: inline-block; height: 50px; line-height: 50px; padding-left: 15px; padding-right: 15px; color: #DDBE7B; font-family: 'Conkordia'; font-size: 28px;}
.header .menu a:hover {background-color: #4C1902;}
.header .logo {display: inline-block; vertical-align: top;}
.header .logo img {height: 100px; vertical-align: middle;}
.header .borderline {height: 11px; background-image: url('images/line.png')}
.header .login {display: inline-block; cursor: pointer; background-image: url('images/login.png'); background-size: 66%; background-repeat: no-repeat; background-position: center bottom; width: 56px; height: 100px; font-size: 24px; color: #DDBE7B;}
.header .cabinet {display: inline-block; cursor: pointer; background-image: url('images/table.png'); background-size: 80%; background-repeat: no-repeat; background-position: center bottom; width: 100px; height: 100px; font-size: 24px; color: #DDBE7B;}
.header .cart {display: inline-block; background-image: url('images/cart.png'); background-size: contain; background-repeat: no-repeat; background-position: center bottom; width: 100px; height: 100px; font-size: 24px; /*color: #AC8E68;*/}
.header .opaque {width: 32px; height: 32px; position: absolute; top: 70px; right: 50%; margin-right: -440px;}
.header a.opaque img {width: 32px; height: 32px; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; filter: alpha(opacity=100);}
.header a.opaque:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8; filter: alpha(opacity=80);}

.header2, .header3 {background-image: url('images/fon3.jpg'); background-position: top center; background-repeat: no-repeat; margin-top: 1px; font-family: 'Conkordia'; color: #AC8E68; text-align: center; font-size: 28px;}
.header2 {height: 400px; background-size: contain;}
.header3 {height: 120px; background-size: cover;}
.header2 .content, .header3 .content {width: 1000px; margin: 0 auto; position: relative;}
.header3 .logo, .header2 .logo {margin: 0 auto; font-size: 36px; color: #DDBE7B;}
.header2 .logo {height: 330px; background-image: url('images/logo2.png'); background-position: 0px 160px; background-repeat: no-repeat; background-size: contain;}
.header2 .logo p {position: absolute; z-index: 2; top: 100px; left: 285px;}
.header2 .board {background-image: url('images/board.png'); background-size: contain; background-repeat: no-repeat; width: 200px; height: 110px; padding-top: 80px; padding-left: 20px; padding-right: 20px; position: absolute; z-index: 2; font-size: 36px; color: #DDBE7B;}
.header3 .board {display: none;}
.header2 .spaper, .header3 .spaper {display: inline-block; width: 190px; height: 72px; background-image: url('images/paper.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; margin-left: 20px; margin-right: 20px; font-size: 32px; line-height: 26px; color: #FFF; overflow: hidden;}
.header2 .spaper {margin-top: 20px;}
.header3 .spaper {}
.spaper span {margin-top: 12px; display: block;}
/*.header3 {height: 200px; background-color: #1E2726; background-image: url('images/damask2.png'); background-size: 100px;}*/

/*Полишрафия*/
.polygraphy {text-align: center;}
.polygraphy a {display: inline-block; width: 200px; height: 90px; margin: 20px; text-align: center; font-size: 30px; padding: 20px; padding-top: 230px; color: #000; font-weight: bold; vertical-align: middle; transition-duration: 0.2s; transition-property: all; background-repeat: no-repeat; background-position: center top; background-size: contain; background-color: white;}
.polygraphy a:hover { text-decoration: underline;}
.header2 .print, .header3 .print {width: 300px; font-size: 46px; line-height: 46px;}
.header2 .print {position: absolute; z-index: 2; top: 290px; left: 330px;}

.container {font-family: 'Conkordia'; color: #AC8E68;}
.main {background-color: #280D06; border-radius: 20px; width: 90%; min-height: 50px; margin-left: 5%; margin-top: 20px; box-shadow: 0px 0px 20px 0px #1F0B02; font-size: 20px;}
.main .paper {text-align: center;}
.main .paper a {display: inline-block; width: 220px; height: 116px; margin: 20px; background-image: url('images/paper.png'); text-align: center; font-size: 40px; padding: 40px; padding-top: 60px; color: #000; font-weight: bold; vertical-align: middle; transition-duration: 0.2s; transition-property: all;}
.main .paper a:hover { text-decoration: underline;}

.footer {font-family: 'Conkordia'; color: #AC8E68; background-image: url('images/fon.png'); background-repeat: repeat-x; background-size: contain;}
.footer span {display: inline-block; margin: 20px; font-size: 20px;}

.logn {background-color: #280D06; font-family: 'Conkordia'; color: #AC8E68; font-size: 20px;}
.popup {background-color: #280D06 !important; color: #FFF;}
.shop {border: none;}
.shop td {border: none; padding: 10px;}
.shop p {font-size: 24px; font-weight: bold;}
.shop tr td:first-child img {width: 100px; cursor: pointer;}
.shop tr td:nth-child(2) img {max-width: 200px; max-height: 200px;}
#shop #status {color: #F00;}

.card img {cursor: pointer; max-width: 200px;}
.card a img {max-width: 200px; max-height: 200px; margin: 10px;}
.card span {font-size: 36px;}
.card p {font-size: 24px;}

.city {position: absolute; font-size: 28px;}
.header2 .city {top: 270px; left: 300px; width: 400px;}
.header3 .city {top: 20px; right: 0px; width: 250px;}
#city {border-bottom: 1px dotted #FFF; cursor: pointer; display: inline-block; color: #FFF;}
.cities {color: #FFF; text-align: left;}
.cities div {cursor: pointer; border-bottom: 1px dotted #FFF; transition-property: all; transition-timing-function: cubic-bezier(0,.71,0,1); transition-duration: 20s; background: linear-gradient(to right, #666, #666); background-size: 0% 100%; background-repeat: no-repeat;}
.pickpoints {margin-left: 200px; text-align: left;}
.header3 .pickpoints {margin-left: 130px;}
.pickpoints span {display: block;}

/*Всплывающие окна*/
.popshow {background-color: rgba(255,255,255,0.5); color: #000; border-radius: 10px; width: 300px; height: 40px; text-align: center; display: table-cell; vertical-align: middle; font-size: 24px; padding: 20px;}


/*Стилизация форм*/
input[type=text], input[type=password] {height: 20px; border-radius: 20px; border: 1px solid #FFF; padding-left: 10px; padding-right: 10px; box-shadow: 0px 0px 3px #ccc; transition-duration: 0.5s;}
input[type=text]:focus, input[type=password]:focus {background: #9CF; border: 1px solid #FFF; outline:0 !important}
input[type=submit], input[type=button] {background-color: #FFF; border-radius: 20px; border: 1px solid #AC8E68; cursor: pointer; margin-right: 5px; transition-duration: 0.5s; padding-left: 5px; padding-right: 5px;}
.shop input[type=submit], .shop input[type=button] {width: 90px; height: 20px;}
input[type=submit]:focus, input[type=button]:focus {outline:0 !important}
input[type=submit]:hover, input[type=button]:hover {background-color: #9CF;}
a.button, div.button, input.button {display: inline-block; color: #000; text-align: center; line-height: 20px; height: 20px; background-color: #FFF; border-radius: 20px; border: 1px solid #FFF; cursor: pointer; margin-right: 5px; padding-left: 10px; padding-right: 10px; transition-duration: 0.5s; font-family: 'Conkordia'; font-size: 20px;}
a.button:hover, div.button:hover, input.button:hover {background-color: #CCC;}
textarea {border-radius: 20px; padding: 8px;}
textarea:focus {outline:0 !important}

/*Стилизация форм*/
.tablecaption {font-weight: bold; text-align: center;}
#carttable td {padding: 3px; vertical-align: middle;}
.table td {padding: 3px; vertical-align: middle;}
#carttable input {width: 20px; text-align: center;}
#carttable img {max-width: 150px; max-height: 150px;}
.orders td, .orders .tablecaption td:nth-child(2), .orders tr:nth-child(2) td:nth-child(2) {text-align: center;}
.orders td:nth-child(2) {text-align: left;}
.orders input[name=quant[]] {width: 30px;}
.orders span {display: inline-block; cursor: pointer; height: 16px; width: 16px; border-radius: 16px; border: 1px solid #AC8E68; font-size: 16px; font-weight: bold; line-height: 14px; margin-left: 3px; margin-right: 3px; font-family: Verdana, Geneva, sans-serif;}
.orders img {max-width: 150px; max-height: 150px; background-color: #FFF;}
.orders p {color: #C30;}
#carttext {color: #FFF; margin-top: 40px;}
.order-button, input[type=button].order-button {display: inline-block; color: #000; border: 1px solid #FFF; border-radius: 5px; font-size: 24px; padding: 5px; background-color: #D2E928/*#AC8E68*/; margin: 10px;}
.shopuserform input[name=house]{width: 40px;}
.shopuserform input[name=floor]{width: 10px;}
.shopuserform input[name=flat]{width: 20px;}
.shopuserform input{width: 150px;}
.message table {border: 1px solid #A0A0A4; border-radius: 5px;}
.message input, .message textarea, .shopregform input, .shoprestoreform input {width: 220px;}
.message td, .shopregform td, .shoprestoreform td, .shopuserform td, .orders td {padding: 3px; vertical-align: middle;}
.message tr:last-child, .shopregform tr:last-child, .shoprestoreform tr:last-child, .shopuserform tr:last-child {text-align: center;}
input[name=keystring] {width: 50px; position: relative; top: -40px; margin-right: 5px;}
label {border: none; border-radius: 5px; padding-left: 4px; padding-right: 4px; cursor: pointer; white-space: nowrap; word-wrap: normal;}
label input[type=checkbox] {position: relative; top: 2px;}
.required {color: #F00; font-weight: bold;}
.deliveryvariant {padding-top: 20px; padding-bottom: 20px;}

/*Отзывы*/
.comments textarea {width: 400px; height: 50px; margin: 10px;}
.comments input[type=button] {width: 420px; margin: 10px;}
.comments .answer {border-top: 1px dashed #CCCCCC; margin: 20px;}
.comments .answer span:first-child {display: block; margin: 5px;}
.comments .answer span:nth-child(2) {display: block; font-style: italic; margin: 5px;}
.comments .button {display: block; width: 100px; margin: 5px;}
.comments .reply {margin-left: 100px;}
.comments .reply:before {display: inline-block; width: 32px; height: 32px; margin-top: -32px; position: relative; left: -32px; top: 32px; content: " "; background-image: url('images/reply.png'); background-size: 32px 32px; }
.like:hover, .dislike:hover {background-color: #9CF;}
.like {background-image: url('images/like.png');}
.dislike {background-image: url('images/dislike.png');}
.like, .dislike {background-position: left center; background-repeat: no-repeat; background-size: 20px 20px; height: 20px; width: 20px; line-height: 20px; cursor: pointer; transition-duration: 0.2s;
transition-timing-function: ease-in; border: 1px solid #9CF; padding-left: 20px; display: inline-block; margin: 5px; background-color: #9CF;}