/*
 * // -----------------------základní prvky---------------------------------------
 */

body {
    background: #fff url('/images/bg.gif') 0 0 repeat-x;
    text-align: center;
    margin: 0px;
    padding:0px;
    padding-bottom:72px;
}
#bottom{
background:  url('/images/footer.gif') bottom center repeat-x;
}
#top{
width: 790px;
text-align: center;
margin-left:auto;
margin-right:auto;
background:#fff;
margin-top:24px;
background:#fff url('/images/top.jpg') top center no-repeat;
}
hr{
    background: url('/line.jpg') no-repeat center;
    height:10px;
    border:0px;
}
.reklama {
    display: none;
}
.brands{
    height:30px;
    font-size:15px;
    margin-top:4px;
    margin-left:30px;
}
.brands ul{
    padding:0;
    list-style-type:none;
    margin:0;
}
.brands ul li{
    color:#999;
    float:left;
    margin-right:6px;
}
.brands ul li a{
    color:#f0f0f0;
    padding-left:2px;
}
.brands ul li a:hover{
    color:#fff;
    text-decoration:none;
}
#home{
background:url('/images/home.gif') -6px -1px no-repeat;
padding-left:20px;
}
.main {
    margin:0 0;
}
.head {
    margin: 0px;
    padding: 0px;
    text-align:center;
    height:200px;
    overflow:hidden;
}
.lang{
    float:right;
    margin:8px;
}
.lang img{
    border:0;
}
.head h1{
    text-align:left;
    margin:0;
    padding:0;
    font-family:Trebuchet MS;
    font-size:2em;
    margin:15px 0px 0px 15px;
    _margin-left:7px;
    float:left;
    width:300px;
}
.head h1 img{
    border:0;
    display:none;
}
.head h1 a{
    color:#000;
    display:block;
    text-decoration:none;
    height:80px;
}
.head h1 a span{
    display:none;
}
.head h2{
    font-family:Arial;
    font-size:0.7em;
    margin:10px 8px 0px 15px;
    float:right;
    width:350px;
    color:green;
    text-align:right;
    padding:0;
    clear:right;
}
#uvod{
color:#fff;
font:bold 2em Arial;
display:block;
text-align:center;
clear:both;
text-shadow: 1px 2px 3px #000;
}
#banner{
float:right;
font:bold 2.2em Arial;
font-style:italic;
color:#fff;
margin:0;
padding:0;
}
.head hr,
.kosik hr,
.prefix hr{
    display:none;
}
hr.es,
hr.divend,
br.divend{
    margin:0px;
    clear:both;
    visibility:hidden;
}
.topbar{
    margin-top:16px;
    padding-left:10px;
    text-align:left;
}
.topbar ul{
    margin:0 0 0 15;
    padding:0;
    list-style-type:none;
    font-family:Trebuchet MS;
}
.topbar li{
    margin:1px 14px 0px 0px;
    border:0;
    padding-left:0px;
    padding-right:16px;
    line-height:120%;
    background:url('/images/topli.gif') right center no-repeat;
    text-align:left;
    float:left;
}
.topbar a{
    font-weight:bold;
    color:#f1f1f1;
    text-decoration:none;
}
.topbar a:hover{
    text-decoration:underline;
}
#navibar{
float:right;
margin-right:0px;
width:180px;
}
#navibar a{
}
#navibar img{
margin:3px;
border:0;
}
a#slct{
    background:#333;
}

/*
 * ***************  PREFIX
 */
.prefix{
    float: left;
    width: 478px;
    _width: 477px;
    margin-left:2px;
    border:0;
}
#nastip{
margin-left:1px;
}
/*
 * ***************  LEFTSIDE
 */
.leftside{
    width: 250px;
    float: right ;
    text-align:left;
    background:url('/images/leftside.gif') top left repeat-y;
    margin-left:1px;
}
.leftside h3,
.leftside h4,
.rightside h3{
    padding:13 0 13 42px;
    color:#222;
    font-family:Tahoma;
    font-size:0.8em;
    margin:0;
    border-bottom:1px solid #ccc;
}
.menu,
.mainmenu{
    margin-left:2px;
    margin-right:8px;

}
.menu h2{
    margin:0;
    padding:8;
    font:bold 1em Arial;
    color:#333;
}
.menu p{
    margin:0;
    padding:8;
    font:0.8em Verdana;
    color:#333;
}
.leftside a{
    font: 0.9em Arial;
    color:#333;
}
.leftside a:hover{
    text-decoration:none;
}
.leftside p{
    text-align:left;
    font-size:11px;
    padding:8px;
}
.leftside p a{
    font-size:11px;
    color:#006600;
}
.leftside p:hover{
    color:#000;
    background:#e1e1e1;
}
.leftside center h3{
    text-align:left;
    margin-top:15px;
}
.leftside ul{
    list-style-type:none;
    margin:0;
    padding:0;
    margin-bottom:10px;
    margin-top:1px;
}
.leftside li,
#menu1 li,#menu2 li{
display:block;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
font-family:Tahoma;
font-size:0.8em;
margin:0;
padding:0;
}
.leftside li:hover,
#menu1 li:hover,#menu2 li:hover{
}
.leftside li a{
    display:block;
    color:#333;
    padding:4px;
    padding-left:24px;
    text-decoration:none;
    background:url('/images/lli.gif') 7px 7px no-repeat;
}
.leftside li a:hover{
    text-decoration:underline;
    background:url('/images/llih.gif') 7px 7px no-repeat;
}
#menu1,#menu2{
margin-left:170px;
width:170px;
}
#menu2{
margin-top:25px;
}
#slide{
text-align:center;
margin-bottom:10px;
}
#slide h4{
text-align:left;
}
#slide img{
border:3px double #ccc;
margin-top:10px;
}
#visit{
padding-bottom:10px;
}
#visit img{
margin-top:5px;
border:0;
}
#visit p{
text-align:justify;
font-size:8px;
}
.leftside hr{
    display:none;
}
#login .sub{
margin-left:0px;
margin-top:5px;
}
#kontakty{
?height:200px;
}
#kontakty ul,
#l1b ul{
margin:10px;;
}
#kontakty li,
#l1b li{
border:0;
display:block;
padding:2px;
padding-left:28px;
background:none;
margin:0;
}
#kontakty li a,
#l1b li a{
display:inline;
padding:0;
color:#990000;
}
#kontakty .adr,
#l1b .adr{
background:url('/ikony/email.png') 8px center no-repeat;
}
#kontakty .email,
#l1b .email{
background:url('/ikony/email_go.png') 8px center no-repeat;
}
#kontakty .tel,
#l1b .tel{
background:url('/ikony/phone.png') 8px center no-repeat;
}
#kontakty li.hl,
#kontakty li.adr,
#l1b li.hl,
#l1b li.adr{
color:#232323;
font:14px Arial;
}
#kontakty li.hl,
#l1b li.hl{
border-bottom:1px solid #ccc;
margin-bottom:4px;
padding-bottom:4px;

}
#kontakty li.url a,
#l1b li.url a{
color:#333;
}
#leftpata{
background:url('/images/leftpata.gif') left bottom no-repeat;
height:40px;
margin-left:1px;
}
#cart{
background:#ECFFE6;
padding:10px 0;
}
#cart strong{
font:bold 16px Arial;
padding-left:28px;
background:url('/images/kosik.gif') 5px 0px no-repeat;
}
#cart a{
font:bold 16px Arial;
padding-left:8px;
color:#b00000;
}
#cart p.alert{
margin:4px 8px;
}
/*
 * ***************  MIDDLE
 */
.adsense{
    width:250px;
    float:right;
    margin-left:12px;
}
.upper{
    text-align:center;
}
.upper h1{
    text-align:center;
    color:#DE32E2 !important;
}
.navigace{
    padding-top:10px;
    margin-left:0px;
    font-size:0.8em;
}
.viewfoto a,
.middle a,
.middlew a {
    color:#b00000;
    text-decoration: underline;
}
.viewfoto a:hover,
.middle a:hover {
    text-decoration: none;
}
.clanek{
    margin:0 30 0 30;
}
.middle,
.middlew{
    padding:10 0 10 0;
    margin:0 0 0 20;
    min-height:516px;
    font-family:Tahoma;
    text-align:left;
    float:left;
    width:490px;
}
.chyba_prihlaseni{
    float: left;
    width: 470px;
    margin-left:5px;
}
.middlew,
#wide{

}
#wide fieldset{
margin-right:0px;

}
#wide fieldset table th,
.middlew fieldset table th{
    text-align:left;
    color:#333;
    font-size:0.7em;
}
.middle h1,
.middlew h1{
    font-size: 24px;
    font-family: Trebuchet MS;
    padding:8px;
    padding-left:0px;
    margin-left:0px;
    font-weight:bold;
    text-align:left;
    color:#990000;
}
.clanky h1{
    margin-left:0px;
}
.middle h2,
.middlew h2,
.kontakty h2{
    padding:0px;
    font: 1.1em Arial;
    margin:4 0;
    color:#003366;
    margin-left:0px;
    font-weight:bold;
    padding:8 0 8 0;
}
.middle h2 span{
    color:#222;
}
.chyba_prihlaseni h3,
.middle h3,
.middlew h3,
.viewfoto h3{
    font: 1em Arial;
    margin-bottom:5px;
    padding:0px;
    color:#003366;
    font-weight:bold;
}
h3#comments{
    border-top:1px dashed #cccccc;
    padding-top:8px;
    margin-top: 30px;
}
.middle h4,
.middlew h4{
    font: 0.9em Arial;
    margin-bottom:5px;
    padding:0px;
    color:#333;
    font-weight:bold;
    margin:10px;
}
.viewfoto h3#comments{
    margin-right:10px;
}
.chyba_prihlaseni p,
.middle p,
.middlew p,
.pozn div{
    font-family:Arial;
    line-height:140%;
    text-align:justify;
    margin:10 15 10 0;
    font-size:0.8em;
    color:#333;
}
.middle center{
    font:0.8em Arial;
    color:#666;
}
.middle strong{
    color:#363636;
}
.middlew form,
.middle form{
    margin:0;
    padding;0;
}
.middlew fieldset,
.middle fieldset{
    margin:10 0 10 0;
    background: url('/images/i-box.gif') center bottom repeat-x;
}
.middlew fieldset{
    margin-right:-2px;
}
fieldset legend{
    color:#666;
    margin:4px;
    font:bold 0.8em Verdana;
}
.middle ol,
.middlew ol{
    font: 0.8em Verdana;
}
.middle ol li,
.middlew ol li{
    line-height:170%;
}
.middle ul,
.middlew ul{
    margin:0;
    padding:0;
    list-style-type:none;
    font: 0.8em Arial;
    font-size:0.8em;
    color:#333;
}
.middle img{
    margin:8px;}

    .middle ul li,
.middlew ul li{
    line-height:150% !important;
    margin-left:6px;
    padding-left:18px;
    background:url('/images/lih.gif') 6px 6px no-repeat;
}
.middle li strong{
    font:bold 1em Arial;
}
ul.nolist{
    list-style-type:none;

}
ul.nolist{
    margin-left:0px;
    padding-left:14px;
}
.viewfoto table td,
.viewfoto table th,
.middle table td,
.middle table th,
.middlew table td,
.middlew table th {
    font-family:Verdana;
    font-size:0.6em;
    margin: 0px;
    padding:2px;
}
table.cenik{
    background:#ccc;
    width:98%;
}
table.cenik th,
table.cenik td{
    padding:8px !important;
    text-align:left;
    font-size:13px;
    background:#fff;
}
table.cenik th{
    background:#eee;
}
.kontakty table{
    margin-left:20px;
}
#avatar img{
border:8px solid #ccc;
margin-bottom:10px;
}
#print{
float:right;
}
.uver{
    float:left;
}
.pozn2,
.pozn{
    padding:6 10 0 10;
    margin:16 0 16 0;
    border:1px solid #669900;
    background:#F9FFEC;
}
.pozn p strong{
    color:#006600;
}
.eshop .pozn p strong{
    color:#323232;
}
.pozn2 p,.pozn p{
    text-indent:0px;
    margin-top:4px
}
.pozn h2{
    margin-top:0px;
}
.pozn2 h3,.pozn h3{
    color:#333;
    margin-top:0px;
    margin-bottom:10px
}
.pozn2 h3{
    color:#b00000;
    margin-top:0px;
    margin-bottom:10px
}
.pozn ul,
.pozn2 ul{
    margin-left:10px;
    margin-bottom:10px;
}
.pozn ul li,
.pozn2 ul li{
    margin-left:10px;
}
b.stats{
    clear:both;
    display:block;
    font-weight:normal;
    border-top:1px dashed #cccccc;
    margin:0;
    padding-top:3px;
}
b.stats span{
    color:#8E1B06;
}
.foto a {
    color: #0066CC;
    text-decoration: none;
}
.foto a:hover {
    color: black;
    text-decoration: underline;
}
.bestart_clanek{
    width:240px;
    float:left;
    margin-right:8px;
}
.bestart_clanek img{
    width:100px;
    float:left;
    margin:0 8px 5px 0;
    border:0;
}
#bestart h3{
height:30px;
}
.bestart_clanek h3 a{
    font-size:0.8em;
    color:#b00000;
    text-decoration:none;
}
.bestart_clanek h3 a:hover{
    color:#b00000;
    text-decoration:underline;
}
.bestart_clanek p{
    font-size:0.9em;
}
#relatedart p{
margin-top:0;
font-size:0.75em;
}
#relatedart .bestart_clanek{
width:290px;
float:left;
margin-right:10px;
}
.strankovani,
.strankovani2{
    margin:0 20 15 0;
    padding-top:8px;
    border-top:1px solid #ccc;
    font-weight:bold;
    font-size:0.8em;
}
.strankovani a:hover{
    text-decoration: none;
}
.viewfoto .strankovani{
    margin:18px;
    font-weight:bold;
}
.viewfoto .strankovani a{
    padding:2px;
}
.viewfoto .strankovani a:visited{
    color:black;
}
.viewfoto .strankovani a:active{
    border:1px solid #0066CC;
}
.strankovani a{
    color: #660000;
    text-decoration: underline;
}
.strankovani b{
}
.strankovani2 a{
    color: #660000;
    text-decoration: underline;
    display:block;
    border:1px solid #000;
    float:left;
    min-width:20px;
    _width:20px;
    margin:5 5 0 0;
    text-decoration:none;
    text-align:center;
}
.strankovani2 b.active,
.strankovani2 a:hover{
    display:block;
    border:1px solid #000;
    background:#b00000;
    color:#fff;
    float:left;
    width:20px;
    margin:5 5 0 0;
    text-align:center;
}
/*
 * ***************  FOOTER
 */
.footer{
    padding:00 10 0 10;
    margin:0;
    clear:both;
}
.footer div{
    font-size:11px;
    font-family:Verdana;
    color:#232323;
    padding:0px;
    margin:4px;
    text-align:right;
    padding-bottom:18px;
}
.jpw{
    background: #fff;
}
.jpw .icon{
    margin-top:12px;
}
.footer a{
    color:#333;
    text-decoration:none;
}
.footer a:hover{
    text-decoration:underline;
}
.footer div div{
    width:30%;
    margin-right:20px;
    float:left;
    text-align:left;
}
.footer div div h3{
    font-style: italic;
    margin:10 0 0 0;
    border-bottom:1px groove #222;
    _border-bottom:1px solid #858585;
    color:#e1e1e1;
    font-size:1.6em;
    font-family: Arial;
    padding-bottom:8px;
}
#kontakt{margin-left:15px;margin-right:10px;}
#kontakt h3{padding-left:20px;background:url('/images/phone.gif') top left no-repeat}
#kontakt fieldset{border:0}
#kontakt legend,#none{display:none;}
#kontakt table th{font-size:0.7em;color:#ccc;vertical-align:top}
#kontakt textarea{width:200px;height:60px;border:1px solid #e5e5e5;background:#f1f1f1 url('/images/tbg.gif') bottom left repeat-x;}
#kontakt #email{width:200px;border:1px solid #e5e5e5;background:#f1f1f1 url('/images/ibg.gif') bottom left repeat-x;}
#o-info ul{list-style-type:none;margin:0;padding:0;font:bold 1.2em Arial;}
#o-info ul li{border-bottom:1px dashed #666;padding:3px;padding-left:15px; background:url('/images/li2.gif') 6px 8px no-repeat;}
#o-info ul li a{color:#fff;}
#komentare{margin:0;}
#komentare i{font-size:9px;}
#komentare i{border-bottom:1px dashed #666;padding-bottom:2px;margin-bottom:2px;display:block}
.grey{border:1px solid #ccc;background:#fff url('/images/tbg.gif') bottom left repeat-x;}
.seznam td, .seznam th{
    background:#f1f1f1;
}
#kont{
margin-right:10px;
}
/*
 * INDEX
 */
.index-pozn{
    float:left;
    width:240px;
    margin:0 15px 0 15px;
}
.index-pozn p{
    text-align:left;
}
.index-pozn h2{
    padding-bottom:4px;
    border-bottom:1px solid #e1e1e1;
}
.index-pozn img{
    border:0;
    text-align:center;
}
span.upper{
    vertical-align:super;
    font-size:0.6em;

}
/*
 * -----------------------------------------------
 */
p.darkred,p.alert{
    text-indent:0px;
    line-height:150%;
    color:#b00000;
    border:1px dotted #b00000;
    background:#FFF0F0;
    text-align:center;
    font-size:0.9em;
    margin-top:20px;
}
.prefix p,
.middle p.alert{
    margin:5 0 5 0;
    padding:10px;
}
.eshop p.alert{
    margin-left:0;
}
.darkred{
    color:#b00000;
}
#s-link {
width: 40em;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
font-family:arial;font-size:11px;
color:#999;
}
#s-link a{
color:#999;
}
/*
 * -----------------------fotogalerie---------------------------------------
 */
.viewfoto{
    float: left;
    padding: 0px;
    margin: 0px;
    background-color:white;
}
.viewfoto img,.viewfoto h3,.viewfoto span{
    margin-left:18px;
}
.viewfoto .bhead,
.viewfoto .body,
.viewfoto .bpata,
.viewfoto table{
    margin-left:18px;
    width:500px;
}
.viewfoto .body img{
    width:50px;
    height:60px;
}

.viewfoto h3{
    margin-left:10px;
    margin-top:10px;
}
.viewfoto span{
    color:#666666;
}
table.foto{
    margin:0 0 0 0;
    padding:0px;
}
table.foto td b{
    color:red;
    font-size:8px;
}
img.nahled{
    float:right;
    border:0;
    margin:0px;
    margin-left:15px;
    border:1px solid #ccc;
}
.thumb{
    margin-top:5px;
    border: 2px solid #666;
    max-width:140px;
    _width:140px;
}
.thumb a:hover{
    margin-bottom:0px;
    border: 2px solid #4E4E27;
}
/*img.smile{
 * margin-bottom:0px;
 * border:0px;
 * }  */
p.reaguj img.smile{
    margin-bottom:0px;
    border:0px;
    width:16px;
    height:16px;
}
img.ikon{
    width:80px;
    height:15px;
    border:0px;
    margin-left:25px;
}
/*
 * newz
 */
.bhead {
    _width: 100%;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    background: #181818 url('/images/topbar.gif') 0px -5px repeat-x;
    margin-left:10px;
}
.bhead h2{
    margin: 5px;
    padding:5px;
    font-size:13px;
    float:left;
    width:60%;
    color:#fff;
}
.bhead h2 a{
    color:#fff;
}
.bhead h5,.bhead h4{
    text-align:right;
    margin:5 10 0 10;
    padding:5 25 5 0;
    font-size:10px;
    color:#f1f1f1;
    background:url('../ikony/icon-calendar.gif')  right center no-repeat;
    float:right;
    width:37%;
}

.body {
    _width: 100%;
    border: 0px;
    text-align: center;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    background-color: #ffffff;
    margin-left:10px;
}
.body p{
    margin: 0px;
    padding:5 8 5 8;
    text-align:justify;
    font-size:12px;
}
.body img{
    margin-bottom:10px;
    text-align:center;
    border:1px solid #cccccc;
}
.body a.ltb{
    display:block;
    text-decoration:none;
    background:#000 url('../ikony/zoom.png') no-repeat right bottom;
    margin:8 auto 8 auto;
    text-align:right;
}
.body a.ltb img{
    border:1px solid #000;
    margin-bottom:0px;
}
.body a.ltb span{
    display:block;
    margin-right:18px;
    color:#f1f1f1;
}
.bpata {
    _width: 100%;
    height: 20px;
    margin-bottom: 5px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    margin-left:10px;
}
.bpata p{
    float:right;
    margin:0px;
    padding: 3px;
    padding-left: 0px;
    font-size: 10px;
    font-family:"Verdana";
    text-align: right;
}
.bpata img{
    float:left;
    border:0px;
    margin:0px;
    margin-left:2px;
    margin-right:0px;
    clear:none;
}
/*
 * *****KOMENTARE
 */
.komentare{
    margin-left: 10px;
}
.komentare .bhead{
    margin-top:10px;
}
.komentare .bhead h2{
    color:#333;
    width:200px;
    float:left;
}
.komentare .bhead h5{
    color:#333;
    width:160px;
    float:right;
}
.komentare .bhead,
.komentare .body,
.komentare .bpata{
    border:0;
    border-left: 5px solid #CCCCCC;
    background:#f1f1f1;
}
.admin .bhead,
.admin .body,
.admin .bpata{
    border-left: 5px solid #b00000;
    background:#FFE1E1;
}
.autor .bhead,
.autor .body,
.autor .bpata{
    border-left: 5px solid #339900;
    background:#EAFFDF;
}
.user .bhead,
.user .body,
.user .bpata{
    border-left: 5px solid #006699;
    background:#E1F1FF;
}

/*ESHOP*/


.karta{
    float:left;
    width:280px;
    height:210px;
    overflow:hidden;
    background:url('/images/karta.jpg') no-repeat;
    margin-bottom:10px;
}
.suda .karta{
    margin-right:12px;
}
.karta h2{
    margin:2 10;
    font-size:16px;
}
.karta h2 a{
    text-decoration:none;
    color:#990000;
}
.karta p{
    margin:0 10;
    font-size:11px;
}
.karta h2 a:hover{
    text-decoration:underline;
}
.karta-obr{
    float:left;
    height:90px  !important;
    overflow:hidden !important;
}
.karta-obr img{
    width:110px;
    margin:2 10 5 10;
    border:0;

}
.moreinfo{
    clear:both;

}
.karta .tlacitka span{
    color:#f1f1f1;
    padding:5 0 8 0;
    display:block;
    text-align:center;
    width:108px;
    float:right;

}
.karta .detail{
    margin-right:0px;
    padding:0;
}
.karta .detail a{
    color:#f1f1f1;
}
.karta .cena{
    background:url('/images/cena.gif') no-repeat;
    margin-right:35px;
    margin-top:5px;
}


.eshop .tbl-info{
    margin-right:5;
    float:right;
    width:290px;
    border:1px solid #ccc;
    margin-bottom:15px;
}
.tbl-info td,
.tbl-info th{
    text-align:left;
    font-size:0.9em;
    font-family:Tahoma;
}
.tbl-info tr.sudy td,
.tbl-info tr.sudy th{
    background:#f1f1f1;
}
.objednat{
    margin-top:10px;
    float:right;
    width:290px;
    text-align:center;
    margin-bottom:15px;
}
.objednat a{
    display:block;
    width:235px;
    padding-top:24px;
    padding-bottom:24px;
    background:url('/images/objednat.gif') top center no-repeat;
    color:#f1f1f1;
    font:bold 18px Arial;
}
.objednat a span{
}
.cena{
    color:#800000;
    font-weight:bold;
}
.tlacitka{
    float:right;
    display:table-cell;
    text-align:right;
    padding:4px;
    padding-right:0;
    width:450px;
    margin-right:15;
    font:bold 0.9em Arial;
    color:#333;
}
.tlacitka input,
.objednat input{
    vertical-align:middle;
    margin-left:4px;
}
.obr{
    float:left;
    border:1px solid #e1e1e1;
    padding:12px;
    overflow:hidden;
}
.popis{
    clear:left;
    float:left;
    width:350px;
}