html                                   { overflow-y: scroll; }
/* #190B05 url("../../_img/bg2.png") */
/* #000000 url("../../_img/bg3.png") */
/* #120804 */
/* background: linear-gradient(to bottom, rgb(23,10,4) 0%, rgb(11,5,2) 100%); */
body                                   { font: 18px "Kaushan Script", arial, sans-serif; color: #F0F0D5; margin: 0; padding: 0; background: #160A04 url("../../_img/bg2.png") 50% 40px no-repeat; background-attachment: fixed; }
a                                      { color: #F0F0D5; text-decoration: none; }
p                                      { margin: 0; padding: 0 0 20px 0; }
h1                                     { font-size: 30px; font-weight: 400; padding: 0px  0 19px 0; margin: 0 0 20px 0px; }
h2                                     { font-size: 30px; font-weight: 400; padding: 19px 0 19px 0; margin: 0; }
label                                  { display: block; float: left; width: 150px; margin: 0; padding: 0; vertical-align: middle; vertical-align: middle; }
input                                  { background-color: #201105; border: 1px solid #F0F0D5; padding: 4px 5px 3px 5px; margin: 0px 0 5px 0; color: #F0F0D5; line-height: 1.5em; font: 12px arial, sans-serif; width: 100%; max-width: 500px; }
textarea                               { background-color: #201105; border: 1px solid #F0F0D5; padding: 4px 5px 3px 5px; margin: 5px 0 5px 0; color: #F0F0D5; line-height: 1.5em; font: 12px arial, sans-serif; width: 100%; max-width: 500px; }

.clear                                 { clear: both; height: 1px; }
.messages                              { color: #190B05; }
.button                                { background-color: rgb(246,245,221); background: linear-gradient(to bottom, rgb(246,245,221) 0%, rgb(201,196,154) 100%); display: inline-block; padding: 1px 25px; font: 18px "Kaushan Script", arial, sans-serif; color: #000000; text-align: center; text-decoration: none; cursor: pointer; border: none; max-width: auto; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;¨}
.mb                                    { margin-bottom: 20px; }

@media screen and (max-width: 840px)   { p img { width: 100% !important; height: auto !important; }
                                         .image_fr { float: none !important; padding-left: 0px !important; } }

.top1                                  { height: 80px; background: #190B05 url("../../_img/header.png") 50% 0 no-repeat; position: fixed; top: 0px; left: 0; width: 100%; z-index: 1; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1); box-shadow: 0px 0px 5px 1px rgba(0,0,0,1); }
.top2                                  { max-width: 1280px; margin: 0 auto; padding: 0px 20px; }
.header_top                            { top: -40px; background-position: 50% 40px; }
.header_top .menu                      { padding-top: 20px; }
.header_top img                        { width: auto; height: 40px; margin-top: 40px; margin-left: -200px; }
                              
.middle1                               { color: #DEDBBA; margin-top: 100px; }
.middle2                               { max-width: 1280px; margin: 0 auto; padding: 10px 20px 20px 20px; position: relative; }
.middle_catalog                        { padding: 20px 0px 20px 20px; }

.logo                                  { margin-left: -400px; position: absolute; z-index: -1; }
.logo_href                             { position: absolute; width: 235px; height: 80px; }

.stamp                                 { position: fixed; right: 30px; bottom: 20px; z-index: 2; }
.stamp_image                           { bottom: 105px; }
@media screen and (max-width: 840px)   { .stamp { display: none; width: 70px; height: auto; } }

.menu                                  { float: right; }
.menu_first                            { padding: 0; margin: 0; }
.menu_first_item                       { list-style: none; float: left; padding: 25px 15px 25px 15px; }
.menu_first_item a                     { display: block; }
.menu_first_item a:hover               { color: #FFFFFF; }
.menu_first_item:hover>a               { color: #FFFFFF; }

.header_menu_icon                      { display: none; position: absolute; right: 20px; top: 30px; cursor: pointer; width: 22px; height: 20px; background: url("../../_img/menu_icon.png") 0 0 no-repeat; background-size: cover; }
.header_menu_icon_top                  { top: 50px; }

@media screen and (max-width: 1020px)  { .menu_first_item { padding-left: 13px; padding-right: 13px; } }
@media screen and (max-width: 980px)   { .menu_first_item { font-size: 17px; padding-left: 11px; padding-right: 11px; } }
@media screen and (max-width: 920px)   { .menu_first_item { font-size: 16px; padding-left: 9px; padding-right: 9px; } }
@media screen and (max-width: 860px)   { .menu_first_item { padding-left: 7px; padding-right: 7px; } }
@media screen and (max-width: 840px)
{
  /*.top1                                { position: relative; }*/
  .header_menu_icon                    { display: block; }
  .menu                                { position: absolute; width: 100%; left: 0px; top: 80px; display: none; }
  .menu_top                            { top: 60px; }

  .menu_first                          { width: 100%; position: absolute; z-index: 2; }
  .menu_first_item                     { float: none; padding: 0; }
  .menu_first_item a                   { color: #D0CCA5; padding: 10px; border-top: 1px solid #7D7960; background-color: #202020; opacity: 0.98; filter: alpha(opacity=98); }
  .menu_first_item a:hover             { background-color: #303030; }
}

/* --- */

.fl                                    { float: left; }
.fr                                    { float: right; }
.pointer                               { cursor: pointer; }


.next_photos                           { margin-left: -5px; }
.next_photo                            { height: 100px; padding: 6px; cursor: pointer; opacity: 0.75; filter: alpha(opacity=75); }
.next_photo:hover                      { padding: 5px; border: 1px solid #FFFFFF; opacity: 1; filter: alpha(opacity=100); }

/* ------------------------------------------- Výpis -------------------------------------------- */
.grid                                  { display: none; }
.grid:after                            { content: ''; display: block; clear: both; }

.gutter-sizer                          { width: 1.8666%; }
.grid-sizer                            { width: 15%; }
.grid-item                             { position: relative; float: left; margin-bottom: 20px; width: 14.8%; }
.grid-item span                        { display: none; font-size: 12px; padding: 3px 5px; position: absolute; bottom: 7px; left: 0; width: 100%; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-item:hover > span                { display: block; }
.grid-item img                         { width: 100%; height: auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); }
.grid-item img:hover                   { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); }

@media screen and (max-width: 1200px)  { .gutter-sizer { width: 2.5%; }
                                         .grid-sizer   { width: 17.5%; }
                                         .grid-item    { width: 17.5%; }
                                       }
@media screen and (max-width: 960px)   { .gutter-sizer { width: 3%; }
                                         .grid-sizer   { width: 22%; }
                                         .grid-item    { width: 22%; }
                                       }
@media screen and (max-width: 760px)   { .gutter-sizer { width: 4%; }
                                         .grid-sizer   { width: 29.333%; }
                                         .grid-item    { width: 29.333%; }
                                       }                                       
/*
@media screen and (max-width: 560px)   { .gutter-sizer { width: 5%; }
                                         .grid-sizer   { width: 45%; }
                                         .grid-item    { width: 45%; }
                                       } 
@media screen and (max-width: 400px)   { .gutter-sizer { width: 7%; }
                                         .grid-sizer   { width: 93%; }
                                         .grid-item    { width: 93%; }
                                       }
*/

/* ------------------------------------------- Detail ------------------------------------------- */
.image_main                            { }
.image                                 { float: left; position: relative; max-width: 500px; margin-bottom: 100px; } /* Margin kvůli zobrazení rámů v desktopu */ 
.image .thisimage                      { }
.image img                             { width: 100%; height: auto; display: block; }
.image_loading                         { display: none; background: transparent url("../../_img/loading.gif") 50% 50% no-repeat; background-size: 50px 50px;  position: absolute; width: 100%; height: 100%; }

.image_detail                          { margin-left: 500px; }
.image_detail h1                       { background: transparent url("../../_img/detail_top_bg.png") -100px 0 no-repeat; padding: 19px 0 19px 40px; background-size: 100% 100%; margin-bottom: 10px; }
.image_desc                            { background: transparent url("../../_img/detail_bottom_bg.png") -100px 0 no-repeat; padding-left: 40px; min-height: 300px; }

.frames                                { line-height: 1em; }
.frames:hover                          { position: relative; z-index: 1; }
.frames > ul                           { position: absolute; }
.frames ul                             { margin: 0; padding: 0; }
.frames li                             { list-style-type: none; margin: 0; padding: 0; }
.frames > ul > li                      { display: inline-block; cursor: default; font-size: 14px; padding: 3px 17px; color: #66574D; border: 1px solid #413024; border-top: none; background: linear-gradient(to bottom, rgb(11,5,2) 0%, rgb(24,10,5) 100%); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.frames ul ul                          { display: none; width: 464px; }
.frames ul li:hover ul                 { display: block; padding-top: 10px; }

.frame                                 { cursor: pointer; }
.frame img                             { float: left; width: 25px; height: 25px; padding: 0 5px 5px 0; opacity: 0.3; filter: alpha(opacity=30); }
.frame img:hover                       { opacity: 1; filter: alpha(opacity=100); }
/* opacity: 0.7; filter: alpha(opacity=70); */

@media screen and (max-width: 1366px)  { .image        { max-width: 430px; }
                                         .image_detail { margin-left: 430px; }
                                         .frames ul ul { width: 100%; } }
@media screen and (max-width: 900px)   { .image        { float: none; margin-bottom: 50px; }
                                         .image_detail { margin-left: 0px; margin-top: 20px; }
                                         .image_detail h1 { padding-left: 0px; padding-right: 0px; background-position: 0 0; }
                                         .image_desc   { padding-left: 0px; padding-right: 0px; background-position: 0 0; } }

/*
.image_left                            { position: absolute; left: -20px; top: calc(50% - 45px); }
.image_left img                        { width: 15px; height: 90px; }
.image_right                           { position: absolute; right: -20px; top: calc(50% - 45px); }
.image_right img                       { width: 15px; height: 90px; }
*/

.image_left                            { position: absolute; left: -20px; top: 47%; }
.image_left img                        { width: 15px; height: 38px; }
.image_right                           { position: absolute; right: -20px; top: 47%; }
.image_right img                       { width: 15px; height: 38px; }

/* ---------------------------------------- Filmový pás ----------------------------------------- */
.reel_main                             { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 80px; background: linear-gradient(to bottom, rgb(11,5,2) 0%, rgb(24,10,5) 100%); -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1); box-shadow: 0px 0px 5px 1px rgba(0,0,0,1); }
.reel                                  { position: fixed; bottom: 0px; left: 50%; width: 1280px; height: 62px; margin-left: -640px; margin-bottom: 9px; }
.reel img                              { float: left; padding: 4px; opacity: 0.5; filter: alpha(opacity=50); border: 1px solid transparent; }
.reel img.reel_active, .reel img:hover { opacity: 1; filter: alpha(opacity=100); border: 1px solid #FFFFFF; }
/* -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,1); box-shadow: 0px 0px 10px 1px rgba(0,0,0,1); */


/* ------------------------------------------- Kontakt ------------------------------------------ */
.contact_address                       { float: left; width: 40%; }
.contact_map                           { float: right; width: 60%; height: 350px; }

@media screen and (max-width: 700px)   { .contact_address { width: 100%; }
                                         .contact_map     { width: 100%; }
                                         input    { max-width: 100%; }
                                         textarea { max-width: 100%; }
                                         .button  { width: 100%; max-width: 100%; }
                                       }
                                       
                                       
img.no100                              { width: auto !important; height: auto !important; }