HTML
{
margin: 0;
padding: 0;
}
BODY
{
background: url(img/bg.png) repeat-x top #CCCCCC;
font-family: verdana, arial;
font-size: 0.70em;
margin: 0;
color: #232323;
padding: 0;
line-height: 150%;
}
H1
{
font-size: 22px;
border-bottom: 1px solid #dcdcdc;
font-weight: normal;
padding: 0.2em 0 0.2em 0;

}
H1, H2, H3, H4
{
color: black;
font-weight: normal;
/*font-weight: normal;*/
}
H1 {font-size: 22px;}
H2 {font-size: 18px;}
H3 {font-size: 16px;}
H4 {font-size: 14px;}
.clear {clear: both;}
SELECT, INPUT, TEXTAREA
{font-size: 12px;}

A
{color: maroon;
text-decoration: none;
}
A:hover
{
color: #D90000;
text-decoration: underline;
}
A img
{
border: none;
}
.right
{float: right;}
.left
{float: left;}
.right img
{padding: 2px; border: 1px solid #dcdcdc; margin: 0 0 1em 1em;}
.left img
{padding: 2px; border: 1px solid #dcdcdc; margin: 0 1em 1em 0;}

#PAGE
{
background: url(img/head-bg.png) no-repeat top center;
text-align: center;
}
.page-in
{
width: 730px;
margin: 0 auto;
text-align: left;
}
#MAIN
{
padding: 0.5em;
}
#HEAD
{
position: relative;
height: 88px;
}


#HEAD #MENU1
{
position: absolute;
bottom: 0;
left: 310px;
}
#HEAD #MENU1 UL
{
margin: 0;
padding:0;
}
#HEAD #MENU1 UL LI
{
float: left;
list-style-type: none;

}
#HEAD #MENU1 UL LI A
{
color: white;
text-decoration: none;
font-weight: bold;
float: left;
display: block;


}
#HEAD #MENU1 UL LI A SPAN
{
color: white;
text-decoration: none;
font-weight: bold;
display: block;
padding: 10px 14px 4px 14px;
text-transform: lowercase;
}

#HEAD #MENU1 UL LI A:hover, #HEAD #MENU1 UL LI.active A
{
background: url(img/zal-a.png) no-repeat bottom left;
text-decoration: none;
font-weight: bold;
}
#HEAD #MENU1 UL LI A:hover SPAN, #HEAD #MENU1 UL LI.active A SPAN
{
background: url(img/zal-b.png) no-repeat bottom right;
text-decoration: none;
font-weight: bold;
color: maroon;
}




#THEME
{
height: 222px;
background: url(img/theme.jpg) no-repeat top center;
}

#THEME #MENU2 UL
{
margin: 0;
padding:0;
text-align: right;
padding: 10px 10px;
}
#THEME #MENU2 UL LI
{
display: inline;
list-style-type: none;
padding: 10px 10px;
}
#THEME #MENU2 UL LI A
{
color: #ccc;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
#THEME #MENU2 UL LI A:hover
{
color: white;
}
#THEME #MENU2 UL LI.active A
{
color: white;
}
#BOTTOM
{
border-top: 1px solid #DCDCDC;
padding: 0.5em;
font-size: 11px;
color: #666;
text-align: center;
margin: 1em 0.5em;
}

#CMSMENU
{
float: right;
width: 36%;
}
#CMSMENU UL LI
{
list-style-type: none;
background: url(img/sipka-menu.gif) no-repeat top left;
border-bottom: 1px solid #AEAEAE;
font-weight: bold;
line-height: 140%;
padding: 3px 1em 3px 16px;
}

/* text */

.wm4-navig-path, .breadcrumb
{
font-size: 11px;
margin: 0.5em 0;
color: white;
}
.wm4-navig-path A, .breadcrumb A
{
color: #545454;
}

.bile
{
background: url(img/ico-white.png) no-repeat top left;
padding: 0 0 0 16px;
}
.cervene
{
background: url(img/ico-red.png) no-repeat top left;
padding: 0 0 0 16px;
}

.tip
{
clear: right;
float: right;
width: 200px;
padding: 0 0 1em 1em;
margin-left: 1em;
font-size: 11px;
line-height: 140%;
}
.tip p
{

}

.sloupec img
{
padding: 1px;
border: 1px solid #dcdcdc;
}
.sloupec
{
float: left;
width: 239px;
}

.sloupec .in
{
font-size: 0.9em;
}
.sloupec .in H3
{
margin: 1em 0 0.2em 0;
padding: 0;
font-size: 14px;
font-family: arial;
font-weight: bold;
}
.sloupec p
{
margin: 0.5em 0 1em 0;
padding-right: 1.5em;
line-height: 150%;
}
.filter
{
margin: 1em 0;
}
.cat-illustration
{
float: right;

}
table.shop4-goods-params
{
width: 50%;
border-collapse: collapse;
}
.shop4-goods-params td, .shop4-goods-params th
{
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
padding: 0.2em 1em;
}
.cat-list span
{
display: block;
float: left;
width: 33%;
}
.goods-price
{
padding: 16px;
font-size: 18px;
padding-left: 32px;
background: url(img/kosik.png) no-repeat top left;

}
table.wm4-listing th
{
/*background: gray;*/
}
table.wm4-listing td A
{
color: maroon;
}
.cms4-view .cms4-element-pagelet-rest ul, .cms4-view .cms4-element-pagelet-html ul
{
padding-left: 1em;
}

.cms4-view .cms4-element-pagelet-rest ul li, .cms4-view .cms4-element-pagelet-html ul li
{
background: url(img/sipka.gif) no-repeat top left;
list-style: none outside;
padding-left: 15px;
}
.goods-buy
{
/*font-size: 11px;
font-weight: bold;
margin-left: 0.1em;
padding: 0.1em 0.5em;*/
}

.ODRUDY, .ZEME
{
float: left;
width: 48%;
}

.ODRUDY LI, .ODRUDY UL
{
list-style: none outside;
}