body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	color: #000000;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	background: #F9F9F9 url(data/img/interakce.gif) repeat-x top;
	/*overflow: auto;
	overflow-y: auto;*/
}

a:link {
	color : Teal;
	text-decoration: none;
}

a:visited {
	color : Teal;
	text-decoration : none;
}

a:hover {
	color : Gold;
	text-decoration: none;
}

H1 {
	color : Gray;
	font: bolder 15pt "Trebuchet MS";
}

H2 {
	color : Gray;
	font-size : 18px;
	font: bold;
	font-variant: small-caps;
}

H3 {
	color : #960000;
	font: bolder 12pt "Trebuchet MS";
	font-variant: small-caps;
	padding-left: 0px;
}

H4 {
	color : Gray;
	font: normal bolder 11pt Arial, Helvetica, sans-serif;
}

.po {
	color : #FFD700;
}

.tip {
	height: auto;
	width: auto;
	text-align: left;
  font-variant: small-caps;
	font-size: 11pt;
	background-color: rgb(216,216,216);
	border-bottom: 1px dotted #AA0000;
	border-top: 1px dotted #AA0000;
	margin-top: 30px;
}

.tipHack {
	margin: 10px;
}

#ramCelek {
	text-align: center;
	width: 100%;
	height: 90%;
	position: relative;
	margin: 0px 0px 0px 0px;
	/*left: 50%;*/
}

/* Fotogalerie prw */

.imgFoto {
	margin: 0 auto;
	padding:0;
	border: none;
}
.imgPopis {
	margin: 0px 10px 0px 0px;
	padding:0px;
	text-align: left;
	position: relative;
}

#ramImgLeva {
	border-right: 1pt solid Gold;
	float: left;
	width: 400px;
	margin: 0px 15px 5px 0;
	padding: 0px 10px 0px 0px;
	text-align: left;
	background: White;
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
}

#ramImgPrava {
	float: right;
	text-align: right;
	width: 400px;
	margin: 0px 0px 5px 15px;
	padding: 0px 0px 0px 10px;
	border-left: 1pt solid Gold;
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
}

/* Fotogalerie Portfolio */

#ramGalery {
	border-right: 1pt solid Gold;
	float: left;
	width: 345px;
	margin: 0 15px 10px 0;
	padding: 0 15px 0 0px;
	position: relative;
	z-index: 2;
}

#ramGalery p {
	padding: 1px;
	width: 345px;
	text-align: left;
	font: 7pt Arial, sans-serif;
	border-left: 2pt solid Gold;
}

#ramMedia {
	position: relative;
	text-align: center;
	float: right;
	width: 270px;
	background-color: Aqua;
}

#ramMedia li {
	position: relative;
	text-align: center;
	float: right;
	width: 270px;
	border-left-color: #FFD700;
	border-left-style: solid;
	border-left-width: 1px;
}


#ramLogo {
	width: 123px;
	height: 123px;
	top: -92px;
	left: 605px;
	position: absolute;
	background: url(data/img/logo_ht.gif) no-repeat center;
	z-index: 5;
}

#ramHlava {
	height: 40px;
	width : 700px;
	top: 0px;
	left: 0px;
	margin: 3% auto 0px auto;
	position: relative;
	border-left: 1pt solid Gold;
	text-align: left;
	padding: 0px 0px 0px 10px;
}

/* Navigace */

#ramNavigace {
	height: 15px;
	width : 700px;
	margin: 0px auto 0px auto;
	position: relative;
	text-align: left;
	vertical-align: middle;
	color : Black;
	top: 0px;
	visibility: visible;
	vertical-align: middle;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0px 0px 5px;
}

#ramNavigace a:hover {
	color : White;
	text-decoration: none;
	background-color: Gold;
}

#subNavigace {
	height: 15px;
	width : 700px;
	margin: 0px auto 0px auto;
	position: relative;
	text-align: left;
	color : Black;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	top: 0px;
	padding: 4px 0px 0px 5px;
}

#subNavigace a:hover {
	color : White;
	text-decoration: none;
	background-color: Gold;
}

#textNavigace {
	position: relative;
	text-align: left;
	vertical-align: middle;
	color : Black;
	top: 0px;
	vertical-align: middle;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0px 0px 5px;
}

/* Text */

#masterBody {
	height: auto;
	width : 100%;
	top: 5px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	border-top: 1px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
	background: White;
}

#textBody {
	height: auto;
	width : 700px;
	left: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	border-top: 3px solid #B5B5B5;
	border-bottom: 3px solid #B5B5B5;
	text-align: justify;
	color : Black;
	font: 9pt Arial, sans-serif;
	padding: 5px 5px 5px 5px;
}

#textBody a:link {
	color : #B22222;
	text-decoration: none;
}

#textBody a:visited {
	color : #B22222;
	text-decoration: none;
}

#textBody a:hover {
	color : gold;
	text-decoration: underline;
}

#ramPata {
	height: 20px;
	width : 700px;
	top: 10px;
	left: 0px;
	position: relative;
	color : #D7D7D7;
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin: 0 auto 10px auto;
	text-align: right;
}

.skryvany {display: none}

/*ul.obrazkova li {list-style-image: url("cesta/odrazka.gif")}*/

/* Tiskova_verze */

@media print {

#printOff {display: none;}
#podpis {visibility: visible; font-style: italic;}

body {
	height: 100%;
	width : 100%;
	padding: auto auto auto auto;
	margin: auto auto auto auto;
	background: White;
		
}
@page
#ramCelek {
	width: auto;
	height: 100%;
	position: relative;
	margin: 0px 0px 0px 0px;
}

#masterBody {
	height: 100%;
	width : 100%;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	
	position: relative;
	border-top: 0px solid #B5B5B5;
	border-bottom: 0px solid #B5B5B5;
	background: White;
}

#textBody {
	height: 100%;
	width : auto;
	padding: auto auto auto auto;
	margin: auto auto auto auto;
	text-align: justify;
	color: Black;
	background: White;
	font: small "Times New Roman", Times, serif;
	border-top: 0px;
	border-bottom: 0px;
	
}

#textBody a:link {
	color : Black;
	text-decoration: underline;
}

#ramHlava {
	height: auto;
	width : 100%;
	top: 0px;
	left: 0px;
	margin: auto auto auto auto;
	position: relative;
	border-left: 0px;
	padding: 0px 0px 0px 0px;
		
}

a:link {
	color : Black;
	text-decoration: underline; 
}

a:visited {
	color : Black;
	text-decoration: underline;
}

H1 {
	color : black;
	font: bolder 18px "Times New Roman", Times, serif;
}

H2 {
	color : black;
	font: bolder 18px "Times New Roman", Times, serif;
}

#ramLogo {
  display: none;
}

#ramNavigace {
  display: none;
}

#subNavigace {
  display: none;
}

#ramGalery {
  display: none;
}

.tip {
  display: none;
}

#ramPata {
	display: none;
}
}