/* posledná úprava - 16.09.2009 */

* { margin: 0; padding: 0;}
body {background-color: #fff; font: 0.8em/170% Verdana, Helvetica, sans-serif; color: #000; margin: 20px;}
a { text-decoration: none; color: #000; border-bottom: 1px solid #82abcf;}
a:hover,
a:focus { color: #c0c0c0; text-decoration: none;}
a[href^="http:"] { background: url(i/external_link.png) no-repeat right top; padding-right: 15px;}
a img {border: 0 !important;}
hr {display: none;}
ul {list-style: none; clear: both;}
h1, h2, h3, h4 {font-weight: normal; margin: 15px 0;}
p, h2, h3, h4 {clear: both;}
h1 {font-size: 150%;}
h3 {font-size: 160%;}
h4 {font-size: 120%;}
br {clear: both !important;}
p {margin: 15px 0;}
.center {text-align: center !important;}
.center img {float: none !important;}
.mensie {font-size: 80%;}
.orange {color: orange;}
.green {color: green;}
.upozornenie {background-color: #c63e3e; display: block; width: 920px; padding: 20px; color: #fff; font-size: 18px;clear: both;}
.upozornenie a {color: #fff;}

table {width: 960px; float:left; font-size: 100%;}
table thead {background-color: #228b22; color: #fff;}
table tr {height: 30px;}
table td {padding: 10px;}
table tbody tr:nth-child(odd) {background-color: #f2f2f2;}

#hlavny {margin: 0 auto; width: 960px;}

h1#logo {font-family: Garamond; margin: 0 0 50px 0 ;float:left;}
h1#logo strong {font-size: 330%; margin: 25px 0 20px -3px; float:left; color: #000;}
h1#logo a {border: 0; position: relative; overflow: hidden; width: 385px; height: 89px; float:left;color: #993333;}
h1#logo span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(i/vc.png) 0 0 no-repeat; z-index: 1;}

ul#horne {float: right; clear: none;}
ul#horne li {float:left; margin: 0 15px;}

h2#kodovanie {border: 0; position: relative; overflow: hidden; width: 676px; height: 61px; z-index: 1; font-family: Garamond; font-size: 150%; color: #ccc;}
h2#kodovanie strong { color: #006633; font-size: 230%; margin: 0 0 10px -3px; float:left; display: block; font-weight: normal;}
h2#kodovanie span {display: block; position:absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(i/kodovanie.png) 0 0 no-repeat;}
h2.nadpis {font-size: 150%; margin: 15px 0; color: #bbb;}

#lavy {width: 410px; float:left; clear: both;}
#pravy {width: 360px; float: right;}
#lavy h3 {float: left;}
#lavy h3, #pravy h3 {margin: 30px 0 30px 0;}
#referencie {margin-top: 20px; float: left; clear: both; width: 960px;}
#referencie p {clear: none;}
#referencie p span {clear: both !important;  width: 160px;float:left;}
#referencie img {width: 150px; height: 109px; overflow: hidden; padding: 5px; float:left; margin: 10px 15px;}
#referencie a img { border: 1px solid #dcdcdc !important;}
#referencia { border-top: 1px solid #dcdcdc;float:left; width: 960px;}
#referencia #l {clear: both; float:left; width: 480px;}
#referencia #l img {width: 465px; float:left; border: 1px solid #dcdcdc; padding: 5px;}
#referencia #r {float:left; width: 470px; position: relative; left: 10px; top: 70px;}
ul#poznamky {float:left; margin: -15px 0 0 0;}
ul#poznamky li {background: url(i/ico-ul.png) no-repeat 0 6px; padding-left: 15px;}

#ceruzka {background: url(i/ico-ceruzka.png) no-repeat 0 0; padding: 0 0 10px 35px;}
#lupa {background: url(i/ico-lupa.png) no-repeat 0 0; padding: 3px 0 10px 35px;}
.dobry-kod {background: url(i/ico-lupa.png) no-repeat 0 0; padding: 3px 0 10px 35px; width: 250px;}
#objednat {background: url(i/ico-vpravo.png) no-repeat 0 0; padding: 3px 0 10px 35px;}
#cennik {background: url(i/ico-cennik.png) no-repeat 0 0; padding: 3px 0 10px 35px;}
#dokumenty {background: url(i/ico-dokumenty.png) no-repeat 0 0; padding: 3px 0 10px 35px;}

ul.plus li {background: url(i/ico-plus.png) no-repeat 0 0; margin: 5px 0; padding: 0 0 0 27px;}
ul.plus {width: 700px; float:left; padding: 20px 0 20px 20px;}
ul.vyssie {margin-top: -50px !important;}

.box2 {border: 1px solid #ccc; float: left; width: 960px; margin: 0 0 30px 0;}
.box2 img.img {float: left; position: relative; left: 890px; top: 20px;}
.box2 p.kod {float:left; clear: none; margin: 5px 20px;}
.box2 p.kod img {width: 300px; height: 200px; float:left; border: 1px solid #ccc !important;}
.box2 ul {width: 850px;}

p#pata {width: 960px; clear: both; float:left;}