/* 
####################### 
# frontend            # 
####################### 
*/

/* CSS Document */

/* --------------------------- struktura stranky --------------------------- */

body {
  margin: 0;
  padding: 0;
  background: #fff url(../img/eshop/gray/pasky_pozadi.gif) left top repeat-x; 
  text-align: center;
  font-family: Tahoma;
}

#telo
{
  display: block;
  float: none;
  width: 990px;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0 0 20px 0;
  text-align: center;
  background-color: #fafbfb;
}



/* --------------------------- obecne parametry --------------------------- */


a
{
  font-size: 12px;
  color: #686868;
}

a img
{
  border: none;
}

a:hover
{
  text-decoration: none;
}

p
{
  font-size: 12px;
  color: #686868;
}

form
{
  margin: 0;
  padding: 0;
}

hr.cleaner {
  border:medium none;
  clear:both;
  color:white;
  height:1px;
  margin:-1px 0 0;
  padding:0;
  visibility:hidden;
}

.neviditelne {
  display:none;
}

.skryty_text {
  font-size: 0px !important;
  padding: 0;
  margin: 0;
  border: none;
  line-height: 0;
  letter-spacing: -99999px !important;
  text-decoration: none !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  visibility: hidden;
  display: none;
  height: 0;
}

.cistic, .cistic_vlevo, .cistic_vpravo
{
  clear:both;
  display:block;
  width:auto;
  height:0px;
  margin: 0;
	padding: 0;
	border: none;
  font-size:1px;
  line-height:0;
}

.cistic_vlevo
{
  clear: left;
}

.cistic_vpravo
{
  clear: right;
}



/* --------------------------- top --------------------------- */

#top
{
  display: block;
  float: none;
  width: auto;
  background: transparent url(../img/eshop/gray/pasky_big_top.jpg) left top no-repeat;
  height: 190px;
  text-align: right;
}


#top #logo {
  display:block;
  float:left;
  height:124px;
  width: auto;
}

#top #logo a {
  display:block;
  height:58px;
  text-decoration:none;
  width:127px;
  background: none;
  cursor:pointer;
  margin: 34px 22px 0 50px;
}

#top .flash {
  display:block;
  float:left;
  height:124px;
  width: 500px;
  background: transparent url(../img/eshop/gray/slogan.jpg) center center no-repeat;
}


#top .pravo {
  float:right;
  height:124px;
  width:auto;
  margin: 35px 45px 0 0;
  background: transparent url(../img/eshop/gray/bila_90p.png) left top repeat; 
  padding: 0 20px 0 10px;
}

#top .pravo ul
{
  list-style: none;
}

#top .pravo li
{
  display: inline;
  font-size: 12px;
  font-weight: normal;
  color: #686868;
}

#top .basket
{
  font-size: 12px;
  color: #3470ad;
  font-weight: normal;
  padding-left: 25px;
  text-align: right;
  margin: 0 0 20px 0;
}

#top .basket span
{
  background: transparent url(../img/eshop/gray/kosik.jpg) left center no-repeat;
  display: inline;
  padding: 2px 0 2px 25px;
}

form#search
{
  width: 216px;
  height: 27px;
  background: transparent url(../img/eshop/gray/vyhledavani_bg.jpg) left center no-repeat;
  margin: 0 0 0 10px;
}

form#search input
{
  width: 165px;
  color: #a0a0a0;
  font-size: 12px;
  background: none;
  border: none;
  margin-left: 6px;
}

form#search input.tlacitko2
{
  width: 25px;
  cursor: pointer;
  height: 25px;
}

/* --------------------------- pasky menu --------------------------- */

#pasky-menu
{
  display: block;
  width: auto;
  height: 41px;
  background: transparent url(../img/eshop/gray/pasky_menu_pozadi.jpg) left top repeat-x;
  position: relative;
}

#pasky-menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#pasky-menu ul li
{
  display: block;
  width: auto;
  float: left;
  margin: 0;
  padding: 0;  
}

#pasky-menu ul li a
{
  display: block;
  width: 107px;
  height: 41px;
}

#pasky-menu ul li.home a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_home.jpg) left top no-repeat;
}
#pasky-menu ul li.home a:hover
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_home_on.jpg) left top no-repeat;
}
#pasky-menu ul li.home_selected a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_home_in.jpg) left top no-repeat;
}


#pasky-menu ul li.eshop a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_eshop.jpg) left top no-repeat;
}
#pasky-menu ul li.eshop a:hover
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_eshop_on.jpg) left top no-repeat;
}
#pasky-menu ul li.eshop_selected a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_eshop_in.jpg) left top no-repeat;
}


#pasky-menu ul li.faq a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_faq.jpg) left top no-repeat;
}
#pasky-menu ul li.faq a:hover
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_faq_on.jpg) left top no-repeat;
}
#pasky-menu ul li.faq_selected a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_faq_in.jpg) left top no-repeat;
}

#pasky-menu ul li.kalkulace a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_kalkulace.jpg) left top no-repeat;
}
#pasky-menu ul li.kalkulace a:hover
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_kalkulace_on.jpg) left top no-repeat;
}
#pasky-menu ul li.kalkulace_selected a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_kalkulace_in.jpg) left top no-repeat;
}

#pasky-menu ul li.kontakt a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_kontakt.jpg) left top no-repeat;
}
#pasky-menu ul li.kontakt a:hover
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_kontakt_on.jpg) left top no-repeat;
}
#pasky-menu ul li.kontakt_selected a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_kontakt_in.jpg) left top no-repeat;
}

#pasky-menu ul li.produkty a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_produkty.jpg) left top no-repeat;
}
#pasky-menu ul li.produkty a:hover
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_produkty_on.jpg) left top no-repeat;
}
#pasky-menu ul li.produkty_selected a
{
   background: transparent url(../img/eshop/gray/pasky_tlacka_produkty_in.jpg) left top no-repeat;
}

#pasky-menu a.de
{
    display: block;
    width: 88px;
    height: 23px;
    background: transparent url(../img/eshop/gray/pasky_jazyk_de.jpg) left top no-repeat;
    position: absolute;
    left: 750px;
}

#pasky-menu a.de:hover
{
    display: block;
    width: 76px;
    height: 35px;
    background: transparent url(../img/eshop/gray/pasky_jazyk_de_on.jpg) left top no-repeat;
}

#pasky-menu a.en
{
    display: block;
    width: 88px;
    height: 23px;
    background: transparent url(../img/eshop/gray/pasky_jazyk_en.jpg) left top no-repeat;
    position: absolute;
    left: 850px;    
}

#pasky-menu a.en:hover
{
    display: block;
    width: 76px;
    height: 35px;
    background: transparent url(../img/eshop/gray/pasky_jazyk_en_on.jpg) left top no-repeat;
}

.pasky-menu-dolni
{
  display: block;
  width: 990px;
  margin: 0 auto 0 auto;
  height: 41px;
  background: transparent url(../img/eshop/gray/pasky_spodek_pozadi.jpg) left top repeat-x;
  font-size: 11px;
  color: #686868;
  line-height: 40px; 
}

.pasky-menu-dolni a
{
  font-size: 11px;
  color: #686868; 
}

.pasky-menu-dolni a.email
{
   background: transparent url(../img/eshop/gray/e-mail.gif) left center no-repeat;
   padding-left: 15px;
}

.pasky-menu-dolni span.telefon
{
   background: transparent url(../img/eshop/gray/phone.gif) left center no-repeat;
   padding-left: 15px;
   font-weight: bold;
}

/* --------------------------- hlavni menu --------------------------- */

#hlavni-menu
{
  width: auto;
  height: 47px;
  background: #034a92 url(../img/eshop/gray/menu_bg.jpg) left top repeat-x;
  margin: 0 20px 0 20px;
}

ul#nav
{
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#nav li
{
  display: block;
  width: auto;
  float: left;
  height: 47px;
	position: relative;
	clear: none;
	z-index: 99999 !important;
}

ul#nav li a
{
  display: inline-block;
  padding: 15px 18px 15px 18px;
  white-space: nowrap;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: transparent url(../img/eshop/gray/menu_li_delitko.jpg) right top no-repeat;
}

ul#nav li.posledni a
{
  background: none;
}



/*ul#nav li a:hover,*/
ul#nav li:hover a,
ul#nav li.over a
{
  background: #2766a6 url(../img/eshop/gray/menu_hover.jpg) right top no-repeat;
}

ul#nav li.posledni a:hover
{
  background: #2766a6 url(../img/eshop/gray/menu_hover.jpg) left top no-repeat;
}


/* submenu */

ul#nav ul
{
  display: none;
	position: absolute;
	top: 47px;
	left: 0;
	z-index: 99999 !important;
	background: #2766a6;
	padding: 10px 10px 10px 10px;
}

ul#nav ul li
{
  display: block;
  width: auto;
  float: none;
  height: auto;
	position: relative;
}

ul#nav ul li a
{
  background: transparent url(../img/eshop/gray/sipka_bila.png) left center no-repeat;
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #c0dbf8;
  text-transform: none;
  text-align: left;
  padding: 5px 0 5px 15px;
  line-height: 12px;
}

/*ul#nav ul li a:hover,*/
ul#nav li:hover ul li a,
ul#nav li.over ul li a
{
  background: transparent url(../img/eshop/gray/sipka_bila.png) left center no-repeat;
}

ul#nav ul li a:hover
{
  color: #fff;
}


ul#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

ul#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}



/* --------------------------- leva cast --------------------------- */

#levo
{
  display: block;
  float: left;
  width: 210px;
  margin: 12px 0 0 20px;
  text-align: left;
}

.menu {
  display: block;
  background-color: #f0f1f1;
  margin-bottom: 12px;
}

.menu ul
{
  list-style: none;
  margin: 0;
  padding: 0 0 5px 0;
}

.menu li
{
  padding: 8px 0 8px 30px;
  background: transparent url(../img/eshop/gray/sipka_seda.png) 15px 16px no-repeat;
  border-bottom: 1px solid #fff;
}

.menu li.vyber
{
  background: transparent url(../img/eshop/gray/sipka_modra.png) 15px 16px no-repeat;
}

.menu ul ul li.vyber a
{
  color: #ba0101;
}

.menu li a
{
  text-decoration: none;
  color: #686868;
  font-size: 12px;
}

.menu li a:hover
{
  color: #000;
}

.menu ul ul li
{
  border: none;
  padding-top: 1px;
  padding-bottom: 1px;
  background: transparent url(../img/eshop/gray/sipka_seda.png) 15px 9px no-repeat;
}

.menu ul ul li.vyber
{
  background: transparent url(../img/eshop/gray/sipka_modra.png) 15px 9px no-repeat;
}

.novinky,
.nejprodavanejsi
{
  background-color: #f0f1f1;
  padding-bottom: 5px;
  margin-bottom: 12px;
}

.novinky h2,
.nejprodavanejsi h2
{
  width: auto;
  height: 50px;
  line-height: 48px;
  background: #9dc4ec url(../img/eshop/gray/h2_novinky.jpg) left top no-repeat;
  font-size: 15px;
  color: #353434;
  text-align: center;
  font-weight: normal;
  padding: 0;
  margin: 0;
  border-bottom:1px solid #fff;
}

.novinky h3
{
  margin: 0;
  padding: 0 8px 0 15px;
}

.novinky h3 a, .novinky h3 span.title
{
  color: #ba0101;
  font-weight: bold;
}

.novinky h3 span.title
{
	font-size: 12px;
}

.novinky h3 span
{
  font-size: 10px;
  color: #0e0e0e;
}

.novinky p,
.nejprodavanejsi p
{
  padding: 8px 12px 8px 15px;
  margin: 0;
}

.nejprodavanejsi h2
{
  background: #9dc4ec url(../img/eshop/gray/h2_nejprodavanejsi.jpg) left top no-repeat;
  text-indent: 15px;
}

.nejprodavanejsi table
{
  border: collapse;
  width: 100%;
}

.nejprodavanejsi table td
{
  padding: 5px;
  font-size: 12px;
  color: #2d2c2c;
}

.nejprodavanejsi table td em
{
  font-size: 11px;
  color: #686868;
  font-style: normal;
}

.nejprodavanejsi table td a
{
  font-size: 12px;
  color: #58a00a;
  font-weight: bold;
}


p.vice
{
  margin: 0;
  padding-right: 12px;
  text-align: right;
}

p.vice a
{
  background: transparent url(../img/eshop/gray/sipka_modra.png) left center no-repeat;
  padding-left: 10px;
  color: #686868;
  font-weight: bold;
  font-size: 12px;
}



/* --------------------------- obsah --------------------------- */

#obsah
{
  text-align: left;
  display: block;
  width: 740px;
  float: right;
  margin: 12px 0px 0 0;
}

#obsah .info
{
  display: block;
  background-color: #f0f1f1;
  margin: 0 20px 0 0;
}

#obsah h1
{
  font-size: 23px;
  font-weight: normal;
  color: #363535;
  margin: 0;
  padding: 12px 0 6px 20px;
}

#obsah h2
{
  font-size: 14px;
  font-weight: bold;
  color: #686868;
  margin: 0;
  padding: 8px 0 8px 20px;
}

#obsah .info p
{
  margin: 0;
  padding: 8px 8px 8px 20px;
  font-size: 12px;
  color: #686868;
  line-height: 14px;

}

#obsah .info ul
{
  list-style: none;
  margin: 0;
  padding: 8px 8px 8px 40px;
}

#obsah .info ul li
{
  background: transparent url(../img/eshop/gray/modry_ctverec.jpg) left 9px no-repeat;
  padding-left: 20px;
}

#obsah .info li a
{
  color: #ba0101;
}

#navigation
{
  font-size: 12px;
  color: #686868;
  padding: 4px 0 4px 20px;
	background-color: #FAFBFB;
}

#navigation a
{
  color: #ba0101;
}

#navigation span
{
  background: transparent url(../img/eshop/gray/sipka_seda.png) center center no-repeat;
  display: inline-block;
  padding: 4px 8px 4px 8px;
}

#vyhledavani
{
  padding: 8px 15px 8px 15px;
}

#vyhledavani table
{
  width: 100%;
  border-collapse: collapse;
}

#vyhledavani table td
{
  font-size: 12px;
  color: #686868;
  vertical-align: center;
  line-height: 25px;
  padding-bottom: 5px;
  padding-top: 5px;
}

#vyhledavani table td a
{
  color: #ba0101;
}

#vyhledavani table td label
{
  white-space: nowrap;
  padding-right: 5px;
}

#vyhledavani table tr.seda td
{
  background-color: #e8e9e9;
  padding: 5px 10px 8px 10px;
}

#vyhledavani input.buton, .loginsubmit
{
  width: 130px;
  height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  border: none;
  background: transparent url(../img/eshop/gray/buton_130x32.png) left top no-repeat;
  cursor: pointer;
  padding-bottom: 5px;
}

#vyhledavani select
{
  width: 150px;
}

#vyhledavani input.arrow
{
  position: relative;
  top: 5px;
}


/* --------------------------- paticka --------------------------- */

#paticka
{
  margin: 10px 20px 0 20px;
  background-color: #f0f1f1;
  font-size: 9px;
  color: #929090;
  line-height: 15px;
  height: 80px;
}

#paticka a
{
  color: #ba0101;
  font-size: 9px;
}

#paticka .bottom-left
{
  display: block;
  float: left;
  width: 265px;
  text-align: left;
  margin: 25px 0 0 15px;
}

#paticka .bottom-right
{
  display: block;
  float: right;
  width: 605px;
  margin: 30px 15px 0 0;
  text-align: right;
  text-transform: uppercase;
}

span.koncovka
{
  display: block;
  width: auto;
  height: 16px;
  margin: 0;
  background: transparent url(../img/eshop/gray/dokument_bottom.jpg) left top no-repeat;
}

.copyright
{
  display: block;
  float: none;
  width: 990px;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 20px 0;
}

.copyright p,
.copyright a
{
  font-size: 9px;
  color: #929090;
  text-transform: uppercase;
  text-align: right;
}

.copyright p
{
  background: transparent url(../img/eshop/greep.jpg) right center no-repeat;
  padding: 5px 30px 5px 0;
  margin: 0 30px 0 0;

}
/*
#######################################################
#                     ELEMENTY                        #
#######################################################
*/

/* 
#######################
# articles            #
####################### 
*/

#articles .rightArticle, #articles .leftArticle, #articles .articles_list {margin-right: 17px;}
#articles .rightArticle, #articles .leftArticle {float: left; display: inline;}
#articles .rightArticle {width: 182px;}
#articles .leftArticle {width: 379px; padding-bottom: 30px}
#articles .articleDetail {width: 550px; padding-bottom: 30px}

#articles .fl {float:left;}
#articles .fr {float:right;}

#articles .il {margin: 4px 15px 15px 0;}
#articles .ir {margin: 4px 0 15px 15px;}

.detail_center {
	padding-top: 5px;
	clear: both;
	padding-bottom: 20px;
	text-align: center;
	font-size: x-small;
}

.komentar_content_r {
	padding-bottom: 5px;
}

#left, #center {
	float: left;
}

#center {
	width: 50px;
}

#right {
	float: right;
}

#left a, 
#center a, 
#right a{
/*	color: #064599;  */
}

.detail_center_top {
	padding-top: 5px;
	clear: both;
}

.marg-left {
	margin-left: -280px;
}

.article {
	clear: both;
	padding-bottom: 10px;
	*padding-bottom: 0px;
	line-height: 150%;
	font-size: 14px;
}

.article h2 {
	clear: none;
}


.article_text
{
	padding-bottom: 10px;
	line-height: 150%;
	font-size: 14px;
	padding-left: 10px;
}


/* 
####################### 
# basket              #
####################### 
*/

.basketcontent
{
	background-color: white;
}

#obsah ul.prubeh
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#obsah ul.prubeh li
{
  display: block;
  float: left;
  width: 227px;
  height: 58px;
  background: transparent url(../img/eshop/gray/prubeh_bg.jpg) left top no-repeat;
  color: #235e8a;
  font-size: 17px;
  text-align: center;
  line-height: 40px;
  margin: 25px 0 0 12px;
	padding-left: 0;
}

#obsah ul.prubeh li a
{
	font-size: 17px;
  color: #235e8a;
}

#obsah ul.prubeh li.aktivni
{
  background-position: left bottom;
  color: #4b4c4d;
}

#obsah .info .akce
{
  display: block;
  float: left;
  width: 706px;
  height: 63px;
  background: transparent url(../img/eshop/gray/akce_bg.jpg) left top no-repeat;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #3d3c3c;
  line-height: 58px;
  margin: 12px 0 12px 12px;
  padding: 0;
}

#obsah .akce span
{
  font-weight: normal;
  padding-right: 50px;
}

#pageContent h2
{
  font-size: 17px;
  color: #235e8a;
  font-weight: normal;
  margin: 0;
  padding: 15px 5px 10px 15px;
}

div.produkty
{
  display: block;
  width: 706px;
  float: none;
  margin: 0 0 0 12px;
  padding: 4px 0 0 0;
  background: transparent url(../img/eshop/gray/tab_produkty_top.jpg) left top no-repeat;
}

div.produkty .bottom
{
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  height: 4px;
  background: transparent url(../img/eshop/gray/tab_produkty_bottom.jpg) left bottom no-repeat;
}

div.produkty table
{
  border-collapse: collapse;
  width: 100%;
}

div.produkty table td
{
  background: #f3f3f3 url(../img/eshop/gray/tab_produkty_td_bg.jpg) left bottom repeat-x;
  padding: 12px;
  font-size: 13px;
  font-weight: normal;
  color: #514f4f;
}

div.produkty table th
{
  background-color: #c1dff6;
  padding: 12px;
  font-size: 13px;
  font-weight: normal;
  color: #235e8a;
  text-align: center;
}

div.produkty table input.vstup
{
  width: 60px;
  text-align: right;
  border: none;
  background: #fff;
  padding: 3px 0 3px 0;
}

div.produkty
{
  display: block;
  width: 706px;
  float: none;
  margin: 0 0 0 12px;
  padding: 4px 0 0 0;
  background: transparent url(../img/eshop/gray/tab_produkty_top.jpg) left top no-repeat;
}

div.produkty .bottom
{
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  height: 4px;
  background: transparent url(../img/eshop/gray/tab_produkty_bottom.jpg) left bottom no-repeat;
}

div.produkty table
{
  border-collapse: collapse;
  width: 100%;
}

div.produkty table td
{
  background: #f3f3f3 url(../img/eshop/gray/tab_produkty_td_bg.jpg) left bottom repeat-x;
  padding: 12px;
  font-size: 13px;
  font-weight: normal;
  color: #514f4f;
}

div.produkty table th
{
  background-color: #c1dff6;
  padding: 12px;
  font-size: 13px;
  font-weight: normal;
  color: #235e8a;
  text-align: center;
}

div.produkty table input.vstup
{
  width: 60px;
  text-align: right;
  border: none;
  background: #fff;
  padding: 3px 0 3px 0;
}

div.produkty
{
  display: block;
  width: 706px;
  float: none;
  margin: 0 0 0 12px;
  padding: 4px 0 0 0;
  background: transparent url(../img/eshop/gray/tab_produkty_top.jpg) left top no-repeat;
}

div.produkty .bottom
{
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  height: 4px;
  background: transparent url(../img/eshop/gray/tab_produkty_bottom.jpg) left bottom no-repeat;
}

div.produkty table
{
  border-collapse: collapse;
  width: 100%;
}

div.produkty table td
{
  background: #f3f3f3 url(../img/eshop/gray/tab_produkty_td_bg.jpg) left bottom repeat-x;
  padding: 12px;
  font-size: 13px;
  font-weight: normal;
  color: #514f4f;
}

div.produkty table th
{
  background-color: #c1dff6;
  padding: 12px;
  font-size: 13px;
  font-weight: normal;
  color: #235e8a;
  text-align: center;
}

div.produkty table input.vstup
{
  width: 60px;
  text-align: right;
  border: none;
  background: #fff;
  padding: 3px 0 3px 0;
}

a.smazat img
{
	border: none;
  display: block;
}


.doprava
{
  display: block;
  float: left;
  width: 340px;
  height: auto;
  margin: 12px 0 0 12px;
}

.doprava p
{
  font-weight: bold;
  color: #235e8a;
  font-size: 13px;
}

#obsah .info .doprava ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}
#obsah .info .doprava li
{
  color: #444444;
  font-size: 13px;
  padding: 0 0 3px 25px;
	background: transparent;
}

#obsah .info .doprava small
{
  font-size: 11px;
  color: #a29e9e;
  font-weight: normal;
}

.total
{
  display: block;
  float: right;
  width: 340px;
  height: auto;
  margin: 12px 24px 0 0;
}

.total table
{
  border-collapse: collapse;
  float: right;
}

.total td
{
  font-size: 13px;
  color: #444444;
  text-align: right;
  padding: 6px 12px 12px 12px;
}

.total th
{
  border-top: 7px solid #c1dff6;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  color: #4d4d4d;
  padding: 12px 12px 12px 12px;
}

input.buton,
a.buton
{
  background:url("../img/eshop/gray/buton_bg.png") no-repeat scroll left top transparent;
  border:medium none;
  cursor:pointer;
  float:left;
  font-size:13px;
  height:35px;
  letter-spacing:0.001em;
  margin:0 0 0 10px;
  outline:medium none;
  text-align:center;
  width:145px;
  font-size: 14px;
  color: #646363;
  text-decoration: none;
  margin: 12px 0 12px 0;
}

input.modry,
a.modry
{
  color: #024475;
}

#obsah  .vpravo
{
  float: right;
  margin-right: 16px;
}

#obsah  .vlevo
{
  float: left;
  margin-left: 16px;
}

a.buton
{
  line-height: 35px;
}

#produkt-detail .imagebox
{
	float: left;
	width: 400px;
	padding-right: 20px;
	border-right: 1px solid #235E8A;
}

#produkt-detail .produktinfo
{
	margin-left: 20px;
	float: left;
}

#produkt-detail .produktinfo label
{
  color: #a4a4a4;
}

#produkt-detail .produktinfo span.cena
{
  color: #7e3f0a;
	font-weight: bold;
}

a.delete-link
{
	margin-top: 22px;
	margin-right: 10px;
	float: left;
}

.basket-table-head
{
	background-color:#FF5A0E;
	font-size:1em;
	color:white;
}

.basket-table-head td
{
	padding:2px;
}
.basket-table-title
{
	text-indent:30px;
	font-size:1.4em;
	font-weight:bold;
	padding:5px;
	color:black;
	display:block;
}
.basket-fieldset
{
	border:1px solid #616E97; padding:5px;
}
.basket-fieldset legend
{
	font-weight:bold;
	font-size:1.2em;
	color:#2C428F
}
ul.basket-error-list
{
	margin: 10px 10px 10px 20px;
	color:red;
	font-weight:bold;
	list-style-type:disc;
}
.basket-required-field
{
	color:red;
	font-weight:bold;
}

.basket-table-user-overview
{
	border:1px solid black;
}
.basket-data-inserted-ok
{
	padding:5px;
	color:#FF5A0E;
	font-weight:bold;
}

#registration legend
{
/*	background-color:#FFFFFF; */
/*	background:url("../images/eshop/tab_produkty_td_bg.jpg") repeat-x scroll left bottom #F3F3F3; */
	background-color:#C1DFF6;
/*	color:#0077B5; */
	color: #235E8A;
	font-size:0.9em;
	border:1px solid #1A659E;
	padding: 5px 10px;
	text-align:center;
	margin-left: 20px;
	font-weight: bold;
}

#registration fieldset
{
	border:1px solid #0077B5;
	margin:10px;
	padding: 10px;
	background:url("../images/eshop/tab_produkty_td_bg.jpg") repeat-x scroll left bottom #F3F3F3;
	color: #514F4F;
}

#registration fieldset.terms
{
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	background: white;
}

#registration input[type=text]
{
	background:none repeat scroll 0 0 #FFFFFF;
	border:medium none;
	padding:3px 0;
	width:170px;
}

#registration input.phone
{
	width:162px;
}

#registration input.psc
{
	width:50px;
}

#registration table
{
	width: 100%;
}

#registration td.first
{
	width: 40%;
}

#codeForm .code
{
	float: left;
	margin-right:10px;
	margin-top:20px;
	margin-left: 30px;
}

/*.basket-table-head
{
	background-color:#FF5A0E;
	font-size:1em;
	color:white;
}
.basket-table-head td
{
	padding:2px;
}
.basket-table-title
{
	text-indent:30px;
	font-size:1.4em;
	font-weight:bold;
	padding:5px;
	color:black;
	display:block;
}
.basket-fieldset
{
	border:1px solid #616E97; padding:5px;
}
.basket-fieldset legend
{
	font-weight:bold;
	font-size:1.2em;
	color:#2C428F
}
ul.basket-error-list
{
	margin: 10px 10px 10px 20px;
	color:red;
	font-weight:bold;
}
.basket-required-field
{
	color:red;
	font-weight:bold;
}

.basket-table-user-overview
{
	border:1px solid black;
}
.basket-data-inserted-ok
{
	padding:5px;
	color:#FF5A0E;
	font-weight:bold;
}


.step {
	float:left;
	margin:10px 0 5px 20px;
}
.step ul {
	background:transparent url(../img/arrow-right-step.png) no-repeat scroll 498px 30%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}
.step ul li {
	background:#FFFFFF url(../img/bg_step_pasive.png) no-repeat scroll 0 0;
	color:#3D4A53;
	float:left;
	font-size:14px;
	height:72px;
	margin-right:0;
	padding:15px 0 0;
	text-align:center;
	width:139px;
}
.step ul li a {
	color:#3D4A53;
	text-decoration:none;
}
.step ul li a:hover {
	text-decoration:underline;
}
.step ul li h1 {
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
.step ul li .in {
	display:block;
	padding:12px 15px;
}
.step ul li strong {
	bottom:-1px;
	font-size:114%;
	position:relative;
}
.step ul li.active {
	background:#FFFFFF url(../img/bg_step_active.png) no-repeat scroll 0 0;
	color:white;
}
.step ul li.oddelovac {
	background:#FFFFFF url(../img/arrow_right.png) no-repeat scroll 0 0;
	width:64px;
}
.step ul li.r {
	float:right;
}
.step ul li.r .in {
	background:transparent url(../img/ico-pack.png) no-repeat scroll 5px 0.6em;
	padding:14px 8px 10px 33px;
}*/

/* 
#######################
# itemlist            #
####################### 
*/

.zbozi
{
  display: block;
  margin: 20px 0 0 0;
}

.zbozi .product
{
  display: block;
  width: 234px;
  height: 248px;
  background-color: #fff;
  float: left;
  overflow: hidden;
  text-align: left;
  margin: 0 6px 10px 0;
  position: relative;
}

.zbozi .product h3
{
  margin: 0;
  padding: 10px 5px 10px 15px;
}

.zbozi .product a img
{
  border: none;
}

.zbozi .product h3 a
{
  font-size: 14px;
  font-weight: normal;
  color: #BA0101;
}

.zbozi .product em
{
  font-size: 11px;
  color: #686868;
  font-style: normal;
}

.zbozi .product a
{
  font-size: 12px;
  color: #58a00a;
  font-weight: bold;
}

.zbozi .product p
{
  font-size: 12px;
  color: #2d2c2c;
}

#obsah .zbozi .product .info
{
  display: block;
  float: right;
  width: 100px;
  margin: 0;
  background: transparent;
}

#obsah .zbozi .product .info p
{
  margin: 0;
  padding: 0 5px 8px 0;
}

.zbozi .product .image
{
  display: block;
  float: left;
  width: 132px;
  height: 105px;
  overflow: hidden;
}

.zbozi .product .image a
{
  display: block;
  margin-left: 5px;
}

.zbozi .product .popis
{
  height: 70px;
  overflow: hidden;
}

.zbozi .product .popis p
{
  font-size: 11px;
  line-height: 13px;
  margin: 0;
  padding: 3px 3px 5px 10px;
  color: #686868;
}

#obsah .zbozi .product .akceprodukt
{
  display: block;
  padding: 0 3px 5px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* 
#######################
# discussion          #
####################### 
*/

div.post_que_backend  {
              color: #717171;
            background-color: #D9E8EC;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: x-small;
            margin: 0 10px 10px;
            padding: 3px 5px 5px;
            }
div.post_que_backend h5  {
            font-size: x-small;
            margin: 0 0 5px;
            }
div.post_que_backend p  {
            margin: 0 0 4px;
            padding: 0;
            }
div.post_que_backend p.otazka  {
                margin: 0;
                padding: 3px;
                background-color: white;
                }
div.post  {
      border: solid #D9E8EC 1px;
      margin-top: 0;
      margin-right: 10px;
      margin-bottom: 10px;
      font-size: x-small;
      color: #717171;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      }
div.post p  {
      padding: 5px;
      }
div.post p.post_head_backend  {
                background-color: #E8F9FD;
                padding: 3px 5px;
                margin: 0;
                }
/*11.08.2008 pro novou grafiku - konec*/


#discussion {margin: 0}
#discussion table {width: 100%;}
#discussion table th {font-weight: bold; text-align: center; background-color: #22324c; color: #5f93c3;}
#discussion table th#created {width: 120px}
#discussion table th#last {width: 90px}
#discussion table th#numberPosts {width: 90px}
#discussion table tr td a {text-decoration: none}
#discussion table tr td a:hover {text-decoration: underline}
#discussion table tr.lichy {background-color: #B8C4CB /*#39507a*/}
#discussion table tr.sudy {background-color: #DADCDE /*#3e4a64*/}

#discussion table.post_head {width: 100%; background: #DADCDE /*#39507A*/; padding: 4px; margin: 0}
#discussion table.post_head .user_title {font-weight: bold;}
#discussion table.post_head .user_info span {}

#discussion table.post_que {width: 100%; background: #B8C4CB /*#3e4a64*/; padding: 4px; margin-bottom: 1em;}
#discussion table.post_que .user_title {font-weight: bold;}
#discussion table.post_que .user_info span {}

#discussion #discussionNav {float: right}

#discussion_filter {background: #397FFF /*#39507A*/; margin: 1em 0; padding: 0.5em;}

#discussion .obligatory {font-weight: bold; color: red}
#discussion .errors ul li {color: red; list-style-type: none}
#discussion .smilies img {border: 0}

#discussionBackendNav {font-size: 12px; text-align: right; margin-right: 10px}


/* 
#######################
# guestbook           #
####################### 
*/

div.guestbook {
  border: 1px solid #B4B4B4;
  background-color: #E0E1E5;
  padding: 5px;
  margin: 1em;
  width: 550px;
}
div.guestbook div.head
{
  width: 200px;
  display: inline;
  float: left;
  font-size: 14px;
  font-weight: bold;
}

div.guestbook input, div.guestbook textarea, div.guestbook input.button
{
  border: 1px solid #4758A8;
  background-color: #dFe6F0;
}
div.guestbook input.button
{
  font-weight: bold;
  background-color: #50809f;
}

div.guestbook #guestbook-insert-button
{
  float: right;
}

#guestbook-form {
  padding: 0.5em;
  width: 540px;
  margin-bottom: 1em;
  display: none;
}

div.guestbook div.guestbook-messages
{
}

div.guestbook div.guestbook-messages h3 {
  margin: 0.5em;
  float:none;
}

div.guestbook div.guestbook-messages div.guestbook-zprava {
  background-color: #BFBFFC;
  padding: 0.5em;
  clear: both;
  margin-bottom: 1em;
}

div.guestbook div.guestbook-messages div.guestbook-info {
  background-color: #aaaaee;
  padding: 3px;
  margin: 0px;
  height: 16px;
  border-bottom: 1px solid #4758A8;
}

div.guestbook div.guestbook-messages div.guestbook-datum {
  float: right;
}

div.guestbook div.guestbook-messages div.guestbook-jmeno {
  float: left;
  font-weight: bold;
}

#content div.error-message {
  font-size: 1.2em;
  color: red;
  font-weight: big;
}

/* 
#######################
# newsprofi           #
####################### 
*/

/* z obecneho RS */
div.news-news
{
	padding: 10px;
	font-size: 80%;
}

.uldiv2 ul.news 
{
  padding-left:20px;
  _padding-left: 50px;
  width:200px;
  text-align:left;
}

ul.news li {
	list-style-type: none;
}

.news-date {
  margin-top:20px;
	color: #760000;
	
	font-size: 70%;
	
}

.new-title
{
	font-size: 70%;
	font-weight: bold;
	display: inline;
	color:#760000;
}
.news-title-time
{
	font-weight: bold;
	display: inline;
	color: gray;
}
.new-text
{
	font-size: 70%;
	
}
div.news-more
{  border:solid 1px black;
	text-align: right;

}
.news
{
	font-family: Arial, Helvetica;
	text-align:justify;
}

IMG.news-img { border:0px; 
               float:left;
               margin-right:20px;
	       margin-left:1em;
	       max-width: 135px;
	       _width: 135px;
               }
	    
.news-top-title {
	font-size: 80%;
}
 


/* 
#######################
# photogallery        #
####################### 
*/

.photogallery-navigation-arrow
{
    display:inline; position:relative; width 50px;
}

.photogallery-title
{
	margin: 2px 3px 5px 3px;
	padding-left: 20px;	
}

.photogallery-description
{
	background-color: #0077b5;
	border-width: 0 2px;
	/*#ECCCCC*/
	border-color: white;
	border-style:solid;
	padding: 1px;
	margin-bottom: 2px;
	color: white;
	_font-size: 1.2em !important;
}

.photogallery-thumbnail
{
	background-color:transparent;
	font-size:0.9em;
	text-align: center;
	_font-size: 4em !important;
}

.photogallery-thumbnail img 
{
	/*margin: 0 5px 5px 0;*/
	margin: 0;
	margin-top: 11px;
	height: 97px;
	overflow: hidden;
}
.thumbnail-description
{
    display:block;
    text-align:center;
}


.photogallery-navigation 
{
	border-width: 0 3px;
	border-color: white;
	border-style:solid;
	background-color:#EFEFEF;
	text-align:center;
	display:block;
	padding:3px;
}

.photogallery-image-main img
{
	margin: 5px;
	border: 2px solid #EFEFEF;
}

.photogallery-image-main div
{
	display:block;
}

/* 
#######################
# formtomail          #
####################### 
*/

.right-padding {
    padding-right: 20px;
    text-align: right;
}

#fuego_notice {position: relative; top: -15px;}

form table tr td {font-size: 11px}




/* 
#######################
# sitemap             #
####################### 
*/

h3.sitemap-title {
    text-align : center;
    color: gray;
    text-align:left;   
}

ul.sitemap-root {
    text-align:left;
    padding-bottom: 10px;
}
/* 1. ├║rove┼ł */
ul.sitemap-root li {    
    list-style-type: disc;
}
ul.sitemap-root li a, ul.sitemap-root li a:visited, ul.sitemap-root li a:hover{
    color: red;
    text-decoration:underline;    
}
/* 2. ├║rove┼ł */
ul.sitemap-root li ul li a, ul.sitemap-root li ul li a:visited, ul.sitemap-root li ul li a:hover{
    color: black;
    text-decoration:underline;    
}
ul.sitemap-root li ul li {
    list-style-type: circle;
}
/* 3. ├║rove┼ł */
ul.sitemap-root li ul li ul li {
    list-style-type: square;    
}

ul.sitemap-root li ul li ul li a, ul.sitemap-root li ul li ul li a:visited, ul.sitemap-root li ul li ul li a:hover{
    color: orange;
    text-decoration:underline;
}

/* 4. ├║rove┼ł, vic jich snad nebude :)*/
ul.sitemap-root li ul li ul li ul li{
    list-style-type: disc;    
}

ul.sitemap-root li ul li ul li ul li a, ul.sitemap-root li ul li ul li ul li a:visited, ul.sitemap-root li ul li ul li ul li a:hover{
    color: green;
    text-decoration:underline;
}


/* 
#######################
# registration        #
####################### 
*/ 

.registration-table-head
{
    background-color:#FF5A0E;
    font-size:1em;
    color:white;
}
.registration-table-head td
{
    padding:2px;
}
.registration-table-title
{
    text-indent:30px;
    font-size:1.4em;
    font-weight:bold;
    padding:5px;
    color:black;
    display:block;
}
.registration-fieldset
{
    border:1px solid #6888B8; padding:5px;
}
.registration-fieldset legend
{
    font-weight:bold;
    font-size:1.2em;
    color:#6888B8
}
ul.registration-error-list
{
    margin: 10px 100px 10px 20px;
    color:red;
    font-weight:bold;
}
.registration-required-field
{
    color:red;
    font-weight:bold;
}

.registration-table-user-overview
{
    border:1px solid black;
}
.registration-data-inserted-ok
{
    padding:5px;
    color:#FF5A0E;
    font-weight:bold;
}


.center {text-align: center}

/* 
#######################
# poll                #
####################### 
*/

div.news-news
{
	padding: 10px;
}

div.news-title-text
{
	font-weight: bold;
	display: inline;
	padding-left: 10px;
}
div.news-title-time
{
	font-weight: bold;
	display: inline;
	color: gray;
}
div.news-text
{
	padding: 10px;
	padding-left: 20px;
}


/*
#######################################################
#                     KOMPONENTY                      #
#######################################################
*/

/* 
#######################
# searchbar           #
####################### 
*/

.space
{
	padding-left: 5px;
}