﻿@charset "utf-8";
/* CSS Document */

html {
direction:ltr;
}

body {
left:0;
top:0;
margin:0;
padding:0;
font:normal 0.72em/1.4em Arial, Verdana, Tahoma, Georgia, sans-serif;
color:#666;
background:#fff;
}

a[href] {
text-decoration:underline;
}

a:link {
color:#098fb3;
}

a:visited {
color:#098fb3;
}

a:active {
color:#333;
}

a:hover {
color:#333;
}

:focus {
outline:invert dotted thin;
}

div, dl, form {
display:block;
border:0;
margin:0;
padding:0;
}

em {
font-style:normal;
}

h1 {
margin:0;
padding:0;
}

h1 a, h1 a:hover {
display:block;
width:960px;
height:183px;
margin:0 auto;
background:url(../Images/bckg-logo.jpg) no-repeat;
}

h2, h3, h4, h5, h6 {
margin:1.2em 0 0 0;
padding:0;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
/* display:none; */
position:absolute;
left: -1000px;
}

h2 {
font-size:1.76em;
}

h3 {
font-size:1.36em;
}

input, textarea {
font-size:1em;
background:#fff;
}

legend {
color:#666;
font-weight:bold;
}

li {
list-style-type: none;
margin:0;
padding:0;
}

ul, ol {
border:0;
margin:0;
padding:0;
list-style-type:none;
}

/* Search - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#search {
width:960px;
margin:10px auto 0 auto;
padding:20px 0 0 0;
background:url(../Images/bckg-search.gif) bottom left no-repeat;
}

#search div {
width:946px;
text-align:right;
padding:0 0 6px 0;
}

#search .input-text {
border:#999 1px solid;
background:#eee;
padding:2px 0;
width:112px;
}

/* Navigation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#navigation {
background:#098fb3;
width:958px;
margin:0 auto;
padding:.21em 0;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
}

#navigation ul {
display:block;
list-style-type:none;
margin:0;
margin-left:234px;
padding:0;
}

#navigation ul li {
display:block;
list-style-type:none;
margin:0;
padding:0;
float:left;
}

#navigation ul a {
display:block;
text-align:center;
border-right:1px solid #fff;
color:#666;
text-decoration:none;
padding:.2em .76em;
text-transform:uppercase;
}

#navigation ul a.activelink, #navigation ul a:hover.activelink, #navigation ul a:active.activelink, #navigation ul span {
color:#fff;
}

#navigation ul a.first {
padding-left:0;
}

#navigation ul a.last {
border:none;
}

/* Submenu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#submenu a, #submenu span { 
display:block;
width:190px;
height:100%;
border-left:1px solid #ccc; 
border-bottom:1px solid #e4e4e4; /* linky */
padding:.36em 0 .36em 9px;
}

#submenu a { /* vše krom aktivního řádku <span> */
text-decoration:none;
}

#submenu ul a {
background:#666;
color:#eee;
text-transform:uppercase;
}

#submenu ul a:hover {
background:#098fb3;
color:#fff;
}

#submenu ul ul a:hover {
background:#0cbfee;
color:#fff;
}

#submenu ul ul a, #submenu ul ul span {
width:191px;
padding-left:9px;
background:#eee;
color:#666;
text-transform:none;
}

#submenu ul li a.activeLink { /* rootová aktivní kategorie  */
background:#666; 
color:#fff;
}

#submenu ul li ul a.activeLink { /* aktivní subkategorie  */
background:#D9EEF3; 
color:#666;
}

/* Partners - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#partners ul {
width:88px;
margin:20px auto 0 auto;
padding:0;
}

#partners ul li {
display:block;
width:88px;
height:31px;
margin:0 auto 3px 0;
padding:0;
font-size:0;
}

#partners ul li img {
border:0;
margin:0;
}

/* Main - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main {
width:960px;
margin:0 auto;
background:transparent url(../Images/bckg-main.gif) repeat-y;
}

#main #A {
width:200px;
float:left;
}

#main #B {
width:713px;
float:right;
padding:10px 0;
margin:0 13px 0 0;
}

#breadCumbNavigation {
background:#eee;
padding:3px 0;
}

#breadCumbNavigation p {
margin:0 3px;
}

/* article */
#article {
width:711px;
margin:1.2em 0 10px 0;
background:#efefef;
border:#999 1px solid;
}

#article img {
float:left;
margin:0 10px 0 0;
border:0;
}

#article h3 {
margin:1.2em 10px 0 10px;
}

#article p {
margin:1.2em 10px 0 10px;
text-align:justify;
}

/* katalogový výpis */
.row1 {
width:713px;
margin:0 0 10px 0;
background:#fff url(../Images/bckg-row1.gif) repeat-y;
}

.row2 {
width:713px;
margin:0 0 10px 0;
background:#fff url(../Images/bckg-row2.gif) repeat-y;
}

.row3 {
width:713px;
margin:0 0 10px 0;
background:#fff url(../Images/bckg-row3.gif) repeat-y;
}

.row1 .borderTop {
background:transparent url(../Images/bckg-borderTop1.gif) top no-repeat;
}

.row2 .borderTop {
background:transparent url(../Images/bckg-borderTop2.gif) top no-repeat;
}

.row3 .borderTop {
background:transparent url(../Images/bckg-borderTop.gif) top no-repeat;
}

.row1 .borderBottom {
background:transparent url(../Images/bckg-borderBottom1.gif) bottom no-repeat;
}

.row2 .borderBottom {
background:transparent url(../Images/bckg-borderBottom2.gif) bottom no-repeat;
}

.row3 .borderBottom {
background:transparent url(../Images/bckg-borderBottom.gif) bottom no-repeat;
}

.row1 h3, .row2 h3, .row3 h3 {
text-align:center;
font-size:1em;
padding:0 0 5px 0;
}

.row1 img, .row2 img, .row3 img {
border:0;
}

p.annotation {
text-align:center;
line-height:1.46em;
width:220px;
margin:0;
}

p.price {
text-align:center;
margin:0 10px 1.2em 10px;
line-height:2em;
}

p.price strong {
color:#f23f22;
}

p.price .priceOld {
text-decoration:line-through;
color:#999;
}

p.price .priceNew {
background:#f58a35;
padding:3px;
}

p.price .priceNew strong {
color:#fff;
}

.product1 {
width:230px;
float:left;
text-align:center;
}

.product2 {
width:230px;
float:left;
margin-left:11px;
text-align:center;
}

.product3 {
width:230px;
float:left;
margin-left:11px;
text-align:center;
}

/* Paging - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#paging {
text-align:center;
margin:0;
padding:20px 0;
}

#paging a {
text-decoration:none;
}

.a-paging { 
_width:12em;
margin:0; 
padding:0.1em 0; 
_padding:0;
border:1px solid #ccc;
white-space:nowrap;
text-decoration:none;
vertical-align:middle;
background:#fff;
}

.a-paging span {
_width:1em; 
_cursor:hand;
font-style:normal;
margin:0; 
padding:0.1em 0.5em;
color:#666;
}

.a-paging:hover span {
background:#0cbfee;
color:#fff;
text-decoration:none;
}

span.a-pagingActive { 
_width:12em;
margin:0 0; 
padding:0.1em 0; 
_padding:0;
border:1px solid #ccc;
white-space:nowrap;
text-decoration:none;
vertical-align:middle;
background:#CEF2FC;
}

span.a-pagingActive span {
_width:1em; 
font-style:normal;
margin:0; 
padding:0.1em 0.5em;
color:#999;
}

/* Search - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#detailOfProduct {
width:713px;
margin:10px 0 0 0;
}

#detailOfProduct .A {
width:250px;
float:left;
}

#detailOfProduct .B {
width:450px;
float:right;
}

#detailOfProduct .A div {
width:250px;
background:#fff;
}

#detailOfProduct .A img {
border:0;
}

#detailOfProduct .B p {
text-align:justify;
}

#detailOfProduct .B fieldset {
background:#fff;
padding:10px;
}

#detailOfProduct .B fieldset legend {
background:#666;
color:#fff;
}

#detailOfProduct .B fieldset p {
margin:0;
padding:10px 0;
}

#recommendToFriend {
width:713px;
margin:10px 0 0 0;
}

#recommendToFriend .input-text {
width:121px;
}

#recommendToFriend .input-button {
border:none;
background:#999;
color:#fff;
text-transform:none;
padding:2px 0;
}

/* Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {
background:#098fb3;
width:958px;
margin:0 auto .5em auto;
padding:.21em 0;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
color:#fff;
clear:both;
}

#copyright {
float:left;	
margin:0 .6em;
padding:0;
}

#footer ul {
margin:0;
}

#footer li {
display:inline;
border-left:1px solid #fff;
padding:0 .6em 0 .8em;
}

#footer a, #footer a:visited {
color:#fff;
}

#footer a:hover, #footer a:active, #footer a:focus {
color:#fff;
}

#additionlinks {
float:left;
}

/* Extras - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
br.clear-both { 
font:0px/0px sans-serif;
clear:both
}

.input-button, .input-buttonMain, .pageButton input, .input-buttonRed {
border:none;
background:#0cbfee url(../Images/bckg-input_button.jpg) bottom left repeat-x;
color:#fff;
text-transform:uppercase;
padding:2px 0;
}

.input-buttonRed {
background:#f23f22 url(../Images/bckg-input_buttonRed.jpg) bottom left repeat-x;;
}

.input-buttonMain {
font-weight:bold;
}

.input-checkBox, .input-image, .input-password, .input-radio, .input-text  {
background:#fff;
}

/* inline tlačítka */
.inlineButton { 
text-decoration:none;
white-space:nowrap;
}

.inlineButton strong, .inlineButton em {
background-repeat:repeat-x;
background-position:top;
}

.inlineButton:hover strong, .inlineButton:hover em {
background-image:none;
}

.inlineButton strong {
padding:.2em 1em;
=padding:.3em 1em;
font-weight:bold;
text-decoration:none;
}

.inlineButton em {
padding:.2em .5em;
=padding:.3em .5em;
}

.inlineButton em span {
padding-right:.4em;
background-repeat:no-repeat;
background-position:center;
}

.inlineButtonType1 strong { /* Type1 */
color:#fff;
background:#1ac2ef url(../Images/bckg-input_button.jpg) left top repeat-x;
border-bottom:1px solid #999;
}

/* HIGHSLIDE */
.highslide-html {
background-color: white;
}

.highslide-html-blur {
}

.highslide-html-content {
position:absolute;
display:none;
z-index:1;
}

.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
padding-left: 22px;
background-image: url(../../SystemSupport/Images/highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}

a.highslide-credits, a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}

a.highslide-credits:hover, a.highslide-credits:hover i {
color: white;
background-color: gray;
}

/* Styles for the popup */
.highslide-wrapper {
background-color: white;
}

.highslide-wrapper .highslide-html-content {
width: 400px;
padding: 5px;
}

.highslide-wrapper .highslide-header div {
}

.highslide-wrapper .highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}

.highslide-wrapper .highslide-header ul li {
display: inline;
padding-left: 1em;
}

.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
display: none;
}

.highslide-wrapper .highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}

.highslide-wrapper .highslide-header a:hover {
color: black;
}

.highslide-wrapper .highslide-header .highslide-move a {
cursor: move;
}

.highslide-wrapper .highslide-footer {
height: 11px;
}

.highslide-wrapper .highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(../../SystemSupport/Images/highslide/graphics/resize.gif);
}

.highslide-wrapper .highslide-body {
}

.highslide-move {
cursor: move;
}

.highslide-resize {
cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
display: block;
}

.highslide-display-none {
display: none;
}

.left {
float:left;
}

.itemsInStock {
color: #666;
font-weight: bold;
padding: 1em;
margin-left: 10px;
}

.B ol, .B ol li {
  list-style-type: decimal;
  margin-left: .8em;
}

.B ul, .B ul li {
  list-style-type: square;
  margin-left: .8em;
}