@font-face
{
    font-family: 'moje';
    font-style: normal;
    font-weight: normal;
    src: url('/fonty/scrgunny.TTF') format('truetype');
}

img {
    vertical-align: middle;
}
body
{
    background-position: center top;
    background-repeat: repeat-x;
    background-color: #323232;
    font-family: Comic Sans MS;
}

#all
{
    min-width: 943px;
    max-width: 1221px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    position:relative;
}
#all_poz
{
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: auto;
    z-index: -10;
}

.obsah
{
    margin-right: auto;
    margin-left: auto;
    width: 943px;
    height: auto;
}
.obsah_o
{
    margin-right: auto;
    margin-left: auto;
}

.hlava
{
    height: 363px;
    width: 943px;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
/*-----------------------------------------*/
.telo_o {
    width: 745px;
    float: left;
}
.telo
{

    height: auto;
    margin-bottom: 8px;
    
    transition:all 2s ease-in-out;
}
/*.telo_big {
    position:absolute;
    top:10px;
    left:0px;
    width:100%;
    height:100%;
    z-index:3;
}
.telo_big .clanek_obsah{
border:none;
margin-left:auto;
margin-right:0px;
width:100%;
}
.telo_big .clanek_vrch{
width:100%;
}*/
.clanek_vrch
{
    background-repeat: no-repeat;
    height: 25px;
    width: 745px;
    margin-bottom: 0px;
    background-repeat:repeat-x;
}
.clanek_obsah
{
    border-left: thin solid #000000;
    border-right: thin solid #000000;
    border-bottom: thin solid #000000;
    width: 743px;
    background-repeat: repeat;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    /*overflow:auto;*/
}/*
.clanek_obsah_pretec {
overflow:visible;
}*/
.info_radek_clanek
{
    /* border-bottom-style: solid;     border-bottom-width: 1px;     border-bottom-color: #000000;*/
}
.menu_container
{
    float: right;
    width: 190px;
}

.menu
{
width: 190px;
    background-color: inherit;
    text-align: center; /*font-family: 'Comic Sans MS';*/
    font-weight: bold;
    margin-bottom: 8px;

    /*transition:all .5s ease-in-out !important;*/
}
    /*.menu:hover {
    transform:matrix(0,1,1,0,1,1);
    
    }*/
.menu_vrch
{
    background-repeat: no-repeat;
    height: 25px;
    width: 190px;
    margin-bottom: 0px;
    text-align: left;
}
.menu_obsah
{
    width: 188px;
    background-repeat: repeat-y;
    margin-right: auto;
    margin-left: auto;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    text-align: center; /*    -o-transition: all .75s ease-in-out; */
}
/*
.menu_obsah:hover 
{
    border-radius: 25px;
-webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 10;
}
*/

.prihl
{
    position: absolute;
    float: left;
    margin-top: 0px;
    margin-left: 10px;
}

.prihldiv
{
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    font-size: small;
    font-weight: bold;
    float: left;
    background-color: rgba(255, 255, 255, 0.6);
    width: auto;
    padding-right: 5px;
    height: 42px;
    border-right-color: #000000;
    border-right-width: 1px;
    border-bottom-color: #000000;
    border-bottom-width: 1px;
    position: absolute;
}
.tlacitkastavu
{
position:relative;
z-index:1;
}
.nastaveniPosta {
display:block;
}
.paticka
{
    border-width: 0px;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.3);
    padding: 7px;
    text-align: center;
    width: 100%;
    background: linear-gradient(left, rgba(0, 0, 0, 0) 25.0%, #000000 50%, rgba(0, 0, 0, 0) 75%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 25.0%, #000000 50%, rgba(0, 0, 0, 0) 75%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 25.0%, #000000 50%, rgba(0, 0, 0, 0) 75%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 25.0%, #000000 50%, rgba(0, 0, 0, 0) 75%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 25.0%, #000000 50%, rgba(0, 0, 0, 0) 75%);
}
/*------------------------------------*/
p
{
    margin: 0px;
    padding-right: 5px;
    padding-left: 5px;
}
small { 
font-size:10px;
}
h1, h2
{
    /*font-family:Comic Sans MS*/
}
h1
{
    margin: 0px 0px 0px 32px;
    float: left;
}
h1, .mista h2, h3, h4, h5, h6, h7 {

font-size:medium;
}
h1 a
{
    color: Black;
    text-decoration: none;
}

h2
{
    margin: 0px;
    color: #008000;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.kapitola
{
    color: #008000;
    font-weight: bold;
}


/*---------TLACITKO_OS-------------*/
.tlacitko_os
{
    z-index: 2;
    -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border: solid 1px #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    -moz-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0px 0px 2px #fff;
    
    background-color: rgb(81,115,132);
    background-color: rgba(81,115,132,0.55);

    background: -moz-linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));
    background: -o-linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));
    background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(rgba(106, 156, 127, 0.9)), color-stop(50%, rgba(200, 196, 196, 0.9)), to(rgba(195, 169, 132,0.9)));
    background: linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));
    
    /*background: -o-linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -moz-linear-gradient(center left, rgba(106, 156, 127, 0.9), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384));*/

    /*background-color: rgb(81,115,132);
    background-color: rgba(81,115,132,0.55);
    background: -o-linear-gradient(left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -moz-linear-gradient(center left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384));*/
}
.tlacitko_os:hover
{
    border: solid 1px #000;
    -moz-box-shadow: inset 0 0 30px #fff;
    -webkit-box-shadow: inset 0 0 30px #fff;
    box-shadow: inset 0px 0px 30px #fff;

        background: -moz-linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));
    background: -o-linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));
    background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(rgba(106, 156, 127, 0.9)), color-stop(50%, rgba(200, 196, 196, 0.9)), to(rgba(195, 169, 132,0.9)));
    background: linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));

    /*background: -o-linear-gradient(left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -moz-linear-gradient(center left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384));*/
    
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
}

.tlacitko_os_priuprave
{
    z-index: 2;
    border: solid 1px #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    -moz-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0px 0px 2px #fff;
    background-color: rgb(81,115,132);
    background-color: rgba(81,115,132,0.55);

        background: -moz-linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));
    background: -o-linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));
    background: linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));


    /*background: -o-linear-gradient(left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -moz-linear-gradient(center left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384));*/
}
.tlacitko_os_priuprave:hover
{
    border: solid 1px #000;
    -moz-box-shadow: inset 0 0 30px #fff;
    -webkit-box-shadow: inset 0 0 30px #fff;
    box-shadow: inset 0px 0px 30px #fff;

        background: -moz-linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));
    background: -o-linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));
    background: linear-gradient(left, rgba(106, 156, 127, 0.9), rgba(200, 196, 196, 0.9) 50%, rgba(195, 169, 132,0.9));


    /*background: -o-linear-gradient(left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -moz-linear-gradient(center left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
    background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384));*/
}
/*---------TLACITKO_OS-------------*/
.naseptavac_posta
{
        -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    
    background: black;
border: medium none currentColor;
border-radius: 10px 0px 10px 10px;
color: white;
height: 111px;
left: 3px;
opacity: 0.92;
position: absolute;
text-align: center;
top: 25px;

width: 279px;
vertical-align:middle;
opacity:0;
overflow:hidden;
    }
    
.naseptavac
{
        -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    
    overflow:hidden;
    background: black;
border: medium none currentColor;
border-radius: 0px 0px 10px 10px;
color: white;
height: 111px;

opacity: 0.92;
text-align: center;

width: 158px;

vertical-align:middle;
opacity:0;
position:relative;
top:0px;
        left:0px;z-index:10;
    }
   
    
    
    .naseptavac_posta select,.naseptavac select
    {
                -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    
    
        background-color:transparent;
        
background: rgba(0, 0, 0, 0);
border: medium none currentColor;
color: white;
height: 91px;
margin-top: 10px;
margin-right:-37px;
margin-left:-10px;
margin-left:-42px;
text-align: center;

width:100%;
padding:0px;
     }

.naseptavac_posta select {
    width: 350px;
}

.hl_strana
{
    color: #92ff25;
}
.hl_strana_pozadi
{
    width: 723px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Comic Sans MS';
    position: absolute;
    top: 70px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.298);
    text-align: center;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    height: 439px;
}

.hl_strana_pozadi_left_top
{line-height: 53px; font-size: medium; position: absolute; left: 11px; width: 146px; height: 56px; top: 12px;}
 .hl_strana_pozadi_left_top:hover
{
-webkit-transform: scale(0.92) skew(5deg, 5deg);
-moz-transform: scale(0.92) skew(5deg, 5deg);
-o-transform: scale(0.92) skew(5deg, 5deg);
transform: scale(0.92) skew(5deg, 5deg);}

.hl_strana_pozadi_left_bottom
{text-align: center; position: absolute; width: 135px; left: 11px; top: 88px; height: 275px;
 -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;}
    
.hl_strana_pozadi_center_top
{position: absolute; /*left: 188px;*/height: 220px; left: 174px; width: 396px; /*width: 356px;*/border:none;}
.hl_strana_pozadi_center_bottom
{text-align: center; position: absolute; height: 127px; width: 356px; top: 240px; left: 188px;}
.hl_strana_pozadi_right_top
{position: absolute; font-size: 0.9em; top: 12px; width: 146px; left: 585px; height: 56px; line-height: 26.5px;}
.hl_strana_pozadi_right_top:hover
{ 
-webkit-transform: scale(0.92) skew(-5deg, -5deg);
-moz-transform: scale(0.92) skew(-5deg, -5deg);
-o-transform: scale(0.92) skew(-5deg, -5deg);
transform: scale(0.92) skew(-5deg, -5deg);}
.hl_strana_pozadi_right_bottom
{text-align: center; position: absolute; width: 135px; left: 586px; top: 88px; height: 275px;
 -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;}
.hl_strana_pozadi_koment {
    text-align: center; position: absolute; height: auto; width: 720px; top: 374px; left: 11px;
     -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.hl_strana_spodek_left
{-moz-border-radius-topright: 10px; font-size: 15px; color: #006600; font-weight: bold;
                 position: absolute; top: 558px; left: 0px; width: 200px;
                height: 133px; border-top-right-radius: 10px; background-color: rgba(255, 255, 255, 0.3);
                text-align: center;}
.hl_strana_spodek_center
{font-size: 15px; font-weight: bold; position: absolute;
                top: 645px; left: 200px; width: 324px; height: 46px; background-color: rgba(255, 255, 255, 0.3);
                text-align: center;}
.hl_strana_spodek_right
{font-size: 15px; color: #006600; font-weight: bold; 
                position: absolute; top: 551px; left: 524px; width: 219px; height: 140px; border-top-left-radius: 10px;
                -moz-border-radius-topleft: 10px; background-color: rgba(255, 255, 255, 0.3);
             text-align: center;}

/*.hl_an_text {
    display:block;
    font-size:1.2em;
}
.hl_an_reg {
display: block;
margin: 10px;
font-size: 1.9em !important;
line-height: 56px;
}
.hl_an_chat {
font-size: 1.2em !important;
line-height: 26.5px;
display: block;
margin: 10px;
}
.hl_an_vid {
    display: block;
width: 700px;
height: 246px;
margin: 10px;
margin-left: auto;
margin-right: auto;
}*/

.hl_an_text {
    display:block;
    font-size:1.2em;
}
.hl_an_reg {
display: block;
margin: 10px;
font-size: 1.9em !important;
line-height: 56px;
}
.hl_an_chat {
font-size: 1.2em !important;
line-height: 26.5px;
display: block;
margin: 10px;
}
.hl_an_vid {
    display: block;
width: 280px;
height: 160px;
margin: 180px;
margin-left: 210px;
margin-right: auto;
}

.prazdny_odkaz {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
}
a{
    color: #009933;
}
a:hover
{
    color: #336600;
}
.vybrany
{
    color: #336600;
}
.menu a
{
    display:inline-block;
    -o-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

#hl_nadpis
{
    background-position: center;
    width: 400px;
    color: #009933;
    font-size: 80px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    height: 78px;
    text-decoration: none;
    position: absolute;
    top: 194px;
    left: 263px;
}
.autor_skinu
{
    float: right;
    width: 123px;
    height: 26px;
    position: relative;
    top: 0px;
    left: 0px;
}
.clear
{
    clear: left;
    margin: 0px;
    padding: 0px;
}
.hr_seznam_zivot
{
    width: 20%;
    border: 0px;
    border-top: 1px solid #4e4e4e;
}

.tlacitko_VIP
{
    margin-bottom: 2.5px;
    margin-top: 2.5px;
}
.ck_body
{
    border-width: 0px;
    width: auto;
}

/*----------------------------------------------------*/


.pochvala
{
    height: 147px;
    width: 147px;
    top: 0px;
    left: 597px;
    background-image: url('/img/pochvala.png');
    position: absolute;
}
.zh
{
    position:absolute;
    top:1px;
    left: 101px;
    z-index:10;
    /*height:auto !important;
    width:auto !important;*/
}

.redakcni_radek
{
    z-index: 2;
    height:auto;
    width:auto;
    position: relative;
}
.pocasi
{
    position: absolute;
    z-index: 5;
    top: 0px;
    left: 60%;
    width: 40%;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    font-size: small;
    font-weight: bold;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
}

/*----------------------------------------------------*/
/*-------------------------------MAPA-----------------*/
.zvyr_admin .obr_z, .zvyr_redaktor div.obr_z, .zvyr_rada .obr_z 

{    width:7px; }

.zvyr_admin
{
    font-weight: bold;
    font-style: italic;
}
.zvyr_admin .obr_z
{
background-image:url("/img/skiny/clasic_skin/ikony/key_a.png");
background-repeat:no-repeat;
background-position-y:center;
background-size:auto 100%;
}
.zvyr_redaktor
{
    font-style: italic;
}
.zvyr_redaktor .obr_z
{
background-image:url("/img/skiny/clasic_skin/ikony/key_r.png");
background-repeat:no-repeat;
background-position-y:center;
background-size:auto 100%;
}
.zvyr_rada
{
    
}
.zvyr_rada .obr_z
{
background-image:url("/img/skiny/clasic_skin/ikony/key_cr.png");
background-repeat:no-repeat;
background-position-y:center;
background-size:auto 100%;
}

.zvyr_duchod .obr_z
{
background-image:url("/img/skiny/clasic_skin/ikony/key_d.png");
background-repeat:no-repeat;
background-position-y:center;
background-size:auto 100%;
}

a.hpujmena {

}
.volny {
text-shadow: -15px 0px 7px white,15px 0px 7px white,0px 0px 7px white;
text-shadow: -15px 0px 7px rgba(255,255,255,0.4),15px 0px 7px rgba(255,255,255,0.4),0px 0px 7px rgba(255,255,255,0.4);
}
.hrajici {
/*text-shadow: -15px 0px 7px red,15px 0px 7px red,0px 0px 7px red;*/
text-shadow: -15px 0px 7px rgb(0, 0, 0),15px 0px 7px rgb(0, 0, 0),0px 0px 7px rgb(0, 0, 0);
text-shadow: -15px 0px 7px rgba(0, 0, 0, 0.7),15px 0px 7px rgba(0, 0, 0, 0.7),0px 0px 7px rgba(0, 0, 0, 0.7);
}
 .cekajiciNaHru{
 text-shadow: -15px 0px 7px orange,15px 0px 7px red,0px 0px 7px orange;
 text-shadow: -15px 0px 7px
 rgba(225,131,8,0.91),15px 0px 7px
 rgba(225,131,8,0.91),0px 0px 7px rgba(225,131,8,0.91); }



.volny_tl, .hrajici_tl, .cekajiciNaHru_tl {
    margin:0px;
    border-radius:0px;
    border:none;
    transition:all ease-in-out 0.2s;
position:relative;
width:8px;
height:9px;
width:15px;
min-height:0px;
vertical-align: middle;
}
    .volny_tl:hover, .hrajici_tl:hover, .cekajiciNaHru_tl:hover {
    transform:scale(1.5) !important;
    z-index:5;

    
    }
.volny_tl {
    background-color:green;
    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
   background-image:linear-gradient(90deg, green 60%, orange 125%);
}


.cekajiciNaHru_tl {
    background-color:orange;
    background-image:linear-gradient(90deg, green -40%, orange 25%,orange 75%,red 150%);
}
.hrajici_tl {
    background-color:red;
        border-bottom-right-radius:4px;
    border-top-right-radius:4px;
       background-image:linear-gradient(90deg, orange -25%, red 50%);
}



/*OBR_mapa*/
.ukaz_info_obal {
}


.ukaz_info_obal .ukaz_info_in {
        display: inline;
        visibility: hidden;
        opacity: 0;
        z-index: 2;
        left: -0px;
        position: absolute;
        transition: all ease-in-out 0.4s 0.1s;
    }

.ukaz_info_obal .ukaz_info_in img {
        width: 20px;
        transition: all ease-in-out 0.4s 0s;
    }

.ukaz_info_obal:hover .ukaz_info_in {
        visibility: visible;
        left: -202px;
        z-index: 3;
        opacity: 1;
    }


.ukaz_info_obal:hover .ukaz_info_in img {
        width: 200px;
    }

.ukaz_info_obal:hover .ukaz_info_in img.zh {
        width: 100px;
    }
/*Pro jednosloupcove*/
@media (max-width:1343px) {
	.ukaz_info_obal:hover .ukaz_info_in {

		
        left: 0px;
		transform:translateY(25px);

    }
}
/*Pro dvousloupcové*/
@media (max-width:1542px) {
	.hd_obsah .ukaz_info_obal:hover .ukaz_info_in {

		
        left: 0px;
		transform:translateY(25px);

    }
}
/*Pro třísloupcové*/
	.hd_obsah.hd_obsah1 .ukaz_info_obal:hover .ukaz_info_in {

		
        left: 0px;
		transform:translateY(25px);

    }
/*----------------------------------------------------*/
/*----------------------------------------------------*/


.mistnost
{
    font-family: "Comic Sans MS" , "Arial" , sans-serif;
    font-size: 12px;
    width:408px;
    margin-right: 25px; margin-left: auto;
    padding-top:5px;
    margin-bottom: 20px;
}
    .mistnost table {
    border-collapse:collapse; 
    }
    /*.mistnost td {
     
    width:100%;
    display:block;
    padding:0px;
    }*/


textarea.mistnost_txpole
{
       box-sizing:border-box;  
    /*Width:352px;*/
    Width:100%;
    Height:101px;

    /*background-color: #f9f8eb;
    border: 1px solid #000000;*/
}
.mistnost_zprava
{
    border-top-color: rgb(0, 0, 0);
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}

.mistnost_datum
{
    /*color: rgb(0, 0, 0);*/
    float: right;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-top: 2px;
    text-align: right;
}
.mistnost_tlacitko, .mistnost_tlacitko_vzdy
{
    border:none;
    color:#093;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(233, 230, 206);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 0px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0px;
    text-decoration: none;
}
.mistnost_tlacitko:hover, .mistnost_tlacitko_vzdy:hover
{
    color:#360;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(202, 199, 179);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
}
.mistnost_jmeno
{
    font-size: 13px;
    font-weight: 700;
    position: relative;
    top: 2px;
}
.mistnost_vzkaz
{
    clear: both;
    /*color: rgb(0, 0, 0);*/
    line-height: 1.4;
height:auto;
    clear: both;
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.mistnost_reakce
{
    width: 96%;
    margin-left: 4%;
}
.mistnost_reakce p
{
    padding: 0px;
}
.mistnost_reakce .mistnost_tlacitko
{
    display: none;
}

.fb_share
{
    text-decoration: none;
    cursor: pointer;
}
.fb_share img
{
height: 22px;
width:22px;
margin-bottom: -5px;

border:none;

-o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.fb_share img:hover
{
    -webkit-transform: scale(1.9) rotate(350deg);
    -moz-transform: scale(1.9) rotate(350deg);
    -o-transform: scale(1.9) rotate(350deg);
    transform: scale(1.9) rotate(350deg);
}
/*------------------------KOMENTÁŘE------------------------*/
.koment_tl {
    text-align:center;
    height:20px;
    /*background-color:gray !important;
    background-image:-o-linear-gradient(top, gray,rgb(46, 46, 46)) !important;*/
    /*color:rgb(202, 199, 179);*/
    border-top:solid 1px black;
    overflow:hidden;
    
/*-moz-transition: box-shadow 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0, height 0.4s ease-in-out !important;*/
/*transition: height 0.4s ease-in-out,box-shadow 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0, !important;*/
transition: all 0.3s ease-in-out !important;
}
.obr_koment div {
    background-color: rgba(255,255,255,0.5);
}

/*.koment_tl:hover {
height:auto;
}*/
/*-------------------------------------------------------*/
/*---------------------------HD-----------------------------*/
.hd_obsah {
width: 1142px;
}
.hd_menu_container {
    margin-left:8px;
}
.hd_menu_container1 {margin-left:0px;
}
/*HD+*/
.hd_obsah1 .hd_menu_container1 {
float:left;
margin-right:8px;
}
.hd_obsah1 .hd_menu_container {
margin-left:8px;
}
/*-------------------------------------------------------*/
/*--------------------------UPLOAD-----------------------------*/
.gallery_upload {
    position:relative;
    
}
.gallery_upload div{
    width:auto;
    position:absolute;
    top:0px;
     background-color: rgba(255,255,255,0.5);
    padding:3px;
    border-bottom-right-radius:10px;
    margin:1px;
    visibility:hidden;
    
    transition:opacity .5s ease-in-out ;
    opacity:0;
}
.gallery_upload:hover div{
visibility:visible;
opacity:1;
}
/*-------------------------------------------------------*/

/*--------------------------LOADING -----------------------------*/
.LOADOBAL {
height:60px;
}
.LOAD1 {
	background-color: rgba(255,255,255,0);
	border:5px solid rgba(0,135,9,0.9);
	box-shadow: 0 0 35px #000000;
    
    opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	width:50px;
	height:50px;
	margin:0 auto;
    background-color:white;
    transition:opacity ease-in-out .3s;

	-moz-animation:spin 1.5s infinite linear;
	-webkit-animation:spin 1.5s infinite linear;
    animation:spin 1.5s infinite linear;
}
.LOAD2 {
	background-color: rgba(255,255,255,0);
	border:5px solid rgba(39,255,0,0.9);
	box-shadow: 0 0 15px #000000; 

    opacity:.9;
    border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	
	width:30px;
	height:30px;
	margin:0 auto;
	position:relative;
	top:-50px;

    transition:opacity ease-in-out .3s;

	-moz-animation:spinoff 1.5s infinite linear;
	-webkit-animation:spinoff 1.5s infinite linear;
    animation:spinoff 1.5s infinite linear;
}
@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}
@keyframes spin {
	0% { transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}
@keyframes spinoff {
	0% { transform:rotate(0deg); }
	100% {transform:rotate(-360deg); }
}
/*-----------------------------------------------------------------------*/


/*---------------------------------HP CHAT--------------------------------------*/
 .hpch {
        position:absolute;
        top:0px;
        left:0px;
        width:180px;
        left: -154px;
        transition: left ease-in-out .4s;
        }
            .hpchn:hover,.hpchhover {
            left:0px;
            
            }
        .hpch p {
            position:relative;
        display:inline-block;
        width:100px;
        margin:5px 0px;
        margin-left:5px;
        overflow:hidden;
        height:18px;
        
        vertical-align:middle;
        user-select:none;
        cursor:ns-resize;
        transition: background-color ease-in-out .4s;
        background-color:rgba(255,255,255,0);
        }
span.otaceni {
 width:auto !important;
}
span.otacej{
 
animation:otacej ease-in-out 1s infinite;
animation-duration:1s;
animation-delay:0s;       

}
            .hpch p img {
            height:18px;
            }
        .hpch span {
            display:inline-block;
        width:30px;
        }
                .hpch p:active {
height:auto;
z-index:5;
background-color:rgba(127,127,127,.8);

        }
        .hpch_new p:active {
            background-color: none;
        }
                    .hpch p:active img {
                    height:auto;
                    }
        .hpch_tit {
            position:absolute;
            display:inline-block;
            /*width:100%;*/


            /*overflow-wrap:break-word;
            text-wrap:avoid;
            word-wrap:hyphenate;
            word-wrap:break-word;
            flex-wrap:nowrap;*/
            white-space:nowrap;

            text-align:right;
            
            top:0px;
            /*left:52px;*/
            right:30px;
            height:50px;
            line-height:50px;
            
            transform-origin: 100% 0%;
        transform: rotate(-90deg);
        }
        .hpch_datum {
        margin-left:5px;
        font-size:12px;
        color:gray;vertical-align:middle;
        }
        .hpch_del {
        /*transform:rotate(90deg);*/
        
        
        }
        .hpch_new {
        
        /*height:auto !important;width:auto !important;*/

        }
        .hpch_new input{
            min-height:0px;
            /*display:inline-block;*/
            height:15px;
            width:99%;
            /*height:100%;*/
        }
        @keyframes otacej {
            0% {
                transform: rotate(0deg);
                transform-origin:50% 50%;
            }

            33% {
                transform: rotate(-90deg);transform-origin:50% 50%;
            }
            66% {transform: rotate(90deg);transform-origin:50% 50%;
            }

            100% {
                transform: rotate(0deg);transform-origin:50% 50%;
            }
        }

/*-----------------------------------------------------------------------*/
/*--------------------------RolMenu-----------------------------*/
.animuj {
transition: height ease-in-out 0.3s;
overflow:hidden;
}
/*--------------------------//RolMenu---------------------------*/

/*--------------------------Auto Hodnoceni u profilu-----------------------------*/
.hodnoceni {
background-image:linear-gradient(to right, red,green);
height:10px;
opacity:0.65;
color:black;
font-size:10px;
padding:0px;
line-height:10px;
text-align:justify;
-moz-text-align-last:justify;
text-align-last:justify;
padding:0% 3.125%;
position:relative;
text-shadow:0px 0px 2px white;
}
.hodnoceni_stupnice {
    position:absolute;
    top:0px;
    left:0px;
    height:50%;
    width:100%;
    background-image:linear-gradient(to right,transparent 12.4%, black 12.5%,transparent 12.6%,
                                              transparent 24.9%, black 25%,transparent 25.1%,
                                              transparent 37.4%, black 37.5%,transparent 37.6%,
                                              transparent 49.9%, black 50%,transparent 50.1%,
                                              transparent 62.4%, black 62.5%,transparent 62.6%,
                                              transparent 74.9%, black 75%,transparent 75.1%,
                                              transparent 87.4%, black 87.5%,transparent 87.6%);
}
.hodnoceni_jezdec {
    position:absolute;
    top:0px;
    left:0%;
width:1%;
height:100%;
background-color:yellow;

transition: left ease-in-out .5s;
}
/*--------------------------//Auto Hodnoceni u profilu---------------------------*/

.reklama {
display: block; 
width: 728px; 
height: 90px; margin-left: auto; margin-right: auto;margin-top:25px;
}


/*--------------------------BUBLEJ-----------------------------*/
/*@keyframes bublej {
    0% {transform:scale(1) skew(0deg);
    }
    50% {transform:scale(1.0001) skew(2deg);
    }
    100% {
        transform:scale(1) skew(0deg);
    }
}
@keyframes bublej1 {
    0% {transform:scale(1) skew(0deg);
    }
    50% {transform:scale(1.01) skew(0deg);
    }
    100% {
        transform:scale(1) skew(0deg);
    }
}
div:nth-of-type(2n+1) {
animation: bublej ease-in-out 1s infinite;
}
div:nth-of-type(2n) {
animation: bublej1 ease-in-out 0.75s infinite;
animation-delay:0.25s;*/

/*--------------------------//BUBLEJ-----------------------------*/
/*--------------------------.profil_obrazek-----------------------------*/

/*@keyframes prof_ukaz {
    0% {opacity:0;}
    1% {opacity:0;}
   
    100% {opacity:1;}
}

.profil_obrazek:hover img{
    animation: prof_ukaz 1s ease-in-out reverse;
    animation-fill-mode:forwards;
}

.profil_obrazek:not(:hover) img{
    animation: prof_ukaz 1s ease-in-out normals;
    animation-fill-mode:forwards;
}*/

/*----------------------------------------------------------------------*/


/*@keyframes april {
    0% {transform: scale(1);}
    25% {transform: scale(0.98);}
    50% {transform: scale(1.02) rotate(90deg);}
    75% {transform: scale(0.9) rotate(360deg);}
    100% {transform: scale(1.1);}
}
.menu,.tlacitko_os{
    animation:april 1s ease-in-out;
    animation-iteration-count:infinite;
    transform: scale(0);
}
.menu:hover,.tlacitko_os:hover{

    animation-play-state:paused;
    transform: scale(0);
}*/