* { margin:0; color:#a3acb1; }
img { border:0; }
body { font-family:'Roboto', Arial, sans-serif; font-size:14px; background: #cdd2d7; line-height:1.25em; top:0}
h1 { font-size:36px; font-weight:900; margin:0 0 48px 0; text-transform: uppercase;}
h2 { font-size:18px; font-weight:900; margin: 0 0 12px 0; }
p {margin-bottom:0.5em}
#layout-container { position:relative; width:960px; margin: 0 auto; overflow:hidden;z-index:10; background: #3c3d41; box-shadow: black 0px 0px 10px; -webkit-box-shadow: black 0px 0px 10px; -moz-box-shadow: black 0px 0px 10px;}
#layout-header { position:relative; width:960px; height:330px; overflow:hidden; background:url('img/header-bg.jpg') #333333 no-repeat top center; text-align:center; }
#layout-header span { color:#ffffff; font-weight:bold }
#layout-header img.logo{ display:block; margin: 122px auto 10px auto}
#layout-header img.shortline{ width:60px; height:15px; margin:0 32px }
#layout-header img.longline{ width:400px; height:15px; margin:5px 32px }
#layout-header-logo { position:relative; width:960px; height:330px; overflow:hidden;}
#layout-header-logo a { display:block; width:100%; height:100% }
/*#layout-header-menu { position:relative; width:960px; height:24px; background:#696969; overflow:hidden }*/
#layout-header-menu { z-index:2; position:relative; width:960px; height:70px;  overflow:visible }
#layout-header-menu ul.headermenu {list-style-type: none; height: 50px; width: 960px; margin: 0px; padding: 0px; }
#layout-header-menu ul.headermenu a { display:block;  text-decoration:none; width:100%; height:100%; font-size:18px; font-weight:normal; color:#fdffff; letter-spacing:1px; font-family:'Roboto Condensed'}
#layout-header-menu ul.headermenu a:hover {  text-decoration:none; }
#layout-header-menu ul.headermenu li {height: 50px; background-repeat:repeat-x; text-align: center; font-weight:bold; float: left; line-height: 50px; overflow:hidden; text-transform: uppercase;}
#layout-header-menu ul.headermenu li.o-nas { width:152px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAARklEQVR4nF2NwQ2AMAzE3JMQezAn83Ut8wgqoQ8rJ+eiMO8rQOEIGCUwghTUVD+/3Nuldbd8nM1TP9ZNy0IGxrXrfTb/4wFPTBjH+ZB6QgAAAABJRU5ErkJggg==') #c77825 }
#layout-header-menu ul.headermenu li.naradi { width:144px ; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAARElEQVR4nJ2NsQ2AAAzD3AzAkzzDYZyGGVrYWBgiJaqbsB9ngAARg+3RCJONGopwDUcN0z9Cyr4VnZ/eZVtf/0+z983cg4IbAN+N2pYAAAAASUVORK5CYII=') #5d82be}
#layout-header-menu ul.headermenu li.zahradni-technika { width:252px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAPklEQVR4nK2KMQ6AMBDDfB6qfoE38i7eGYYeAjF3iBLZ4bwOAaEMkSBg6E7vQoKpxR73/b6pZhHKMebPb88NnYwRlX5O3zMAAAAASUVORK5CYII=') #68a822 }
#layout-header-menu ul.headermenu li.svarovaci-technika { width:252px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAP0lEQVR4nLWJsQ2AMBDE/FfACNmKGRiMWeMUCVIYgMLS2cd9PQGChjJqxI9Dj7x7/mWPtTUNxXIWc59H29ovDLtPJ65Bu9W5AAAAAElFTkSuQmCC') #5e4f9e }
#layout-header-menu ul.headermenu li.kontakt { width:160px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAP0lEQVR4nLWJsQ2AQBSF+JjoVlYW7r8QFncrWLw8ArzPLSUzFgJWzmBhILRa2axnt8KhxeBsxyQg4XUei//bB+whHigTSEfiAAAAAElFTkSuQmCC') #47433b }
/*ul.headermenu li:hover, ul.headermenu li.active, ul.headermenu li.active:hover { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAUklEQVR4nF2Lyw3CQBTEbEcIeksjtES1j8NuAHEYzZ/z+QoJiJmGSxNM8+FZ+c/OzTOEsz8XpsEcuj3uiaGZQalpf/7IVs7u9Chd3u8PTQ1MfQMCaxn+oUVwzAAAAABJRU5ErkJggg==') #808080; background-repeat:repeat-x; }*/
#layout-header-menu ul.headermenu li.active a { color: #c0c0c0; }
#layout-header-menu div.arrow {width:40px; height:20px; position:relative;}
#layout-header-menu div.arrow.o-nas {background: url('img/menu-arrow.png') #c77825; position:relative; left:56px}
#layout-header-menu div.arrow.naradi {background: url('img/menu-arrow.png') #5d82be; position:relative; left:204px}
#layout-header-menu div.arrow.zahradni-technika {background: url('img/menu-arrow.png') #68a822; position:relative; left:402px}
#layout-header-menu div.arrow.svarovaci-technika {background: url('img/menu-arrow.png') #5e4f9e; position:relative; left:654px}
#layout-header-menu div.arrow.kontakt {background: url('img/menu-arrow.png') #47433b; position:relative; left:860px}
#layout-middle { position:relative; width:960px; overflow:hidden;  }
#layout-middle-content { width:864px; min-height:300px; position:relative; padding:72px 48px; overflow:hidden; float:left; font-weight:bold; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABICAIAAAC4IAh6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAXklEQVR4nFWPMRLEQAjDJL/rUuT/j/IVuyGbghnAWAC/6w4YaICgEVY+YaQpRnevBM95Qxs1SFpWfnBkezg803t0N9uZF9NHZ9fyYQy7Lw+NNfj9rbO/7w2bO96l/wHF+BJzYKSrxgAAAABJRU5ErkJggg=='); background-position:bottom center; background-repeat:repeat-x }
#layout-middle-content div.o-nas {  }
#layout-middle-content div.o-nas div.text { width:468px; padding-right:32px; float:left; text-align:justify; }
#layout-middle-content div.o-nas div.text { width:100%; padding-right:32px; float:left; text-align:justify; }
#layout-middle-content div.o-nas div.text p { margin-bottom:1.5em }
#layout-middle-content div.o-nas div.prodejny { width:364px; float:left }
#layout-middle-content div.o-nas div.text img.fronius { float:right;  width: 200px; height: 200px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; box-shadow: black 4px 6px 20px; -webkit-box-shadow: black 4px 6px 20px; -moz-box-shadow:     black 4px 6px 20px; margin: 0 0 16px 16px}
#layout-middle-content div.o-nas div.prodejny div.foto { float:left;  width: 170px; height: 190px; margin-bottom: 10px}
#layout-middle-content div.o-nas div.prodejny div.foto img { float:left;  width: 150px; height: 150px; border-radius: 75px; -webkit-border-radius: 75px; -moz-border-radius: 75px; border:3px solid #ffffff; box-shadow: black 4px 6px 20px; -webkit-box-shadow: black 4px 6px 20px; -moz-box-shadow:     black 4px 6px 20px;}
#layout-middle-content div.o-nas div.prodejny div.popis { float:left;  width: 190px; height: 190px; margin-bottom: 10px}
#layout-middle-content div.kontakt div.adresy { width:864px; overflow:hidden; margin-bottom:16px; }
#layout-middle-content div.kontakt div.adresy div.adresa { float:left; width:324px }
#layout-middle-content div.kontakt div.adresy div.fronius { float:left; width:216px }
#layout-middle-content div.kontakt div.adresy div.fronius img.fronius { float:right;  width: 200px; height: 200px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;  margin: 0 0 16px 16px}
#map {width:858px; height:480px; border: 3px solid #a3acb1; margin-bottom:10px;}
#map img {max-width:none;}
h2.map-marker-header{ color: #333333; font-size:18px; font-weight:bold}
p.map-marker-address {color: #333333; font-size:12px;}
#layout-footer { position:relative; width:864px; height:48px; padding: 0 48px; background:#0e0e0e;  overflow:hidden; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAwCAIAAABfUYfWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAR0lEQVR4nE2OsRHAMAwC/xktabL/QqSwnLiCAyHgup8AAQMNDtYoh0ewcfPRpSkEjR08fOyfh5WX76anvvnXe3YbOhu6fgAvhQYNRHrGtCgAAAAASUVORK5CYII='); background-repeat:repeat-x }
#layout-footer div.copyright {height:48px; line-height:48px; float:left;}
#layout-footer div.author {height:48px; line-height:48px; float:right;text-align:right}