html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	background: #333333 url(../images/backgroundtop.gif) repeat-x left top;
  font: 13px Arial;
	color: #ffffff;
	margin: 0 auto;
}
a {
  color: #01cfcd;
}
a:hover {
  text-decoration: underline;
  color: #ffffff;
}
img {
  border: none;
}
p {
   text-align: justify;
   margin-bottom: 10px;
}
#web {
  width:100%;
  background: url(../images/w7logoroh.gif) no-repeat right top;
  float: left;
}
#web2 {
  width:100%;
  
  float: left;
}
#top {
  width: 990px;
  height: 132px;
  margin: 0 auto;
}
#top #toplink {
  width: 890px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 30px;
  font: 10px Arial;
  color: #676767;
  float: right;
  text-align: right;
  padding-right: 100px;
}
#top #toplink .tli {
  font: 10px Arial;
  color: #676767;
  padding-left: 5px;
  padding-right: 7px;
  text-decoration: none;
}
#top #toplink .tli:hover {
  text-decoration: underline;
}
#top #toplink .tliw {
  font: 10px Arial;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 7px;
  text-decoration: none;
}
#top #toplink .tliw:hover {
  text-decoration: underline;
}
#top #logo {
  width: 347px;
  height: 38px;
  background: url(../images/logo.gif) no-repeat left top;
  float: left;
}
#top #logo #logoa  {
  width: 347px;
  height: 38px;
  float: left;
}
#top #logo #logoa a {
  width: 347px;
  height: 38px;
  display: block;
}
#top #logo #texpod {
  padding-top: 7px;
  font: 12px Arial;
  color: #636363;
  margin-left: 60px;
}
#top #logo #texpod strong {
  font: 12px Arial;
  color: #01cfcd;
}
#top #menu {
  width: 573px;
  float: left;
  margin-top: 40px;
  margin-left: 70px;
}
#top #menu a {
  font: 15px Arial;
  color: #ffffff;
  padding-right: 20px;
  text-decoration: none;
}
#top #menu a:hover {
  color: #01cfcd;
  text-decoration: underline;
}
.cz {
  background: url(../images/cz.gif) no-repeat left top;
  width: 15px;
  height: 10px;
  display: block;
  float: right;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 2px;
}
.cz:hover, .cz_h {
  background: url(../images/cz_a.gif) no-repeat left top;
  width: 15px;
  height: 10px;
  display: block;
  float: right;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 2px;
}
.de {
  background: url(../images/de.gif) no-repeat left top;
  width: 15px;
  height: 10px;
  display: block;
  float: right;
  margin-right: 10px;
  margin-top: 2px;
}
.de:hover, .de_h {
  background: url(../images/de_a.gif) no-repeat left top;
  width: 15px;
  height: 10px;
  display: block;
  float: right;
  margin-right: 10px;
  margin-top: 2px;
}
.en {
  background: url(../images/en.gif) no-repeat left top;
  width: 15px;
  height: 10px;
  display: block;
  float: right;
  margin-right: 10px;
  margin-top: 2px;
}
.en:hover, .en_h {
  background: url(../images/en_a.gif) no-repeat left top;
  width: 15px;
  height: 10px;
  display: block;
  float: right;
  margin-right: 10px;
  margin-top: 2px;
}
#erpage {
  width: 990px;
  height: 400px;
  margin: 0 auto;
  background: url(../images/www.gif) no-repeat right bottom;
}
#erpage h1 {
  font: 26px trebuchet MS;
  color: #ffffff;
  font-style: italic;
}
#page {
  width: 990px;
  margin: 0 auto;
}
#page ul {
  margin-left: 10px;
  margin-bottom: 10px;
}
#page li {
  list-style: none;
  padding-left: 30px;
  margin-bottom: 5px;
  background: url(../images/fajfka.gif) no-repeat left top;
}
#www {
  width: 990px;
  background: url(../images/www.gif) no-repeat right bottom;
  float: left;
}
#page #moni {
  background: url(../images/vizitky.jpg) no-repeat left top;
  width: 359px;
  height: 361px;
  float: left;
}
#page #moni2 {
  background: url(../images/eizo3.jpg) no-repeat left top;
  width: 359px;
  height: 361px;
  float: left;
}
#page #monicam {
  width: 359px;
  height: 361px;
  float: left;
  margin-top: 30px;
}
#page #monicam iframe {
  margin-top: 12px;
  border: 1px solid #333333;
  padding: 5px;
}
#page #telotx, #page #telotxx {
  width: 591px;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 35px;
  padding-bottom: 100px;
}
h1, .hh {
  font: 19px trebuchet MS;
  color: #01cfcd;
  font-style: italic;
  text-decoration: none;
  margin-bottom: 5px;
  display: block;
}
#page #telotx h2, h3, h4, h5, h6, #page #telotxx h2, h3, h4, h5, h6 {
  font: 17px trebuchet MS;
  color: #ffffff;
  font-style: italic;
  text-decoration: none;
  margin-bottom: 5px;
}
#page #telotx h3 {
  background: url(../images/w7.gif) no-repeat right bottom;
}
#page #telotx h4 {
  background: url(../images/lepsi.gif) no-repeat right bottom;
}
#page #telotx h5 {
  background: url(../images/wh7.gif) no-repeat right bottom;
}
#page #moni .hhc {
  font: 19px trebuchet MS;
  color: #b9e013;
  font-style: italic;
  text-decoration: none;
  margin-bottom: 5px;
}
#telo1 {
  width: 990px;
  height: 478px;
  margin: 0 auto;
  background: url(../images/www.gif) no-repeat right bottom;
}
#telo1 #moni {
  background: url(../images/eizo.jpg) no-repeat left top;
  width: 359px;
  height: 361px;
  float: left;
}
#telo1 #telotx {
  width: 591px;
  height: 341px;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 35px; 
}
#telo1 #telotx h1{
  font: 19px trebuchet MS;
  color: #ffffff;
  font-style: italic;
  text-decoration: none;
  margin-bottom: 5px;
}
#telo1 #telotx span {
  color: #afd50d;
}
#telo1 #telotx h2 {
  font: 17px trebuchet MS;
  color: #ffffff;
  font-style: italic;
  text-decoration: none;
  margin-bottom: 5px;
}
#telo1 #telotx h3 {
  font: 18px trebuchet MS;
  color: #ffffff;
  font-style: italic;
  text-decoration: none;
  margin-bottom: 5px;
}
#telo1 #box1, #box2, #box3 {
  width: 330px;
  height: 102px;
  float: left;
}
#telo1 #telotx h4 {
  font: 13px Arial;
  color: #ffffff;
  margin-bottom: 5px;
  font-weight: normal;
  display: inline;
}
#box1 {
  background: url(../images/nedostanete.gif) no-repeat left top;
}
#box1 .boxlink1 {
  font: 10px Arial;
  color: #afd50d;
  display: block;
  padding-top: 25px;
  padding-left: 7px;
}
#box2 .boxlink1 {
  font: 10px Arial;
  color: #b5b5b5;
  display: block;
  padding-top: 25px;
  padding-left: 7px;
}
#box1 .boxlink2, #box2 .boxlink2 {
  font: 10px Arial;
  color: #b5b5b5;
  display: block;
  padding-top: 3px;
  padding-left: 7px;
}
#box2 .boxlink1 {
  color: #01cfcd;
}
#box2 .boxlink1:hover, , #box2 .boxlink2:hover {
  color: #01cfcd;
}
#box1 .boxlink1:hover, #box1 .boxlink2:hover {
  color: #afd50d;
}
#box2 {
  background: url(../images/webvizitka.gif) no-repeat left top;
}
#pat {
  width: 100%;
  background: #383838;
  float: left;
}
#pat #obsah {
  background: url(../images/klienti.gif) no-repeat right top;
  width: 990px;
  height: 165px;
  margin: 0 auto;
}
.klienti {
  padding-top: 30px;
}
#pat2 {
  background: url(../images/spodek_bg.gif) repeat-x left bottom;
  width: 100%;
  float: left;
}
#pat2 #obsah2 {
  width: 990px;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top: 20px;
  font: 10px Arial;
  color: #676767;
}
#pat2 #obsah2 .copya {
  font: 10px Arial;
  color: #676767;
}
#pat2 #obsah2 .copya:hover {
  color: #ffffff;
}
#pat2 #obsah2 .gre {
  color: #b8df11;
}
#pat2 #obsah2 #partners {
  width: 990px;
  padding-bottom: 20px;
  font: 10px Arial;
  color: #676767;
}
#pat2 #obsah2 #partners a {
  font: 10px Arial;
  color: #3f3f3f;
  padding-right: 3px;
}
#pat2 #obsah2 #partners a:hover {
  color: #676767;
}
#pat2 #obsah2 #lastref {
  background: url(../images/posledniref.gif) no-repeat left top;
  width: 990px;
  height: 180px;
  margin-bottom: 20px;
}
#pat2 #obsah2 #lastref img {
  float: left;
  margin-top: 30px;
  margin-right: 15px;
  margin-left: 15px;
  border: 5px solid #1e1f1f;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#pat2 #obsah2 #lastref img:hover {
  opacity: 1.0;
  filter: alpha(opacity=99);
}
.web {
  width: 200px;
  height: 49px;
  background: url(../images/web.gif) no-repeat left top;
  float: right;
  margin-left: 20px;
  display: block;
}
.web:hover {
  background: url(../images/web_h.gif) no-repeat left top;
}
.ref {
  width: 285px;
  height: 49px;
  background: url(../images/ref.gif) no-repeat left top;
  float: right;
  margin-left: 20px;
  display: block;
}
.ref:hover {
  background: url(../images/ref_h.gif) no-repeat left top;
}
.kal {
  width: 285px;
  height: 49px;
  background: url(../images/kal.gif) no-repeat left top;
  float: right;
  margin-left: 20px;
  display: block;
}
.kal:hover {
  background: url(../images/kal_h.gif) no-repeat left top;
}
.sm {
  font: 10px Arial;
  color: #b5b5b5;
  padding-top: 5px;
}
.container {
  width: 270px;
  height: 240px;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: left;
}
.container:hover {
  width: 270px;
  height: 240px;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: left;
}
.containerbig {
  width: 270px;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: left;
}
.containerbig:hover {
  width: 270px;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: left;
}
.container img, .containerbig img {
  border: 1px solid #333333;
  margin-left: 10px;
  margin-top: 10px;
  padding: 5px;
}
.container img:hover, .containerbig img:hover {
  border: 1px solid #ffffff;
  margin-left: 10px;
  margin-top: 10px;
}
.projekt {
  color: #696969;
  text-decoration: none;
  font: 15px Tahoma;
  padding-left: 10px;
  margin-left: 2px;
}
.inputik {
  display: none;
  visibility: hidden;
}
input {
 	font: 11px Arial;
  color: #000000;
  border: 1px solid #7b7b7b;
  height: 14px;
  background: #7b7b7b;
  padding-left: 2px; padding-right: 2px;
  margin-bottom: 4px;
  margin-right: 5px;
}
.inp {
 	font: 11px Arial;
  color: #000000;
  border: 1px solid #7b7b7b;
  width: 170px;
  height: 14px;
  background: #7b7b7b;
  padding-left: 2px; padding-right: 2px;
  margin-bottom: 4px;
  margin-right: 5px;
}
.textsa {
 	font: 11px Arial;
  color: #000000;
  border: 1px solid #7b7b7b;
  height: 60px;
  width: 540px;
  background: #7b7b7b;
  padding-left: 2px; padding-right: 2px;
  margin-bottom: 5px;
}
.bookarea, .linxar {
 	font: 11px Arial;
  color: #000000;
  border: 1px solid #7b7b7b;
  height: 40px;
  width: 500px;
  background: #7b7b7b;
  padding-left: 2px; padding-right: 2px;
  margin-bottom: 5px;
}
#maps {
  width: 250px;
  height: 140px;
  border: none;
}
.linxar {
  width: 500px;
  height: 60px;
}
.tlacitko {
 	font: 11px Arial;
 	color: #ffffff;
  height: 19px;
  border: none;
  background:  #01cfcd;
  margin-bottom: 0px;
  margin-top: 0px;
  border: 0px;
}
.tlacitko:hover {
 	font: 11px Arial;
 	color: #000000;
  height: 19px;
  background:  #01cfcd;
  cursor: pointer;
  margin-bottom: 0px;
  margin-top: 0px;
  border: 0px;
}
.leva, .prava {
  width: 295px;
  height: 300px;
  float: left;
}
.vizi {
  border: 1px solid #333333;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 5px;
}
.vizi:hover {
  border: 1px solid #ffffff;
  margin-bottom: 10px;
  margin-top: 10px;
}
.cl {
  clear: left;
  margin-left: 30px;
}