/*
    Document   : lubimovka.ru/main.css
    Created on : Aug 12, 2013, 5:37:24 PM
    Author     : ai
    Description:
        Purpose of the stylesheet follows.
*/

@import "../../protostar/css/template.css";

.container *.main *.categories-list *.item-title {
    font-size:      120%;
    font-weight:    bold;
    margin-top:     2.2em;
}

article label {
    display:        inline-block;
}
.contact-miscinfo *.dl-horizontal *.jicons-text { display:none } /*Q&D*/

body, div, article, aside, header, footer {
    display:        block;
    margin:         0;
    padding:        0;
    /**zoom:        1;*/
}

body {
    background:     white;
    font-family:    Helvetica, Arial, sans-serif;
    font-size:      9.75pt;
    line-height:    1.5;
}

a:link, a:visited {
    color:          #dd3399;
    text-decoration:none;
}
a:hover, a:active {
    text-decoration:underline;
}
a.label, *.badge {
    color:          white;
}

h1 a,
h2 a,
h3 a,
h4 a
{
    color:          #010 !important;
    text-decoration:none !important;
}

.green,
.container aside.tcell,
.container:before
{
    background:     #92D400;
}

.nobkg {
    background: none transparent !important;
}

/*-==[ MAIN LAYOUT SECTION ]==-*/

.container {
    display:        table;
}
.container:before { display: none }
@media (min-width: 1025px) {
    .container:before {
        content:    " ";
        position:   fixed;
        display:    block;
        top:        0;
        height:     100%;
        width:      50%;
        left:       50%;
        z-index:    -1;
    }
}

.container *.main,
.container footer
{
    background:     white;
}

.container *.main,
.container aside.tcell,
.container footer
{
    position:       relative;
}

.container aside.tcell {
    width:          200px;
}

.container *.trow {
    display:        table-row;
    float:          none;
}
.container *.tcell {
    display:        table-cell;
    vertical-align: top; /*!!!*/
    float:          none;
}
.container *.bbox {
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

/*-==[ END LAYOUT ]==-*/

.container {
    width:          85%;
    max-width:      1360px;
    min-width:      766px;
    margin:         0 auto;
}

.container *.left  { float: left  }
.container *.right { float: right }

.container img { max-width: 100%  }
.container p {
    margin:         0;
    padding:        0
}

.container aside.tcell,
.container *.main #logo.right
{
    padding-top:    80px;
}

.container aside.tcell > * {
    margin-left:    -4ex;
}

.container aside.tcell *.moduletable {
    width:          240px; /* CONNECTED WITH FACEBOOK LIKE BOX */
}

/*-==[ RIGHT NEWSFLASH ]==-*/

.container aside.tcell *.newsflash a.with-image {
    display:        block;
    position:       relative;
    height:         11em;
}
.container aside.tcell *.newsflash a.with-image img {
    position:       absolute;
    display:        block;
    clip:           rect(1em,auto,11em,auto);
    top:            -0.7em;
    left:           0;
}
.container aside.tcell *.newsflash.image-top p {
    margin-bottom:  2em;
}
.container aside.tcell *.newsflash-title {
    margin:         0;
    padding:        0;
    font-size:      100%;
    line-height:    1.5;
}
.container aside.tcell *.newsflash-title a {
    color:          black;
}

/*-==[ RIGHT FACEBOOK WIDGETS ]==-*/

.container aside.tcell *.fb_iframe_widget {
    background:     white;
    position:       relative;
    margin-bottom:  1em;
}

.container *.main,
.container footer > div.tcell:first-child
{
    padding-right:  12%;
}
.container *.main {
    background:     white;
}

.container *.main h1
{
    font-size:      14pt;
    font-weight:    bold;
}
.container *.main h2
{
    font-size:      13pt;
    font-weight:    bold;
}
.container *.main h3
{
    font-size:      100%;
    font-weight:    600;
}
.container *.main h4
{
    font-size:      100%;
    font-weight:    normal;
}

/*.container *.main #logo.right img {
    margin-top:     -60px;
    margin-left:    -146px;
    min-width:      360px;
}/***/

.container *.main #logo.right *.moduletable_menu {
    float:          right;
}

.container *.main article.right {
    padding-top:    18px;
    min-height:     600px;
}

.container *.main aside.left {
    padding-top:    30px;
    padding-right:  15px;
}

.container *.main *.nav > li > a:hover,
.container *.main *.nav > li > a:focus
{
    background:     transparent;
    text-shadow:    0 1px 1px rgba(0, 2, 0, 0.3),
                    0 -1px 1px rgba(250, 255, 250, 0.4);
}

.container *.main aside.left *.moduletable {
    float:          right;
    width:          230px;    /*<<<*/
}
@media (max-width: 1024px) {
    .container *.main aside.left *.moduletable {
        width:      200px;    /*<<<*/
    }
}
@media (max-width: 800px) {
    .container *.main aside.left *.moduletable {
        width:      140px;    /*<<<*/
    }
}
.container *.main aside.left *.menu {
    font-weight:    bold;
    text-transform: lowercase;
}

.container *.main article p > img {

    /*** STANDARD ILLUSTRATION ***/

    float:          none;
    display:        block;
    max-width:      100%;
    height:         auto;
  /*margin:         0 auto;*/
}

.container *.main article *.no-heading {
    margin-top:     1.0em;
}

.container *.main aside.left *.menu a,
.container *.main article h2:first-child
{
    text-decoration:none;
    color:          #010;
}
.container *.main aside.left *.menu > li > a,
.container *.main article h2:first-child /*???*/
{
    font-size:      13pt;
    padding-top:    0.25em;
    min-height:     1.5em;
    line-height:    1.1;
    text-rendering: auto;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}
.container *.main aside.left *.menu > * {
    margin-bottom:  1.0em;
}

.container *.main article *.page-header h2 {
    margin-bottom:  0.3em;
}
.container *.main article *.item-page *.page-header:first-child {
    border:         0 none;
    margin-bottom:  0;
}
.container *.main aside.left *.menu *.current.active a,
.container *.main article *.item-page *.page-header:first-child h2,
.container *.main article *.blog > h2:first-child,
.container *.main article *.blog.current-festival *.category-desc > h2,
.container *.main article *.tag-category > h2
{
    background:     #92D400;
}
.container *.main article *.item-page *.tags {
    margin-bottom:  0.6em;
}
.container *.main article *.item-page img {
    margin:         0.5em 0;
}

.container *.main header *.menu a {
    color:          black;
    font-weight:    bold;
    text-transform: lowercase;
}

/*-==[ BLOG ]==-*/

*.blog *.item-image img {
    width:          100%;/*<<< specially for Mozilla >>>*/
    max-width:      240px;
}
.blog *.items-leading > div {
    float:          left;
    width:          100%;
}
.container *.main *.blog *.items-leading *.item-image {
    max-width:      33%;
    margin-top:     1.4em;
}
.tag-category ul.category li img {
    float:          left;
    max-width:      33%;
    margin:         0.2em 1em 0;
}

/*-==[ MATERIAL ]==-*/

.container *.main *.item-page *.item-image {
    max-width:      50%;
}
.container *.main *.item-page *.item-image.pull-none {
    max-width:      100%;
    margin:         auto auto;
}

/*-==[ MISC *.MAIN ELEMENTS ]==-*/

.container *.main *.pull-left.item-image,
.container *.main *.pull-right.item-image
{
    margin-bottom:  0.5em;
}
.container *.main *.readmore {
    float:          right;
}
.container *.main *.readmore *.btn {
    background:     transparent;
    border:         0 none;
    padding:        0;
    box-shadow:         none;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    text-transform: lowercase;
}
.container *.main *.readmore *.btn *.icon-chevron-right {
    float:          right;
    font-size:      0.67em;
    margin-top:     0.40em;
}
.container *.main *.readmore .btn
{
    color:          #92D400;
}

.container *.main #slide-contact {
    min-height:     600px;
}
.container *.main #slide-contact *.thumbnail.pull-right {
    float:          none;
    margin:         8px 0;
}
.container *.main #contact-form *.control-label,
.container *.main #slide-contact *.dl-horizontal dt
{
    width:          30%;
}
.container *.main #contact-form *.controls,
.container *.main #slide-contact *.dl-horizontal dd
{
    margin-left:    33%;
}
.container *.main #slide-contact *.contact-miscinfo dd {
    margin-left:    0;
    text-indent:    1em;
}

.container *.main article *.aiix-aside {
    margin-top:     1em;
}

/*---[ editor styles ]---*/

.container *.main *.float-left {
    float:          left;
    margin-right:   1em;
}
.container *.main *.float-right {
    float:          right;
    margin-left:    1em;
}
.container *.main *.float-none {
    float:          none;
    display:        block;
}
.container *.main img.float-left,
.container *.main img.float-right
{
    max-width:      33%;
}
.container *.main img.float-none {
    max-width:      100%;
}

/*-==[ MISC COMMON ELEMENTS ]==-*/

.icons,
.actions
{
    float:          right;
    margin-left:    0;
    font-size:      9px;
    font-family:    Verdana, sans-serif;
    border:         1px dotted #CCC;
}
.icons ul,
ul.actions
{
    margin:         0;
    /*padding:        0 2em 2px;*/
}

dl.article-info {
    margin:         0;
    padding:        0;
    margin-bottom:  0.5em;
    /*font-size:    50%;*/
}
dl.article-info > * {
    margin:         0;
    padding:        0;
}

.breadcrumb {
    text-align:     right;
}

aside *.moduletable h3,
aside *.moduletable h4
{
    margin-top:     0;
}

.container aside.tcell *.tagspopular {
    margin-bottom:  1em;
}
.container aside.tcell *.tagspopular ul {
    padding:        0;
    margin:         0;
    list-style:     none;
    overflow:       hidden;
}
.container aside.tcell *.tagspopular li {
    background:     #2D6987;
    padding:        0.1em 0.25em;
    border-radius:  5px;
    margin-bottom:  0.5em;
    margin-right:   0.5em;
    float: left;
}
.container aside.tcell *.tagspopular li a {
    color:          white;
}

.container *.breadcrumb > li > *.divider {
    color:          #bba;
}

.container footer *.contacts {
    font-size:      87%;
    font-weight:    bold;
    line-height:    2em;
    padding:        4px;
    background:     #f5f5f5;
    -webkit-border-radius:  4px;
    -moz-border-radius:     4px;
    border-radius:          4px;
    overflow:       hidden;
    color:          #333;
    text-shadow:    0  1px 0 rgba(255,255,255,1),
                    0 -1px 0 rgba(0,0,0,0.15);
}
.container footer *.contacts a {
    color:          #232;
}
.container footer *.contacts ul {
    margin:         0 2% 0 0;
    list-style:     none;
}
.container footer *.contacts li {
    margin:         0;
    padding:        0;
    line-height:    inherit;
}
.container footer *.contacts *.social img {
    margin:         -2px 1ex 0 0;
}
.container footer *.contacts *.social {
    max-width:          23%;
}
.container footer *.contacts *.address {
    width:          47%;
}
.container footer *.contacts *.info {
    width:          25%;
}
.container footer *.contacts *.social span.lb {
    display:    none;
}
@media (min-width: 1100px) {
    .container footer *.contacts *.social span.lb {
        display:    inline;
    }
}

.container footer aside.tcell {
    /*font-size:      87%;*/
    font-weight:    normal;
    line-height:    2em;
    color:          #639000;
    text-shadow:    1px 1px 0 rgba(162,255,100,1);
}
.container footer aside.tcell ul {
    margin-left:    50px;
    list-style:     none;
    width:          100%;
}
.container footer aside.tcell a {
    color:          #639000;
}
.container footer aside.tcell ul span.credit-label {
    display:        inline-block;
    width:          7ex;
    text-align:     right;
}

.fb-like iframe {
    min-width:      450px; /* fix template.css */
}

.container *.main *.fb-comments,
.container *.main *.fb-comments > span,
.container *.main *.fb-comments iframe
{
    width:          100% !important;
}

.aiix-aside > div {
    float:          left;
    clear:          none !important;
    margin-right:   1em;
    margin-bottom:  1em;
}

.container *.main *.sige_cont_0 {
    width:          25%;/*33.2%;*/
    min-width:      120px;
    height:         auto;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}