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

#paticka_push {height: 40px; clear: both;}
#paticka_ramecek {height: 40px; clear: both; background-color: silver; position: relative; top: 0px; left: 0px; font-size: 12px; color: rgb(90,90,90);}
#paticka_ramecek2 {width: 88%; height: 100%; position: relative; display: block; line-height: 40px; margin: 0 6% 0 6%;}

#paticka_ramecek2_stred {width: 240px; position: relative; left: calc(50% - 120px); display: inline-block; float: left; text-align: center;}
#paticka_ramecek2_vpravo {width: 140px; position: relative; display: inline-block; float: right; text-align: right;}

#paticka_radek {display: none;}
.paticka_odkaz {cursor: pointer; color: rgb(90,90,90);}
.paticka_odkaz:hover {text-decoration: underline;}

#paticka_vu_nahravam {width: 100px; height: 50px; display: table; position: relative; left: calc(50% - 50px); text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#paticka_vu_nahravam_kolo1 {width: 40px; position: relative; top: 10px; left: 0px;}
#paticka_vu_nahravam_kolo2 {width: 40px; position: relative; top: 5px; left: -4px;}

#paticka_obrazek_nahravam {position: absolute; top: calc(50% - 24px); left: calc(50% - 35px); display: block; z-index: 10;}
#paticka_nahravam_kolo1 {width: 40px; position: relative; top: 9px; left: 0px;}
#paticka_nahravam_kolo2 {width: 40px; position: relative; top: 0px; left: -10px;}

#paticka_vu_obrazek_zrusit {width: 25px; height: 25px; display: block; position: absolute; z-index: 10; cursor: pointer;}
#paticka_vu_obrazek_stin {position: absolute; background-color: rgb(234,234,234); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); -moz-box-shadow: 0px 1px 2px 1px rgba(153,153,153,1); box-shadow: 0px 1px 2px 1px rgba(153,153,153,1);}
#paticka_vu_obrazek_samotny {position: absolute; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

#paticka_vu_obrazek_popisek {position: absolute; display: none; text-align: left; font-size: 14px; line-height: 20px; color: white; background: rgba(0,0,0,0.6); padding: 15px 18px 15px 18px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; z-index: 100;}
#dsfg112dfg5 {color: white; text-decoration: none;}
#dsfg112dfg5:hover {text-decoration: underline;}

@media only screen and (max-width: 530px) and (min-width: 431px) {#paticka_ramecek2_stred {left: 1px; text-align: left;}}
@media only screen and (max-width: 430px) {#paticka_ramecek2_stred {display: none;} #paticka_ramecek2_vpravo {left: calc(50% - 70px); float: left;}}

@media only screen and (max-width: 400px) {#stranka {margin: 0 auto -50px auto;} #paticka_push {height: 50px;} #paticka_ramecek {height: 50px;} #paticka_ramecek2 {line-height: 50px;} #paticka_radek {display: block;}}

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