body {
    color:#333333;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    margin:0 auto;
    background: transparent url("../upload/img/bg.gif") center top no-repeat;
    background-color:#e4e4e4;
}

a, a:visited, a:link { color:#000000; text-decoration:underline; }

a:hover { color: #666666; }

h1 { font-size:18px; margin:0; color:#000066; border-bottom: 1px dashed #333333; }

h2 { font-size:12px; margin:0; color:#333333; border-bottom: 1px dashed #333333; }

h3 { font-size:11px; margin:0; color:#333333;}

h1 a, h1 a:visited, h1 a:link { text-decoration:none; }

h2 a, h2 a:visited, h2 a:link { text-decoration:none; padding:10px; line-height:25px; }
h3 a, h3 a:visited, h3 a:link { text-decoration:none; padding:10px; line-height:25px; }

h2 img { margin-right:5px; border:0; }

div.wrap1 {
    width: 858px;
    margin: 0 auto;
    overflow: hidden;
    border:1px solid #c3c3c3;
}

div.wrap1 .wrap2 {
    width: 856px;
    background-repeat:repeat-y;
    border: 1px solid #FFFFFF;
    margin: 0 auto;
    overflow: hidden;
    background-image: url(../upload/img/bg1.gif)
}

div.wrap2 .logo {
    width:796px;
    height:61px;
    padding:0px;
    margin:0 auto;
    background-image: url("../upload/img/logo.png");
    background-repeat:no-repeat;
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    padding:30px;
}

div.info, div.info1 {
    width:816px;
    line-height:40px;
    background-color:#FFFFFF;
    padding-left:20px;
    padding-right:20px;
    background-image:url(../upload/img/info.gif);
    background-repeat:repeat-x;
}

div.info1 { 
    background-image:url(../upload/img/info1.gif);
    float:left; 
    border-top:1px solid #fff; 
    background-color:#e4e4e4;
    color:#999;
}

div.info1 a, div.info1 a:link, div.info1 a:visited { 
    text-decoration:none;
    border:none;
}

div.info1 a:hover { color: #666; }

div.wrap2 .leftpanel, div.wrap2 .rightpanel {
    width:200px;
    display: inline;
    float:left;
}

div.wrap2 .mainpanel {
    width:655px;
    float:left;
}
div.clear {
    clear:both;
}
div.leftpanel .header, div.rightpanel .header {
    background-image:url(../upload/img/header.png);
    background-repeat:no-repeat;
    width:180px;
    line-height:35px;
    padding-left:20px;
    color:#FFFFFF;
    overflow:hidden;
    font-weight:bold;
}

.text { padding:8px; text-align:left; }
/* uplatnuje sa na left a right stlpec */
.text img { margin-right:10px; margin-bottom: 10px; border:0;  float:left; }

.text_ { padding:15px; text-align:justify; }
/* uplatnuje sa na hlavny stlpec */
.text_ img { vertical-align:middle; border:0; }

span.divider {
    border-bottom:1px dashed #333333; 
    padding-bottom:5px; 
    margin-bottom:5px; 
    display:block;
}

div.rightpanel .inquiry, div.leftpanel .inquiry {
    padding:8px; 
    text-align:justify;
}

.inquiry a, .inquiry a:link, .inquiry a:visited, .inquiry a:hover { text-decoration:none; }


.style1 {color: #000066}
.style2, .example1 {
    font-size: 12px;
    font-weight: bold;
}
.style3, .example2 {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

div#head {
    width:850px;
    height:167px;
    z-index:20;
}
.navsecond {
    padding: 5px 0 5px 0;
    }
.navthird {
    padding: 5px 0 5px 10px;
    }

img {
    border:none;
}
div#Logo {
    float:left;
    width:207px;
    height:165px;
}
div#Headimage {
    margin: 0 0 13px 207px;
    width:643px;
    height:165px;
    background-image:url(../upload/img/head-4.jpg);
}

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#SpryContactForm {
    padding-left:23px;
}
.contactFormSubmit {
    margin-left:70px;
}