body {
 margin: 0px;
 padding: 0px;
 font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
 color: #636363;
 font-size: 80%;
 line-height: 140%;
}

a:link, a:visited, a:active {
 color: #666666; text-decoration: none;
}

a:hover {
 text-decoration: underline; 
}

/*
#hover-blok {
 z-index: 1;
 position: absolute;
 display: none; 
 min-width: 100px;
 max-width: 250px;
 left: 0px;
 padding: 2px;
 text-align: left;
 color: #4F4F26;
 filter: alpha(opacity=95);
 opacity: 0.95; 
 background: #F2F376;
 border: 1px solid #AAAB53;
}
*/

p {
 margin: 0; padding: 0;
}

hr {
 clear: both; height: 1px;  border: none;  border-bottom: 1px solid #B3B7B8;
}

img {
 border: none;
}

h1, h2, h3 {
 margin: 0; padding: 0; font-family: Calibri, Arial;
}

h1 {
 font-size: 160%;
}

h2 {
 font-size: 140%;
}

h3 {
 font-size: 120%;
}

#bg1 {
 height: 373px; color: #ffffff; background: #1882D0 url(../img/bgtop.jpg) repeat-x top center;
}

#top1 {
 width: 1000px;
}
#top1 .logo {
 float: left; width: 200px;
}
#top1 .logo img {
 margin-top: -25px;
}
#top1 .menu {
 float: right; height: 56px; margin: 20px 20px 0 0;
}
#top1 .menu ul {
 margin: 0; padding: 0; list-style: none;
}
#top1 .menu ul li {
 float: left; width: 101px; height: 56px;
}
#top1 .menu ul li a {
 display: block; width: 101px; height: 56px;
}
#top1 .menu ul li a:hover {

}

#top2 {
 width: 1000px; height: 245px; padding: 5px 0 0 0; background: url(../img/ramtop.png) no-repeat top center;
}
#grayline {
 clear: both; width: 995px; height: 33px; margin: 14px 0 0 0; padding-right: 5px; background: url(../img/bgwhitepoint.png) repeat top left;
}
#grayline h1 {
 float: left; margin: 6px 0 0 10px; text-shadow: 1px 1px 1px #C6C6C6; color: #898989;
}
#grayline h1 a:hover {
 text-decoration: none; color: #A0A0A0;
}
#grayline img {
 float: right; margin: 3px 5px 0 5px;
}

#middle {
 clear: both; width: 1000px; min-height: 300px; margin: 5px 0 7px 0; text-align: left; border-left: 3px solid #F7F7F7;
}
.left {
 float: left; width: 730px; padding: 3px 3px 0px 7px; text-align: justify;
}
.left a {
 font-weight: bold; color: #000000;
}
.left p {
 margin: 0 0 10px 0;
}
.left h2 {
}
.left h3 {
 margin: 0; height: 25px; padding: 5px 0 0 5px; font-size: 125%; color: #000000; 
 background: url(../img/bglefth3.png) repeat-x bottom center;
}
.left h3.marginb {
 margin-bottom: 10px;
}
.left ul.clasic {
 margin: 0 0 10px 0px; padding: 0; list-style: none;
}
.left ul.clasic li {
 padding: 1px 0 1px 30px; background: #F9F9F9 url(../img/lipoint.png) no-repeat top left; background-position: 10px 5px;
 border-bottom: 1px solid #EDEDED;
}

.left ul.ulcennik {
 margin: 0 0 10px 0px; padding: 0; list-style: none;
}
.left ul.ulcennik li {
 padding: 2px 0 2px 30px; background: #F4F4F4 url(../img/lipoint.png) no-repeat top left; background-position: 10px 5px;
}
.left ul.ulcennik li.li2 {
 padding: 2px 0 2px 50px; background: #FCFCFC url(../img/lipoint2.png) no-repeat top left; 
 background-position: 30px 5px; border-bottom: 1px solid #C6C6C6;
}
.left ul.ulcennik li span {
 display: block; float: left; width: 590px; font-weight: bold;
}
.left ul.ulcennik li span.price {
 display: block; float: right; width: 100px; padding-right: 5px; text-align: right;
}
.left .cennik .cennikobjednavkah3 {
 margin: 10px 0 10px 0; padding-left: 210px; cursor: Pointer;
}
.left .cennik .cennikobjednavkah3 img {
 float: left; margin: -3px 20px 0 20px;
}
.left .cennik .cennikobjednavkah3 p {
 float: left;
}

.left .colorpozn {
 height: 70px; margin-bottom: 10px; font-weight: bold; color: #ffffff; text-align: center; 
 background: #FCB73F url(../img/bubbles.png) no-repeat center left; background-position: 7px 2px; border: 2px solid #FEA305;
}
.left .colorpozn p {
 padding: 17px 5px 2px 90px; text-align: center;
} 
 
.left .gray {
 padding: 3px 0 5px 0; font-weight: bold; text-align: center; background: url(../img/bgleftblokbottom.png) repeat-x bottom left;
}
.left img.zarovnaniel {
 float: left; margin-right: 7px;
}
.left img.zarovnanier {
 float: right; margin-left: 7px;
}

.blokl {
 width: 725px; min-height: 100px; margin: 0 0 10px 5px; padding: 0 0 10px 0;
 background: url(../img/bgleftblokbottom.png) repeat-x bottom left;
}
.bloklleft {
 float: left; width: 355px; height: 165px; margin: 0 0 10px 5px; padding: 0 0 10px 0;
 background: url(../img/bgleftblokbottom.png) repeat-x bottom left;
}
.bloklright {
 float: right; width: 355px; height: 165px; margin: 0 0 10px 5px; padding: 0 0 10px 0;
 background: url(../img/bgleftblokbottom.png) repeat-x bottom left;
}
img.imgblok {
 margin: 8px 0 0 8px;
}
.left ul.blokli {
 margin: 7px 0 0px 7px; padding: 0; list-style: none;
}
.left ul.blokli li {
 padding: 1px 0 1px 25px; background: url(../img/lipoint.png) no-repeat top left; background-position: 10px 5px;
}

/* referencie */
.referenciepage {
}
.referenciepage .liner {
 float: left; margin: 0 0 5px 0; filter:alpha(opacity=70); opacity: 0.70;
}
.referenciepage .liner img {
}
.referenciepage .liner .leftr {
 float: left; margin-right: 5px; padding: 15px; background: url(../img/bgimg.gif) no-repeat top left; 
}
.referenciepage .liner .rightr {
 float: right; width: 545px; padding: 5px 0 5px 0;
}
.referenciepage .liner .rightr h3 {
 margin-bottom: 15px;
}
.referenciepage .liner .rightr .textr {
}
.referenciepage .liner .rightr .textr label {
 font-weight: bold;
}
/* /referencie */

/* form */
.left .form {
 margin: 0 0 0 0; padding-bottom: 5px; background: url(../img/bgcennikobjednavka.png) repeat-x bottom left;
}
.left .form form {
}
.left .form .line {
 float: left; margin-bottom: 5px;
}
.left .form label {
 float: left; width: 130px; margin-right: 10px; font-weight: bold; text-align: right;
}
.left .form input[type=text] {
 float: left; width: 200px; height: 20px; background: #ffffff url(../img/bginput.png) repeat-x bottom left; border: 1px solid #dddddd;
}
.left .form textarea {
 float: left; width: 350px; height: 200px; background: #ffffff url(../img/bgtextarea.png) repeat-x bottom left; border: 1px solid #dddddd; 
}
.left .form input[type=image] {
 margin: 4px 0 4px 0;
}
.left .form img {
 float: left; margin: 2px 0 0 5px;
}
/* /form */

.chyba {
 padding: 2px 5px 2px 5px; font-weight: bold; color: #ffffff; background: #FF3F00; border: 2px solid #B22900;
}
.ok {
 width: 400px; padding: 10px 5px 10px 5px; font-weight: bold; color: #ffffff; text-align: center; background: #8FBAD8; border: 2px solid #799DB7;
}

.right {
 float: right; width: 250px; min-height: 200px;
}
.right .bloktop {
 width: 250px; height: 37px; background: url(../img/bgblokrighttop.png) no-repeat top center;
}
.right .bloktop img {
 padding: 3px 0 0 5px;
}
.right .blokmiddle {
 width: 234px; padding: 5px 8px 5px 8px; background: url(../img/bgblokrightmiddle.png) repeat-y top center; text-align: justify;
}
.right .blokmiddle a {
 font-weight: bold; color: #000000;
}
.right .blokmiddle .line {
 float: left; width: 100%; margin-bottom: 7px;
}
.right .blokmiddle .line img {
 float: left; margin-right: 5px; padding: 2px; border: 1px solid #EAE9E5;
}
.right .blokmiddle .line h2 {
 float: left; font-size: 110%; color: #000000;
}
.right .blokmiddle .line p {
 font-size: 100%; line-height: 120%; text-align: justify;
}
.right .blokmiddle .line p a {
 color: #757575;
}

.right .blokmiddle.kontakt {
}
.right .blokbottom {
 width: 250px; height: 4px; margin-bottom: 5px; background: url(../img/bgblokrightbottom.png) no-repeat top center;
}

#bg2 {
 height: 60px; background: #E7E7E7 url(../img/bgbottom.jpg) repeat-x top center;
}
.bottom {
 width: 1000px; height: 60px; background: url(../img/bgwhitepoint.png) repeat top left; 
}
.bottom .p1 {
 float: left; margin: 10px 0 0 3px; padding: 0px 0 0px 35px;
}
.bottom .p2 {
 float: left; height: 30px; margin: 10px 0 0 35px; padding: 11px 0 0px 35px; border-left: 1px solid #D5D5D5;
}
.bottom .p3 {
 float: left; height: 30px; margin: 10px 0 0 35px; padding: 11px 0 0px 35px; border-left: 1px solid #D5D5D5;
}
.bottom .p4 {
 float: left; height: 38px; margin: 10px 0 0 35px; padding: 3px 0 0px 35px; border-left: 1px solid #D5D5D5;
}

.bottom p.menu a {
 color: #000000;
}