body {margin: 0; padding: 0;  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; background: white; color: black;}
p, h1, h2, h3, h4, ul, li {margin: 0; padding: 0;}
hr {display: none;}

div#main {
background: #4C4C4C url(../images/div-main.gif) repeat-x;
width: 766px;
margin: 24px auto 0 auto;
color: black;
border-top: 8px solid #A2A2A2;

}
div#header {margin: 0 8px; height: 106px;
background: #ECECEC url(../images/div-header.gif) repeat-x; position: relative;
color: black;
}

div#languages {
width: 152px;
height: 29px;
top: 0; right: 8px;
position: absolute;
}
div#languages a {font-size: 80%; padding: 6px 0 0 0; text-decoration: none; font-weight: bold; color: #fff; position: absolute; top: 0; height: 23px; display: block; text-align: center; background: #FFC312 url(../images/div-languages.gif) repeat-x;}
div#languages a:hover {background: #FFDC74;}
div#languages a#en {
left: 0;
width: 76px;

}
div#languages a#de {
right: 0;
width: 75px;

}

div#languages span {
display: none;
}

h1 {
width: 387px;
height: 77px;

position: absolute;
font-size: 13px;
top: 21px; left: 21px;

}
h1 span{
display: block;
width: 387px;
height: 77px;

background: url(../images/h1.png) no-repeat;
position: absolute;
top: 0; left: 0;

}

div#menu {
margin: 0 8px;
background: #FFC312 url(../images/div-menu.gif) repeat-x;
height: 184px;
position: relative;

}




div#menu ul {
width: 229px; 
background-color: #4C4C4C; 
height: 177px; 
padding: 7px 0 0 0;
list-style-type: none;
}
div#menu ul li{
width: 221px;
border-top: 1px solid #666666;

}
div#menu ul li.last{

border-bottom: 1px solid #666666;

}
div#menu ul li a, div#menu ul li strong{
display: block;
width: 152px;
height: 25px;
font-weight: bold; color: white;
text-decoration: none;
font-size: 95%;
padding: 8px 0 0 69px;
background-repeat: no-repeat; background-position: 5px 8px;

}

div#menu ul li strong{
color: #FFC312;
background-color: #5C5C5C;
}
div#menu ul li a:hover {background-color: #525151; color: #D2D2D2;}


div#menu li#o-nas a {background-image: url(../images/menu-o-nas.gif);  }
div#menu li#vozovy-park a {background-image: url(../images/menu-vozovy-park.gif); }
div#menu li#sluzby a {background-image: url(../images/menu-sluzby.gif); }
div#menu li#cenik a {background-image: url(../images/menu-cenik.gif); }
div#menu li#kontakt a {background-image: url(../images/menu-kontakt.gif); }

div#menu li#o-nas strong {background-image: url(../images/menus-o-nas.gif);  }
div#menu li#vozovy-park strong {background-image: url(../images/menus-vozovy-park.gif); }
div#menu li#sluzby strong {background-image: url(../images/menus-sluzby.gif); }
div#menu li#cenik strong {background-image: url(../images/menus-cenik.gif); }
div#menu li#kontakt strong {background-image: url(../images/menus-kontakt.gif); }

div#kancelar-nr, div#dispecink-nr {
width: 152px;
height: 84px;
background: #FFB41D url(../images/dispecink-nr.gif) repeat-x;
position: absolute;
 color: white;
 left: 237px;
}


div#dispecink-nr {
top: 0; }

div#kancelar-nr h4, div#dispecink-nr h4 {
background-position: 7px 8px;
background-repeat: no-repeat;
font-size: 90%;
padding: 7px 0 0 28px;

}

div#dispecink-nr h4{
background-image: url(../images/dispecink-h4.gif);

 }

div#kancelar-nr h4 {
background-image: url(../images/kancelar-h4.gif);
 }

div#kancelar-nr p, div#dispecink-nr p {
font-weight: bold;
font-size: 95%;
padding: 12px 0 0 28px;
}
div#dispecink-nr p span {
font-size: 75%;
}
div#kancelar-nr {
bottom: 8px;
 }



div#slogans {
background-image: url(../images/div-slogans.png);
background-repeat: no-repeat;
position: absolute;
top: -60px;
right: 16px;
width: 294px;
height: 230px; 

}
div#slogans p {position: absolute;}
div#slogans p em {display: none;}
div#slogans p#s1  {width: 178px; height: 41px; background-image: url(../images/slogan1.png); top: 138px; left: 54px;}
div#slogans p#s2  {width: 256px; height: 41px; background-image: url(../images/slogan2.png); top: 192px; left: 17px;}

div#slogans p#s1-en  {width: 178px; height: 41px; background-image: url(../images/slogan1-en.png); top: 138px; left: 54px;}
div#slogans p#s2-en  {width: 256px; height: 41px; background-image: url(../images/slogan2-en.png); top: 192px; left: 17px;}

div#slogans p#s1-de  {width: 178px; height: 41px; background-image: url(../images/slogan1-de.png); top: 138px; left: 54px;}
div#slogans p#s2-de  {width: 256px; height: 41px; background-image: url(../images/slogan2-de.png); top: 192px; left: 17px;}


div#content {
background: #F6F6F6 url(../images/div-content.gif) repeat-x;
margin: 0 8px 0px 8px; 
border-bottom: 8px solid #4C4C4C; 
padding: 0px 0 0px 0;
}

p#created-by {
width: 766px;
margin: 0 auto;
text-align: right;
padding: 5px 14px 20px 0;
color: #999999;
font-size: 70%; clear: both;
}
p#created-by a{
color: #FFAA00;
}

p#pr {
width: 766px;
margin: 0 auto;
text-align: left;
padding: 5px 14px 20px 0;
color: #ffffff;
font-size: 1%; clear: both;
}
p#created-by a{
color: #FFAA00;
}

div.box {
background: url(../images/div-content.gif) repeat-x;
}

div.cols {
background: url(../images/div-cols.gif);
}

div.cols div.col1 {float: left; width: 371px;  background: url(../images/div-content.gif) repeat-x;}
div.cols div.col2 {float: right; width: 371px; background: url(../images/div-content.gif) repeat-x;}
div.clear { clear: both; font-size: 2px; line-height: 1px; }


/* O nás */
p#o-nas-p {
  font-size: 82%;
  font-weight: bold;
  color: #4C4C4C;
  padding: 16px 14px 12px 14px;
  line-height: 1.5em;
}

p#o-nas-nabidka {
  font-size: 82%;
  
  color: #4C4C4C;
  padding: 16px 14px 12px 14px;
  line-height: 1.5em;
}

p#o-nas-note {
  font-size: 55%;

  text-align: center;
  color: #4C4C4C;
  padding: 16px 5px 12px 5px;
  line-height: 2.5em;
}


/* Vozovy park*/

div.vozovy-park h2 {
font-size: 100%;
color: #ED9E00;
padding: 16px 14px 0px 14px;
}

div.vozovy-park div.col2 h2 {
font-size: 100%;
color: #ED9E00;
padding: 16px 14px 0px 13px;
}

div.vozovy-park img {
margin: 5px 0 0 14px;
border: 2px solid white;
}
div.vozovy-park div.col2 img {
margin: 5px 0 0 13px;
border: 2px solid white;
}

div.vozovy-park p {
padding: 4px 14px 2px 15px;
font-size: 70%;
}
div.vozovy-park div.col2 p {
padding: 4px 14px 2px 14øpx;
font-size: 70%;
}
div.vozovy-park div.col1, div.vozovy-park div.col2 {
  padding-bottom: 10px;
}

div.vozovy-park div.clear {clear: both; font-size: 2px; line-height: 8px; background: #DADADA;}
div.clearlast {clear: both; font-size: 2px; line-height: 1px;}



/* Ceník */

table.cenik {
font-size: 82%;
border-collapse: collapse;
margin: 0 0px 0 0; color: #4C4C4C;
}

table.cenik td{
border-left: 2px solid #DADADA;
border-bottom: 1px solid #DADADA;
padding: 5px 7px 5px 4px;
text-align: right; vertical-align: center;
}


table.cenik th{
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
padding: 5px 4px 5px 4px; text-align: left;

}
table.cenik thead th{
border-left: 2px solid #DADADA;
border-bottom: 1px solid #DADADA;
padding: 17px 4px 7px 4px; text-align: center; vertical-align: top;

}
table.cenik thead th span{
font-weight: normal; font-size: 11px; display: block;
margin: 4px 0 0 0; color: #464646;

}
td.empty {

border-left: 0 !important;
border-bottom: 1px solid #DADADA;
}

div.price-list-text {background: #DADADA;  font-size: 83%; padding: 6px 4px 6px 4px;}

/* Kontakt */
div.kontakt address.post { font-size: 100%;
  
  color: #4C4C4C;
  padding: 16px 14px 12px 14px;
  line-height: 1.5em;
  font-style: normal;}
  
  div.kontakt address.ph { font-size: 82%;
  
  color: #4C4C4C;
  padding: 16px 14px 12px 14px;
  line-height: 1.5em;
  font-style: normal;}
  
div.kontakt a {color: #ED9E00;}
div.kontakt a:hover {color: #FFBE3C;}
