/* colors -----------------------
red:			#e0060e
gray:			#3c3c3c
silver:			#98989c
boxtext:		#393c39
boxbg:			#efefef
--------------------------------*/



body {
	font-size: 80%;
	font-family: tahoma,sans-serif;
	margin: 0px;
	padding: 0px;
	color: #3c3c3c;
	background-color: white;
	background-image: url("../img/body-bg.gif");
	background-position: 1012px 0px;
	background-repeat: repeat-y;
}

#j3 {
	position: relative;
	color: #3c3c3c;
	background-color: white;
	max-width: 1012px;
	min-width: 810px;
	/*screen-ie*/
	background-image: url("../img/main-bg.gif");
	background-position: 0em 132px;
	background-repeat: no-repeat;
}

#j3 #in {
	margin-right: 120px;
	min-height: 600px;
	/*screen-ie*/
}

#j3 h2,
#j3 h3 {
	color: #e0060e;
	background-color: transparent;
	font-family: "Trebuchet MS", sans-serif;
	margin: 2em 0em 0.3em 0em;
	padding: 0em;
	font-weight: normal;
}


#j3 h2.first,
#j3 h3.first {
	margin-top: 0em;
}

#j3 ul {
	margin: 0em 0em 0em 1.5em;
	padding: 0em;
	list-style-type: square;
}


#j3 h2 {
	font-size: 165%;
}

#j3 h3 {
	font-size: 140%;
}

#j3 #partneri a img,
#j3 .main a img,
#j3 .lslip a img {
	border: none;
	border: 0em;
}

#j3 .main .inzerce a,
#j3 .lslip .inzerce a {
	border-bottom: none;
}


#j3 p {
	margin: 0em 0em 0.5em 0em;
	text-align: justify;
}

#j3 hr {
	clear: both;
	visibility: hidden;
	height: 1em;
	overflow: hidden;
}

#j3 #top {
	height: 132px;
	color: white;
	background-color: #e0060e;
	margin-bottom: 10px;
	background-image: url("../img/horni-lista-bg.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	text-align: right;
	font-family: "Trebuchet MS", sans-serif;
}

#j3 #top h1 {
	margin: 0em;
	padding-top: 58px;
}

#j3 #top h1 a {
	position: relative;
	display: block;
	margin: 0em 12px 0em auto;
	overflow: hidden;
	height: 42px;
	width: 250px;
	color: white;
	background-color: transparent;
}

#j3 #top h1 a span {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 250px;
	height: 42px;
	background-image: url("../img/1st-lang-info.gif");
	background-position: 100% 0px;
	background-repeat: no-repeat;	
}

#j3 #top div {
	text-align: right;
	position: relative;
	margin: 0em 12px 0em auto;
	overflow: hidden;
	width: 369px;
	/*screen-ie*/
	height: 17px;
	font-size: 80%;
	padding-left: 107px;
}


#j3 #top div span {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 476px;
	height: 17px;
	background-image: url("../img/info-portal.gif");
	background-position: 100% 0px;
	background-repeat: no-repeat;	
}



/* main -----*/

#j3 .main {
	float: right;
	width: 470px;
	margin-right: 1px;
	margin-left: 30px;
}

#j3 .lslip a,
#j3 .main a,
#j3 #partneri .text-links a b {
    color: #e0060e;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px solid #eaa9ab;
}

#j3 #partneri .text-links a b {
	font-size: 1.2em !important;
}

#j3 .lslip a:hover,
#j3 .main a:hover,
#j3 #partneri .text-links  a:hover {
	border-bottom-color: #e0060e;
}

#j3 #partneri .text-links a,
#j3 .gray-links a {
	color: #98989C;
	font-size: 0.8em !important;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px solid #CDCDCD;
}

#j3 #partneri .text-links a:hover,
#j3 .gray-links a:hover {
	border-bottom-color: #98989C;
}

#j3 .main #langs{
	position: relative;
	overflow: hidden;
	text-align: right;
	margin: 0em 12px 0em 0em;
	font-size: 85%;
	height: 15px;
}

#j3 .main #mapa-cr{
	text-align: center;
	position: relative;
	width: 470px;
	overflow: visible;
	z-index: 2;
}

#j3 .main #mapa-cr .map-menu {
	text-align: left;
}


#j3 .main #mapa-cr img {
	background-image: url("../img/mapa-cr.gif");
	background-position: 50% 0px;
	background-repeat: no-repeat;
	height: 209px;
	width: 358px;
	border: none;
}

#j3 .main #mapa-cr.k1 img {
	background-position: 50% -250px;
}

#j3 .main #mapa-cr.k7 img {
	background-position: 50% -500px;
}

#j3 .main #mapa-cr.k8 img {
	background-position: 50% -750px;
}

#j3 .main #mapa-cr.k6 img {
	background-position: 50% -1000px;
}

#j3 .main #mapa-cr.k2 img {
	background-position: 50% -1250px;
}

#j3 .main #mapa-cr.k3 img {
	background-position: 50% -1500px;
}

#j3 .main #mapa-cr.k5 img {
	background-position: 50% -1750px;
}

#j3 .main #mapa-cr.k14 img {
	background-position: 50% -2000px;
}

#j3 .main #mapa-cr.k12 img {
	background-position: 50% -2250px;
}

#j3 .main #mapa-cr.k13 img {
	background-position: 50% -2500px;
}

#j3 .main #mapa-cr.k4 img {
	background-position: 50% -2750px;
}

#j3 .main #mapa-cr.k10 img {
	background-position: 50% -3000px;
}

#j3 .main #mapa-cr.k9 img {
	background-position: 50% -3250px;
}

#j3 .main #mapa-cr.k11 img {
	background-position: 50% -3500px;
}



#j3 .main h2 a.info-logo {
	border-bottom: none !important;
}



#j3 .main h2 a.info-logo em{
	font-style: normal;
	color: black;
	background-color: transparent;
}


#j3 .main .family {
	clear: both;
	margin-bottom: 1.5em;
}


#j3 .main .family h3 {
	font-family: tahoma,sans-serif;
	margin: 0em;
	font-size: 100%;
	font-weight: bold;
}

#j3 .main .family img {
	float: left;
	margin-right: 12px;
	border-color: #5c5c5c;
	border-width: 1px;
	border-style: solid;

}


#j3 .main .tabs {
	overflow: hidden;
	width: 470px;
	position: relative;
	margin: 1.5em 0em 0em 0em;
	clear: both;
}
#j3 .main .tabs ul {
	position: relative;
	padding: 0em;
	margin: 0em;
	width: 600px;
}

#j3 .main hr {
	clear: both;
	visibility: hidden;
	height: 0.1em;
	overflow: hidden;
}


#j3 .main .tabs ul li {
	display: inline;
}

#j3 .main .tabs ul li a {
	float: left;
	width: 10em;
	/*screen-ie*/
	margin-right: 3px;
	padding: 2px 0.5em 2px 0.5em;
	border-color: #393c39;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	line-height: 1.5em;
	margin-top: 0em;
	color: #393c39;
	background-color: white;
	text-decoration: none;
	font-weight: normal;
}

#j3 .main .tabs ul li a:hover {
	color: white;
	background-color: #3e413e;
	text-decoration: underline;
	border-bottom: none;
	margin-top: 0em;
	line-height: 1.5em;
	font-weight: normal;
}

#j3 .main .tabs ul li a.open:hover,
#j3 .main .tabs ul li a.open {
	font-weight: bold;
	color: #1b1b1b;
	background-color: #efefef;
	line-height: 1.5em;
	padding-bottom: 4px;
	margin-top: 0em;
	background-image: none;
	cursor: default;
	text-decoration: none;
}

#j3 .main .cond {
	letter-spacing: -0.04em;
}

#j3 .main .img-left {
	float: left;
	margin-right: 2em;
}

#j3 .main .pdf {
	float: left;
	padding-left: 50px;
	display: block;
	background-image: url("../img/pdf.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


#j3 .main .box.kurzy,
#j3 .main .box.gray {
	margin-top: -1px;
	clear: both;
	color: #393c39;
	background-color: #efefef;
	border-color: #393c39;
	border-width: 1px;
	border-style: solid;
	padding: 12px 0px 18px 0px;
}

#j3 .text {
	padding: 0em 12px 0px 0px;
}

#j3 .main .box td,
#j3 .main .box th {
	font-size: 85%;
	padding: 0px;
	line-height: 1.7em;
}

#j3 .main .box.text {
	padding: 2em 8px 0px 8px;
}

#j3 .main .next {
	float: left;
	position: relative;
}

#j3 .main a:hover .link{
	background-position: -500px 50%;
	/*screen-ie*/
}

#j3 .main a .link{
	background-position: 0px 50%;
	background-image: url("../img/link.gif");
	background-repeat: no-repeat;
	padding-left: 13px;
}

#j3 .main .collapsed .dart {
	background-position: 0px 50%;
}

#j3 .main .collapsed .dart:hover{
	background-position: -500px 50%;
	/*screen-ie*/
}

#j3 .main .dart:hover{
	background-position: -1000px 50%;
	/*screen-ie*/
}

#j3 .main .dart{
	background-position: -1500px 50%;
	background-image: url("../img/dart.gif");
	background-repeat: no-repeat;
	padding-left: 15px;
}


#j3 .main .box .text .box.collapsed {
	text-align: right;
	clear: none;
}

#j3 .main .box.collapsed h3 {
	font-size: 100%;
	margin-top: 1.5em;
	margin-bottom: 0em;
}

#j3 .main .box .text .box.collapsed h3 {
	display: inline;
	font-family: tahoma, sans-serif;
	margin-top: 0em;
}





#j3 .main .box .text h3 {
	margin-top: 3em;
	margin-bottom: 0.5em;
}





#j3 .main .box .tab.open {
	display: block;
}




#j3 .main .box ol {
	margin: 0em;
	padding: 0em;
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
}

#j3 .main .text ol {
	margin-left: 2em;
	list-style-type: decimal;
	list-style-position: outside;
}

#j3 .main cite {
	background-position: 100% 100%;
	background-image: url("../img/cite-end.gif");
	background-repeat: no-repeat;
	display: block;
	text-align: justify;
}


#j3 .main cite span {
	padding: 10px 32px 10px 32px;
	display: block;
	background-position: 0% 0%;
	background-image: url("../img/cite-start.gif");
	background-repeat: no-repeat;
}

#j3 .main .box ol li {
	margin: 0em;
	padding: 0.02em 7px 0.1em 7px;

}



#j3 .main .inzerce a img {
	margin-left: 2px;
	margin-bottom: 3px;
}

#j3 .main form {
	margin: 1.5em 0em;
	padding: 0px 12px 0px 0px;
}

#j3 .main form fieldset {
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 1em;
}

#j3 .main form label {
	display: block;
	clear: both;
	color: #98989c;
	background-color: transparent;
}

#j3 .main form label.require span {
	color: #3c3c3c;
	background-color: transparent;
}
#j3 .main form label.require input,
#j3 .main form label.require select,
#j3 .main form label.require textarea {
	color: #3c3c3c;
	background-color: #fcfcfc;
	border: solid 1px #e5e5e5;
}

#j3 .main form label span {
	width: 8em;
	float: left;
	line-height: 1.7em;
}

#j3 .main form label input,
#j3 .main form label select,
#j3 .main form label textarea{
	width: 250px;
	font-family: tahoma, sans-serif;
	font-size: 100%;
	border: solid 1px #f0f0f0;
	background-color: #fefefe;
	color: #98989c;
	margin-top: 0px;
	margin-bottom: 2px;

}

#j3 .main form label input,
#j3 .main form label textarea{
	padding: 2px 0px 2px 0px;
}

#j3 .main form label input#telefon {
	width: 100px;
}

#j3 .main form label textarea {
	height: 8em;
	overflow: auto;
}

#j3 .main form input.button {
	font-family: "Trebuchet MS", sans-serif;
	background-color: white;
	color: #e0060e;
	border-width: 1px 1px 3px 1px;
	border-style: solid;
	border-color: #f0f0f0 #f0f0f0 #eaa9ab #f0f0f0;
	margin-left: 8em;
	margin-top: 1em;
	padding: 0.1em 1.5em ;
}

#j3 .main form input.button.overable:hover {
	border-bottom-color: #e0060e;
	/*screen-ie*/
}



#j3 .info-tabs {
	position: relative;
}

#j3 .info-tabs .info-tab {
	position: absolute;
	right: 470px;
	margin-right: 8px;
	top: 0px;
	width: 300px;
	/*screen-ie*/
	color: #393c39;
	background-color: #efefef;
	background-image: url("../img/info-tab-bg.gif");
	background-position: 100% 0%;
	background-repeat: repeat-y;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	padding: 0.5em 8px 0.5em 12px;
	display: none;
	z-index: 10;
	font-size: 90%;
	line-height: 1.5em;
}


#j3 .main .info-tabs .box.kurzy .info-tab,
#j3 .main .info-tabs .box.kurzy .info-tab p {
	text-align: right;
}

#j3 .info-tabs .info-tab h3 {
	font-weight: bold;
	line-height: 1.5em;
	color: #999999;
	background-color: transparent;
}


#j3 .info-tabs .info-tab h3,
#j3 .info-tabs .info-tab ul {
	margin-top: 0em;
	margin-bottom: 0.5em; 
}

#j3 .info-tabs .info-tab h3 strong {
	color: #e0060e;
	background-color: transparent;
}

#j3 .info-tabs .info-tab h3 em {
	color: black;
	background-color: transparent;
	font-style: normal;
}

#j3 .info-tabs .info-tab h4 {
	font-size: 120%;
	font-weight: bold;
	margin: 0.5em 0em 0em 0em;
}



#j3 .info-tabs .info-tab.open {
	display: block;
}


#j3 .main .box table tr.hover,
#j3 .main .box ol li.hover{
	color: inherit;
	background-color: white;
}


#j3 .main .box table {
	width: 468px;
}

#j3 .main .box table thead {
	color: #999999;
	background-color: transparent;
}

#j3 .main .box.kurzy table th,
#j3 .main .box.kurzy table td {
	text-align: right;
}

#j3 .main .box table th,
#j3 .main .box table td {
	padding-right: 4px;
	vertical-align: top;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
#j3 .main .box table td.num {
	padding-left: 6px;
	padding-right: 4px;
	width: 1.5em;
	text-align: center;
}
#j3 .main .box table th.lang,
#j3 .main .box table td.lang {
	text-align: left;
}

#j3 span.abbr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor: help;
}

#j3 table .sw select {
	text-align: right;
	width: 12em;
	font-weight: bold;
	font-family: tahoma, sans-serif;
	font-size: 100%;
	border: solid 1px #f0f0f0;
	padding: 0px;
	background-color: #efefef;
	color: #98989c;
}

#j3 table .sw.open {
	display: table-cell;
	width: 38%;
}

/* lslip -----*/
#j3 .lslip {
	margin-top: 0px;
	padding-left: 12px;
	line-height: 1.6em;
	color: #98989c;
	background-color: transparent;
	overflow: hidden;
}


#j3 .lslip a#home {
	display: block;
	padding-top: 4px;
	height: 210px;
	width: 170px;
	position: relative;
	border-bottom: none;
	overflow: hidden;
}

#j3 .lslip .box {
	min-height: 17em;
	/*screen-ie*/
}

#j3 .lslip .box .tab.open {
	display: block;
}

/* tail ---------*/
#j3 #tail {
	margin-top: 14em;
	padding: 4px 12px 2em 12px;
	clear: both;
	color: white;
	background-color: #e0060e;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 90%;
	text-align: left;
	line-height: 1.7em;
}

#j3 #tail a {
	color: white;
	background-color: #e0060e;
	text-decoration: none;
	border-bottom: 1px solid #eaa9ab;
}
#j3 #tail a:hover {
	border-bottom: 1px solid white;
}

#j3 #tail div {
	float: right;
	width: 578px;

}

#j3 #tail h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 0em;
	float: right;
	text-align: right;
	line-height: 1.7em;
}



/* partneri -----*/
#j3 #partneri {
	position: absolute;
	top: 0px;
	right:0px;
	width: 110px;
	line-height: 8pt;
	z-index: 0;
	padding-left: 10px;
}

#j3 #partneri a {
	display: block;
}

#j3 #partneri .text-links a {
	display: inline;
	line-height: 1.6em;
}

#j3 #partneri h3 {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 1em;
}

#j3 #partneri img {
    margin-left: -10px;
}
