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

a {text-decoration: none; color: rgb(8,11,185);}
a:hover {cursor: pointer;}

img, video {border: none;}
:active, :focus {outline: none; -moz-outline-style: none;}

* {margin: 0;}
html {height: 100%;}
body {height: 100%; text-decoration: none; background-repeat: repeat;}
#stranka {width: 88%; max-width: 1690px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -43px auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: solid 1px transparent;}
#obsah {width: 100%; display: block; padding: 72px 0 27px 0; padding: 80px 0 27px 0;}

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

#odkladiste {position: relative; top: 50px; display: none; z-index: 100;}

#vypis_nahravam {position: fixed; z-index: 10;}
@media only screen and (max-width: 9999px) and (min-width: 1601px) {#vypis_nahravam {width: 60px; top: calc(50% - 30px); left: calc(50% - 30px);}}
@media only screen and (max-width: 1600px) and (min-width: 1201px) {#vypis_nahravam {width: 50px; top: calc(50% - 25px); left: calc(50% - 25px);}}
@media only screen and (max-width: 1200px) and (min-width: 0000px) {#vypis_nahravam {width: 40px; top: calc(50% - 20px); left: calc(50% - 20px);}}

.nastala_chyba_vu {color: white; position: relative; top: 10px; left: 20px;}

#polozka_ramecek {width: 100%; display: table;}

#obrazek_ramecek {max-width: 50%; height: 100%; margin-right: 35px; position: relative; float: left; cursor: pointer;}
#obrazek_samotny {max-width: 100%; position: relative; display: block;}
.dilo_obrazek_samotny_nepruhl_border, .dilo_obrazek_samotny_nepruhl_border_stin {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.popisek_ramecek {width: calc(50% - 35px); position: relative; float: right; font-size: 14px; line-height: 150%; margin-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.nastroj_odkaz {color: inherit;}
.popisek_ramecek_pozadi, .popisek_ramecek_pozadi_stin  {padding: 25px 30px 20px 30px; margin-top: 0px;}
.popisek_ramecek_pozadi_border, .popisek_ramecek_pozadi_border_stin  {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 25px 30px 20px 30px; margin-top: 0px;}
#popisek_ramecek_nadpis {font-size: 20px; font-weight: bold;}

#cena_ramecek {width: 60%; position: relative; bottom: 0px; display: block; float: left; padding: 3px 8px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#polozka_cena {font-size: 18px; font-weight: bold;}
#polozka_skladem {font-size: 14px; font-weight: normal;}
#polozka_koupit {width: 26%; min-width: 124px; max-width: 180px; position: relative; bottom: 0px; display: block; float: right; font-size: 17px; text-align: center; cursor: pointer; padding: 10px 12px 10px 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.polozka_koupit_radius {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

#ov_ramecek {width: calc(100% + 20px); display: table;}
#ov_vypis_nadpis {font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.ov_obrazek_ramecek {position: relative; display: block;  float: left; margin: 0 20px 20px 0;}
.ov_dilo_obrazek_ramecek {display: table; position: relative; display: table-cell; vertical-align: middle; cursor: pointer;}
.ov_dilo_obrazek_samotny {display: block; margin: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ov_dilo_obrazek_samotny_nepruhl_border, .ov_dilo_obrazek_samotny_nepruhl_border_stin {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.tlacitko_play_ramecek {width: 26px; height: 26px; position: absolute; display: block; float: right; cursor: pointer; background-color: black; opacity: 0.75; filter: alpha(opacity=75); border: solid 2px white; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-top: -35px; z-index: 20;}
.tlacitko_play_trojuhelnik {width: 0; height: 0; position: relative; top: 6px; left: 8px; display: block; font-size: 0; line-height: 0; border-left: 14px solid white; border-top: 7px solid transparent; border-bottom: 7px solid transparent;}

#pp_ramecek {width: calc(100% + 20px); display: table; margin-top: 10px;}
#pp_vypis_nadpis {font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.pp_obrazek_ramecek {position: relative; display: block; float: left; margin: 0 20px 10px 0;}
.pp_dilo_obrazek_ramecek {display: table; position: relative; display: table-cell;vertical-align: middle; cursor: pointer;}
.pp_dilo_obrazek_samotny {display: block; margin: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.pp_dilo_obrazek_samotny_nepruhl_border, .pp_dilo_obrazek_samotny_nepruhl_border_stin {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.pp_obrazek_nazev {font-size: 14px; line-height: 150%; text-align: center; position: absolute; overflow:hidden !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

@media only screen and (max-width: 1000px) {
	#obrazek_ramecek {width: auto !important; max-width: 100%; margin-right: 0;}
	#popisek_ramecek{width: 100%; margin-top: 30px;}
	#obrazek_samotny {width: 100% !important;}
	#ov_vypis_nadpis, #pp_vypis_nadpis {text-align: left;}
	}
@media only screen and (min-width: 1400px) {
	.popisek_ramecek_pozadi, .popisek_ramecek_pozadi_stin, .popisek_ramecek_pozadi_border, .popisek_ramecek_pozadi_border_stin  {padding: 30px 35px 25px 35px;}
	}

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

#vu_obrazek_samotny {position: absolute; border: none;}
.vu_obrazek_border {}

#vu_nahravam {position: absolute; z-index: 10;}
#obrazek_nahravam {position: absolute; display: block; z-index: 10;}
@media only screen and (max-width: 9999px) and (min-width: 1601px) {#vu_nahravam, #obrazek_nahravam {width: 60px; top: calc(50% - 30px); left: calc(50% - 30px);}}
@media only screen and (max-width: 1600px) and (min-width: 1201px) {#vu_nahravam, #obrazek_nahravam {width: 50px; top: calc(50% - 25px); left: calc(50% - 25px);}}
@media only screen and (max-width: 1200px) and (min-width: 0000px) {#vu_nahravam, #obrazek_nahravam {width: 40px; top: calc(50% - 20px); left: calc(50% - 20px);}}

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