body {
background: url('styles/bg.png') repeat-x scroll left top transparent;
margin: 0; 
padding: 0;
font-size: 12px;
font-family: arial, sans-serif;
}

/* ------------------------------------------
*  Nadpisy
*/

/*h1, h2, h3, h4, h5, h6 {margin: 0 0 .5em 0;}*/

h1 {font-size: 2em;     margin: .67em 0;}
h2 {font-size: 1.5em;   margin: .75em 0; color: #5e5e56;}
h3 {font-size: 1.17em;  margin: .83em 0;}
h4 {font-size: 1em;     margin: 1.12em 0;}
h5 {font-size: .83em;   margin: 1.5em 0;}
h6 {font-size: .75em;   margin: 1.67em 0;}

#content .header h1,
#content .header h2,
#content .header h3 {
color:#061E66;
display:block;
float:left;
font-size:1.6em;
font-weight:normal;
margin: 0; 
}

/* -------------------------------------------
*
*  Tabulky
*
*/

*
{

}

table    {
   margin: 0 0 1em 0;
   table-layout: auto; 
   border-spacing: 0; 
   border-collapse: collapse;
}
caption  {}
col      {}
thead    {}
tbody    {}
tfoot    {}
tr       {}
th       {}
td       {}

table p  {margin:0 0 0.5em 0;}


a {color: #0d5a9e;}
a:hover {text-decoration: none;}

/* -------------------------------------------
*
*  Formatovani
*
*/

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

a img
{
  border: none 
}

/* -------------------------------------------
*
*  Page
*
*/

div.obal
{
background: url('styles/head.jpg') no-repeat scroll center top transparent;
}

div#page
{
margin: 0 auto;
width: 980px;
}

/* -------------------------------------------
*
*  head
*
*/

div#head
{
position: relative;
height: 145px;
width: 100%;
}

a#logo
{
display:block;
height:62px;
left:0px;
position:absolute;
top:10px;
width:287px;
}
a#logo img {display: none;}
div#search
{
position:absolute;
right:226px;
top:0;
width:320px;
}

div#search a
{
  color: #001a61;
  font-weight: bold;
}

div.search-box
{

}

.search-vice
{
background:url("styles/sipecka.gif") no-repeat scroll right center transparent;
float:right;
line-height:30px;
padding:0 10px 0 0;
}

.search-input dd
{
  margin: 0; 
  float: left;
}

dd.search-input
{
  background: url('styles/lupa.gif') no-repeat center left;
}

.search-input input.search-input
{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #53DDFF;
display:inline;
float:left;
height:23px;
line-height:23px;
margin:0 0 0 18px;
padding:0 0 0 4px;
width:204px;
color: #808080;
}

.search-input .search-button
{
background:none repeat scroll 0 0 #66C0D8;
border:medium none;
cursor:pointer;
display:block;
font-size:11px;
font-weight:bold;
height:25px;
margin:0 0 0 1px;
width:80px;
}

/* kosik */

#kosik
{
background:url("styles/basket.gif") no-repeat scroll 11px 14px #66c0d8;
color:#FFFFFF;
float:right;
font-weight:bold;
height:43px;
margin:7px 0 0;
padding:6px 0 0 31px;
width:160px;
}

#kosik .kosik-header
{
  color: #384447;
  float: left;
  padding: 9px 0 0; 
}

#kosik .kosik-obsah {padding: 0 0 0 50px; }
#kosik .kosik-obsah span {display:block; line-height:18px; }
#kosik .kosik-detail {float: right; padding: 10px 9px 0 0; }

/* login */

#login
{
background:#b0e1ef;
color:#384447;
font-weight:bold;
padding:0 8px;
position:absolute;
right:0;
top:82px;
width:550px;
}

#login input
{
background:none repeat scroll 0 0 #FFFFFF;
border:medium none;
color:#A3A3A3;
padding:1px 3px;
width:90px;
}

#login #login-btn
{
background:none repeat scroll 0 0 #FFF600;
color:#FF9000;
cursor:pointer;
font-size:9px;
font-weight:bold;
height:18px;
margin:0 0 0 5px;
padding:0;
text-align:center;
width:22px;
}

#login-new
{
border-left:1px solid #FFFFFF;
float:right;
line-height:29px;
padding:0 0 0 10px;
}

#login-new span {padding: 0 4px; }
#login-new span.lost-pass {border-left: 1px solid #00ccff; padding: 0 0 0 7px;}

#login-form
{
background:url("styles/login.gif") no-repeat scroll left center transparent;
line-height:29px;
padding:1px 0 0 22px;
_padding: 5px 0 0 22px;
}

/* menu */

#main_menu
{
left:0;
position:absolute;
top:81px;
}

#main_menu ul
{
  margin: 0; 
  padding: 0; 
}

#main_menu li
{
  display: inline;
  list-style-type: none;
  float: left;
}

#main_menu a
{
color:#777777;
display:block;
float:left;
font-size:14px;
height:48px;
line-height:36px;
margin:0 1px 0 0;
padding:0 10px;
text-align:center;
text-decoration:none;
}

#main_menu a:hover,
#main_menu a.active
{
  border-bottom: 2px solid #777777; 
}

/* foot */
.foot {border-top: 1px solid #dbdbdb; clear: both; margin: 5px 0 0; padding: 13px 0; color: #606060;}
.foot a {color: #001a61; font-weight: bold;}
.copyright {}
.copyright img{float: left;}
.copyright span {line-height:24px; padding:0 10px;}
.foot-text {float:right; padding:5px 0 0; text-align:right;}
/* -------------------------------------------
*
*  Content
*
*/

.left-column
{
padding:5px 0 0;
width:250px;
float: left;
}

.submenu
{
  width: 250px;  
}

.submenu .header {
background:url("styles/submenu-header.gif") repeat-y scroll right top transparent;
color:#001A61;
font-weight:bold;
line-height:32px;
}

.submenu .header .showall
{
background:#66c2db;
color:white;
float:right;
line-height:20px;
margin:6px 6px 0;
padding:0 5px;
text-decoration:none;
font-weight: normal;
}

.submenu span 
{
padding:6px 0 0 30px;
background-position: no-repeat scroll 3px 0 transparent;
background-repeat: no-repeat;
}

.submenu .pocitace span {background-image:url("styles/pocitace.gif");}
.submenu .eletronika span {background-image:url("styles/eletronika.gif");}
.submenu .kancelar span {background-image:url("styles/kancelar.gif");}


.submenu ul{padding: 0; margin: 0;}
.submenu ul ul {margin: 0 0 0 15px; }
.submenu li{padding: 0; margin: 0; list-style-type: none;border-bottom:1px solid #EDEDED;}

.submenu li a
{
background:url("styles/submenu-a.gif") no-repeat scroll 3px 8px transparent;
color:#606060;
display:block;
font-size:11px;
line-height:20px;
padding:0 0 0 14px;
text-decoration:none;
}

.submenu li.zbozi-rozbalene {background: url("styles/submenu-orange.png") repeat-x left top; }
.submenu li.zbozi-sleva     {background: url("styles/submenu-green.png") repeat-x left top;;}
.submenu li.zbozi-vyprodej  {background: url("styles/submenu-turquoise.png") repeat-x left top;;}
.submenu li.zbozi-novinky   {background: url("styles/submenu-blue.png") repeat-x left top;;}

.submenu li a:hover, 
.submenu li .selected {background-color: #def2f9;}

.submenu li li a:hover, 
.submenu li li .selected {background-color: #ebebeb;}

/* navigace */

ul.navigation {list-style: none; padding: 10px 0; margin: 0; color: #606060;}
ul.navigation li {display: inline; margin: 0 10px 0 0;}
ul.navigation a {background: url(styles/navigation-a.png) no-repeat right center; padding: 0 10px 0 0; color: #606060;}
/* anketa */

.left-column .anketa {padding: 10px 0; width:251px;}
.left-column .anketa .header {
float:none; 
}
.anketa-header {
color:#00CBFF;
display:block;
font-size:12px;
font-weight:bold;
padding:8px 0;
}
.anketa-moznost-header a {line-height: 23px; font-weight: bold; color: #001a61;}
.left-column .anketa input {margin: 0; }
.anketa-counter {
background: url('styles/anketa-bg.png') repeat-x top left;
float:left;
height:8px;
width:210px;
margin: 0 10px 0 0;
}
.anket-left   {background: url('styles/anketa-left.png') no-repeat top left; width: 2px; float: left; height: 8px;}
.anket        {background: url('styles/anketa-a.png') repeat-x top left; height: 8px; float: left;}
.anket-right  {background: url('styles/anketa-right.png') no-repeat top left; width: 2px; float: right; height: 8px;}

.left-column .bannerbox {width: 250px;}

#content
{
float:right;
width:697px;
padding: 0; 
zoom: 1;
color:#606060;
}

#content .header,
.anketa .header {
background:none repeat scroll 0 0 #bde7f3;
height:29px;
line-height:29px;
padding:2px 10px;
clear: left;
text-transform: uppercase;
}

#content .header span,
.anketa .header {
color:#061E66;
display:block;
float:left;
font-size:1.6em;
font-weight:normal;
}

.hotbox {}

.newsletters {
background:url("styles/newsletters.jpg") no-repeat scroll left center transparent;
color:#001A61;
margin:10px 0 0;
padding:13px 0 18px 63px;
}
.newsletters .white   {color: white;}
.newsletters h4       {font-size: 1.4em; margin: 0; padding: 0; }
.newsletters form     {float:right; padding:6px 16px 0 0;}
.newsletters .text    {border: none; width: 161px; height: 25px; padding:0;}
.newsletters .submit {
background: #001a61;
border:medium none;
color:#00CCFF;
font-size:11px;
font-weight:bold;
height:25px;
padding:0;
width:31px;
   }

/* aktuality */

.aktuality    {padding: 5px 0;}
.aktuality ul {margin: 0; padding: 0; }
.aktuality li {
display:inline;
float:left;
list-style-type:none;
padding:3px 20px 30px 0;
width:210px;
}
.aktuality h3, .aktuality a {color: #0f5a9e; margin: 0; padding: 0; }
.aktuality p                {margin: 0; padding: 0; font-size:80%;}
.aktuality .date            {float: right; color: #02cbff; font-size: 0.8em;}
.aktuality .more a          {font-weight: bold;} 

/* banners */

#content .bannerbox
{
  padding: 5px 0;   
}

/* hotbox */

.hotbox
{
background:url("styles/hotbox.jpg") no-repeat scroll left center transparent;
height:164px;
padding:46px 4px 0 0;
width:691px;  
}

.hotbox a {float: right; clear: right;}
.hotbox img {float: left; padding: 0 0 2px; }


/* -------------------------------------------
*
*  Eshop
*
*/

#eshop-list
{
  
}

.header .showall {background:#66c0d8; color:white ;float:right; line-height:20px; margin:4px 3px 0; padding:0 6px; text-decoration:none;}

.eshop-item {
border-right:1px solid silver;
float:left;
margin:4px 5px 0 0;
padding:0 4px;
width:219px;
}

.third
{
margin:4px 0 4px 0;
border-right: none;
}

#eshop-list .toBasketForm {margin: 0; }
#eshop-list .eshop-item h3 {margin: 0.8em 0;}
.basket-add {
background:url("styles/addbasket.gif") no-repeat scroll left center transparent;
border:medium none;
color:#001A61;
cursor:pointer;
float:right;
font-size:10px;
font-weight:bold;
height:26px;
padding:0;
text-transform:uppercase;
width:96px;
}
.order {
background:url("styles/addbasket3.gif") no-repeat scroll left center transparent;
width: 266px;
height: 30px;
float: right;
}
.item-popis {clear: left;}
.eshop-item .price {font-size: 18px; color: #ca2600; display: block; font-weight:bold;}
.eshop-item .price-vat {font-size: 11px; color: #a1a1a1;}
.skladem {color: #8dd300; font-weight: bold; margin:14px 0 0; display: block;}
.eshop-item p {margin: 7px 0 5px;}
.item-img {
display:inline;
float:right;
padding:0 10px 0 0;
}
#eshop-list .item-img img {}

.itemlist-bottom {clear: both;}
.item-actions {width:60px;}
.item-actions img {float: left; padding: 0 3px 3px 0; }

/* eshop detail */

#eshop-detail {padding: 10px 0; color: #5f5f5f;}
.eshop-detail-top {padding: 0 0 20px; }
.eshop-detail-div {padding: 15px 0; border-top: 1px solid #ededed; clear: both;}

#eshop-detail .eshop-detail-img {position: relative; float: left; width: 318px;}
#eshop-detail .eshop-detail-ceny {float: right; width:375px;}
#eshop-detail .item-actions {position: absolute; left: 0; }

.eshop-icon {
font-weight:bold;
height:38px;
line-height:27px;
padding:4px 0 4px 25px;
}

.product-menu    {list-style: none; padding: 0; margin: 0; width: 340px;}
.product-menu li {float: left; width: 161px;}
.icon-zoom       {background: url('styles/zoom.png') no-repeat left center;}
.icon-print      {background: url('styles/print.png') no-repeat left center;}
.icon-doporuc    {background: url('styles/star.png') no-repeat left center;}
.icon-porovnat   {background: url('styles/porovnat.png') no-repeat left center;}
.icon-hlidat     {background: url('styles/hlidat.png') no-repeat left center;}
.icon-email      {background: url('styles/email-friend.png') no-repeat left center;}
.icon-coment     {background: url('styles/komentare.png') no-repeat left center;}

.table-ceny {width: 100%;}
.table-ceny tr {border-bottom: 1px solid #ededed; line-height: 24px;}
.price-table {font-weight: bold; color: #0d5a9e;}
.price-lable {padding: 0 0 0 10px; }
.price-dph {font-size: 13px; color: #ff3c00;}
.price-nodph {font-size: 11px; }
.price-end {color: #606060; text-decoration: line-through;}

tr.essox {background: #ededed;}
.essox-img {padding: 4px 0 0 4px; }
.essox-kalkulacka {background: url('styles/calc.png') no-repeat left center; padding: 0 0 0 15px; }

#eshop-detail .skladem { font-size: 120%;}
.to-basket-div {padding: 0 0 0 91px; }
.to-basket-count {width: 51px; height: 28px; text-align: right;}
#eshop-detail .basket-add {
background:url("styles/addbasket2.gif") no-repeat scroll left center transparent;
border:medium none;
cursor:pointer;
height:32px;
padding:0;
width:151px;
}

.manufacturer    {}
.manufacturer td {padding:4px 0;}
.manufacturer-logo {float: right;}
.links-list {list-style: none; margin: 0; padding: 0;}
.links-list li {
display:inline;
float:left;
padding:0 0 10px;
min-width: 170px;
width: 170px;
}
.links-list a {font-weight: bold;}

.eshop-item-menu {list-style: none; margin: 0; padding: 0;}
.eshop-item-menu li {float: left;}
.eshop-item-menu a {
border-right:1px solid #BDE7F3;
display:block;
float:left;
font-weight:bold;
padding:4px 7px;
text-decoration:none;
text-transform:uppercase;
}
.eshop-item-menu a:hover,
.eshop-item-menu a.selected {
background-color: #bee8f4;
}
.params tr {border-bottom: 1px solid #cccccc;}
.params td    {padding: 6px 4px; }
.params .even {background-color: #efefef;}
.params .odd  {background-color: #e3e3e3;}
.params .right-odd  {background-color: #f2f2f2;}
.params-data {font-weight: bold;}

/* eshop pruvodce wizard */

#filter {
background:url("styles/filter-bg.gif") repeat-x scroll left top #E7EDED;
margin:10px 0;
min-height:40px;
}
#filter  .filter-label {}
#filter .filter-label a {
background:url("styles/arrow-down.gif") no-repeat scroll left center transparent;
float:left;
font-size:15px;
font-weight:bold;
margin:0 0 0 10px;
padding:13px 18px 9px;
text-decoration:none;
}
#filter .filter-setting {background-color:#66C0D8; float:right; width:560px;}
#filter #column-set {
border-left:1px solid #CDFFFF;
float:right;
padding:5px 0 4px 10px;
width:175px;
}
#filter #column-set span { float:left; line-height:29px; padding:0 10px 0 0; font-weight: bold;}
#filter #column-set ul {list-style: none; margin: 0; }
#filter #column-set ul li {float: left;}
#filter #column-set a {
border:2px solid #B1E1EB;
float:left;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
margin: 0 2px 0 0; 
}
#filter #column-set a:hover,
#filter #column-set a.selected {
border-color: white;
background: white;
}
.tabPriceDrag {
color:#00275A;
display:block;
float:left;
font-size:12px;
font-weight:bold;
padding:12px 0 0;
margin: 0; 
width:366px;
}
#filter #PriceMin {padding-left:5px; width:75px; text-align: center;} 
#filter #PriceMax {padding-left:10px; padding-right:0; width:70px; text-align: center;} 
.tdDragPrice {
background: url("styles/filter-slide.gif") repeat-x scroll 0 5px transparent;
width:215px;
}
.tdDragPrice img {margin: 2px 0 0 0; cursor: pointer;}

.filfer-content {padding: 50px 22px 12px; }
.filfer-content ul {list-style: none; padding: 0; height: 70px; overflow: auto;}
#filter .filtr {
float:left;
margin:0 26px 0 0;
width:190px;
}

/* kosik objednavka */

.basket-info {}
.basket-info .info {float: left; padding: 0 15px 0 0;   }

table#table-basket-order {text-align: center; border-top: 1px solid #cccccc;}
table.basket-table .price {font-weight: bold; color: #596264;}
table.basket-table thead {
color:#001A61;
font-size:12px;
text-transform:uppercase;
line-height: 30px;
}
table.basket-table tbody td {}
table.basket-table thead th {}
table.basket-table tbody tr {background-color: #efefef; border: 1px solid #cccccc; border-left: none; border-right: none;}
.table-quantity input {
float: left;
border:1px solid #cccccc;
text-align:right;
width:20px;
height: 20px;
padding: 0;
text-align: center; 
margin: 0 5px 0 0; 
}
table.basket-table tbody .table-spacer {background: none; border: none; height: 20px;}
table.basket-table tbody .table-spacer {}
td.table-image img {border: 1px solid #ccc; margin: 10px 0; }
td.table-item-name {text-align:left; width:280px; padding: 0 10px; }
td.table-item-name a{
color: #596264;
font-weight: bold;
}
div.table-price-sumary {position: relative; }
div.table-price-sumary span {
background:none repeat scroll 0 0 #8BD300;
color:white;
font-weight:bold;
padding:2px 4px;
position:absolute;
right:9px;
top:32px;
width:100px;
}
div.table-price-sumary span img { float: right; padding-left: 4px;}

.shipping-info {background-color: #66c1d8;padding: 10px 15px; font-weight: bold;}
.shipping-info .white {color: white;  }

#table-basket-summary th,
#table-basket-summary td {text-align: left; padding-left: 10px;}
#table-basket-summary td {line-height: 35px; }
#table-basket-summary tfoot .final-price {font-size: 18px; }

.basket-menu ul {padding: 0; margin: 0; list-style: none; }
.basket-menu li {
background: url("styles/basket-menu.gif") no-repeat right 5px transparent;
float: left;
width: 270px;
}
.basket-menu li:after {
content: '.';
clear:both;
overflow: hidden;
height: 0;
display: block;
visibility: hidden;
}
.basket-menu li .basket-menu-item {background: url("styles/basket-menu-bg2.gif") repeat-y; width: 151px; height: 56px;}
.basket-menu li .active {background: url("styles/basket-menu-bg1.gif") repeat-y;}
.basket-menu li .basket-menu-item .count {float: left;}