body, h1, h2, h3, h4, p, img, form, ul, li, fieldset { margin:0; padding:0; border:0; }
a { outline:none; }

body { background: #fff url('images/background.gif') repeat-x left top; font-family: Verdana, Arial, sans-serif; font-size: 62.5%; color: #000; text-align: center; }
h1 { background: url('images/logo-elmaterm.gif') no-repeat right bottom; width: 382px; height: 70px; text-indent: -9000px; float: left; }

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

ul.top { list-style: none; float: right; margin-top: 20px; }
  ul.top li { float: left; }
  ul.top li a { display: block; width: 30px; height: 35px; text-indent: -9000px;}
  ul.top li a.home { background: url('images/top-home.gif'); }
  ul.top li a.mapa { background: url('images/top-mapa.gif'); }
  ul.top li a.kontakt { background: url('images/top-kontakt.gif'); }
  ul.top li a:hover { opacity:0.5; filter:alpha(opacity=50); }

ul.main { list-style: none; float: right; margin-top: 5px; clear: right; font-size: 1em; margin-right: 3px; text-transform: uppercase; }
  ul.main li { float: left; background: url('images/ul-main-li.gif') repeat-x; }
  ul.main li a { display: block; color: #343434; text-decoration: none; height: 31px; background: url('images/ul-main-li-between.gif') no-repeat left -1px;}
  ul.main li a span { display: block; padding: 8px 15px 0px 15px; }
  ul.main li.first a { background: none; }
  ul.main li a:hover { background: url('images/ul-main-li-hover.gif') repeat-x left top; color: #fff; }
  
ul.left-menu { list-style: none; float: left; font-size: 1.1em; text-align: left; width: 250px; }
  ul.left-menu li a { display: block; color: #343434; text-decoration: none; height: 29px; background: url('images/ul-left-menu-li.gif') no-repeat left top;}
  ul.left-menu li a span { display: block; padding: 7px 0px 0px 45px; }
  ul.left-menu li a.active { background-position: -250px 0px; color: #0079b0; }
  ul.left-menu li a:hover { background-position: -500px 0px; color: #5cb645; }

div.promo-foto { clear: both; width: 950px; height: 145px; background: url('images/main-foto.jpg') no-repeat left top; }

a.eshop { clear: left; display: block; width: 244px; height: 62px; background: url('images/vstupte.gif') no-repeat right top; float: left; text-align: left; 
          margin-top: 10px; text-decoration: none; line-height: 62px; font-size: 1.2em; font-weight: bold; color: #5cb645; }
  a.eshop:hover { color: #0079b0; }

  a.eshop span { padding-left: 50px; }

  a.eshop:hover { }

#content { width: 655px; float: right; text-align: left; margin-top: 10px; margin-right: 10px; min-height: 400px; height:auto !important; height:400px; }
  #content h2 { font-family: Arial, sans-serif; font-size: 1.8em; padding-bottom: 2px; color: #0079b0; }
  #content h2 span.left { float: left; }
  #content h2 span.right { float: right; }
  #content h3 { font-family: Arial, sans-serif; font-size: 1.4em; padding-bottom: 10px; color: #5cb645; }
  #content h3.center { text-align: center; padding-top: 5px; }
  #content p + h3  { padding-top: 15px; }
  #content ul + h3  { padding-top: 15px; }
  #content p { font-size: 1.1em; text-align: justify; padding-bottom: 5px; }
  #content p.right { text-align: right; }
  #content p.akce { font-size: 1.2em; text-align: center; padding: 10px; border: 1px solid #dedede; margin-bottom: 10px;
                    background: #fff url('images/background-akce.gif') repeat-x left bottom; line-height: 1.3em; }
  #content p.akce strong.akce { color: #fd160f;}

  #content div.akce { text-align: center; padding: 10px; border: 1px solid #dedede; margin-bottom: 10px;
                    background: #fff url('images/background-akce.gif') repeat-x left bottom; line-height: 1.3em; }

  #content p.partner { text-align: right; color: #3d9d24; font-weight: bold; font-size: 1.1em; }
  #content ul { list-style: none; font-size: 1.1em; padding: 10px; }
  #content p.vyhody + ul { padding: 0px 10px 10px 10px; }
  #content ul li { background: #fff url('images/ul-li-klic.gif') no-repeat left 3px; padding-left: 20px; padding-bottom: 5px;}
  #content ul li.next { background: #fff url('images/ul-li-klic.gif') no-repeat 20px 3px; padding-left: 40px; padding-bottom: 5px;}
  #content ul li.next a { font-weight: normal; }

  #content ol li { font-size: 1.1em; margin-bottom: 4px; }
  
  #content ul.klic li { text-transform: uppercase; padding-right: 10px; float: left; }
  #content a { font-weight: bold; text-decoration: underline; color: #0079b0;}
  #content a:hover { font-weight: bold; text-decoration: underline; color: #5cb645; }
  #content a img { border: 0; text-decoration: none; }
  #content a.download { background: url('images/download.png') no-repeat left top; display: block; padding-left: 40px; text-align: left; height: 30px; padding-top: 5px; }
  /* submenu v tepelných čerpadlech */
  #content ul.submenu { list-style: none; background: url('images/ul-li-submenu.gif') repeat-x left bottom; height: 18px; padding: 0px; }
  #content ul.submenu li { float: left; padding: 0px; background: none; height: 16px; line-height: 16px; padding-left: 8px; padding-right: 8px; margin-right: 2px;
                           border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0;
                           background: #ededed url('images/li-submenu.gif') repeat-x left bottom; }
  #content ul.submenu li.active { border-bottom: 1px solid #fff; background: #fff url('images/li-submenu-active.gif') repeat-x left top; }
  #content ul.submenu li a { font-size: 11px; font-weight: normal; color: #000; text-decoration: none; }
  #content ul.submenu li a:hover { color: #0079b0; }
  #content ul.submenu li.active a:hover { color: #000; }
  
  #content ul.submenu + p { clear: both; margin-top: 10px; }
  /* galerie */
  #content a.foto img { border: 1px solid #dedede; padding: 3px; }
  #content a.foto:hover img { border: 1px solid #b7b7b7; padding: 3px; }


#footer { margin-top: 30px; border-top: 1px solid #dedede; text-align: left; font-size: 1.1em; padding: 10px 5px 10px 5px; color: #7a7a7a; overflow: auto; }
  #footer span.devi { display: block; float: right; text-indent: -9000px; background: url('images/logo-devi.gif') no-repeat left top; width: 120px; height: 38px; }
  #footer span.danfoss { display: block; float: right; text-indent: -9000px; background: url('images/logo-danfoss.gif') no-repeat left top; width: 79px; height: 38px; }
  #footer a.devilshop { float: right; }
  #footer p { float: right; margin-right: 5px; }
  #footer a { color: #7a7a7a; text-decoration: none; }
  #footer a:hover { text-decoration: underline; }


form.poptavka { font-size: 1.1em; margin-bottom: 5px; }
  form.poptavka label { width: 150px; float: left; padding-top: 3px; }
  form.poptavka label span, span.red { font-weight: bold; color: #f00; }
  form.poptavka input { margin-bottom: 3px; }
  form.poptavka input.text { width: 200px; }
  form.poptavka textarea { width: 480px; margin: 3px 0px 5px 0px; height: 70px; font-family: Verdana, Arial, sans-serif; font-size: 11px;  }

form.cenik { font-size: 1.1em; margin-bottom: 5px; }
  form.cenik label { width: 80px; float: left; padding-top: 3px; }
  form.cenik label span { font-weight: bold; color: #f00; }
  form.cenik input { margin-bottom: 3px; }
  form.cenik input.text { width: 200px; }

div.nadpis-menu { margin-left: 4px; width: 250px; height: 28px; float: left; text-align: left; background: url('images/nadpis-menu.gif') no-repeat left top; }
  div.nadpis-menu strong { color: #0079b0; font-size: 1.1em; display: block; padding: 7px 0px 0px 15px; }

img.f1 { float: right; margin-top: -13px; padding: 7px; border: 1px solid #dedede; }
img.f2 { float: right; margin: 0px 0px 10px 15px; padding: 7px; border: 1px solid #dedede; }
img.f3 { float: left; margin: 5px 15px 10px 0px;  padding: 7px; border: 1px solid #dedede; }
img.f4 { float: right; margin: 5px 0px 0px 6px;  padding: 2px; border: 1px solid #dedede; }
img.f5 { float: right; margin: 10px 0px 10px 30px; padding: 7px; border: 1px solid #dedede; }
img.f6 { float: left; margin: 5px 15px 0px 0px;  padding: 7px; border: 1px solid #dedede; }
img.danfoss { float: right; margin: 0px 0px 0px 30px; }
img.danfoss2 { float: left; margin: 0px 30px 0px 0px; }
img.danfoss3 { float: right; margin: 0px 0px 20px 30px; }

span.kontakt { width: 70px; float: left; }

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.ok { background: #fff6bf url('images/ok.png') 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.ok a { color: #35a84a; text-decoration: none; }
p.ok a:hover { color: #55c710; text-decoration: underline; }


table.vykony { font-size: 1.1em; border-collapse: collapse; }
  table.vykony td { vertical-align: top; }

.break { clear: both; }

/************* E-SHOP ****************/
ul.eshop { list-style: none; width: 240px; margin-left: 5px; text-align: left; clear: left; margin-bottom: 20px; }
  ul.eshop li { border-bottom: 1px solid #dedede; padding: 5px 15px 5px 30px; font-size: 1.1em;  background: url('images/eshop-li.png') 8px center no-repeat; }
  ul.eshop li a { color: #343434; text-decoration: none;  }
  ul.eshop li a.active { color: #343434; text-decoration: none; font-weight: bold; }
  ul.eshop li a:hover {  color: #5cb645; }
  
form.eshop-hledat { clear: left; text-align: left; padding: 5px 0px 0px 15px; width: 230px; }
form.eshop-hledat input.text { margin-left: 0px; width: 140px; height: 18px; font-size: 11px; color: #b7b7b7; float: left; line-height: 18px;
                          margin-bottom: 10px; margin-right: 10px; font-family: Verdana, sans-serif; }


#kosik { clear: left; width: 230px; text-align: left; background: url('images/kosik.png') 15px top no-repeat; height: 32px; }
  #kosik p { font-size: 1.1em; padding-left: 60px; }
  #kosik a { color: #343434; text-decoration: none; }
  #kosik a:hover { color: #5cb645; text-decoration: underline; }

#eshop { width: 655px; float: right; text-align: left; margin-top: 10px; margin-right: 10px; min-height: 400px; height:auto !important; height:400px; }
#eshop h2 { font-family: Arial, sans-serif; font-size: 1.8em; padding-bottom: 2px; color: #0079b0; margin-bottom: 15px; }
#eshop h3 { font-family: Arial, sans-serif; font-size: 1.4em; padding-bottom: 10px; color: #5cb645; }
#eshop h3.text { padding-top: 15px; }
#eshop p { font-size: 1.1em; }
#eshop ol { font-size: 1.1em; }
#eshop a.link { font-weight: bold; text-decoration: underline; color: #0079b0;}
#eshop a.link:hover { font-weight: bold; text-decoration: underline; color: #5cb645; }

#eshop table.zbozi { }
#eshop table.zbozi td { vertical-align: top; padding-right: 5px; padding-bottom: 15px; width: 150px; }
#eshop table.zbozi td a img { border: 2px solid #c2c2c0; }
#eshop table.zbozi td a:hover img { border: 2px solid #0079b0; }
#eshop table.zbozi td p { padding: 0px 0px 5px 0px; }
#eshop table.zbozi td p.kratky { font-size: 1.1em; line-height: 1.1em; }
#eshop table.zbozi td p.akce { font-weight: bold; color: #c00; }
#eshop table.zbozi td p.cena { font-size: 1.2em; color: #858585; }
#eshop table.zbozi td p.cena span { font-size: 1.6em; font-weight: bold; color: #35a84a; }
#eshop table.zbozi td a.detail { display: block; width: 57px; height: 20px; background: url('images/detail.gif') no-repeat left top; text-indent: -9000px; float: left; margin: 4px; }  
#eshop table.zbozi td a.koupit { display: block; width: 57px; height: 20px; background: url('images/koupit.gif') no-repeat left top; text-indent: -9000px; float: left; margin: 4px; }
#eshop table.zbozi td a.detail:hover, #eshop table.zbozi td a.koupit:hover { opacity:0.6;filter:alpha(opacity=60); }
#eshop table.zbozi td a.nadpis { font-family: Arial, sans-serif; font-size: 1.4em; color: #000; font-weight: bold; display: block; padding-bottom: 5px; }
#eshop table.zbozi td a.nadpis:hover { color: #0079b0; }
#eshop table.zbozi td a.nadpis:first-letter { text-transform: uppercase; }

/* detail zbozi */
#eshop div.detail { margin: 0px 15px 10px 15px; display: table; }
#eshop div.detail div.image { display: table-cell; vertical-align: top; }
#eshop div.detail div.about { display: table-cell; vertical-align: top; }
#eshop div.detail img.main { float: left; margin: 0px 20px 20px 0px; border: 2px solid #c2c2c0;}
#eshop div.detail h3 { color: #000; font-size: 1.6em; padding-bottom: 10px; }
#eshop div.detail h3:first-letter { text-transform: uppercase; }
#eshop div.detail p { padding: 0px 0px 10px 0px; font-size: 1.2em; }
#eshop div.detail p.autor { color: #444444; font-weight: bold; }
#eshop div.detail p.dostupnost { padding: 30px 0px 5px 0px; }
#eshop div.detail p.cena_bezna { padding: 0px 0px 0px 0px; }
#eshop div.detail p.cena_bezna span { text-decoration: line-through; }
#eshop div.detail p.cena span { font-size: 1.6em; font-weight: bold; color: #35a84a; }
#eshop div.detail a.pdf { background: url('images/pdf.gif') no-repeat left top; color: #5f5d5d; padding-left: 22px; display: block; float: left; height: 16px; text-decoration: none; }
#eshop div.detail a.pdf:hover { color: #000; text-decoration: underline; }
#eshop div.detail a.koupit { display: block; float: left; padding: 5px 15px; background: #004d88; color: #fff; text-decoration: none; font-size: 1.2em; }
#eshop div.detail a.koupit:hover { background: #0079b0; color: #fff; }
#eshop a.zpet { color: #35a84a; text-decoration: none; font-size: 11px; padding-left: 20px; background: url('images/zpet.gif') no-repeat left top; }
#eshop a.zpet:hover { color: #35a84a; text-decoration: underline; }

#eshop table.kosik { border-collapse: collapse; width: 655px; font-size: 1.1em; margin-bottom: 10px; }
#eshop table.kosik th { background: #004d88; color: #fff; text-align: left; padding-left:10px; padding-right:5px; }
#eshop table.kosik td { border-bottom: 1px solid #dedede; padding-right:5px; }
#eshop table.kosik td.nazev { color: #0079B0; font-weight: bold; width: 290px; font-size: 1.2em; }
#eshop table.kosik td.nazev:first-letter { text-transform: uppercase; }
#eshop table.kosik td.nazev span { color:#000000; font-size:0.9em; font-weight:normal; }
#eshop table.kosik td.image { text-align: center; width:100px; }
#eshop table.kosik td.image img { margin-top: 2px; border: 2px solid #c2c2c0; }
#eshop table.kosik .right { text-align: right; }
#eshop table.kosik td.delete { width: 50px; }
#eshop table.kosik td.cena { width: 100px; }
#eshop table.kosik a.delete { color: #c00; }
#eshop table.kosik a.delete:hover { color: #f00; }
#eshop table.kosik tr.bottom th { font-size: 1.2em; background: #fff; color: #000; padding-top: 10px; }

#eshop a.objednat { display: block; margin: 0px auto; height: 32px; line-height: 32px; width: 210px; background: url('images/button_next.png') no-repeat left top;
                      font-weight:bold; padding-left: 38px; color: #35a84a; text-transform: uppercase; font-size: 1.2em; text-align: left; }
#eshop a.objednat:hover { color: #55c710; }

p.center { text-align: center; padding-bottom: 20px; }

form.objednavka { margin-bottom: 20px; }
form.objednavka fieldset { border: 1px solid #dedede; margin-bottom: 10px; }  
form.objednavka legend { font-size: 1.1em; text-transform: uppercase; font-weight: bold; padding-left: 3px; padding-right: 3px; padding-bottom: 10px; color: #35a84a; }
form.objednavka label { font-size: 1.1em; float: left; width: 220px; margin-left: 10px; }
form.objednavka input {  }
form.objednavka input[type=text] { margin-bottom: 3px; width: 270px; }
form.objednavka input[type=radio] { float: left; }
form.objednavka input[type=checkbox] { float: left; }
form.objednavka input.cislo { width: 50px; }
form.objednavka input.last { margin-bottom: 10px; }
form.objednavka span { font-size: 1.1em; float: left; padding-left: 3px; padding-right: 10px; }
form.objednavka em { color: #f00; font-style: normal; }
form.objednavka input.submit { display: block; margin: 0px auto; height: 32px; line-height: 32px; width: 180px; background: url('images/button_next.png') no-repeat left top;
                      font-weight:bold; padding-left: 38px; color: #35a84a; text-transform: uppercase; font-size: 12px; text-align: left; border: none; text-decoration: underline;
                      cursor: pointer; font-family: Verdana; }
form.objednavka input.submit_hover { display: block; margin: 0px auto; height: 32px; line-height: 32px; width: 180px; background: url('images/button_next.png') no-repeat left top;
                      font-weight:bold; padding-left: 38px; color: #55c710; text-transform: uppercase; font-size: 12px; text-align: left; border: none; text-decoration: underline;
                      cursor: pointer; font-family: Verdana; }
form.objednavka a { color: #0079b0; }
form.objednavka textarea { margin-bottom: 10px; width: 270px; height: 50px; font-family: sans-serif; font-size: 1.2em; }

#eshop table.rekapitulace { border-collapse: collapse; width: 655px; font-size: 1.1em; margin-bottom: 10px; }
#eshop table.rekapitulace th { border-bottom: 1px solid #b7b7b7; text-align: left; font-weight: bold; }
#eshop table.rekapitulace td { }
#eshop table.rekapitulace .right { text-align: right; }
#eshop table.rekapitulace td.cena { width: 75px; }
#eshop table.rekapitulace tr.celkem th { font-size: 1.3em; font-weight: bold; color: #0079b0; border: none; padding-top: 5px; }

strong.red { color: #c00; }