*{margin:0; padding:0}
ol, ul{list-style:none}
caption, th{text-align:left}
q:before, q:after{content:''}
img {border: 0}

h1{font-size:17px}
h2{font-size:12px}
h3{font-size:14px}
h4{font-size:12px}
h5{font-size:12px}

html{background-color:#fff; font-size:10px; overflow-y:scroll;}
body{width:1260px; box-shadow:0 0 0px rgba(0,0,0,0.2); margin:0 auto; background-color:#fff; padding:0 0 5px 0 ; color:#444; font-family:Verdana,Geneva,sans-serif}

a:link{color:#693; text-decoration:none}
a:visited{color:#693; text-decoration:none}
a:hover{color:#e21d2c}

.clearfix:after{content:""; display:table; clear:both}
.corners{border:1px solid #f0ebeb; border-radius:3px; padding:6px 6px 6px 10px}
#content{padding-bottom:40px}
.description{padding-left:3px; font-size:12px; font-weight:normal; text-decoration:none; text-align:left; line-height:1.5em}

table.pricelist{border:none; margin:30px 0 0 0; border-spacing:10px; border-collapse:separate; word-spacing:normal}
table.pricelist td{font-family:Tahoma,Geneva,sans-serif; font-size:11px; font-stretch:extra-condensed; vertical-align:top; text-align:center; word-spacing:normal}

.content_cat{padding:0 10px 5px 0; margin-bottom:60px}

.post-snippet-cols{position:relative; float:left; width:180px; padding:0 0 10px 0; margin:2px 10px 10px 4px; border-radius:4px; box-shadow: -4px 0 4px -4px rgba(0,0,0,.2), 4px 0 4px -4px rgba(0,0,0,.2)}
.title_cat{padding:2px 0 4px 0; border-bottom:solid #cacaca 1px; height:80px; font-size:14px; color:#444; margin-left:4px}
.thumbnail a:hover{opacity:.65}
.thumbnail {height:135px}

.post-snippet-cols_big{position:relative; display:inline-block; width:300px; padding:0 0 10px 0; margin:5px 18px 30px 6px; box-shadow:-3px 0 4px -4px rgba(0,0,0,.2), 3px 0 4px -4px rgba(0,0,0,.2)}
.title_cat_big{padding:2px 0 4px 10px; font-size:14px; color:#444}
.thumbnail_big a:hover{opacity:.65}

.content_cat_bar_kafe{width:99%; float:left; position:relative; padding:0 0 0 1px}
.post-snippet-cols_bar_kafe{position:relative; float:left; width:130px; padding:10px 0 6px 0; margin:0 4px 6px 4px; box-shadow:-3px 0 4px -4px rgba(0,0,0,.2), 3px 0 4px -4px rgba(0,0,0,.2)}
.title_cat_bar_kafe h2{width:130px; padding:0 0 20px 0; text-align:center; font-weight:normal;font-size:11px;font-family:Tahoma,Geneva,sans-serif}
.thumbnail_bar_kafe a:hover{opacity:.65}
.thumbnail_bar_kafe {height:100px}

.content_cat_small{width:99%; float:left; position:relative; padding:0 0 0 1px}
.post-snippet-cols_small{position:relative; float:left; width:88px; padding:0 0 6px 0; margin:0 4px 6px 4px; box-shadow:-3px 0 4px -4px rgba(0,0,0,.2), 3px 0 4px -4px rgba(0,0,0,.2)}
.post-snippet-cols_small a,.post-snippet-cols_small h2{display:inline; font-family:Tahoma,Geneva,sans-serif; font-weight:normal; font-size:11px; line-height:11px}
.title_cat_small{width:88px; padding:0 0 20px 0; text-align:center}
.thumbnail_small{height:80px; padding-top:10px; text-align:center; overflow:hidden;}
.thumbnail_small a:hover{opacity:.65}

.boxgrid h3{margin:8px; color:#FFF; font-size:16px; font-family:Verdana,helvetica; font-weight:normal}
.boxgrid{width:180px; height:135px; margin:5px; float:left; background:#161613; border:solid 6px #F3F3F3; overflow:hidden; position:relative}
.boxgrid img{position:absolute; top:0; left:0; border:0}
.boxgrid img:hover{position:absolute; top:0; left:0; border:0}
.boxgrid p{padding:0 2px 0 15px; color:#E1E1E1; font-weight:normal; color:#fffccc; font-weight:normal; font-size:12px; font-family:Verdana,helvetica}
.boxcaption{float:left; position:absolute; background:url(arrow.png) -1px 40px no-repeat #693; border-top:0; height:100px; width:100%; opacity:.8}
.captionfull .boxcaption{top:260px; left:0}
.caption .boxcaption{top:190px; left:0}
.moreLink{display:block; height:29px; width:68px; text-indent:-9999px; position:absolute; top:65px; right:10px; outline:none}

.kubiki_m{position:relative; width:72px; height:76px; font-size:10px; font-family:Arial,Helvetica,sans-serif; color:#545352; padding-right:6px; padding-top:6px}
.price{font-size:12px; font-stretch:extra-condensed; color:#444; vertical-align:bottom; text-align:center}

/** GoUp green button **/
.b-top{z-index:2600; position:fixed; left:0; bottom:32px; width:30%; margin-left:0; opacity:.6}
.b-top:hover{opacity:1; cursor:pointer}
.b-top-but{z-index:2600; position:absolute; display:block; left:10px; bottom:0; margin:0 0 0 10%; padding:26px 12px 4px; color:white; background:#693 url(arrow_up.png) no-repeat 50% 11px; border-radius:4px}

/** Footer **/
.footer{width:100%; margin:30px 0 5px 0}
.footer-left{width:30%; float:left; padding:8px 0 0 10px}
.footer-center{width:30%; margin:0 auto; text-align:center}
.footer-right{width:30%; float:right; text-align:right; padding:8px 10px 0 0}
#comment_wrap{width:20px; display:inline-block}
#comment{display:none; color:#e21d2c}

/** Left  menu **/
ul#leftmenu li, li.socialbuttons{border:1px solid #f0ebeb; border-radius:3px; width:235px; font-size:12px; margin:0 0 1px 0}
li.socialbuttons {text-align:center; height:28px}
span.b-share-icon:hover {border:1px solid #fff}
ul#leftmenu li:hover{border-left:2px solid #e21d2c; width: 234px}
ul#leftmenu a {display:block; padding:6px 6px 6px 10px}
ul#leftmenu li.lm_selected{width:220px; border-left:solid 2px #e21d2c; width:234px}
ul#leftmenu li.lm_selected a{color: #e21d2c; font-weight:bolder}

/** Header **/
.header {width:100%}
.ya-site-form{width:240px;}
.logotype{padding-left:10px; width:240px; float:left; height: 103px}
.telephone{float:right; padding: 10px 10px 0 0; width: 206px;font-size: 18px;font-weight: bold;font-family: Verdana;color: #e21d2c;letter-spacing: 0.1em;text-align: right}
.time{padding-top:6px; font-size:11px; color:#444; letter-spacing:normal}
.h_menu1{text-align: center; margin:0 auto; padding-top: 20px}
.boxImage{display:inline-block; width:130px; height:45px; padding:8px; margin:0 6px; font-family:Arial,sans-serif;font-size:medium; font-weight:normal; letter-spacing:0.1em; color:#444; text-align:center; background:#fafafa; background:linear-gradient(to bottom, #f3f3f3, #fafafa);box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1)}
.RedboxImage {background:#fafafa; background:linear-gradient(to bottom, #fff0f5, #fafafa)}
.boxImage:hover {background:#000; color:#eaeaea; transition:all 0.5s ease-in-out}
.RedboxImage:hover {background:#e21d2c; color:#eaeaea; transition:all 0.5s ease-in-out}
.h_menu2 {display:table; table-layout:fixed; width:100%; margin:10px 0 0 0; box-shadow:1px 1px 1px #ecebeb; margin-bottom:20px}
.h_menu2 img {height:18px; width:28px; float:left}
.h_menu2 a {display:table-cell; vertical-align:top; color:#4B4A4A; background:#fafafa; background:linear-gradient(to bottom, #f3f3f3, #fafafa); text-align:center; font-family:Tahoma,Geneva,sans-serif; font-size:12px; padding:4px; border:thin solid #e1e1e1; transition:all 0.5s linear}
.h_menu2 a:hover {background:#693; color:#eaeaea; border:thin solid #693; transition:all 0.2s ease-in-out}

/** Crumbs **/
#crumbs{height:2.3em;  padding:0 10px 20px 0}
#crumbs li{float:left; line-height:2.5em; color:#444; padding-left:.9em}
#crumbs li a{display:block}
#crumbs li a:link{color:#bbb; text-decoration:underline}
#crumbs li a:visited{color:#c0c0c0; text-decoration:underline}
#crumbs li a:hover{color:#444; text-decoration:underline}
div.crumbs:after{content:""; display:table; clear:both}

/** jScrollPane **/
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;background:red}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#fff0f5;position:relative}
.jspDrag{background:#693;position:relative;top:0;left:0;cursor:pointer}
.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:0}
.jspCorner{background:#eeeef4;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0} 
.jp-container{width:290px; height:534px; position:relative; background:#fff; float:left}

/** Modal window for contact form **/
.reveal-modal-bg{position:fixed; height:100%; width:100%; background:#000; background:rgba(0,0,0,.8); z-index:15000; display:none; top:0; left:0}
.reveal-modal{visibility:hidden; top: 100px; right: 0; left: 0; margin: 0 auto; background:#fff; position:absolute; z-index:15001; padding:5px 5px 5px; border-radius:2px; box-shadow:0 0 10px rgba(0,0,0,.4)}
.reveal-modal.small{width:200px; margin-left:-140px}
.reveal-modal.medium{width:400px; margin-left:-240px}
.reveal-modal.large{width:600px; margin-left:-340px}
.reveal-modal.xlarge{width:800px; margin-left:-440px}
.reveal-modal .close-reveal-modal{font-size:22px; line-height:.5; position:absolute; top:8px; right:11px; color:#aaa; text-shadow:0 -1px 1px rbga(0,0,0,.6); font-weight:bold; cursor:pointer}

/** Contact form in modal window **/
#contact_form{font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#666}
#contact_form input, select{font-size:11px; color:#999; width:263px; height:28px; border:#CCC solid 1px;  border-radius:2px}
#contact_form textarea{font-size:11px; color:#444; width:292px; height:28px; border:#CCC solid 1px;  border-radius:2px}
#contact_form input:hover, select:hover, textarea:hover{border:1px solid #999}
#contact_form input:focus, select:focus, textarea:focus{border:1px solid #999}
#contact_form select{padding:5px 5px 3px 5px}
#contact_form select option{cursor:pointer; padding:5px}
#contact_form textarea{height:80px; padding:4px 2px 2px 4px; font-family:Verdana,Arial,sans-serif}
#contact_form input{padding:0 5px 0px 30px; background-position:7px 5px; background-repeat:no-repeat}
input#send{padding:0; cursor:pointer; width:135px; height:23px; background:url(code/assets/img/contact/send_button.png)}
input#send:hover{border:1px solid #999; color:#666}
#contact_form label{display:inline-block; width:100px; vertical-align:top; margin-top:6px; font-weight: bold}
#contact_form span{border:0; padding:0; margin:0; display:block; margin-bottom:10px}
#name{background-image:url(code/assets/img/contact/user_suit.png)}
#email{background-image:url(code/assets/img/contact/email.png)}
#phone{background-image:url(code/assets/img/contact/phone.png)}
#ajax_loader{display:none}
.success{border:1px solid #0C0; color:#4F8A10; background:#F2FFF2; display:none; margin-top:3px; font-size:11px; padding:5px; text-align:center; margin-bottom:5px;  border-radius:2px}
.error{display:none; margin-top:3px; font-size:11px; border:1px solid #FF4F4F; color:#D6000E; background:#FFF2F2; padding:5px; text-align:center; margin-bottom:5px;  border-radius:2px}
.warning{display:none; margin-top:3px; font-size:11px; color:#9F6000; background:#FFF9D5; border:1px solid #FFD324; padding:5px; text-align:center;  border-radius:2px}
.allinputs{margin:0; padding:0; border:0}
#contact_form .noicon{padding:0 7px 0 7px; text-align:center}
div#contact{width:444px; margin:0 auto}
div#contact_form_top{font-family:Verdana,Arial; font-size:22px; font-weight:bold; padding:25px 0 0 25px; height:64px}
div#contact_form_body{padding:5px 15px 5px 25px}
div#bot{height:13px}

/** Red button **/
#redbutton{background:#e21d2c; border:0px; padding:10px 16px; font-size:18px; line-height:1.33; border-radius:2px; color:#fff; display:inline-block; margin-bottom:0; font-weight:400; text-align:center; vertical-align:middle; font-family:Arial,sans-serif}
#redbutton:hover{background:#808080}
#redbutton:active{background: #95d788; outline: none;}
#redbutton::-moz-focus-inner{border: 0;}
#redbutton a:link{color:#fff}

/** Price-list format **/
.skidka{color:#e21d2c; font-weight:bolder}
.auto_pricelist td{width:300px; vertical-align:top; text-align:center}
.auto_pricelist p{text-align:center}
.auto_pricelist{width:100%; border-color:#fff; font-family:Tahoma,sans-serif; font-size:12px; font-stretch:condensed; padding-bottom:30px}
div#priceimage{width:5%; height:150px; vertical-align:bottom; display:table-cell; text-align:center}
.pricelist_header{width:99.5%; background-color:#E6FFCC; font-weight:bolder; font-size:16px; text-align:center; margin-top:30px; padding:3px}
.auto_pricelist p{width:90%}

/** Bold text for headers **/
div.important{font-size:17px; color:#444}
div.important_light{font-size:17px; color:#FFF}

/** Responsive image div with fix for FF & Opera **/
div.start_image{display:table; table-layout:fixed}
div.start_image > img{max-width:100%; width:100%; display:table-cell !important}

/** Tag Filter **/
#tagfilter{width:100%; text-align:center; font-size:12px; padding:5px 0 15px 0}
#tagfilter span{padding:0 10px; cursor:pointer; color:#693}
.activefilter{text-decoration:underline; font-weight:bold}