/* ----------------------------------------------------------------------------------------------------------

    Autor:
        Král (www.jindra.cz)
    Aktualizace:
        2009-10-28, 18:23 GMT+1
    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

---------------------------------------------------------------------------------------------------------- */

body {padding: 10px; background:#dcdddf; color:#000; font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
HTML tagy
---------------------------------------------------------------------------------------------------------- */

#content h1 {margin:0; font:bold 160%/1.4 "arial",sans-serif; letter-spacing:-1px; color:#DF1409;}
#content h2 {margin:15px 0 0 0; padding-bottom:3px; font:normal 125%/1.4 "arial",sans-serif; color:#0072bc;}
#content h2 a { color:#fff;}
#content h3 {margin:15px 0; font:normal 105%/1.4 "arial",sans-serif; color:#145DA7;}
#content h4, #content h5 {margin:15px 0; font:bold 120%/1.4 "arial",sans-serif;}
#content p {margin-top:0;}
#content p.height {display:inline;padding:2px 5px;background:#DF1409; color:white;}
#content table.table-01 {margin:15px 0; border-collapse:collapse; border:1px solid #B5C9DA;}
#content table.table-01 th {padding:9px 5px; border:1px solid #B5C9DA; border-bottom:3px solid #B5C9DA; text-align:center; color:#000; font-weight:bold;}
#content table.table-01 td {padding:7px; border:1px solid #B5C9DA; background:url("../design/td.gif") 0 0 no-repeat; vertical-align:middle;}
#content table.table-01 tr.odd td {background-color:#EEF3F6;}
#content ul.ul-01 {margin:15px 0 15px 30px;}
#content ul.ul-01 li {padding-left:17px; background:url("../design/ul-02.gif") 0 7px no-repeat; font-size:120%; font-weight:bold;}
#content ul.ul-01 ul {margin:0;}
#content ul.ul-01 ul li {padding-left:17px; background:url("../design/ul-03.gif") 0 5px no-repeat; font-weight:normal; font-size:80%;}
#content ul.ul-01 ul li li {font-size:100%;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:966px; margin:0 auto; background:#fff; border: 1px solid #ccc;}
#header {position:relative; width:966px; height:137px; overflow:hidden;}
#header #logo {position:relative; width:169px; height:54px; overflow:hidden; margin:30px 0 14px 52px; padding:0; font-size:200%;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
#header #search {position:absolute; top:30px; right:37px; margin:0;}
#header #search p {position:relative; overflow:hidden; margin:0; padding:10px;}
#header #search p span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/slogan.gif") 0 0 no-repeat;}
#header #nav {position:absolute; bottom:0; left:37px; width:892px; margin:0; background:url("../design/nav.gif") 0 0 no-repeat;}
#header #nav li {display:inline;}
#header #nav li a {display:block; float:left; position:relative; height:35px; overflow:hidden; margin:0; padding:0;}
#header #nav li a span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0;}

#header #nav li span {display:block; float:left; position:relative; height:35px; overflow:hidden; margin:0; padding:0;}
#header #nav li span span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0;}

#header #nav li a#active span {background-position:0 -35px !important;}
#header #nav li a:hover span {background-position:0 -70px !important;}
#header #nav li#nav-01 a {width:150px;}
#header #nav li#nav-01 span {width:150px;}
#header #nav li#nav-01 a span, #header #nav li#nav-01 a:hover span, #header #nav li#nav-01 a#active span {background:url("../design/nav-01.gif") 0 0 no-repeat !important;;}
#header #nav li#nav-01 span span, #header #nav li#nav-01 a:hover span, #header #nav li#nav-01 a#active span {background:url("../design/nav-01.gif") 0 0 no-repeat !important;;}
#header #nav li#nav-02 a {width:73px;}
#header #nav li#nav-02 a span {background:url("../design/nav-02.gif") 0 0 no-repeat;}
#header #nav li#nav-03 a {width:63px;}
#header #nav li#nav-03 a span {background:url("../design/nav-03.gif") 0 0 no-repeat;}
#header #nav li#nav-04 a {width:79px;}
#header #nav li#nav-04 a span {background:url("../design/nav-04.gif") 0 0 no-repeat;}
#header #nav li#nav-05 a {width:62px;}
#header #nav li#nav-05 a span {background:url("../design/nav-05.gif") 0 0 no-repeat;}
#header #nav li#nav-06 a {width:90px;}
#header #nav li#nav-06 a span {background:url("../design/nav-06.gif") 0 0 no-repeat;}
#header #nav li#nav-07 a {width:77px;}
#header #nav li#nav-07 a span {background:url("../design/nav-07.gif") 0 0 no-repeat;}
#promo { width:890px; height: 177px; margin:10px 37px; border: 1px solid #d8dbdd; background:url("../design/promo3.jpg") 0 0 no-repeat;}
#promo .il1 { background:url("../design/promo.jpg") 0 0 no-repeat;}
#promo .il2 { background:url("../design/promo2.jpg") 0 0 no-repeat;}
#promo .il3 { background:url("../design/promo3.jpg") 0 0 no-repeat;}
#news .photo { float: left; width: 150px;}
#news .info { float: right; width:431px;}
#news h2 { margin:5px 0; padding: 2px 10px;color: #fff; font-size: 120%;}
#news h2.blue {background:url("../design/news-item-01.gif") 0 0 no-repeat #000;}
#news h2.red {background:url("../design/news-item-02.gif") 0 0 no-repeat #000;}
#news p.anotation { padding:5px; background:#e3eefb;}
#panel { padding:2px 0; background:#e3eefb;text-align:center;min-height:550px;margin-bottom: 10px; }
#panel h2 {margin:0;background:url('../design/left-headline.gif') #000;color: #fff;font-size:120%;padding:2px}
#panel strong { color:#0072bc}



#promo2 {height:200px}

#cols {margin: 0 37px;}
#content {position:relative; float:right; width:644px;}
#content-in {padding:10px 20px }


#aside {float:left; width:215px; overflow:hidden; color:#555;}
#aside img {margin:0; padding:20px;padding-bottom:5px;}
#aside ul {margin:0 0 0 25px; padding:0;}
#aside ul ul {margin:0; padding:0;}
#aside ul li a {display:block; padding:5px; border-bottom:1px solid #e6e8e9}
#aside ul li a.link-01a {padding-left:20px; background:url('../sortiment/nav-01b.gif') no-repeat left; color:#000;}
#aside ul li a.link-01b {padding-left:20px; background:url('../sortiment/nav-01a.gif') no-repeat left; color:#000;}
#aside ul li a.link-02a {padding-left:20px; background:url('../sortiment/nav-02b.gif') no-repeat left; color:#000;}
#aside ul li a.link-02b {padding-left:20px; background:url('../sortiment/nav-02a.gif') no-repeat left; color:#000;}
#aside ul li a.link-03a {padding-left:20px; background:url('../sortiment/nav-03b.gif') no-repeat left; color:#000;}
#aside ul li a.link-03b {padding-left:20px; background:url('../sortiment/nav-03a.gif') no-repeat left; color:#000;}
#aside ul li a.link-04a {padding-left:20px; background:url('../sortiment/nav-04b.gif') no-repeat left; color:#000;}
#aside ul li a.link-04b {padding-left:20px; background:url('../sortiment/nav-04a.gif') no-repeat left; color:#000;}
#aside ul li a.link-05a {padding-left:20px; background:url('../sortiment/nav-05b.gif') no-repeat left; color:#000;}
#aside ul li a.link-05b {padding-left:20px; background:url('../sortiment/nav-05a.gif') no-repeat left; color:#000;}
#aside ul li a.link-06a {padding-left:20px; background:url('../sortiment/nav-06b.gif') no-repeat left; color:#000;}
#aside ul li a.link-06b {padding-left:20px; background:url('../sortiment/nav-06a.gif') no-repeat left; color:#000;}
#aside ul li ul {font-size:86%;}
#aside ul li li a {padding-left:20px;color:#000;text-decoration:none;}


#footer {clear:both; margin: 0 37px; padding: 15px 5px; padding-bottom: 40px; border-top:1px solid #ddd;font-size:86%;}
#footer p {margin:0;}
#footer a {color:#000;}
#footer a:hover {color:#555;}

/* ----------------------------------------------------------------------------------------------------------
Portlet: Formulář
---------------------------------------------------------------------------------------------------------- */

input, textarea, select {padding:3px; font:100%/1.5 "arial",sans-serif;}
#content .input {padding:4px; background:#fff;}
form table th {text-align:right; padding-right:10px;}
form table td {padding:2px 0;}
.submit-01 {border:1px solid #DC1409; padding:4px 5px; background:#ed1b24; color:#fff; font-weight:bold; text-decoration:none;}
.input {padding:3px; border:1px solid #aaa; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.btn-01, a:hover.btn-01 {border:1px solid #DC1409; padding:5px 6px; background:#DC1409 url("../design/submit-02.gif") 0 100% repeat-x; color:#fff !important; font-weight:bold; text-decoration:none;}

/* =============================================================================
Portlet: Lightbox
============================================================================= */


#facebox table { width: auto; border: 0; }
#facebox table th { border: 0 }
#facebox table td { border: 0 }

#facebox .b{background:url(/design/facebox-b.png);}
#facebox .tl{background:url(/design/facebox-tl.png);}
#facebox .tr{background:url(/design/facebox-tr.png);}
#facebox .bl{background:url(/design/facebox-bl.png);}
#facebox .br{background:url(/design/facebox-br.png);}
#facebox{position:absolute;  top:0;  left:0;  z-index:100;  text-align:left;}
#facebox .popup{position:relative;}
#facebox table{border-collapse:collapse;}
#facebox td{border-bottom:0;  padding:0;}
#facebox .body{padding:10px;  background:#fff;  width:370px;}
#facebox .loading{text-align:center;}
#facebox .image{text-align:center;}
#facebox img{border:0;  margin:0;}
#facebox .footer{padding-bottom:5px;  margin-top:0;  text-align:right;}
#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;  width:10px;  overflow:hidden;  padding:0;}
#facebox_overlay{position:fixed;  top:0px;  left:0px;  height:100%;  width:100%;}
.facebox_hide{z-index:-100;}
.facebox_overlayBG{background-color:#000;  z-index:99;}
* html #facebox_overlay{position:absolute;  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');}

#opaque {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    background-color: black;
    filter: alpha(opacity=40);
    opacity: 0.4;
}