html {min-width:1000px}
body {min-width:1000px; margin:0; padding:0; font:18px/21px Neucha, cursive; color:#411c06; background:#f3d37e url(../images/bg.png) center top}
a {color:#411c06; outline:none}
a:hover {text-decoration:none}
img {border:none}
.wrapper {min-width:1000px; width:100%; position:relative; overflow:hidden}
header {position:relative; z-index:20; background:url(../images/header-bg.png) no-repeat center -50px; height: 176px}
.header-inner {height:226px; width:992px; margin:0 auto; position:relative}
.header-shadow {position:absolute; left:0; bottom: 46px; width:100%; height:9px; background:url(../images/header-shadow.png)}
.logo {position:absolute; left:-73px; top:24px; line-height:0}
.kleo {position:absolute; left:50%; top:10px; line-height:0}
.container {background:url(../images/container-bg.png) repeat-y center top; border-bottom:60px solid #411d07}
.content {width:992px; margin:0 auto}
.top {width:100%; background:url(../images/top-bg.png); padding:26px 0 4px 0; /*border-bottom:39px solid #411d07*/}
.top:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.top-left {float:left; padding:115px 0 0 11px; width:246px; text-align: center;}
/*.top-left-link {display:block; height:76px; margin:17px 0 0 0; text-align:center; font-size:30px; line-height:76px; text-decoration:none; color:#f1d27f; background:#411d07}*/
.top-left p {margin-top: 10px; margin-bottom: 10px;}
.top-left-link {display:block; height:39px; margin:-10px 20px 0 0; text-align:center; font-size:30px; line-height:45px; text-decoration:none; color:#411d07; background:#f1d27f; float: right; text-transform: none !important; padding: 5px 15px 5px 15px;}
.top-left-social {margin:-2px 0 0 10px; text-align:center; float: left;}
.top-right-social {margin:30px 0 0 0px; text-align:center; float: right; }
.top-right {float:right; background:#411d07 url(../images/top-right-bg.png) repeat-y; width:717px; margin-top:30px}
.top-right-text {float:left; font-size:19px; line-height:23px; color:#fecd66; padding:11px 0 11px 28px; width:450px}
.top-right-text p {margin:9px 0 0 0; padding:0}
.top-right-text p:first-child {font-size:20px; line-height:24px; margin:0 0 20px 0; text-indent:37px}
.top-right-text span {color:#89cfd1}
.top-right-img {float:right; line-height:0; margin:30px -58px 0 0}
.jars {display:table; width:100%; background:url(../images/jars-bg.png)}
.jar {display:table-cell; height:226px; text-align:center; vertical-align:middle}
.list {padding:30px}
.list-row {width:100%; margin:30px 0 0 0}
.list-row:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.list-row:first-child {margin:0}
.list-col {float:right}
.list-col:first-child {float:left}
.list-item {float:left; clear:left; position:relative; cursor:default}
.list-item+.list-item {margin-top:29px}
.list-item img {display:block}
.list-item-title {position:absolute; left:0; bottom:0; width:100%; text-transform:uppercase; text-align:center; color:#fff; font-size:24px; line-height:40px; background:#fcae40; background:rgba(252, 174, 65, .75); opacity:0; filter:alpha(opacity=0); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease}
.list-item a {text-decoration:none}
.list-item a:hover .list-item-title,
.list-item-open .list-item-title {opacity:1; filter:alpha(opacity=100)}
.list-item-hint-1 {position:absolute; left:-80px; top:190px; font-size:18px; line-height:22px; color:#fff; text-align:center; width:143px; height:92px; padding:23px 0 0 0; background:url(../images/list-item-hint-1.png)}
.list-item-hint-2 {position:absolute; right:-93px; top:-86px; font-size:18px; line-height:22px; color:#fff; text-align:center; width:211px; height:121px; padding:50px 0 0 0; background:url(../images/list-item-hint-2.png)}
.list-item-hint-3 {position:absolute; right:-74px; top:35px; font-size:18px; line-height:22px; color:#fff; text-align:center; width:151px; height:96px; padding:25px 0 0 0; background:url(../images/list-item-hint-3.png)}
.list-item-hint-4 {position:absolute; left:-103px; top:-9px; font-size:18px; line-height:22px; color:#fff; text-align:center; width:195px; height:113px; padding:44px 0 0 0; background:url(../images/list-item-hint-4.png)}
.detail {background:#ebe5d2}
.detail-title {text-align:center; font-size:36px; line-height:36px; position:relative; text-transform:uppercase; color:#411d07; padding:29px 0 26px 0; width: auto;}
.detail-title a {/*position:absolute; left:28px; top:12px*/ float: left; margin: -15px 0 0 10px;}
.detail-photo {line-height:0; border-top:21px solid #411d07}
.detail-recept-short {text-align:center; color:#ebe5d2; font-size:20px; line-height:24px; background:#411d07; padding:22px 20px 0 20px}
.detail-recept-open .detail-recept-short {display:none}
.detail-recept-link {text-align:right; font-size:20px; line-height:24px; background:#411d07; padding:9px 54px 21px 0}
.detail-recept-open .detail-recept-link {display:none}
.detail-recept-link a {color:#ebe5d2; text-decoration:none; background:url(../images/dots.png) repeat-x left bottom}
.detail-recept-full {display:none; border-top:20px solid #411d07; border-bottom:20px solid #411d07; padding:20px 71px 30px 75px; color:#411c06; font-size:20px; line-height:24px}
.detail-recept-full:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.detail-recept-open .detail-recept-full {display:block}
.detail-recept-full p {margin:0; padding:0}
.detail-recept-full h3 {margin:0; padding:26px 0 0 0; font-weight:normal; font-size:24px; line-height:24px}
.detail-recept-full ol {margin:0; padding:0; list-style-position:inside}
.detail-recept-print {float:right; background:#411d07; width:196px; margin:4px 0 10px 30px; font-size:30px; line-height:30px; padding:8px 0; text-align:center; text-decoration:none; color:#f1d27f}
.details-forms {padding:27px 97px 0 74px}
.details-forms h2 {font-size:30px; line-height:36px; margin:0; padding:0; font-weight:normal; color:#411d07; width:40%; float:left; padding-bottom:50px}
.details-forms h2.small {font-size:30px}
.details-social {padding:12px 0 50px 0; width:60%; float:right; text-align:left}
/* padding:24px 0 50px 0;*/
.details-forms form {margin:0; padding:0}
.comment-textarea {padding:12px 0 0 0}
.comment-textarea textarea, .comment-textarea input {border:1px solid #411d06; background:#f1d27f; overflow:auto; margin:0; padding:10px; outline:none; width:799px; height:101px; font:18px/21px Neucha, cursive; color:#411c06; resize:none}
.comment-textarea input {height: auto !important; width: 140px;}
.comment-submit {text-align:center; padding:11px 0 0 0}
.comment-submit input {width:196px; height:76px; border:none; background:url(../images/submit.png); margin:0; padding:0; outline:none; cursor:pointer}
.comments-head {margin:26px 21px 0 21px; padding:0 0 26px 0}
.comments-head h2 {font-size:28px; line-height:36px; margin:0; padding:0; font-weight:normal; color:#411d07}
.comments {border-top:1px solid #d5d1be; margin:26px 21px 0 21px; padding:0 0 26px 0}
.comment {border-bottom:1px solid #d5d1be; padding:22px 0 40px 0}
.comment-name {font-size:12px; line-height:14px; color:#8bcfc4}
.comment-date {font-size:12px; line-height:14px; color:#999; padding:7px 0 0 0}
.comment-text {font-size:18px; line-height:20px; color:#411c06; padding:10px 0 0 0}
footer {line-height:0}
.window {position:absolute; left:0; top:0; width:100%; height:100%; z-index:99997; overflow:auto}
.window-overlay {position:absolute; left:0; top:0; width:100%; height:100%; z-index:99998; background:#fff; opacity:.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)}
.window-loading {position:absolute; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px; background:url(../images/window-loading.gif)}
.window-container {position:absolute; z-index:99999; left:50%; top:0; width:940px}
.window-container-load {position:fixed; left:-9999px; top:-9999px}
.window-top {height:160px; position:relative; z-index:2; background:url(../images/window-top.png) no-repeat center bottom; line-height:0}
.window-logo {position:absolute; left:351px; top:68px}
.window-kleo {position:absolute; right:-7px; top:17px}
.window-content {position:relative; background:#fff}
.window-close {display:block; position:absolute; right:41px; top:19px; width:23px; height:23px; background:url(../images/window-close.png); z-index:3}
.jar-window .window-close {background:url(../images/window-close-jar.png)}
.rules {background:#ece5d3; border:19px solid #411d07; border-top:none; border-bottom-width:22px}
.rules-top {height:123px; background:url(../images/rules-bg.png)}
.rules-content {padding:11px 30px 0 30px; font-size:26px; line-height:31px; color:#420a00; text-align:center}
.rules-content p {margin:35px 0; padding:0}
.rules-content hr {height:3px; width:100%; margin:48px 0 50px 0; padding:0; background:#411d07; border:none; position:relative; overflow:hidden}
.rules-gifts {width:798px; margin:-10px auto; background:url(../images/rules-gifts-bg.png); padding:0 20px}
.rules-gifts-inner {display:table; width:100%}
.rules-gift {display:table-cell; vertical-align:middle; line-height:0; text-align:center; height:162px}
.rules-bottom {height:56px; background:url(../images/rules-bg.png)}
.jar-detail {border:19px solid #411d07; background:#411d07; border-bottom-width:22px}
.jar-detail-top {width:963px; height:111px; background:url(../images/jar-top.png); position:relative; margin:-22px 0 0 -34px; z-index:1}
.jar-detail-content {position:relative; height:589px; border-bottom:15px solid #411d07; border-top:12px solid #411d07}
.jar-detail-content img {display:block}
.jar-detail-text {position:absolute; left:375px; top:72px; width:394px; padding:0 49px 0 41px; height:496px; background:url(../images/jar-detail-text.png)}
.jar-detail-text-1 {background-color:#b4769f}
.jar-detail-text-2 {background-color:#ec7853}
.jar-detail-text-3 {background-color:#54ad64}
.jar-detail-text-4 {background-color:#feb045}
.jar-detail-title {font-size:60px; line-height:60px; position:relative; text-align:center; color:#411d05; margin:35px 0 0 0}
.jar-detail-title:before {content:""; display:block; width:72px; height:3px; background:#411d07; position:absolute; left:0; top:33px}
.jar-detail-title:after {content:""; display:block; width:72px; height:3px; background:#411d07; position:absolute; right:0; top:33px}
.jar-detail-subtitle {line-height:22px; color:#401c08; padding:10px 0 0 0; min-height:88px; margin:0 -5px 0 0; position:relative}
.jar-detail-middle {line-height:0; border-bottom:3px solid #411d07; text-align:center; padding:0 0 3px 0}
.jar-detail-info {font-size:13px; line-height:16px; padding:10px 0 0 0}
.jar-detail-info-name {text-transform:uppercase; color:#401c08}
.jar-detail-info-value {padding:0 0 16px 0; color:#fff}
.recept-photo {line-height:0}
.recept-title {color:#411d07; font-size:36px; line-height:36px; text-align:center; text-transform:uppercase; padding:16px 0 0 0}
.recept-title.white {background:#411d07; color:#fff; padding:16px 0 10px 0}
.recept-text {text-align:center; color:#411d07; padding:15px 20px 0 20px}
.recept-window-links {text-align:center; font-size:0; line-height:0; letter-spacing:-1px; padding:39px 0 28px 0}
.recept-window-links a {display:inline-block; width:206px; margin:0 14px; background:#411d07; font-size:30px; line-height:30px; letter-spacing:0; padding:8px 0; text-align:center; text-decoration:none; color:#f1d27f}
.contentbutton-5 {
border: 1px solid #D3D3D3;
display: inline-block;
color: #000000 !important;
font: normal normal normal 9px/10px "Arial", "Tahoma", "Verdana" !important;
overflow: hidden;
padding: 7px 36px 4px 10px;
position: relative;
text-decoration: none !important;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #F9F9F9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9F9F9), to(#EBEBEB));
background: -webkit-linear-gradient(#F9F9F9, #EBEBEB);
background: -moz-linear-gradient(#F9F9F9, #EBEBEB);
background: -ms-linear-gradient(#F9F9F9, #EBEBEB);
background: -o-linear-gradient(#F9F9F9, #EBEBEB);
background: linear-gradient(#F9F9F9, #EBEBEB);
-pie-background: linear-gradient(#F9F9F9, #EBEBEB);
behavior: url("/js2/PIE.htc");
}
.contentbutton-5 .contentbutton-5-1 {
background: #EBEBEB;
display: block;
font-size: 0;
height: 1px;
position: absolute;
left: 2px; top: 0;
width: 98%;
z-index: 1;
}
.contentbutton-5 .contentbutton-5-2 {
_background: url("/img2/contentdecor-15.png") left 3px no-repeat;
background: url("/special/moccona/contentdecor-15-1.png") left 3px no-repeat;
display: block;
padding: 5px 0 5px 17px;
position: absolute;
right: -6px; top: 2px;
width: 22px;
z-index: 3;
}
.contentbutton-5 .contentbutton-5-3 {
position: relative;
z-index: 2;
}
.contentbutton-5 .appeared {
display: none;
padding: 7px 36px 4px 10px;
position: absolute;
left: 0; top: 0;
z-index: 2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #EBEBEB;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EBEBEB), to(#F9F9F9));
background: -webkit-linear-gradient(#EBEBEB, #F9F9F9);
background: -moz-linear-gradient(#EBEBEB, #F9F9F9);
background: -ms-linear-gradient(#EBEBEB, #F9F9F9);
background: -o-linear-gradient(#EBEBEB, #F9F9F9);
background: linear-gradient(#EBEBEB, #F9F9F9);
-pie-background: linear-gradient(#EBEBEB, #F9F9F9);
behavior: url("/js2/PIE.htc");
}
.contentbutton-5 .appeared .appeared-1 {
text-shadow: 1px 1px 0 #E8E8E8;
}
.contentbutton-6 {
border: 1px solid #D3D3D3;
display: inline-block;
color: #AAAAAA !important;
font: normal normal normal 9px/10px "Arial", "Tahoma", "Verdana" !important;
overflow: hidden;
padding: 7px 36px 4px 10px;
position: relative;
text-decoration: none !important;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #EBE5D2;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EBE5D2), to(#EBEBEB));
background: -webkit-linear-gradient(#EBE5D2, #EBEBEB);
background: -moz-linear-gradient(#EBE5D2, #EBEBEB);
background: -ms-linear-gradient(#EBE5D2, #EBEBEB);
background: -o-linear-gradient(#EBE5D2, #EBEBEB);
background: linear-gradient(#EBE5D2, #EBEBEB);
-pie-background: linear-gradient(#EBE5D2, #EBEBEB);
behavior: url("/js2/PIE.htc");
}
.contentbutton-6 .contentbutton-6-1 {
background: #EBEBEB;
display: block;
font-size: 0;
height: 1px;
position: absolute;
left: 2px; top: 0;
width: 98%;
z-index: 1;
}
.contentbutton-6 .contentbutton-6-2 {
background: url("/special/moccona/contentdecor-16.png") left 3px no-repeat;
display: block;
padding: 5px 0 5px 17px;
position: absolute;
right: -6px; top: 2px;
width: 22px;
z-index: 2;
}
.contentbutton-6 .contentbutton-6-3 {
position: relative;
z-index: 2;
}
.contentbutton-6 .appeared {
display: none;
padding: 7px 36px 4px 10px;
position: absolute;
left: 0; top: 0;
z-index: 3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #EBEBEB;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EBEBEB), to(#F9F9F9));
background: -webkit-linear-gradient(#EBEBEB, #F9F9F9);
background: -moz-linear-gradient(#EBEBEB, #F9F9F9);
background: -ms-linear-gradient(#EBEBEB, #F9F9F9);
background: -o-linear-gradient(#EBEBEB, #F9F9F9);
background: linear-gradient(#EBEBEB, #F9F9F9);
}
.contentbutton-6 .appeared .appeared-1 {
color: #000;
text-shadow: 1px 1px 0 #E8E8E8;
}
.contentbutton-6 .appeared .appeared-2 {
background: url("/special/moccona/contentdecor-16.png") left 3px no-repeat;
color: #000;
display: block;
padding: 5px 0 5px 17px;
position: absolute;
right: -6px; top: 2px;
width: 22px;
z-index: 3;
}
.contentlink-6 {
background: url("/special/moccona/contentdecor-15-1.png") left 0px no-repeat;
color: #464646;
display: inline-block;
font: normal normal bold 9px/10px "Arial", "Tahoma", "Verdana";
padding: 0 0 0 16px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
width: 14px;
height: 13px;
}
.contentlink-7 {
background: url("/img2/contentdecor-16.png") left center no-repeat;
color: #464646;
display: inline-block;
font: normal normal bold 9px/10px "Arial", "Tahoma", "Verdana";
padding: 0 0 0 16px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
width: 14px;
height: 13px;
}
#comment_form{padding-bottom: 10px;}