body {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	/*font-family:"Monotype Corsiva";*/
	margin:0;
	font-size: 12px;
  background: #B5ACCD;
  color: white;	
  text-align: center; /*ie*/
  behavior: url(hover.htc);
  
  
}

#conteiner{
 width: 1024px;
 margin:0;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 background: url('./graphics/body.gif') repeat-y transparent left top;
}
a {
 color:white;
}
#header{
 width: 1024px;
 height: 178px; 
 background: url('./graphics/header.jpg') no-repeat transparent left top;
}

#sub-header{
 width: 1024px;
 height: 34px; 
 background: url('./graphics/menu.gif') no-repeat transparent left top;
}

#vyhledavani{
  width: 194px;
  height: 49px;
  float:left;
  clear:both;
  padding: 0 0 0 3px;
 background: url('./graphics/hledani.gif') no-repeat transparent left top;  
  
}
#vyhledavani .text{
  background: url('./graphics/hledej.gif') no-repeat transparent left top;
  width: 101px;
  height: 20px;
  border: none;
  padding: 3px 3px 8px 25px; 
  color: #093e66;
}
#vyhledavani span{
  position: relative; top: 7px;left: -3px;
}


#languages{
 margin: 8px 0 0 20px; 
 width: 187px;
 font-size: 14px; 
 float:left;
}

#languages a{
background: url('./graphics/languages-odrazka.gif') no-repeat transparent right center;
padding: 0 6px 0 10px ;
  
}

#main{
  text-align: left; /*ie*/
  padding-top:8px;
  background: url('./graphics/main.jpg') no-repeat transparent left top;
  
}
#panel {
  float:left;
}
#menu2{
 float:left;
 width: 194px;
 height: 195px; 
background: url('./graphics/menu_podklad.gif ') repeat-y transparent left bottom;
clear:left; 
 
}

#mapa{
 float:left;
 width: 194px;
 height: 263px; 
 background: url('./graphics/mapa.gif') no-repeat transparent left bottom;
 clear:left;
}

#mapa div{
  margin: 130px 0 0 18px;
  font-weight: bold;
  font-size: 13px;
}

#footer{
  height:40px;
  background: url('./graphics/footer.gif') no-repeat transparent left bottom;
}
#footer-in{
 text-align: center;
 color: white;
 padding-top: 12px;
 clear:both;
 
}

#content{
  margin: 0 0px 0px 200px;
  text-align: justify;
  background: url('./graphics/podklad.gif') no-repeat transparent left top;
  min-height: 508px;
  width: 713px;
  color:black;
  /*620px*/
}
#content-in{
  padding: 30px 80px 10px 35px;
}
#content-in a {
 color: black;
} 
#content-in p {
  margin: 5px 0 5px 0;
}
/*MENU SPODNI*/
#menu2 ul{
 margin: 0 0 0 0;
 padding:0;
 text-align: left;
 list-style-type: none;
 left: 4px; 
}

#menu2 ul li{
 height: 34px;
 width: 194px;
 margin-bottom: 5px;
}
#menu2 ul li#reference{
 background: url('./graphics/btn-reference.gif') no-repeat transparent left top;
}

#menu2 ul li#kontakty{
 background: url('./graphics/btn-kontakty.gif') no-repeat transparent left top;
}
#menu2 ul li#o-firme{
 background: url('./graphics/btn-o-firme.gif') no-repeat transparent left top;
}
#menu2 ul li#certifikaty{
 background: url('./graphics/btn-certifikaty.gif') no-repeat transparent left top;
}
#menu2 ul li#katalog{
 background: url('./graphics/btn-katalog.gif') no-repeat transparent left top;
}


#menu2 ul li a{
 height: 36px;
 width: 195px;
 font-size: 100%;
 text-decoration: none;
 font-weight: bold;
 display:block;
 
}
#menu2 ul li a span {
  display:block;
  padding: 10px 0 0 25px;
  text-transform:uppercase;
  font-size: 14px;
}
/* MENU */
/*
#menu ul li a:first-letter {
  font-size: 15px;
}
*/
#menu a, #menu a:visited {
  display:block;
  text-decoration:none; 
  font-weight: bold;
  color: white;
  /*height: 18px;*/
  /*width: 130px;*/
  padding: 0 10px 0 10px;
  text-align: center;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto; 
}


#menu ul li a:hover{
  border-bottom: solid 5px white;
}

#menu ul li li a {
  border-bottom: solid 5px #74ABE8;
}

#menu ul li li a:hover{
  border-bottom: solid 5px white;
}

#menu{
 float: left;
 color: white; 
}

#menu ul {
  padding:0;
  margin:0;
  list-style-type:none;
  color: white;
}
#menu ul ul {
  /*width:150px;*/
}

#menu ul li {
float:left;
position:relative;
top: 11px;
left: 20px;
}
#menu ul li li{
position:relative;
top: 0;
left: 0;
border: solid 1px #438EDC;
border-top: none;
}

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {
background:#74ABE8;

}
/* style the second level hover */
#menu ul ul a.drop:hover{
background:#A8C4E2;
}
#menu ul ul :hover > a.drop {
background:#74ABE8;
}
/* style the third level background */
#menu ul li.top, #menu ul li.top {
 border: solid 1px #438EDC;
 border-left: solid 1px #74ABE8;
}
#menu ul ul ul li.top {
 /*border-left: none;*/ 
}
/* style the third level hover */
#menu ul ul ul a:hover {
background:#74ABE8;
}
#menu ul ul ul :hover > a {
background:#74ABE8;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:20px;
  left:-1px;; 
  width:150px;
}


/* position the third level flyout menu */
#menu ul ul ul{
  left:150px; 
  top:-1px;
  width:150px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
background:#74ABE8; 
line-height:1em; 
padding:5px 10px; 
width:129px
}

#menu li
{
  behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
} 

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ 
visibility:visible;
}

/*-----------------*/
/*-----------------*/
#languages{
 color: #404447;
}

#languages a:link, #languages a:visited {
 color: white;
 text-decoration: none;
 font-weight: bold;
}
#languages a:hover{
 text-decoration: underline;
}


/*NEVIDITELNE ELEMENTY PRO VYPNUTÉ STYLY*/
h1{
 display:none;
}
/*KONTAKT*/
table th{
 text-align: left;
 padding: 0 10px 0 0;
 color: #79A5D2;
 font-weight: bold; 
}
table tr.br2 th, table tr.br2 td{
  padding-top:20px;
}
p.kontakt{
  text-align: right;
  width: 14em;
}
/*NOVINKY*/
#news-box div{
 margin-bottom: 20px;
}


/* ---- */
/*vseobecne elementy*/
h2{
  color: #79A5D2;
  font-size: 140%;
}
a.u {
 text-decoration: underline !important;
}

/*FOTO*/
#foto-box {
 width:600px;
}

#foto-box div.foto{
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  width: 180px;
  height: 165px;
  background: black;
  border: solid 4px #616161;
  line-height:100%;
  text-align:center;
  vertical-align:middle;
  display:table; /*vertikalni centrovani fotek*/
  overflow: hidden; /*vertikalni centrovani fotek*/
}

#foto-box div.foto div{
  display: table-cell; /*vertikalni centrovani fotek*/
  vertical-align: middle;
}
#foto img{
  border:none;
  padding:0;
  margin:0;
}
hr.cistic {
   clear: both;
   height: 1px;
   border: none;
   margin: -1em 0 0 0;
   visibility: hidden;
   }