html * {margin:0; padding:0; border:0; font-family: Verdana, "Tahoma CE", Tahoma, "Lucida Grande CE", Lucida, Sans-Serif;}
body {font-size:0.8em; color: rgb(112,112,112); background: #e9e9e9; text-align:left;}

  a{color: #008EFF;text-decoration: underline;}
	a:hover {text-decoration: none; color:#FF801F;}
  
  .center{text-align:center;}
  
  h1 {padding-bottom: 10px;font-size: 1.3em;}
  h2 {font-size: 1.1em;padding-bottom: 4px;padding-top: 10px;	}
  h3 {font-size: 1em;padding-bottom: 15px;}
	h4 {padding-bottom: 10px;}
	
	h1, h2, h3, h4 {color: #008EFF;}
	
	li {padding:0 0 5px 0;}

  li.list1{
  padding: 0 0 5px 15px;
  margin-left: 5px;
  list-style-type:none;
  background:white url('./img/list1.gif') no-repeat 0 5px;}
	
		p {font-size: 1em;
		 color: rgb(112,112,112);
		 text-align: justify;
		 line-height: 17px;
		 padding-bottom: 10px;
	}

	


#top-margin {height:30px;}
#top-margin h1{display: none;}
#all {width:760px;margin:auto;}
#page {width:760px;padding: 0px; background-color: white;}
#head {width:760px; height:103px; background:#e9e9e9 url('./img/bg-top4.gif') no-repeat;}
#logo {float: left;width:140px; height:40px; margin: 16px 0 0 16px; _margin: 16px 0 0 8px;}

#top-pas {float:left;width:760px;}
#left-box{float: left;width: 531px;}
#left-box img{
float: left;
}


#con-left {text-align: justify;
  width:533px;
  float: left;
  min-height: 200px;
  _height: 200px;

 }
 
   #con-right {text-align: justify;
  width:227px;
  float: left;
  
 }

.text-data{
padding: 10px 19px 0 20px;
border-right: 1px solid #e9e9e9;
margin-bottom: 20px;
}

.text-data-r{
padding: 10px 19px 0 21px;
border-left: 1px solid #e9e9e9;
margin-left: -1px;
margin-bottom: 20px;
}

#foot {
border-top: 6px solid #e9e9e9;
 background:white;
  float:left;
padding: 10px 20px 10px 20px;
 width:720px;
}

#foot .text{
font-size: 0.7em;
line-height: 2em;
width:533px;
float:left;
}


 #foot2 {
 font-size: 0.8em;
 float:left;
 width:760px;
 height: 20px;
 text-align: right;
 padding: 5px 0 30px 0;
 }
 
 .my-button{
 }
 
 .my-button a{
 background: white url('./img/bg-menu1.gif') repeat-x;  
 color: white;
 padding: 3px 6px 3px 6px;
 text-decoration: none;
 float: left;
 color: white;
 margin-top: 7px;
 }
 
.left{
 float: left;
 }
 
.right{
 float: right;
 }
 
 
 .my-button a:hover{
 color: white;
 text-decoration: none;
 }
 
 .my-button a:active{
 color: black;
 background: white url('./img/bg-menu2.gif') repeat-x;
 }
 
 #quicknav{
 background:white url('./img/bg-quick.gif') no-repeat 20px 2px;
 float:left;
 width:740px;
 height: 20px;
 text-align: left;
 padding: 12px 0 8px 20px;
 border-top: 6px solid #e9e9e9;
 
 font-size: 11px;
 }

 .actual{
 font-size: 0.8em;
 text-align: left;
 margin-bottom: 10px;
 }

  .actual .date{
  color: #b0b0b0;
  }


#flash1 {float: left; width:280px; height:225px; padding-left: 15px;}
#flash2 {width: 472px; height: 165px; background: #008EFF; padding: 2px; margin: auto;}

#nab{position: relative; margin-top: -150px; left: 100px; width: 360px; padding-bottom: 40px;}
#nab li{list-style: none; padding: 15px 0 0 0; font-size:1em; font-weight: bold; color: #008EFF; text-align: left;}
#nab li a{text-decoration: none;}
#nab li a:hover{color:#ff6600 ; text-decoration: none;}


  .ref-litt{
  margin: auto;
  margin-top:10px;
  width: 158px;
  }
  
 .ref-litt a{
  display:block;
  height: 165px;
  width: 150px;
  background:white url('./img/ref-litt1.jpg') no-repeat;
  border: 4px solid #d0d0d0;
  }
  
  .ref-litt a:hover{
  background:white url('./img/ref-litt2.jpg') no-repeat;
  border: 4px solid #b0b0b0;
  }


 .ref-osm{
  margin: auto;
  margin-top:10px;
  width: 158px;
  }
   
  .ref-osm a{
  display:block;
  height: 163px;
  width: 150px;
  background:white url('./img/ref-osm1.jpg') no-repeat;
  border: 4px solid #d0d0d0;
  }
  
  .ref-osm a:hover{
  background:white url('./img/ref-osm2.jpg') no-repeat;
  border: 4px solid #b0b0b0;
  }

 .ref-ejes{
  margin: auto;
  margin-top:10px;
  width: 158px;
  }
  
  .ref-ejes a{
  display:block;
  height: 153px;
  width: 150px;
  background:white url('./img/ref-ejes1.jpg') no-repeat;
  border: 4px solid #d0d0d0;
  }
 
 .ref-ejes a:hover{
  background:white url('./img/ref-ejes2.jpg') no-repeat;
  border: 4px solid #b0b0b0;
  }
  
  .reference{
  font-size: 10px;
  text-align: left;
  }
  
  .fa{font-weight: bold;
  color: lightskyblue;
  font-size: 11px;
  }
  
  .reference img{
  margin:auto;
  border: 4px solid #d0d0d0;
  _border: 0;
  }
  
  .reference img:hover{
  border: 4px solid #b0b0b0;
  }
  
 .reference a{
  _border: 4px solid #d0d0d0;
  }

  .reference a:hover{
  _border: 4px solid #b0b0b0;
  }  

  .ref-img{
  margin:auto;
  width: 158px;
  padding:4px;
  }


  
  .ref-pat1{
  margin: auto;
  margin-top:10px;
  width: 158px;
  }
  
  .ref-pat1 a{
  display:block;
  height: 107px;
  width: 150px;
  background:white url('./img/ref-pat11.jpg') no-repeat;
  border: 4px solid #d0d0d0;
  }
 
 .ref-pat1 a:hover{
  background:white url('./img/ref-pat12.jpg') no-repeat;
  border: 4px solid #b0b0b0;
  }
  
  
  .ref-pat2{
  margin: auto;
  margin-top:10px;
  width: 158px;
  }
  
  .ref-pat2 a{
  display:block;
  height: 106px;
  width: 150px;
  background:white url('./img/ref-pat21.jpg') no-repeat;
  border: 4px solid #d0d0d0;
  }
 
 .ref-pat2 a:hover{
  background:white url('./img/ref-pat22.jpg') no-repeat;
  border: 4px solid #b0b0b0;
  }



  
  .web-design2{
  background:white url('./img/bg-con3.jpg') no-repeat;
  width: 462px;
  padding: 15px;
  margin-bottom: 20px;
  }
  
  .web-name{font-size:1.4em; color:#008EFF; padding-bottom: 10px;}
  .web-tech{font-weight:bold;}

  

#navigace{float: right; padding: 5px 10px 0 0;}  
#tools-bar a {float:left; display:block; width:14px; height:14px;}
.plus {float:left; width:7px; height:14px;}
.plus1 {float:left; width:4px; height:14px;}
            

 #paticka_text {
 position:relative; 
 text-align: center; 
 left:0px; 
 width: 760px;
 height: 20px;
 margin: 0px; 
 background-color: #216922;
 line-height: 18px;
 }
 
 #paticka2_text {
 
 text-align: right; 
 left:0px; 
 width:760px;
 height: 20px;
 margin: 0px 0px 10px 0px; 
 line-height: 18px;
 }

 #paticka2_text a{
 color: rgb(160,160,160);
 text-decoration: underline;
 }

 #paticka2_text a:hover{
 text-decoration: none;
 }

.menu {margin: 0px; float: right;}
.menu ul{float:left;}
.menu li {list-style-type:none; padding:0px; padding-bottom:2px;}
.menu li.last {padding-bottom:0;}
.menu a {
font-family: arial;
padding-left: 0px;
padding-top: 7px;
text-align: center;
display: block;
width: 227px; height: 24px;
background: white url('./img/bg-menu1.gif') repeat-x;            
font-weight: bold;
color: white;
font-size: 12px;
text-decoration:none;}

.menu a:hover {
color: #006699;
text-decoration: none;
background:white url('./img/bg-menu2.gif') repeat-x; 
}

.menu a.activate {
color: #006699;
text-decoration: none;
background:white url('./img/bg-menu2.gif') repeat-x; 
}




.menu a.active{
color: rgb(255,204,0);}

.menu a.active:hover{
color: rgb(255,204,0);
text-decoration: underline;
}

 	



  .pismena{list-style-type: lower-alpha;
           padding-left:23px;}
           
           
  .nic{list-style-type:circle; padding-left:20px; padding-bottom:15px;}
	
  .nadpis {

		font-size: 12px;
		color: rgb(51,204,0);
		font-weight: bold;
	}
	
	.green {

		font-size: 12px;
		color: rgb(0,102,0);
		font-weight: bold;
	}
	
	.text_svetly {

		font-size: 10px;
		color: #FFF392;
	}
	
	.text_tmavy {


		font-size: 10px;
		color: #666666;
	}

      
  .black { 
  font-size:12px;
  color: black
  }
	 
#formular{
padding: 10px;
margin: auto;
margin-top: 10px;
width: 400px;
border: 1px solid silver;
background-color: #e9e9e9;
}

.buttons{
padding-left: 178px;
}

.buttons input{
background-color: #99ccff;
}

.buttons input:hover{
background-color: #008EFF;
border: 1px solid white;
color:white;
}

label {
    float: left;
    width: 5em;
}

input {
    border: 1px solid rgb(192,192,192);
    margin-bottom: 3px;
}
textarea {
    border: 1px solid rgb(192,192,192);
    margin-bottom: 3px;
    width: 300px;
    height: 100px;
    font-size: 1em;
}

 
  
  

  .left-img{float: left;}
  .right-img{float: right;}
  
  

  table {
  caption-side:top;
  border: none;
  margin-bottom:20px;
  }
  
  table td{
  font-weight: normal;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  border: none;
  }
  
  table th{
  font-size: 10px;
  border-collapse: none;
  border: none;
  border-color: black;
  background-color:rgb(153,255,102);
  padding: 2px;
  }    
  
  .blue{
  background-color:rgb(255,255,153);
  text-align: right;
  }  

  
 .bc{
  color: #008EFF;
  }  


	

 

.correct {
clear: left;
height: 0px;
}
  
.clear {width:1px; height:1px; clear:both; line-height: 0px; font-size: 0px;}  
.tab-ramecek{border: 1px solid black;}
.ramovana {
background-color: rgb(255,204,102);
border: 1px solid rgb(128,128,128);
}
.ramovana p{padding:0;}


#logo h1 {display: inline; padding:0; margin:0;}
#logo a {background-color: transparent; display: block; position: relative; height: 32px; width: 137px; margin: 0; padding: 0;}
#logo span {background: url('img/logo-blue.gif') top left no-repeat; cursor: pointer; display: block; position: absolute; height: 32px; width: 137px; margin: 0; padding: 0; left: 0; top: 0; z-index: 1}

.offers{
width: 493px;
height: 360px;
background: url('img/bg-offers.jpg') 8px 0px no-repeat;
}

.offers ul{
padding: 26px 0 0 34px;
}


.offers ul li{
list-style-type: none;
padding: 7px 0px;
}

.offers ul li a{
font-family: Arial;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.offers-buttons{
width: 217px;
padding-top: 75px;
padding-left: 40px;
}


.ref img{
border: 5px solid #e0e0e0;
float: left;
}

.ref-popis{
float: right;
width: 270px;
}

.ref-popis table td{
padding: 0 0 3px 0;
margin: 0;
vertical-align: top;
font-size: 11px;
text-align: left;

}

.ref{
float: left;
padding-bottom: 30px;
width: 100%;
}