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

    Autor:
        Nuvio (www.nuvio.cz)
    Aktualizace:
        2009-01-01, 00:00 GMT+1
    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

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

body {padding-bottom:50px; background:#fff; color:#111; 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;}
a {color:#1e3f6b;}
a:hover, a:active, a:focus {color:#ad2e1a !important;}
h1 {margin:0; padding:7px 20px; background:#AD2E1B; font-size:260%; font-weight:normal; color:#fff;}
h2 {border-bottom:1px dotted #cfcfcf; font-size:160%; font-weight:normal; color:#1E3F6B;}
h3 {font-size:120%; font-weight:bold; color:#1E3F6B;}

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

.center {position:relative; width:960px; margin:0 auto;}
#header {height:120px; background:#1e3f6b url("../design/header.gif") 50% 0 repeat-y; overflow:hidden;}
#header .center {background:#1e3f6b;}
#header #logo {position:relative; width:640px; height:120px; overflow:hidden; margin:0; padding:0; font-size:240%;}
#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 #logo a {color:#fff !important;}
#header #slogan {position:absolute; top:0; right:0;}
#header #slogan h3 {position:relative; width:320px; height:120px; overflow:hidden; margin:0; padding:0; font-size:140%; color:#fff;}
#header #slogan h3 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 #slogan h3 span #bteshop {float:right; margin-top:35px; margin-right:60px;}
#header #flags {width:32px; position:absolute; top:10px; right:-32px;}
#header #flags img {width:30px; height:18px; display:block; margin:10px 0; border: 1px solid #CFCFCF;}

#tray {padding:15px 20px;}
#tray #nav {margin:0;}
#tray #nav span {margin:0 4px; color:#cfcfcf;}
#tray #nav #active {font-weight:bold; color:#AD2E1B; text-decoration:none;}
#footer {background:url("../design/footer.gif") 50% 0 repeat-y;}
#footer .center {background:url("../design/footer-in.gif") 0 0 repeat-y;}
#footer p {margin:0; padding:20px;}
#footer p.f-left {color:#fff;}
#footer p.f-left a {color:#fff;}
#footer p.f-right {font-size:85%; color:#7f7f7f;}
#footer p.f-right a {color:#7f7f7f;}

/* ----------------------------------------------------------------------------------------------------------
Úvod
---------------------------------------------------------------------------------------------------------- */

#cols3 {margin:20px 0;}
#cols3 .center {background:url("../design/cols3.gif") 0 0 repeat-y;}
#cols3 .center .col {float:left; width:280px; padding:0 20px;}
#cols3 .center .col ul {margin:20px 0;}
#cols3 .center .col ul li {padding-left:15px; background:url("../design/ul-01.gif") 0 9px no-repeat;}
#cols3 .hx {position:relative; width:280px; height:36px; overflow:hidden; margin:0; padding:0;}
#cols3 .hx span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0;}
#cols3 .hx-01 span {background:url("../design/hx-01.gif") 0 0 no-repeat;}
#cols3 .hx-02 span {background:url("../design/hx-02.gif") 0 0 no-repeat;}
#cols3 .hx-03 span {background:url("../design/hx-03.gif") 0 0 no-repeat;}
#cols3 .hx-04 span {background:url("../design/hx-04.gif") 0 0 no-repeat;}
#serien .center {width:925px; margin-top:20px; border:1px solid #cfcfcf; padding:15px; font-size:120%;}
#serien .center p {margin:0;}
#serien .center strong {color:#ad2e1a;}
#serien .center span {margin:0 3px; color:#ccc;}

#aktualitaten .center {width:925px; margin:20px auto; border:1px solid #cfcfcf; padding:15px; font-size:13px;}
#aktualitaten .center h3 {font-size:13px; margin:0; float:left; padding-right:0.5em;}
#aktualitaten .center p {margin:0 0 5px 0;}
#aktualitaten .center strong {color:#ad2e1a;}
#aktualitaten #aktuality {width:820px; float:left;}
#aktualitystop {float:right; margin-top:0.5em;}


/* ----------------------------------------------------------------------------------------------------------
Detail produktu
---------------------------------------------------------------------------------------------------------- */

#cols2 {margin:20px 0;}
#cols2 .center {background:url("../design/cols2.gif") 639px 0 repeat-y;}
#cols2 .center .col-left {float:left; width:620px; padding:0 20px 0 0;}
#cols2 .center .col-left ul {margin:20px 0;}
#cols2 .center .col-left ul li {padding-left:20px; background:url("../design/ul-01.gif") 5px 9px no-repeat;}
#cols2 .center .col-left ul.previews {margin:20px 0; width:620px; overflow:hidden;}
#cols2 .center .col-left ul.previews li {display:block; float:left; padding:5px 5px 5px 0; background:none; text-align:center;}
#cols2 .center .col-left ul.previews li.last {padding-right:0;}
#cols2 .center .col-left ul.previews2 {margin:20px 0; width:620px; overflow:hidden;}
#cols2 .center .col-left ul.previews2 li {display:block; float:left; padding:5px 5px 5px 0; background:none; text-align:center;}
#cols2 .center .col-left ul.previews2 li img {border:5px solid #dfdfdf;}
#cols2 .center .col-left ul.previews2 li:hover img {border:5px solid #cfcfcf;}
#cols2 .center .col-left ul.previews2 li.last {padding-right:0;}
#cols2 .center .col-right {float:right; width:280px; padding:0 20px; background:url("../design/cols2.gif") 100% 0 repeat-y;}
#cols2 .center .col-right .series {margin:0;}
#cols2 .center .col-right .series li {display:block; clear:both; padding:7px 0 7px 7px; border-bottom:1px solid #cfcfcf; font-size:140%;}
#cols2 .center .col-right .series li.last {padding-bottom:0; border:0;}
#cols2 .center .col-right .series li img {float:left; border:5px solid #dfdfdf;}
#cols2 .center .col-right .series li a.series-name {float:left; display:block; padding:15px 0 0 15px;}
#cols2 .center .col-right .series li:hover a {color:#ad2e1a;}
#cols2 .center .col-right .series li:hover img {border:5px solid #cfcfcf;}
#cols2 .center .col-right .series li.active {background:#dfdfdf;}
#cols2 .center .col-right .series li.active a.series-name {color:#000; text-decoration:none;}
#cols2 .center .col-right .series li.active img {border:5px solid #fff;}

/* ----------------------------------------------------------------------------------------------------------
Rozcestník
---------------------------------------------------------------------------------------------------------- */

#col1 .center {width:920px; padding:20px 0;}
#col1 .series {margin:0;}
#col1 .series li {display:block; float:left; width:305px; padding:7px 0; border-bottom:1px solid #cfcfcf; font-size:140%;}
#col1 .series li.bottom {padding-bottom:0; border:0;}
#col1 .series li img {float:left; border:5px solid #dfdfdf;}
#col1 .series li a.series-name {float:left; display:block; padding:15px 0 0 15px;}
#col1 .series li:hover a {color:#ad2e1a;}
#col1 .series li:hover img {border:5px solid #cfcfcf;}
#col1 .grid {background:url("../design/grid.gif") 0 0 repeat-y;}
#col1 .grid.single-line li {padding-top:0;}
#perex {background:#cfcfcf;}
#perex .center {width:920px; padding:20px; font-size:120%;}
#perex p {margin:0;}

#col1 .center ul.previews {margin:20px 0; width:620px; overflow:hidden;}
#col1 .center ul.previews li {display:block; float:left; padding:5px 5px 5px 0; background:none; text-align:center;}
#col1 .center ul.previews li.last {padding-right:0;}

/* ----------------------------------------------------------------------------------------------------------
Portlet: Slider
---------------------------------------------------------------------------------------------------------- */

#slider .center {position:relative;}
#slider {height:275px; background:url("../design/slider.gif") 0 0 repeat-x;}
#slider p {margin:0;}
#slider #slider-640 {float:left; width:640px; height:275px; overflow:hidden;}
#slider #slider-320 {float:left; width:320px; height:275px; overflow:hidden;}
#slider #slides {margin:0; list-style:none;}
#slider #slides li {display:block; width:960px; height:275px; overflow:hidden;}
#slider #slides li img {display:block; float:left; width:320px; height:275px;}
#slider ul#pagination {position:absolute; top:-30px; right:15px; list-style:none; padding:0; margin:0;}
#slider ul#pagination li {display:block; float:left; width:15px; height:15px; background:url("../design/pagination.gif") 50% 50% no-repeat; cursor:pointer;}
#slider ul#pagination li#button_selected {background:url("../design/pagination-active.gif") 50% 50% no-repeat;}

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

table {border:2px solid #cfcfcf; border-collapse:collapse;}
table th {text-align:center; font-weight:bold; color:#ad2e1a;}
table th, table td {padding:5px 10px; border:1px solid #dfdfdf;}

/* ----------------------------------------------------------------------------------------------------------
Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

.smaller {font:85%/1.4 "tahoma",sans-serif;}
.low {color:#7f7f7f;}
.pdf {padding-left:19px; background:url("../design/ico-pdf.gif") 0 50% no-repeat;}
.eq {padding-left:15px; background:url("../design/ul-01.gif") 0 9px no-repeat;}

ul.odrazky {margin:20px 0;}
ul.odrazky li {padding-left:20px; background:url("../design/ul-01.gif") 5px 9px no-repeat;}

/* vyber dokeru */
#cols2 #colorsel {height:360px; overflow:hidden;}
#cols2 #colorsel #largeimg {float:right; width:430px; border:1px solid #CFCFCF;}
#cols2 #colorsel #largeimgtextbg, #cols2 #colorsel #largeimgtext {
	float:right; width:432px; position:relative;
}
#cols2 #colorsel #selected {font-size:150%;}
#cols2 #colorsel #largeimgtextbg {top:-200px; background-color:black;  height:90px; opacity:0.5; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
#cols2 #colorsel #largeimgtext {top:-275px; font-size:160%; color:white; text-align:center;}
#cols2 #colorsel ul {float:left; width:180px; background-image:none; list-style-type:none; margin:0;}
#cols2 #colorsel ul li {display:block; width:40px; height:60px; float:left; border:1px solid #CFCFCF; padding:5px; margin:0 6px 6px 0; cursor:pointer; font-size:11px; line-height:25px;}
#cols2 #colorsel ul li img {display:block;}
#cols2 #colorsel ul li.active {border:5px solid #AD2E1B; padding:1px;}