* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul, ol {list-style-type:none}
html {background: #e9ebea url('../img/bg.jpg') no-repeat 50% 0;}
body { padding: 0; font: normal 13px Arial,sans-serif; background: url('../img/footer.gif') no-repeat 50% 100%; color: #686868; }

/* links --------------------------------------------------------------- */
a {color: #db642e;text-decoration: underline;}
a:link {color: #db642e;}
a:focus {color: #db642e; outline: 0;}
a:visited {color: #db642e}
a:hover {color: #000;text-decoration: none;}

/* H1 - H5 --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size:1.8em;  margin: 0; color: #005e7c;}
h2 { font-size: 1.3em; margin: 0 0 0; color: #2e2e2e; font-weight: bold;  padding: 0 20px;background: url('../img/title-bg.jpg') no-repeat;height: 49px; line-height: 49px;}
h3 { font-size: 1.3em; margin: 0 0 0; color: #2e2e2e; font-weight: normal; padding: 0 20px;background: url('../img/title-bg.jpg') no-repeat;height: 49px; line-height: 49px; clear:both;}
h4 { font-size:1.1em; color: #2e2e2e; margin-top: 25px; }
  h4 a { color: #333333; text-decoration: none; }
h5 { font-size:1.0em; }


#layout {width: 989px; margin: 0 auto;min-height: 900px;}

    #header {position: relative;height: 151px;}
    /* header ------------------------------------------------------------------ */
        h1 { position: absolute; top: 11px; left: 0px; width: 196px; height: 65px;line-height: 32px;font-size:1.0em;font-weight: normal}
            h1 a small {display: block;}
            h1 a span {position: absolute; top: 0; left: 0;display: block;width: 182px; height: 113px;cursor: pointer; background: url('../img/logo.png') no-repeat} /* původně logo.jpg - textová varianta*/
            h1 a { display: block; color: #5c6c18;text-decoration: none;}
            h1 a:hover {color: #fff}
        h4 { clear: both; }

        /* navigation --------------------------------------------------- */
        ul#nav {clear: both;position: absolute; right:-17px;top: 41px; }
        ul#nav li {float:left;}
            ul#nav li a { font-size: 1.0em; text-decoration: none; color: #9c9c9c; padding: 0 20px;}
            ul#nav li a:hover {color: #424242; text-decoration: underline; }
            ul#nav li.active a { color: #424242; text-decoration:underline;}

        ul#nav2 {clear: both;position: absolute; right:0;top: 80px; height: 38px; line-height: 38px;background: url('../img/nav-bg.jpg') no-repeat right}
        ul#nav2 li {float:left;background: url('../img/nav-sep.jpg') no-repeat right}
            ul#nav2 li a { font-size: 1.0em; text-decoration: none; color: #2e2e2e; display: block; float: left; }
            ul#nav2 li a span {display: block;padding: 0 20px;}
            /* ul#nav2 li { color: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););} */
            ul#nav2 li:hover, ul#nav2 li.hover {background: url('../img/nav-active-bg.jpg') repeat-x;}
            ul#nav2 li:hover a, ul#nav2 li.hover a {color: #fff; text-decoration: none; background: url('../img/nav-active-left.jpg') no-repeat;}
            ul#nav2 li:hover a span, ul#nav2 li.hover a span {background: url('../img/nav-active-right.jpg') no-repeat right;}
            ul#nav2 li.active {background: url('../img/nav-active-bg.jpg') repeat-x;}
            ul#nav2 li.active a {color: #fff; text-decoration: none; background: url('../img/nav-active-left.jpg') no-repeat;}
            ul#nav2 li.active a span {background: url('../img/nav-active-right.jpg') no-repeat right;}
            ul#nav2 li.plus {background: none;width: 43px; height: 38px;}
                ul#nav2 li.plus a {background: none;display: block;position: relative;width: 43px; height: 38px;}
                    ul#nav2 li.plus a span{background: url('../img/nav-plus.jpg') no-repeat; display: block; position: absolute; top: 0; left: 0;cursor: pointer;width: 43px; height: 38px;}
                    ul#nav2 li.plus a:hover span {background-position: 0 -38px;}

   #flash {height: 269px; background: url('../img/shadow.jpg') no-repeat bottom; }

  #container {padding-bottom: 30px;}
  #container .box {padding: 10px 10px 10px 25px;background: url('../img/box-corner.jpg') no-repeat}
  #container .box p{text-align: justify;}
  #container .box ul.vedeli-jste { list-style-image: url('../img/li.jpg'); padding-left: 10px; }
             .box ul.vedeli-jste span img { margin-bottom: 20px; margin-top: 5px; }
    .content {padding: 0 0 20px;float: left;width: 645px;}
        .content p {line-height: 1.5em;padding: 5px 0 20px}
        .content h3 {background: none; padding: 0;color: #db642e;height: auto; line-height: normal;}
        .content h3 a {text-decoration: none;} /* doplneno oproti originalu */
        .content ul.offer {margin: 15px 0;padding-bottom: 10px;}
            .content ul.offer li {padding: 0; background: none;float: left; line-height: 1.2em;width: 144px; height: 46px;margin: 0 11px 10px 0;}
                .content ul.offer li a {background: url('../img/li-ikonky.jpg') no-repeat;height: 39px;display: block; padding: 7px 10px 0 60px;color: #595757; text-decoration: none}
                .content ul.offer li.active a {color: #fff}
                .content ul.offer li.strechy a {background-position: 0 0}
                .content ul.offer li.fasady a {background-position: -157px 0}
                .content ul.offer li.vyskove-prace a {background-position: -314px 0}
                .content ul.offer li.solarni-systemy a {background-position: -471px 0}
                .content ul.offer li.stresni-okna a {background-position: 0 -59px}
                .content ul.offer li.podni-vestavby a {background-position: -157px -59px}
                .content ul.offer li.pudni-schody a {background-position: -314px -59px}
                .content ul.offer li.holubi-zabrany a {background-position: -471px -59px}
                .content ul.offer li.strechy a:hover, .content ul.offer li.strechy.active a {background-position: 0 -118px}
                .content ul.offer li.fasady a:hover, .content ul.offer li.fasady.active a {background-position: -157px -118px}
                .content ul.offer li.vyskove-prace a:hover, .content ul.offer li.vyskove-prace.active a {background-position: -314px -118px}
                .content ul.offer li.solarni-systemy a:hover, .content ul.offer li.solarni-systemy.active a {background-position: -471px -118px}
                .content ul.offer li.stresni-okna a:hover, .content ul.offer li.stresni-okna.active a {background-position: 0 -177px}
                .content ul.offer li.podni-vestavby a:hover, .content ul.offer li.podni-vestavby.active a {background-position: -157px -177px}
                .content ul.offer li.pudni-schody a:hover, .content ul.offer li.pudni-schody.active a {background-position: -314px -177px}
                .content ul.offer li.holubi-zabrany a:hover, .content ul.offer li.holubi-zabrany.active a {background-position: -471px -177px}
            .content ul.offer li.last {margin-right: 0;}
                .content ul.offer li a:hover {text-decoration: none;color: #fff}
                .content ul.offer li.strechy a {padding-top: 15px;height: 31px;}
                .content ul.offer li.fasady a {padding-top: 15px;height: 31px;}
        .content .images {padding: 0;}
            .content .images a img {border: 1px solid #d4d4d4;}
        .content .link {text-align: center; text-decoration: none; font-size: 1.1em;display: block; width: 615px; height: 55px; line-height: 55px;background: url('../img/link.jpg') no-repeat;margin: 10px 0;}
        .content ul li {padding: 7px 0 7px 15px; background: url('../img/li.jpg') no-repeat 0 50%}
        .content .top-border {padding-top: 15px; border-top: 1px solid #cfcfce}
        .content .bottom-border {padding-bottom: 15px; border-bottom: 1px solid #cfcfce}
        .content .aktuality dl {width: 32%;margin: 10px 0}
            .content .aktuality dl dt {display: block; padding: 12px;width: 22px; height: 22px;float: left; margin-right: 5px;background: url('../img/date-bg.jpg') no-repeat; font-size: 0.8em;color: #000}
            .content .aktuality dl dd {display: block; width: 135px; float: left;line-height: 1.4em}
        .content .aktuality a.more {clear: both;display: block; padding: 5px 15px 5px 0; text-align: right; background: url('../img/arrow.gif') no-repeat 100% 55%}
        .reference {padding: 10px 0}
            .reference li {float: left;background: #fff;width: 270px;line-height: 1.4em;position: relative;margin-right: 19px}
                .reference li img {float: left; margin-right: 5px;}
                .reference li div { position: absolute;top:3px;left: 96px; }
                .reference li h3 {display: block;margin: 0; background: none; height: auto; line-height: normal;padding: 5px 0 0 0;font-size: 1.2em;font-weight: normal;}
                .reference li a.category {display: block;font-size: 0.8em; color: #da5f2c; text-decoration: underline;}
                .reference li a.category:hover {color: #888}
                .reference li p {font-size: 0.9em;padding-right: 25px;}
                .reference li a.arrow {display: block; position: absolute; right: 15px; top: 32px;width: 15px;height: 22px;}
                    .reference li a.arrow span {display: block; position: absolute; top: 0; left: 0; cursor: pointer; width: 15px; height: 22px; background: url('../img/reference-arrow.jpg') no-repeat;}
                    .reference li a.arrow:hover span {background-position: 0 -23px;}
                .reference li.more {width: 86px; height: 85px;margin: 0; float: right;}
                .reference li.more a {display: block; width: 86px; height: 85px; position: relative}
                    .reference li.more a span {display: block;width: 86px; height: 85px;cursor: pointer; position: absolute; top: 0; left: 0; background: url('../img/reference-more.jpg') no-repeat}
                    .reference li.more a:hover span {background-position: 0 -85px;}
        .content .tab {display: none}
        .content #tab-strechy {background: url('../img/bg-strechy.jpg') no-repeat 100% 100%} /* původně bylo zarovnání od Tomáše na 100% 50% u všech #tab-xy*/
        .content #tab-fasady {background: url('../img/bg-fasady.jpg') no-repeat 100% 100%}
        .content #tab-vyskove-prace {background: url('../img/bg-vyskove-prace.jpg') no-repeat 100% 100%}
        .content #tab-solarni-systemy {background: url('../img/bg-solarni-systemy.jpg') no-repeat 100% 100%}
        .content #tab-stresni-okna {background: url('../img/bg-stresni-okna.jpg') no-repeat 100% 100%}
        .content #tab-podni-vestavby {background: url('../img/bg-podni-vestavby.jpg') no-repeat 100% 100%}
        .content #tab-pudni-schody {background: url('../img/bg-pudni-schody.jpg') no-repeat 100% 100%}
        .content #tab-holubi-zabrany {background: url('../img/bg-holubi-zabrany.jpg') no-repeat 100% 100%;}

    .panel.right {float: right;width: 300px;}
        .panel.right .tel {margin-bottom: 20px}
        .panel.right .tel fieldset {background: #5f6061 url('../img/tel-form-bg.jpg') repeat-x;padding: 10px;}
            .panel.right .tel fieldset .text {float: left; margin-right: 10px;padding: 7px;width: 177px;color: #686868; font-size: 0.9em;border: 1px solid #353535;border-right-color: #cccccc;border-bottom-color: #cccccc;}
        .panel.right p {line-height: 1.4em;padding-bottom: 10px;position: relative;}
        .panel.right a.nabizime {display: block;width: 159px; height: 51px;position: relative;left: -25px; background: url('../img/a-nabizime.gif') no-repeat;text-decoration: none;color: #fff}
            .panel.right a.nabizime span {position: relative; left: 15px; top: 27px;cursor: pointer;}
        .panel.right a.nabizime:hover {background-position: 0 -51px;}
        .panel.right a.certifikat {width: 215px; height: 43px; line-height: 32px;margin:5px 0 0; padding-left: 31px;display: block;text-decoration: none; background: url('../img/a-certifikat.jpg') no-repeat}
        .panel.right .rekli-o-nas {font-style: italic;} /* doplneno oproti originalu */

  	/* footer ----------------------------------------------------------------- */
  	.footer { clear:both;height: 73px;color: #686868;margin-top: 10px;font-size: 0.9em;}
        .footer a {color: #686868;}




hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
.bold {font-weight: bold;}
.center {text-align: center;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#kvalitni-firma { width: 120px; height: 120px; margin-top: 5px; margin-left: 80px; margin-bottom: 35px; }
.boximg { clear: both; margin-top: 10px; margin-bottom: 10px; margin-left: 55px; }
#spolupracujeme { margin-left: 0px; }
#spolupracujeme td { border: 5px solid #ccc; margin: 2px; width: 70px; height: 27px; }
  #spolupracujeme #roto { background: url('../img/spolupracujeme/baumit.jpg') no-repeat left; }
    #spolupracujeme #roto:hover { background-position: right; }
  #spolupracujeme #velux { background: url('../img/spolupracujeme/velux.jpg') no-repeat left; }
    #spolupracujeme #velux:hover { background-position: right; }
  #spolupracujeme #baumit { background: url('../img/spolupracujeme/roto.jpg') no-repeat left; }
    #spolupracujeme #baumit:hover { background-position: right; }
  #spolupracujeme #tondach { background: url('../img/spolupracujeme/tondach.jpg') no-repeat left; }
    #spolupracujeme #tondach:hover { background-position: right; }
  #spolupracujeme #bramac { background: url('../img/spolupracujeme/bramac.jpg') no-repeat left; }
    #spolupracujeme #bramac:hover { background-position: right; }
  #spolupracujeme #cembrit { background: url('../img/spolupracujeme/cembrit.jpg') no-repeat left; }
    #spolupracujeme #cembrit:hover { background-position: right; }
  #spolupracujeme #dorken { background: url('../img/spolupracujeme/dorken.jpg') no-repeat left; }
    #spolupracujeme #dorken:hover { background-position: right; }
  #spolupracujeme #kraupner { background: url('../img/spolupracujeme/kraupner.jpg') no-repeat left; }
    #spolupracujeme #kraupner:hover { background-position: right; }
  #spolupracujeme #hoco { background: url('../img/spolupracujeme/hoco.jpg') no-repeat left; }
    #spolupracujeme #hoco:hover { background-position: right; }
  #spolupracujeme #proplast { background: url('../img/spolupracujeme/proplast.jpg') no-repeat left; }
    #spolupracujeme #proplast:hover { background-position: right; }
  #spolupracujeme #wippro { background: url('../img/spolupracujeme/wippro.jpg') no-repeat left; }
    #spolupracujeme #wippro:hover { background-position: right; }
    
.tucne-li li { font-weight: bold; margin-top: 15px; }
.odsazeni-prvniho-radku { text-indent: 2em; }

ul ul { margin-left: 25px; }
.obsah-seznam td { vertical-align: top; text-align: justify; }
.obsah-seznam td img { border: 4px solid #ccc; margin-right: 25px; }

#validator p { float: left; margin: 10px; }

#sportoczPartner {  }
  #sportoczPartner p { font-size: x-small; }

#ref-random-box { width: 380px; border-bottom: 1px solid #ccc; margin-bottom: 25px; float: left; }
#ref-topfive-box { width: 200px; float: right; }
.bg-rand-box { background-color: #ccc; width: 380px; text-align: center; }
  .bg-rand-box img { padding-left: 2px; padding-right: 2px; padding-top: 2px; }
  .bg-rand-box h4 { margin-top: 3px; margin-bottom: 2px; }

.countryradio { background: url('../img/crlogo.gif') no-repeat top right; min-height: 90px; }

.vybrana-refe-foto { list-style-type: none; }
  .vybrana-refe-foto li { width: 30%; text-align: center; float: left; list-style-type: none; }
  
.odsadit { clear: both; }

/* index slideshow, copy sportocz */
#slideshow {
  width: 989px;
  height: 269px;
  background: url('../img/shadow.jpg') no-repeat bottom;
  text-align: center;
}

/* menu - co-nabizime */
.box ul.menu-dva-sloupce {  }
    .box ul.menu-dva-sloupce li { width: 250px; float: left; }

.tabulka { padding: 10px; margin: 10px; }

table tr td { vertical-align: top; }
table tr td textarea.big {  }

#kvalitni-firma-logo { width: 120px; height: 100px; position: absolute; top: 7px; left: 285px; background: url('../img/kvalitni-firma-anesta.png') no-repeat bottom left; }