@media screen, handheld, tv, projection
{

html, body
{
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(obrazy/pozadik.jpg) repeat-x #001261;
	font-size: 0.7em;
}

#sitebody
{
	position: relative;
	width: 940px;
	min-height: 100%;
	_height: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(obrazy/sitebody.jpg) left repeat-y;
}

#hlavicka
{
	height: 137px;
	margin: 0 0 27px 0;
	background: url(obrazy/hlavicka.jpg);
}

a.logo
{
	width: 130px;
	height: 76px;
	position: relative;
	top: 35px;
	left: 244px;
	display: block;
}

h1
{
	padding: 0;
	margin: 0;
	height: 0;
	overflow: hidden;
}

#telo
{
	background: url(obrazy/telo.jpg) top left no-repeat;
	padding: 20px 61px 270px 207px;
	min-height: 230px;
	_height: 230px;
}

#telo a, #nahoru a
{
	color: #3598fe;
	text-decoration: none;
}

#telo a:hover, #nahoru a:hover
{
	text-decoration: underline;
}

#telo h2
{
	padding: 0;
	margin: 0.3em 0 0.8em 40px;
	color: #3398ff;
	font-size: 1.4em;
	color: #011262;
}

#telo h3
{
	padding: 0;
	margin: 1em 0 0.2em 40px;
	font-size: 1.2em;
}

#telo h3.vetsi
{
	padding: 0;
	margin: 1em 0 0.5em 40px;
	font-size: 1.3em;
	font-style: italic;
}

#telo h4, #telo h5
{
	padding: 0;
	margin: 0.5em 0 0.2em 40px;
	font-size: 1em;
}

#telo h5
{
	font-style: italic;
}

#telo p
{
	padding: 0;
	margin: 0.2em 40px 0.5em 40px;
	text-align: justify;	
}

#telo form
{
	display: block;
	padding: 0;
	margin: 1em 40px;	
}

#telo form input.vstup
{
	margin: 0.5em 40px;	
}

#telo p.fullBanner
{
	padding: 0;
	margin: 40px auto 0 auto;
	text-align: justify;
	width: 468px;
	height: 60px;
}

#telo ul
{
	padding: 0;
	margin: 0.2em 40px 0.5em 40px;
	text-align: justify;
	list-style-type: none;
	line-height: 1.4em;
}

#telo ul.odrazky
{
	list-style-image: url(obrazy/odrazka.jpg);
	margin: 0 40px 0 50px;
}

#telo div
{
	clear: right;
}

#telo div div.img
{
	float: right;
}

#telo div div.img img
{
	display: block;
	border: 2px solid #3598fe;
	margin: 0 1.5em 1.5em 1.5em;
}

table
{
	font-size: 1em;
	margin: 0.6em 40px 0.5em 40px;
	border: 2px solid black;
	border-collapse: collapse;
	width: 592px;
	display: inline-table;
}

table th, table th.vetsi
{
	padding: 0.3em 0.6em;
	height: 1.6em;
	font-size: 1.1em;
	border: 1px solid black;
	border-top: 2px solid black;
	text-align: center;
}

table th.vetsi
{
	font-size: 1.2em;
	font-style: italic;
	background: #CCCCCC;
}

table td
{
	padding: 0.3em 0.6em;
	border: 1px solid black;
	border-collapse: separate;
}

table td.vpravo
{
	text-align: right;
	font-weight: bold;
}

table tr.zluty
{
	background: #FFFF00;
}

table tr.zluty th
{
	font-size: 1em;
	text-align: right;
	border: 1px solid black;
}

#paticka
{
	width: 940px;
	height: 59px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 191px 0 0 0;
	margin: 0;
	background: url(obrazy/paticka_retez.jpg) 207px 0 no-repeat;
}

#paticka p
{
	width:  196px;
	padding: 10px 11px 0 0;
	margin: 0;
	color: #3598fe;
	text-align: right;
	font-size: 0.9em;
}

#paticka p span
{
	display: block;
}

#paticka p span.schovat, .schovat
{
	display: none;
}

#nahoru
{
	position: absolute;
	left: 98px;
	width: 30px;
}

.pruhledny
{
	visibility: hidden;
}

div.hr, #paticka div.hr 
{
	height: 1px;
	overflow: hidden;
	clear: both;
	padding: 0 40px;
}

#paticka div.hr 
{
	width: 190px;
	padding: 0 0 0 8px;
}

div.hr hr, #paticka div.hr  hr
{
	color: #022c84;
	background-color: #022c84;
	border: none;
	height: 1px;
	margin: 0;
	padding: 0;
	|margin-top: -7px;
}

p#pocitadlo 
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 168px;
}

p#pocitadlo span
{
	display: inline;
}

p#pocitadlo a
{
	color: #3598fe;
	text-decoration: none;
}

p#pocitadlo a:hover
{
	text-decoration: underline;
}

/* menu */

ul#menu 
{
	height: 27px;
	position: absolute;
	top: 137px;
	background: url(obrazy/menu.jpg);
	padding: 0 0 0 245px;
	margin: 0;
	list-style-type: none;
	width: 695px;
}

ul#menu a
{
	color: white;
	text-decoration: none;
	font-size: 1.1em;
	display: block;
	height: 27px;
	line-height: 27px;
}

ul#menu .aktivni a, ul#menu .aktivni a:hover
{
	color: #3399fe;
}

ul#menu a:hover
{
	text-decoration: underline;
	color: #3399fe;
}

ul#menu li
{
	height: 27px;
	line-height: 27px;
	display: block;
	float: left;
}

ul#menu ul
{
	visibility: hidden;
	margin: 0;
	background: url(obrazy/roletka.png);
	border-top: 1px solid white;
	padding: 0.3em 1em;
	position: absolute;
	top: 27px;
	_background-color: #18296f;
	_background-image: none;
	_filter: alpha(opacity=90);
}

ul#menu li ul li, ul#menu li ul li a, ul#menu li.aktivni ul li a
{
	font-size: 0.9em;
	height: 2em;
	line-height: 2em;
	text-transform: uppercase;
	float: none;
	list-style-type: none;
	color: white;
}

ul#menu li 
{ 
	behavior: url(hover.htc); /* Protoze IE nedodrzuje CSS standardy, aby bylo reseni funkcni, pouzijeme tento *.htc soubor */ 
}

#menu li:hover ul, ul#menu li.hover ul
{
	visibility: visible;
}

ul#menu li#home
{
	width: 48px;
}

ul#menu li#produkty
{
	width: 68px;
}
ul#menu li#produkty ul
{
	width: 146px;
}

ul#menu li#ceniky
{
	width: 54px;
}
ul#menu li#ceniky ul
{
	width: 289px;
}

ul#menu li#podpora
{
	width: 128px;
}
ul#menu li#podpora ul
{
	width: 129px;
}

ul#menu li#reference
{
	width: 75px;
}

ul#menu li#kontakt
{
	width: 62px;
}

/* konec menu */

/* lightbox */

#lightbox
{	
	position: absolute;
	left: 0; 
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img
{ 
	width: auto;
	height: auto;
}
#lightbox a img
{ 
border: none;
}

#outerImageContainer
{ 
	position: relative;
	background: #7f88b0;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer
{ 
	padding: 10px;
}

#loading
{ 
	position: absolute;
	top: 40%; left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav
{
	left: 0;
}

#hoverNav a
{ 
	outline: none;
}

#prevLink, #nextLink
{
	width: 49%;
	height: 100%;
	background-image: url(data:obrazy/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}

#prevLink 
{
	left: 0;
	float: left;
}

#nextLink 
{
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover
{
	background: none left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover
{
	background: none right 15% no-repeat;
}

#imageDataContainer
{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background-color: #7f88b0;
	margin: 0 auto;
	overflow: auto;
	width: 100%;
}

#imageData
{
	padding: 0 10px;
	color: #fff;
}

#imageData #imageDetails
{
	width: 70%;
	float: left;
	text-align: left;
	padding-top: 0.3em;
}
	
#imageData #caption
{
	font-weight: bold;
}

#imageData #numberDisplay
{
	display: block;
	clear: left;
	padding-bottom: 1em;
}			

#imageData #bottomNavClose
{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}	 	

#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: none;
}

/* konec lightboxu */
}