@media screen {
/* common */
body {color: #353535; background: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding-bottom: 10px;}
input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
h1, h2, h3 {margin: 0;}

h1 {position: absolute; top: 0; left: 0;}
h2 {color: #5c3f37; font-size: 100%; text-transform: uppercase; border-bottom: 1px solid #CECFCE; margin-bottom: 10px; padding-bottom: 3px;}
h3 {font-size: 80%; font-weight: normal; text-transform: uppercase; margin-bottom: 5px;}
h4 {font-size: 70%; color: #0095da; font-weight: normal; text-transform: uppercase; margin-bottom: 5px;}

hr {overflow: hidden; clear: both; border: solid #CECFCE; border-width: 1px 0 0 0; margin: .6em 0; padding: 0; height: 1px;}
p {font-size: 70%; line-height: 1.4em; margin: 0 0 1.33em 0;}
ul {font-size: 70%; list-style: none; margin: .6em 0 1.33em 0; padding: 0;}
ol {font-size: 70%; list-style: decimal; margin: .6em 0 1.33em 0; padding: 0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}
ul li {line-height: 1.4em;}

img {border: 0;}

/* table {font-size: 80%; margin: .6em 0;} */

a {color: #0095da;}
a:active, a:focus {background: #fff;}
a:hover {text-decoration: none;}

/* layout */
#case, #header {position: relative;}
#case {background: #fff; text-align: left; border: solid #9E9B92; border-width: 0 1px; margin: 0 auto; width: 978px;}
#header {border-bottom: 4px solid #5c3f37; height: 164px;}
#content {border-top: 1px solid #B1ADA0;}
#leftHolder, #centerHolder {position: relative; float: left;}
#leftHolder {left: -425px; width: 260px;}
#centerHolder {left: 260px; width: 425px;}
#rightHolder {float: right; width: 290px;}
#left {padding: 15px;}
#center {padding-top: 15px;}
#right {border-left: 1px solid #CECFCE; margin: 15px 0 0 20px; padding: 0 14px;}
#footer {background: #5c3f37; border: solid #9E9B92; border-width: 1px 0; padding: 15px 15px 25px 15px; height: 30px;}

/* content */
h1 a, h1 a span {display: block; width: 978px; height: 164px;}
h1 a.cz, h1 a.cz span {background: url(../img/bgHeader.jpg);}
h1 a.en, h1 a.en span {background: url(../img/bgHeader_en.jpg);}
h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

p#lng 	{
		color: #72533F; 
		font-weight: bold; 
		position: absolute; 
		top: 13px; 
		left: 26px; 
		z-index: 3;
		}
p#lng a {color: #72533F; text-decoration: none;}
p#lng a:hover {text-decoration: underline;}
p#lng a span {text-transform: uppercase;}

p#hp {color: #fff; font-weight: bold; text-transform: uppercase; position: absolute; top: 13px; right: 15px; z-index: 3;}
p#hp a {color: #fff; text-decoration: none;}
p#hp a:hover {text-decoration: underline;}

ul#menu 	{
			background: url("../img/bgMenu.jpg") top left no-repeat; 
			font-weight: bold; 
			text-transform: uppercase; 
			position: relative; 
			margin: 0; 
			padding: 20px 20px 10px 20px;
			}
ul#menu ul 	{
			font-size: 100%; 
			margin: 5px 0 0 15px;
			}
ul#menu li 	{
			background: url("../img/bgMenuList.jpg") bottom left repeat-x; 
			padding: 8px 0;
			}
ul#menu li a 	{
				color: #5c3f37; 
				background: url("../img/bgMenuItem.png") 0% 50% no-repeat; 
				text-decoration: none; 
				display: block; 
				padding-left: 15px;
				}
ul#menu li a:hover 	{
					background: url("../img/active.png") 0% 50% no-repeat;
					}
ul#menu ul li 	{
				background-position: top left; 
				padding: 6px 0;
				}
ul#menu li ul li a 	{
					color: #0095da;		
					}
#end {font-size: 0; background: url(../img/bgMenuEnd.jpg) top left no-repeat; height: 18px; position: relative; *top: -15px}

p#prihlaska a, p#prihlaska a span {background: url(../img/prihlaska.jpg); display: block; width: 241px; height: 116px;}
p#prihlaska a {position: relative; z-index: 1; overflow: hidden;}
p#prihlaska a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

.center img {display: block; margin: 20px auto;}

#footer a {color: white; text-decoration: none;}
#footer a:hover {color: #E3004F; text-decoration: underline;}
#footer p	{
			color: white;
			}

/* pre-defined */
.center {text-align:center;}
.right {text-align:right;}

.fl {float: left;}
.fr {float: right;}
.il {margin: 4px 25px 0 0;}
.ir {margin: 4px 0 0 25px;}

.pink {color: #0095da; text-decoration: none;}

.clr {clear: both;}
}

@media print {
body {font-family:georgia, serif;}
table {border-collapse: collapse; border: 0;}
th, td {border: 1px solid;}
.noprint, .noscr, #nav, #note {display: none;}
}

/*+++++++++++ TL */
.info-pro-vystavovatele td.bold { font-weight: bold; text-align:right }
.info-pro-vystavovatele th { color: #fff; background: #0095da; width: 100px; }
.info-pro-vystavovatele td { background: #fff;}
.info-pro-vystavovatele table, .info-pro-vystavovatele td, .info-pro-vystavovatele th	{ border: 1px solid #000; border-collapse: collapse;}
.info-pro-vystavovatele table {width: 420px; font-size: 75%; margin: 1em 0em;}
.info-pro-vystavovatele td, .info-pro-vystavovatele th { vertical-align: top; text-align:left; padding-left:0.5em; padding-right:0.5em; padding-top:0.2em; padding-bottom:0.2em}
.info-pro-vystavovatele h2{ border-top: 1px solid #E3004F; padding-top: 1em; background: url(../images/h2.gif)  no-repeat 1.5em left; }

/* barvy salu veletrhu */

.grey {color: #a6a8ab;}
.blue {color: #00adef;}
.red {color: #ed232a;}
.green {color: #bdd634;}
.orange {color: #f58225;}
.yellow {color: #fff200;}