:root {background-color: #fff;}
body {margin: 0 auto; text-align: left; font: 14px Tahoma, Verdana, lucida; color: #333;}

* {margin: 0; padding: 0; outline: 0;}
a {outline: none; text-decoration: none; color: #0962a0; cursor: pointer; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear;}
a[accesskey]:after {	content: "(" attr(accesskey) ")"; margin-left: 0.3em; display: inline !important;}
a:hover {text-decoration: underline; outline: none; color: #cc3333;}
a img {border: 0;}

#hlavny {margin: 1em;}
ul {list-style: none;}
ul li {margin: 3px 0;}
ul.poznamky {margin-top: 10px; display: inline-block;}
ul#ostatne {margin: 2em;}
.spustasa {color: orange;}
.online {color: green;}
.offline {color: red;}

h1 {font-size: 500%;}
h1 {margin: 10px 0 0 28px; font-weight: normal;}
h2 {margin: 0 0 15px 0; margin-left: 28px;}
h3 {margin: 2px 0;}
.img {float: left; margin-left: 2em;}
.img img {padding: 1em; border: 2px solid #333; width: 400px; height: 200px; display: block;}
div.popis {float: left; margin-left: 2em;}
.referencia {overflow: hidden; padding: 2em 0; border-bottom: 1px solid #ccc;}
.referencia h2 {margin: 0;}
p#kontakt {margin-left: 25px;}

h2#viac {margin-top: 30px; font-size: 250%;}
#clanok { margin:0 auto; width:960px;}
#clanok h2 {margin: 1em 0 0 0;}
#clanok p {margin: 15px 0; line-height: 170%;}
#clanok .box2 {border: 1px solid #ccc; margin: 0 0 30px; overflow: hidden; width: 960px;}
#clanok .box2 p.kod {clear: none; float: left; margin: 5px 20px;}
#clanok .box2 p.kod img {border: 1px solid #ccc; float:left; height: 200px; width: 278px;}