.margarita-page {
    max-width: 50em;
    /* 1em nahoře dole a vycentrováno */
    margin: 0.5em auto;
	
	padding: 1em 2em;
	
	background: rgba(253, 255, 255, 0.8);
    *background-color: #fdf6e3; /* IE neumí průhlednost */

}

.margarita-symbol {
	height: 1em;
	display: inline-block;
	vertical-align: baseline;
}

h2 .margarita-symbol {
	height: 1.4em;
	vertical-align: bottom;
}

.margarita-badge {
		background-color: black;
		color: white;
		display: inline-block;
		vertical-align: baseline;
		padding: 2px 4px;
		border-radius: 2px;
		font-weight: bold;
}

.margarita-page hr {
	border: none;
	border-bottom: 2px solid gray;
}

.margarita-background {
		background: url("/st/img/nocka.jpg") no-repeat fixed center/cover;
}

h1 a, h2 a {
		color: black; 
}

:target {
		font-weight: bold;
}

.margarita-routes li {
	padding: 2px;
	list-style: none;
}

.margarita-routes li a {
	text-decoration: none;
	color: black;
}


@media print {

/* --------------------------------------------------------------
 Hartija Css Print  Framework
   * Version:   1.0
-------------------------------------------------------------- */

body {
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    line-height: 1.45;
    /* font-family: Garamond,"Times New Roman", serif; */
    color: #000;
    background: none;
    font-size: 14pt; }

/* Headings */
h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }
h1{font-size:19pt;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:14pt;}


p, h2, h3 { orphans: 3; widows: 3; }

code { font: 12pt Courier, monospace; }
blockquote { margin: 1.2em; padding: 1em;  font-size: 12pt; }
hr { background-color: #ccc; }

/* Images */
img { float: left; margin: 1em 1.5em 1.5em 0; max-width: 100% !important; }
a img { border: none; }

/* Links */
a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }

abbr[title]:after { content: " (" attr(title) ")"; }

/* Don't show linked images  */
a[href^="http://"] {color:#000; }
a[href$=".jpg"]:after, a[href$=".jpeg"]:after, a[href$=".gif"]:after, a[href$=".png"]:after { content: " (" attr(href) ") "; display:none; }

/* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol .. taken from html5boilerplate */
a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}

/* Table */
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
img,tr {page-break-inside: avoid;}

/* Hide various parts from the site
#header, #footer, #navigation, #rightSideBar, #leftSideBar
{display:none;}*/

hr, table, th, td, blockquote, code, pre { border-color: #000 !important;}

hr {
    border: 0 !important;
    border-bottom: 3px double !important;
}

table { border-left: 2px solid black !important; } 

.margarita-noprint { display: none; }
img.margarita-symbol { margin: 0 !important; float: none !important; }


/* /print */
}