/* CSS Document */
body {position: relative; font: 14px Calibri,Arial,sans-serif; background: gray;}

/*1024x768, 180px navigace, 844px main*/

#banner {position: absolute; left: 0; width: 100%; height: 130px; background: url(banner_uchytil.jpg) no-repeat 0 0;}
#plocha {position: absolute; top: 0px; left: 5%; width: 90%; min-width: 930px; max-width: 1200px; min-height: 1300px; background: white; z-index: 2;}
#plochab {position: absolute; top: 0px; left: 5%; width: 90%; min-width: 930px; max-width: 1200px; min-height: 2000px; background: white; z-index: 2;}
#plochac {position: absolute; top: 0px; left: 5%; width: 90%; min-width: 930px; max-width: 1200px; min-height: 2300px; background: white; z-index: 2;}
#plochad {position: absolute; top: 0px; left: 5%; width: 90%; min-width: 930px; max-width: 1200px; min-height: 3150px; background: white; z-index: 2;}
#navigace {position: absolute; left 0; top: 135px; width: 178px; background: #194086;}                              
#main {position: absolute; top: 135px; left: 178px; min-height: 800px; min-width: 752px; max-width: 1022px; background: white;}
#pata {position: absolute; left: 0px; right: 0px; bottom: 0px; height: 25px; background: #194086; z-index: 1;}
#psloupec {position: absolute; right: 0px; top: 50px; width: 240px; height: 718px; margin: 0; background: #FFFFCC;}

#polozka {width: 478px; height: 5px; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: -75px; left: 84px;}
#kontakty {position: absolute; top: 135px; left: 178px; min-height: 800px; min-width: 752px; max-width: 1022px; background: white;}
#kontaktyleft {float: left; width: 355px; margin: 0 10px; height: auto; min-height: 50%;}
#kontaktyright {float: left; width: 355px; margin: 0 10px; height: auto; min-height: 50%;}
#cenik {position: absolute; top: 135px; left: 178px; min-height: 800px; min-width: 752px; max-width: 1022px; background: white;}
#fotky {padding: 0px 0 5px 0%; margin: 0 1% 10px 1%; float: left; width: 66%; height: 70%; border: 0px solid #909090; background: transparent; color: black; overflow: auto;}
#form {width: 730px; margin: 0 1%;}
#formp {}
#formright {float: right; width: 48%; height: 340px; margin: 0 1%;}


a.detail {font-size: 12px; margin: 6px; padding: 2px;}
a.detail:hover {border: 1px solid blue;}
a.uvitani {color: black;}
a.uvitani:hover {color: blue;}
a.autobusy {display: inline; margin-right: 25px;}
a.facebook {color: black; display: block; background: none !important; border: none !important;}
a.erbia {font: normal bold 18px Times, serif; text-decoration: none; color: black;}
a.erbia:hover {color: blue; text-decoration: underline;}
a.mapy {display: inline; padding-right: 10px; border-right: 1px solid black;}

p.formular {text-align: left; margin: 1% 5%;}
p.kontakt {height: 100%; width: 100%; padding-left: 10px;}
p.kontakt:hover {}
p.uvitani {padding: 5px 0 ; margin: 0 5% 2% 5%; Text-align: justify; text-indent: 1.5em; line-height: 1.5em;}
p.ramecek {padding: 5px 0 ; margin: 0 5% 2% 5%; border: 2px #a51e22;}
p.pata {text-align: center; margin-top: 5px; color: white; font-size: 12px;}
p.detail {margin: 10px 10%; text-align: center;}

span.vyrazne {background: #FFFF66;}
span.povinne {border-bottom: 1px solid red;}
span.kontakt {padding: 5px; padding-right: 10px; border-right: 1px solid; line-height: 1.5em;}
span.ekontakt {padding: 5px; padding-left: 10px; line-height: 1.5em; text-color: black important!;}
span.mensi {font-size: smaller;}
span.cervene {color: red;}
span.tucne {font-weight: bolder;}

b {font-weight: 600;}

img.titulni {display: block; width: 90%; margin: 5px; border: 1px solid #909090;}
img.logo {display: block; width: 90%; margin: 5px 5% 50px;}
img.nadpis {z-index: 1; position: absolute; left: 70px; top: -40px; display: block; height: 120px; margin: 0;}
img.kontakt {height: 1.5em;}
img.autobusy {width: 90%; margin-top: 5px; border: none;}
img.detail {border: 1px solid #909090; margin-top: 5px; text-align: center; width: 90%;}
img.cenik {width: 70px; text-decoration: none; border: none;}
img.title {height: 70px; border: none;}
img.title:hover {background: #194086;}
img.aktualne {width: 90%; margin-top: 5px; border: 1px solid #909090;}
img.mapy {border: none; height: 1.5em;}

ul.autobusy {list-style-type: disc; margin-top: 20px;}
li {}

h1 {color: #a51e22; font-size: 20px; font-weight: bold; text-align: center; margin-top: 10px;}
h2.uvitani {color: #a51e22; font-size: 20px; font-weight: bold; margin: 0 5% 2% 5%; text-align: center;}
h3 {font: bold 16px;}
h4.autobusy {text-align: left; padding-left: 50px; font: bold 12px; margin: 5px 5px 2px 5px;}
h2.aktualne {margin: 20px 0 20px; font: bold 22px; text-align: center;}
h3.aktualne {margin-top: 2px; margin-bottom: 5px; font: bold 16px important!; text-align: center;}
h3.kontakty {font-size: 14px; color: #620000; }

table.aktualne {width: 85%; margin: 10px 7%;}
td.aktualnel {width: 13%; padding: 1%; vertical-align:top; border-style: none;}
td.aktualner {width: 83%; padding: 1%; vertical-align:top; border-style: none;}

table.kontakty {width: 94%; text-align: left; margin: 10px 2%;}
td.kontaktl {width: 25%; text-align: right; vertical-align:top;}
td.kontaktr {width: auto; vertical-align:top;}

table.title {width: 94%; margin: -10px 2% 0 2%; border: none;}
td.title {border-style: none; text-align: center;}
td.mensi {font-size: x-small;}

table.autobusy {width: 85%; margin: 10px 7%;}
td.autobusyl {width: 40%; padding: 1%; vertical-align:top; border-style: none;}
td.autobusyr {width: 60%; padding: 1%; vertical-align:top; border-style: none;}
caption.autobusy {font-weight: bold; font-size: larger; background: #FFFFCC;}

table {table-layout: fixed; width: 90%; margin: 5%; border-collapse: collapse; text-align: left;}

table.prihl {table-layout: fixed; width: 90%; margin: 5px 5%; border-collapse: collapse; text-align: left;}

form {text-align: center; margin: 1% 5%; background: #FFFFCC;}
input,textarea {}
select {}

div#form table {table-layout: fixed; width: 70%; margin: 20px 0 0 0; border-collapse: collapse; text-align: left;}

td.nahoru {vertical-align: top;}

div#cenik td {border: 1px solid #909090;}

div#form td {border: none;}
div#form select {width: 160px;}
div#form input.velke {width: 160px;}
div#form input.male {width: 100px;}
div#form thead {font-weight: bolder;}

div#formp thead {font-weight: bolder;}
div#formp td {border: none;}
div#formp input.velke {width: 160px;}
div#formp input.male {width: 100px;}

tr.prvni {font-weight: bold; background: #FFFF66;}
#c1 {width: 100px; padding: 2px 10px; background: #FFFF66; font-weight: bold; }
#c2 {width: 70px; padding: 2px 10px;}
#c3 {width: 70px; padding: 2px 10px;}
#c4 {width: 70px; padding: 2px 10px;}
#r1c1 {}
#r1c2 {}
#r1c3 {}
#r1c4 {}
#r2c1 {}

#c21 {width: 40%;}
#c22 {}

#c31 {width: 25%; padding: 2px 10px;}
#c32 {width: 30%; padding: 2px 10px;}
#c33 {padding: 2px 10px;}


 
div#navigace a {color: black; display: block; margin: 20px 5% 20px 5%; padding: 5px 3% 5px 3%; width: 80%; background-color: #FFFF66;  font: 16px black; text-decoration: none;}

a#navigace: link {color: black;}
a#navigace: visited {color: black;}
div#navigace a:hover {background: #FFFFCC;}
div#navigace a:active {color: blue;}