/************************* layout *********************************************/
body,img,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,td,th {margin:0;padding:0;}
img {border: 0px;}

a {
    color: #333333;
}

a:Hover {
    text-decoration: none;
    color: #555555;
}

body {
    margin:0;
    padding:0;
    background:#ffffff; 
    text-align:center;

    font-family: Tahoma;
    font-size: 11px;
	margin-bottom: 15px;
}

#obsah {
    width: 980px;
    margin:0px auto;
    text-align:left;
}


#hlavicka {
    background-image: url("hlavicka.jpg");
    /*width: 980px;*/
    height: 93px;
    background-repeat: no-repeat;
    background-position: right;
}

#horniMenu {
    background-image: url("bgMenu.gif");
    height: 26px;
    color: white;
    Font-weight: bold;
    margin-bottom: 3px;
    overflow: hidden;
}

#levypanel {
    float: left;
    width: 200px;
    margin:0;
    padding:0;
}

#levypanel2 {
    float: left;
    width: 203px;
    margin:0;
    padding:0;
}

#hlavnipanel {
    width: 780px;
    padding:0;
    float: left;
}

#hlavnipanel2 {
    width: 777px;
    padding:0;
    float: left;
}


hr.cleaner {
    clear:both;
    display: none
}

/************************ common ***********************************************/
.input {
    border: 1px solid #979797;
    background-image: url('input.jpg');
    
    color: #555555;
    font-size: 11px;
    padding: 2px 0px 2px 0px;   
}


/************************ hlavicka ********************************************/
#logo {
    background-image: url('logo.jpg');
    display: block;
    width: 248px;
    height: 93px;
}

#logo span {
    display: none;

}

#kosik {
    float: right;
    display: inline;
    margin: 35px 35px 0px 0px;

}

#kosik a {color: #cc0000;}
/*********************** horni menu *******************************************/
#horniMenu-obsah {
    Line-height: 24px; 
    margin-left: 13px;
    display: inline;
    float: left;
}

#horniMenu-obsah a{
    color: white;
    text-decoration: none;
    margin: 0px 4px 0px 4px;
}

#horniMenu a:Hover{
    color: #dddddd;
}

#horniMenu-prihlasit {
    Line-height: 24px; 
    float: right;
    margin-right: 15px;
}

#horniMenu-prihlasit a {
    color: white;
}

#horniMenu-prihlasit a:Hover {
    color: #dddddd;
}

/******************************************************************************/


.underBorder {
    background-image: url('bottomBorderLeftPanel.gif');
    width: 200px;
    font-size: 0px;
    height: 2px;
    border: 0px;
    margin: 0px 0px 4px 0px;
    padding: 0px;

}



#hlavniMenu {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

    #hlavniMenu li {
        width: 200px;
        background-repeat: no-repeat;
        background-color: white;
        margin-bottom: 1px;
    }

#hlavniMenu a {
    color: #63636a;
    text-decoration: none;
    Line-height: 37px;
    font-size: 12px;
    padding-left: 18px;
    display: block;
    height: 40px;
    Font-weight: normal;
}

#hlavniMenu a:Hover {
    /*color: #dddddd;*/
    Font-weight: bold;
    font-size: 110%;
}


.neaktiv { width: 203px; }

#darkoveBaleni{
    width: 200px; 
    height: 120px;
    display: block;
    background: url("darkoveBaleni.jpg");
}

#darkoveBaleni span{display: none;}

.levyPanel-Boxik {
    width: 200px;
    background-color: #F5F3F1;
    margin-bottom: 5px;
    color: #333333;
}

.levyPanel-Boxik a {
    color: #333333
}

.levyPanel-Boxik a:Hover {
    color: #555555;
}

#newsLatterInput {
    width: 174px;
    margin: 10px 0px 6px 0px;
}

#newsLatterSubmit {
    margin-left: 116px;
}



/******************************************************************************/



#bannerL {
    margin-left: 3px;
    width: 382px; 
    height: 329px;
    background-image: url('underbanner.gif');
    background-repeat: repeat-x;
    background-position: 0 bottom;
    float: left;
}

#bannerR {
    width: 382px; 
    height: 329px;
    background-image: url('underbanner.gif');
    background-repeat: repeat-x;
    background-position: 0 bottom;
    float: right;
}

#bannerL a,
#bannerR a {
    display: block;  
    width: 382px; 
    height: 327px; }

.smallBanner {
    display: inline;
    float: left;
    margin-left: 14px;
    width: 242px;
    height: 142px;
   
    background-color: #cccccc;
}

.smallBanner a img{
    border-bottom: 1px solid black; border-right: 1px solid black;

}


#smallBanners {
    height: 142px;
    margin-left: 3px;
    margin-top: 8px;        
    margin-bottom: 10px;
}

#nejprodavanejsi-obal2 {
    
    
    clear: left;
    width: 777px;
}
#nejprodavanejsi-obal {
    
    margin-left: 3px;
    clear: left;
    width: 777px;
}

#nejprodavanejsi {
    background-color: #f7f7f7;
    padding-left: 5px;
    width: auto;
    border-left: 10px solid #dbdbdb;
    }
    
.sedy {font-size: 15px; padding-top: 12px; margin-bottom: 0px; margin-left: 16px; font-family: Arial; color: #999999;}



.vypis-zbozi-obal {
    display: inline;
    float: left;
    width: 242px; 
    margin-right: 12px;
    margin-bottom: 8px;
    height: 122px;
    background-color: #cccccc;
}    

.vypis-zbozi {
    position: relative;
    width: 240px;
    height: 120px;
    background: white;
    border-right: 1px solid #676767;
    border-bottom: 1px solid #676767;
}


.banner-zbozi-obal {
	clear: both;
	display: inline;
    width: 750px; 
    margin-bottom: 8px;
    background-color: #cccccc;
}

.banner-zbozi {
    width: 748px;
    background: white;
    border-right: 1px solid #676767;
    border-bottom: 1px solid #676767;
	border-left: 1px solid white;
	border-top: 1px solid white;
}

.banner-produkt {
    border-right: 1px solid #676767;
    border-bottom: 1px solid #676767;
	border-left: 1px solid white;
	border-top: 1px solid white;
	margin-left: 10px;
}







.rozmer {color: #666666;}
.cena {color: #666666;}
.skladem {color: #00cc00;}
.neskladem {color: #cc9900;}

.detail {margin-right: 5px;}
.vlevo {float: left; display: inline;}
.nejprodavanejsi-zbozi a {color: black;}

#copyright {
    margin-top: 20px;
    margin-left: 33px;
    color: #999999;
}

#copyright a {color: #999999}
/**************odstavce*****************************************/
.levyPanel-Boxik p { padding-left: 14px; padding-top: 18px; padding-bottom: 18px;}
.nejprodavanejsi-zbozi p { padding-top: 18px;}
.vypis-zbozi p { padding-top: 18px; padding-right: 2px;}
#popis p {padding-top: 10px; padding-right: 20px; text-align: justify;}
#popis .back {  font-size: 12px; float: right; position: relative; top: -15px; background: url('navigace-03.gif') left center no-repeat; padding-left: 25px; padding-bottom: 1px; }






/********************vypisy*********************************************/
#vypis-obal {

width: 777px;
}

#vypis {
width: auto;
padding: 0px 0px 5px 5px;
/*min-height: 650px;
#_height: 650px;*/
background-color: #f7f7f7;
 border-left: 10px solid #C6C6D0;
}

#vypis-detailu {
width: auto;
padding-left: 5px;
min-height: 450px;
_height: 450px;
 border-left: 10px solid #C6C6D0;

background-color: #f7f7f7;
}


#clanekText {
    margin: 0px 20px 0px 20px;
    color: #353535;
}

/*****************************Detail***********************************************/
#obrazek-detail-obal {
    display: inline;
    float: left;
    margin-right: 30px;
    width: 302px;
    /*height: 382px;*/
    background-color: #cccccc;
}
#obrazek-detail{
    position: relative;
    width: 300px;
    /*height: 380px;*/
    border-bottom: 1px solid #676767;
    border-right: 1px solid #676767;
    
    background-color: white;
}

#popis {float: left; width: 400px;}

#popis ul {margin-left: 30px; margin-top: 5px;}


#vypis h1, #vypis-detailu h1 {font-size: 15px; padding-top: 12px; margin-bottom: 8px; margin-left: 16px; font-family: Arial;}
#vypis h3 {font-size: 15px; font-family: Arial;}


/*#popis ul {list-style-type: decimal;}*/

.new {
position:absolute;
top: 3px;
left: 3px;

width: 23px;

height: 14px;
background: url('new.gif');
}

.akce {
position:absolute;
top: 3px;
left: 3px;

width: 23px;

height: 14px;
background: url('akce.gif');
}

.akceD {
    position: absolute;
    top: 8px;
    left: 265px;
    width: 23px;
    height: 14px;
    background: url('akce.gif');
}

.znamenka {vertical-align: middle; margin-left: 3px;}
.detail-tabulka {background-color: #dbdbdb; width: 415px; margin-top: 20px; position: relative; left: -10px; font-weight: bold; font-size: 11px;}
.sloupec1 {width: 70px;}
td {padding: 2px 5px 2px 5px;}

#spodni-odkazy{ text-align: right; width: 400px; margin-top: 35px;}
.picker {vertical-align: middle; margin-right: 6px;}
.barva-vibratory {color: #cd5196;}

.stara-cena {position: absolute; top: 52px; left: 155px; _left: 160px; text-decoration: line-through; font-weight: normal;}
.nova-cena {position: absolute; top: 62px; left: 155px; _left: 160px;}
.stara-cenaskl {position: absolute; top: 58px; left: 155px; _left: 160px; text-decoration: line-through; font-weight: normal;}
.nova-cenaskl {position: absolute; top: 68px; left: 155px; _left: 160px;}


.formular_kosik {
	font: 100% Tahoma, Arial, sans-serif;
	color: #666666;
	width: 20px;
	height: 13px;
	border-color:#bbbbbb;
	border: 1px solid;
	padding-left: 3px;
	margin-left: 3px;
	_margin: 0px;
	_padding: 1px;
	_font-size: 10px;
	_height: 16px;
	_position: relative;
	_top: -3px;
	
}

.reg_formular input, .reg_formular textarea {
	font: 100% Tahoma, Arial, sans-serif;
	color: #666666;
	padding-left: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
}

.reg_formular label {
    width: 120px;
    float: left;
}

.buttonek {
    background-color: #cc0033;
    color: white;
    padding: 5px;
    text-decoration: none;
    Font-weight: bold;
    border-right: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}

.buttonek:Hover {
    color: #dddddd;
}

#obsahClanku {
    margin: 18px;
}

#obsahClanku p {
    padding-bottom: 10px;
}

#obsahClanku ul {
    padding: 0px 0px 10px 30px;
}

.meziodkazy {
    color: #999999;
    margin: 3px
}

.meziodkazy a {
    color: #999999;
}

.pdf {
    padding-left: 20px;
    background-image: url('ico.pdf.gif');
    padding-bottom: 5px;
    background-repeat: no-repeat;
    
}