body, h1, h2, h3, p, img, form, input, textarea, ul, li { margin:0; padding:0; border:0; }
/*html { overflow: auto;}*/
a { outline:none; }

body { background: #fff url('images/background.gif') repeat-x left top; font-family: Tahoma, Arial, sans-serif; font-size: 62.5%; color: #000; text-align: center;}

#container { margin: 0px auto; width: 987px;}

#header { background: url('images/logo-astratrans.gif') no-repeat 10px 42px; width: 729px; height: 400px; float: left; text-align: left;}
  #header h1 { text-indent: -9000px; height: 122px; background: url('images/logo-astratrans.gif') no-repeat 10px 42px;}
  #header h1.english { background: url('images/logo-astratrans-english.gif') no-repeat 10px 42px;}
  #header h1.deutsch { background: url('images/logo-astratrans-deutsch.gif') no-repeat 10px 42px;}
  #header ul { list-style: none; height: 34px; }
  #header ul li { float: left; }
  #header ul li a { display: block; height: 34px; float: left; line-height: 34px; font-size: 1.2em; font-weight: bold; color: #505050; text-shadow: 1px 1px 0px #fff; text-decoration: none; padding: 0px 10px; }
  #header ul li a:hover { color: #a42914;  background: url('images/a-hover.gif'); }
  #header div.slideshow { height: 217px; width: 729px; }
  #header div.slideshow img { display: none; }

#novinky { background: url('images/background-novinky.gif') no-repeat left 98px; width: 258px; height: 400px; float: left; text-align: left;}
  #novinky.english { background: url('images/background-news.gif') no-repeat left 98px;}
  #novinky.deutsch { background: url('images/background-aktuelles.gif') no-repeat left 98px;}
  #novinky ul.jazyky { height: 95px; font-size: 1.1em; list-style: none; padding-left: 45px; margin-top: 55px;}
  #novinky ul.jazyky li { float: left; }
  #novinky ul.jazyky li a { display: block; text-indent: -9000px; height: 26px; }
    #novinky ul.jazyky li a.cesky { width: 41px; background: url('images/jazyky-cesky.gif') no-repeat 0px 0px; }
    #novinky ul.jazyky li.aktivni a.cesky { background-position: -82px 0px; }
    #novinky ul.jazyky li a.cesky:hover { background-position: -41px 0px; }
    #novinky ul.jazyky li a.english { width: 48px; background: url('images/jazyky-english.gif') no-repeat 0px 0px; }
    #novinky ul.jazyky li.aktivni a.english { background-position: -96px 0px; }
    #novinky ul.jazyky li a.english:hover { background-position: -48px 0px; }
    #novinky ul.jazyky li a.deutsch { width: 56px; background: url('images/jazyky-deutsch.gif') no-repeat 0px 0px; }
    #novinky ul.jazyky li.aktivni a.deutsch { background-position: -112px 0px; }
    #novinky ul.jazyky li a.deutsch:hover { background-position: -56px 0px; }
  #novinky ul.novinky { margin: 0px 35px 0px 24px; font-size: 1.1em; list-style: none;}
  #novinky ul.novinky li { margin-bottom: 10px;}
  #novinky ul.novinky li span { color: #a42914; font-weight: bold; }
  #novinky ul.novinky li a {color: #a42914; text-decoration: none;}
  #novinky ul.novinky li a:hover {color: #a42914; text-decoration: underline;}

#content { text-align: left; font-size: 1.2em; margin-bottom: 20px; overflow: auto; }
  #content h2 { text-indent: -9000px; height: 18px; width: 729px; margin-bottom: 10px;}
    #content h2.profil-spolecnosti { background: url('images/h2-profil-spolecnosti.gif') no-repeat left top;}
    #content h2.doprava { background: url('images/h2-doprava.gif') no-repeat left top;}
    #content h2.ostatni-sluzby { background: url('images/h2-ostatni-sluzby.gif') no-repeat left top;}
    #content h2.vozovy-park { background: url('images/h2-vozovy-park.gif') no-repeat left top;}
    #content h2.kariera { background: url('images/h2-kariera.gif') no-repeat left top;}
    #content h2.objednavka { background: url('images/h2-objednavka.gif') no-repeat left top;}
    #content h2.poptavka { background: url('images/h2-poptavka.gif') no-repeat left top;}
    #content h2.kontakty { background: url('images/h2-kontakty.gif') no-repeat left top;}
    #content h2.vop { text-indent: 0px; color: #a42914; font-size: 1.6em; }
  #content h3 { font-size: 1.0em; padding-top: 10px; padding-bottom: 3px; }
  #content h3.prvni {padding-top:0px;}
  #content h3 span {color: #a42914;}
  #content h4 {color: #a42914; text-transform: uppercase; font-size: 1.1em; }  
  #content p { padding-bottom: 10px; }
  #content p.pozor { border:1px solid #dedede; background: #eee;padding: 10px;margin-right: 12px;text-align: center;margin-bottom:10px; font-size: 18px; }  
  #content a {color: #a42914; text-decoration: none;}
  #content a:hover {color: #a42914; text-decoration: underline;}
  #content ul { list-style: none; padding-left: 5px;}
  #content ul li { background: url('images/li.gif') no-repeat left 6px; padding-left: 10px;}
  #content ul li ul li { background: url('images/li2.gif') no-repeat left 6px;}

#footer { text-align: left; font-size: 1.1em; background: url('images/background-footer.gif') repeat-x left top; padding: 10px 5px; }
  #footer p { padding-bottom: 5px;}
  #footer p.foot-menu { color: #000; }
  #footer p.copy { color: #b5b4b4; }
    #footer p.copy a { color: #b5b4b4; }
    #footer p.copy a:hover { color: #a42914; }
  #footer a {color: #000; text-decoration: none;}
  #footer a:hover {color: #a42914; text-decoration: underline;}
  #footer span.hidden { display: none; }

form label { width: 300px; float: left; text-align:  right; margin-right: 10px; padding-top: 3px;}
form label span { font-weight: bold; color: #a42914;}
form input { border: 1px solid #dedede; width: 200px; margin-bottom: 10px; padding: 2px;}
form textarea { border: 1px solid #dedede; width: 204px; height: 100px; margin-bottom: 10px; font-family: Tahoma, Arial, sans-serif;}

span.kontakt {display: block; float: left; width: 60px; }
span.pozn { font-size: 0.9em;}
span.red { color: #a42914;}

p.chyba { background: #fff6bf url('images/chyba.gif') center no-repeat;	background-position: 15px 50%;
	text-align: left;	padding: 5px 20px 5px 45px;	border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324;
	margin-bottom: 10px;}
p.kontakt-left { float: left; width: 180px;}
p.kontakt-left2 { float: left; width: 250px;}
p.kontakt-left span, p.kontakt-left2 span { font-size: 0.9em; font-weight: bold;}

img.small-right { border: 1px solid #dedede; padding: 3px; float: right; margin: 0px 12px 5px 15px; }
img.small-left { border: 1px solid #dedede; padding: 3px; float: left; margin: 0px 15px 5px 0px; }

.break { clear: both;}


/* English */

  #content h2.company-profile { background: url('images/h2-company-profile.gif') no-repeat left top;}
  #content h2.transport { background: url('images/h2-transport.gif') no-repeat left top;}
  #content h2.other-services { background: url('images/h2-other-services.gif') no-repeat left top;}
  #content h2.our-fleet { background: url('images/h2-our-fleet.gif') no-repeat left top;}
  #content h2.orders { background: url('images/h2-orders.gif') no-repeat left top;}
  #content h2.requests { background: url('images/h2-requests.gif') no-repeat left top;}
  #content h2.career { background: url('images/h2-career.gif') no-repeat left top;}
  #content h2.contacts { background: url('images/h2-contacts.gif') no-repeat left top;}

/* Deutsch */

  #content h2.profil-der-gesellschaft { background: url('images/h2-profil-der-gesellschaft.gif') no-repeat left top;}
  #content h2.verkehr { background: url('images/h2-verkehr.gif') no-repeat left top;}
  #content h2.sonstiges { background: url('images/h2-sonstiges.gif') no-repeat left top;}
  #content h2.fuhrpark { background: url('images/h2-fuhrpark.gif') no-repeat left top;}
  #content h2.bestellung { background: url('images/h2-bestellung.gif') no-repeat left top;}
  #content h2.anfrage { background: url('images/h2-anfrage.gif') no-repeat left top;}
  #content h2.karriere { background: url('images/h2-karriere.gif') no-repeat left top;}
  #content h2.kontakt { background: url('images/h2-kontakt.gif') no-repeat left top;}