@font-face {
    font-family: 'accius_t_otbold_condensed';
    src: url('../fonts/acciustot-boldcondensed-webfont.eot');
    src: url('../fonts/acciustot-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/acciustot-boldcondensed-webfont.woff') format('woff'),
         url('../fonts/acciustot-boldcondensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {margin:0; padding:0;font-family: Arial, serif;font-size:12px; color:#171717; }
a img {border:none}
p {margin:0 0 1.5em 0; padding: 0; line-height:1.6em;}
h1, h2, h3, h4, h5, h6 {padding:0; margin: 0 0 0.6em 0;}
h1 {font-size:32px; font-weight:normal; color:#522c17; text-transform:uppercase; margin:0 0 20px 0; font-family: 'Source Sans Pro', sans-serif;}
h2 {font-size:20px; font-weight:normal; color:#522c17; text-transform:uppercase; margin:0 0 20px 0; font-family: 'Source Sans Pro', sans-serif;}
h3 {font-size:18px; font-weight:normal; color:#522c17; text-transform:uppercase; margin:0 0 20px 0; font-family: 'Source Sans Pro', sans-serif;}

.clr {clear:both; font-size:0; height:0; line-height:0; border:none; margin:0; padding:0}
.il {float:left; margin:0 10px 5px 0}
.ir {float:right; margin: 0 0 5px 10px}
.b {padding:2px; border:1px solid #dfdfd0}

#nad-cont {width:100%;background: #fff url("../des/bg.png");}
#nad-cont #cont {padding:309px 0 0 0;width:1000px; margin:0 auto; position:relative; }
#nad-cont #top {width: 1000px;height:309px;background: url('../des/top-bg.png') top left no-repeat;position:absolute; top:0; left:0;}
#logo {position: absolute;top: 45px;left: 35px;}
#slogan {position: absolute;top: 130px;left: 35px;width: 500px;text-align: left;color:#FFF; font-size:20px; font-family: 'Source Sans Pro',serif;font-style: italic;}

#menu {position: absolute;top: 257px;left: 0;width: 100%;height: 52px;background: url('../des/menu-bg.png');}
#menu ul {margin:0; padding:0; list-style:none}
#menu ul li {float:left; display:block; line-height: 52px;background: url('../des/menuLi.png') no-repeat right center;position: relative;}
#menu ul li.last {background: none;}
#menu ul li a {display:block; color:#FFF; font-size:17px; font-family: 'accius_t_otbold_condensed', serif;text-transform:uppercase;text-shadow: -1px -1px #787878;text-decoration:none; padding:0 18px}
#menu ul li a:hover, #menu ul li.Aktivni a {color:#fff;background: url('../des/menu-active.png') center bottom no-repeat;}

#menu ul > li > ul {display: none;position: absolute;top: 52px;left: 0;background: #EFA302;border: 1px solid #dadada;}
#menu ul > li:hover > ul {display: block;width: 330px;}
#menu ul li.Aktivni ul li a {background: none;}
#menu ul li ul li.Aktivni a {background: none;}
#menu ul li ul li {background: none;width: 330px; line-height: 40px;}
#menu ul li ul li a{background: none;}
#menu ul li ul li a:hover {background: none;color: #000;}

#menu ul > li > ul > li > ul {display: none;position: absolute;top: 0px;left: 330px;background: #EFA302;border: 1px solid #dadada;}
#menu ul > li > ul > li:hover > ul {display: block;width: 330px}
#menu ul li.Aktivni ul li ul li a {background: none;}
#menu ul li ul li.Aktivni ul li a {background: none;}
#menu ul li ul li ul li{background: none;width: 330px; line-height: 40px;}
#menu ul li ul li ul li a{background: none;}
#menu ul li ul li ul li a:hover {background: none;color: #000;}
#menu ul li ul li:hover ul li:hover a {color: #000;}

#menu-home { width: 56px; height: 52px; background: url('../des/menu-home.png') center left no-repeat; float: left; }

#slides {width:960px; height:300px; float: left;position: relative;margin-bottom: 25px;}

#content {float:left; width:960px;position:relative;padding: 20px;background: #fff;min-height: 450px}
#content a {color: #171717;}

#foot-wrap{width:100%;height: 265px;background: #fff;}
#foot {width:1000px;height: 265px;margin: 50px auto 0 auto ;position:relative;}
#foot .foot-facebook { position: absolute; top: 20px; left: 0; }

.btn-top:hover { color: #333333; text-decoration: none; }
.btn-top { float: left; display: block; padding: 0 0 0 26px; position: absolute; top: 240px; right: 0; color: #333333; background: url('../des/btn-top.png') no-repeat left 1px; text-decoration: underline;z-index: 999; }

#copy {margin:0 0 0 0; padding:0; position:absolute; top: 240px; left:0}
#copy a {color:#6d6d6d; font-size:12px; text-decoration:none}
#copy a.machin {text-decoration:underline}
#copy a:hover {text-decoration:none}

.gallery {float:left;}
.gallery .item {margin: 10px 10px 0 0;float: left;padding: 3px;border: 1px solid #dadada; height: 80px;text-align:center;}
.gallery .item img {height:80px;}

.vypisgalerie {float:left;width: 100%;}
.vypisgalerie-item {float: left;width: 100%;margin-bottom: 50px;}
.vypisgalerie-item .item {margin: 10px 10px 0 0;float: left;padding: 3px;border: 1px solid #dadada;width: 140px; height: 80px;text-align:center;}
.vypisgalerie-item .item img {height:80px;}

/* For tablets & smart phones */
@media (max-width: 767px) {body {padding-left: 20px;padding-right: 20px;}.container {width: auto}}
/* For smartphones */
@media (max-width: 480px) {.container {width: auto}}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {.container {width: 724px}}
/* For larger displays */
@media (min-width: 1200px) {.container {width: 1170px}}
/* end slider*/

/* FLASH messages*/
.flash {background-color: #2ecc71;padding: 10px;margin-bottom: 30px;color: #fff;}

#frm-contactForm input{border:1px solid #B5B5B5; width:329px;height: 25px;padding: 5px;}
#frm-contactForm input.button{border: none;width:100px;height: 35px;float: right; background: #f0aa00;color: #fff;cursor: pointer;padding: 10px;font-weight: bold;text-transform: uppercase;}
#frm-contactForm input.button:hover {color: #000;}
#frm-contactForm textarea{border:1px solid #B5B5B5;margin: 0;}
#frm-contactForm table th{width: 90px;text-align: left;}