/* = STYLY DOCASNE PRENESENE ZE STAREHO WEBU
-------------------------------------------------------------- */

img.logo-provozovny-bile-pozadi {
	border: none !important;
}

img.logo-provozovny-zelene-pozadi {
	display: none;
}


/* === formatovani TOOLTIPu === */
div.ui-tooltip {
	text-align: center;
}


/* === formatovani odkazu mimo web === */
a.linkOut {
	padding-left: 12px;
	background: url(../ikonky/ikona-link-seda.gif) left center no-repeat;
}


/* === formatovani PROGRAMu a "Doprava z akce" === */
ul.program {
	list-style-type: square;
}

ul.program li {
	margin-top: 10px;
}

ul.program li ul li {
	margin-top: 0px;
	margin-left: 140px;
}

ul.program li ul li ul li {
	margin-left: 0px;
}

li span.hodiny {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	min-width: 150px;
	display: -moz-inline-box;
	display: inline-block;
}

li span.zastavka { /* mimo jine pro MS v kouleni? */
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	min-width: 80px;
	display: -moz-inline-box;
	display: inline-block;
	text-align: right;
	padding-right: 20px;
}

/* takhle je to asi "zastarale"
a.odkaz-partner {
	font-weight: normal !important;
	padding-left: 12px;
	background: url(design/link-icon.gif) left bottom no-repeat;
}
*/

/* takhle je to asi lepsi a je to tak treba v id1223cz */
a.odkaz-partner,
ul.program li a,
ul.program li a:visited,
ul.program li a:hover {
	font-weight: normal !important;
	padding-left: 12px;
	background: url(../ikonky/ikona-link-seda.gif) left center no-repeat;
}
/**/

em.ochutnavka { /* ochutnavky piva na trase kouleni */
	float: right;
	font-size: smaller;
	padding: 0px 3px 0px 23px;
	border-radius: 5px;
	border: 1px solid #726035;
	background: #fff url(../ikonky/ikona-pivo-16px.jpg) 3px center no-repeat;
}

/* doprava z akce */
div#dopravaZAkce {
	width: 162px;
	height: 207px;
	bborder: 1px solid black;
	float: right;
	background: url(../pozadi/pozadi-doprava-z-akce.jpg) top left no-repeat;
	padding: 5px;
	padding-top: 18px;
	margin-left: 10px;
	margin-bottom: 10px;
	amargin-top: -25px;
}

div#dopravaZAkce h3 {
	font-size: 15px;
}

div#dopravaZAkce ul {
	font-size: 10px;
	margin: 0px;
	padding-left: 0px;
	&margin-left: 20px;
}

div#dopravaZAkce ul li {
	margin-left: 0px;
}


/* === formatovani zlateho tlacitka === */
a.tlacitko-zlate {
	float: right;
	background: #630 url(../pozadi/pozadi-tlacitko-zlate.gif) left top no-repeat;
	overflow: hidden;
	text-indent: 0px;
}

a.tlacitko-zlate em {
	display: block;
	background: url(../pozadi/pozadi-tlacitko-zlate-konec.gif) right top no-repeat;
	padding: 3px 10px 0px 10px;
	height: 30px;
	font-style: normal;
	font-size: 16px;
}

a.tlacitko-zlate,
a.tlacitko-zlate:visited,
a.tlacitko-zlate:hover {
	text-decoration: none;
	color: #000;
	text-shadow: 0px 0px 1px #000;
}

a.tlacitko-zlate:hover {
	background-position: left bottom;
	color: #fff !important;
	text-shadow: 0px 0px 3px #000;
}

a.tlacitko-zlate:hover em {
	background-position: right bottom;
}

a.tz-pdf span,
a.tz-zip span,
a.tz-jpg span,
a.tz-map span,
a.tz-foto span,
a.tz-visacka span,
a.tz-download span,
a.tz-calendar span,
a.tz-gift span,
a.tz-cart span {
	display: block;
	background: url(../ikonky/ikona-pdf.gif) 6px center no-repeat;
	padding-left: 20px;
}

a.tz-zip span {
	background-image: url(../ikonky/ikona-zip.gif);
}

a.tz-jpg span {
	background-image: url(../ikonky/ikona-jpg.gif);
}

a.tz-calendar span {
	background-image: url(../ikonky/ikona-calendar-add.gif);
}

a.tz-map span {
	background-image: url(../ikonky/ikona-map.gif);
}

a.tz-foto span {
	background-image: url(../ikonky/ikona-foto.gif);
}

a.tz-visacka span {
	background-image: url(../ikonky/ikona-visacka.gif);
}

a.tz-download span {
	background-image: url(../ikonky/ikona-download-16px.gif);
}

a.tz-gift span {
	background-image: url(../ikonky/ikona-gift.png);
}

a.tz-cart span {
	background-image: url(../ikonky/ikona-cart.png);
}

a.tlacitko-u-nadpisu {
	margin-left: 15px;
	margin-top: -20px;
}

a.tlacitko-u-nadpisu-10px-vyse {
	margin-top: -10px;
}

div.tlacitka-zlata-blok {
	text-align: right;
}

div.tlacitka-zlata-blok a.tlacitko-zlate {
	float: none;
	display: inline-block;
	margin-left: 15px;
}

/* === formatovani zlateho tlacitka v Sortimentu (zakulaceni a stin) === */
div.cela-polozka-sortimentu a.tlacitko-zlate {
	color: #000 !important;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 5px 5px 10px #000;
}

div.cela-polozka-sortimentu a.tlacitko-zlate:hover {
	color: #fff !important;
	box-shadow: 0px 0px 2px 2px #000;
	margin: 5px 0px 0px 5px;
}


/* === galerie === */
div.galerie a {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 145px;
	height: 145px;
	overflow: hidden;
	margin: 5px;
	background: #0e2213 center center no-repeat;
	border-radius: 10px;
	border: 2px solid #726035;
/*	background-size: cover; */
}

div.galerie a div {
	width: 143px;
	height: 143px;
	background: url('../ikonky/ikona-lupa-pruhledna.png') right top no-repeat;
}


/* === formatovani UPOZORNENI === */
div.upozorneni,
div.upozorneni-ruka-vintage,
div.upozorneni-vanoce,
div.upozorneni-dulezite {
	wwidth: 590px;
	margin-bottom: 30px;
	background: #d5d59f url(../pozadi/upozorneni.jpg) left center no-repeat;
	border: 2px solid #86784f;
	border-radius: 10px 0px 10px 10px;
	ddisplay: none;
}

div.upozorneni-dulezite {
	background: #f99 url(../pozadi/upozorneni-dulezite.jpg) left center no-repeat;
	border-color: #c00;
	color: #000;
}

div.upozorneni-ruka-vintage {
	background-image: url(../pozadi/upozorneni-ruka-vintage.jpg);
}

div.upozorneni-vanoce {
	background-image: url(../pozadi/upozorneni-vanoce.png);
	background-position: -10px -20px;
	background-color: #6c6;
}

div.upozorneni p,
div.upozorneni-ruka-vintage p,
div.upozorneni-vanoce p,
div.upozorneni-dulezite p,
div.upozorneni ul,
div.upozorneni-ruka-vintage ul,
div.upozorneni-vanoce ul,
div.upozorneni-dulezite ul { 
	margin: 10px 15px 10px 100px !important;
	text-indent: 0px;
}

div.upozorneni ul,
div.upozorneni-ruka-vintage ul,
div.upozorneni-vanoce ul,
div.upozorneni-dulezite ul {
	margin-left: 120px !important;
}

div.upozorneni a,
div.upozorneni-ruka-vintage a,
div.upozorneni-vanoce a,
div.upozorneni-dulezite a {
	color: #000 !important;
}

div.upozorneni p img,
div.upozorneni-ruka-vintage p img,
div.upozorneni-vanoce p img,
div.upozorneni-dulezite p img {
	float: right;
	margin-top: 0px;
	margin-left: 10px;
	border: 2px solid #86784f;
}

div.upozorneni p img.smilie,
div.upozorneni-ruka-vintage p img.smilie,
div.upozorneni-vanoce p img.smilie,
div.upozorneni-dulezite p img.smilie {
	float: none;
	display: inline;
	margin: 0px;
	border: none;
}

/* === formatovani Kariera - inzerat === */
div.karieraInzerat {
	border: 2px solid black;
	border-radius: 10px;
	background-color: #ddd;
	padding: 10px 15px;
	margin-top: 30px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .4);
}

div.karieraInzerat div.upozorneni {
	margin: 0px;
	margin-bottom: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .6) inset;
}


/* === formatovani kalendare akci a prehledu poukazu === */
div.akce-nahled,
div.poukaz-nahled {
	float: left;
	margin: 21px;
}

div.predelovaci div.nadpis,
div.akce-nahled a,
div.poukaz-nahled a {
	display: block;
	width: 270px;
	hheight: 200px;
	color: #fff;
	font-size: 12px;
	padding: 10px 15px;
	text-align: right;
	box-shadow: 5px 5px 15px 0px #000;
	overflow: hidden;
	border: 2px solid #000;
	border-radius: 10px;
	background-color: #726035;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

div.akce-nahled.probehla a {
	opacity: 0.5;
	background-color: #999;
}

span.datum-akce-nahled {
	font-size: 15px;
}

div.akce-nahled span.nadpis-akce-nahled,
div.poukaz-nahled h3 {
	color: #fff;
	font-size: 25px;
	line-height: 25px;
	margin: 10px 35px 0px 0px;
	border: none;
	text-align: left;
	overflow: hidden;
	height: 75px;
	text-shadow: 3px 0px 5px #000;
}

div.poukaz-nahled h3 {
	height: auto;
	margin-bottom: 50px;
	padding-bottom: 5px;
}

div.akce-nahled span.ramecek-image,
div.poukaz-nahled div.ramecek-image {
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	width: 95px;
	height: 71px;
	float: right;
	border: 1px solid #fff;
	border-radius: 5px;
	margin-top: -10px;
	box-shadow: 0px 0px 5px #000;
}

div.akce-nahled.probehla span.ramecek-image {
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
}

div.poukaz-nahled div.ramecek-image {
	margin-top: -80px;
}

div.akce-nahled span.telo-akce-nahled,
div.poukaz-nahled div.telo-akce-nahled {
	display: block;
	text-align: left;
	background-color: #c2b085;
	color: #000;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 15px 10px #726035 inset;
	height: 160px;
	ooverflow: hidden;
	text-shadow: none;
	font-weight: bold;
}

div.akce-nahled.probehla span.telo-akce-nahled {
	background-color: #ccc;
	box-shadow: 0px 0px 15px 10px #999 inset;
}

div.poukaz-nahled div.telo-akce-nahled {
	height: auto;
	background-color: #c2b085;
	box-shadow: 0px 0px 10px 5px #726035 inset;
	padding: 10px;
	display: none;
}

div.akce-nahled a:hover,
div.poukaz-nahled a:hover {
	color: #000;
	box-shadow: 0px 0px 5px 0px #000;
	border-color: #fff;
	background-color: #c2b085;
	opacity: 1;
}

div.akce-nahled.probehla a:hover {
	background-color: #ccc;
}

div.akce-nahled a:hover span.nadpis-h3,
div.poukaz-nahled a:hover h3 {
	color: #000;
	text-shadow: 0px 0px 2px #000;
}

div.akce-nahled a:hover span.telo-akce-nahled,
div.poukaz-nahled a:hover div.telo-akce-nahled {
	background-color: #726035;
	color: #fff;
	box-shadow: 0px 0px 15px 10px #c2b085 inset;
}

div.akce-nahled.probehla a:hover span.telo-akce-nahled {
	background-color: #999;
	box-shadow: 0px 0px 15px 10px #ccc inset;
}

div.poukaz-nahled a:hover span.telo-akce-nahled {
	display: block;
	box-shadow: none;
	background-color: #c2b085;
	color: #000;
	padding: 0px;
}


/* === formatovani novinek === */
div.novinky a,
div.novinky a:visited,
div.novinky a:hover,
div.novinky span.vycpavka {
	display: block;
	float: left;
	margin: 0px 0px 20px 0px;
	border: none;
	text-decoration: none;
}

div.novinky a.polovicni-vyska,
div.novinky a.polovicni-vyska:visited,
div.novinky a.polovicni-vyska:hover {
	float: none;
}

div.novinky span.vycpavka {
	background: none;
	width: 30px;
	height: 200px;
}

div.novinky a span.cela-novinka,
div.novinky a:visited span.cela-novinka,
div.novinky a:hover span.cela-novinka {
	display: block;
	width: 290px; _width: 200px;
	height: 200px; _height: 200px;
	overflow: hidden;
	background: url(../../design/pozadi/tlacitko-rozcestnik.gif) left top no-repeat;
	font-size: 11px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #000;
}

div.novinky a:hover span.cela-novinka {
	background-position: left bottom;
	text-shadow: 0px 0px 2px #999;
}

div.novinky a:hover span.cela-novinka {
	bbackground-color: #ccc;
}

div.novinky a.polovicni-vyska span.cela-novinka,
div.novinky a.polovicni-vyska:visited span.cela-novinka,
div.novinky a.polovicni-vyska:hover span.cela-novinka {
	height: 95px; _height: 95px;
	background: url(../pozadi/tlacitko-rozcestnik-polovicni-vyska.gif) left top no-repeat;
}

div.novinky a.polovicni-vyska:hover span.cela-novinka {
	background-position: left bottom;
}

div.novinky a span.cela-novinka span {
	display: block;
	line-height: normal;
	color: #fff;
	text-align: right;
	font-weight: bold;
	overflow: hidden;
    transition: all 200ms ease;
}

div.novinky a:hover span.cela-novinka span {
	color: #000;
}

div.novinky a span.cela-novinka span.nadpis {
	padding: 20px 30px 10px 155px;
	font-size: 20px;
}

div.novinky a.polovicni-vyska span.cela-novinka span.nadpis {
	padding: 20px 30px 0px 155px;
	font-size: 20px;
}

div.novinky a span.cela-novinka span.text {
	display: table-cell;
	vertical-align: bottom;
	padding: 0px 30px 0px 155px;
	height: 90px;
}

div.novinky a span.cela-novinka span.vice {
	padding: 0px 30px 20px 0px;
	font-weight: normal;
	font-style: italic;
}


/* === formatovani SORTIMENTU === */
div.cela-polozka-sortimentu {
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px 0px #000;
	width: 944px;
	height: 307px;
	overflow: hidden;
	margin-bottom: 40px;
}

div.sortiment-obrazek {
	width: 940px;
	height: 307px;
}

div.sortimentdiv-c {
	font-size: 14px;
	color: #ff9;
	width: 940px;
	height: 307px;
	position: relative;
	bborder: 1px solid yellow;
}

div.sortimentdiv-c a,
div.sortimentdiv-c a:visited,
div.sortimentdiv-c a:hover {
	color: #000 !important;
	text-decoration: none !important;
}

div.sortimentdiv-c a:hover {
	color: #ff9 !important;
}

div.sortimentdiv-c p,
div.sortimentdiv-c ul {
	margin: 0px !important;
	padding: 0px;
	line-height: 1.2em !important;
}

div.sortimentdiv-c p {
	text-indent: 0px;
}

div.sortimentmensi {
	font-size: smaller;
}

div.levysloupek {
	top: -307px;
	padding-top: 25px;
	padding-left: 30px;
	vertical-align: bottom;
	text-shadow: 1px 1px 3px #000;
}

div.levysloupek a,
div.levysloupek a:visited,
div.levysloupek a:hover {
	color: #fff !important;
}

div.levysloupek a:hover {
	color: #999 !important;
}

div.pravysloupek {
	top: -614px;
	padding-top: 180px;
	padding-left: 530px;
	vertical-align: bottom;
	color: #fff;
	pointer-events: none; 
}

div#sortiment-prehled div.pravysloupek {
	color: #ff9;
	text-shadow: 1px 1px 3px #000;
	text-align: right;
}

div.odkazdalsi {
	top: -921px;
	display: none;
}

div.odkazdalsi a,
div.odkazdalsi a:visited,
div.odkazdalsi a:hover {
	color: #ff9 !important;
	font-size: 10pt;
}

div.odkazdalsi-c a:hover {
	color: #000 !important;
}

div.tlacitko-eshop {
	display: none;
}

div.tlacitko-eshop a img {
	border: none;
}

div.sortiment-menu {
	background: url(../pozadi/pozadi-sortiment-menu.jpg) center top no-repeat;
	padding-bottom: 0px;
	display: none;
}

div#nadpis-sortiment-menu p {
	background: url(../pozadi/pozadi-sortiment-menu-sipecka.png) 0px 45px no-repeat;
	color: #fff;
	text-align: center;
	font-size: 26px;
	padding-top: 10px;
	margin: 0px;
	text-indent: 0px;
	height: 58px;
	overflow: hidden;
}

div.sortiment-menu table {
	width: auto;
	margin: 0px auto;
}

div.sortiment-menu table td {
	padding: 0px 15px 30px 15px;
	background: url(../pozadi/pozadi-sortiment-menu-sipka.jpg) center 250px no-repeat;
}

div.sortiment-menu table div {
	background-color: #fff;
	width: 80px;
	height: 160px;
	overflow: hidden;
	box-shadow: 0px 0px 5px 1px #000;
	border: 1px solid #fff;
	border-radius: 10px;
}

div.sortiment-menu table div img {
	position: relative;
	left: -55px;
	top: -12px;
	opacity: 0.5;
}

div.sortiment-menu table div.sortiment-menu-selected,
div.sortiment-menu table div.sortiment-menu-hover {
	opacity: 1;
	box-shadow: 0px 0px 10px 3px #fff;
	border-color: #000;
}

div.sortiment-menu table div.sortiment-menu-selected img,
div.sortiment-menu table div.sortiment-menu-hover img {
	opacity: 1;
}

div.sortiment-menu table div.sortiment-menu-selected {
	box-shadow: 0px 0px 10px 1px #ff0;
	border-color: #ff0;
}


/* === formatovani JAK SE PIVO VARI === */
div.jak-se-pivo-vari-menu {
	margin: 10px 0px 20px 0px;
}

div.jak-se-pivo-vari-menu p {
	text-indent: 0px;
}

div.jak-se-pivo-vari-menu a,
div.jak-se-pivo-vari-menu a.aktivni,
div.jak-se-pivo-vari-menu em {
	text-indent: 0px;
	display: inline-block;
	height: 35px;
	padding: 6px 10px 0px 10px;
	border-radius: 10px;
	border: 2px solid #86784f;
	box-shadow: 0px 0px 5px 0px #000 inset;
	font-size: 12px;
}

div.jak-se-pivo-vari-menu a.aktivni {
	background-color: #726035;
	color: #fff;
}

div.jak-se-pivo-vari-menu em {
	color: #999;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 0px;
	border: none;
	box-shadow: none;
}

div.jak-se-pivo-vari {
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px 0px #000;
	width: 950px;
	height: 660px;
	overflow: hidden;
	mmargin-bottom: 40px;
	background: #000 url(../../img/pivovar/jak-se-pivo-vari/jak-se-pivo-vari-mapa.jpg) left top no-repeat;
}

div.jspv-krok-cely {
	width: 950px;
	height: 660px;
	overflow: hidden;
}

div.jspv-krok-cislo {
	width: 30px;
	height: 30px;
	padding: 0px 0px;
	overflow: hidden;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	border: 3px solid #000;
	box-shadow: 0px 0px 10px 10px #fff;
}

div.jspv-krok-ramecek {
	width: 480px;
	position: relative;
	left: 100px;
	top: -30px;
	background-color: #776734;
	padding: 15px 20px;
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px 0px #000;
}

div.jspv-krok-ramecek h2 {
	color: #ffefa5;
	border-color: #ffefa5;
}

div.jspv-krok-ramecek img {
	border: 2px solid #ffefa5;
	width: 436px;
}

div.jspv-krok-ramecek span.lupa {
	width: 434px;
	height: 49px;
	background-position: right 12px;
}

div.jspv-krok-ramecek p {
	margin: 0px;
	padding: 0px;
	color: #ffefa5;
	font-size: 12px;
	text-indent: 0px;
	text-align: justify;
}

div.jspv-krok-ramecek a.dalsi-krok {
	display: block;
	float: right;
	border-radius: 5px;
	border: 1px solid #000;
	padding: 0px 5px;
	background-color: #fff;
	text-transform: capitalize;
}

div.jak-se-pivo-vari div#krok-01 {
	padding-left: 200px;
	padding-top: 250px;
}

div.jak-se-pivo-vari div#krok-01 div.jspv-krok-ramecek {
	margin-top: -40px;
}

div.jak-se-pivo-vari div#krok-02 {
	padding-left: 320px;
	padding-top: 250px;
}

div.jak-se-pivo-vari div#krok-02 div.jspv-krok-ramecek {
	margin-top: -40px;
}

div.jak-se-pivo-vari div#krok-03 {
	padding-left: 370px;
	padding-top: 190px;
}

div.jak-se-pivo-vari div#krok-03 div.jspv-krok-ramecek {
	margin-top: -40px;
	margin-left: -20px;
}

div.jak-se-pivo-vari div#krok-04 {
	padding-left: 560px;
	padding-top: 190px;
}

div.jak-se-pivo-vari div#krok-04 div.jspv-krok-ramecek {
	margin-top: -10px;
	margin-left: -620px;
}

div.jak-se-pivo-vari div#krok-05 {
	padding-left: 400px;
	padding-top: 230px;
}

div.jak-se-pivo-vari div#krok-05 div.jspv-krok-ramecek {
	margin-top: -40px;
	margin-left: -50px;
}

div.jak-se-pivo-vari div#krok-06 {
	padding-left: 410px;
	padding-top: 280px;
}

div.jak-se-pivo-vari div#krok-06 div.jspv-krok-ramecek {
	margin-top: -60px;
	margin-left: -60px;
}





/* === formatovani tabulky obecne === */
table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

table td {
	vertical-align: top;
/*
	border: 1px solid black;
*/
}

table td.vpravo {
	text-align: right;
	padding-right: 50px;
}


/* === formatovani tabulky Jidelni listek === */
table.jidelak-new,
table.jidelak {
	table-layout: auto;
	border-collapse: collapse;
	ffont-size: 10pt;
}

table.jidelak-new {
	margin-bottom: 20px;
}

table.jidelak-new tr.prvni-radek td.gramaz,
table.jidelak-new tr.prvni-radek td.mezera,
table.jidelak-new tr.prvni-radek td.jidlo,
table.jidelak-new tr.prvni-radek td.cena {
	height: 1px;
	line-height: 1px;
	overflow: hidden;
}

table.jidelak-new td.gramaz,
table.jidelak td.gramaz {
	width: 60px;
	text-align: right;
}

table.jidelak-new td.mezera,
table.jidelak td.mezera {
	width: 10px;
}

table.jidelak-new td.jidlo,
table.jidelak td.jidlo {
}

table.jidelak-new td.cena,
table.jidelak td.cena {
	width: 50px;
	text-align: right;
} 

table.jidelak-new td.poznamka {
	text-align: right;
	padding-top: 5px;
	font-size: smaller;
} 

table.jidelak td h2 {
	font-size: 12pt;
	margin-top: 30px;
	margin-bottom: 10px;
}

table.jidelak td h2.jidelak_podnadpis {
	border: none;
	margin-top: 10px;
	margin-bottom: 0px;
}


/* === linka souvislosti === */
div.linka-souvislost {
	position: absolute;
	top: -10000px;
	left: 0px;
}

div.linka-souvislost div.puntik-horni,
div.linka-souvislost div.puntik-dolni {
	width: 6px;
	background: url(../puntik-6px-bily.png) left top no-repeat;
}

div.linka-souvislost div.puntik-dolni {
	background-position: bottom;
}

div.linka-souvislost div.linka {
	height: 100px;
	width: 2px;
	background-color: #fff;
	margin: 2px;
	box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000; 
    -moz-box-shadow: 0px 0px 10px #000;
}



/* === floatbox rezervace a FORMULAR floatbox rezervace === */
div#rezervace-floatbox-container {
	position: absolute;
	top: 190px;
	left: 0px;
	width: 100%;
	text-align: center;
	pointer-events: none;
	overflow: hidden;
}

div#rezervace-floatbox {
	margin: 0px auto;
	text-align: left;
	width: 1000px;
	transition: all 1000ms ease;
}

body.zoom-ilustrace div#rezervace-floatbox {
	margin-left: 10000px;
}

div#rezervace-fbox {
	background-color: rgba(0, 0, 0, .6);
	margin: 0px 10px 0px 760px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px #000;
	pointer-events: auto;
	padding: 10px 15px;
	font-size: 12px;
	color: #fff;
}

@media (min-width: 1000px) {
	div#rezervace-floatbox {
		margin: 0px 10px;
		text-align: right;
		width: auto;
	}

	div#rezervace-fbox {
		margin: 0px;
		margin-left: auto;
		width: 230px;
	}
} 

div#rezervace-fbox fieldset,
div#rezervace-fbox legend,
div#rezervace-fbox label,
div#rezervace-fbox input,
div#rezervace-fbox textarea,
div#rezervace-fbox select {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	width: 200px;
}

div#rezervace-fbox fieldset,
div#rezervace-fbox legend,
div#rezervace-fbox label {
	border: none;
	box-shadow: none;
}

div#rezervace-fbox input,
div#rezervace-fbox textarea,
div#rezervace-fbox select {
	padding: 1px 5px;
}

div#rezervace-fbox textarea {
	resize: vertical;
}

div#rezervace-fbox h3 {
	font-size: 14px;
	border-bottom: 1px solid #fff;
}

div#rezervace-fbox label {
	margin-top: 10px;
}

div#rezervace-fbox input.hasDatepicker {
	background: #fff url(../ikonky/ikona-calendar-add.gif) 97% 2px no-repeat;
}

img.ui-datepicker-trigger {
	margin-left: -20px;
}

div.ui-datepicker {
	font-size: 12px;
}





/* === formatovani FaceBook v paticce === */

div#paticka-facebook {
	border-radius: 10px;
	overflow: hidden;
	border: 2px solid #726035;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #000;
}

div#paticka-facebook iframe#likesnumber {
	float: right;
	margin-top: 9px;
	width: 150px;
	height: 21px;
	border: none;
	overflow: hidden;
}

div#paticka-facebook h2 {
	padding: 5px 10px;
}

div#paticka-facebook h2 a span,
div#paticka-facebook h2 a:visited span,
div#paticka-facebook h2 a:hover span {
	display: inline-block;
	width: 102px;
	overflow: hidden;
	text-indent: -10000px;
	background: url(../pozadi/facebook-facebox-logo.jpg) left top no-repeat;
}

div#paticka-facebook h2 a:hover span {
	background-position: left -40px;
}

div#paticka-facebook div#facebook-facebox {
	height: 210px;
	overflow: hidden;
}

div#paticka-facebook div#facebook-facebox div#facebook-posts {
	position: relative;
	top: -130px;
}

div#paticka-facebook div#facebook-facebox div {
	aposition: relative;
	atop: -98px;
	aleft: -12px;
}

div#paticka-facebook div#facebook-facebox iframe {
	border: none;
	overflow: hidden;
	width: 1030px;
	height: 348px;
}



/* === formatovani polozek shopu === */

div#peekaboo {
	wwidth: 100%;
}

div.katalog_nahled {
	background-position: center 55px;
	background-repeat: no-repeat;
	width: 140px;
	margin: 0px 4px 20px 4px;
	float: left;
	overflow: hidden;
}

div.katalog_nahled a,
div.katalog_nahled a:visited,
div.katalog_nahled a:hover {
	background: url(../../../design/katalog_nahled_ramecek.gif) left top no-repeat;
	display: block;
	_width: 100%;
	height: 200px;
	padding: 5px;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}

div.katalog_nahled a:hover {
	color: #fff;
	background-position: 0px -210px;;
}

div.katalog_nahled img {
	display: none;
}

div.katalog_nahled a h3,
div.katalog_nahled a:visited h3,
div.katalog_nahled a:hover h3 {
	margin: 0px;
	text-align: center;
	font-size: 10pt;
	height: 150px;
}

div.katalog_nahled a div.cena,
div.katalog_nahled a:visited div.cena,
div.katalog_nahled a:hover div.cena {
	text-align: right;
	font-weight: bold;
}

div.katalog_detail {
	text-align: center;
	padding-bottom: 30px;
}

div.katalog_detail img {
	margin-bottom: 20px;
	border: 2px solid #86784f;
}

div.katalog_detail div.odkaz_do_kosiku {
	margin-top: 10px;
}

div.katalog_detail table {
	width: 300px;
	margin-left: 290px;
	&margin-left: 0px;
}

div.katalog_detail table td {
	font-size: 10pt;
}

div.katalog_detail form.fdokosiku {
	margin: 0px;
}

div.katalog_detail form.fdokosiku input.pocet {
	width: 20px;
}





/* === formatovani KAM ZA CHODOVAREM === */

table.kzch-mista tr.sudy {
	background-color: #ccc;
}

table.kzch-mista td.sloupec-nazev {
	width: 430px;
	font-weight: bold;
	padding: 5px 10px;
}

table.kzch-mista td.sloupec-adresa {
	padding: 5px 10px;
}

table.kzch-mista td.sloupec-gps {
	width: 100px;
	padding: 10px 10px;
	font-size: smaller;
}

table.kzch-mista td.sloupec-adresa em {
	float: right;
}

table.kzch-mista td.sloupec-adresa span.detaily {
	display: block;
	text-align: right;
}

table.kzch-mista td.sloupec-adresa span.detaily em {
	float: none;
}