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

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

img, video {border: none; color: rgb(234,234,234);}
:active, :focus {outline: none; -moz-outline-style: none;}

* {margin: 0;}
html {height: 100%;}
body {height: 100%; font-family: 'Lucida Grande', Arial, 'Lucida Sans Unicode', sans-serif; text-decoration: none; font-size: 13px; background-color: rgb(98,54,54);}
#stranka {width: 88%; max-width: 1690px; min-height: 100%; height: auto !important; height: 100%; position: relative; top: 0px; left: 0px; display: block; margin: 0 auto -40px auto;}
#obsah {width: 100%; display: block; padding: 72px 0 27px 0;}

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

.tabulka {width: 100%; position: relative; font-size: 13px; color: rgb(50,50,50); text-align: center; border-collapse: collapse; margin: 5px 0 30px 0;}
.tabulka td {padding: 7px 12px 7px 12px;}

.balicek_nazev {font-size: 24px; font-weight: bold; color: white; text-shadow: black 0px 0px 4px;}
.balicek_popis {padding-bottom: 7px; margin-top: 5px;}
.balicek_cena {font-size: 18px; font-weight: bold; padding-bottom: 5px;}

.radek_zvyraznit1 {font-weight: bold; color: rgb(255,47,47);}
.radek_zvyraznit2 {font-weight: bold; color: rgb(0,0,255);}

#cenik tr td:first-child {border-bottom: solid 1px rgb(128,65,65);}
#cenik_nadpis {font-size: 22px; font-weight: bold; color: white; text-shadow: black 0px 0px 4px; /* transform: rotate(-20deg); */}
.cenik_nazev {color: white;}
.balicek0 {border-bottom: solid 1px rgb(168,168,168); border-right: solid 2px rgb(168,168,168); background: rgb(208,208,208);}
.balicek1 {border-bottom: solid 1px rgb(150,150,150); border-right: solid 2px rgb(150,150,150); background: rgb(198,198,198);}
.balicek2 {border-bottom: solid 1px rgb(130,180,130); border-right: solid 2px rgb(130,180,130); background: rgb(169,244,169);}
.balicek3 {border-bottom: solid 1px rgb(215,124,124); border-left: solid 3px rgb(215,124,124); border-right: solid 3px rgb(215,124,124); background: rgb(251,189,189);}
.balicek4 {border-bottom: solid 1px rgb(150,150,206); border-left: solid 2px rgb(150,150,206); background: rgb(196,196,255);}

.cenik_popisek_ramecek {font-size: 14px; color: rgb(255,224,224); margin: 10px 5px 0 0;}
.cenik_popisek_odkaz {height: 30px; position: relative; display: block; float: left; color: white; text-align: center; font-size: 12px; line-height: 30px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: rgb(4,153,13); padding: 0 12px 0 12px; margin: 10px 10px 0 0;}
.cenik_popisek_ramecek a {color: rgb(255,47,47); border-bottom: dotted 1px rgb(50,50,50);}

#cenik_nadpis_respo {font-size: 24px; font-weight: bold; color: white; text-shadow: black 0 0 4px; text-align: center; display: none;}
#balicek0_respo {border: solid 1px rgb(168,168,168); background: rgb(208,208,208); display: none;}
#balicek1_respo {border: solid 1px rgb(150,150,150); background: rgb(198,198,198); display: none;}
#balicek2_respo {border: solid 2px rgb(130,180,130); background: rgb(169,244,169); display: none;}
#balicek3_respo {border: solid 2px rgb(215,124,124); background: rgb(251,189,189); display: none;}
#balicek4_respo {border: solid 2px rgb(150,150,206); background: rgb(196,196,255); display: none;}

#balicek0_respo tr {border-bottom: solid 1px rgb(168,168,168);}
#balicek1_respo tr {border-bottom: solid 1px rgb(150,150,150);}
#balicek2_respo tr {border-bottom: solid 1px rgb(130,180,130);}
#balicek3_respo tr {border-bottom: solid 1px rgb(215,124,124);}
#balicek4_respo tr {border-bottom: solid 1px rgb(150,150,206);}

@media only screen and (max-width: 710px) {#cenik {display: none} #cenik_nadpis_respo, #balicek0_respo, #balicek1_respo, #balicek2_respo, #balicek3_respo, #balicek4_respo {display: table;}}

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

.tlacitko_modre {height: 30px; position: relative; display: inline-block; text-align: center; font-size: 12px; line-height: 30px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 15px 0 15px; margin: 10px auto 10px auto; /* tlacitko modre */ color: white; border: solid 1px rgb(100,100,100); -webkit-box-shadow: inset 0 1px 3px -1px white; -moz-box-shadow: inset 0 1px 3px -1px white; box-shadow: inset 0 1px 3px -1px white; border: solid 1px rgb(80,80,120); background: rgb(246,246,246); background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(71,149,209,1) 0%, rgba(59,90,153,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(0%,rgba(71,149,209,1)), color-stop(100%,rgba(59,90,153,1))); background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(71,149,209,1) 0%,rgba(59,90,153,1) 100%); background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(71,149,209,1) 0%,rgba(59,90,153,1) 100%); background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(71,149,209,1) 0%,rgba(59,90,153,1) 100%); background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(71,149,209,1) 0%, rgba(59,90,153,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#3b5a99', GradientType=0);}

.tlacitko_zelene {height: 30px; position: relative; display: inline-block; text-align: center; font-size: 12px; line-height: 30px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 15px 0 15px; margin: 10px auto 10px auto; /* tlacitko zelene */ color: white; border: solid 1px rgb(80,120,80); -webkit-box-shadow: inset 0 1px 3px -1px white; -moz-box-shadow: inset 0 1px 3px -1px white; box-shadow: inset 0 1px 3px -1px white; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(30,165,0,1) 0%, rgba(33,132,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(0%,rgba(30,165,0,1)), color-stop(100%,rgba(33,132,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(30,165,0,1) 0%,rgba(33,132,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(30,165,0,1) 0%,rgba(33,132,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(30,165,0,1) 0%,rgba(33,132,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(30,165,0,1) 0%,rgba(33,132,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#218400', GradientType=0);}

.tlacitko_cervene {height: 30px; position: relative; display: inline-block; text-align: center; font-size: 12px; line-height: 30px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 15px 0 15px; margin: 10px auto 10px auto; /* tlacitko cervene */ color: white; border: solid 1px rgb(120,80,80); -webkit-box-shadow: inset 0 1px 3px -1px white; -moz-box-shadow: inset 0 1px 3px -1px white; box-shadow: inset 0 1px 3px -1px white; background: rgb(232,56,25); background: -moz-linear-gradient(top, rgba(232,56,25,1) 0%, rgba(183,11,11,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,56,25,1)), color-stop(100%,rgba(183,11,11,1))); background: -webkit-linear-gradient(top, rgba(232,56,25,1) 0%,rgba(183,11,11,1) 100%); background: -o-linear-gradient(top, rgba(232,56,25,1) 0%,rgba(183,11,11,1) 100%); background: -ms-linear-gradient(top, rgba(232,56,25,1) 0%,rgba(183,11,11,1) 100%); background: linear-gradient(to bottom, rgba(232,56,25,1) 0%,rgba(183,11,11,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e83819', endColorstr='#b70b0b', GradientType=0);}

.tlacitko_sede {height: 30px; position: relative; display: inline-block; text-align: center; font-size: 12px; line-height: 30px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 15px 0 15px; margin: 10px auto 10px auto; /* tlacitko sede */ color: white; border: solid 1px rgb(80,80,80); -webkit-box-shadow: inset 0 1px 3px -1px white; -moz-box-shadow: inset 0 1px 3px -1px white; box-shadow: inset 0 1px 3px -1px white; background-color: rgb(100,100,100); background: -moz-linear-gradient(top,  rgba(100,100,100,1) 0%, rgba(90,90,90,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,100,100,1)), color-stop(100%,rgba(90,90,90,1))); background: -webkit-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(90,90,90,1) 100%); background: -o-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(90,90,90,1) 100%); background: -ms-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(90,90,90,1) 100%); background: linear-gradient(to bottom,  rgba(100,100,100,1) 0%,rgba(90,90,90,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535', endColorstr='#323232', GradientType=0);}

.tlacitko_modre:active, .tlacitko_zelene:active, .tlacitko_cervene:active, .tlacitko_sede:active  {/* tlacitko sede */ color: rgb(210,210,210); border: solid 1px rgb(80,80,80); -webkit-box-shadow: inset 0 1px 3px -1px white; -moz-box-shadow: inset 0 1px 3px -1px white; box-shadow: inset 0 1px 3px -1px white; background-color: rgb(100,100,100); background: -moz-linear-gradient(top,  rgba(100,100,100,1) 0%, rgba(90,90,90,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,100,100,1)), color-stop(100%,rgba(90,90,90,1))); background: -webkit-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(90,90,90,1) 100%); background: -o-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(90,90,90,1) 100%); background: -ms-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(90,90,90,1) 100%); background: linear-gradient(to bottom,  rgba(100,100,100,1) 0%,rgba(90,90,90,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535', endColorstr='#323232', GradientType=0);}

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