html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 text-decoration:none;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}

body
{
background:#fafafa;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* HEADER */

.header
{
background:#DB6646;
width:100%;
position:fixed;
top:0;
z-index:1000;
height:43px;
box-shadow:0 -1px rgba(0,0,0,.1) inset, 0 1px 3px rgba(0,0,0,0.2);
}

.limiter
{
margin:0 auto;
max-width:1024px;

position:relative;
}



.normal, .homb, .addf, .mobm
{
color:#FFE7E0;
padding:0 20px;
transition:all 0.2s;
font-size:13px;
text-shadow:0 1px rgba(0,0,0,.1);
float:left;
height:43px;
line-height:43px;
border-left:1px solid rgba(255,255,255,.1);
border-right:1px solid rgba(0,0,0,.1);
display:block;
font-weight:bold;
}

.homb
{
border-left:none;
font-weight:bold;
color:#fff;
padding:0 10px;
font-size:30px;
line-height:36px;
font-family: 'Lobster', cursive;
}

.homb span
{
margin-left:5px;
letter-spacing:-2px;
}
.normal:last-child
{
box-shadow:1px 0 rgba(255,255,255,.1);
}

.navbar a:hover
{
color:#fff;
}

.favorites
{
float:right;
}

.knopki
{
float:left;
padding:0 1px 0 0;
}

.addf, .mobm
{
margin:8px 0;
display:block;
background:#333;
line-height:37px;
border-radius:5px;
font-size:12px;
border:#555;
color:#fff;
box-shadow:0 1px rgba(0,0,0,.1) inset, 0 -1px rgba(0,0,0,.1) inset, 1px 0 rgba(0,0,0,.1) inset, -1px 0 rgba(0,0,0,.1) inset;
}

.addf
{
display:none;
}

.addf:hover, .mobm:hover
{

text-shadow:0 1px rgba(0,0,0,.1);
}

.mobm
{
height:43px;
margin:0;
font-size:24px;
line-height:40px;
border:none;
box-shadow:none;
background:none;
border-radius:0;
color:#fff;
margin:0;
padding:0 10px 0 0;
}

.mobm
{
display:none;
}

.toolt
{
position:absolute;
background:rgba(255,255,255,.8);
box-shadow:0 2px 5px -1px #bbb inset, 0 -1px #ddd inset;
top:43px;
z-index:10000;
padding:0 10px 10px 10px;
left:0;
border-radius:0 0 5px 5px;
margin:0 10px;
display:none;
}

.toolt span
{
display:block;
margin:0 0 0 0;
border-bottom:1px solid #ddd;
padding:0 0 0;
box-shadow:0 1px rgba(255,255,255,.5);
}

.toolt span:last-child
{
border-bottom:none;
padding:0;
box-shadow:none;
}

.toolt a
{
display:inline-block;
background:#fff;
padding:5px;
border-radius:5px;
box-shadow:1px 0 rgba(255,255,255,.2) inset;
font-size:12px;
text-align:center;
color:#666;
width:70px;
margin:10px 15px 0 0;
}

.toolt table, .toolt tr
{
margin:0;
padding:0;
}

.toolt td
{
margin:0;
padding-right:5px;
}

.toolt a:last-child
{
margin:5px 0;
}


.toolt a:hover
{
background:#E3613D;
}

.toolt p a
{ 
background:#469DDB;
margin:15px 0 0 0!important;
color:#fff;
display:inline-block;
text-shadow:0 1px 1px rgba(0,0,0,0), 0 -1px 1px rgba(255,255,255,0.2);
padding:5px;
border-radius:5px;
box-shadow:1px 0 rgba(255,255,255,0) inset;
text-shadow:0 1px rgba(0,0,0,.1);
font-size:12px;
}

/* BODY */

.body
{
overflow:hidden;
max-width:1024px;
margin:0 auto;
position:relative;
margin-top:33px;
}

.lefter
{
margin-right:310px;
padding-top:10px;
padding-left:2px;
}

.righter
{
float:right;
width:300px;
background:#fff;
margin-top:20px;
}

.fixedbox
{
width:300px;
height:280px;
position:fixed;
background:#ccc;
border-radius:3px;
}

.adv
{
margin-top:290px;
}

.footer
{
position:fixed;
bottom:0;
width:280px;
padding:10px;
font-size:15px;
color:#fff;
background:#fafafa;
box-shadow:0 -5px 10px -5px #fafafa;
color:#666;
font-size:12px;
}

.fmenu a
{
display:inline-block;
background:#fff;
padding:5px;
border-radius:5px;
box-shadow:1px 0 rgba(255,255,255,.2) inset;
margin:5px 0 0 0;
font-size:12px;
color:#666;
}

.fmenu a:hover
{
background:#E3613D;
color:#fff;
}

.topbar
{
width:auto;
margin:0 0 10px;
border-radius:3px;
background:#40D4F5;
margin-top:10px;
padding:5px 0;
box-shadow:0 1px 3px #ddd;
font-family: 'Cuprum', cursive;
text-shadow: 0 1px 1px #2DAFCC;
}

.topbarlimiter
{
margin:0 5px;
padding:10px;
border:1px dashed #2DAFCC;
display:block;
border-radius:2px;
color:#fff;
box-shadow:0 1px 1px #6EDCF5, 1px 0 1px #6EDCF5, 0 -1px 1px #6EDCF5, -1px 0 1px #6EDCF5;
}

/* MATERIAL */

.article
{
padding:10px 0;
margin:0 0 10px;
box-shadow:0 1px 3px #ccc;
position:relative;
overflow:hidden;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr, ._5v4, ._5vc, ._5v8 
{
display:none!important;
visibility:hidden!important;
}

.imagecentrator
{
width:auto;
float:left;
margin:0 10px;
text-align:center;
width:100%;
max-width:460px;
padding:2px 2px 0 2px;
background:#fff;
}

.mainpimg
{
max-width:460px;
width:100%;
display:inline-block;
margin:0;
}

.desc
{
margin:0 10px;
width:auto;
margin-left:480px;
}

.descsmall
{
display:none;
}

.added, .viewbox, .share
{
font-family: 'Cuprum', cursive;
font-size:14px;
display:block;
color:#777;
}

.stickit {
 margin-left: 484px;
 position: fixed;
 top: 0px;
 max-width:220px;
 width:auto;
margin-top:46px;
}

.stickit-end {
 bottom: 10px;
 position: absolute;
 left:4px;
}

.viewbox
{
margin-top:5px;
display:none;
}

.viewbox span i
{
padding-left:5px;
}

.sh
{
font-family: 'Cuprum', cursive;
font-size:17px;
display:block;
margin-top:10px;
color:#2DAFCC;
padding:0;
}

.share
{
font-size:28px;
color:#666;
padding:0;
width:170px;
border-radius:7px;
margin-top:0;
overflow:hidden;
height:35px;
position:relative;
top:-5px;
left:-3px;
}

.share a
{
color:#666;
}

.like
{
font-size:28px;
color:#666;
padding:4px 0;
width:154px;
border-radius:7px;
z-index:999999;
margin-bottom:0;
}

.brandico-facebook-rect:hover
{
color:#4379D1;
}

.brandico-vkontakte-rect:hover
{
color:#6078BF;
}

.brandico-odnoklassniki-rect:hover
{
color:#F2A529;
}

.brandico-twitter-bird:hover
{
color:#14E8F7;
}

.titleb, .titles
{
font-family: 'Cuprum', cursive;
font-size:24px;
display:block;
color:#D9461E;
}


@media screen and (max-width: 62em){

.righter
{
display:none;
}

.lefter
{
margin-right:0;
margin:0 10px;
}

.limiter
{
min-width:220px;
}

}


@media screen and (max-width: 44em){

.like
{
display:none;
}

.body
{
background:#eee;
}

.added
{
display:none;
}

.titleb
{
display:none;
}


.descsmall
{
display:block;
clear:both;
padding:0 10px 10px;
margin:0;
}

.article
{
padding:10px 0 2px;
box-shadow:none;
border-bottom:3px solid #444;
border-top:3px solid #444;
margin:0 10px 10px;
background:#fff;
box-shadow:0 1px 3px #aaa;
}

.toolt
{
top:43px;
width:100%;
padding:0 0 10px 0;
margin:0;
border-radius:0;
}

.toolt p
{
margin-left:10px;
}

.toolt span
{
margin:0 10px;
}

.imagecentrator
{
clear:both;
float:none!important;
width:auto;
margin:0;
background:none;
display:block;
background:#fff;
text-align:center;
max-width:100%;
padding:0;
}

.mainpimg
{
max-width:560px;
width:100%;
margin:-2px 0;
}

.lefter
{
margin-right:0;
margin:0;
padding:0;
}

.topbar
{
margin:20px 10px 10px;
}

.desc
{
margin:0 10px 0;
text-align:center;
}

.desc div
{
margin:0 auto;
padding:0;
font-size:16px;
line-height:18px;
text-align:center;
}

.sh
{
display:none;
}

.viewbox
{
margin-left:10px!important;
}

.share
{
font-size:24px!important;
background:none;
line-height:0px!important;
text-align:center;
margin:0 auto;
top:0;
}

.imagecentrator
{
box-shadow:0 -1px 3px #ddd;
}

.stickit {
 position: static;
 max-width:100%
}

.stickit-end {
 position: static;
}


}


@media screen and (max-width: 28em){

.homb
{
border-right:0;
font-size:24px;
font-weight:bold;
}

.knopki
{
width:100%;
display:none;
}


.normal
{
display:block;
float:none;
width:100%;
background:#469DDB;
text-align:center;
height:30px;
font-size:20px;
line-height:30px;
color:#156EAD;
font-weight:bold;
text-shadow:0 -1px 1px rgba(255,255,255,.2);
border-top:1px dotted rgba(255,255,255,.2);
padding:0;
}

.normal:first-child
{
border-top:1px solid #156EAD;
box-shadow:0 2px 4px -2px #156EAD inset;
}
.normal:hover
{
color:#156EAD!important;
}

.mobm
{
display:block;
}
.toolt
{
Top:75px;
}
}