@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
body{
background:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
h2{
font-family:Geneva, Arial, Helvetica, sans-serif;
}
h3{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
}
.clear{
clear:both;
}
#wrapper{
width:980px;
margin:0 auto;
}
#header{
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
width:980px;
height:198px;
}
#header .top{
display:block;
width:330px;
float:left;
height:146px;
text-align:right;
}
#header .kosik{
float:left;
width:620px;
font-size:12px;
text-align:center;
padding-top:10px;
text-align:right;
line-height:16px;
}
.kosik img{
padding-right:18px;
border:0px;
}
.kosik a{
display:block;
clear:both;
text-align:center;
text-decoration:none;
color:#CC0000;
}
.kosik table{
float:right;
}
#header ul{
display:block;
height:50px;
width:940px;
list-style:none;
padding-left:19px;

font-weight:bold;
font-family:Verdana;
}
#header .hlav{
display:block;
float:left;
}
#header .hlav a{
display:block;
width:113px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .hlav a:hover{
display:block;
background-image:url(../img/hlavni-stranka.gif);
width:110px;
margin-left:1px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .sper{
display:block;
float:left;
padding-left:151px;
}
.preload1{
background-image:url(../img/hlavni-stranka.gif);
display:none;
}
.preload2{
background-image:url(../img/sperky.gif);
display:none;
}
.preload3{
background-image:url(../img/ostatni.gif);
display:none;
}
.preload4{
background-image:url(../img/malo.gif);
display:none;
}
.preload5{
background-image:url(../img/velko.gif);
display:none;
}
.preload6{
background-image:url(../img/online.gif);
display:none;
}
.preload7{
background-image:url(../img/kontakt.gif);
display:none;
}
#header .sper a{
display:block;
width:113px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .sper a:hover{
display:block;
background-image:url(../img/sperky.gif);
width:110px;
margin-left:1px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .ost{
display:block;
float:left;
}
#header .ost a{
display:block;
width:113px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .ost a:hover{
display:block;
background-image:url(../img/ostatni.gif);
width:110px;
margin-left:1px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .malo{
display:block;
float:left;
}
#header .malo a{
display:block;
width:113px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .malo a:hover{
display:block;
background-image:url(../img/malo.gif);
width:110px;
margin-left:1px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .velko{
display:block;
float:left;
}
#header .velko a{
display:block;
width:113px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .velko a:hover{
display:block;
background-image:url(../img/velko.gif);
width:110px;
margin-left:1px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .online{
display:block;
float:left;
}
#header .online a{
display:block;
width:113px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .online a:hover{
display:block;
background-image:url(../img/online.gif);
width:110px;
margin-left:1px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .kontakt{
display:block;
float:left;

}
#header .kontakt a{
display:block;
float:left;
width:109px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#header .kontakt a:hover{
display:block;
background-image:url(../img/kontakt.gif);
width:109px;
margin-left:1px;
height:52px;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}
#content{
background-image:url(../img/content.gif);
background-repeat:repeat-y;
width:980px;
}
#footer{
background-image:url(../img/footer.gif);
background-repeat:repeat-x;
width:944px;
height:35px;
padding-top:8px;
color:#FFFFFF;
text-align:center;
margin-left:18px;
font-size:12px;
}
#footer a{
color:#00CCFF;
text-decoration:none;
}
#left{
float:left;
width:190px;
padding-left:20px;
}
#left ul{
list-style-type:none;
}
#left ul a{
width:183px;
text-decoration:none;
background:#CC66CC;
margin-bottom:1px;
display:block;
padding:1px 0px 1px 5px;

font-weight:bold;
color:#333333;
}
#left ul a:hover{
text-decoration:none;
padding:1px 0px 1px 5px;
display:block;
font-weight:bold;
color:#333333;
background:#FF99FF;
}
#right{
float:left;
width:744px;
padding-left:6px;
}
#right .produkt{
width:230px;
margin-top:6px;
margin-right:6px;

height:220px;
float:left;
border: 1px #999999 dashed;
padding:5px;
text-align:justify;
font-size:12px;
}
#right .produkt p{
display:block;
height:195px;
overflow:hidden;
}
#right .produkt .nah{
float:left;
width:100px;
padding:0px 5px 2px 0px;
border:0px;
}
#right .produkt img{
border:0px;
}
#right .produkt a{
text-decoration:none;
display:block;
padding:5px;
background:#CCCCCC;
text-align:center;
color:#FF00FF;
}
#right .produkt input{
text-decoration:none;
display:block;
background:#CCCCCC;
text-align:center;
color:#FF00FF;
}
#hlav-content{
margin-left:20px;
background:#FFFFFF;
font-size:15px;
padding:20px;
width:900px;
text-align:justify;
text-indent:20px;
color:#333333;
}
#sper-content{
margin-left:20px;
background:#FFFFFF;
font-size:15px;
padding:20px;
width:900px;
text-align:justify;
color:#333333;
}
#sper-content p{
padding-left:20px;

}
#sper-content table{
width:690px;
margin:0 auto;
}
#detail{
border: 1px #999999 dashed;
margin-top:6px;
width:716px;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
text-align:justify;

}
#detail .obrhl{
border:0px;
padding-bottom:10px;
padding-right:10px;
float:left;
width:300px;
}
#detail .obrnah{
border:0px;
width:179px;
float:left;
}
#detail .dkos{
text-decoration:none;
padding:5px;
background:#CCCCCC;
text-align:center;
color:#FF00FF;
}

#det{
width:700px;
display:block;
text-align:left;
}

#subm{
padding:2px;
background:#CCCCCC;
text-decoration:none;
color:#FF00FF;

}
#obj-content{
margin-left:20px;
background:#FFFFFF;
font-size:14px;
padding:20px;
width:900px;
text-align:justify;
color:#333333;
}
#obj-content tr{
height:30px;
}
#malo-content{
margin-left:20px;
font-size:15px;
padding:20px 20px 20px 220px;
width:900px;
color:#333333;
}
#velko-content{
margin-left:20px;
font-size:15px;
padding:20px 20px 20px 220px;
width:700px;
color:#333333;
}
#velko-content ul{
list-style:none;
padding-left:200px;
}
#velko-content strong{
text-align:justify;

}
#lim{
width:744px;
text-align:center;
padding-bottom:10px;
padding-top:10px;
}
#lim a:link{
padding:2px;
color:#0033FF;
text-decoration:none;
}
#lim a:visited {
padding:2px;
color:#0099FF;
text-decoration:underline;
}
#lim a:hover{
padding:2px;
color:#0033CC;
text-decoration:underline;
}
#lim a:active{
padding:2px;
color:#0033CC;
text-decoration:underline;
}
#nakupni-rad{
font-size:15px;
padding:10px;
}
#nakupni-rad ol{
padding-left:30px;
font-size:14px;

}
#ost-content{
margin-left:20px;
background:#FFFFFF;
font-size:15px;
padding:20px 20px 20px 60px;
width:860px;
text-align:justify;
color:#333333;
}
#kos{
float:left;
width:744px;
padding-left:6px;
_height:400px;
min-height:400px;
}
#kos table{
width:630px;
margin:0 auto;
border:2px #333333 solid;
}
#kos a{
text-decoration:none;
color: #0066FF;
}
#popup{
position:absolute;
font-size:14px;
left:30%;
top:250px;
display:block;
background-color:#EAEAEA;
padding:20px;
width:430px;
height:300px;
border:#9900CC 2px solid;
z-index:10px;
text-align: center;

}
#popup a{
text-align:left;
}
#popup .oteviraci-doba{
font-size: 24px;
font-weight: bold;
color:#ff00ff;
}
#popup .oteviraci-doba table{
padding-left:30px;
}