/* screen */

img, div, p, span, ul, li, h1, h2, h3, h4, h5, form, fieldset {
  padding:0px;
  margin:0px;
  border:none;
}

a {
  color:#cc3300;
}

a:hover {
  color:#ff3300;
}

table {
  border-collapse:collapse;
}

body {
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  font-size:83%;
  text-align:center;
  color:#000000;
  background-image:url('../img/body-bg.gif');
  background-position:top;
  background-repeat:repeat-x;
  background-color:#ececec;
  padding:0px;
  margin:0px;
}

#obal {
  position:relative;
  width:100%;
  margin:auto;
  background-image:url('../img/obal-bg.gif');
  background-position:top center;
  background-repeat:repeat-y;
}

#obal-pozadi {
  position:relative;
  width:100%;
  margin:auto;
  background-image:url('../img/obal-pozadi-bg.jpg');
  background-position:top center;
  background-repeat:no-repeat;
}

/* hlavicka */

#hlavicka {
  position:relative;
  top:0px;
  left:0px;
  width:774px;
  height:248px;
  margin:auto;
  /*
  background-image:url('../img/hlavicka-bg.jpg');
  background-position:left;
  background-repeat:no-repeat;
  */
  z-index:200;
}

#hlavicka h1 {
  position:absolute;
  top:38px;
  left:54px;
  width:300px;
  height:133px;
  /*
  background-image:url('../img/spolgas-logo.jpg');
  background-position:center;
  background-repeat:no-repeat;
  */
  display:none;
}

#hlavicka h1 a {
  display:block;
  width:100%;
  height:100%;
}

/* flash */

#flash {
  position:absolute;
  top:0px;
  left:0px;
  width:774px;
  height:248px;
}

/* menu */

#menu {
  position:absolute;
  bottom:0px;
  left:48px;
  height:45px;
  display:none;
}

#menu li {
  position:relative;
  display:block;
  float:left;
  width:104px;
  height:45px;
  list-style-type:none;
  font-size:10pt;
  color:#990000;
}

#menu li a {
  display:block;
  width:100%;
  height:100%;
  background-image:url('../img/menu-bg.gif');
  background-position:bottom center;
  background-repeat:no-repeat;
  color:#ffffff;
  text-decoration:none;
}

#menu li a:hover {
  background-image:url('../img/menu-hover-bg.gif');
  color:#ffffff;
}

#menu strong {
  display:block;
  padding:6px 6px 0px 6px;
}

#menu1 {
  margin:0px 4px 0px 0px;
}

#menu2 {
  margin:0px 3px 0px 0px;
}

  #menu2 strong, #menu3 strong, #menu4 strong {
    font-size:15pt;
    padding:10px 0px 0px 0px;
  }

#menu3 {
  margin:0px 4px 0px 0px;
}

#menu4 {
  margin:0px 3px 0px 0px;
}

#menu5 {
  margin:0px 4px 0px 0px;
}

#menu6 {
  margin:0px 0px 0px 0px;
}

  #menu6 strong {
    padding:15px 6px 0px 6px;
  }
  
#menu li ul {
  position:absolute;
  display:none;
  left:0px;
  top:45px;
  width:150px;
  padding:8px;
  text-align:left;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  border-left:1px solid #ffffff;
  background-image:url('../img/submenu-bg.gif');
  background-position:right top;
  background-repeat:no-repeat;
  background-color:#888888;
}

#menu li ul li {
  position:relative;
  float:none;
  width:100%;
  height:auto;
  border-bottom:1px dotted #cccccc;
}

  .submenu-last {
    border:none !important;
  }

#menu li ul li a {
  display:block;
  padding:5px 5px 5px 5px;
  width:140px;
  background-image:url('../img/submenu-sipka.gif');
  background-position:135px center;
  background-repeat:no-repeat;
}

#menu li ul li a:hover {
  background-image:url('../img/submenu-sipka-hover.gif');
}

#menu li {
  behavior:url(/hovermenu.htc);
}

#menu liHover ul, #menu li:hover ul {
  display:block;
}

/* obsah */

#obsah {
  position:relative;
  top:0px;
  left:0px;
  width:675px;
  margin:auto;
  background-image:url('../img/obsah-bg.gif');
  background-position:top center;
  background-repeat:no-repeat;
  padding:50px;
}

#obsah-stranky {
  position:relative;
  top:0px;
  left:0px;
  text-align:left;
  border-right:1px dashed #cccccc;
  padding-right:0px;
  margin-right:120px;
}

  /* vlozeny ramec */
  
  #obsah-stranky #iframe {
    position:relative;
    width:540px;
    height:450px;
    border:none;
  }

#obsah-stranky h2 {
  font-size:170%;
  padding:15px 0px 15px 35px;
  background-image:url('../img/h2-ico.gif');
  background-position:left center;
  background-repeat:no-repeat;
}

#obsah-stranky h3 {
  font-size:130%;
  padding:10px 0px 10px 30px;
  background-image:url('../img/h3-ico.gif');
  background-position:left center;
  background-repeat:no-repeat;
}

#obsah-stranky h4 {
  font-size:115%;
  padding:8px 0px 3px 0px;
}

#obsah-stranky h5 {
  font-size:100%;
  padding:7px 0px 0px 0px;
}

#obsah-stranky p {
  text-align:justify;
  padding:5px 0px 5px 0px;
}

#obsah-stranky ul, #obsah-stranky ol {
  padding:5px 0px 5px 20px;
}

  #obsah-stranky ul li ul, #obsah-stranky ol li ul {
    padding:0px 0px 5px 20px;
  }

#obsah-stranky ul li {
  padding:1px;
  list-style-type:disc;
}

#obsah-stranky ol li {
  padding:1px;
}

#novinky {
  float:right;
  width:100px;
  font-size:80%;
  text-align:left;
}

#novinky h4 {
  font-size:130%;
  padding:15px 0px 15px 25px;
  background-image:url('../img/h4-novinky-ico.gif');
  background-position:left center;
  background-repeat:no-repeat;
}

#novinky h5 {
  font-size:100%;
  padding:7px 0px 0px 0px;
}

.stahnout img {
  position:relative;
  top:7px;
}

/* tabulky */

.data {
  margin:5px 0px 5px 0px;
  background-color:#ececec;
}

.data th {
  padding:3px;
  border:1px solid #ffffff;
  background-color:#cccccc;
}

.data td {
  padding:3px;
  border:1px solid #ffffff;
}

.data-radek {
  background-color:#dcdcdc;
}

/* cena a nabidka plynu */

.cena-plynu {
  font-size:110%;
  font-weight:bold;
  color:#ff6600;
}

.cena-plynu strong {
  font-size:130%;
  text-decoration:underline;
}

.nabidka-plynu {
  font-size:95%;
  background-color:#ffe5cc;
  margin:5px 0px 5px 0px;
}

.nabidka-plynu td {
  padding:5px;
  border:1px solid #ffffff;
  vertical-align:top;
}

.legenda td {
  background-color:#ffcc99;
  font-size:75%;
}

.cena-pro-zakaznika {
  background-color:#ffcc66;
}

/* formulare */

#obsah-stranky fieldset {
  padding:10px 0px 10px 0px;
}

.chyba-formulare {
  font-size:110%;
  font-weight:bold;
  color:#ff6600;
  padding:10px !important;
  border:2px dashed #ff6600;
  margin:20px 0px 20px 0px !important;
}

.uspech-formulare {
  font-size:110%;
  font-weight:bold;
  color:#339900;
  padding:10px !important;
  border:2px dashed #339900;
  margin:20px 0px 20px 0px !important;
}

.zvyrazneno {
  background-color:#ff6600;
}

/* obrazky */

.fotoright {
  float:right;
  margin:10px 0px 15px 15px;
}

.fotonormal {
  margin:10px 0px 10px 0px;
}

.fotogalerie {
  margin:5px 0px 5px 0px;
  font-size:90%;
}

.fotogalerie td {
  vertical-align:top;
  padding:10px;
}

.fotogalerie td p {
  padding:3px 0px 3px 6px !important;
  border-left:1px solid #cccccc;
  text-align:left !important;
}

/* doplnky */

.skryt {
  display:none;
}

.cleaner {
  clear:both;
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
}

.mapa-ikona {
  float:right;
  margin-right:30px;
}

/* paticka */

#paticka-obal {
  position:relative;
  width:100%;
  height:80px;
  margin:auto;
  background-image:url('../img/paticka-bg.jpg');
  background-position:bottom center;
  background-repeat:no-repeat;
}

#paticka {
  position:relative;
  top:0px;
  left:0px;
  width:674px;
  height:60px;
  color:#808080;
  font-size:80%;
  text-align:left;
  padding-bottom:20px;
  margin:auto;
  background-image:url('../img/paticka-bg.jpg');
  background-position:bottom center;
  background-repeat:no-repeat;
}

#paticka span {
  position:absolute;
  right:0px;
  text-align:right;
}

#paticka a {
  color:#808080;
}

#paticka a:hover {
  color:#000000;
}