/*  Vytvořilo v roce 2007 webdesign studio WPJ, www.wpj.cz | info@wpj.cz | tel.: +420 775 131 400 | Vrchlabí  */
html, body {
	margin: 0;
	border: 0;
	background: url(../images/pozadi2.jpg) #99BACD repeat-x;
	color: #406480;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
}
A { font-weight: bold; text-decoration: none; }
A:link { color: #155CA1; }
A:visited { color: #155CA1; }
A:hover { color: #000000; }
img { border: none; }
/*  layout dvousloupcovy BOX- wpj  */
#hlavni { margin: auto; width: 980px; text-align: left; position: relative; }
#lista { color: #FFFFFF; font-size: 75%; height: 17px; }
#lista A:link { color: #FFFFFF; }
#lista A:visited { color: #FFFFFF; }
#lista A:hover { color: #FFFFFF; }
#mapa-webu { position: absolute; top: 4px; left: 15px; }
#top {
	width: 980px;
	background: url(../images/top-pozadi.jpg) no-repeat;
	height: 120px;
	position: relative;
}
#logo { position: absolute; top: 30px; left: 35px; }
#logo2 { position: absolute; top: 29px; right: 20px; }
#toppod{ border-bottom: 8px solid #599BCC; background-color: #3082BF; }
#podmenu{ padding: 10px 0 10px 40px; }
#stred { width: 100%; background-color: #FFFFFF; text-align: left; }
/*  layout hl BOX- wpj */
#sidebar { float: right; width: 350px; margin: 0; padding: 0; }
#sidebar-content { margin: 0; position: relative; top: -15px; right: 20px; }
#main { margin: 0 350px 0 0; padding: 0; }
#main-content { margin: 0; padding: 10px 30px 0px 20px; font-size: 100%; }
hr.cleaner { clear: both; margin: -1px 0 0 0; padding: 0; border: none; height: 1px; visibility: hidden; }
/*  layout hl BOX- wpj ende */
/*  layout dvousloupcovy BOX- wpj ende  */
/*  right BOX- wpj  */
#right-photo { padding: 10px 10px 5px 10px; margin-bottom: 10px; background-color: #D7D7D7; }
div.right-bunka { margin-bottom: 10px; background-color: #D7D7D7; }
div.right-text {
	padding: 0 0 2px 10px;
	border-bottom: 5px solid #599BCC;
	color: #155CA1;
	background-color: #FFFFFF;
	font-size: 110%;
	font-weight: bolder;
}
div.right-table { padding: 5px; }
td.right { padding-right: 5px; text-align: right; }
/*  right BOX- wpj  ende */
/*  botton BOX- wpj */
#spodek {
	background: url(../images/botton-pozadi.gif) no-repeat;
	color: #FFFFFF;
	font-size: 75%;
	height: 20px;
}
#wpj { float: right; padding: 3px 15px 0 0; }
#ecsys { float: left; padding: 3px 0 0 15px; }
#spodek A:link { color: #FFFFFF; }
#spodek A:visited { color: #FFFFFF; }
#spodek A:hover { color: #FFFFFF; }
/*  botton BOX- wpj  ende */
/*  menu-wpj  */
#top-menu { display: block; height: 100px; min-height: 100px; position: absolute; top: 5px; left: 240px;}
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu li { float: left; margin-right: 2px; display: block; height: 100px; }
#menu li.neoz1 { background: url("../images/button/1.jpg") repeat-x right; }
#menu li.neoz2 { background: url("../images/button/2.jpg") repeat-x right; }
#menu li.neoz3 { background: url("../images/button/3.jpg") repeat-x right; }
#menu li.neoz4 { background: url("../images/button/4.jpg") repeat-x right; }
#menu li.neoz5 { background: url("../images/button/5.jpg") repeat-x right; }
#menu li.oz1 { background: url("../images/button/1b.jpg") repeat-x right; }
#menu li.oz2 { background: url("../images/button/2b.jpg") repeat-x right; }
#menu li.oz3 { background: url("../images/button/3b.jpg") repeat-x right; }
#menu li.oz4 { background: url("../images/button/4b.jpg") repeat-x right; }
#menu li.oz5 { background: url("../images/button/5b.jpg") repeat-x right; }
#menu li.cz { background: url("../images/button/pcz.jpg") repeat-x right; }
#menu li.de { background: url("../images/button/pde.jpg") repeat-x right; }
#menu li.en { background: url("../images/button/pen.jpg") repeat-x right; }
#menu li.cz-ozn { background: url("../images/button/pcz-ozn.jpg") repeat-x right; }
#menu li.en-ozn { background: url("../images/button/pen-ozn.jpg") repeat-x right; }
#menu li.de-ozn { background: url("../images/button/pde-ozn.jpg") repeat-x right; }
#menu a {
	padding: 75px 10px 0 15px;
	display: block;
	color: #000000;
	font: bold 98% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right;
	width: "7ex"; /*  wpj-hack zasranejIE   */
	_white-space: nowrap; /*  wpj-hack zasranejIE  */
}
#menu a.neoz1 { background: transparent  url("../images/button/1b.jpg") -195px -101px no-repeat; }
#menu a.neoz1:hover { background-position: top right; color: #BA0000; }
#menu a.neoz2 { background: transparent  url("../images/button/2b.jpg") -195px -101px no-repeat; }
#menu a.neoz2:hover { background-position: top right; color: #BA0000; }
#menu a.neoz3 { background: transparent  url("../images/button/3b.jpg") -195px -101px no-repeat; }
#menu a.neoz3:hover { background-position: top right; color: #BA0000; }
#menu a.neoz4 { background: transparent  url("../images/button/4b.jpg") -195px -101px no-repeat; }
#menu a.neoz4:hover { background-position: top right; color: #BA0000; }
#menu a.neoz5 { background: transparent  url("../images/button/5b.jpg") -195px -101px no-repeat; }
#menu a.neoz5:hover { background-position: top right; color: #BA0000; }
#menu a.oz:hover {color: #BA0000; }
#menu a.oz {color: #BA0000; }
#menu a.cz {
	padding: 72px 6px 0 6px;
	background: transparent  url("../images/button/pcz-ozn.jpg") -195px -101px no-repeat;
}
#menu a.de {
	padding: 72px 6px 0 6px;
	background: transparent  url("../images/button/pde-ozn.jpg") -195px -101px no-repeat;
}
#menu a.en {
	padding: 72px 6px 0 6px;
	background: transparent  url("../images/button/pen-ozn.jpg") -195px -101px no-repeat;
}
#menu a.cz:hover, #menu a.en:hover, #menu a.de:hover{ background-position: top right; color: #BA0000; }

/*  menu-wpj-end  */
/*  hlavni-wpj  formatovani */
h1 {margin: 0px; padding: 0px; color: #FFFFFF; font-size: 200%; }
h2, h3 {padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #155CA1; font-size: 160%; }
#adresa h2 {padding-left: 0px; }
#vt h2, #el h3 {font-size: 220%; }
h3.fotogalerie { padding: 15px 0 0 0; margin: 10px 0 3px 20px; color: #155CA1; font-size: 90%; }
img.photo { border: none; padding-bottom: 2px; }
table { font-size: 100%; 
margin: 0px;
border: 0px;
padding: 0px;}
ul { margin: 0px; padding: 0px; }
#novinky ul { margin: 15px;
padding-left: 5px;}
#vt li, #el li {
	margin: 3px 0 0 10px;
	padding: 2px 0px 0 15px;
	list-style: none;
	background: url(../images/odrazka.gif) no-repeat left top;
	font-weight: bold;
}
#vt {
	width: 550px;
	height: 232px;
	background: url(../photo/vypocetni-technika.jpg) no-repeat;
	position: relative;
}
#el {
	width: 550px;
	height: 169px;
	background: url(../photo/elektronika.jpg) no-repeat;
	position: relative;
}
#vt-text {
position: absolute;
top: 10px;
left: 170px;
}
#el-text {
position: absolute;
top: 7px;
left: 310px;
}
#vt A:link, #el A:link { color: #155CA1; }
#vt A:visited, #el A:visited  { color: #155CA1; }
#vt A:hover, #el A:hover  { color: #155CA1; }
#main-content strong {
color: #155CA1;
}
#main p {
padding-left: 5px;
}
#news li {
	margin: 0 0 0 5px;
	padding: 5px 0px 5px 5px;
	list-style: square inside;
}
#katalog li {
	margin: 0 0 0 30px;
	padding: 5px 0px 5px 0px;
	list-style: decimal outside;
	font-weight: bold;
}
A.katalog:link { color: #000000; }
A.katalog:visited { color: #000000; }
A.katalog:hover { color: #155CA1; }
A.katalog-ok:link { color: #155CA1 }
A.katalog-ok:visited { color: #155CA1; }
A.katalog-ok:hover { color: #155CA1; }

A.news:link { color: #000000; }
A.news:visited { color: #000000; }
A.news:hover { color: #155CA1; }
A.news-ok { color: #155CA1; }
#link-news {
width: 100%;
padding-left: 5px;
font-size: 85%;
}
#user{
padding: 20px 0px 0px 0px;
}
#user td {
padding: 3px 3px 15px 5px;
font-size: 90%;
}
#user li {
	margin: 0 0 0 5px;
	padding: 5px 0px 5px 0px;
	list-style: square inside;
}
#user p {
margin: 0px;
padding: 0px;
}
#user em {
padding-left: 2px;
}
#kontakt-mapa {
float: right;
text-align: center;
}
#adresa{
padding: 50px 0px 15px 40px;
}
#adresa p {
padding: 5px 0 0 5px;
margin: 0;
}
#vt-loga {
width: 100%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
#fotogalerie {
position: relative;
left: -20px;
text-align: left;
width: 550px;
background: #D7D7D7 url(../images/pozadi-photo.jpg) no-repeat right top;
padding-left: 20px;
padding-top: 5px;
clear: none;
}
#fotogalerie img {
margin: 10px;
}
#oceneni {
width: 550px;
text-align: left;
}
#oceneni img {
margin: 10px 0 0px 15px;
border: solid 5px #D7D7D7;
}
/*  hlavni-wpj  formatovani ende */
/*  mapy-wpj  api-amapy*/
#wpjmaps {
width: 565px;
height: 380px;
}
/*  mapy-wpj end api-amapy */