/* WWW.FALESNI-HRACI.CZ, MEDIA SCREEN */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin,latin-ext);

html, body {
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

html {
    background: rgb(0, 0, 0) url('../images/html.png');
    font-size: 100.00%;
    margin: 0;
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    color: rgb(255, 255, 255);
    font: normal normal normal 1em/normal sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
}

body > div.foot {
    background: transparent;
    /*border-top: 1px solid rgb(33,27,22);*/
    position: relative;
    width: 100%;
    z-index: 1;
}

body > div.foot span.shadow {
    background: url('../images/foot-shadow.png') repeat-x;
    height: 271px;
    left: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
}

body > div.foot p {
    color: rgb(66, 48, 31);
    font: 0.8em/1 'Roboto Slab';
    margin: 0 auto 0 auto;
    padding: 150px 145px;
    text-align: right;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

#foot_logo {
    position: absolute;
    bottom: 52px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    opacity: 0.3;
}

a img {
    border: none;
}

abbr, acronym {
    cursor: help;
}

blockquote, q {
    quotes: none;
}

dl, form, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0;
    padding: 0;
}

form label {
    cursor: pointer;
}

form button[type='button'], form button[type='submit'], form input[type='button'], form input[type='submit'] {
    cursor: pointer;
    margin: 0;
    padding: 0;
    -webkit-appearance: button;
}

form button[disabled], form input[disabled] {
    cursor: default;
}

form button[type='button']::-moz-focus-inner, form button[type='submit']::-moz-focus-inner, form input[type='button']::-moz-focus-inner, form input[type='submit']::-moz-focus-inner {
    border: 0;
    padding: 0;
}

form input[type='text'], form input[type='password'], form select {
    margin: 0;
}

form input[type='radio'] + label, form input[type='checkbox'] + label {
    float: none !important;
    width: auto !important;
}

form textarea {
    margin: 0;
    overflow: auto;
    resize: none;
}

hr {
    border: none;
    margin: 0;
}

img {
    display: inline-block;
    -ms-interpolation-mode: bicubic;
}

ins {
    text-decoration: none;
}

ol li {
    list-style-type: decimal;
}

ul li {
    list-style-type: square;
}

sup {
    position: relative;
    top: -0.5em;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
    position: relative;
    vertical-align: baseline;
}

table {
    border-collapse: collapse;
    margin: 0;
}

div.wrapper {
    clear: both;
}

div.spacer {
    clear: both;
}

span.ico {
    overflow: hidden !important;
    position: absolute;
}

a span.ico {
    cursor: pointer;
}

/* TISKOVA HLAVICKA */

div.print-header {
    display: none;
}

/* STRANKA */

div[class$='page'] {
    background: rgb(255, 255, 255) url('../images/page.png') left bottom repeat-x;
    border: 10px solid #160e00;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    margin: 116px auto -96px auto;
    position: relative;
    width: 980px; /*62em;*/
    max-width: 100%;
    z-index: 2;
}

/* HLAVICKA: logo, langmenu */

div[class$='page'] div.header {
    height: 116px;
    margin-top: -116px;
    position: relative;
    text-align: center;
}

/* langmenu */

div.header div.langmenu {
    position: absolute;
    right: -3px;
    top: 10px;
}

div.header div.langmenu li {
    border: 5px solid #160e00;
    float: left;
    font: 0.625em/12px Tahoma, sans-serif;
    list-style: none;
    margin: 0 0 0 4px;
}

div.header div.langmenu li.cs {
    height: 22px;
    width: 28px;
}

div.header div.langmenu li.en {
    height: 22px;
    width: 35px;
}

div.header div.langmenu li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 100%;
    opacity: 0.7;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%;
}

div.header div.langmenu li a.active, div.header div.langmenu li a:hover {
    opacity: 1;
}

div.header div.langmenu li.cs span.ico {
    background: url('../images/icons-h.png') -301px center no-repeat;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

div.header div.langmenu li.en span.ico {
    background: url('../images/icons-h.png') -319px center no-repeat;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

/* OBSAH: */

div.content {
    color: #222;
}

div.content a {
    /*color: rgb(186,127,0);*/
    color: #0a85be;
}

div.content a:hover {
    color: #A70202;
}

div.content p.button {
    text-align: right;
}

div.content a.button, div.content a.button:hover {
    color: #222;
    text-decoration: none;
}

div.content address {
    font: 0.9em/1.4 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    margin: 0 0 16px 0;
}

div.content b {
    font: 1em/23px 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.content blockquote {
    background: rgb(255, 239, 201);
    border-left: 7px solid #efb325;
    color: #755E22;
    margin: 0 0 30px 0;
    padding: 13px 60px 0 16px;
    position: relative;
}

div.content blockquote span.ico {
    background: url('../images/icons-h.png') -264px center no-repeat;
    height: 27px;
    padding: 1px 0 0 0;
    right: 8px;
    top: 8px;
    width: 37px;
}

div.content blockquote p {
    font: bold italic 1.1em/1.3 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.content code {
    font: 1.25em/normal monospace;
}

div.content dl, div.content dd {
    font: 0.9em/1.4 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    margin: 0 0 16px 0;
}

div.content em {
    font: 1em/23px 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.content form fieldset {
    border: none;
}

div.content form fieldset.submit {
    padding-left: 10em;
}

div.content form p {
    font: 0.875em/normal sans-serif;
}

div.content form legend {
    font: bold 0.875em/normal sans-serif;
}

div.content form label {
    float: left;
    padding-top: 9px;
    width: 10.7em;
}

div.content form input[type='text'], div.content form input[type='password'] {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    color: rgb(204, 204, 204);
    font: 1em/1 sans-serif;
    padding: 8px 7px 6px 7px;
}

div.content form input[type='submit'], div.content form button[type='submit'], div.content a.button {
    background: #efb325;
    border: 1px solid rgb(205, 155, 0);
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
    font: 800 1.15em/1 'Open Sans', Impact, 'Techno CE', sans-serif;
    padding: 7px 25px 7px 25px;
    position: relative;
    text-shadow: 0 0 10px rgb(248, 210, 121);
    text-transform: uppercase;
}

.button.button-block {
    display: block;
    text-align: center;
}

div.content form input[type='submit']:hover, div.content form button[type='submit']:hover, div.content a.button:hover {
    text-shadow: 0 0 10px rgb(255, 255, 255);
    background: #f7bd35;
}

div.content form textarea {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    color: rgb(204, 204, 204);
    font: 1em/normal sans-serif;
    padding: 8px 7px 6px 7px;
}

div.content form select {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    color: rgb(204, 204, 204);
    font: 1em/1 sans-serif;
    padding: 8px 7px 6px 7px;
}

div.content strong {
    /*
    color: rgb(186,127,0);
    font: 1em/23px  'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    */
}

div.content h1 {
    color: #373431;
    font: 800 1.9em/1.1 'Open Sans', Impact, 'Techno CE', sans-serif;
    margin: 0 0 16px 0;
    text-transform: uppercase;
}

div.content h2 {
    color: #373431;
    font: 800 1.1em/1.2 'Open Sans', Impact, 'Techno CE', sans-serif;
    margin: 0 0 16px 0;
    text-transform: uppercase;
}

div.homepage div.content h2 {
    font: 800 1.9em/1.2 'Open Sans', Impact, 'Techno CE', sans-serif;
    text-transform: uppercase;
}

div.content h3 {
    color: #373431;
    font: 800 1.1875em/1.2 'Open Sans', Impact, 'Techno CE', sans-serif;
    margin: 0 0 16px 0;
    text-transform: uppercase;
}

div.homepage div.content h3 {
    font: 800 1.1em/1.2 'Open Sans', Impact, 'Techno CE', sans-serif;
    text-transform: uppercase;
}

div.content h4 {
    color: #373431;
    font: 800 0.9em/1.4 'Open Sans', Impact, 'Techno CE', sans-serif;
    margin: 0 0 16px 0;
}

div.content h5 {
    color: #373431;
    font: 800 1em/1.2 'Open Sans', Impact, 'Techno CE', sans-serif;
    margin: 0 0 16px 0;
}

div.content h6 {
    color: #373431;
    font: 800 1em/1.2 'Open Sans', Impact, 'Techno CE', sans-serif;
    margin: 0 0 16px 0;
}

div.content hr {
    background: rgb();
    color: rgb();
    height: 1px;
}

div.content i {
    font: 1em/23px 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.content img.on-left {
    float: left;
    margin: 5px 40px 10px 0;
}

div.content img.on-right {
    float: right;
    margin: 5px 0 10px 40px;
}

div.content ol, div.content ul {
    margin: 0 0 16px 25px;
}

div.content li ol, div.content li ul {
    margin: 0 0 -6px 25px;
}

div.content ol li {
    font: 0.9em/1.4 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.content ul li {
    font: 0.9em/1.4 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    list-style-type: disc;
    margin-bottom: 5px;
}

div.content li ol li, div.content li ul li {
    font: 1em/normal 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.content p {
    font: 0.9em/1.4 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    padding: 0 0 16px 0;
}

div.content table {
    border-collapse: collapse;
    margin: 0 0 16px 0;
    width: 100% !important;
    table-layout: fixed;
}

div.content table table, div.content table table tbody {
    /*width: auto !important;*/
    height: 100%;
    background: #fff;
}

div.content table table tbody {

}

div.content table caption {
    background: rgb(204, 204, 204);
    font: 0.9em/1.4 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    padding: 7px 10px 7px 10px;
}

div.content table th {
    background: #eee;
    border: 1px solid rgb(204, 204, 204);
    font: 0.9em/1.4 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    padding: 7px 11px;
    text-align: left;
}

div.content table th label {
    padding-top: 0;
    float: none;
}

div.content table td {
    border: 1px solid rgb(204, 204, 204);
    font: 0.9em/1.4 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    padding: 7px 10px 7px 10px;
}

.logo a img {
    color: #555;
}

/* hlavni menu */

div.content div.mainmenu {
    background: rgb(40, 38, 33) url('../images/mainmenu.png') repeat-x;
    border-top: 1px solid rgb(100, 87, 55);
    text-align: center;
}

div.content div.mainmenu ol {
    margin: 0;
    padding: 0;
}

div.content div.mainmenu li {
    display: inline-block;
    font: 800 1.1em/1 'Open Sans', Impact, 'Techno CE', sans-serif;
    padding: 14px 14px;
    position: relative;
    text-shadow: 0 0 3px rgb(0, 0, 0);
    text-transform: uppercase;
}

div.content div.mainmenu li span.ico {
    background: url('../images/icons-v.png') center 0 no-repeat;
    bottom: 0;
    display: none;
    height: 6px;
    left: 0;
    width: 100%;
}

div.content div.mainmenu a {
    color: rgb(206, 183, 128);
    text-decoration: none;
}

div.content div.mainmenu a.active, div.content div.mainmenu a:hover {
    color: #efb325;
}

div.content div.mainmenu a.active + span.ico {
    display: block;
}

div.content div.mainmenu a.active {
    cursor: default;
}

/* pagemenu */

div.content div.pagemenu ul {
    border-top: 1px solid rgb(255, 2339, 201);
    margin: 0 0 30px 0;
}

div.content div.pagemenu li {
    margin-bottom: 2px;
    font: 800 0.95em/1.2 'Open Sans', Impact, 'Techno CE', sans-serif;
    list-style: none;
    text-transform: uppercase;
}

div.content div.pagemenu a {
    background: #fdf1d4;
    border-left: 5px solid rgb(248, 214, 133);
    box-shadow: 1px 0 0 rgb(255, 2339, 201) inset;
    color: #6b5e3b;
    display: block;
    padding: 8px 10px;
    text-decoration: none;
}

div.content div.pagemenu a.active, div.content div.pagemenu a:hover {
    background: rgb(244, 211, 133);
    border-left: 5px solid #efb325;
    color: rgb(34, 25, 0);
}

.pagemenu.pagemenu-sec {
    margin-top: -29px;
}

/* rozlozeni sloupcu */

div.homepage div.content div.left-column {
    float: left;
    margin: 23px 0 15px 25px;
    width: 46%;
}

div.homepage div.content div.right-column {
    float: right;
    margin: 30px 29px 10px 0; /*29px=30px*/
    width: 45%; /*29.0625em;*/
}

div.page div.content div.left-column {
    float: left;
    margin: 20px 31px 40px 28px; /*28px=1.75em;*/
    width: 62.5%; /*38.4375em;*/
}

div.page div.content div.right-column {
    float: right;
    margin: 26px 31px 40px 0; /*31px=1.9375em*/
    width: 28%; /*16.375em;*/
}

div.page.inquiry div.content div.left-column {
    width: auto; /*100%;*/
}

.form-inquiry {
    margin-top: 6px;
}

.form-inquiry fieldset {
    padding-left: 0;
    padding-right: 18px;
}

/* slider */

div.content div.slider {
    height: 312px;
    padding: 0 0 30px 0;
    width: 100%; /*632px;*/
    margin-top: -13px;
}

div.content div.slider div.items {
    position: static !important;
}

div.content div.slider div.item {
    height: 312px;
    overflow: hidden;
    width: 432px;
    max-width: 100%;
}

div.content div.slider img {
    left: 0;
    position: absolute;
    top: 0;
    /*max-width: 9999px;*/
}

div.content div.slider p.caption {
    background: #000;
    background: #333;
    bottom: 10px;
    color: rgb(255, 255, 255);
    font: 800 0.9em/normal 'Open Sans', Impact, 'Techno CE', sans-serif;
    left: 0;
    padding: 14px 100px 14px 13px;
    position: absolute;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
    width: 480px;
}

div.content div.slider div.bx-wrapper {
    position: relative;
}

div.content div.slider div.bx-controls {
    bottom: 11px;
    position: absolute;
    right: 20px;
    z-index: 52;
}

div.content div.slider div.bx-controls a.bx-pager-link {
    color: rgb(96, 71, 44);
    font: 30px/1 Tahoma;
    margin: 0 -5px 0 9px;
    text-decoration: none;
}

div.content div.slider div.bx-controls a.bx-pager-link.active, div.content div.slider div.bx-controls a.bx-pager-link:hover {
    color: rgb(199, 147, 86);
}

iframe {
    max-width: 100%;
}

div.video {
    clear: both;
    margin: 30px 25px;
}

/* predstaveni */

div.content div.performances {
    /*float: right;*/
    margin: 11px 0 20px 0;

    /*width: 28%;*//*17.5em;*/
}

div.content div.performances p:not(.more) {
    font: 0.9375em/20px 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.content div.performances ul {
    margin-left: 0;
}

div.content div.performances li {
    background: url('../images/performances-li.png') 14px 8px no-repeat;
    font: 0.8em/1.3 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    list-style: none;
    padding: 0 0 0 30px;
    margin-bottom: 8px;
}

div.content div.performances li a {
    /*text-decoration: none;*/
}

div.content div.performances p.more {
    font: 800 1em/1 'Open Sans', Impact, 'Techno CE', sans-serif;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    text-align: right;
    text-shadow: 0 0 10px rgb(248, 210, 121);
    text-transform: uppercase;
}

div.content div.performances p.more a {
    background: #efb325;
    border: 1px solid rgb(205, 155, 0);
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
    color: rgb(0, 0, 0);
    display: inline-block;
    padding: 7px 15px 7px 15px;
    text-decoration: none;
}

div.content div.performances p.more a.button-block {
    display: block;
    text-align: center;
}

div.content div.performances p.more a:hover {
    text-shadow: 0 0 10px rgb(255, 255, 255);
}

/* blog */

.preamblebl {
    float: left;
    width: 67%;
}

div.content div.blog {
    background: rgb(246, 244, 238);
    border-bottom: 1px solid rgb(229, 224, 210);
    border-top: 1px solid rgb(229, 224, 210);
    padding: 21px 0.0625em 0 0.0625em;
}

div.content div.blog > p:first-child {
    color: #373431;
    font: 800 1.4em/normal 'Open Sans', Impact, 'Techno CE', sans-serif;
    margin: 0 25px 0 25px;
    text-transform: uppercase;
}

div.content div.blog div.item {
    border-top: 9px solid rgb(234, 228, 211);
    float: left;
    margin: 0;
    min-height: 245px;
    padding: 20px 1.25em 0 1.25em;
    width: 33.333%;
}

div.content div.blog div.item:first-child {
    margin-left: 0.125em;
}

div.content div.blog div.item:last-child {
    margin-right: 0.125em;
}

div.content div.blog div.item:hover {
    background: rgb(251, 237, 205);
    border-top: 9px solid #efb325;
}

div.content div.blog div.item p:first-child {
    margin: 0 0 8px 0;
    padding: 0;
    text-align: center;
}

div.content div.blog div.item img {
    display: inline;
}

div.content div.blog div.item h3 {
    font: 800 1.1em/22px 'Open Sans', Impact, 'Techno CE', sans-serif;
    margin: 0 0 12px 0;
}

div.content div.blog div.item h3 a {
    color: #373431;
    text-decoration: none;
}

div.content div.blog div.item h3 a:hover {
    color: rgb(30, 28, 24);
}

/* klienti */

div.content div.our-clients {
    float: left;
    margin: 0 0 24px 0;
    padding: 24px 0 0 24px;
    width: 64%; /*39.4375em;*/
}

div.content div.our-clients p {
    font: 0.9375em/normal 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.content div.our-clients > p:first-child {
    color: #373431;
    font: 800 1.4em/normal 'Open Sans', Impact, 'Techno CE', sans-serif;
    text-transform: uppercase;
}

div.content div.our-clients p.logos {
    border: 1px solid rgb(241, 241, 241);
    line-height: 76px;
    margin: 0 0 20px -24px;
    padding: 14px 0 14px 24px;
    text-align: center;
}

div.content div.our-clients p.logos img {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: middle;
}

/* facebook */

div.content div.facebook {
    /*float: right;*/
    margin: 0 0 24px 0;
    padding: 24px 0 0 0;
    /*width: 31%;*//*286px;*/
}

div.content div.facebook > p:first-child {
    color: #373431;
    font: 800 1.4em/normal 'Open Sans', Impact, 'Techno CE', sans-serif;
    text-transform: uppercase;
}

#social_top {
    position: absolute;
    right: -1px;
    top: -37px;
}

#social_top a {
    opacity: 0.85;
}

#social_top img {
    width: 32px;
    height: 32px;
}

#social_top a:hover {
    opacity: 1;
}

/* PATICKA: */

div.footer {
    border-top: 1px solid rgb(235, 235, 235);
    margin: 0 14px 0 14px;
    padding: 20px 0 30px 0;
}

div.footer div.site-owner {
    float: left;
    margin: 5px 0 0 10px;
    width: 33%;
}

div.footer div.site-owner p {
    color: rgb(35, 35, 35);
    font: 0.8em/1.7 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    white-space: nowrap;
}

div.footer div.site-owner img {
    float: left;
    margin-right: 18px;
    margin-top: 3px;
}

div.footer div.quick-contact {
    float: left;
    margin: 15px 0 0 0;
    text-align: center;
    width: 33%;
}

div.footer div.quick-contact p {
    color: rgb(35, 35, 35);
    font: 1.3em/28px 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.footer div.quick-contact samp {
    font: 1em/28px 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

div.footer div.quick-contact a {
    color: rgb(35, 35, 35);
    text-decoration: none;
}

div.footer div.quick-contact a:hover {
    text-decoration: underline;
}

div.footer div.social-sites {
    float: right;
    margin-bottom: 10px;
    margin-right: 10px;
}

div.footer div.social-sites li {
    float: left;
    font: 0.75em/33px sans-serif;
    height: 33px;
    list-style: none;
    margin: 0 0 0 14px;
    overflow: hidden;
    text-align: center;
    width: 33px;
}

div.footer div.social-sites a {
    color: transparent;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

div.footer div.social-sites span.ico {
    height: 33px;
    left: 0;
    padding: 1px 0 0 0;
    top: 0;
    width: 33px;
}

div.footer div.social-sites li.gplus span.ico {
    background: url('../images/icons-h.png') -380px center no-repeat;
}

div.footer div.social-sites li.linkedin span.ico {
    background: url('../images/icons-h.png') 0 center no-repeat;
}

div.footer div.social-sites li.twitter span.ico {
    background: url('../images/icons-h.png') -33px center no-repeat;
}

div.footer div.social-sites li.youtube span.ico {
    background: url('../images/icons-h.png') -66px center no-repeat;
}

div.footer div.social-sites li.facebook span.ico {
    background: url('../images/icons-h.png') -99px center no-repeat;
}

div.footer div.social-sites li.linkedin a:hover span.ico {
    background: url('../images/icons-h.png') -132px center no-repeat;
}

div.footer div.social-sites li.gplus a:hover span.ico {
    background: url('../images/icons-h.png') -413px center no-repeat;
}

div.footer div.social-sites li.twitter a:hover span.ico {
    background: url('../images/icons-h.png') -165px center no-repeat;
}

div.footer div.social-sites li.youtube a:hover span.ico {
    background: url('../images/icons-h.png') -198px center no-repeat;
}

div.footer div.social-sites li.facebook a:hover span.ico {
    background: url('../images/icons-h.png') -231px center no-repeat;
}

div.footer p.copyright {
    clear: right;
    color: rgb(35, 35, 35);
    /*float: right;*/
    font: 0.8em/1.7 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    margin-right: 10px;
    text-align: right;
}

div.footer p.copyright a {
    color: #555;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('../images/fancybox.png');
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('../images/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('../images/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('../images/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('../images/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancybox-bg {
    display: none;
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('../images/fancy_title_over.png');
    display: block;
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap;
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('../images/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('../images/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('../images/fancybox.png') -55px -90px no-repeat;
}

.form-inquiry fieldset {
    float: left;
    font-size: 90%;
}

div.content form fieldset.services input.inquiry {
    width: 35px;
    text-align: right;
    padding: 2px;
}

div.content form fieldset.services label {
    text-align: left;
    padding: 0;
}

div.content form fieldset.services table th { /*padding: 5px 5px;*/
}

div.content form.form-inquiry input.btn { /*float:right;*/
    margin-top: 59px;
}

.red {
    color: #a70202;
}

a .red {
    color: #a70202;
    text-decoration: underline;
}

.fb-like {
    min-height: 26px;
    padding: 4px 0;
}

.items {
    width: 66.7%;
    float: left;
}

div.blog-category {
    width: 30%;
    float: right;
    padding: 0;
    margin: 0;
    background: none;
}

div.blog-category ul {
    margin: 5px 0 0 0;
    padding: 0;
}

div.blog-category li {
    margin: 0 0 2px 0 !important;
    padding: 0;
    list-style-type: none !important;
}

div.blog-category li a {
    display: block;
    color: #514013;
    text-decoration: none;
    padding: 10px 10px;
    background: #fdf1d4;
    text-transform: uppercase;
    font: 800 1.2em/1 'Open Sans', Impact, 'Techno CE', sans-serif;
    border-left: 5px solid #f8d685;
}

div.blog-category li.active a {
    background: #f4d385;
    border-color: #efb325;
}

div.blog-category a:hover {
    background: #efd79d;
    border-color: #eecc7c;
    color: #000;
}

.items .item {
    margin: 10px 0 0 0;
    position: relative;
}

.items .item h3 {
    clear: left;
}

.items .item h3 a {
    font-size: 28px;
    text-decoration: none;
    color: #373431;
}

.items .item img {
    float: left;
    margin: 0 20px 12px 0;
    max-width: 100%;
}

.blog-date, .blog-category {
    display: inline-block;
    background: #eee;
    padding: 5px 8px;
    margin-right: 6px;
    color: #888;
    margin-bottom: 8px;
    position: relative;
    top: -1px;
    font: 0.8em/1 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
}

.items .item .more {
    text-transform: uppercase;
    font: 800 0.9em/1 'Open Sans', Impact, 'Techno CE', sans-serif;
    background: #eee;
    padding: 6px 16px;
    text-decoration: none;
    position: absolute;
    bottom: 16px;
    right: 0;
}

.items .item .more:hover {
    background: #ccc;
}

.items .item .bottom {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 15px;
    margin-top: 15px;
}

.pagination {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    width: 62%;
    float: left;
    clear: left;
}

.pagination .prev {
    float: left;
}

.pagination .next {
    float: right;
    margin: 0;
}

.pagination a {
    text-transform: uppercase;
    font: 800 0.9em/1 'Open Sans', Impact, 'Techno CE', sans-serif;
    background: #eee;
    text-decoration: none;
    display: inline-block;
    padding: 6px 10px;
    margin-right: 8px;
}

.pagination a:hover {
    background: #ccc;
}

.pagination span.active a {
    background: none;
    color: #444;
}

.pagination .disabled {
    opacity: 0.05;
    cursor: default;
}

.comments {
    margin-top: 30px;
}

.preamble h1 {
    display: none;
}

.full { /*max-width:50em;*/
}

.full .preamble * {
    font-weight: bold;
}

img.article.float-left {
    float: right;
    margin: 0 0 12px 20px;
}

.float-right {
    float: right;
}

a.back {
    float: left;
    background: #eee;
    padding: 8px 16px;
    display: inline-block;
    margin-top: -20px;
}

a.back, .tGray.float-right, div.content form legend {
    text-transform: uppercase;
    text-decoration: none;
    font: 800 0.9em/1 'Open Sans', Impact, 'Techno CE', sans-serif;
}

a.back:hover {
    background: #ddd;
}

.tGray.float-right {
    margin-top: 55px !important;
}

textarea:focus, input[type=text]:focus, input[type=password]:focus {
    border-color: #777 !important;
    -webkit-box-shadow: 0px 0px 10px 0px #f0d188;
    box-shadow: 0px 0px 10px 0px #f0d188;
}

textarea, input[type=text], input[type=password] {
    color: #333 !important;
}

.reference {
    display: block;
    margin: 0 !important;
    padding: 0;
    list-style-type: none;
}

.reference li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.reference li a {
    display: block;
    width: 151px;
    min-height: 100px;
    height: 100px;
    border-left: 1px solid #eee;
    text-align: center;
}

.reference li a:hover {
    border-color: #ccc;
}

.reference li a img {
    width: 100px;
    max-height: 80px;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: -50px;
}

.fb-like {
    margin-bottom: 0;
    margin-top: 10px;
}

#___plusone_0 {
    margin-bottom: 45px !important;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom: 1;
}

#toggle {
    display: none;
    font: 800 19px/44px 'Open Sans', Impact, 'Techno CE', sans-serif;
    text-transform: uppercase;
}

#toggle b {
    font-size: 30px;
    position: relative;
    top: 2px;
}

.preamble td a, .preamble th a, .perex td a, .perex th a {
    color: #514013;
    text-decoration: none;
    display: inline-block;
    padding: 3px 5px;
    text-transform: uppercase;
    font: 800 1.2em/1 'Open Sans', Impact, 'Techno CE', sans-serif;
    max-width: 100%;
}

div.content form input[type='submit'], div.content form button[type='submit'], div.content a.button {
    display: inline-block;
    padding: 13px 25px;
}

/*div.content table th { width: 100%; }*/


@media only screen and (min-width: 1080px) {

    #social_top {
        position: fixed;
        left: 50%;
        right: auto;
        top: 50%;
        margin-top: -80px;
        margin-left: -540px;
    }

    #social_top a {
        display: block;
        margin: 4px;
        width: 48px;
        height: 48px;
    }

    #social_top img {
        width: 48px;
        height: 48px;
    }

}

@media only screen and (min-width: 1080px) and (min-height: 400px) {

    #social_top {
        top: 296px;
    }

}

@media only screen and (max-width: 965px) {

    .mainmenu {
        min-height: 46px;
    }

    div.content div.mainmenu ol {
        padding: 10px 0;
    }

    .mainmenu ol, div.content div.mainmenu li span.ico, div.content div.mainmenu a.active + span.ico {
        display: none;
    }

    div.content div.mainmenu li {
        display: block;
        text-align: center;
        padding: 0 14px;
    }

    div.content div.mainmenu li {
        padding: 7px 14px;
    }

    .mainmenu #toggle {
        display: block;
        border-bottom: 1px solid #555;
    }

    div.footer div.quick-contact {
        text-align: left;
        clear: both;
        padding-left: 7px;
        width: auto;
    }

    div.footer div.quick-contact p {
        font-size: 14px;
    }

    div.content div.slider div.bx-controls {
        display: none;
    }

    .perex td a img, .perex th a img, .preamble td a img, .preamble th a img {
        margin: 0 0 0 0;
    }

    .fb_iframe_widget,
    .fb_iframe_widget span,
    .fb_iframe_widget span iframe[style] {
        min-width: 100% !important;
        width: 100% !important;
    }

    div.content div.left-column, div.content div.right-column {
        float: none !important;
        width: auto !important;
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    div.homepage div.content div.right-column {
        margin: 0 25px;
    }

    div.content div.slider {
        width: auto;
        margin-top: 0;
    }

    div.content div.slider img {
        max-width: 100%;
    }

    div.content div.slider p.caption {
        width: 100%;
    }

    div.blog-category {
        float: none;
        width: 100%;
        padding-bottom: 20px;
    }

    div.blog-category li {
        display: block;
    }

    div.blog-category li a {
        margin-right: 1px;
        font-size: 1.3em;
    }

    .items {
        float: none;
        width: auto;
    }

    .preamble table, .preamble tr, .preamble thead, .preamble tbody, .preamble td, .preamble th {
        display: block;
    }

    .preamble td, .preamble th, .perex td, .perex th {
        display: inline-block;
    }

    .preamble td img, .preamble th img {
        margin-bottom: 6px;
        margin-top: 14px;
    }

    .preamble th {
        padding-right: 10px;
    }

    .preamble table, .perex table {
        width: auto !important;
        height: auto !important;
        margin-right: 25px;
    }

    tr, td, th {
        background: #fff !important;
        border: 0 !important;
    }

    .pagination {
        float: none;
        width: auto;
    }

    div.content table {
        width: auto !important;
        margin-bottom: 30px;
        max-width: 100%;
        float: none !important;
    }

    div.content table td, div.content table th {
        max-width: 100% !important;
        width: auto !important;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    div.content table td a {
        padding: 0;
    }

    div.content table th {
        padding: 0 10px 10px 0;
    }

}

@media only screen and (min-width: 768px) and (max-width: 965px) {

    div.content div.slider {
        height: 510px;
    }

    div.content div.slider div.item {
        height: 500px;
    }

}

@media only screen and (max-width: 600px) {

    div[class$='page'] div.header {
    }

    #social_top {
        position: absolute;
        right: 5px;
        top: 6px;
    }

}

@media only screen and (max-width: 450px) {

    .mainmenu #toggle {
        text-align: left;
        padding-left: 10px;
    }

    .logo a img {
        width: 211px;
        height: auto;
    }

    div[class$='page'] {
        margin-top: 84px;
    }

    div[class$='page'] div.header {
        height: 84px;
        margin-top: -84px;
    }

    iframe {
        max-height: 400px;
    }

    div.content div.blog > p:first-child {
        font-size: 18px;
        text-align: center;
    }

    div.content div.blog div.item {
        width: 100%;
        text-align: center;
    }

    div.footer div.social-sites {
        margin-top: 20px;
    }

    div.content form textarea {
        width: 180px !important;
    }

    div.content form input[type='submit'], div.content form button[type='submit'], div.content a.button {
        padding: 20px 10px;
    }

    div.content div.slider p.caption {
        font-size: 0.8em;
        padding-right: 13px;
    }

}

@media only screen and (max-width: 380px) {

    div[class$='page'] div.header {
        text-align: left;
    }

    div.content div.slider {
        height: 250px;
    }

    div.content div.slider div.item {
        height: 240px;
    }

}

div.breadcrumbs {
    font: 0.8em/1.2 'Roboto Slab', Georgia, 'New York CE', utopia, serif;
    padding: 5px 0 15px 0;
}

div.breadcrumbs a, div.breadcrumbs a:link {
    text-decoration: none;
    color: #888;
}

/* end */