﻿body {margin: 0; padding: 0; background: url(bg.jpg) repeat-x #036; font-family: Verdana; color: #003;}
div#hlavicka {position: relative; width: 960px; height: 85px; margin: auto; background: url(images/index_01.jpg);}
div#hlav_nav {position: absolute; top: 35px; left: 640px;}
div#hlav_nav a {color: #fc0; font-size: 0.8em; margin-right: 30px; text-decoration: none; text-transform: uppercase;}
div#hlav_nav a:hover {color: #f90; }
div#telo_uvod {width: 960px; height: 373px; margin: auto; background: url(images/index_03.jpg) ; }
div#left {width: 255px; height: 373px; float: left; }
div#center {width: 693px; height: 373px; float: left; }
div#right {width: 12px; height: 373px; float: left; }
div#telo {clear: both; width: 960px; min-height: 500px; margin: auto; background: url(images/index_03.jpg) repeat-y;}
div#obsah {font-size: 0.8em; padding: 2px 1px 15px 285px; }
div#obsah p {padding-right: 50px; text-align: left;}
div#obsah h1 {font-size: 1.1em; background: #036; border: 1px solid #fff; border-left: none; padding: 7px 0 7px 15px; color: #3cf; text-transform: uppercase;}
div#obsah h2 {font-size: 1em; background: #036; border: 1px solid #fff; border-left: none; padding: 7px 0 7px 15px; color: #fff; }

div#paticka {width: 960px; height: 21px; margin: auto; background: url(images/index_04.jpg);}
div#navigace {position: absolute; width: 267px; top: 85px; left: 0; font-size: 0.8em;}
div#navigace a {display: block; width: 234px; height: 25px; margin-top: 2px; background: #036; color: #fc0; padding: 6px 0 0 33px; text-decoration: none; font-weight: bold; border: 1px solid #fff;}
div#navigace a:hover {background: #fc0; color: #036;}
div#navigace.cp a#lpg,
div#navigace.bezp a#listy,
div#navigace.site a#map,
div#navigace.pujc a#ovna,
div#navigace.technicke a#plyny,
div#navigace.plnirna a#lahvi,
div#navigace.prod a#ejna {background: #fc0; color: #036;}
div#copy {padding: 1px 0 10px 0; font-size: 0.7em; color: #06c; text-align: center;}
div#copy a {color: #06c; }
div#copy a:hover {color: #39f; }
img#logo {position: absolute; width: 105px; height: 107px; top: 400px; left: 89px;}
img#obraz {width: 693px; height: 373px;}
div.zbozi {width: 540px; position: relative;}
div.zbozi table {width: 540px; margin-left: 10px; cursor: pointer;}
div.zbozi table td:first-child {width: 350px;}
table#slos {margin: 0; width: 400px; cursor: auto; }
table#slos td:first-child {width: 150px; }
table#slos td {padding: 5px 10px; }
div.zbozi table td {padding: 5px 20px 5px 10px; border: 1px solid #036;}
div.zbozi img {position: absolute; top: 2px; left: 550px; border: 1px solid #036; display: none;}
div.zbozi:hover img {display: block; }
div.zbozi table tr:hover {background: #eafdfd; cursor: hand;}
table#slos tr:hover td {background: #fff; cursor: auto;}
div#drobecci a {float: left; display: block; width: 190px; height: 25px; margin: 0 1px 2px 0; font-weight: bold; background: #036; color: #fc0; padding: 6px 0 0 15px; text-decoration: none; border: 1px solid #fff;} 
div#drobecci a#active, div#drobecci a:hover {background: #fc0; color: #036;} 
hr {clear: both; visibility: hidden;} 
div#anim {position: absolute; top: 26px; left: 265px;}
a {color: #036;}
a:hover {color: #c00;}

/*----propaline---*/
div#obsah_propaline {font-size: 0.8em; padding: 10px 1px 15px 45px; }
div#obsah_propaline h2 {font-size: 1em; background: #036; border: 1px solid #fff; border-left: none; padding: 7px 0 7px 15px; color: #fff; }
table.propaline {width: 870px;}
table.propaline td {border: 1px solid #036; padding: 5px;}
table.propaline tr.blue, table.propaline td.red {background: #036; color: #fff;} 

table.plni {width: 630px;}
table.plni td {border: 1px solid #036; padding: 5px; padding-left: 11px;}
table.plni tr.blue {background: #036; color: #fff;}


/*---pujcovna----*/
div.zbozi table.pujcov tr td:first-child {width: 100px;} 

img.fg {width: 120px; height: 85px; float: left; margin: 0 4px 4px 0px;}
a img.fg { border: 1px solid #036;}
a:hover img.fg {border: 1px solid #f00;}
hr {clear: both; visibility: hidden;}

ul#pdf, ul#contact {list-style: none;}
ul#pdf li {margin-bottom: 5px;}

ul#mapa {list-style: none; }
ul#mapa li {margin-bottom: 5px; font-size: 1em; }
