/* CSS for web: VAPENKA VITOSOV s.r.o. */
/* Author: Bretislav Stepan            */
/* e-mail: SCARON Group, scarongroup@scarongroup.cz */

body {
  background: #ffffff;
  font-family: "verdana CE", "arial CE", verdana, arial, geneva, sans-serif;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 10px;
  padding: 0px;
}

img {
border: none;
}
/* MAINMENU */
#ulmainmenu {
  width: 100%;
  background: #ff5c00 url(images/left-white-corner.gif) no-repeat;
  min-width: 950px;
  width: expression(document.body.clientWidth < 980? "980px": "100%" );
  right: 0px;
  height: 26px;
  text-align: left;
  margin: 0;
  padding-left: 75px;
  min-height: 33px;
}
#ulmainmenu li {
  list-style-type: none;
  float: left;
  border-left: 1px solid white;
}
a.ulmainmenubutton {
  font-family: "verdana CE", "arial CE", verdana, arial, geneva, sans-serif;
  letter-spacing: 1pt;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  float: left;
}
a.ulmainmenubuttonon {
  text-decoration: none;
  color: #ffffff;
  background-color: #000;
  font-family: "verdana CE", "arial CE", verdana, arial, geneva, sans-serif;
  letter-spacing: 1pt;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  float: left;
}
a.ulmainmenubutton:link {
  text-decoration: none;
  color: #ffffff;
}

a.ulmainmenubutton:hover {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}
a.ulmainmenubuttonon:hover {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}
/* MAINMENU */
#mainmenu {
  width: 100%;
  background: #ff5c00 url(images/left-white-corner.gif) no-repeat;
  min-width: 950px;
  width: expression(document.body.clientWidth < 950? "950px": "100%" );
  right: 0px;
  height: 26px;
  text-align: left;
  padding: 0px;
}

a.mainmenubutton {
  width: 160px;
  border-left: 1px solid white;
  font-family: "verdana CE", "arial CE", verdana, arial, geneva, sans-serif;
  letter-spacing: 1pt;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  color: #ffffff;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}

a.mainmenubutton:link {
  text-decoration: none;
  color: #ffffff;
}
a.mainmenubutton:hover {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}

/* SUBMENU */

#submenu {
  width: 100%;
  min-width: 950px;
  width: expression(document.body.clientWidth < 950? "950px": "100%" ) ;
  background: #cecfd1 url(images/submenutitle4.gif) no-repeat;
  text-align: left;
  height: 20px;
  padding: 0px;
  margin-top: 1px;
}

#submenu2 {
  min-width: 950px;
  width: expression(document.body.clientWidth < 950? "950px": "100%" );
  background: #cecfd1 url(images/submenutitle2.gif) no-repeat;
  width: 100%;
  height: 20px;
  text-align: left;
  padding: 0px;
  margin-top: 1px;
}
#submenu-profil {
  min-width: 950px;
  width: expression(document.body.clientWidth < 950? "950px": "100%" );
  background: #cecfd1 url(images/heads/sm-profil.gif) no-repeat;
  width: 100%;
  height: 20px;
  text-align: left;
  padding: 0px;
  margin-top: 1px;
}

#submenu-ekologie {
  min-width: 950px;
  width: expression(document.body.clientWidth < 950? "950px": "100%" );
  background: #cecfd1 url(images/heads/sm-ekologie.gif) no-repeat;
  width: 100%;
  height: 20px;
  text-align: left;
  padding: 0px;
  margin-top: 1px;
}

#submenu-vapenec {
  min-width: 950px;
  width: expression(document.body.clientWidth < 950? "950px": "100%" );
  background: #cecfd1 url(images/heads/sm-vapenec.gif) no-repeat;
  width: 100%;
  height: 20px;
  text-align: left;
  padding: 0px;
  margin-top: 1px;
}

#submenu-kontakt {
  clear: both;
  min-width: 950px;
  width: expression(document.body.clientWidth < 950? "950px": "100%" );
  background: #cecfd1 url(images/heads/sm-kontakt.gif) no-repeat;
  width: 100%;
  height: 20px;
  text-align: left;
  padding: 0px;
  margin-top: 1px;
}

#submenu-salith {
  min-width: 950px;
  width: expression(document.body.clientWidth < 950? "950px": "100%" );
  background: #cecfd1 url(images/heads/sm-salith.gif) no-repeat;
  width: 100%;
  height: 20px;
  text-align: left;
  padding: 0px;
  margin-top: 1px;
}

.submainmenubutton {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  float: left;
  border-right: 1px solid #E2E2E4;
  font-family: "verdana CE", "arial CE", verdana, arial, geneva, sans-serif;
  text-align: center;
  font-size: 12px;
  color: #000000;
}

a.submainmenubutton:link {
  text-decoration: none;
  color: gray;
  font-weight: normal;
}
a.submainmenubutton:hover {
  text-decoration: none;
  background: gray;
  color: #ffffff;
  font-weight: normal;
}
a.submainmenubutton {
  color: gray;
  text-decoration: none;
  font-weight: normal;
}

#imgsubmenuleft {
  position: absolute;
  left: 10px;
  top: 144px;
  _top: 144px;
  _t\op: 145px;
  width: 170px;
  margin-top: 0px;
  border-bottom: 1px solid #ff5c00;
  font-family: "verdana CE", "arial CE", verdana, arial, geneva, sans-serif;
}

#submenuleft {
  background-color: #f1f1f1;
  width: 170px;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0px;
  color: #ff5c00;
  font-weight: bold;
  border-bottom: 1px #ff5c00 solid;
  font-family: "verdana CE", "arial CE", geneva,  sans-serif;
  font-size: 9pt;
  line-height: 20px;
}

a.submenulefta:link {
  color: gray;
  font-weight: bold;
  text-align: left;
  font-family: "verdana CE", "arial CE",geneva,  sans-serif;
  font-size: 9pt;
  text-decoration: none;
}
a.submenulefta:hover {
  color: #ff5c00;
  font-weight: bold;
  text-align: left;
  font-family: "verdana CE", "arial CE",geneva,  sans-serif;
  font-size: 9pt;
  text-decoration: underline;
}
a.submenulefta {
  text-decoration: none;
  color: gray;
  font-weight: bold;
  text-align: left;
  font-family: "verdana CE", "arial CE",geneva,  sans-serif;
  font-size: 9pt;
}
a.submenuleftb:link {
  text-decoration: none;
  color: gray;
  font-weight: bold;
  text-align: left;
  font-family: "verdana CE", "arial CE",geneva,  sans-serif;
  font-size: 9pt;
}
a.submenuleftb:hover {
  text-decoration: underline;
  color: gray;
  font-weight: bold;
  text-align: left;
  font-family: "verdana CE", "arial CE",geneva,  sans-serif;
  font-size: 9pt;
}
a.submenuleftb {
  text-decoration: none;
  color: gray;
  font-weight: bold;
  text-align: left;
  font-family: "verdana CE", "arial CE",geneva,  sans-serif;
  font-size: 9pt;
}
a.submenuleftc:link {
  text-decoration: none;
  color: gray;
  text-align: left;
  font-family: "verdana CE", "arial CE",geneva,  sans-serif;
  font-size: 9pt;
}
a.submenuleftc:hover {
  text-decoration: underline;
  color: #ff5c00;
  text-align: left;
  font-family: "verdana CE", "arial CE",geneva,  sans-serif;
  font-size: 9pt;
}
a.submenuleftc {
  text-decoration: none;
  color: gray;
  text-align: left;
  font-family: "verdana CE", "arial CE",geneva,  sans-serif;
  font-size: 9pt;
}

a.submenuleft:link {
  text-decoration: none;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}
a.submenuleft:hover {
  text-decoration: underline;
  font-size: 12px;
  color: #ff5c00;
  font-weight: normal;
}
a.submenuleft {
  text-decoration: none;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}

#headerlogo {
  height: 90px;
  text-align: right;
  position: relative;
  left: 181px;
  width: 80%;
  min-width: 750px;
  width: expression(document.body.clientWidth < 750? "750px": "80%" );
}

/* BLOKY V INDEXU */

#blok1 {
  position: relative;
  left: 50px;
  top: 15px;
}

#blok2 {
  position: relative;
  left: 300px;
  top: -25px;
}

#blok3 {
  position: relative;
  left: 175px;
  top: -5px;
}

#blok4 {
  position: relative;
  left: 425px;
  top: -45px;
}

.highlighttext {
  position: relative;
  left: 198px;
  top: 32px;
  font-family: "verdana CE", "arial CE", verdana, arial, geneva, sans-serif;
  text-align: left;
  font-size: 12px;
  color: #B2B3B5;
}

.highlight {
  position: relative;
  top: -10px;
}

a.highlighthref {
  text-decoration: none;
  font-size: 12px;
  color: #B2B3B5;
  font-weight: normal;
}

a.highlighthref:link {
  text-decoration: none;
  font-size: 12px;
  color: #B2B3B5;
  font-weight: normal;
}

a.highlighthref:hover {
  text-decoration: underline;
  font-size: 12px;
  color: #B2B3B5;
  font-weight: normal;
}

.pointsquare {
  position: relative;
  top: -2px;
}
.highlighttitle {
  position: relative;
  top: -72px;
  left: 5px;
}
/* paper */
#paper {
  background-color: #f1f1f1;
  width: 75%;
  min-width: 750px;
  width: expression(document.body.clientWidth < 750? "750px": "80%" );
  position: absolute;
  left: 181px;
  top: 144px;
  _top: 145px;
  _t\op: 146px;
  text-align: left;
  padding: 20px;
  border-right: 1px #ff5c00 solid;
  font-family: "verdana CE", "arial CE", geneva,  sans-serif;
  font-size: 10pt;
}
a {
  text-decoration: underline;
  color: #767779;
  font-weight: normal;
}
a:link {
  text-decoration: underline;
  font-weight: normal;
}
a:hover {
  text-decoration: underline;
  color: #ff5c00;
  font-weight: normal;
}
.ilustrace {
  border: 1px solid #000000;
  display: block;
  float: none;
}
.ikonkatl {
  position: relative; top: +6px;
  margin-right: 8px;
}
h1 {
  font-family: verdana, geneva, arial, sans-serif;
  color: #ff5c00;
  font-size: 15px;
  margin: 0px;
  margin-bottom: 10px;

}
h2 {
  font-family: verdana, geneva, arial, sans-serif;
  color: #ff5c00;
  font-size: 12px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 3px;
}
h3 {
  font-family: verdana, geneva, arial, sans-serif;
  color: #000000;
  font-size: 12px;
  margin: 0px;
}
.bold {
  font-family: geneva, verdana, arial, sans-serif;
  color: #000000;
  font-size: 12px;
  font-weight: bolder;
}
.headkatalog {
  position: absolute;
  left: 181px;
  top: 146px;
}
.pozor {
  background-color: #E5E5E5;
  padding: 10px;
}
.leftborder {
  border-right: 1px white solid;
  padding: 0px; 
  margin: 0px;
}
#logo {
  position: relative;
  top: 5px;
  right: 5px;
}

.linkanadb {
  border-top: 1px solid black ;
}
.linkapodb {
  border-bottom: 1px solid black ;
}
.linkapod {
  border-bottom: 2px solid white ;
}

td {
  font-size: 13px;
  vertical-align: top;
}

ul {
  margin-top: 0px;
  margin-left: 30px;
}

thead {
  background: #ABABAB;
  font-weight: bold;
  text-align: center;
  color: white;
  font-size: 10px;
}
th {
  text-align: left;
  background: black;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 5px;
}
table.cenik {
  width: 100%;
  text-align: center;
  font-size: 10px;
  vertical-align: middle;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
td.ceniktd {
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
  border-top: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
}
td.ceniktdl {
  text-align: left;
  font-size: 12px;
  vertical-align: middle;
  border-top: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
}
table.tomitky {
  width: 100%;
  text-align: center;
  font-size: 10px;
  vertical-align: top;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
td.tomitkytd {
  text-align: center;
  font-size: 12px;
  vertical-align: top;
  border-top: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
}
td.tomitkytdl {
  text-align: left;
  font-size: 12px;
  vertical-align: top;
  border-top: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
}
td.zatsl {
  text-align: left;
  font-size: 12px;
  vertical-align: middle;
  background-color: #f9f9f9;
  padding: 2px;
}
td.zatsc {
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
  background-color: #f9f9f9;
  padding: 2px;
  border-left: 1px solid #ff5c00;
}
td.zatll {
  text-align: left;
  font-size: 12px;
  vertical-align: middle;
  background-color: #e8e8e8;
  padding: 2px;
}
td.zatlc {
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
  background-color: #e8e8e8;
  padding: 2px;
  border-left: 1px solid #ff5c00;
}
.thcertifikat {
  border: 1px solid #000000;
  display: block;
  float: left;
  margin: 10px;
}