.bstyle{           
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.wstyle {
position: absolute;
top: 50%;
left: 50%;
width: 528px;
height: 280px;
margin-left: -264px;
margin-top: -140px;
padding: 2px;
border: 2px solid #000000;
background-color: white;
z-index:1002;
overflow: auto;
font-family: "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
.wstyle a, .wstyle a:visited {
	background-color: #0066FF;
}
.wstyle a:hover {
	background-color: #FF6600;
}

.kw {
	padding: 8px 0px 8px 0px;
	font-size: 9px;
	color: #CCCCCC;
	text-align: justify;
}
.kw strong {
	color: #999999;
	font-size: 11px;
}
.kw a {
	font-size: 13px;
	text-decoration: underline;
}


/*výchozí nastavení*/
*,html{margin:0px 0px 0px 0px;
       padding:0px 0px 0px 0px;}
body
  { text-align: center;
   	margin: 0px auto 0px auto;  /*vzdálenost od okraje okna!!!*/
  	font-family: "luxi sans", "verdana", sans-serif;
  	font-size: 10pt;
  	color: #333333;
  }

table{
    color: #333333;
}
h1{
   font-size: 12px;
   margin-top: 3px;
   margin-bottom: 8px;
   color: #235a91;
}
h2{
   font-size: 12px;
   color: #235a91;
   margin-bottom: 5px;
}
ul,ol{
padding-left:25px;
}
div#error{
border: 3px #cc3400 solid;
padding: 3px 5px 3px 5px;
font-size: 14px;
color: #cc3400;
}
a img{
border:none;
text-decoration: none;
}
  tr.suda{
   background-color: #ffffff;
}
  tr.licha{
   background-color: #e4ebf2;
}

div#odkazy{/*obsahuje odkazy na stránce*/
 position: absolute;
 top: 17px;
 right: 15px;
 text-align: right;
 font-size: 10px;
}
div#odkazy select{
 font-size: 10px;
}

.readonly{/*formát pro readonly prvky formulářů*/
background-color: #ebebeb; 
color: #666666;
}
  
h1 a:visited, h2 a:visited{text-decoration: none; color: #235a91;}
h1 a:link, h2 a:link{text-decoration: none; color: #235a91;}
h1 a:hover, h2 a:hover{text-decoration: none; color: #cc3400;}
h1 a:active, h2 a:active{text-decoration: none; color: #235a91;}

a:visited {text-decoration: none; color: #235a91;}
a:link {text-decoration: none; color: #235a91;}
a:hover {text-decoration: none; color: #cc3400;}
a:active {text-decoration: none; color: #235a91;}

a.current:visited {text-decoration: none; color: #cc3400;}
a.current:link {text-decoration: none; color: #cc3400;}
a.current:hover {text-decoration: none; color: #cc3400;}
a.current:active {text-decoration: none; color: #cc3400;}

a.main:visited{color: white;font-size: 0.8em;text-decoration: none;}
a.main:link{color: white;font-size: 0.8em;text-decoration: none;}
a.main:hover{color: white;font-size: 0.8em;text-decoration: none;}
a.main:active {color: white;font-size: 0.8em;text-decoration: none;}

a.active:visited{color: #cc3400;}
a.active:link{color: #cc3400;}
a.active:hover{color: #cc3400;}
a.active:active{color: #cc3400;}

div.spacer{clear: both;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

#container {/*entire page is in container!!*/
            width: 770px;
            position:relative;
            text-align: left;
            margin: 0px auto;}
/*konec výchozích nastavení*/            

/*Nastavení BBcodu*/
.bold {font-weight: bold;}
.italics {font-style: italic;}
.underline {text-decoration: underline;}
.strikethrough {text-decoration: line-through;}
.overline {text-decoration: overline;}
.quotecodeheader {font-family: Verdana, arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;}
.codebody {background-color: #FFFFFF;font-family: Courier new, courier, mono;font-size: 12px;color: #006600;border: 1px solid #BFBFBF;}
.quotebody {background-color: #FFFFFF;font-family: Courier new, courier, mono;font-size: 12px;color: #660002;border: 1px solid #BFBFBF;}
.listbullet {list-style-type: disc;list-style-position: inside;padding-left:15px;}
.listdecimal {list-style-type: decimal;list-style-position: inside;padding-left:15px;}
.listlowerroman {list-style-type: lower-roman;list-style-position: inside;padding-left:15px;}
.listupperroman {list-style-type: upper-roman;list-style-position: inside;padding-left:15px;}
.listloweralpha {list-style-type: lower-alpha;list-style-position: inside;padding-left:15px;}
.listupperalpha {list-style-type: upper-alpha;list-style-position: inside;padding-left:15px;}
/*Konec nastavení BBcodu*/

/*hlavička*/
#header{
   position:relative;
   height: 213px;
}
#x0{position:absolute;top:0px;left:0px;height: 21px;width: 770px;padding-top: 3px;background-image: url(../img/header-top.jpg);background-repeat: no-repeat;color:white;}
#x1{background-image: url(../img/header-mid-1.jpg);background-repeat: no-repeat;border:none;position:absolute;top:21px;left:0px;height:165px;width:70px;}
#x2{background-image: url(../img/header-mid-2.jpg);background-repeat: no-repeat;border:none;position:absolute;top:21px;left:70px;height:165px;width:70px;}
#x3{background-image: url(../img/header-mid-3.jpg);background-repeat: no-repeat;border:none;position:absolute;top:21px;left:140px;height:165px;width:70px;}
#x4{background-image: url(../img/header-mid-4.jpg);background-repeat: no-repeat;border:none;position:absolute;top:21px;left:210px;height:165px;width:70px;}
#x5{background-image: url(../img/header-mid-5.jpg);background-repeat: no-repeat;border:none;position:absolute;top:21px;left:280px;height:165px;width:70px;}
#x6{background-image: url(../img/header-mid-6-logo-micromall.jpg);background-repeat: no-repeat;border:none;position:absolute;top:21px;left:350px;height:165px;width:353px;}
#x7{background-image: url(../img/header-mid-7.jpg);background-repeat: no-repeat;border:none;position:absolute;top:21px;left:703px;height:165px;width:67px;}
#x8{position:absolute;top:186px;left:0px;height: 26px;width: 770px;padding-top: 6px;background-image: url(../img/header-bot.jpg);background-repeat: no-repeat;color:white;}
#xm{position:relative;left:20px;}
#searchbox{
position:absolute;
top:6px;
border: none;
border-width:0;
padding: 0px  0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:10px;
margin-right:4px;
width: 104px; 
height: 14px;
background-image: url(../img/header-searchbox.gif);
background-repeat: no-repeat;
}
#searchboxarrow{
position:absolute;
top: 6px;
left: 118px;
}
table#searchresult{
 width: 100%;
}
table#searchresult td{
 padding: 3px;
}
table#searchresult tr th{
 text-align: center;
}
th#kod{
 width: 90px;
}
th#nazev{
 width: 90px;
}
th#popis{

}


#login_cart{/*small bar on page header contains cart status and login status*/            
            position:absolute;
            top: 190px;
            right: 15px;
            color: white;
            padding-bottom: 2px;
}
   #login_cart span#cart{
     
   }

   #login_cart span#log{
            font-size: 0.8em;
   }
#login,#my_menu{
       position:absolute;
       top:213px;
       right:0px;
       width: 200px;
       height: 100px;
       visibility:hidden;
       background-color: white;
       z-index: 5;
       background-image: url(../img/background-login.png);
       background-repeat: no-repeat;
       background-position: left top;
       font-size: 10px;
       color:#cc3400;
}
#login form{
   position:relative;
   top:30px;
   left: 12px;
   width: 168px;
}
#login form input.red{
   border: 1px #cc3400 solid;
   width: 113px;
}
#my_menu{
   background: none;
   background-color: white;
   border: #cc3400 solid;
   border-width: 1px 1px 5px 1px;
   padding: 20px 5px 15px 15px;
   height: 65px;
   font-size: 9px;
   font-weight: bold;
}
a.my_menu:visited {font-size: 11px;text-decoration: none; color: #235a91;padding-left:15px; background-image: url(../img/arrow-moje-menu.gif);background-repeat: no-repeat;background-position: left center;}
a.my_menu:link {font-size: 11px;text-decoration: none; color: #235a91;padding-left:15px; background-image: url(../img/arrow-moje-menu.gif);background-repeat: no-repeat;background-position: left center;}
a.my_menu:hover {font-size: 11px;text-decoration: none; color: #cc3400;padding-left:15px; background-image: url(../img/arrow-moje-menu.gif);background-repeat: no-repeat;background-position: left center;}
a.my_menu:active {font-size: 11px;text-decoration: none; color: #235a91;padding-left:15px; background-image: url(../img/arrow-moje-menu.gif);background-repeat: no-repeat;background-position: left center;}

a#logout {color: #666666;padding-left:15px; background-image: url(../img/arrow-moje-menu-grey.gif);background-repeat: no-repeat;background-position: left center;}
/*konec hlavičky*/


/*levý sloupec*/
#left_column{/*setting for left column. left column is in container!*/
             position:absolute;
             top:0px;
             padding-top: 12px;
             left:-190px;
             width: 170px;
}
#left_column ul.menu {
             width:170px;
             margin-bottom: 10px;
             padding-left: 5px;
             padding-bottom: 10px;
             padding-top: 10px;
             background-image: url(../img/menu-category-background.jpg);
             background-repeat: no-repeat;
             background-position: left bottom;
}

#left_column ul.menu li {
  list-style-type: none;
 	margin-top: 3px;
 	margin-bottom: 3px;  
}

.menu a:visited,.menu a:link,.menu a:hover, .menu a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding-left: 18px;
	background-image: url(../img/arrow-1.gif);
  background-repeat: no-repeat;
  background-position: left;	
}
#left_column ul.menu a#current{
	text-decoration: none;
	letter-spacing: 2px;
	padding-left: 10px;
	margin-bottom: 3px;
	background-image: url(../img/arrow1.gif);
  background-repeat: no-repeat;
  background-position: left;	
}
#left_column ul.menu ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#infoline {  
  position:relative;
  height: 80px;
  margin-top: 10px;
  background-image: url(../img/item-background.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  color: #666666;
  padding-left: 5px;
}
#left_column > #infoline{height: auto;}
#infoline h2{
  font-size: 10pt;
  font-weight: bolder;
  padding-left: 18px;
  color: #235a91;
  background-image: url(../img/arrow-2.gif);
  background-repeat: no-repeat;
  background-position: left center;  
}
#infoline img{
  position:absolute;
  bottom:0px;
  right:0px;
}
#infoline span{
  padding-left: 18px;
  font-size: 7.5pt;
  letter-spacing: -1px;

}
#infoline h3{
  color: #cc3400;
  letter-spacing: -2px;
  padding-left: 18px;
  font-weight: bold;
  font-size: 11.5pt;
}
#infoline a:visited {text-decoration: none; color: #444444;position:relative; left: 18px; bottom: 10px;font-size: 0.85em;font-weight: bold;}
#infoline a:link {text-decoration: none; color: #444444;position:relative; left: 18px; bottom: 10px;font-size: 0.85em;font-weight: bold;}
#infoline a:hover {text-decoration: none; color: #444444;position:relative; left: 18px; bottom: 10px;font-size: 0.85em;font-weight: bold;}
#infoline a:active {text-decoration: none; color: #444444;position:relative; left: 18px; bottom: 10px;font-size: 0.85em;font-weight: bold;}

#newsletter{
  height: 65px;
  margin-top: 15px;
  padding-bottom: 43px;
  position:relative;
  background-image: url(../img/item-background.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  color: #666666;
  padding-left: 5px;
}
#left_column > #newsletter {height: auto;}
#newsletter h2{
  font-size: 10pt;
  font-weight: bolder;
  padding-left: 18px;
  color: #235a91;
  background-image: url(../img/arrow-2.gif);
  background-repeat: no-repeat;  
  background-position: left center;  
}
#newsletter img{
  position: absolute;
  bottom: 8px;
  right: 0px;
}
/*konec levého sloupce*/

/*hlavní obsah*/
#content{
        position:relative;
        padding-top: 12px;
        margin-left: 190px;
        width: 580px;
        min-height: 400px;
        height: 400px; /*fix pro explorer*/
}
#container > #content {
        height: auto;  /*vrácení nastavení kvůli firefoxu*/
}
 div#sections{/*contains all sections in one category*/
        padding: 2px 5px 0px 5px;
        margin-top:10px;
        margin-bottom:10px;
        border: 1px #ff3333 solid;
        background-color: #ffffff;
}
  #sections ul{
        list-style-type: none;
        padding-left:0px;
}
  #sections ul li {
        width: 180px;
        float:left;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px;
  }

  #sections ul li h2 a{
        padding-left: 12px;
        background-image: url(../img/arrow-3.gif);
        background-position: left center;
        background-repeat: no-repeat;
        font-size:10px;
}
   #sections ul li h2 a.current{
        color: #cc3400;
        padding-left: 12px;
        background-image: url(../img/arrow-3.gif);
        background-position: left center;
        background-repeat: no-repeat;
        font-size:10px;
        font-weight: bold;
}

/*formating for small item in section/category view*/
#content div.small_item{
  position:relative;
  width: 136px;
  height: 209px;
  margin-right: 8px;
  float: left;
  overflow: hidden;
  background-image: url(../img/item-background.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  
}
#content div.small_item h2{
  font-size: 12px;
  position: absolute; 
  top: 5px; 
  padding-left: 5px;
}
#content div.small_item h2.description{
  font-size: 10px; 
  font-weight: normal; 
  position: absolute; 
  top:140px; 
  left: 5px; 
  width: 125px; 
  height: 38px; 
  overflow: hidden; 
  text-align: justify;
  color: #444444;
}
#content div.small_item img.small,#content div.small_item img.tooltip{
   position: absolute;
   /*top: 34px; Je řešeno přímo v scriptu, aby byli zarovnány svisle na střed*/
   left: 7px;
   border:none;
}
#content div.small_item img.handglass{
   position: absolute;
   top: 115px;
   left: 115px;
   border:none;
}
#content div.small_item form{
   position:absolute;
   bottom:6px;
   left: 12px;
}
#content div.small_item h3.cena{
   position: absolute;
   bottom:10px;
   right: 5px;
   color: #235a91;
   font-size: 12px;
}
#content div.small_item h4.bezna_cena{
   position: absolute;
   bottom:2px;
   right: 4px;
   color: #555555;
   font-size:8px;
   text-decoration: line-through;
}
#content div.small_item input{
   text-align:right;
}

div.paging{
   margin-bottom: 8px;
   font-size: 11px;
}

.paging form{
   position:absolute;
   right:0px;
   display: inline;
}
.paging form select{
   width:77px;
   margin-right: 5px;
   margin-bottom: 5px;
   font-size: 10px;
}
/*end of small item formating*/

#content div#item{/*formating for item one item view*/

}
#item h1#item_name{
  font-size: 1.3em;
}
#item #kod{
  font-size: 10px;
  color: #9a9a9a;
  font-weight: normal;
  margin-bottom: 12px;
}

#item div#long_description{
  color: black;
  font-size: 12px;
  font-weight: normal;
  padding-bottom:10px;
}
#item #left{/*levý  sloupec*/
 float: left;
 width: 230px;
}
#item #left div#obrazky{
 text-align: center;
 padding-top:5px;
}
#obrazky img{
 display: block;
 margin: 5px 5px 5px 5px;
}
div>#obrazky img{
 margin: 5px auto 5px auto;
}
#item #right{/*pravý sloupec*/
 float: right;
 width: 330px;
}
#item>#right{
 margin-right:7px;
}
#long_description ul,ol{
padding-left:25px;
}
#right form{
 width:100%;
 border: 1px #c63812 solid;
 background-color: #fedcd2;
 padding-left: 5px;
}
#right form table{
 width:100%;
 color: #c63812;
 font-size: 11px;
 font-weight: bold;
}
#right form table input{
 text-align:right;
}

#item table#ceny{
  width:100%;
  font-weight: bold;
}
#item table#ceny tr{
}
#item table#ceny td{
  padding:3px 5px 3px 5px;
}
#item table#ceny td.separator{
  height: 2px;
  padding:0px;
  margin:0px;
}
#ceny #sleva{
  background-color: #ccdae7;
  color: #cc3400;
}
#ceny #bezne{
  background-color: #e2e2e2;
  color: #8c8c8c;
}
#ceny #vase_cena td{
  background-color: #fedcd2;
  border: 1px #cd340b solid; /*přímo v kódu je nastaveno, aby se nezobrazovalo ohraničení, tam kde nemá.*/
  color: #cc3400;
}
#ceny #vase_cena_dph{
  background-color: #fedcd2;
  border: 1px #cd340b solid; /*přímo v kódu je nastaveno, aby se nezobrazovalo ohraničení, tam kde nemá.*/
  color: #cc3400;
}
#ceny #usetrite{
  background-color: #ccdae7;
  color: #235a91;
}
#ceny #dostupnost{
  background-color: #e3e3e3;
}
/*formátování registračního formuláře*/
#registration table{width:100%;}
#registration tr td{
  font-size: 0.8em;
}
#registration tr td.required{
  font-size: 0.8em;
  font-weight: bold;
}
#registration input, #registration select{width:140px;}
#registration input.long{width:99%;}
#registration input.right,#registration select.right{width:97.5%;}
/*konec formátování registračního formuláře*/

/*formátování nákupního košíku a volby způsobu dopravy a platby*/
#kosik{
  width: 100%;
}
#kosik a{
font-weight:bold;
}
table#kosik input{
  text-align: right;
  width: 45px;
  font-size:10px;
  font-weight:bold;
}
#kosik th{
  color: #cd541f;
}
#kosik tr td{
font-size:10px;
padding: 1px 1px 2px 1px;
}
table#platba-dodani{
  font-size: 0.8em;
  width: 100%;
}
#platba-dodani tr td{

}
#platba-dodani .lichy{
 background-color: #deecf9;
}
#platba-dodani .sudy{

}
#platba-dodani input{
margin-left:5px;
}
#platba-dodani .name_payment_spedition{
color: #2e5b85;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#platba-dodani #pament_spedition_footer{
font-size: 15px;
color: #2e5b85;
font-weight: bold;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 5px;
background-color: #deecf9;
border: 1px #406d94 solid;
}
h2.nadpis_kosik{/*všechny h2 v košíku*/
font-size: 18px;
margin-top: 3px;
margin-bottom: 8px;
font-weight: normal;
}

/*konec formátování nákupního košíku*/
/*formátování objednávky*/
#order table{width:100%;}
#order tr td{}
#order input.long{width:99%;}
#order input, #order select{width:140px;}
#order #kosik input{text-align: right;width: 45px;}
#order input.right,#order select.right{width:140px;}
/*konec formátování objednávky*/
/*formátování sekce moje objednávky*/
#table_orders{
 width: 100%;
 font-size: 10px;
}
#table_orders th{
 padding: 8px 1px 8px 1px;
 text-align: center;
}
#table_orders td{
 padding: 2px 1px 2px 1px;
}
#table_ordered_items{
 width: 100%;
}
/*konec formátování "moje objednávky"*/
/*konec hlavního obsahu*/

/*zápatí*/
#footer {
   position:relative;
   top:0px;
   left:0px;
   width: 770px;
   height: 45px;
   color: white;
   background-image: url(../img/footer-background.jpg);
   background-repeat: repeat;
   margin-top: 12px;
   padding-top: 4px;
}
#footer #f1{position:relative;left:20px;}
#footer img{
   position: absolute;
   bottom: 5px;
   left: 20px;
}
#footer #copyright{
   position:absolute;
   right: 15px;
   bottom: 5px;
   font-size: 0.8em;
   letter-spacing: -1px;
}
/*konec zápatí*/
/*tooltip*/
#tooltip{/*vnější obal*/
border: 2px #cc3400 solid;
border-bottom-width: 8px;
position:absolute;
visibility:hidden;
background-color: white;
}
#tool_data{/*vnitřní obsah*/
margin: 5px 5px 5px 5px;
}
/*Konec tooltipu*/