body
{
font-family: arial;
margin: 0px;
padding: 0px;
background: url('grafika/pozadi.jpg') repeat-x;
font-size: 12px;
}


.skype br {
  display: none;
}


h1.obec
{
font-size: 12px;
color: white;
position:absolute; top: 163px; left: 200px; z-index: 99;
}

#prihlasit_uziv
{
position:absolute; top: 150px; left: 660px;
}

#registrovat
{
position:absolute; top: 230px; left: 663px;
text-decoration: none;
}
.registr
{
font-size: 11px;
color: #3756db;
}
.registr a
{
color: #3756db;
text-decoration: none;
}
.registr a:hover
{
color: #3756db;
/* position:relative; top: -1px;  */
text-decoration: underline;
}

.cenovka
{
font-size: 14px;
color: #800080;
font-weight: bold;
position:relative; top: 10px; left: 15px;
}



#pageflip {
	position: relative;
	right: 28; top: 140;
	float: right; 
	clear: both;
}
#pageflip img {
	width: 140px; height: 140px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 140px; height: 130px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(grafika/subscribe.png) no-repeat right top;
}




form
{
margin: 0px;
}

h2.obsah
{
color: #800080;
margin: 0px;
font-size: 13px;
}

h3.nadpis_vyr
{
margin: 0px;
margin-left: 10px;
font-size: 12px;
}

h3.nadpis_vyr a
{
margin: 0px;
font-size: 12px;
color: white;
text-decoration: none;
}


.doprostred
{
position:absolute; top: 0px; left: 50%;
}

.nastred
{
width: 1000px;
position:absolute; top: 0px; left: -500px;
}

.hlavicka
{
float: left;
width: 1000px;
height: 361px;
display: block;
background: url('grafika/hlavicka.jpg');
}

.nad_hlavu
{
width: 800px;
height: 130px;
float: right;
}

.uvnitr
{
float: left;
width: 1000px;
background: url('grafika/poz_obsah.jpg');
}

.pata
{
float: left;
width: 1000px;
height: 79px;
background: url('grafika/pata.jpg');
}


.mar20
{
margin-left: 50px;
margin-right: 49px;
}
.mar6
{
margin-left: 23px;
}
.mar50
{
position:absolute; top: 163px; left: 200px;
font-size: 12px;
font-weight: bold;
color: white;
}
.mar5
{
margin: 5px;
}
.mar10
{
float: left;
margin: 10px;
}

.mar15
{
float: left;
margin: 15px;
}


.panel_vlevo
{
float: left;
width: 230px;
display: block;
}

.blok_vlevo
{
float: left;
width: 226px;
margin-top: 10px;
border: 1px solid #555555;
}

.nadpis_blok
{
width: 230px;
height: 20px;
line-height: 20px;
display: block;
font-size: 12px;
font-weight: bold;
color: white;
background: #eb31a3;
}


/* menu */ 

.sirka_menu
{
float: left;
width: 230px;
display: block;
}

.kategorie
{
width: 230px;
height: 25px;
background: #C9C9C9;
line-height: 25px;
font-size: 12px;
border-bottom: 1px solid white;
}

.kategorie a
{
color: #7d034e;
text-decoration: none;
}
.kategorie a:hover
{
color: black;
}

.pkategorie
{
width: 230px;
height: 25px;
background: #D7D7D7;
line-height: 25px;
font-size: 12px;
border-bottom: 1px solid white;
}

.pkategorie a
{
color: #7d034e;
text-decoration: none;
}
.pkategorie a:hover
{
color: black;
position:relative; left: -3px;
}

.ppkategorie
{
width: 230px;
height: 25px;
background: #E8E8E8;
line-height: 25px;
font-size: 12px;
border-bottom: 1px solid white;
}
.ppkategorie a
{
color: #7d034e;
text-decoration: none;
}
.ppkategorie a:hover
{
color: black;
position:relative; left: -3px;
}

h2 {float: left; margin: 0px; font-size: 11px;}

.vid
{
float: left;
margin-left: 5px;
width: 20px;
height: 25px;
line-height: 25px;
text-align: center;
display: block;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}
.nev
{
float: left;
margin-left: 5px;
width: 20px;
height: 25px;
line-height: 25px;
text-align: center;
display: none;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}

.bez_potomku
{
margin-left: 5px;
width: 20px;
height: 25px;
display: block;
float: left;
}

.vid2
{
float: left;
margin-left: 20px;
width: 20px;
height: 25px;
line-height: 25px;
text-align: center;
display: block;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}
.nev2
{
float: left;
margin-left: 20px;
width: 20px;
height: 25px;
line-height: 25px;
text-align: center;
display: none;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}

.bez_potomku2
{
margin-left: 20px;
width: 20px;
height: 25px;
display: block;
float: left;
}
.bez_potomku3
{
margin-left: 40px;
width: 20px;
height: 25px;
display: block;
float: left;
}

.ano_kat
{
}
.ne_kat
{
display: none;
}


a.aktual
{
font-weight: bold;
color: black;
text-decoration: underline;
}

/* ukonceni menu eshop */


/* začátek menu obsah */
.obsah_menu
{
position:absolute; top: 330px; left: 50px; z-index: 99;
width: 896px;
height: 30px;
background: #7d034e url('grafika/poz_menu_top.jpg');
display: block;
}

/* stránky menu hlavní viditelné */
a.o_menu
{
float: left;
width: 120px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
font-weight: bold;
background: #7d034e url('grafika/poz_menu_top.jpg');
display: block;
border-right: 1px solid #9D004F;
color: white;
}
a:hover.o_menu
{
float: left;
width: 120px;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
background: #7d034e url('grafika/poz_menu_top2.jpg');
display: block;
color: #E1E1E1;
}


.obsah_submenu
{
display: none;
width: 120px;
}

/* stránky menu skryté */
a.o_smenu
{
float: left;
width: 120px;
height: 25px;
line-height: 25px;
background: #79034c;
display: block;
color: white;
text-decoration: none;
}
a:hover.o_smenu
{
float: left;
width: 120px;
height: 25px;
line-height: 25px;
background: #5c0239;
display: block;
color: white;
}

/* ukonceni menu obsah */  


/* začátek výrobek */ 

.vyrobek
{
float: left;
margin-top: 10px;
margin-left: 3px;
width: 200px;
height: 340px;
background: white url('grafika/vyrobek.jpg');
}

.vyrobek_stred
{
float: left;
margin-top: 10px;
margin-left: 18px;
margin-right: 18px;
width: 200px;
height: 340px;
background: white url('grafika/vyrobek.jpg');
}

.cena
{
width: 200px;
height: 30px;
line-height: 30px;
display: block;
color: #7d034e;
font-size: 15px;
font-weight: bold;
text-align: center;
}

.tooltip
{

width: 200px;
background: white;
position:relative; left: 60px;
display: none;
}

img
{
border: 0px;
}

a.detail
{
float: left;
width: 139px;
height: 63px;
display: block;
background: url('grafika/detail.jpg');
}
a:hover.detail
{
float: left;
width: 139px;
height: 63px;
display: block;
background: url('grafika/detail2.jpg');
}

a.do_kose
{
float: left;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kosiku.jpg');
}
a:hover.do_kose
{
float: left;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kosiku2.jpg');
}

a.do_kose2
{
margin-top: 10px;
margin-left: 25px;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kose.jpg');
}
a.do_kose3
{
margin-left: 13px;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kose_d.jpg');
}
a:hover.do_kose3
{
margin-left: 13px;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kose_d.jpg');
border: 2px solid white;
}



a.do_kose_mini_3
{
width: 24px;
height: 25px;
display: block;
background: url('grafika/do_kose_mini_d.jpg');
}
a:hover.do_kose_mini_3
{
width: 24px;
height: 25px;
display: block;
background: url('grafika/do_kose_mini_d.jpg');
}



table.sabl
{
float: left;
width: 190px;
margin-left: 5px;
font-size: 12px;
}

table.sabl td
{
height: 20px;
line-height: 15px;
border-bottom: 1px solid #DFDFDF;
}

.prvni
{
color: #750075;
}



table.vyrobek_light
{
margin-left: 2px;
margin-top: 10px;
float: left;
width: 643px;
height: 40px;
font-size: 12px;
background: url('grafika/poz_sez.jpg') no-repeat;
}

table.vyrobek_light a
{
color: #404040;
font-size: 12px;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px; 
}


table.vyrobek_dark
{
margin-left: 2px;
margin-top: 10px;
float: left;
width: 643px;
height: 40px;
font-size: 12px;
background: url('grafika/poz_sez2.jpg') no-repeat;
}

table.vyrobek_dark a
{
color: #404040;
font-size: 12px;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
}



.vyrobek_2
{
margin-top: 11px;
margin-left: 3px;
float: left;
width: 315px;
height: 200px;
display: block;
border: 1px solid #B300B3;
background: url('grafika/poz_vyr2.jpg');
}
.vyrobek_2s
{
margin-top: 11px;
margin-left: 11px;
float: left;
width: 315px;
height: 200px;
display: block;
border: 1px solid #B300B3;
background: url('grafika/poz_vyr2.jpg');
}


/* ukonceni výrobek */ 

a.tip_a
{
font-size: 10px;
color: #454545;
text-decoration: none;
}
a:hover.tip_a
{
color: #d32a93; /*#800080;*/
text-decoration: none;
}




.hledani
{
width: 646px;
height: 130px;
display: block;
background: white url('grafika/vyhledani.jpg');
}

.panely
{
width: 646px;
display: block;
background: white url('grafika/vyhl_poz.jpg');
}

.hledani_pata
{
width: 646px;
height: 13px;
display: block;
background: white url('grafika/vyhl_pa.jpg');
}

.razeni
{
width: 646px;
height: 60px;
display: block;
background: white url('grafika/razeni.jpg');
}

.vyrobky
{
width: 646px;
float: left;
}



.tipy_hlava
{
float: left;
width: 646px;
height: 25px;
display: block;
background: white url('grafika/hlava_sez_vyr.jpg');
}
.tipy_telo
{
float: left;
width: 646px;
background: url('grafika/poz_sez_vyr.jpg');
}
.tipy_pata
{
float: left;
width: 646px;
height: 20px;
display: block;
background: url('grafika/pata_sez_vyr.jpg');

}

.tipy_1
{
float: left;
width: 180px;
height: 30px;
line-height: 30px;
display: block;
background: white url('grafika/tip_1.jpg');
text-align: center;
margin-left: 5px;
position:relative; top: 3px;
color: white;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}

.tipy_2
{
float: left;
width: 180px;
height: 30px;
line-height: 30px;
display: block;
background: white url('grafika/tip_2.jpg');
text-align: center;
margin-left: 5px;
position:relative; top: 1px;
color: white;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}

.vyr_tipy
{
float: left;
width: 310px;
height: 40px;
margin-left: 10px;
margin-top: 20px;
display:block;
border: 1px solid #E8E8E8;
}
.vyr_tipy a
{
float: left;
line-height: 40px;
margin-left: 10px;
text-decoration: none;
color: black;
font-weight: bold;
}



.detail_k_1
{
float: left;
width: 140px;
height: 30px;
line-height: 30px;
display: block;
background: white url('grafika/detail_k_1.jpg');
text-align: center;
margin-left: 5px;
position:relative; top: 3px;
color: white;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}

.detail_k_2
{
float: left;
width: 140px;
height: 30px;
line-height: 30px;
display: block;
background: white url('grafika/detail_k_2.jpg');
text-align: center;
margin-left: 5px;
position:relative; top: 1px;
color: white;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}



/* ---------------------------- */
/* CUSTOMIZE AUTOSUGGEST STYLE	*/
#search-wrap{width:600px; position:relative; top: 10px; left: 95px;}
#search-wrap input{width:370px; height: 23px; font-size:16px; color:#999999; position:relative; top: 1px; left: 5px; padding:6px; border:solid 1px #999999;}
#search-wrap select{width:150px; font-size:14px; color:#999999; padding:6px; border:solid 1px #999999;}
#results{width:368px; border:solid 1px #DEDEDE; display:none; position:absolute; top: 430px; left: 550px; z-index: 10;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000; background:#C0C0C0; font-weight:bold;}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#800040; color: white;}
#results ul {padding:6px;}



#results2{width:300px; border:solid 1px #DEDEDE; display:none; position:absolute; top: 320px; left: 660px; z-index: 10;}
#results2 ul, #results2 li{padding:0; margin:0; border:0; list-style:none;}
#results2 li {border-top:solid 1px #DEDEDE; display: block; padding: 4px; color: white; background:#800080; font-weight:bold;}
#results2 ul {padding:6px;}
/* ---------------------------- */
/* DETAIL	*/

.detail_hlava
{
float: left;
width: 646px;
height: 88px;
display: block;
background: white url('grafika/hlava_detail.jpg');
}
.detail_telo
{
float: left;
width: 646px;
background: url('grafika/poz_sez_vyr.jpg');
}
.detail_pata
{
float: left;
width: 646px;
height: 20px;
display: block;
background: url('grafika/pata_sez_vyr.jpg');

}

h1.det
{
font-size: 15px;
font-weight: bold;
width: 590px;
color: white;
position:relative; top: 10px; left: 80px;
}

.drobeckovka_detail
{
font-size: 12px;
font-weight: bold;
width: 590px;
color: #7d034e;
position:relative; top: -5px; left: 80px;
}

.drobeckovka_detail a
{
font-size: 12px;
font-weight: bold;
color: #7d034e;
}

table.detail_tab
{
width: 300px;
float: left;
margin-left: 10px;
font-size: 12px;
border: 0px;
}

table.detail_tab td
{
height: 20px;
background: #F3F3F3;
line-height: 20px;
font-size: 12px;
border: 0px;
padding: 5px;
}




table.detail_tab2
{
clear: both;
width: 322px;
float: left;
margin-top: 10px;
font-size: 12px;
border: 0px;
}

table.detail_tab2 td
{
height: 20px;
background: #F3F3F3;
line-height: 20px;
font-size: 12px;
border: 0px;
padding: 5px;
}








.detail_fotky
{
float: right;
margin-right: 5px;
margin-top: 2px;
}

.malefotky
{
margin-top: 10px;
}

a.doboxu
{
border-bottom: 2px solid white;
}
a:hover.doboxu
{
border-bottom: 2px solid #E800E8;
}

table.varianty
{
width: 623px;
float: left;
margin-left: 12px;
margin-top: 5px;
font-size: 12px;
border: 1px solid #FFCEFF;
text-align: center;
}
table.varianty td
{
background: #EEEEEE;
border-left: 1px solid #FFCEFF;
border-right: 1px solid #FFCEFF;
}



table.prihlas_tab
{
width: 180px;
font-size: 12px;
}

table.prihlas_tab td
{
height: 15px;
line-height: 15px;
font-size: 10px;
}



a.edesign
{
color: white;
font-size: 11px; 
float: right;
margin-right: 22px;
margin-top: 8px;
}




.blok_uvod
{
float: left;
width: 206px;
}

.blok_uvod_nadpis
{
width: 206px;
height: 48px;
display: block;
background: url('grafika/nadpis_blok.jpg');
font-weight: bold;
color: white;
line-height: 38px;
}
.blok_uvod_telo
{
float: left;
width: 206px;
background: url('grafika/telo_blok.jpg');
}
.blok_uvod_pata
{
float: left;
width: 206px;
height: 17px;
display: block;
background: url('grafika/pata_blok.jpg');
}

a.novinka_index
{
text-decoration: none; 
color: black;
}
a:hover.novinka_index
{
text-decoration: none; 
color: #d32a93;
}
