/* CSS Document */

body {margin: 0; padding: 0; text-align: center; background: url(/images/bg.jpg) repeat; font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; font-size: 100%;}

a {color: #BC2506; text-decoration: underline;}
a:hover {text-decoration: none;}

ul {margin: 0; padding: 0; list-style-type: none;}
div .p {padding: 7px 25px 7px 0px; color: #575757; clear: both; text-align: justify;}


#page {width: 955px; margin: 0 auto; font-size: 0.8em; line-height: 1.4em; text-align: left; color: #616161;}


#logo {margin: 0; text-align: left; padding: 0px 0px 35px 0px;  float: left;
width: 238px; height: 34px; _height: 70px; position: relative; margin-left: 0px; overflow: hidden; clear: both; color: #801e00;
}
#logo span {background: url('/images/logo.jpg') no-repeat; position: absolute; left: 0px; top: 0px; z-index: 1;
 width: 238px; height: 34px;cursor: pointer; padding: 0px; margin: 0px; overflow: hidden; display: block; margin-top: 20px; margin-left: 2px
}
#logo a {width: 238px; _width: 315px; height: 34px; _height: 60px;overflow: hidden; display: block; margin: 0; padding: 0px; margin-top: 30px; _margin-top:0px; color: #EDEEF0; text-align: left; line-height: 1em; font-size: 0em;
}



div.oddelovac {color: #4D545A; font-weight: bold; margin-top: 3px; float: left; _display: none}

#hlavicka {width: 955px; height: 274px; background: url(/images/hlavicka.jpg) no-repeat; }

#podhlavicka {width: 948px; height: 203px; background: url(/images/top-bg.jpg) repeat-x; border: 1px solid #D8D8D8; margin: 0; padding: 0;margin-left: 3px}

#podhlavicka ul {width: 925px; margin-left: 25px; color: #4B5966; line-height: 1.2em;}
#podhlavicka ul li {width: 295px; background: url(/images/top-oddelovac.jpg) no-repeat right top; padding-top: 10px; margin-right: 12px; margin-bottom: 15px; float: left}
#podhlavicka ul li.last {background: none;}
#podhlavicka ul li img {margin: 3px 10px 0px 0px}
#podhlavicka ul li h2 {font-size: 1.4em; margin: 0; font-weight: normal; line-height: 1.1em; margin-bottom: 5px}
#podhlavicka ul li h2 span {color: #BA2F08}

/* špeciálne štýly homepage */
#homepage {width: 947px; border: 1px solid #D8D8D8; background: white url(/images/main-top.jpg) no-repeat center top; margin: 0px 0px 0px 3px}
#homepage .topimg {margin-right: 330px; _margin-right: 300px}
#homepage #maincontent {width: 525px; float: left; background: url(/images/main-oddelovac.jpg) no-repeat 540px 9px; padding-left: 23px}
#homepage h2.sobrazkom {margin: 0; padding: 0; margin-bottom: 15px; color: #4B5966; float: left; margin-top: 47px; font-weight: normal; font-size: 1.6em}

#homepage ul li {background: url(/images/odrazka.jpg) no-repeat left center; padding-left: 17px}

a h2:hover {text-decoration: underline;}

a#viac {width: 89px; height: 25px; _height: 31px; background: url(/images/button-viac.jpg) no-repeat; display: block; float: right; margin-right: 70px; margin-bottom: 13px; padding-top: 6px; text-align: center; color: #6C737B; text-decoration: none; font-weight: bold; font-size: 1.1em;}
a#viac span {font-size: 0.8em}

#homepage #panel {width: 380px; float: right;}
#homepage #panel .topimg {margin-right: 200px}
#homepage #panel img#mapa {border: 1px solid #D8D8D8; margin-top: 15px} 

#panel a#kontaktovat {width: 122px; height: 25px; _height: 31px; background: url(/images/button-kontaktovat.jpg) no-repeat; display: block; float: right; margin-right: 55px; margin-top: 15px; padding-top: 6px; text-align: center; color: #6C737B; text-decoration: none; font-weight: bold; font-size: 1.1em}
#panel a#kontaktovat span {font-size: 0.8em}

#homepage #panel table {font-size: 1em; clear: both; font-size: 0.9em}


#main {width: 947px; background: white; border: 1px solid #DAD9DC}
#main #content {width: 635px; margin-left: 35px; float: left; background: url(/images/main-oddelovac.jpg) no-repeat 660px 0px;}
#main #panel {width: 250px; float: right; margin-top: 27px}

#main h2 {font-size: 1.6em; font-weight: normal; color: #4E5760}
#main h3 {font-size: 1.3em; font-weight: normal; color: #4E5760; margin-bottom: 0}
#main h4 {font-size: 1.1em; font-weight: bold; color: #C22007; margin-bottom: 0px}

#main #content #kontakt {margin-top: 10px; margin-right: 20px}
#main #content #kontakt #left {width: 205px; float: left; margin-top: 5px; font-size: 0.9em} /*width: 225px;*/
#main #content #kontakt #left input {width: 200px; height: 24px; border: 1px solid #BABBBD;} /*width: 220px; */
#main #content #kontakt #right {float: right; margin-top: 5px}
#main #content #kontakt textarea {width: 380px; _width: 374px; height: 106px; _height: 112px; border: 1px solid #BABBBD;}
#main #content #kontakt #submit {width: 122px; height: 32px; _height: 31px; background: url(/images/button-kontaktovat.jpg) no-repeat; display: block; float: right; margin-top: 10px; border: 0;padding-top: 3px; text-align: center; color: #6C737B; text-decoration: none; font-weight: bold; font-size: 1.1em; margin-bottom: 10px; cursor: hand}

#mapa {margin: 40px 0px 20px 0px}

#main #content #top {width: 591px; _width: 611px; height: 41px; _height: 186px; margin: 40px 0px 0px 0px; padding: 145px 0px 0px 20px; color: white; font-size: 1.7em;  }
/* background: url(/images/img03.jpg) no-repeat; */


#main #content ul {list-style-type: none; margin-left: 10px}
#main #content ul li {background: url(/images/odrazka.jpg) no-repeat left 5px; padding-left: 15px}

#main #content #minigaleria {width: 350px; text-align: left; float: right; margin-right: 20px}
#main #content #minigaleria ul {margin: 0; padding: 0; margin-left: -4px}
#main #content #minigaleria ul li {width: 98px; _width: 106px; height: 103px;float: left; margin-right: 5px; background: url(/images/minigaleria-img.jpg) no-repeat  ; padding: 4px}
#main #content #minigaleria ul li img {margin-left: 5px; margin-top: 5px}

#main #content table {border: 0; border: 1px solid #A9AAAE; border-top: none; font-size: 0.9em; margin-top: 5px; margin-bottom: 15px; text-align: left}
#main #content table th {border-top: 1px solid #A9AAAE;height: 33px; background: url(/images/th.jpg) repeat-x; padding: 5px; padding-right: 10px;  padding-left: 30px}
#main #content table td {border: 0; border-top: 1px solid #A9AAAE; padding-left: 30px; height: 25px}
#main #content table .bg {background: #F7F7F7}
#main #content table tr:hover {color: #B6211D; cursor: hand}

ul#ponuka_sluzieb {margin: 0; padding: 0; list-style-type: none; margin-bottom: 30px}
ul#ponuka_sluzieb li {margin-bottom: 3px; height: 20px}
ul#ponuka_sluzieb li img {margin-right: 5px; }
ul#ponuka_sluzieb li a {text-decoration: underline; color: #4F565E}
ul#ponuka_sluzieb li a:hover {color: #BC2506; text-decoration: none}

#paticka {width: 915px; margin-left: 20px; margin-top: 7px; font-size: 0.8em; clear: both; line-height: 1.3em; margin-bottom: 20px}
#paticka #copyright {float: left}
#paticka #design {width: 110px; height: 70px; float: right}
#paticka #design span {float: left;}
#paticka #design img {float: right;}

.left {float: left}
.right {float: right}
.clear {clear: both;}