html

{

    width: 100%;

    height: 100%;

    overflow-y: scroll;

    overflow-x: hidden;

}

.owl-carousel {
-ms-touch-action: none;
touch-action: none;
}


body

{

    background: #FFFFFF;

    width: 100%;

    height: 100%;

    padding-top: 6%;

}



@font-face

{

    font-family: bold;

    src: url(font/Raleway-Bold.ttf);

}



@font-face

{

    font-family: black;

    src: url(font/Raleway-Black.ttf);

}



@font-face

{

    font-family: medium;

    src: url(font/Raleway-Medium.ttf);

}



@font-face

{

    font-family: light;

    src: url(font/Raleway-Light.ttf);

}



@font-face

{

    font-family: semibold;

    src: url(font/Raleway-SemiBold.ttf);

}



@font-face

{

    font-family: extrabold;

    src: url(font/Raleway-ExtraBold.ttf);

}



@font-face

{

    font-family: black;

    src: url(font/Raleway-Black.ttf);

}



/*slider*/



#informbox

{

    background: #fff;

    width: 21%;

    height: 185px;

    margin-left: 10.5%;

    margin-right: -2%;

    border: 0px solid black;

    float: left;

    box-shadow: 0px 5px 20px 0px #888888;

    font-family: extrabold;

    font-size: 22px;

    text-align: center;

    margin-bottom: 2%;

}



#informbox input[type="checkbox"] {

    display:none;

}

#informbox input[type="checkbox"] + label span {

    display:inline-block;

    width:25px;

    height:25px;

    margin:-1px 4px 0 0;

    vertical-align:middle;

    background:url("img/check_none.png") center no-repeat;

    cursor:pointer;

    margin-top: 10px;

    margin-bottom: 10px;

    margin-right: 10px;

}



#informbox input[type="checkbox"]:checked + label span {

    background:url("img/check_check.png") top no-repeat;

}



#informbox input[type="radio"]

{

    display: none;

}



#informbox input[type="radio"] + label span {

    display:inline-block;

    width:25px;

    height:25px;

    margin:-1px 4px 0 0;

    vertical-align:middle;

    background:url("img/radio_not.png") center no-repeat;

    cursor:pointer;

    margin-top: 10px;

    margin-bottom: 10px;

    margin-right: 10px;

}



#informbox input[type="radio"]:checked + label span {

    background:url("img/radio_press.png") top no-repeat;

}

.img-responsive {
    width: 100%;
  max-width: 400px;
  height: auto;
}


#informbox input[type="date"], #informbox input[type="date"]:focus

{

    border-bottom: 4px solid black;

    border-left: 0px;

    border-right: 0px;

    border-top: 0px;

    outline: 0;

    font-family: bold;

    font-size: 18px;

}



#informbox p

{

    margin-top: 0%;

}



#informbox img

{

    margin-top: 0%;

}



#filtrbutton

{

    background: transparent;

    border-radius: 0%;

    padding: 0;

    border: 0px solid #06e9fb;

    position: relative;

    top: 60px;

    left: 70px;

}



#filtrbutton:focus

{

   outline: 0;

}



#boxinf

{

    margin-top: 5%;

    float: none;

    margin-bottom: 5%;

}





#endexhb

{

    display: none;

}



#showmore

{

    background: url("img/button_normal.png");

    width: 100%;

    background-repeat: no-repeat;

    height: 100px;

    border: 1px solid transparent;

    font-family: medium;

    font-size: 20px;

    text-transform: uppercase;

    color: #8a8eac;

    text-align: center;

    position: relative;

    margin-bottom: 2%;

    margin-left: 40%;

}



#lang a, #lang a:visited

{

    color: #2c2e37;

    text-decoration: none;

    margin-right: 0.5%;

}



#lang a:hover

{

    color: #2c2e37;

    text-decoration: underline;

}



#showmore:hover

{

    background: url("img/button_pressed.png");

    width: 100%;

    background-repeat: no-repeat;

    height: 100px;

    border: 1px solid transparent;

    font-family: medium;

    font-size: 20px;

    text-transform: uppercase;

    color: #8a8eac;

    text-align: center;

    position: relative;

    margin-left: 40%;

}



#showmore:active

{

    background: url("img/button_hoover.png");

    width: 100%;

    background-repeat: no-repeat;

    height: 100px;

    border: 1px solid transparent;

    font-family: medium;

    font-size: 20px;

    text-transform: uppercase;

    color: #8a8eac;

    text-align: center;

    position: relative;

    margin-bottom: 2%;

    margin-left: 40%;

}



#showmore:focus {outline:0;}



input[type="button"]

{

    box-sizing: inherit;

    border: 0px outset buttonface;

}



.jssora22l, .jssora22r {

    position: absolute;

    /* size of arrow element */

    width: 58px;

    height: 58px;

    cursor: pointer;

    background: url('img/a22.png') center center no-repeat;

    overflow: hidden;

}

.jssora22l { background-position: -10px -31px;}

.jssora22r { background-position: -70px -31px;}



#expositionimg

{

    margin-left: -7px;

    margin-right: -7px;

    margin-top: -2%;

    margin-bottom: -3%;

    height: 720px;

    z-index: 2;

}





#corner:hover #leftexh, #corner:hover #rightexh

{

    opacity: 1;

}

#abstop

{

    position: absolute;

    top: 0;

}

#showupbutt

{

    position: absolute;

    top: 50%;

}



#leftexh

{

    position: absolute;

    left: 5%;

    top: 50%;

    width: 50px;

    height: 50px;

    z-index: 2;

    opacity: 0;

    transition: opacity 0.2s;

}



#rightexh

{

    position: absolute;

    right: 5%;

    top: 50%;

    width: 50px;

    height: 50px;

    z-index: 2;

    opacity: 0;

    transition: opacity 0.2s;

}



#expositionimg img

{

   width: 100%;

    height: 100%;

    z-index: 1;

    position: relative;

}



#expositionimg img:hover

{

    visibility: visible; opacity: 1;

}



.jssorb_1 {

    margin-top: -2%;

    padding-top: 8%;

    position: relative;

    margin-bottom: 0%;

    top: 0%;

    left: 0px;

    width: 1300px;

    height: 415px;

    overflow: hidden;

    visibility: hidden;

    font-family: light;

    font-size: 15px;

    z-index: 2;

}



#map_wrapper {

    height: 400px;

}



#map_canvas {

    width: 100%;

    height: 100%;



}





.onlinejss

{

    margin-top: 0%;

    padding-top: 8%;

    position: relative;

    margin-bottom: 0%;

    top: 0%;

    left: 0px;

    width: 0px;

    height: 225px;

    overflow: hidden;

    visibility: hidden;

}



.onlineslide

{

    cursor: default;

    position: relative;

    margin-top: -80px;

    left: 0px;

    width: 100px;

    height: 225px;

    overflow: hidden

}



.slide

{

    cursor: default;

    position: relative;

    margin-top: -80px;

    left: 0px;

    width: 1300px;

    height: 500px;

    overflow: hidden

}



/*end*/



#monument1

{

    float: right;

    width: 40%;

    position: relative;

    top: -11%;

    left: -26%;

}



#monument2

{

    float: left;

    width: 10%;

    position: relative;

    top: 14%;

    left: -11.3%;

}





/* header */



header

{

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    background: #ffffff;

    margin-top: -2%;

    position: fixed;

    top: 0px;

    right: 0px;

    left: 0px;

    z-index: 1000;

}



#header

{

    width: 88.5%;

    text-align: right;

    margin-top: 1%;

}



#logo

{

    width: 15%;

    padding-left: 0 !important;

    background: #fff !important;

    float: right !important;

    padding-bottom: 1%;

    padding-right: 3%;

}



#logo img

{

    margin-top: 27%;

    width: 80%;

    float: right;

    margin-right: 5%;

}



#iconbanner

{

    font-family: medium;

    font-size: 14px;

}



#iconbanner img

{

    margin-top: 3%;

    width: 1.5%;

    height: 0%;

}



.logoeu

{

    float: left !important;

    background: #fff;

    padding-right: 0 !important;

    width: 100%;

    padding-left: 0.5%;

}



.logoeu img

{

    margin-right: 0 !important;

    float: left;

    width: 33%;



}

.eu {
        margin-top: 12% ;
}

#absolute-center {
   text-align: center;
    float: center;
    width: 100%;
    margin-top: 1%;
}

}

.panel {
  display: inline-block;
  background: #ffffff;
  min-height: 100px;
  float: left;
  height: 100px;
  margin: 10px;
  padding: 10px;
}
.panel1 {
 min-width: 10%;
    width: 40vh;
    height: 120px;
    margin-bottom: 3%;
    float: left;
    padding-left: 8%;
}

.panel img {
    width: 100%;
}

@media screen and (max-width: 1504px){
    .panel1 {
        padding-left: 35px;
        width: 40vh;
    }
}

@media screen and (max-width: 1404px){
    .panel1 {
        width: 33vh;
        padding-left: 85px;
    }
}


@media screen and (max-width: 1173px)
{
    .panel1 {
        width: 30vh;
        padding-left: 25px;
    }
}



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

    .logoeu

    {

        width: 33%;

    }

    .eu 
    {
        margin-top: 18s%;
    }

    .logoeu img

    {

         margin-top: 5%;

    }

    .interreg{
    margin-top: 12%;
    }

    .mmr

    {

        margin-top: 14% !important;

    }



}



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

    .logoeu

    {

        width: 33%;

    }

    .eu 
    {
        margin-top: 22%;
    }


    .logoeu img

    {

         margin-top: 5%;

    }



    .mmr

    {

        margin-top: 5% !important;

    }



}



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

    .logoeu

    {

        width: 33%;

    }




    .interreg

    {

        margin-top: 16% !important;

    }

    .logoeu img

    {

         margin-top: 5%;

    }



    .mmr

    {

        margin-top: 18% !important;

    }



}



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

    .logoeu

    {

        width: 33%;

    }



    .logoeu img

    {

         margin-top: 5%;

    }



    .mmr

    {

        margin-top: 11% !important;

    }



}



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

    .logoeu

    {

        width: 100%;

    }



    .logoeu img

    {
        width: 33%;

        margin-top: 5%;

    }



    .mmr

    {

        margin-top: 15% !important;

    }



}



@media screen and (max-width: 1173px)

{

    .logoeu

    {

        width: 103%;

        padding: 0px;

        max-height: 500px;

        float: none;

        background: transparent;

        box-shadow: 0 0 0 0 transparent;

        margin-left: -8px;

        margin-bottom: 0%;

    }

 .interreg{
    margin-top: 12%;
    }


    .logoeu img

    {

        margin: 15px;

        width: 40%;

        float: none;

    }



    .mmr

    {

        margin-top: 0px !important;

    }

}



nav

{

    width: 82% !important;

    height: 25px;

}



#newsletterwindow

{

    background: #ffffff;

    padding: 10px;

    position: absolute;

    top: 75%;

    right: 15%;

    box-shadow: 0px 5px 10px 0px #888888;

    z-index: 100;

}



#inputemail

{

    border: 0px;

    background: #fff;

    font-family: bold;

    color: #000000;

    height: 30px;

}



#mailbutt

{

    border: 0px;

    background: #ffffff;

    font-family: bold;

    color: #000000;

    height: 30px;

    transition: all 0.5s;

}



#mailbutt:hover

{

    border: 0px;

    background: #DDDDDD;

    font-family: bold;

    color: #000000;

}





/*end*/





/* body style */



#body

{

    margin-top: 3%;

}



#slider

{

    position: relative;

    left: -7px;

    right: -2px;

}



/* box style */


#rotunda
{
width: 100%; margin-top:0 ; padding-left: 15px; z-index:999; position: relative; background: #fff; padding-top: 10px; padding-bottom: 10px;font-family: light;margin-left:-7px;
}

#Boxes

{

    width: 90%;

    margin-left: auto;

    margin-right: auto;

    margin-top: 0%;

    font-family: light;

    font-size: 17px;

}



#Boxes p

{

    padding-right: 20px;

    padding-left: 20px;

    font-family: light;

    font-size: 17px;

}



#Boxes h3

{

    font-family: extrabold;

    font-size: 18px;

    color: #2e2f39;

    padding-right: 20px;

    padding-left: 20px;

    text-transform: uppercase;

}



#leftmidlle

{

    float: left;

    width: 29%;

}



#Middlebox

{

    margin-top: 8%;

    height: 589px;

    width: 100%;

    border: 0px solid black;

    box-shadow: 0px 5px 20px 0px #888888;

}



#Middlebox img

{

    height: 409px;

    width: 100%;

}



#Longbox

{

    height: 714px;

    width: 68%;

    border: 0px solid black;

    float: right;

    margin-top: 2.3%;

    box-shadow: 0px 5px 20px 0px #888888;

}



#Longbox img

{

    height: 534px;

    width: 100%;

}



#underlongbox

{

    height: 470px;

    width: 35%;

    border: 0px solid black;

    float: right;

    margin-top: 2.3%;

    margin-left: 0%;

    box-shadow: 0px 5px 20px 0px #888888;

}



#underlongbox img

{

    height: 290px;

    width: 100%;

}



#underrightlongbox

{

    height: 470px;

    width: 30%;

    border: 0px solid black;

    float: right;

    margin-top: 2.3%;

    margin-left: 3%;

    box-shadow: 0px 5px 20px 0px #888888;

}



#underrightlongbox img

{

    height: 290px;

    width: 100%;

}



#bottomlefttop

{

    height: 714px;

    width: 43.5%;

    border: 0px solid black;

    float: left;

    margin-top: 2.3%;

    box-shadow: 0px 5px 20px 0px #888888;

}



#bottomlefttop img

{

    height: 534px;

    width: 100%;

}



#tworighttop

{

    height: 470px;

    width: 25%;

    border: 0px solid black;

    float: right;

    margin-top: 2.3%;

    margin-left: 3%;

    box-shadow: 0px 5px 20px 0px #888888;

}



#tworighttop img

{

    height: 290px;

    width: 100%;

}



#lastright

{

    width: 53%;

    height: 770px;

    border: 0px solid black;

    float: right;

    margin-top: 2.3%;

    box-shadow: 0px 5px 20px 0px #888888;

}



#lastright img

{

    width: 100%;

    height: 590px;

}



#lastleft

{

    width: 43.5%;

    height: 527px;

    border: 0px solid black;

    float: left;

    margin-top: 2.3%;

    box-shadow: 0px 5px 20px 0px #888888;

}



#lastleft img

{

    width: 100%;

    height: 347px;

}



/*footer*/



#footer

{

    width: 90%;

    margin-left: auto;

    margin-right: auto;

    float: none;

}



#footerbox

{

    float: left;

    width: 25.7%;

    height: 455px;

    margin-top: 2.3%;

    padding: 50px;

    background: #32343e;

    color: white;

    box-shadow: 0px 5px 20px 0px #888888;

    font-family: light;

}



#footermap

{

    float: left;

    width: 40%;

    height: 475px;

    margin-top: 2.3%;

}



#googlemap

{

    width: 100%;

    height: 555px;

    margin: 0px;

    padding: 0px;

    border: 0px;

}



#facebookbox

{

    float: left;

    width: 23.6%;

    height: 475px;

    margin-top: 2.3%;

    padding: 40px;

    background: #32343e;

    color: white;

    box-shadow: 0px 5px 20px 0px #888888;

    font-family: light;

}



#fb-root {

    display: none;

}



/* To fill the container and nothing else */



.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {

    width: 100% !important;

    height: 100% !important;

}



#partners

{

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    height: 126px;

}



#partners table

{

    width: 100%;

    background: #f2f6f9;

    margin-top: 2.3%;

    padding: 30px;

    height: 126px;

    float: left;

    margin-right: auto;

    margin-left: auto;

}



#partners td

{

    float: left;

    text-align: center;

    width: 16%;

    margin-right: auto;

    margin-left: auto;

}



#kraj

{

    width: 90%;

}



#mesto

{

    width: 30%;

}



#lastword

{

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    text-align: center;

}



#lastword a, #lastword a:visited

{

    color: black;

    text-decoration: underline;

}



#lastword a:hover

{

    text-decoration: none;

}



.lastword

{

    text-align: center;

    float: left;

    height: 100px;

    width: 100%;

    margin-top: 2.3%;

    padding-bottom: 2.5%;

    font-family: light;

    font-size: 14px;

}



.lastword img

{

    margin-bottom: -0.5%;

}



/*end*/



/*page*/



#body

{

    width: 100%;

    margin-left: auto;

    margin-right: auto;

}



.weaponsclass div div

{

    display: none;

    padding: .3em .5em;

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

}



.weaponsclass div.show div

{

    display: block;

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    margin-top: -1.65%;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 10px;

    font-family: semibold;

    font-size: 16px;

    line-height: 1.5em;

    color: #878890;

}



#weaponscountry

{

    background: transparent;

    box-shadow: 0 0 0 0;

    padding: 0px;

    margin-top: 3%;

    font-size: 20px;

    font-family: semibold;

    color: #878890;

}



.weaponsclass h3

{

    cursor: pointer;

    font-family: extrabold;

    font-size: 28px;

    color: #f2b355;

}



#weaponscountryimg

{

    width: 40px;

    height:30px;

    margin-left: 30px;

    margin-right: 20px;

}



.weaponsclass div

{

    background: #ffffff

}



.weaponsclass div h3

{

    font-family: extrabold;

    font-size: 28px;

    color: #f2b355;

    text-transform: uppercase;

    box-shadow: 0px 5px 20px 0px #888888;

    padding: 30px;

}



#mineralogdiv div h3

{

    font-family: extrabold;

    font-size: 28px;

    color: #3ac48b;

    text-transform: uppercase;

    box-shadow: 0px 5px 20px 0px #888888;

    padding: 30px;

}



.weaponsclass div.show h3

{

    background: #ffffff

}



.naturaleclass div div

{

    display: none;

    padding: .3em .5em;

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

}



.naturaleclass div.show div

{

    display: block;

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    margin-top: -1.65%;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 10px;

    font-family: semibold;

    font-size: 16px;

    line-height: 1.5em;

    color: #878890;

}



#showgeology

{

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    margin-top: -1.65%;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 10px;

    font-family: semibold;

    font-size: 16px;

    line-height: 1.5em;

    color: #878890;

    width: 489%;

}



#showmineralogy

{

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    margin-top: -1.65%;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 10px;

    font-family: semibold;

    font-size: 16px;

    line-height: 1.5em;

    color: #878890;

    width: 489%;

    margin-left: -100%;

}



#geology

{

    font-family: extrabold;

    font-size: 28px;

    color: #3bc48c;

    text-transform: uppercase;

    box-shadow: 0px 5px 20px 0px #888888;

    padding: 30px;

    position: relative;

    top: 5%;

    margin-top: 5%;

    width: 20%;

    display: inline-block;

}



#paint

{

    font-family: extrabold;

    font-size: 28px;

    color: #f07c85;

    text-transform: uppercase;

    box-shadow: 0px 5px 20px 0px #888888;

    padding: 30px;

    position: relative;

    top: 5%;

    margin-top: 5%;

    width: 15%;

    display: inline-block;

}



#ui

{

    margin-left: 8%;

    font-size: 22px;

    font-family: bold;

}







#filtr button

 {

     font-family: extrabold;

     font-size: 28px;

     color: #f07c85;

     text-transform: uppercase;

     background: #ffffff;

     box-shadow: 0px 5px 20px 0px #888888;

     height: 100px;

     border: 0px;

     width: 100%;

     margin-top: 9%;

 }



#filtr button:hover

{

    font-family: extrabold;

    font-size: 28px;

    color: #f07c85;

    text-transform: uppercase;

    background: #ffffff;

    box-shadow: 0px 3px 20px 0px #888888;

    height: 100px;

    border: 0px;

    width: 100%;

    margin-top: 9%;

}



#filtr

{

    float: right;

    border: 0px solid black;

    margin-top: 3%;

    width: 7%;

}



#geologysub

{

    font-family: black;

    font-size: 20px;

    color: #000000;

    text-transform: uppercase;

    box-shadow: 0px 1px 100px 0px #eee;

    padding: 33px;

    position: relative;

    top: 5%;

    margin-top: 5%;

    margin-left: -0.3%;

}



.naturtext

{

    margin-top: 0.1%;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 10px;

    font-family: semibold;

    font-size: 16px;

    line-height: 1.5em;

    color: #878890;

}



#showpaleontology

{

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    margin-top: -1.65%;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 10px;

    font-family: semibold;

    font-size: 16px;

    line-height: 1.5em;

    color: #878890;

    width: 489%;

    margin-left: -300%;

}



#showtextity

{

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    margin-top: -1.65%;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 10px;

    font-family: semibold;

    font-size: 16px;

    line-height: 1.5em;

    color: #878890;

    width: 489%;

    margin-left: -400%;

}



#weaponscountry

{

    background: transparent;

    box-shadow: 0 0 0 0;

    padding: 0px;

    margin-top: 3%;

    font-size: 20px;

    font-family: semibold;

    color: #878890;

    width: 100%;

}



#weaponscountry a, .weaponscountry a:visited, #weaponscountry a:hover

{

    background: transparent;

    box-shadow: 0 0 0 0;

    padding: 0px;

    margin-top: 3%;

    font-size: 20px;

    font-family: semibold;

    color: #878890;

    width: 100%;

    text-decoration: none;

}



.naturtext a, .naturtext a:visited, .naturtext a:hover

{

    background: transparent;

    box-shadow: 0 0 0 0;

    padding: 0px;

    margin-top: 3%;

    font-size: 20px;

    font-family: semibold;

    color: #878890;

    width: 100%;

    text-decoration: none;

}







#weaponscountrygeology

{

    background: transparent;

    box-shadow: 0 0 0 0;

    padding: 0px;

    margin-top: 3%;

    font-size: 20px;

    font-family: semibold;

    color: #878890;

    width: 500%;

}



.naturaleclass h3

{

    cursor: pointer;

    font-family: extrabold;

    font-size: 28px;

    color: #f2b355;

}



#weaponscountryimg

{
    width: 40px;

    height:30px;

    margin-left: 30px;

    margin-right: 20px;

}



.naturaleclass div

{

    width: 21%;

    float: left;

}



.naturaleclass

{

    background: #ffffff;

    width: 100%;

    margin-bottom: 15%;

    position: relative;

}



.naturaleclass div h3

{

    font-family: extrabold;

    font-size: 28px;

    color: #3bc48c;

    text-transform: uppercase;

    box-shadow: 0px 5px 20px 0px #888888;

    padding: 30px;



}



.naturaleclass div.show h3

{

    background: #ffffff

}



.naturaleclasstwo div div

{

    display: none;

    padding: .3em .5em;

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

}



.naturaleclasstwo div.show div

{

    display: block;

    transition: 0.5s;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    margin-top: -1.65%;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 10px;

    font-family: semibold;

    font-size: 16px;

    line-height: 1.5em;

    color: #878890;

}



#weaponscountry

{

    background: transparent;

    box-shadow: 0 0 0 0;

    padding: 0px;

    margin-top: 3%;

    font-size: 20px;

    font-family: semibold;

    color: #878890;

    width: 100%;

}



#weaponscountrygeology

{

    background: transparent;

    box-shadow: 0 0 0 0;

    padding: 0px;

    margin-top: 3%;

    font-size: 20px;

    font-family: semibold;

    color: #878890;

    width: 500%;

}



.naturaleclasstwo h3

{

    cursor: pointer;

    font-family: extrabold;

    font-size: 28px;

    color: #f2b355;

}



#weaponscountryimg

{

    width: 40px;

    height:30px;

    margin-left: 30px;

    margin-right: 20px;

}



.naturaleclasstwo

{

    background: #000;

    width: 90%;

}



.naturaleclasstwo div

{

    background: #ffffff;

    width: 20%;

    float: left;

}



.naturaleclasstwo div h3

{

    font-family: extrabold;

    font-size: 28px;

    color: #3bc48c;

    text-transform: uppercase;

    box-shadow: 0px 5px 20px 0px #888888;

    padding: 30px;



}



.naturaleclasstwo div.show h3

{

    background: #ffffff

}



#loginteach

{

    float: right;

    text-align: right;

    width: 60%;

}



#loginteach button:focus

{

    outline: 0;

}



#regiform form

{

    box-shadow: 0 0 0 0 transparent;

    background: transparent;

}



#regform input

{

    padding: 10px;

    margin: 10px;

    width: 90%;

    text-align: center;

}



#regform

{

    padding: 20px;

    background: #ffffff;

    width: 25%;

    text-align: center;

}



#regform input:focus, #regform button:focus

{

    outline: 0;

}



#loginteach form

{

    box-shadow: 0px 5px 20px 0px #f0f0f0;

    padding: 10px;

}



#registration

{

    background: #ffffff;

    font-size: 14px;

    font-family: bold;

    padding: 20px;

    border: 0px;

    box-shadow: 0px 5px 20px 0px #f0f0f0;

    text-align: center;

}



#regbutton

{

    background: #39c48a;

    font-family: extrabold;

    font-size: 22px;

    color: #ffffff;

    border: 0px;

    text-transform: uppercase;

    padding: 10px;

}



#forschoolsubh1

{

    font-size: 19px;

    font-family: black;

    text-transform: uppercase;

    position: relative;

    margin-top: 5%;

    border-bottom: 5px;

    display: inline;

    border-top:0;

    border-left:0;

    border-right:0;

    -webkit-border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round; /* Safari 3.1-5 */

    -o-border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round; /* Opera 11-12.1 */

    border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round;

    letter-spacing: 2px;

}



#contentteacher

{

    margin-top: 1%;

    width: 100%;

}



#contentteacher p
{

    font-size: 20px;

    font-family: medium;

    color: #626276;

}



#selectforwho

{

    width: 100%;

    margin-top: 3%;

    box-shadow: 0px 5px 20px 0px #f0f0f0;

    padding: 20px;

    margin-bottom: 1%;

}



#selecthtr td

{

    border-bottom: 10px;

    text-align: center;

    font-family: black;

    font-size: 20px;

    text-transform: uppercase;

}



#selecthtr a, #selecthtr a:visited

{

    border-bottom: 10px;

    text-align: center;

    font-family: black;

    font-size: 20px;

    text-transform: uppercase;

    color: black;

    text-decoration: none;

}



#selecthtr a:hover

{

    border-bottom: 10px;

    text-align: center;

    font-family: black;

    font-size: 20px;

    text-transform: uppercase;

    color: black;

    text-decoration: none;

    border-bottom: 8px;

    border-top:0;

    border-left:0;

    border-right:0;

    -webkit-border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round; /* Safari 3.1-5 */

    -o-border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round; /* Opera 11-12.1 */

     border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round;

}



.activeed

{

    border-bottom: 10px;

    text-align: center;

    font-family: black;

    font-size: 20px;

    text-transform: uppercase;

    color: black;

    text-decoration: none;

    border-bottom: 8px;

    border-top:0;

    border-left:0;

    border-right:0;

    -webkit-border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round; /* Safari 3.1-5 */

    -o-border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round; /* Opera 11-12.1 */

    border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round;

}



#buttonbackwp

{

    width: 100%;

    text-align: center;

}



#showselect

{

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #d7d7d7;

}



#showitemteacher

{

    width: 100%;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #d7d7d7;

}



#showitemteacher td

{

    border:  0px solid black;

    padding-bottom: 3%;

    padding-left: 2%;

    padding-right: 2%;

}



#wilog

{

    box-shadow: 0px 5px 20px 0px #f0f0f0;

    padding-top: 30px;

    padding-bottom: 20px;

    padding-left: 10px;

    padding-right: 10px;



}



#buttonlib

{

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



#buttonlib button

{

    background: url("images/openA1.png");

    background-repeat: no-repeat;

    height: 100px;

    width: 350px;

    border: 0px;

    transition: all 0.2s;

}



#message

{

    position: fixed;

    top: 15%;

    left: 0%;

}



#messform

{

    float: left;

    background: #ffffff;

    text-align: center;

    padding: 2px;

    padding-bottom: 8px;

    border: 8px solid #b0d8f9;

    border-left: 0;

    border-right: 0;

}



#messform input[type="email"]

{

    background: transparent;

    border: 1px solid #028cff;

    box-shadow: 0px 5px 10px 0px #d8edff;

    font-size: 16px;

    font-family: medium;

    padding: 10px;

    -webkit-border-radius: 5px;

}



#messform input[type="email"]:focus

{

    outline: 0;

}



#messform textarea

{

    background: transparent;

    border: 1px solid #028cff;

    box-shadow: 0px 5px 10px 0px #d8edff;

    font-size: 16px;

    font-family: medium;

    padding: 10px;

    -webkit-border-radius: 5px;

    margin-top: 5%;

}



#messform textarea:focus

{

    outline: 0;

}



#messform button

{

    background:  #008bff;

    border: 0px;

    -webkit-border-radius: 30px;

    color: white;

    font-family: bold;

    font-size: 15px;

    margin-top: 5%;

    padding: 10px;

    padding-left: 20px;

    padding-right: 20px;

}



#messform button:focus

{

    outline: 0;

}



#messbut

{

    float: left;

}



#buttonlib button:hover

{

    background: url("images/openA2.png");

    background-repeat: no-repeat;

    height: 100px;

    width: 350px;

    border: 0px;

}



#buttonlib button:active

{

    background: url("images/openA3.png");

    background-repeat: no-repeat;

    height: 100px;

    width: 350px;

    border: 0px;

}



#buttonlib button:focus

{

    outline: 0;

}



#newsletter

{

    position: fixed;

    bottom: 5%;

    left: 0%;

}



#formnews

{

    float: left;

    background: #ffffff;

    text-align: center;

    padding: 0px;

    padding-bottom: 7px;

    border: 8px solid #b0d8f9;

    border-left: 0;

    border-right: 0;

}



#formnews input[type="email"]

{

    background: transparent;

    border: 1px solid #028cff;

    box-shadow: 0px 5px 10px 0px #d8edff;

    font-size: 16px;

    font-family: medium;

    padding: 10px;

    padding: 10px;

    -webkit-border-radius: 5px;

}



#formnews input[type="email"]:focus

{

    outline: 0;

}



#formmess textarea

{

    background: transparent;

    border: 1px solid #028cff;

    box-shadow: 0px 5px 10px 0px #d8edff;

    font-size: 16px;

    font-family: medium;

    padding: 10px;

    -webkit-border-radius: 5px;

    margin-top: 5%;

}



#formmess textarea:focus

{

    outline: 0;

}



#formnews button

{

    background:  #008bff;

    border: 0px;

    -webkit-border-radius: 30px;

    color: white;

    font-family: bold;

    font-size: 15px;

    margin-top: 5%;

    padding: 10px;

    padding-left: 20px;

    padding-right: 20px;

}



#formnews button:focus

{

    outline: 0;

}



#newsbut

{

    float: left;

}



#buttonlib button:hover

{

    background: url("images/openA2.png");

    background-repeat: no-repeat;

    height: 100px;

    width: 350px;

    border: 0px;

}



#buttonlib button:active

{

    background: url("images/openA3.png");

    background-repeat: no-repeat;

    height: 100px;

    width: 350px;

    border: 0px;

}



#buttonlib button:focus

{

    outline: 0;

}





#searchform

{

    position: absolute;

    z-index: 9999;

    left: 80%;

    margin-top: 3%;

    padding: 10px;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

}



#searchform button

{

    background: #cdcdcd;

    border: 0px;

    font-size: 15px;

    font-family: extrabold;

    background: #fff;

    transition: background 0.5s;

}



#searchform button:hover

{

    background: #c9c7c4;

}



#searchform input[type="text"]

{

    border: 1px solid grey;

    font-family: extrabold;

}



#fileshow

{

    width: 20%;

    vertical-align: middle;

    text-align: center;

    font-family: bold;

    font-size: 14px;

    text-transform: uppercase;

}



#fileshow img

{

    margin-left: 1%;

}



#textcontent

{

    width: 80%;

}





#textcontent h3

{

    font-size: 22px;

    font-family: extrabold;

    text-transform: uppercase;

}



#textcontent p

{

    font-size: 20px;

    font-family: medium;

    color: #626276;

}



#selectforwho td:hover

{

   /* border-bottom: 10px;

    -webkit-border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round; /* Safari 3.1-5 */

    /*-o-border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round; /* Opera 11-12.1 */

   /* border-image: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek.png") 1 round;*/

}



#registration a, #registration a:visited, #registration a:hover

{

    color: black;

    text-decoration: none;

}



#loginteach input[type="email"]

{

    font-family: medium;

    font-size: 14px;

    border: 0px;

    background: #f0f0f0;

    padding: 10px;

}



#loginteach input[type="text"]

{

    font-family: medium;

    font-size: 14px;

    border: 0px;

    background: #f0f0f0;

    padding: 10px;

}



#loginteach input[type="password"]

{

    font-family: medium;

    font-size: 14px;

    border: 0px;

    background: #f0f0f0;

    padding: 10px;

}



#loginbutton

{

    font-family: extrabold;

    font-size: 13px;

    background: #39c48a;

    border: 0px;

    color: #ffffff;

    padding: 10px;

}



#loginteach :-moz-placeholder

{

    font-family: medium;

    font-size: 14px;

    border: 0px;

    text-align: center;

}



#loginteach ::-moz-placeholder

{

    font-family: medium;

    font-size: 14px;

    border: 0px;

    text-align: center;

}



#loginteach  :-ms-input-placeholder

{

    font-family: medium;

    font-size: 14px;

    border: 0px;

    text-align: center;

}



#loginteach ::-webkit-input-placeholder

{

    font-family: medium;

    font-size: 14px;

    border: 0px;

    text-align: center;

}



#title

{

    width: 90%;

    margin-right: auto;

    margin-left: auto;

    margin-top: 4%;

    margin-bottom: 2%;

}





#metamorf

{

    position: absolute;

    left: 26.6%;

    top: 35.2%;

    box-shadow: 0 0 0 0 #ffffff;

    color: black;

    padding-left: 60px;

    font-size: 20px;

    font-family: black;

    padding-top: 40px;

    margin-top: 1.4%;

}



#petrograf

{

    position: absolute;

    left: 37%;

    top: 35.2%;

    box-shadow: 0 0 0 0 #ffffff;

    color: black;

    padding-left: 60px;

    font-size: 20px;

    font-family: black;

    padding-top: 40px;

    margin-top: 1.4%;

}



#paleontology

{

    position: absolute;

    left: 47%;

    top: 35.2%;

    box-shadow: 0 0 0 0 #ffffff;

    color: black;

    padding-left: 60px;

    font-size: 20px;

    font-family: black;

    padding-top: 40px;

    margin-top: 1.4%;

}





#textity

{

    position: absolute;

    left: 59%;

    top: 35.2%;

    box-shadow: 0 0 0 0 #ffffff;

    color: black;

    padding-left: 60px;

    font-size: 20px;

    font-family: black;

    padding-top: 40px;

    margin-top: 1.4%;

}



#metamorftwo

{

    position: relative;

    left: 23.5%;

    margin-top: -7%;

    box-shadow: 0 0 0 0 #ffffff;

    color: black;

    padding-left: 60px;

    font-size: 20px;

    font-family: black;

    padding-top: 40px;

    width: 10%;

    z-index: 99;

}



#petrograftwo

{

    position: absolute;

    left: 37%;

    top: 35.2%;

    box-shadow: 0 0 0 0 #ffffff;

    color: black;

    padding-left: 60px;

    font-size: 20px;

    font-family: black;

    padding-top: 40px;

    margin-top: 1.4%;

}



#paleontologytwo

{

    position: absolute;

    left: 47%;

    top: 35.2%;

    box-shadow: 0 0 0 0 #ffffff;

    color: black;

    padding-left: 60px;

    font-size: 20px;

    font-family: black;

    padding-top: 40px;

    margin-top: 1.4%;

}





#textitytwo

{

    position: absolute;

    left: 59%;

    top: 35.2%;

    box-shadow: 0 0 0 0 #ffffff;

    color: black;

    padding-left: 60px;

    font-size: 20px;

    font-family: black;

    padding-top: 40px;

    margin-top: 1.4%;

}



#forschoolh

{

    background: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek-nadpis.png");

    background-repeat: no-repeat;

    margin-left: 5%;

}



#forschoolh h1

{

    font-family: extrabold;

    font-size: 30px;

    padding-top: 10px;

    padding-left: 10px;

}



#forschoolh h2

{

    font-family: black;

    font-size: 20px;

    letter-spacing: 3px;

    margin-top: -10px;

    padding-bottom: 10px;

    padding-left: 10px;

}



#forschoolsec

{

    margin-top: 2%;

    margin-left: 5%;

}



#forschoolsecsub

{

    margin-top: 2%;

    margin-left: 5%;

    width: 90%;

}



#educationprograms

{

    float: left;

    width: 30%;

    height: 424px;

    background: #fff;

    box-shadow: 0px 5px 20px 0px #888888;

}


#educationprograms img

{

    width: 100%;

    height: 324px;

}





#educationprogramslong

{

    float: left;

    margin-left: 3%;

    width: 61.5%;

    height: 424px;

    box-shadow: 0px 5px 20px 0px #888888;

}



#educationprogramslongcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.5%;

    float: right;

    background: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek-nadpis.png");

    width: 20%;

    height: 20px

}



#educationprogramslong img

{

    width: 100%;

    height: 324px;

}



#schoolh3

{

    font-family: extrabold;

    font-size: 18px;

    color: #2e2f39;

    padding-right: 20px;

    text-transform: uppercase;

    padding-top: 10px;

    padding-left: 20px;

}



#schoolexhibition

{

    margin-top: 3%;

    float: left;

    width: 30%;

    height: 424px;

    background: #fff;

    box-shadow: 0px 5px 20px 0px #888888;

}



#schoolexhibition img

{

    width: 100%;

    height: 324px;

}



#forteacher

{

    margin-left: 3%;

    margin-top: 3%;

    float: left;

    width: 30%;

    height: 424px;

    background: #fff;

    box-shadow: 0px 5px 20px 0px #888888;

}



#forteacher img

{

    width: 100%;

    height: 324px;

}



#contact

{

    margin-left: 3%;

    margin-top: 3%;

    float: left;

    width: 28.5%;

    height: 424px;

    background: #fff;

    box-shadow: 0px 5px 20px 0px #888888;

}



#contact img

{

    width: 100%;

    height: 324px;

}



#educationprogramscolor

{

    position: relative;

    left: 0%;

    margin-top: -0.8%;

    float: right;

    background: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek-nadpis.png");

    width: 20%;

    height: 20px

}



#bodyh1

{

    font-family: black;

    font-size: 20px;

    text-transform: uppercase;

    border-bottom: 4px solid #fb433f;

    display: inline;

    margin-left: 8.5%;

}



#h1collec

{

    font-family: black;

    font-size: 20px;

    text-transform: uppercase;

    border-bottom: 4px solid #87da9d;

    display: inline;

}





#weaponssec

{

    width: 90%;

    margin-right: auto;

    margin-left: auto;

}



#naturalessec

{

    width: 90%;

    margin-right: auto;

    margin-left: auto;

}



#weaponsh1

{

    font-family: extrabold;

    color: #171717;

    font-size: 20px;

    text-transform: uppercase;

    border-bottom: 4px solid #edae50;

    display: inline;

    line-height: 35px;

    margin-right: 5%;

    letter-spacing: 1px;

}



#naturalh1

{

    color: #171717;

    font-family: extrabold;

    font-size: 20px;

    text-transform: uppercase;

    border-bottom: 4px solid #3dbc87;

    display: inline;

    line-height: 35px;

    margin-right: 5%;

    letter-spacing: 1px;

}



#painth1

{

    color: #171717;

    font-family: extrabold;

    font-size: 20px;

    text-transform: uppercase;

    border-bottom: 4px solid #f07c85;

    display: inline;

    line-height: 35px;

    margin-right: 5%;

    letter-spacing: 1px;

}



#h1blue

{

    font-family: black;

    font-size: 20px;

    text-transform: uppercase;

    border-bottom: 4px solid #028cff;

    display: inline;

    margin-left: 8.5%;

}



#serchinput

{

    margin-top: 2%;

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 15px;

    padding-bottom: 17px;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    width: 65%;

    height: 40px;

    border: 0px;

    font-family: extrabold;

    font-size: 20px;

    color: #76777f;

}



#searchbutton

{

    position: absolute;

    margin-top: 1.8%;

    border: 0px;

    background: #f2b354;

    height: 72px;

    width: 100px;

    box-shadow: 0px 5px 20px 0px #888888;

}



#searchbuttonnature

{

    position: absolute;

    margin-top: 1.8%;

    border: 0px;

    background: #3ac48b;

    height: 72px;
    width: 100px;

    box-shadow: 0px 5px 20px 0px #888888;

}



#searchbuttonpaint

{

    position: absolute;

    margin-top: 1.8%;

    border: 0px;

    background: #f07c85;

    height: 72px;

    width: 100px;

    box-shadow: 0px 5px 20px 0px #888888;

}



#searchbutton:focus, #serchinput:focus

{

    outline:0;

}



#collection :-moz-placeholder

{

    border-bottom: 4px solid #76777f;

    font-family: extrabold;

    font-size: 20px;

    padding-bottom: 2%;

    color: #76777f;

}



#collection ::-moz-placeholder

{

    border-bottom: 4px solid #76777f;

    font-family: extrabold;

    font-size: 20px;

    padding-bottom: 2%;

    color: #76777f;

}



#collection :-ms-input-placeholder

{

    border-bottom: 4px solid #76777f;

    font-family: extrabold;

    font-size: 20px;

    padding-bottom: 2%;

    color: #76777f;

}



#collection ::-webkit-input-placeholder

{

    border-bottom: 4px solid #76777f;

    font-family: extrabold;

    font-size: 20px;

    padding-bottom: 2%;

    color: #76777f;

}



#title

{

    width: 90%;

    margin-right: auto;

    margin-left: auto;

    margin-top: 4%;

    margin-bottom: 2%;

}



#exhibsec

{

    width: 100%;

    padding-left: 0px;

    background: #ffffff;

    float: none;

}



#exhibh3, #exhibh3 a, #exhibh3 a:visited, #exhibh3 a:hover

{

    font-family: extrabold;

    font-size: 22px;

    text-transform: uppercase;

    color: #292b33;

    text-decoration: none;

}



#cornernext

{

    float: right;

    position: absolute;

    margin-top: 23%;

    right: 2%

}



#showmorediv

{

    width: 90%;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}



#exposition

{

    width: 42.5%;

    float: left;

    height: 697px;

    margin-left: 5%;

    box-shadow: 0px 5px 20px 0px #888888;

    margin-bottom: 5%;

}



#expositionend

{

    width: 26.5%;

    float: left;

    height: 497px;

    margin-left: 5%;

    box-shadow: 0px 5px 20px 0px #888888;

    margin-bottom: 5%;

}



#expositionend img

{

    padding: 0%;

    width: 100%;

    height: 288px;

}



#exposition img

{

    padding: 0%;

    width: 100%;

    height: 488px;

}



#expositionsec

{

    width: 75%;

    margin-left: auto;

    margin-right: auto;

    line-height: 1.5;

}



#pagesec

{

    margin-top: 5%;

    width: 90%;

    margin-left: auto;

    margin-right: auto;

}



.exposh

{

    width: 100%;

    font-family: extrabold;

    font-size: 32px;

    text-transform: uppercase;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

    padding: 1.7% 0 1.7% 1.7%;

}



#vinne

{

    width: 70%;

}



#narodnipark

{

    width: 25%;

}



h3

{

    font-family: extrabold;

    font-size: 19px;

}



#body

{

    font-family: medium;

    font-size: 18px;

    max-lines: 3;

    text-align: justify;

}



.text

{

    padding: 20px;

    font-family: light;

    font-size: 18px;

}



#weapons

{

    margin-top: 5%;

    width: 90%;

    margin-right: auto;

    margin-left: auto;

    font-family: light;

    font-size: 17px;

    float: none;

    height: 483px;

    margin-bottom: 3%;

}



#weaponscolor

{

    position: relative;

    left: 0%;

    margin-top: -0.9%;

    float: right;

    background: #f2b353;

    width: 20%;

    height: 20px

}



#weaponswelcom p

{

    padding-right: 20px;

    padding-left: 20px;

    font-family: light;

    font-size: 17px;

}



#weaponswelcom img

{

    width: 100%;

}



#pictureswelcom img

{

    width: 100%;

}



#naturaleswelcom img

{

    width: 100%;

}



#weapons h3

{

    font-family: extrabold;

    font-size: 18px;

    color: #2e2f39;

    padding-right: 20px;

    padding-left: 20px;

    text-transform: uppercase;

}



#weaponswelcom

{

    float: left;

    border: 0px solid black;

    width: 28.7%;

    height: 483px;

    box-shadow: 0px 5px 20px 0px #888888;

}



#showallnature

{

    background: #39c48a;

    color: white;

    font-family: semibold;

    font-size: 16px;

    text-transform: uppercase;

    position: absolute;

    margin-top: 1%;

    margin-left: 5%;

    padding: 10px;

    letter-spacing: 2px;

}



#showallnature a, #showallpictures a, #showallweapons a,

#showallnature a:visited, #showallpictures a:visited, #showallweapons a:visited,

#showallnature a:hover, #showallpictures a:hover, #showallweapons a:hover

{

    text-decoration: none;

    color: #ffffff;

}



#pictures

{

    margin-top: 5%;

    height: 483px;

    width: 90%;

    margin-right: auto;

    margin-left: auto;

    font-family: light;

    font-size: 17px;

    float: none;

}



#picturescolor

{

    position: relative;

    left: 0%;

    margin-top: -0.9%;

    float: right;

    background: #f07c85;

    width: 20%;

    height: 20px

}



#pictureswelcom p

{

    padding-right: 20px;

    padding-left: 20px;

    font-family: light;

    font-size: 17px;

}



#pictures h3

{

    font-family: extrabold;

    font-size: 18px;

    color: #2e2f39;

    padding-right: 20px;

    padding-left: 20px;

    text-transform: uppercase;

}



#pictureswelcom

{

    float: left;

    border: 0px solid black;

    width: 28.7%;

    height: 483px;

    box-shadow: 0px 5px 20px 0px #888888;

}



#showallpictures

{

    background: #f07c85;

    color: white;

    font-family: semibold;

    font-size: 16px;

    text-transform: uppercase;

    position: absolute;

    margin-top: 1%;

    margin-left: 5%;

    padding: 10px;

    letter-spacing: 2px;

}



#naturales

{

    width: 90%;

    margin-right: auto;

    margin-left: auto;

    font-family: light;

    font-size: 17px;

    float: none;

    height: 483px;

}



#naturalescolor

{

    position: relative;

    left: 0%;

    margin-top: -0.8%;

    float: right;

    background: #39c48a;

    width: 20%;

    height: 20px

}



#naturaleswelcom p

{

    padding-right: 20px;

    padding-left: 20px;

    font-family: light;

    font-size: 17px;

}



#naturales h3

{

    font-family: extrabold;

    font-size: 18px;

    color: #2e2f39;

    padding-right: 20px;

    padding-left: 20px;

    text-transform: uppercase;

}



#naturaleswelcom

{

    float: left;

    border: 0px solid black;

    width: 28.7%;

    height: 483px;

    box-shadow: 0px 5px 20px 0px #888888;

}



#showallweapons

{

    background: #f2b353;

    color: white;

    font-family: semibold;

    font-size: 16px;

    text-transform: uppercase;

    position: absolute;

    margin-top: -2%;

    margin-left: 5%;

    padding: 10px;

    letter-spacing: 2px;

}



#showtreenature

{

    float: right;

    width: 70%;

    border: 0px solid black;

    height: 80%;

    background: #39c48a;

}



#treti

{

    text-align: center;

}



#tredih

{

    position: relative;

    margin-top: -25%;

    font-family: extrabold;

    font-size: 31px;

    color: #1e1d24;

    text-transform: uppercase;

}



.showtreep

{

    padding: 15px;

    color: white;

    text-transform: uppercase;

    font-size: 18px;

    font-family: extrabold;

    letter-spacing: 2px;

}



#showtreepicture

{

    float: right;

    width: 70%;

    border: 0px solid black;

    height: 80%;

    background: #f07c85;

}



#showtreeweapon

{

    float: right;

    width: 70%;

    border: 0px solid black;

    height: 80%;

    background: #f3bb65;

}



#showtreeimg

{

    width: 100%;

    max-height: 100%;

}



#imagenature, #imagepicture, #imageweapons

{

    float: left;

    width: 27.6%;

    height:390px;

    margin-top:-15px;

    margin-left: 3%;

    background: #ffffff;

    padding: 10px;

    box-shadow: 0px 5px 20px 0px #888888;

    vertical-align: middle;

}



#collable

{

    float: left;

    width: 29.5%;

    margin-top:-15px;

    margin-left: 3%;

    background: #ffffff;

    box-shadow: 0px 5px 20px 0px #888888;

}



#collable td

{

    padding: 15px;

    padding-bottom: 0;



}

#collablew

 {

     border: 2px solid #ee8f61;

     margin-top: 0%;

     background: #ffffff;

     font-family: semibold;

     font-size: 16px;

     margin-left: 0.5%;

     height: 50px;

     color: #2e2f39;

 }



#collablep

{

    border: 2px solid #be626b;

    margin-top: 0%;

    background: #ffffff;

    font-family: semibold;

    font-size: 16px;

    margin-left: 0.5%;

    height: 50px;

    color: #2e2f39;

}



#collablen

{

    border: 2px solid #0a9a6b;

    margin-top: 0%;

    background: #ffffff;

    font-family: semibold;

    font-size: 16px;

    margin-left: 0.5%;

    height: 50px;

    color: #2e2f39;

}



#Boxes a, #Boxes a:visited, #Boxes a:hover

{

    text-decoration: none;

}



#weaponsimgs img

{



    max-height: 280px;

    max-width: 100% !important;

}



#weaponsimgs

{

    height: 280px;

    text-align: center;

    vertical-align: middle;

}



#imagenature p

{

    position: absolute;

    float: left;

    border-right: 15px solid #0a9a6b;

    margin-top: 0%;

    background: #ffffff;

    padding: 15px;

    font-family: semibold;

    font-size: 16px;

    width: 14%;

    top: 70%;

    margin-left: 0.5%;

    height: 2.5%;

    color: #2e2f39;

}



#pagenumber

{

    text-align: center;

}



#pagenumber a, #pagenumber a:visited

{

    font-family: semibold;

    font-size: 18px;

    color: #020202;

    background: transparent;

    text-decoration: none;

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 50%;

}



#pagenumber a:hover

{

    background: #f2b353;

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 50%;

    color: #ffffff;

}



#pagenumber .active

{

    background: #f2b353;

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 50%;

    color: #ffffff;

    display: inline;

}



#pagenumberpaint

{

    text-align: center;

}



#pagenumberpaint a, #pagenumberpaint a:visited

{

    font-family: semibold;

    font-size: 18px;

    color: #020202;

    background: transparent;

    text-decoration: none;

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 50%;

}



#pagenumberpaint a:hover

{

    background: #f07c85;

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 50%;

    color: #ffffff;

}



#pagenumberpaint .active

{

    background: #f07c85;

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 50%;

    color: #ffffff;

    display: inline;

}



#pagenumbernatur

{

    text-align: center;

}



#pagenumbernatur a, #pagenumbernatur a:visited

{

    font-family: semibold;

    font-size: 18px;

    color: #020202;

    background: transparent;

    text-decoration: none;

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 50%;

}



#pagenumbernatur a:hover

{

    background: #3bc48c;

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 50%;

    color: #ffffff;

}



#pagenumbernatur .active

{

    background: #3bc48c;

    padding-left: 5px;

    padding-right: 5px;

    border-radius: 50%;

    color: #ffffff;

    display: inline;

}



#imagepicture p

{

    position: absolute;

    float: left;

    border-right: 15px solid #be626b;

    margin-top: 0%;

    background: #ffffff;

    padding: 15px;

    font-family: semibold;

    font-size: 16px;

    width: 14%;

    top: 130%;

    margin-left: 0.5%;

    height: 2.5%;

    color: #2e2f39;

}



#imageweapons p

{

    position: absolute;

    float: left;

    border-right: 15px solid #ee8f61;

    margin-top: 0%;

    background: #ffffff;

    padding: 15px;

    font-family: semibold;

    font-size: 16px;

    width: 14%;

    top: 191%;

    margin-left: 0.5%;

    height: 2.5%;

    color: #2e2f39;

}

/*end*/



#upbutton

{

    width: 50px;

    height: 50px;

    display: none;

}



#upbutton img

{

    width: 100%;

    height: 100%;

}



#Saytous

{

    position: fixed;

    left: 0px;

    top: 35%;

}



#Saytous img

{

    width: 50%;

}



#writte

{

    float: left;

    display: none;

}



#firstmiddlebox

{

    position: relative;

    left: 0%;

    margin-top: -0.8%;

    float: right;

    background: #008bff;

    width: 20%;

    height: 20px

}



#longboxcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.5%;

    float: right;

    background: #008bff;

    width: 20%;

    height: 20px

}



#underrightlongboxcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.9%;

    float: right;

    background: #008bff;

    width: 20%;

    height: 20px

}



#underlongboxcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.7%;

    float: right;

    background: #008bff;;

    width: 20%;

    height: 20px;

}



#bottomlefttopcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.6%;

    float: right;

    background: #008bff;

    width: 20%;

    height: 20px

}



#tworighttopcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.8%;

    float: right;

    background: #008bff;

    width: 20%;

    height: 20px

}



#lastleftcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.5%;

    float: right;

    background: #008bff;

    width: 20%;

    height: 20px;

}



#lastrightcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.5%;

    float: right;

    background: #008bff;

    width: 20%;

    height: 20px;

}



#objectcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.5%;

    float: right;

    background: #008bff;

    width: 40%;

    height: 20px;

}







#exhibitiononcolor

{

    position: relative;

    left: 0%;

    margin-top: -0.5%;

    float: right;

    background: #fb423e;

    width: 40%;

    height: 20px;

}



#mobbox

{

    margin-top: -5%;

    margin-left: 0;

    padding-left: -10%;

    width: 100%;

}



#mobbox td

 {

     width: 100%;

     text-align: left;

     margin-left: 0;



     padding-left: -10%;

 }



#mobbox tr

{

   border-bottom: 3px solid grey;

}



#exhibitioncolor

{

    position: relative;

    left: 0%;

    margin-top: -0.7%;

    float: right;

    background: #fb423e;

    width: 40%;

    height: 20px

}





/*end*/



/*topbox*/



#topbox

{

    width: 90%;

    margin-left: auto;

    margin-right: auto;

    float: none;

    margin-top: 2.3%;

}



#toptable

{

    background: #2d2f39;

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    margin-top: 2.3%;

    text-align: center;

    padding: 20px;

    text-transform: uppercase;

    font-family: extrabold;

    font-size: 18px;

    box-shadow: 0px 5px 20px 0px #888888;

}





.tophead

{

    color: #ffffff;

    width: 25%;

    text-align: justify;

    border: 0px solid white;

    padding-left: 4.5%;

}



#subtop

{

    background: #f5f5f5;

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    text-align: justify;

    padding: 20px;

    font-family: light;

    font-size: 18px;

    box-shadow: 0px 5px 20px 0px #888888;

}



#subtop td

{

    width: 25%;

    padding-bottom: 0px;

    vertical-align: top;

    text-align: justify;

    border: 0px solid white;

    padding-left: 4.5%;

}



#subtop a, #subtop a:visited, #subtop a:hover

{

    font-family: light;

    font-size: 18px;

    color: #303030;

    text-decoration: none;

}



/*end*/



#responsive

{

    position: relative;

    top: -20px;

    left: -8px;

    background: #ffffff;

    width: 100%;

    width: 100%;

    margin-right: auto;

    text-align: left;

    margin-bottom: 5%;

    padding-left: 10%;

    padding-right: 8%;

    text-transform: uppercase;

}



#responsive td

{



    padding: 10px;

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    border-bottom: 3px solid black;

}



#responsive a, #responsive a:visited, #responsive a:hover

{

    color: black;

    font-family: extrabold;

    font-size: 30px;

    text-decoration: none;

}



#navresp

{

    text-align: left;

    position: absolute;

    top: 25%;

    right: 3%;

}



#subitem

{

}



#subitem a, #subitem a:visited, #subitem a:hover

{

    font-size: 20px;

    display: block;

    font-family: bold;

    color:  #4f4e4e;

    padding-left: 10%;

}



#naturyable

{



}



#naturyable td

{

    padding-top: 15px;

    padding-bottom: 15px;

    border: 1px solid black;

    height: 10%;

}



#naturyable a, #naturyable a:hover, #naturyable a:visited

{

    margin-left: -10%;

    width: 90%;

    text-decoration: none;

}



table

{

    float: right;

    z-index: 1000;

    text-align: left;

}



#expositionsec table

{

    float: none;

    text-align: left;

}



#expositionsec td {

    vertical-align: top !important;

}



#expositionsec td img {

    vertical-align: middle !important;

}



/*end*/



#visit

{

    margin-top: 0%;

    vertical-align: middle;

}



#visith1

{

    text-align: center;

    position: absolute;

    margin-top: 13%;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

    color: #fff;

    text-transform: uppercase;

    font-family: black;

    font-size: 47px;

}



#visitunderh

{

    text-align: center;

    position: absolute;

    margin-top: 20.3%;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

    color: #fff;

    font-family: semibold;

    font-size: 21px;

    text-transform: uppercase;

}



#visith2

{

    position: relative;

    width: 100%;

    color: #fff;

    text-transform: uppercase;

    font-family: extrabold;

    font-size: 31px;

}



.kultah

{

    text-align: right; position: relative; left: -65%;margin-left: 7%; margin-top: -29.5%; color: #FFF

}



#kultap

{

    font-family: medium; font-size: 24px; position: relative; left: -65%; top: -60%; width: 500px; color: #000; text-align: right;

}



#visit2-text

{

    position: relative;

    margin-top: 0%;

    margin-left: 15%;

    font-size: 15px;

    font-family: semibold;

    text-transform: uppercase;

    color: #ffffff;

}





#visitus

{

    background: url("procknam/2_txt.png");

    width: auto;

    height: auto;

    background-repeat: no-repeat;

}



.welcome-bg, .intro-bg, .sign-up-bg, .sign-out-bg, .predposledni-bg, .sest-bg, .sedm-bg, .osm-bg, .devet-bg, .last-bg{

    position:fixed;

    top:0%;

    left:0;



    width: 100%;

    height: 100%;

}



.welcome-bg{

    background: #31333e url('procknam/velka1.png');

    z-index:-2;

}

.intro-bg{

    background: #31333e url('procknam/velka2.png');

    z-index:-3;

}



.sign-out-bg{

    background: #31333e url('procknam/velka3.png');

    z-index:-4;

}



.predposledni-bg{

    background: #31333e url('procknam/velka4.png');

    z-index:-5;

}



.sest-bg{

    background: #31333e url('procknam/velka5.png');

    z-index:-6;

}



.sedm-bg{

    background: #31333e url('procknam/velka6.png');

    z-index:-7;

}



.osm-bg{

    background: #31333e url('procknam/velka7.png');

    z-index:-8;

}



.devet-bg{

    background: #31333e url('procknam/velka8.png');

    z-index:-9;

}



.sign-up-bg{

    background: #31333e url('procknam/velka9.png');

    z-index:-10;

}



.last-bg{

    background: #31333e;

    z-index:-11;

}



#visittop ol {

    list-style-position: inside;

    color: white;

}

#visittop ol li {



    background-image: url('procknam/kolo_text.png');

    background-position: -5px;

    background-repeat: no-repeat;

    padding-left: 7px;

}





@media screen and (max-width: 1886px)

{

    #footerbox

    {

        float: left;

        width: 25.7%;

        height: 455px;

        margin-top: 2.3%;

        padding: 50px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #longboxcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.4%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px

    }



    #footermap

    {

        float: left;

        width: 39.5%;

        height: 475px;

        margin-top: 2.3%;

    }



    #googlemap

    {

        width: 100%;

        height: 555px;

        margin: 0px;

        padding: 0px;

        border: 0px;

    }



    #facebookbox

    {

        float: left;

        width: 23.5%;

        height: 475px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



}


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

}

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

}

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

}

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

}

@media screen and (max-width: 1785px)

{


    #ui

    {

        margin-left: 5%;

        font-size: 26px;

        font-family: bold;

    }



    #filtr button

    {

        font-family: extrabold;

        font-size: 28px;

        color: #f07c85;

        text-transform: uppercase;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        height: 100px;

        border: 0px;

        width: 100%;

        margin-top: 9%;

    }



    #filtr

    {

        float: right;

        border: 0px solid black;

        margin-top: 3%;

        width: 7%;

    }

    .naturtext

    {

        margin-top: 0%;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }



    #tworighttopcolor

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px

    }



    #lastleftcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.6%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px;

    }



    #footerbox

    {

        float: left;

        width: 25.7%;

        height: 455px;

        margin-top: 2.3%;

        padding: 50px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #footermap

    {

        float: left;

        width: 39.3%;

        height: 475px;

        margin-top: 2.3%;

    }



    #googlemap

    {

        width: 100%;

        height: 555px;

        margin: 0px;

        padding: 0px;

        border: 0px;

    }



    #facebookbox

    {

        float: left;

        width: 23%;

        height: 475px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #monument1

    {

        float: right;

        width: 40%;

        position: relative;

        top: -10.7%;

        left: -20%;

    }



    #monument2

    {

        float: left;

        width: 10%;

        position: relative;

        top: 15%;

        left: -12%;

    }



    #imagenature p

    {

        top: 80%;

    }


    #imagepicture p

    {

        top: 149%;

    }



    #imageweapons p

    {

        top: 217%;

        height: 4%;

    }



    .weaponsclass div.show div

    {

        display: block;

        transition: 0.5s;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-top: -1.7%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }



}



@media screen and (max-width: 1681px)

{

    #cornernext

    {

        float: right;

        position: absolute;

        margin-top: 26.5%;

        right: 2%

    }



    #geology

    {

        width: 22%;

    }



    #underlongboxcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.8%;

        float: right;

        background: #fb423e;

        width: 20%;

        height: 20px;

    }



    #footerbox

    {

        float: left;

        width: 25.7%;

        height: 455px;

        margin-top: 2.3%;

        padding: 50px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #footermap

    {

        float: left;

        width: 38.7%;

        height: 475px;

        margin-top: 2.3%;

    }



    #googlemap

    {

        width: 100%;

        height: 555px;

        margin: 0px;

        padding: 0px;

        border: 0px;

    }



    #facebookbox

    {

        float: left;

        width: 22.9%;

        height: 475px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #monument1

    {

        float: right;

        width: 40%;

        position: relative;

        top: -11%;

        left: -20%;

    }



    #monument2

    {

        float: left;

        width: 10%;

        position: relative;

        top: 15%;

        left: -13%;

    }



    #imagenature p

    {

        top: 79%;

    }



    #imagepicture p

    {

        top: 147%;

    }



    #imageweapons p

    {

        top: 216%;

        height: 4%;

    }



    .weaponsclass div.show div

    {

        display: block;

        transition: 0.5s;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-top: -1.85%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }





}



@media screen and (max-width: 1587px)

{

    .weaponsclass div.show div

    {

        display: block;

        transition: 0.5s;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-top: -1.95%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }

    #tworighttopcolor

    {

        position: relative;

        left: 0%;

        margin-top: -1.1%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px

    }



    #footerbox

    {

        float: left;

        width: 25.7%;

        height: 455px;

        margin-top: 2.3%;

        padding: 50px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #footermap

    {

        float: left;

        width: 38.3%;

        height: 475px;

        margin-top: 2.3%;

    }



    #googlemap
    {

        width: 100%;

        height: 555px;

        margin: 0px;

        padding: 0px;

        border: 0px;

    }



    #facebookbox

    {

        float: left;

        width: 22.6%;

        height: 475px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #imagenature p

    {

        top: 78%;

        width: 13.5%;

    }



    #imagepicture p

    {

        top: 147%;

        width: 13.5%;

    }



    #imageweapons p

    {

        top: 213%;

        height: 4%;

        width: 13.5%;

    }



}



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

    #body

    {

        margin-top: 5%;

    }


    .kultah

    {

        text-align: right; position: relative; left: -50%; top: -60px; margin-left: 7%; margin-top: -30.5%; color: #FFF

    }







    #kultap

    {

        font-family: medium; font-size: 24px; position: relative; left: -50%; top: -60px; width: 500px; color: #000; text-align: right

    }



    #visitunderh

    {

        text-align: center;

        position: absolute;

        margin-top: 25.2%;

        margin-left: auto;

        margin-right: auto;

        width: 100%;

        color: #fff;

        font-family: semibold;

        font-size: 21px;

        text-transform: uppercase;

    }



    .welcome-bg{

        background: #31333e url('procknam/1.jpg');

        z-index:-2;

    }

    .intro-bg{

        background: #31333e url('procknam/2.jpg');

        z-index:-3;

    }



    .sign-out-bg{

        background: #31333e url('procknam/3.jpg');

        z-index:-4;

    }



    .predposledni-bg{

        background: #31333e url('procknam/4.jpg');

        z-index:-5;

    }



    .sest-bg{

        background: #31333e url('procknam/5.jpg');

        z-index:-6;

    }



    .sedm-bg{

        background: #31333e url('procknam/6.jpg');

        z-index:-7;

    }



    .osm-bg{

        background: #31333e url('procknam/7.jpg');

        z-index:-8;

    }



    .devet-bg{

        background: #31333e url('procknam/8.jpg');

        z-index:-9;

    }



    .sign-up-bg{

        background: #31333e url('procknam/9.jpg');

        z-index:-10;

    }



    #cornernext

    {

        float: right;

        position: absolute;

        margin-top: 25.5%;

        right: 1%

    }



    #message

    {

        position: fixed;

        top: 5%;

        left: 0%;

    }



    #newsletter

    {

        position: fixed;

        top: 65%;

        left: 0%;

    }



    #collable

    {

        float: left;

        width: 29.5%;

        margin-top:-15px;

        margin-left: 3%;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #collable td

    {

        padding: 15px;

        padding-bottom: 0;



    }

    #collablew

    {

        border: 2px solid #ee8f61;

        margin-top: 0%;

        background: #ffffff;

        font-family: semibold;

        font-size: 16px;

        margin-left: 0.5%;

        height: 50px;

        color: #2e2f39;

    }



    #collablep

    {

        border: 2px solid #be626b;

        margin-top: 0%;

        background: #ffffff;

        font-family: semibold;

        font-size: 16px;

        margin-left: 0.5%;

        height: 50px;

        color: #2e2f39;

    }



    #collablen

    {

        border: 2px solid #0a9a6b;

        margin-top: 0%;

        background: #ffffff;

        font-family: semibold;

        font-size: 16px;

        margin-left: 0.5%;

        height: 50px;

        color: #2e2f39;

    }



    #weaponsimgs img

    {

        max-height: 218px;

        max-width: 100%;

    }



    #weaponsimgs

    {

        height: 218px;

        text-align: center;

        vertical-align: middle;

    }



    #ui

    {

        margin-left: 5.3%;

        font-size: 18px;

        font-family: bold;

    }



    #filtr button

    {

        font-family: extrabold;

        font-size: 28px;

        color: #f07c85;

        text-transform: uppercase;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        height: 100px;

        border: 0px;

        width: 100%;

        margin-top: 9%;

    }



    #filtr

    {

        float: right;

        border: 0px solid black;

        margin-top: 3%;

        width: 8%;

    }



    #paint

    {

        font-family: extrabold;

        font-size: 28px;

        color: #f07c85;

        text-transform: uppercase;

        box-shadow: 0px 5px 20px 0px #888888;

        padding: 30px;

        position: relative;

        top: 5%;

        margin-top: 5%;

        width: 25%;

        display: inline-block;

    }



    #educationprogramscolor

    {

        margin-top: -1%;

    }



    .weaponsclass div.show div

    {

        display: block;

        transition: 0.5s;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-top: -2.1%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }



    #expositionimg

    {

        margin-left: -7px;

        margin-right: -7px;

        margin-top: -2%;

        margin-bottom: -3%;

        height: 500px;

    }



    #expositionimg img

    {

        width: 100%;

        height: 100%;

    }



    #firstmiddlebox

    {

        position: relative;

        left: 20%;

        margin-top: -0.9%;

        float: right;

        background: #fb423e;

        width: 20%;

        height: 20px

    }



    #longboxcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.5%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px

    }



    #underrightlongboxcolor

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px

    }



    #underlongboxcolor

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: #fb423e;

        width: 20%;

        height: 20px;

    }



    #bottomlefttopcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.8%;

        float: right;

        background: #fb423e;

        width: 20%;

        height: 20px

    }



    #tworighttopcolor

    {

        position: relative;

        left: 0%;

        margin-top: -1.2%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px

    }



    #lastleftcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.8%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px;

    }



    #lastrightcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.8%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px;

    }



    #lastrightcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.8%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px;

    }



    #objectcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.8%;

        float: right;

        background: #008bff;

        width: 40%;

        height: 20px;

    }

    #exhibitiononcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.8%;

        float: right;

        background: #fb423e;

        width: 40%;

        height: 20px;

    }



    .tophead

    {

        color: #ffffff !important;

        width: 25% !important;

        text-align: left !important;

        border: 0px solid white !important;

        padding-left: 3% !important;

    }



    #subtop

    {

        background: #f5f5f5;

        width: 100%;

        margin-right: auto;

        margin-left: auto;

        text-align: justify;

        padding: 20px;

        font-family: light;

        font-size: 18px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #subtop td

    {

        width: 25% !important;

        padding-bottom: 0px !important;

        vertical-align: top !important;

        text-align: left !important;

        border: 0px solid white !important;

        padding-left: 3% !important;

    }



    #pageimage

    {

        width: 100%;

        height: 450px;

        margin-top: -2%;

        margin-left: -7px;

        margin-right: -7px;

    }



    #monument1

    {

        float: right;

        width: 40%;

        position: relative;

        top: -10.7%;

        left: -20%;

    }



    #monument2

    {

        float: left;

        width: 10%;

        position: relative;

        top: -4%;

        left: -11%;

    }



    .jssorb_1

    {

        margin-top: -2%;

        padding-top: 8%;

        position: relative;

        margin-bottom: -7.5%;

        top: 0%;

        left: 0px;

        width: 1300px;

        height: 500px;

        overflow: hidden;

        visibility: hidden;

    }



    .slide

    {

        cursor: default;

        position: relative;

        margin-top: -80px;

        left: 0px;

        width: 1300px;

        height: 500px;

        overflow: hidden

    }





    #logo

    {

        width: 15%;

        padding-left: 15%;

        background: #f9f9f9;

        float: left;

        padding-bottom: 0.8%;

    }



    #logo img

    {

        margin-top: 35.5%;

        width: 80%;

        float: right;

        margin-right: 5%;

    }



    #iconbanner

    {

        font-family: medium;

        font-size: 14px;

    }



    #iconbanner img

    {

        margin-top: 3%;

        width: 1.5%;

        height: 0%;

    }



    nav

    {

        width: 90%;

        height: 25px;

    }



    #leftmidlle

    {

        float: left;

        width: 29%;

    }



    #Middlebox

    {

        margin-top: 8%;

        height: 489px;

        width: 100%;

        border: 0px solid black;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #Middlebox img

    {

        height: 309px;

        width: 100%;

    }



    #Longbox

    {

        height: 614px;

        width: 68%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #Longbox img

    {

        height: 434px;

        width: 100%;

    }



    #underlongbox

    {

        height: 370px;

        width: 35%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 0%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #underlongbox img

    {

        height: 190px;

        width: 100%;

    }



    #underrightlongbox

    {

        height: 370px;

        width: 30%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #underrightlongbox img

    {

        height: 190px;

        width: 100%;

    }



    #bottomlefttop

    {

        height: 614px;

        width: 43.5%;

        border: 0px solid black;

        float: left;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #bottomlefttop img

    {

        height: 434px;

        width: 100%;

    }



    #tworighttop

    {

        height: 370px;

        width: 25%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #tworighttop img

    {

        height: 190px;

        width: 100%;

    }



    #lastright

    {

        width: 53%;

        height: 670px;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #lastright img

    {

        width: 100%;

        height: 490px;

    }



    #lastleft

    {

        width: 43.5%;

        height: 427px;

        border: 0px solid black;

        float: left;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #lastleft img

    {

        width: 100%;

        height: 247px;

    }



    #footerbox

    {

        float: left;

        width: 26.9%;

        height: 375px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #footermap

    {

        float: left;

        width: 38.2%;

        height: 375px;

        margin-top: 2.3%;

    }



    #googlemap

    {

        width: 100%;

        height: 455px;

        margin: 0px;

        padding: 0px;

        border: 0px;

    }



    #facebookbox

    {

        float: left;

        width: 22.7%;

        height: 375px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #partners

    {

        width: 100%;

        margin-right: auto;

        margin-left: auto;

    }



    #partners table

    {

        width: 100%;

        background: #f2f6f9;

        margin-top: 2.3%;

        padding: 30px;

    }



    #lastword

    {

        width: 100%;

        margin-right: auto;

        margin-left: auto;

        text-align: center;

    }



    .lastword

    {

        text-align: center;

        float: left;

        height: 100px;

        width: 100%;

        margin-top: 2.3%;

    }



    .lastword img

    {

        margin-bottom: -0.7%;

    }



    #exposition

    {

        width: 42.5%;

        float: left;

        height: 599px;

        margin-left: 5%;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-bottom: 5%;

    }



    #exposition img

    {

        padding: 0%;

        width: 100%;

        height: 388px;

    }



    #expositionend

    {

        width: 26.5%;

        float: left;

        height: 447px;

        margin-left: 5%;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-bottom: 5%;

    }



    #expositionend img

    {

        padding: 0%;

        width: 100%;

        height: 238px;

    }





    #showmore, #showmore:hover, #showmore:active

    {

        position: relative;

        left: -5%;

    }



    #weapons

    {

        margin-top: 8%;

        width: 90%;

        margin-right: auto;

        margin-left: auto;

        font-family: light;

        font-size: 17px;

        float: none;

        height: 423px;

        margin-bottom: 5%;

    }



    #weaponscolor

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: #f2b353;

        width: 20%;

        height: 20px

    }



    #weaponswelcom p

    {

        padding-right: 20px;

        padding-left: 20px;

        font-family: light;

        font-size: 17px;

    }



    #weaponswelcom img

    {

        width: 100%;

    }



    #pictureswelcom img

    {

        width: 100%;

    }



    #naturaleswelcom img

    {

        width: 100%;

    }



    #weapons h3

    {

        font-family: extrabold;

        font-size: 18px;

        color: #2e2f39;

        padding-right: 20px;

        padding-left: 20px;

        text-transform: uppercase;

    }



    #weaponswelcom

    {

        float: left;

        border: 0px solid black;

        width: 28.7%;

        height: 423px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #showallnature

    {

        background: #39c48a;

        color: white;

        font-family: semibold;

        font-size: 16px;

        text-transform: uppercase;

        position: absolute;

        margin-top: 1%;

        margin-left: 5%;

        padding: 10px;

        letter-spacing: 2px;

    }



    #pictures

    {

        margin-top: 8%;

        height: 423px;

        width: 90%;

        margin-right: auto;

        margin-left: auto;

        font-family: light;

        font-size: 17px;

        float: none;

    }



    #picturescolor

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: #f07c85;

        width: 20%;

        height: 20px

    }



    #pictureswelcom p

    {

        padding-right: 20px;

        padding-left: 20px;

        font-family: light;

        font-size: 17px;

    }



    #pictures h3

    {

        font-family: extrabold;

        font-size: 18px;

        color: #2e2f39;

        padding-right: 20px;

        padding-left: 20px;

        text-transform: uppercase;

    }



    #pictureswelcom

    {

        float: left;

        border: 0px solid black;

        width: 28.7%;

        height: 423px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #showallpictures

    {

        background: #f07c85;

        color: white;

        font-family: semibold;

        font-size: 16px;

        text-transform: uppercase;

        position: absolute;

        margin-top: 1%;

        margin-left: 5%;

        padding: 10px;

        letter-spacing: 2px;

    }



    #naturales

    {

        width: 90%;

        margin-right: auto;

        margin-left: auto;

        font-family: light;

        font-size: 17px;

        float: none;

        height: 423px;

    }



    #naturalescolor

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: #39c48a;

        width: 20%;

        height: 20px

    }



    #naturaleswelcom p

    {

        padding-right: 20px;

        padding-left: 20px;

        font-family: light;

        font-size: 17px;

    }



    #naturales h3

    {

        font-family: extrabold;

        font-size: 18px;

        color: #2e2f39;

        padding-right: 20px;

        padding-left: 20px;

        text-transform: uppercase;

    }



    #naturaleswelcom

    {

        float: left;

        border: 0px solid black;

        width: 28.7%;

        height: 423px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #showallweapons

    {

        background: #f2b353;

        color: white;

        font-family: semibold;

        font-size: 16px;

        text-transform: uppercase;

        position: absolute;

        margin-top: -4%;

        margin-left: 5%;

        padding: 10px;

        letter-spacing: 2px;

    }



    #showtreenature

    {

        float: right;

        width: 70%;

        border: 0px solid black;

        height: 80%;

        background: #39c48a;

    }



    .showtreep

    {

        padding: 15px;

        color: white;

        text-transform: uppercase;

        font-size: 18px;

        font-family: extrabold;

        letter-spacing: 2px;

    }



    #showtreepicture

    {

        float: right;

        width: 70%;

        border: 0px solid black;

        height: 80%;

        background: #f07c85;

    }



    #showtreeweapon

    {

        float: right;

        width: 70%;

        border: 0px solid black;

        height: 80%;

        background: #f3bb65;

    }



    #imagenature, #imageweapons, #imagepicture

    {

        height: 330px;

    }





    #imagenature p

    {

        top: 68%;

        height: 4%;

    }



    #imagepicture p

    {

        top: 134%;

        height: 4%;

    }



    #imageweapons p

    {

        top: 200%;

        height: 4%;

    }



}



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

#Boxes
{
    margin-top: 7%;
}

    #ui

    {

        margin-left: 5.3%;

        font-size: 17px;

        font-family: bold;

    }



    #geology

    {

        width: 23%;

    }



    .naturtext

    {

        margin-top: 0.1%;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }

    .weaponsclass div.show div

    {

        display: block;

        transition: 0.5s;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-top: -2.15%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }





    #firstmiddlebox

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: #fb423e;

        width: 20%;

        height: 20px

    }



    #facebookbox

    {

        float: left;

        width: 21.8%;

        height: 375px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #weaponscolor

    {

        margin-top: -1.1%;

    }



    #naturalescolor

    {

        margin-top: -1.2%;

    }



    #picturescolor

    {

        margin-top: -1.1%;

    }



    #expositionimg

    {

        margin-left: -7px;

        margin-right: -7px;

        margin-top: -1%;

        margin-bottom: -3%;

        height: 500px;

    }



    #expositionimg img

    {

        width: 100%;

        height: 100%;

    }



    #imagenature, #imageweapons, #imagepicture

    {

        height: 330px;

    }





    #imagenature p

    {

        top: 67.5%;

        height: 4%;

    }



    #imagepicture p

    {

        top: 133.5%;

        height: 4%;

    }



    #imageweapons p

    {

        top: 199.5%;

        height: 4%;

    }



}





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

    #body

    {

        margin-top: 7%;

    }

    #cornernext

    {

        float: right;

        position: absolute;

        margin-top: 27.5%;

        right: 1%

    }



    #ui

    {

        margin-left: 5%;

        font-size: 16px;

        font-family: bold;

    }



    #filtr button

    {

        font-family: extrabold;

        font-size: 28px;

        color: #f07c85;

        text-transform: uppercase;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        height: 100px;

        border: 0px;

        width: 100%;

        margin-top: 9%;

    }



    #filtr

    {

        float: right;

        border: 0px solid black;

        margin-top: 2%;

        width: 9%;

    }





    #geology

    {

        font-size: 25px;

    }



    #geologysub

    {

        font-size: 18px;

    }

    .naturtext

    {

        margin-top: 0.1%;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }

    #forschoolsec

    {

        margin-top: 2%;

        margin-left: 5%;

    }



    #educationprograms

    {

        float: left;

        width: 30%;

        height: 394px;

        background: #fff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #educationprograms img

    {

        width: 100%;

        height: 294px;

    }





    #educationprogramslong

    {

        float: left;

        margin-left: 3%;

        width: 61.5%;

        height: 394px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #educationprogramslongcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.5%;

        float: right;

        background: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek-nadpis.png");

        width: 20%;

        height: 20px

    }



    #educationprogramslong img

    {

        width: 100%;

        height: 294px;

    }



    #schoolh3

    {

        font-family: extrabold;

        font-size: 18px;

        color: #2e2f39;

        padding-right: 20px;

        text-transform: uppercase;

        padding-top: 10px;

        padding-left: 20px;

    }



    #schoolexhibition

    {

        margin-top: 3%;

        float: left;

        width: 30%;

        height: 394px;

        background: #fff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #schoolexhibition img

    {

        width: 100%;

        height: 294px;

    }



    #forteacher

    {

        margin-left: 3%;

        margin-top: 3%;

        float: left;

        width: 30%;

        height: 394px;

        background: #fff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #forteacher img

    {

        width: 100%;

        height: 294px;

    }



    #contact

    {

        margin-left: 3%;

        margin-top: 3%;

        float: left;

        width: 28.5%;

        height: 394px;

        background: #fff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #contact img

    {

        width: 100%;

        height: 294px;

    }



    #educationprogramscolor

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek-nadpis.png");

        width: 20%;

        height: 20px

    }



    .weaponsclass div.show div

    {

        display: block;

        transition: 0.5s;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-top: -2.25%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }



    #footermap

    {

        float: left;

        width: 38.2%;

        height: 375px;

        margin-top: 2.3%;

    }





    #googlemap

    {

        width: 100%;

        height: 455px;

        margin: 0px;

        padding: 0px;

        border: 0px;

    }



    #facebookbox

    {

        float: left;

        width: 21.8%;

        height: 375px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #monument1

    {

        float: right;

        width: 40%;

        position: relative;

        top: -10.5%;

        left: -26%;

    }



    #monument2

    {

        float: left;

        width: 10%;

        position: relative;

        top: -7%;

        left: -12.3%;

    }



    #expositionimg

    {

        margin-left: -7px;

        margin-right: -7px;

        margin-top: -1%;

        margin-bottom: -3%;

        height: 500px;

    }



    #expositionimg img

    {

        width: 100%;

        height: 100%;

    }



    #footermap

    {

        float: left;

        width: 37.2%;

        height: 375px;

        margin-top: 2.3%;

    }



    #leftmidlle

    {

        float: left;

        width: 29%;

    }



    #Middlebox

    {

        margin-top: 8%;

        height: 489px;

        width: 100%;

        border: 0px solid black;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #Middlebox img

    {

        height: 300px;

        width: 100%;

    }



    #Longbox

    {

        height: 614px;

        width: 68%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #Longbox img

    {

        height: 434px;

        width: 100%;

    }



    #underlongbox

    {

        height: 370px;

        width: 35%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 0%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #underlongbox img

    {

        height: 190px;

        width: 100%;

    }



    #underrightlongbox

    {

        height: 370px;

        width: 30%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #underrightlongbox img

    {

        height: 190px;

        width: 100%;

    }



    #bottomlefttop

    {

        height: 614px;

        width: 43.5%;

        border: 0px solid black;

        float: left;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #bottomlefttop img

    {

        height: 404px;

        width: 100%;

    }



    #tworighttop

    {

        height: 370px;

        width: 25%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #tworighttop img

    {

        height: 190px;

        width: 100%;

    }



    #lastright

    {

        width: 53%;

        height: 670px;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #lastright img

    {

        width: 100%;

        height: 490px;

    }



    #lastleft

    {

        width: 43.5%;

        height: 427px;

        border: 0px solid black;

        float: left;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #lastleft img

    {

        width: 100%;

        height: 227px;

    }



    #imagenature, #imageweapons, #imagepicture

    {

        height: 330px;

    }





    #imagenature p

    {

        top: 66%;

        height: 4%;

        width: 13.2%;

    }



    #imagepicture p

    {

        top: 132%;

        height: 4%;

        width: 13.2%;

    }



    #imageweapons p

    {

        top: 194%;

        height: 6%;

        width: 13.2%;

    }



    #showmore, #showmore:hover, #showmore:active

    {

        position: relative;

        left: -6%;

    }



    .tophead

    {

        color: #ffffff !important;

        width: 25% !important;

        text-align: left !important;

        border: 0px solid white !important;

        padding-left: 1.5% !important;

    }



    #subtop td

    {

        width: 25% !important;

        padding-bottom: 0px !important;

        vertical-align: top !important;

        text-align: left !important;

        border: 0px solid white !important;

        padding-left: 1.5% !important;

    }



}



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



    #cornernext

    {

        float: right;

        position: absolute;

        margin-top: 29.5%;

        right: 0.5%

    }



    #ui

    {

        margin-left: 5%;

        font-size: 13px;

        font-family: bold;

    }



    #filtr button

    {

        font-family: extrabold;

        font-size: 25px;

        color: #f07c85;

        text-transform: uppercase;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        height: 100px;

        border: 0px;

        width: 100%;

        margin-top: 9%;

    }



    #filtr

    {

        float: right;

        border: 0px solid black;

        margin-top: 2%;

        width: 9%;

    }

    #paint

    {

        font-family: extrabold;

        font-size: 28px;

        color: #f07c85;

        text-transform: uppercase;

        box-shadow: 0px 5px 20px 0px #888888;

        padding: 30px;

        position: relative;

        top: 5%;

        margin-top: 5%;

        width: 30%;

        display: inline-block;

    }



    .weaponsclass div.show div

    {

        display: block;

        transition: 0.5s;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-top: -2.4%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }



    #firstmiddlebox

    {

        position: relative;

        left: 0%;

        margin-top: -1.2%;

        float: right;

        background: #fb423e;

        width: 20%;

        height: 20px

    }



    #bottomlefttopcolor

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: #fb423e;

        width: 20%;

        height: 20px

    }



    #lastleftcolor

    {

        position: relative;

        left: 0%;

        margin-top: -1%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px;

    }



    #leftmidlle

    {

        float: left;

        width: 29.4%;

    }



    #Middlebox

    {

        margin-top: 8%;

        height: 387px;

        width: 100%;

        border: 0px solid black;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #Middlebox img

    {

        height: 207px;

        width: 100%;

    }



    #Longbox

    {

        height: 480px;

        width: 68%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #Longbox img

    {

        height: 330px;

        width: 100%;

    }



    #underlongbox

    {

        height: 295px;

        width: 35%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 0%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #underlongbox img

    {

        height: 190px;

        width: 100%;

    }



    #underrightlongbox

    {

        height: 295px;

        width: 28%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 5%;

    }



    #underrightlongbox img

    {

        height: 130px;

        width: 100%;

    }



    #underlongbox img

    {

        height: 130px;

        width: 100%;

    }



    #bottomlefttop

    {

        height: 551px;

        width: 40.7%;

        border: 0px solid black;

        float: left;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #bottomlefttop img

    {

        height: 353px;

        width: 100%;

    }



    #tworighttop

    {

        height: 354px;

        width: 26.5%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #tworighttop img

    {

        height: 180px;

        width: 100%;

    }



    #lastright

    {

        width: 56%;

        height: 630px;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #lastright img

    {

        width: 100%;

        height: 462px;

    }



    #lastleft

    {

        width: 40.7%;

        height: 435px;

        border: 0px solid black;

        float: left;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #lastleft img

    {

        width: 100%;

        height: 235px;

    }



    #footermap

    {

        float: left;

        width: 38.2%;

        height: 375px;

        margin-top: 2.3%;

    }





    #googlemap

    {

        width: 100%;

        height: 455px;

        margin: 0px;

        padding: 0px;

        border: 0px;

    }



    #facebookbox

    {

        float: left;

        width: 21.5%;

        height: 375px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #monument1

    {

        float: right;

        width: 40%;

        position: relative;

        top: -10.5%;

        left: -26%;

    }



    #monument2

    {

        float: left;

        width: 10%;

        position: relative;

        top: -6%;

        left: -12.8%;

    }



    #footermap

    {

        float: left;

        width: 36%;

        height: 375px;

        margin-top: 2.3%;

    }



    #imagenature, #imageweapons, #imagepicture

    {

        height: 330px;

    }





    #imagenature p

    {

        top: 64%;

        height: 4%;

        width: 13.2%;

    }



    #imagepicture p

    {

        top: 12%;

        height: 4%;

        width: 13.2%;

    }



    #imageweapons p

    {

        top: 194%;
        height: 6%;

        width: 13.2%;

    }



}



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



    #collable

    {

        float: left;

        width: 29.5%;

        margin-top:-15px;

        margin-left: 3%;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #collable td

    {

        padding: 15px;

        padding-bottom: 0;



    }

    #collablew

    {

        border: 2px solid #ee8f61;

        margin-top: 0%;

        background: #ffffff;

        font-family: semibold;

        font-size: 16px;

        margin-left: 0.5%;

        height: 50px;

        color: #2e2f39;

    }



    #collablep

    {

        border: 2px solid #be626b;

        margin-top: 0%;

        background: #ffffff;

        font-family: semibold;

        font-size: 16px;

        margin-left: 0.5%;

        height: 50px;

        color: #2e2f39;

    }



    #collablen

    {

        border: 2px solid #0a9a6b;

        margin-top: 0%;

        background: #ffffff;

        font-family: semibold;

        font-size: 16px;

        margin-left: 0.5%;

        height: 50px;

        color: #2e2f39;

    }



    #weaponsimgs img

    {

        max-height: 178px;

        max-width: 100%;

    }



    #weaponsimgs

    {

        height: 178px;

        text-align: center;

        vertical-align: middle;

    }



    #forschoolsec

    {

        margin-top: 2%;

        margin-left: 5%;

    }



    #educationprograms

    {

        float: left;

        width: 30%;

        height: 374px;

        background: #fff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #educationprograms img

    {

        width: 100%;

        height: 274px;

    }





    #educationprogramslong

    {

        float: left;

        margin-left: 3%;

        width: 61.5%;

        height: 374px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #educationprogramslongcolor

    {

        position: relative;

        left: 0%;

        margin-top: -0.5%;

        float: right;

        background: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek-nadpis.png");

        width: 20%;

        height: 20px

    }



    #educationprogramslong img

    {

        width: 100%;

        height: 274px;

    }



    #schoolh3

    {

        font-family: extrabold;

        font-size: 18px;

        color: #2e2f39;

        padding-right: 20px;

        text-transform: uppercase;

        padding-top: 10px;

        padding-left: 20px;

    }



    #schoolexhibition

    {

        margin-top: 3%;

        float: left;

        width: 30%;

        height: 374px;

        background: #fff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #schoolexhibition img

    {

        width: 100%;

        height: 274px;

    }



    #forteacher

    {

        margin-left: 3%;

        margin-top: 3%;

        float: left;

        width: 30%;

        height: 374px;

        background: #fff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #forteacher img

    {

        width: 100%;

        height: 274px;

    }



    #contact

    {

        margin-left: 3%;

        margin-top: 3%;

        float: left;

        width: 28.5%;

        height: 374px;

        background: #fff;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #contact img

    {

        width: 100%;

        height: 274px;

    }



    #educationprogramscolor

    {

        position: relative;

        left: 0%;

        margin-top: -1.2%;

        float: right;

        background: url("images/pro%20skoly%20-%20sbirky%20online/pro%20skoly/prouzek-nadpis.png");

        width: 20%;

        height: 20px

    }





    .weaponsclass div.show div

    {

        display: block;

        transition: 0.5s;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-top: -2.55%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }





    #tworighttopcolor

    {

        position: relative;

        left: 0%;

        margin-top: -1.3%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px

    }



    #leftmidlle

    {

        float: left;

        width: 29.4%;

    }



    #Middlebox

    {

        margin-top: 8%;

        height: 392px;

        width: 100%;

        border: 0px solid black;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #underrightlongboxcolor

    {

        position: relative;

        left: 0%;

        margin-top: -1.2%;

        float: right;

        background: #008bff;

        width: 20%;

        height: 20px

    }



    #Middlebox img

    {

        height: 207px;

        width: 100%;

    }



    #Longbox

    {

        height: 490px;

        width: 68%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #Longbox img

    {

        height: 320px;

        width: 100%;

    }



    #underlongbox

    {

        height: 295px;

        width: 35%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 0%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #underlongbox img

    {

        height: 190px;

        width: 100%;

    }



    #underrightlongbox

    {

        height: 295px;

        width: 28%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 5%;

    }



    #underrightlongbox img

    {

        height: 130px;

        width: 100%;

    }



    #underlongbox img

    {

        height: 130px;

        width: 100%;

    }



    #bottomlefttop

    {

        height: 561px;

        width: 40.7%;

        border: 0px solid black;

        float: left;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #bottomlefttop img

    {

        height: 353px;

        width: 100%;

    }



    #tworighttop

    {

        height: 374px;

        width: 26.5%;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        margin-left: 3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #tworighttop img

    {

        height: 180px;

        width: 100%;

    }



    #lastright

    {

        width: 56%;

        height: 630px;

        border: 0px solid black;

        float: right;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #lastright img

    {

        width: 100%;

        height: 462px;

    }



    #lastleft

    {

        width: 40.7%;

        height: 445px;

        border: 0px solid black;

        float: left;

        margin-top: 2.3%;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #lastleft img

    {

        width: 100%;

        height: 235px;

    }



    #footermap

    {

        float: left;

        width: 38.2%;

        height: 375px;

        margin-top: 2.3%;

    }





    #googlemap

    {

        width: 100%;

        height: 455px;

        margin: 0px;

        padding: 0px;

        border: 0px;

    }



    #facebookbox

    {

        float: left;

        width: 21.5%;

        height: 375px;

        margin-top: 2.3%;

        padding: 40px;

        background: #32343e;

        color: white;

        box-shadow: 0px 5px 20px 0px #888888;

        font-family: light;

    }



    #monument1

    {

        float: right;

        width: 40%;

        position: relative;

        top: -10.5%;

        left: -26%;

    }



    #monument2

    {

        float: left;

        width: 10%;

        position: relative;

        top: -10%;

        left: -13%;

    }



    #footermap

    {

        float: left;

        width: 36%;

        height: 375px;

        margin-top: 2.3%;

    }



    #weapons

    {

        margin-top: 8%;

        width: 90%;

        margin-right: auto;

        margin-left: auto;

        font-family: light;

        font-size: 17px;

        float: none;

        height: 403px;

        margin-bottom: 5%;

    }



    #weaponscolor

    {

        position: relative;

        left: 0%;

        margin-top: -1.2%;

        float: right;

        background: #f2b353;

        width: 20%;

        height: 20px

    }



    #weaponswelcom p

    {

        padding-right: 20px;

        padding-left: 20px;

        font-family: light;

        font-size: 17px;

    }



    #weaponswelcom img

    {

        width: 100%;

    }



    #pictureswelcom img

    {

        width: 100%;

    }



    #naturaleswelcom img

    {

        width: 100%;

    }



    #weapons h3

    {

        font-family: extrabold;

        font-size: 18px;

        color: #2e2f39;

        padding-right: 20px;

        padding-left: 20px;

        text-transform: uppercase;

    }



    #weaponswelcom

    {

        float: left;

        border: 0px solid black;

        width: 28.7%;

        height: 403px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #showallnature

    {

        background: #39c48a;

        color: white;

        font-family: semibold;

        font-size: 16px;

        text-transform: uppercase;

        position: absolute;

        margin-top: 1%;

        margin-left: 5%;

        padding: 10px;

        letter-spacing: 2px;

    }



    #pictures

    {

        margin-top: 8%;

        height: 403px;

        width: 90%;

        margin-right: auto;

        margin-left: auto;

        font-family: light;

        font-size: 17px;

        float: none;

    }



    #weaponsimgs

    {

        height: 199px;

    }



    #weaponsimgs

    {

        max-height: 199px;

    }



    #picturescolor

    {

        position: relative;

        left: 0%;

        margin-top: -1.2%;

        float: right;

        background: #f07c85;

        width: 20%;

        height: 20px

    }



    #pictureswelcom p

    {

        padding-right: 20px;

        padding-left: 20px;

        font-family: light;

        font-size: 17px;

    }



    #pictures h3

    {

        font-family: extrabold;

        font-size: 18px;

        color: #2e2f39;

        padding-right: 20px;

        padding-left: 20px;

        text-transform: uppercase;

    }



    #pictureswelcom

    {

        float: left;

        border: 0px solid black;

        width: 28.7%;

        height: 403px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #showallpictures

    {

        background: #f07c85;

        color: white;

        font-family: semibold;

        font-size: 16px;

        text-transform: uppercase;

        position: absolute;

        margin-top: 1%;

        margin-left: 5%;

        padding: 10px;

        letter-spacing: 2px;

    }



    #naturales

    {

        width: 90%;

        margin-right: auto;

        margin-left: auto;

        font-family: light;

        font-size: 17px;

        float: none;

        height: 403px;

    }



    #naturalescolor

    {

        position: relative;

        left: 0%;

        margin-top: -1.2%;

        float: right;

        background: #39c48a;

        width: 20%;

        height: 20px

    }



    #naturaleswelcom p

    {

        padding-right: 20px;

        padding-left: 20px;

        font-family: light;

        font-size: 17px;

    }



    #naturales h3
    {

        font-family: extrabold;

        font-size: 18px;

        color: #2e2f39;

        padding-right: 20px;

        padding-left: 20px;

        text-transform: uppercase;

    }



    #naturaleswelcom

    {

        float: left;

        border: 0px solid black;

        width: 28.7%;

        height: 403px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #showallweapons

    {

        background: #f2b353;

        color: white;

        font-family: semibold;

        font-size: 16px;

        text-transform: uppercase;

        position: absolute;

        margin-top: -4%;

        margin-left: 5%;

        padding: 10px;

        letter-spacing: 2px;

    }



    #showtreenature

    {

        float: right;

        width: 70%;

        border: 0px solid black;

        height: 80%;

        background: #39c48a;

    }



    .showtreep

    {

        padding: 15px;

        color: white;

        text-transform: uppercase;

        font-size: 18px;

        font-family: extrabold;

        letter-spacing: 2px;

    }



    #showtreepicture

    {

        float: right;

        width: 70%;

        border: 0px solid black;

        height: 80%;

        background: #f07c85;

    }



    #showtreeweapon

    {

        float: right;

        width: 70%;

        border: 0px solid black;

        height: 80%;

        background: #f3bb65;

    }



    #showtreeimg

    {

        width: 27%;

        height:310px;

        margin-top:-15px;

        margin-left: 2.8%;

        background: #ffffff;

        padding: 10px;

        box-shadow: 0px 5px 20px 0px #888888;

    }



    #imagenature p

    {

        position: relative;

        float: left;

        margin-top: 30.5%;

        margin-left: -27.5%;

        background: #ffffff;

        padding: 15px;

        font-family: semibold;

        font-size: 16px;

        width: 19.7%;

        height: 2.5%;

        color: #2e2f39;

    }



    #imagepicture p

    {

        position: relative;

        float: left;

        margin-top: 30.5%;

        margin-left: -27.5%;

        background: #ffffff;

        padding: 15px;

        font-family: semibold;

        font-size: 16px;

        width: 19.7%;

        height: 2.5%;

        color: #2e2f39;

    }



    #imageweapons p

    {

        position: relative;

        float: left;

        margin-top: 28%;

        margin-left: -27.5%;

        background: #ffffff;

        padding: 15px;

        font-family: semibold;

        font-size: 16px;

        width: 19.7%;

        height: 2.5%;

        color: #2e2f39;

    }



}



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

    

#rotunda
{
 z-index:999; position: relative; background: #fff; padding-top: 0px; padding-bottom: 10px;font-family: light;
}

    .exposh

    {

        font-size: 22px;

        text-align: left;

    }

    body
    {
      
    }


    #body

    {
        margin-top: 230px;

    }



    #cornernext

    {

        display: none;

    }



    .weaponsclass div.show div

    {

        display: block;

        transition: 0.5s;

        background: #ffffff;

        box-shadow: 0px 5px 20px 0px #888888;

        margin-top: -2.6%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 10px;

        font-family: semibold;

        font-size: 16px;

        line-height: 1.5em;

        color: #878890;

    }



    #Longbox

    {

        background: transparent;

    }





    #Longbox img

    {



    }



    #longboxcolor

    {



    }



    #leftmidlle

    {



    }



    #Middlebox

    {



    }



    #underlongbox

    {



    }



    #underlongbox img

    {



    }



    #underlongboxcolor

    {



    }



    #underrightlongbox

    {



    }



    #underrightlongbox img

    {



    }



    #underrightlongboxcolor

    {



    }



    #bottomlefttop

    {

    }



    #bottomlefttop img

    {



    }



    #bottomlefttopcolor

    {



    }



    #tworighttop

    {



    }



    #tworighttop img

    {



    }



    #tworighttopcolor

    {

    }



    #lastleftcolor {

    }



    #lastrightcolor

    {



    }



    #lastright

    {



    }



    #lastright img {

    }



    #lastleft

    {



    }



    #lastleft img

    {



    }



    #dontlook {

        font-size: 20px;

        font-family: bold;

        color: #292929;

        padding-top: 0%;

        width: 100%;

        background: #fb423e;

        position: relative;

        left: 0px;

        margin-left: -8px;

    }



    #expositionsec

    {

        margin-top: 0%;

    }



    #dontlook h1

    {

        margin: 50px;

        text-transform: uppercase;

        padding-top: 20px;

        padding-bottom: 20px;

    }



    #middleboxtext h3

    {

        font-family: extrabold;

        font-size: 17px;

    }



    #middleboxtext a, #firstmiddlebox a:visited, #firstmiddlebox a:hover

    {

        text-decoration: none;

    }



    #exhibsec

    {

        width: 90%;

        margin-right: auto;

        margin-left: auto;

        background: #ffffff;

    }



    #expositionimg

    {

        width: 100%;

        height: 50%;

    }



    #expositionimg img

    {

        width: 100%;

        max-height: 100%;

    }



    #expositionend

    {

        width: 100%;

        height: 300px;

        border: 0px solid black;

        background: #ffffff;

        float: none;

        margin-top: 15%;

    }



    #expositionend img

    {

        max-height: 50%;

        max-width: 50%;

    }



    #rightexh {

        position: relative;

        left: 83%;

        margin-top: -20%;

        width: 50px;

        height: 50px;

        float: left;

    }



    #leftexh {

        position: relative;

        left: 0%;

        margin-top: -20%;

        width: 50px;

        height: 50px;

        float: left;

    }



    #expositionsec img

    {

        max-width: 100%;

        height: auto !important;

    }



    #informbox

    {

        width: 80%;

        margin-left: 10%;

        height: 100%;

        margin-right: auto;

        text-align: center;

        margin-top: 5%;

        margin-bottom: 5%;

    }



    #exposition

    {

        width: 100%;

        height: 300px;

        border: 0px solid black;

        background: #ffffff;

        float: none;

        margin-top: 15%;

    }



    #exposition img

    {

        max-height: 50%;

        max-width: 50%;

    }



    #exhibitioncolor

    {

        position: relative;

        left: 0%;

        margin-top: -0%;

        float: right;

        background: #fb423e;

        width: 40%;

        height: 20px

    }



    #iconbanner

    {

        display: none;

    }



    #footermap

    {

        display: none;

    }





    #googlemap

    {

        display: none;

    }



    #facebookbox

    {

        display: none;

    }





    #footermap

    {

        display: none;

    }



    #footer

    {

    }



    #telnumb

    {

        font-size: 7px;

    }



    #lang

    {

        font-size: 35px;

    }



    #lang a, #lang a:visited, #lang a:hover

    {

        text-decoration: none;

        margin-left: 1%;

    }



    #lang img

    {

        display: none;

    }



    #socialbutt

    {

        display: none;

    }



    .jssorb_1

    {

        display: none;

    }



    #message

    {

        display: none;

    }



    #newsletter

    {

        display: none;

    }



    #footerbox

    {

        display: none;

    }



    #monument1

    {

        display: none;

    }



    #monument2

    {

        display: none;

    }



    #partners

    {

        display: none;

    }



    #partners td

    {

        width: 100%;

    }



    #footer img

    {

        display: block;

    }



    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {

        width: 100% !important;

        height: 100% !important;

    }



    #lastword p

    {

        font-size: 13px;

    }



    #upbutton

    {

        display: none;

    }



    #educationprograms

    {

        margin-top: 15%;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }



    #educationprogramslong

    {

        margin-top: 15%;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }



    #schoolexhibition

    {

        margin-top: 15%;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }



    #forteacher

    {

        margin-top: 15%;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }



    #contact

    {

        margin-top: 15%;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }



    #forschoolh h2

    {

        font-size: 10px;

    }



    #selecthtr a, #selecthtr a:visited, #selecthtr a:hover

    {

        font-size: 10px;

        border: 0px;

    }



    #regform

    {

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }



    #showmore

    {

        width: 260px;

        margin-left: 10%;

        height: 50px;

        background: url("admin/image/button_hoover_mob.png");

    }



    #showmore:hover

    {

        width: 260px;

        margin-left: 10%;

        height: 50px;

        background: url("admin/image/button_hoover_mob.png");

    }



    #showmore:active

    {

        width: 260px;

        margin-left: 10%;

        height: 50px;

        background: url("admin/image/button_pressed_mob.png");

    }



    #showallnature

    {

        background: #39c48a;

        color: white;

        font-family: semibold;

        font-size: 16px;

        text-transform: uppercase;

        position: absolute;

        margin-top: 5%;

        margin-left: 5%;

        padding: 10px;

        letter-spacing: 2px;

    }



    #showallpictures {

        background: #f07c85;

        color: white;

        font-family: semibold;

        font-size: 16px;

        text-transform: uppercase;

        position: absolute;

        margin-top: 15%;

        margin-left: 5%;

        padding: 10px;

        letter-spacing: 2px;

    }



    #showallweapons {

        background: #f2b353;

        color: white;

        font-family: semibold;

        font-size: 16px;

        text-transform: uppercase;

        position: absolute;

        margin-top: 20%;

        margin-left: 5%;

        padding: 10px;

        letter-spacing: 2px;

    }



    .lastword table

    {

        float: none !important;

        width: 90%;

        margin-right: auto;

        margin-left: auto;

    }



    #showtreenature

    {

        display: none;

    }



    #naturaleswelcom

    {

        margin-top: 5%;

        width: 100%;

        height: 100%;

    }



    #naturaleswelcom p

    {

        font-size: 15px;

    }



    #showtreepicture

    {

        display: none;

    }



    #pictureswelcom

    {

        width: 100%;

        height: 100%;

        margin-top: 15%;

    }



    #pictureswelcom p

    {

        font-size: 15px;

    }



    #showtreeweapon

    {

        display: none;

    }



    #weaponswelcom

    {

        width: 100%;

        height: 100%;

        margin-top: 20%;

        margin-bottom: 20%;

    }



    #weaponswelcom p

    {

        font-size: 15px;

    }



    #paint

    {

        display: none;

    }



    #ui

    {

        display: none;

    }



    #slider-3

    {

        display: none;

    }

    #filtr

    {

        display: none;

    }



    #serchinput

    {

        width: 50%;

    }



    header

    {

        position: absolute;

        top: 0%;

        height: 135px;

        margin: -7px;

        margin-top: 0%;

        margin-left: 0;

        box-shadow: 0 0 0 0 transparent;

    }



    #logo {

        width: 103%;

        padding: 0px;

        max-height: 500px;

        float: none;

        background: transparent;

        box-shadow: 0 0 0 0 transparent;

        margin-left: -8px;

        margin-bottom: 0%;



    }

    #logo img

    {

        margin: 15px;

        width: 50%;

        float: none;

    }



    #topbox

    {

        display: none;

    }



    #footer

    {

        margin-left: 0px;

        background: #2f333e;

        width: 100%;

    }



    #upbutton

    {

        bottom: 2% !important;

        right: 2% !important;

    }



    .lastword

    {

        background: #2f333e;

        color: white;

        width: 90%;

        margin-left: -2.5%;

        font-size: 10px;

        max-height: 100%;

        padding: 20px;

    }



    #expositionsec p, #expositionsec h3

    {

        text-align: left !important;

    }



    #loginteach

    {

        width: 100%;

    }



}