/* CSS Document */
.hlavni{
  width:921px;
  height:100%;
  margin:0 auto 10px auto;
  padding:0 0 0 6px;
  background-image: url(../img/pozadi.png);
  background-repeat: no-repeat;
  
}
.uptext {
  float: right;
  width: 265px;
  text-align: right;
  padding: 0;
  font-weight: bold;
  font-size: 11pt;
  margin: -5px 20px 0 0
}
.referencovy{
  width:921px;
  height:100%;
  margin:0 auto 10px auto;
  padding:0 0 0 6px;
  background-image: url(../img/pozadi_ref.png);
  background-repeat: no-repeat;
  
}
.detailovy{
  width:921px;
  height:100%;
  margin:0 auto 10px auto;
  padding:0 0 0 6px;
  background-image: url(../img/pozadi_det.png);
  background-repeat: no-repeat;
  
}
span.caraa {
  background-image: url(../img/cara.gif);
  background-position: center 10px;
  background-repeat: no-repeat;
  display: block;
  height: 30px; 
  width: auto; 
  padding: 0;
  position: relative;
}
.rss {
  font: 'Arial';
  line-height: 2em;
  font-weight: bold;
  text-transform: uppercase;
  color: orange;
  text-align: right;
  display: block;
  padding: 0 10px 0 0;
}
.rss:hover {
  color: black;
}
input.submit {
  width: 62px;
  height: 22px;
  border-style: none;
  background-image: url(../img/submit.gif);
  background-position: center top;
  background-repeat: no-repeat;
}
form.orderby {
  margin: 0;
  padding: 10px 0 20px 80px;
  text-align: left;
}
form.orderby table td {
  padding: 0 5px 0 5px;
}
.l { text-align: left; }
.odsaz { width: auto; padding: 5px 10px 10px 10px; }
.hlavni2{
  width:921px;
  height:100%;
  margin:0 auto 0 auto;
  padding:0 0 0 6px;
  background-image: url(../img/blokpaticka.png);
}
table.kontakts {
  width: 100%;
  font-family: 'Georgia';
  font-size: 0.9em;
  text-align: left;
}
table.kontakts td.odsadit {
  padding: 0 0 0 20px;
}

.r {text-align: right;}

table.kontakts td.rp {
  padding: 0 20px 0 0;
}
table.kontakts td.jed {
  width: 240px;
}

table.kontakts td.jed2 {
  width: 122px;
}

table.kontakts .pdl {
  padding: 0 0 0 40px;
}
.horni{
  width:915px;
  height: 164px;
  background-image: url(../img/horni_lista.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  margin:46px 0 0 0;
}
.horni2{
  width:915px;
  height: 164px;
  background-image: url(../img/horni_lista2.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  margin:46px 0 0 0;
}
.horni3{
  width:915px;
  height: 164px;
  background-image: url(../img/horni_lista3.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  margin:46px 0 0 0;
}
.horni4{
  width:915px;
  height: 164px;
  background-image: url(../img/04.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  margin:46px 0 0 0;
}
.horni5{
  width:915px;
  height: 164px;
  background-image: url(../img/05.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  margin:46px 0 0 0;
}
.horni6{
  width:915px;
  height: 164px;
  background-image: url(../img/06.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  margin:46px 0 0 0;
}
.horni7{
  width:915px;
  height: 164px;
  background-image: url(../img/07.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  margin:46px 0 0 0;
}
.horni img, .horni2 img, .horni3 img{
  margin:11px 0 0 28px;
  padding:0;
}
.horni p, .horni2 p, .horni3 p{
  margin:0px 16px 0 0;
  display: block;
  padding:0;
}
.obsah{
  width:915px;
}
.levy{
  width:338px;
}
.referenc {
  width:685px;
  text-align: left;
}
table.ferenc th.odth {
  padding: 0 0 0 40px;
}
.stred{
  width:347px;
  
  margin:0;
  padding:0;
}
.pravy{
  width:230px;
  
}
.spodni{
  width:915px;
  height:160px;
  background-image: url(../img/spodek.png);
  background-repeat: no-repeat;
}
.box1{
  
  width:280px;
  height:73px;
  line-height: 20px;
  margin:0;
  
  padding:47px 0 0 25px;
}
.box2{
  width:272px;
  height:95px;
  line-height: 20px;
  margin:0;
  padding:25px 0 0 33px;
  
}
.box3{
  width:273px;
  height:71px;
  margin:0;
  
  padding:49px 0 0 32px;
}
.clearfloat { 
  clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}
h4 {
	letter-spacing: 1px;
	color: #009600;

}
div.galery img {
  border-style: none;
}
div.fotky1, div.fotky1 span{
  width: 130px; 
  height: 130px;
	margin: 0; padding: 0 10px 10px 0;
	overflow: hidden;
	position: relative;
	right: 0px;
	top:0px ;
	z-index: 0;
	float:left;
}
div.fotky1 span{
  display: block;
  top:0px;
  width: 130px; 
  height: 130px;
  float:left;
}
div.fotky2, div.fotky2 span{
  width: 130px; 
  height: 130px;
	margin: 0; padding: 0 0 10px 0;
	overflow: hidden;
	position: relative;
	right: 0px;
	top:0px ;
	z-index: 0;
	float:left;
}
div.fotky2 span{
  display: block;
  top:0px;
  width: 130px; 
  height: 130px;
  float:left;
}
h4.uvod, h4.uvod span,
h4.develop, h4.develop span,
h4.maloo, h4.maloo span,
h4.nabidka, h4.nabidka span,
h4.kontakt, h4.kontakt span,
h4.reference, h4.reference span,
h4.zaruka, h4.zaruka span,
h4.kariera, h4.kariera span,
h4.detail, h4.detail span,
h4.podpor, h4.podpor span
{
  width: 336px; 
  height: 60px;
	margin: 0; padding: 0;
	overflow: hidden;
	position: relative;
	right: 0px;
	top:0px ;
	font-size: 8pt;
	z-index: 0;
	line-height: 65px;
}
h1.logo, h1.logo span{
 width: 336px; 
  height: 60px;
	margin: 0; padding: 0 0 0 20px;
	overflow: hidden;
	position: relative;
	right: 0px;
	top:0px ;
	z-index: 0;
	line-height: 150px;


}
h4.novinky, h4.novinky span{
  width: 200px; 
  height: 60px;
	margin: 0; padding: 0;
	overflow: hidden;
	position: relative;
	right: 0px;
	top:0px ;
	z-index: 0;
	line-height: 55px;

}
h4.uvod span{
  display: block;
	background: transparent url(../img/uvod.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;
}
h4.reference span{
  display: block;
	background: transparent url(../img/reference.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;
}
h4.detail span{
  display: block;
	background: transparent url(../img/detail.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;
}
h4.nabidka span{
  display: block;
	background: transparent url(../img/nabidka.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;

}
h4.podpor span{
  display: block;
	background: transparent url(../img/podpor.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;  
}
h4.kontakt span{
  display: block;
	background: transparent url(../img/kontakt.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;
}
h4.zaruka span{
  display: block;
	background: transparent url(../img/zaruka.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;
}
h4.kariera span{
  display: block;
	background: transparent url(../img/kariera.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;
}
h1.logo span{
display: block;
	background: transparent url(../img/logo.jpg) no-repeat;
	z-index: 1;
	position: absolute;
  top:5px;
   margin:0 0 0 0px;
  padding:0;

}
h4.novinky span{
  display: block;
	background: transparent url(../img/novinky.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;
}

.clanek{
  width:285px; 
  padding:0 0 0 25px;
  =padding: 0 0 0 5px;
  text-align: left;
} 
.clanek span, .green span{
  color: black;
  font-size: 0.85em;
}
.clanek span.sedy{
  color: #717070;
  font-size: 0.8em;
}

* html .clanek { 
  padding: 0 0 0 5px;
}
.refclanek {
  width: auto;
  padding:0 0 0 25px;
  text-align: left;
}
.clanek img{
  margin:5px 5px 0 0; 
}
.refclanek img{
  margin:5px 5px 0 0; 
}
table a {
  color:#009600;
  text-decoration: underline;
}
.clanek a{
  color:#009600;
  text-decoration: underline;
}
.refclanek a{
  color:#009600;
  text-decoration: underline;
}
.clanek2{
  width:170px;
  text-align: left;
  
}
table.ferenc {
  width: 100%;
  font-size: 0.75em;
}
table.ferenc td.imgs {
  width: 15px;
  padding: 0 0 0 30px;
}
table.ferenc td.imgs2 {
  width: 100px;
  padding: 0;
}
table.ferenc td.imgs2 img {
  padding: 4px;
  width: 78px;
  height: 54px;
  background-color: white;
  border: 1px solid #bebebe;
}
div.fotogalka img {
  padding: 4px;
  float: left;
  margin: 0 4px 4px 0;
  width: 78px;
  height: 54px;
  background-color: white;
  border: 1px solid #bebebe;
}
img.detimag {
  padding: 4px;
  float: left;
  margin: 0 10px 10px 0;
  background-color: white;
  border: 1px solid #bebebe;
}
table.ferenc td.imgs2 a:hover img, div.fotogalka a:hover img, a:hover img.detimag {
  border: 1px solid black;
}
td.mezirka {
  border-bottom: 1px solid #bebebe;
  height: 2px;
  font-size: 0;
  line-height: 0;
}
table.kontakts td.imgs {
  width: 15px;
  padding: 0 0 0 20px;
}
table.ferenc td {
  padding: 4px 0 4px 0;
}
div.refdiv table.ferenc td {
  padding: 1px 0 1px 0;
}
table.ferenc td.mezi {
  padding: 0;
}
table.ferenc th {
  font-weight: normal;
  background-color: #C5C5C5;
  color: white;
  text-transform: uppercase;
}
div.carka {
  width: auto;
  margin: 5px 25px 10px 25px;
  border-top: 1px #A8CEB8 solid;
}
.linkas{
  margin:10px 0 0 0;
}
.linkav{
  margin:5px 0 0 23px;
}
.iso{
  margin:20px 13px 0 23px;
}
.galery{
  width:309px;
  margin:16px 0 0 0px;
  padding:0 0 0 38px;
}
.news{
  width:170px;
  margin:0 0 0 0;
  padding:0;
}
.new{
  margin:0 0 10px 0;
  padding:0 0 0 25px;
  width:195px;
  text-align: left;
}
.new img{
  margin:0 0 0 -15px;
}
h6{
margin:0 0 0 0px;
padding:0;
}
.green{
  color:#009600;
}
.grenbol {
  color: #009600;
  font-weight: bold;
}
div#vypiskar ul {
  text-align: left;
  margin: 0;
  padding: 0 5px 0 5px;
  list-style-type: none;
}

div#vypiskar ul li {
  font-family: 'arial';
  color: #717070;
  padding: 0 0 0 15px;
  font-size: 0.7em;
  margin: 4px 0 4px 0;
  _margin: 1px 0 1px 0;
  =margin: 1px 0 1px 0;
  background-image: url(../img/sluzby.gif);
  background-position: left 2px;
  _background-position: left 7px;
  =background-position: left 7px;  
  background-repeat: no-repeat;
}
ul.maloo {
  text-align: left;
  margin: 0;
  padding: 20px 25px 0 25px;
  list-style-type: none;
}

ul.maloo li {
  font-family: 'Georgia';
  padding: 0 0 0 15px;
  font-size: 0.75em;
  margin: 2px 0 2px 0;
  background-image: url(../img/odrazka.jpg);
  background-position: left 4px;
  background-repeat: no-repeat;
}
ul.services {
  text-align: left;
  margin: 0;
  padding: 5px 25px 15px 40px;
  list-style-type: none;
}

ul.services li {
  font-family: 'arial';
  color: #717070;
  padding: 0 0 0 15px;
  font-size: 0.7em;
  margin: 4px 0 4px 0;
  _margin: 1px 0 1px 0;
  =margin: 1px 0 1px 0;
  background-image: url(../img/sluzby.gif);
  background-position: left 2px;
  _background-position: left 7px;
  =background-position: left 7px;  
  background-repeat: no-repeat;
}
.mpp {
  margin: 0;
  padding: 5px 10px 5px 10px;
}
.red{
  color:#FF0000;
  font-weight: bold;
}
.orange{
  color:#FF7800;
  font-weight: bold;
  margin:10px 0 0 0;
  padding:0 20px 0 0;
  display: block;
}
.tab{
  width:260px;

}
.blokpaticka{
  width:100%;
  height:160px;
  background-image: url(../img/pozadi2.jpg);
  background-repeat: repeat-x;
  background-color: #EBEBEB;
}
.adresa1{
  text-align: left;
}
.adresa2{
  text-align: right;
}

.sipka a:hover {
	background-image: url(../img/sipka.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding:0 0 0 15px
}
h4.develop span{
  display: block;
	background: transparent url(../img/development.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px;
}

h4.maloo span{
  display: block;
	background: transparent url(../img/malo.gif) no-repeat;
	z-index: 1;
	position: absolute;
  top:18px; 
}
h4.mp {
  margin-left: 1px;
}
/* menu */
/* menu */
#container { 
	width: 915px;  
	margin: 0 auto;
	text-align: left;
}


#nav {
	background: #009600;
	border-left: 1px #CAD2C5 solid;
	height: 25px;
	color: #FFFFFF;
		
}
.menu {
	padding: 0;
	margin: 0;
}
.menu a {
	text-decoration: none;
	font-size: 100%;
	color: #FFFFFF;
	display: block;
	line-height: 25px;
	height: 25px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 0 0 0 30px;
}
.menu ul,
.menu li {
	list-style-type: none;
	margin: 0; padding: 0;
	z-index: 9;
}
ul.level1 li.level1 {
	float: left;
	position: relative;
}
 ul.level2 {
	position: absolute;
	left: 40px; top: 20px;
	background: #009600;
	visibility: hidden;
	padding: 6px 20px 0 20px;
}
 ul.level2 li.level2 a {
	text-align: left;
	display: block;
	margin: 0; padding: 10px 0 0 27px;
}
 ul.level2 li.level2 a:hover {
	background: url(../img/sipka.gif) no-repeat 12px 65%;
}
 a:hover {
	color: #75c398;
}
 li.level1:hover ul.level2 {
	visibility: visible;
}