/* ~~~~~~~~~~~~~~~~~ Defaulty ~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {font-family: verdana, tahoma, Arial, Helvetica, sans-serif; font-size: 0.75em; margin: 0; padding: 0; line-height: 150%; color: #666666;}

H1, H2, H3, H4
{
padding: 0;
}
H1, H2, H3, H4
{
font-family: arial;
}
input, select, textarea, form, td, th, OPTION
{
font-family: verdana, tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.inp-short
{
width: 150px;
}
form
{
margin: 0;
}
H1
{font-size: 1.8em;color: #3C3B98;}
H2
{font-size: 1.3em;color: #3C3B98;}
H3
{font-size: 1.2em;color: #3C3B98;}
H4
{font-size: 1.1em;color: #3C3B98;}

A img
{
border: none;
}
A { text-decoration: none;}
A:hover {text-decoration: underline;}

.left {float: left;}
.right {float: right;}
.text-right{text-align: right;}
.clear, .wm4-cleaner {clear: both;}
.clear-left
{
clear: left;
}
.small
{font-size: 11px;}
.bigger
{
font-size: 1.4em;
}
TABLE
{border-collapse: collapse;}

.left img
{margin:  0 0.5em 0.5em 0;}
.right img
{margin:  0  0 0.5em 0.5em;}

.button
{
border: 1px solid;
border-top-color: #dddddd;
border-left-color: #dddddd;
border-right-color: #888888;
border-bottom-color: #888888;
font-size: 11px;
margin-top: 3px;
}
A
{
color: #0099CC;
}

.banner
{
float: left;
overflow: auto;
}
.nadpis
{
background: url(img/nadpis.png) no-repeat bottom left;
padding: 2px 0 2px 8px;
color: #000066;
font-weight: bold;
}
.nadpis-orng
{
color: #CE6201;
font-size: 12px;
}
.line
{
background: url(img/line.png) repeat-x bottom;
}

.stin-a
{
background: url(img/stin-a.png) no-repeat top left;
}
.stin-b
{
background: url(img/stin-b.png) no-repeat bottom left;
padding: 10px;
}
.left .stin-b img
{
padding: 0;
margin:0;
display: block;
}
.nadpis .link
{float: right;
margin-top: -23px;
font-size: 11px;
}
.nadpis .link
{
color: #3399FF
}
/* hodnoceni*/
    .stars {background: url(img/stars-gray.png) no-repeat 0 0;}
    .stars .hodnoceni {display: block; height: 16px;  background: url(img/stars-red.png) no-repeat 0 0}
    .stars .hodnoceni span {display: none;}
    
/* ** seznam *** */
.seznam H2
{

}

.seznam UL, seznam li
{
padding: 0;
margin:0;
list-style-type: none;
}
.seznam UL LI
{
font-size: 14px;
font-weight: bold;
}

.seznam UL LI UL LI
{
font-size: 11px;
display: inline;
padding-right : 10px;
}
.seznam UL LI A
{
color: #2266BB;

}
.seznam UL LI UL LI A
{
color: gray;
}





/* ~~~~~~~~~~~~~~~~~ Hlavicka ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#LOUT-HEAD
{
position: relative;
height: 177px;
background: url(img/head-bg.png) repeat-x top;
text-align: center;
font-size: 0.9em;
font-family: arial;
}
#LOUT-HEAD a
{
color: #b5cdde;
}
#LOUT-HEAD a.dark
{
color: #7a9dc6;
}

#LOUT-HEAD a:hover
{
color: white;
}
.head-b .in
{
position: abolute;
}

.head-a
{
background: url(img/head-b-bg.jpg) repeat-x center 20px;
}
.head-b
{
position: relative;
height: 177px;
width: 900px;
margin: 0 auto;
text-align: left;
color: white;
}
.head-theme
{
position: absolute;
top: 20px;
width: 900px;
height: 84px;
}
.blok1,.blok2,.blok3,.blok4,.blok5,.blok6
{
}
.blok1
{
position: absolute;
width: 175px;
top:0;
left:0;
}
.blok2
{
position: absolute;
width: 152px;
top:0;
left:175px;
}
.blok3
{
position: absolute;
width: 92px;
top:0;
left:328px;
}
.blok4
{
position: absolute;
width: 152px;
top:0;
left:420px;
}
.blok5
{
position: absolute;
width: 152px;
top:0;
left:574px;
}
.blok6
{
position: absolute;
width: 172px;
top:0;
left:726px;
}
h1.logo
{
font-size: 16px;
color: white;
}
.logo-img
{
position: absolute;
top: 44px;
}
#LOUT-HEAD H1.logo A
{
    color: white;
}
#LOUT-HEAD H1.logo A:hover
{
text-decoration: none;
}
img.png {
    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/++res++/portaluh.static/img/transparent.gif"
    );
}

#LOUT-HEAD .blok-bottom UL, .toplink
{
padding: 0 0 0 7px;
margin:0;
line-height: 130%;
}
#LOUT-HEAD .blok-bottom UL.a
{
width: 40%;
float: left;
}
#LOUT-HEAD .blok-bottom UL LI
{
padding: 0;
margin:0;
font-weight: bold;
list-style-type: none;
}

/* ~~~~~~~~~~~~~~~~~ Paticka  ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#LOUT-BOTTOM
{
clear: both;
background: url(img/line.png) repeat-x top;
margin: 10px auto;
padding: 10px 0 0 0;
line-height: 140%;
width: 900px;
font-size: 0.8em;
}
.copy
{
background: url(img/line.png) repeat-x top;
margin: 10px auto;
text-align: center;
padding: 1em 0.5em;
}
.blok25
{
width: 25%;
float: left;
}
.blok25 .in
{
padding: 0.5em;
}
.blok25 A
{
}
.blok25 .links A
{
background: url(img/odrazka.png) no-repeat bottom left;
padding-left: 12px;
}

/* ~~~~~~~~~~~~~~~~~ Levy sloupec  ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.menu-left
{
margin-bottom: 10px;
}
.menu-left UL
{
padding: 0;
margin:0;
}
.menu-left UL LI
{
background: red;
list-style-type: none;
background: #F3AA38;
border-bottom: 1px solid #EBC78A;

}
.blok-user
{
background: #E3CBA6;
padding: 5px;
}
.menu-left UL LI A
{
padding: 5px;
display: block;
font-weight: bold;
color: white;
}
.menu-left UL LI A:hover
{
background: #DB791C;
}

.kosik-blok
{
display: block;
text-align: right;
color: #CD3100;
font-weight: bold;
}
.kosik-blok A
{
color: #CD3100;
font-weight: bold;
}


.kosik-nfo span
{
font-size: 1.2em;
}

#LOUT-LEFT
{
float: left;
width: 175px;
}
#LOUT-LEFT .blok, .body-main-right .blok
{
position: relative;
padding-top: 12px;
margin-bottom: 10px;
}
#LOUT-LEFT h2,#LOUT-LEFT h3,#LOUT-LEFT h4
{
font-family: verdana;
}

#LOUT-LEFT .no-margin, .body-main-right .no-margin
{
margin-bottom: 0px;
}
.ucet
{
padding-left: 7px;
}
.ucet A
{
font-size: 11px;
color: #CC3300;
font-weight: bold;
}
.login label
{
font-size: 11px;
color: #666;
}
#LOUT-LEFT .blok-nadp H3
{
color: #140766;
position: absolute;
top: -5px;
font-size: 1em;
padding-left: 7px;
margin-top: 0;
}

#LOUT-LEFT .blok, .body-main-right .blok
{
background: url(img/blok-bg.png) no-repeat top left;
border-bottom: 4px solid #E3CBA6;
}
#LOUT-LEFT .blok .in, .body-main-right .blok .in, .blok-orange, .blok-right
{
padding: 6px;
}

.blok-line
{
background: url(img/line.png) repeat-x bottom;
height: 1px;
}
.blok-right H4
{
margin: 0 0 0.5em 0;
}
/* ~~~~~~~~~~~~~~~~~ Bloky  ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.blok-orange
{
background: #F3AA38;
}
.blok-right
{
background: url(img/blok-right.png) no-repeat top left #EFE3CB;
margin: 10px 0;
}
.blok-bottom
{
margin-top: 91px;
}
.novinky-navig
{
font-size:80%;
}
/* ~~~~~~~~~~~~~~~~~ Body  ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#LOUT-BODY
{
    margin: 0 auto;
    width: 900px;
    text-align: left;
    margin-top: 10px;
    background: url(img/body-bg1.png) repeat-y;
}

#LOUT-BODY-3
{
    margin: 0 auto;
    width: 900px;
    text-align: left;
    background: url(img/body-bg.png) repeat-y;
    margin-top: 10px;
}

#LOUT-BODY-3-NBG
{
    margin: 0 auto;
    width: 900px;
    text-align: left;
    margin-top: 10px;
}

#LOUT-MAIN {
    float:right;
    width: 714px;
    padding:0px;
    margin:0px;
}

.obal, .suggest-vypis
{
width: 525px;
float: left;
}
.obal-right
{
padding-left: 0.8em;
}
.body-main-big
{
float: left;
width: 100%;

}
.body-main
{
margin-left: 178px;
/*border: 1px solid red;*/
}

.body-main-main
{
/**/
margin-right: 188px;
}
.body-main-main .in, .body-main-big .in
{

}
.body-main-main .in .in, .body-main-big .in .in
{
padding: 0 0px;
}

#LOUT-BODY-3 .cms4-view
{
/*float: left;*/
/*margin-right: 185px;*/
}


.body-main-right
{
/*margin-top: -18px;*/
float: right;
width: 175px;
}
BODY .body-main-right .home p, body .body-main-right .home div, BODY .body-main-right UL
{
margin-left: 0.8em;
}
BODY .karta .body-main-right p, BODY .karta  .body-main-right .home p , .karta  .body-main-right DIV, .karta .body-main-right UL LI,  body .karta .body-main-right .home div, .body-main-right DIV, .body-main-right UL LI, BODY .body-main-right p
{
margin-left: 0;
}

.body-main-right .home
{
margin-left: 0;
line-height: 120%;
}

.body-main-right UL
{
margin: 0;
padding:0;
}

.body-main-right UL LI
{
background: url(img/odrazka.png) no-repeat top left;
padding-left: 12px;
list-style-type: none;
}

.body-main-right UL LI A
{
}

 /* cms */

BODY .wm4-navig-path
{
color: #C83301;
line-height: 100%;
font-size: 1em;
padding: 0.5em 0 0.5em 0;
margin: 0;
background: white;
/*width: 520px;*/

}
.wm4-navig-path A
{
color: #3D99C9;
font-size: 0.9em;
}

h1.cms4-element-head-title
{
background: url(img/line.png) repeat-x bottom;
padding: 0 0 8px 0;
margin: 0;
line-height: 120%;
}

.cms4-element-pagelet-image img
{
border: 1px solid red;
padding-top: 4px;
}

.cms4-element-toplevel-document UL, .cms4-element-toplevel-document LI
{
font-family: arial;
margin: 1em 0;
font-size: 15px;
font-weight: bold;
list-style-type: none;
padding:0;
}
.cms4-element-toplevel-document UL UL
{
margin: 0.3em 0;
}
.cms4-element-toplevel-document UL LI UL LI
{
font-family: verdana;
font-size: 12px;
display: inline;
padding-right: 1em;
font-weight: normal;
}

/* ~~~~~~~~~~~~~~~~~ Zbozi ~~~~~~~~~~~~~~~~~~~~~~~~~ */
H1.podnadpis
{
margin:0.5em 0 0.3em 0;
line-height: 115%;
}
.karta
{
/*background: url(img/body-bg2.png) repeat-y top right;*/
}
.karta H3
{
margin-bottom: 0.3em;
}
H3.podnadpis
{
margin: 0 0 0 0;
}

.produkt-parametry TH
{
padding: 0 1em 0 0;
}
.produkt-parametry TD A
{
font-weight: bold;
}

.karta-zalozky UL
{
margin: 10px 0 10px 0;
padding:0;
font-size: 11px;
background: url(img/karta-zalozky.png) no-repeat bottom right;
}
.karta-zalozky UL LI.first
{
border: none;
}
.karta-zalozky UL LI
{
margin: 0;
padding:2px 6px 0 10px;
border-left: 2px solid white;
list-style-type: none;
display: inline;
}
.karta-zalozky A.hasnt
{
color:white;
}

.karta-popis p
{
/*word-spacing: 0.2em;*/
letter-spacing: 0.01em;
}
.shop4-goods-params
{
width: 100%;
}
.shop4-goods-params TD, .shop4-goods-params TH
{
border-top: 1px solid #CECECE;
font-size: 0.85em;
}


.related .related-item
{
float: left;
font-size: 11px;
width: 260px;
margin: 0 0 10px 0;
line-height: 150%;
}
.related H4
{
display: inline;
color: #0099CC;
font-size: 11px;
margin:0;
}
.related .autor
{
color: #333;
font-weight: bold;
}
.related .img
{
float: left;
padding: 0 0.6em 0.6em 0;
}
.related .cena span
{
color: #CC6600;
font-weight: bold;
}
.related .polozka .in
{
padding: 6px;
}
.related .popis
{
clear: both;
display: block;
}





/* novinky right */
.related .related-item
{
line-height: 150%;
font-size: 11px;
padding: 6px;
float: left;
width: 49%;
}

/* ~~~~~~~~~~~~~~~~~ kategorie zbozi  ~~~~~~~~~~~~~~~~~~~~~~~~~ */
.kategorie-zbozi td
{
/*font-family: arial;*/
padding: 0 0.8em 0.8em 0;
}
.kategorie-zbozi H4
{
font-size: 15px;
margin: 0.8em 0 0.1em 0;
}
.kategorie-zbozi div div div
{
color: #CD3100;
font-size: 10px;

}

/* podkategorie */

#COL2-RIGHT, #COL2-CONTAINER
{
background: url(img/body-bg2.png) repeat-y top right;
width: 100%;
}

#COL2-RIGHT .subcategory H2
{
font-size: 15px;
margin: 0.6em 0 0.2em 0;
}

#COL2-RIGHT .inline-category LI
{
display: inline;
margin-right: 1em;
}

#COL2-RIGHT .inline-category
{
margin: 0.3em 0;
padding: 0;
}

#COL2-RIGHT .inline-category LI
{
margin: 0.3em 0;
padding: 0;
}

/* ~~~~~~~~~~~~~~~~~ Novinky ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.novinky .polozka
{
float: left;
font-size: 11px;
width: 260px;
margin: 10px 0;
line-height: 150%;
}
.novinky H4
{
display: inline;
color: #0099CC;
font-size: 11px;
margin:0;
}
.novinky .autor
{
color: #333;
font-weight: bold;
}
.novinky .cena span
{
color: #CC6600;
font-weight: bold;
}
.novinky .polozka .in
{
padding: 6px;
}
.novinky .popis
{
clear: both;
display: block;
}

.novinky-right .polozka
{
line-height: 150%;
font-size: 11px;
padding: 6px;
}
.novinky-right .autor
{
color: #333;
font-weight: bold;
}
.novinky-right H4
{
display: inline;
color: #0099CC;
font-size: 11px
padding: 0;
margin:0;
}
.novinky-right .cena span
{
color: #CC6600;
font-weight: bold;
}
.novinky-right .polozka .in
{
padding: 6px;
}
.novinky-right .popis
{
clear: both;
display: block;
}

/* ~~~~~~~~~~~~~~~~~ Aktuality ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aktualita
{
font-size: 11px;
line-height: 150%;
}
.aktualita .polozka
{

}
.aktualita .polozka .in
{
padding: 6px;
}
.aktualita .aktualita-nadpis
{
display: inline;
}
.aktualita .aktualita-nadpis H4
{
color: #C84D05;
font-size: 11px;
display: inline;
font-weight: bold;
}
.aktualita .aktualita-date
{

}
.aktualita .aktualita-popis
{

}

/* ****** produkty vypis ******** */
.person-vypis
{
/*float: left;*/
line-height: 125%;

}
.seznam-zbozi-kategorie
{
margin-right: 184px;
}
.person-vypis .obsah-blok
{
/*width: 525px;*/
padding: 0.4em 0 0.8em 0;
}

.person-vypis img
{
float: left;
}
.person-vypis .ukazka
{
margin-top: 0.5em;
}
.person-vypis .popis
{
margin-left: 50px;
font-size: 11px;

}
.person-vypis .popis A
{
}
.person-vypis .person
{
font-size: 12px;
}
.popis .podtitul {
font-weight:bold;
}
.person-vypis .person .popis
{
margin: 5px 0 0 0;
font-size: 11px;
}
.person-vypis H3
{
font-size: 14px;
margin: 0em 0 0.2em 0;
}
.person-vypis .cena
{
float: right;
text-align: right;
}
.person-vypis .big
{
font-size: 13px;
}
.person-vypis .red, .person-vypis .red A
{
color: #CD3100;
}
.person-vypis .wm4-pager
{
/*width: 510px;*/
margin-bottom: 0;
}
.person-vypis h1
{
background: url(img/line.png) repeat-x bottom;
padding: 8px 0 4px 0;
margin: 0;
line-height: 120%;
}
.bold
{
font-weight: bold;
}
.person-vypis .listing
{
background: url(img/line.png) repeat-x bottom;
padding: 0 0 8px 0;
margin: 0;
line-height: 120%;
}
.person
{
margin-top: 1em;
}
BODY .person p, BODY .person DIV
{
margin-left: 0;
}
.person-vypis H1, .person-vypis .listing
{
background: url(img/line.png) repeat-x bottom white;
}

/* vypis news */
.news-page .obsah-blok
{

}
.news-page .obsah-blok .cena
{
float: none;
text-align: left;
}



/* category vypis */

.category-vypis .obsah-blok
{
width: auto;
}
BODY .wm4-pager
{
width: auto;
height: 1.7em;
background-image: none;
background: #e6e6e6;
border-top: 2px solid #bfbfbf;
border-bottom: 2px solid #bfbfbf;
padding: 4px 6px;
}

.trideni
{
margin-top: 1em;
}
.category-vypis #COL2-RIGHT UL.inline-category
{
margin: 0.5em 0 1em 0;
}

.person-vypis UL.inline-category LI A
{
padding-right: 0.5em;
}
.trideni
{
text-align: right;
margin-top: 3px;
font-size: 11px;
}

.body-main-right .blok-orange a
{
color: #cd3100;
}

.body-main-right H3, H3.zal
{
background:transparent url(img/nadpis.png) no-repeat scroll left bottom;
color:#000066;
font-weight:bold;
margin: 0 0 5px 0;
padding:2px 0pt 2px 8px;
}
.body-main-right H3.lhotsky-blog
{
background:transparent url(img/nadpis_tmavy.png) no-repeat scroll left bottom;
color:#fff;
font-weight:bold;
margin: 0 0 5px 0;
padding:2px 0pt 2px 8px;
}

.home strong, .home strong A
{
color: #CC6600;
}

.body-main-right .home p
{
padding: 0.3em 0;
margin: 0;
font-size: 11px;
}

.body-main-right .home div
{
padding: 0 0 1em 0;
margin: 0;
font-size: 11px;
}

.home-uvod
{
float: left;
width: 530px;
}

.home-uvod .nadpis
{
background: url(img/nadpis.png) no-repeat bottom left;
padding: 2px 0 2px 8px;
margin-bottom: 0.5em;
color: #000066;
font-weight: bold;
}
.home-top-nadpis
{
margin-top: 0;
margin-bottom: 0.5em;
}
.home-uvod .person-vypis .obsah-blok
{
float: left;
min-height: 160px;
_height: 160px;
width: 264px;

}
.home-uvod .person-vypis .cena
{
float: none;
text-align: left;
}

.suggest-vypis .popis .ukazka
{
margin-top: 0.5em;
}
.home-uvod .person-vypis .popis, .home-uvod .person-vypis .popis .ukazka H3
{
padding-right: 1em;
}
.suggest-vypis H3
{
margin: 0.6em 0;
font-size: 1.4em;
}

/*
.suggest-vypis .stin-a
{
background: url(img/stin-a.png) no-repeat top left;
}
.suggest-vypis .stin-b
{
background: url(img/stin-b.png) no-repeat bottom left;
padding: 10px;
}
.suggest-vypis .img
{
float: left;
}
.suggest-vypis .img .stin-b img
{
padding: 0;
margin:0;
display: block;
}
*/

.category-side
{
float: right;
width: 175px;
padding-top: 1em;
}
BODY .category-side-item DIV.text
{
padding: 0 0 0 0.8em;
}


BODY .category-side-item
{

padding: 0 0 0.8em 0.8em;
font-size: 11px;
line-height: 135%;
/*clear: both;*/
}
.category-side-item A img
{
padding: 0 0.5em 0.5em 0;
float: left;
}

/* admin */
#MYADMIN-HOME #COL2-LEFT
{
width: 525px;
float: left;
}
#MYADMIN-HOME #COL2-LEFT
{
float: right;
width: 165px;
font-size: 11px;
}
#MYADMIN-ORDERS TABLE, #MYADMIN-BOOKMARKS TABLE
{
width: 95%;
}
#MYADMIN-ORDERS TABLE TD, #MYADMIN-ORDERS TABLE TH, #MYADMIN-BOOKMARKS TABLE TD , #MYADMIN-BOOKMARKS TABLE TH
{
border-bottom: 1px solid #efefef;
}

#MYADMIN-HOME HR, #MYADMIN-ORDERS HR, #MYADMIN-BOOKMARKS HR, #LOUT-MAIN HR
{
border: none;
background:transparent url(img/line.png) repeat-x center top;
}
.novinka
{
background: url(img/novinka.png) no-repeat top left;
font-size: 10px;
color: white;
padding: 2px 5px 3px 5px;
}