body {
    font-family: verdana, tahoma, arial;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    color: #666666;
    text-align: center;
    background-image: url('../images/background_1.gif');
    background-position: center;
    background-repeat: repeat-y;
}

img {
    border: 0px;
}

div.hr {
    width: 680px;
    height: 2px;
    background-image: url(../images/line.gif);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.hidden {
    visibility: hidden;
}

menu,ul,li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.main {
    margin: 0 auto;
    padding: 0;
    width: 786px;
    background-color: #333333;
}

div.include {
    width: 734px;
    float: left;
    background-color: #9f9f9f;
}

.phone {
    height: 70px;
    width: 59px;
    border: 0px;
    background-image: url(../images/mail.jpg);
    float: left;
}

.callp {
    height: 70px;
    width: 59px;
    border: 0px;
    background-image: url(../images/phone.jpg);
    float: left;
}

.right_img {
    height: 629px;
    width: 26px;
    border: 0px;
    background-image: url(../images/content_right.jpg);
    font-size: 0px;
}

.left_img {
    height: 629px;
    width: 26px;
    border: 0px;
    background-image: url(../images/content_left.jpg);
    font-size: 0px;
}

.topmenu {
    color: #0077AA;
    font-size: 1em;
}

/* odkazy */
a {
    text-decoration: underline;
    color: #333;
    font-weight: bold;
    
}

a:hover {
    text-decoration: underline;
    color: #0077aa;
}

.more {
    float: right;
}

/* hacky */
div.ocrhack {
    clear: both;
    line-height: 1px;
    font-size: 1px;
}

/* nadpisy, bloky */
h1 {
    text-align: left;
    font-size: 14px;
    font-family: verdana;
    padding: 10px 0px 15px 0px;
    margin: 0 auto;
    color: #00a1e4;
}

h2,h2 a {
    text-align: left;
    font-size: 11px;
    margin: 5px 0px;
    color: #0077aa;
    text-decoration: none;
}

h2 a {
    text-decoration: underline;
}

h2 a:hover {
    text-decoration: underline;
    text-align: left;
    font-size: 11px;
    margin: 5px 0px;
    color: black;
}

h3 {
    margin: 1px 0 0 0;
    padding: 0 0 0 0;
    font-size: 10px;
    line-height: 1.2;
}

p {
    font-size: 10px;
    text-align: left;
    margin: 0px;
}

p.justify {
    text-align: justify;
}

/* horne menu */
div.menu {
    margin: 0 auto;
    padding: 0;
    height: 76px;
    background: #494242 url('../images/menu_under.gif') repeat-x top;
    width: 786px;
    float: left;
}

div.menu li {
    float: left;
    margin: 0 auto;
    font-size: 14px;
    cursor: auto;
    background-color: #9F9F9F;
    width: 185px;
}

div.menu_side {
    margin: 0 auto;
    height: 76px;
    width: 23px;
    float: left;
}

div.menu_side2 {
    margin: 0 auto;
    height: 76px;
    width: 23px;
    float: right;
}

div.menu_side img {
    padding-top: 56px;
}

/* hlavna stranka */
div.content {
    margin: 0 auto;
    padding: 0;
    width: 786px;
    background: #474040 url('../images/contetn_bgr.gif') repeat-y left top;
}

div.content img {
    margin: 0 auto;
    padding: 0;
    border: 0;
}

div.content_left {
    width: 26px;
    float: left;
}

div.content_right {
    width: 26px;
    float: right;
}

/* profil */
div.profil {
    margin: 0 auto;
    padding: 0px 80px 20px 65px;
    background: url('../images/profil_under.jpg') no-repeat left top;
    font-size: 10px;
    color: #333333;
    text-align: left;
}

div.profil_img {
    margin: 0 auto;
    padding: 35px 10px 0px 0px;
    float: left;
    display: block;
}

div.profil_img img {
    margin: 5px 0;
}

div.profil ul li,div.cinnosti ul li {
    margin-bottom: 6px;
    /*list-style-type: disc;*/
    list-style-image: url('../images/dot_list.jpg');
    list-style-position: inside;
}

.profil h1 {
    padding-top: 55px;
}

/* cinnosti */
div.cinnosti, div.cinnosti_izolacie, div.cinnosti_fasady, div.cinnosti_obkl_prace, div.cinnosti_rek_bytov, div.cinnosti_rek_domov {
    margin: 0 auto;
    padding: 110px 40px 0 55px;
    font-size: 10px;
    color: #333333;
    text-align: left;
    background: url('../images/cinnosti_under.jpg') no-repeat left top;
}

div.cinnosti_izolacie {
    background: url('../images/izolacie_under.jpg') no-repeat left top;
}

div.cinnosti_fasady {
    background: url('../images/fasady_under.jpg') no-repeat left top;
}

div.cinnosti_obkl_prace {
    background: url('../images/obkladacske_prace_under.jpg') no-repeat left top;
}

div.cinnosti_rek_bytov {
    background: url('../images/rek_bytov_under.jpg') no-repeat left top;
}

div.cinnosti_rek_dmov {
    background: url('../images/rek_domov_under.jpg') no-repeat left top;
}


div.cinnosti_izolacie h2, div.cinnosti_fasady h2, div.cinnosti_obkl_prace h2, div.cinnosti_rek_bytov h2, div.cinnosti_rek_domov h2 {
    color: black;
}

div.cinnost {
    padding: 2px 10px 0px 0px;
    color: #333333;
}

div.cinnosti a {
    font-weight: normal;
    font-weight: bold;
}

.back {
    text-align: center;
}

div.cinnosti h2 {
    color: black;
    text-align: center;
}

div.cinnosti h2 a {
    font-size: 110%;
    font-weight: bold;
    text-decoration: underline;
    color: black;
    text-align: center;
}

div.cinnosti h2 a:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #0077aa;
}

div.cinnost img {
    margin: 0px 3px 4px 0px;
}

div.cinnosti a:hover img {
  /*  border: 0px #0077aa solid;
    margin: 0px 3px 4px 0px; */
}

.tableCenter {
    margin: auto;
}

#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox a img {
    border: none;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
}

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer>#hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink,#nextLink {
    width: 49%;
    height: 100%;
    background: transparent url(../images/blank.gif) no-repeat;
    /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover,#prevLink:visited:hover {
    background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover {
    background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%
}

#imageData {
    padding: 0 10px;
    color: #4a4142;
}

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#imageData #caption {
    font-weight: bold;
}

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
    width: 66px;
    height: 14px;
    float: right;
    padding-bottom: 0.7em;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}

/* partneri */
div.partneri {
    margin: 0 auto;
    padding-top: 0px;
    padding: 0 90px 0 90px;
    background: url('../images/partneri_under.jpg') no-repeat left top;
    font-size: 10px;
    color: #333333;
    text-align: left;
}

div.partneri img {
    padding: 0;
    margin: 0 auto;
}

/* kontakt */
div.kontakt {
    width: 644px;
    margin-bottom: 20px;
    padding-left: 90px;
    text-align: left;
    line-height: 1.3;
    color: #333333;
    background: url('../images/kontakt_under.jpg') no-repeat left top;
}

div.adress {
    padding-right: 40px;
    float: left;
}

div.mail {
    margin: 0 auto;
    padding-bottom: 10px;
}

div.mail table {
    width: 346px;
    border: 0px solid;
    padding: 0;
    margin: 0 0;
}

td.pole input,td.pole textarea,td.subject input,td.pole_phone input {
    margin: 2px 0px 5px 0px;
    padding: 2px 2px 3px 2px;
    font-size: 10px;
    font-family: verdana, tahoma, arial;
    color: #333333;
    text-align: left;
    font-weight: normal;
    border: 1px #0077aa solid;
    background-color: #bbbbbb;
    overflow: hidden;
}

td.pole input {
    width: 185px;
}

td.pole_phone input {
    width: 110px;
}

td.subject input,div.mail textarea {
    width: 340px;
}

div.mail textarea {
    overflow: auto;
}

td.button input {
    padding: 1px 6px 1px 6px;
    margin: 6px 0 0 4px;
    font-size: 10px;
    font-family: verdana, tahoma, arial;
    font-weight: bold;
    color: #333333;
    cursor: pointer;
}

span.ok {
    color: #0077aa;
    font-weight: bold;
}

span.warning {
    color: #cc0000;
    font-weight: bold;
}

/*  call  */
div.call {
    margin: 0 auto;
    padding: 10px 40px 5px 110px;
}

div.calltext {
    padding: 20px 50px 30px 20px;
    text-align: left;
    position: relative;
    color: #333333;
    float: left;
}

div.calltext a {
    color: #333333;
    font-weight: bold;
}

div.calltext a:hover {
    color: #0077aa;
}

div.small_menu {
    float: left;
    padding: 10px 0px 10px 30px;
    color: #999999;
}

div.small_menu a {
    font-weight: normal;
    color: #999999;
    text-decoration: none;
}

div.small_menu a:hover {
    color: #26a9e0;
    text-decoration: none;
}

div.small_menu a.active {
    color: #26a9e0;
    text-decoration: none;
}

/* copyright */
div.copyright {
    text-align: right;
    font-size: 9px;
    padding: 10px 30px 10px 0px;
    background: #474040 url('../images/bottom.jpg') no-repeat left top;
    color: #999999;
    clear: none;
}

div.copyright img {
    position: relative;
    top: 2px;
    padding-left: 2px;
}

div.copyright a {
    font-size: 9px;
    color: #bbbbbb;
    text-decoration: none;
    font-weight: normal;
}

div.copyright a:hover {
    color: #26a9e0;
    text-decoration: none;
}

bdo {
    text-transform: lowercase;
}

bdo:hover {
    cursor: help;
}

fieldset {
    border: none;
    padding: 0;
}