/* obecne definice ----------------------------------------------------------------------------------- obecne definice */

*
{
padding: 0px;
margin: 0px;
}


body
{
background-color: #000000;
color: #000000;
font-family: verdana;
font-size: 8pt;
text-align: center;
line-height: 120%;
}


#obal
{
width: 995px;
margin: 0px auto 0px auto;
padding: 0px 0px 10px 0px;
text-align: left;
background-color: white;
}


/* hlavicka  -----------------------------------------------------------------------------------------------  hlavicka*/
#logo 
{
width: 995px;
height: 136px;
padding: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
}


#logo img
{
width: 995px;
height: 136px;
margin: 0px;
}


#nabidka
{
background: url('../design/lista.gif') top left repeat;
margin: 0px;
padding: 0px;
height: 24px;
width: 995px;
padding: 0px 0px 0px 0px;
}


#tlacitko-listy
{
padding: 5px 0px 0px 0px;
}


#tlacitko-listy a
{
font-family: Verdana;
font-size: 11px;
font-weight: bolder;
text-transform: uppercase;
margin: 0px;
padding: 3px 5px 3px 5px;
color: white;
}


#tlacitko-listy a:hover
{
color: #FFBBBB !important;
}



/* obsah ------------------------------------------------------------------------------------------------------ obsah */

#hlavni
{
position: relative;
float: left;
left: 10px;
top: 0px;
padding: 0px 0px 0px 0px;
width: 512px;
font-family: verdana;
font-size: 8pt;
} /* 723 */ 


#hlavni #uvod
{
}


.doporucujeme-left
{
position: relative;
float: left;
margin: 0px 0px 8px 0px;
left: 0px;
top: 0px;
width: 247px;
height: 180px;
border: 1px #004A99 solid;
cursor: pointer;
}


.doporucujeme-right
{
position: relative;
float: left;
margin: 0px 0px 8px 0px;
left: 8px;
top: 0px;
width: 247px;
height: 180px;
border: 1px #004A99 solid;
cursor: pointer;
}


.doporucujeme-left p
{
position: relative;
margin: 5px !important;
padding: 0px;
left: 0px;
text-align: justify;
color: black;
}


.doporucujeme-right p
{
position: relative;
margin: 5px !important;
padding: 0px;
left: 0px;
text-align: justify;
color: black;
}


.doporucujeme-left p img
{
float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
left: 0px;
width: 130px;
height: 98px;
}


.doporucujeme-right p img
{
float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
left: 0px;
width: 130px;
height: 98px;
}


.doporucujeme-left p em
{
position: absolute;
top: 160px;
left: 0px;
font-weight: bolder;
text-align: center;
color: #004A99;
width: 230px;
font-style: normal;
}


.doporucujeme-right p em
{
position: absolute;
top: 160px;
left: 0px;
font-weight: bolder;
text-align: center;
color: #004A99;
width: 230px;
font-style: normal;
}


.doporucujeme-left .levy-horni-roh
{
position: relative;
top: -1px;
left: -1px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.doporucujeme-left .pravy-horni-roh
{
position: relative;
top: -1px;
left: 1px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.doporucujeme-left .levy-dolni-roh
{
position: relative;
bottom: -179px;
left: -3px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.doporucujeme-left .pravy-dolni-roh
{
position: relative;
bottom: -179px;
left: 3px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.doporucujeme-right .levy-horni-roh
{
position: relative;
top: -1px;
left: -1px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.doporucujeme-right .pravy-horni-roh
{
position: relative;
top: -1px;
left: 1px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.doporucujeme-right .levy-dolni-roh
{
position: relative;
bottom: -179px;
left: -3px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.doporucujeme-right .pravy-dolni-roh
{
position: relative;
bottom: -179px;
left: 3px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.ikona-novinka
{
position: relative;
bottom: 0px;
left: 4px;
float: right;
width: 32px;
height: 33px;
margin: 0px;
padding: 0px;
border: none;
}



#katalog
{
position: relative;
width: 505px;
}


#katalog h1
{
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
background-color: #004A99;
border-bottom: 2px solid #004A99;
padding: 6px 10px 5px 5px;
margin: 10px 0px 10px 0px;
}


#katalog h1 .levy-horni-roh
{
position: relative;
top: -6px;
left: -5px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



#katalog h1 .pravy-horni-roh
{
position: relative;
top: -6px;
left: 10px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



#katalog h1 .levy-dolni-roh
{
position: relative;
bottom: -18px;
left: -7px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



#katalog h1 .pravy-dolni-roh
{
position: relative;
bottom: -18px;
left: 12px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.druhy-nadpis
{
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
background-color: #004A99;
border-bottom: 2px solid #004A99;
padding: 6px 10px 5px 5px;
margin: 10px 0px 10px 0px;
}


.druhy-nadpis .levy-horni-roh
{
position: relative;
top: -6px;
left: -5px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.druhy-nadpis .pravy-horni-roh
{
position: relative;
top: -6px;
left: 10px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}


.druhy-nadpis-spodni-rohy
{
width: 505px;
height: 1px;
border: none;
background-color: transparent;
padding: 0px;
margin: 2px;
}


.druhy-nadpis-spodni-rohy .levy-dolni-roh
{
position: relative;
top: -12px;
left: -2px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.druhy-nadpis-spodni-rohy .pravy-dolni-roh
{
position: relative;
top: -12px;
left: -2px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



#katalog h3
{
font-size: 17px;
font-weight: bolder;
}


/* ruzne ------------------------------------------------------------------------------------------------------ ruzne */ 
table tr td
{
font-family: verdana;
font-size: 8pt;
text-align: justify;
padding: 4px;
margin: 0 0 0 0;
}


table tr td a.a-nazev,a:hover.a-nazev,a:visited.a-nazev
{
color: #000000;
text-decoration:none;
font-weight:bold;
}


table tr td a.a-popis,a:hover.a-popis,a:visited.a-popis
{
color: #000000;
text-decoration: none;
}


table tr td a.a-dph,a:hover.a-dph,a:visited.a-dph
{
color: #0B5CA1;
text-decoration: none;
font-weight: bold;
}


table tr td a.a-dph-kc,a:hover.a-dph-kc,a:visited.a-dph-kc
{
color: #0B5CA1;
text-decoration: none;
}


table tr td
{
font-family: verdana;
font-size: 8pt;
}


table tr td img
{
text-align: center;
}


table
{
width: 100%;
padding: 0;
margin:0;
background-color: #FFFFFF;
}


a:link
{
font-weight: normal;
text-decoration: none;
color: #004998;
}


a:visited
{
font-weight: normal;
text-decoration: none;
color: #0B5CA1;
}


a:hover
{
text-decoration: none;
color: #0B5CA1;
}


a:active
{
font-weight: normal;
text-decoration: none;
color: #0B5CA1;
}


.nezalamuj
{
white-space: nowrap;
width: 130px
}


.oteviraci-doba
{
width: auto;
margin: 0px auto 0px auto;
padding: 0px;
position: relative;
left: 0px;
top: 0px;
text-align: center;
border: none;
}


#oteviraci_doba tr
{
margin: 0px;
padding: 0px;
}



#oteviraci_doba td
{
margin: 0px;
padding: 0px 3px 0px 3px;
}


/* menu -------------------------------------------------------------------------------------------------------- menu */

.ramecek-titulek
{
margin: 6px 0px 1px 5px;
font-family: Verdana;
font-size: 11px;
font-weight: bolder;
text-transform: uppercase;
text-align: left;
color: #004A99;
}



.ramecek
{
width: 228px;
margin: 2px 2px 2px 2px;
padding: 0px 0px 0px 0px;
border: 1px #004A99 solid;
background-color: transparent;
}



.ramecek-spodni-rohy
{
width: 228px;
height: 1px;
margin: 2px;
padding: 0px;
border: none;
background-color: transparent;
}



.ramecek .levy-horni-roh
{
position: relative;
top: -1px;
left: -1px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.ramecek .pravy-horni-roh
{
position: relative;
top: -1px;
left: 1px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.ramecek-spodni-rohy .levy-dolni-roh
{
position: relative;
top: -4px;
left: 0px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.ramecek-spodni-rohy .pravy-dolni-roh
{
position: relative;
top: -4px;
left: 2px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



#left_menu
{
line-height: 110%;
position: relative;
top: 0px;
left: 5px;
padding: 0px;
float: left;
width: 235px;
font-size: 8pt;
font-family: 'verdana';
}


#left_menu h3
{
color: #5F7DCF;
padding: 8px 8px 8px 16px;
font-size: 14px;
color: white;
height: 16px;
}


.ikony_prepravy
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: none;
position: relative;
top: 0px;
left: 0px;
float: left;
width: 228px;
height: 112px;
}

#right_menu
{
line-height: 110%;
position: relative;
top: 0px;
padding: 0px;
width: 235px;
left: 10px;
font-size: 8pt;
font-family: 'verdana';
float: left;
}
 
 
#right_menu h3
{
display: block;
padding: 8px;
padding-top: 8px;
padding-left: 16px;
color: #5F7DCF;
font-size: 14px;
color: white;
height: 16px;
}


#right_menu h3 #velkoobchod
{
margin: 0px 0px 25px 0px;
}


#right_menu h3 a
{
font-size: 14px;
color: white;
text-decoration: none;
font-weight: bolder;
}


#right_menu p
{
margin: 1px 10px 1px 10px;
text-align: justify;
}


ul.menu
{
list-style-type: none;
padding-bottom: 10px;
margin: 0px 15px 0px 10px;
}


li /* položky kategorií v levém menu */
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
letter-spacing: 0px;
}


.menu b
{
font-style: normal;
margin-top: 2px
}


li a:link
{
text-decoration: none;
color: black !important;
}


li a:visited
{
text-decoration: none;
color: black;
}


li a:hover
{
text-decoration: none !important;
background-color: #DDEEFF !important;
border-top: 1px dotted #004998 !important;
border-bottom: 1px dotted #004998 !important;
color: #004998 !important;
}


li a:active
{
text-decoration: none;
}


ul.menu li:hover
{
background: #FFFFFF;
}


#left_menu fieldset
{
border: 0px;
padding: 10px 10px 10px 10px;
width: 270px
}



/* Stručný košík v pravém menu ----------------------------------------------------------------------------------------------------- Stručný košík v pravém menu */
.ramecek-kosik
{
width: 228px;
margin: 2px 2px 2px 2px;
padding: 0px 0px 0px 0px;
border: 1px #004A99 solid;
background-color: transparent;
cursor: pointer;
}



.ramecek-kosik .levy-horni-roh
{
position: relative;
top: -1px;
left: -1px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.ramecek-kosik .pravy-horni-roh
{
position: relative;
top: -1px;
left: 1px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.strucny-obsah-kosiku
{
float: left;
position: relative;
text-align: left;
left: 0px;
top: 0px;
margin: 3px 0px 3px 5px;
}


.pocty-v-kosiku
{
position: relative;
float: right;
right: 0px;
top: 0px;
text-align: right;
margin: 3px 5px 3px 0px;
}



#hledani /* rámeček s lupou */
{
border: 1px solid #004A99;
width: 216px;
height: 20px;
margin: 5px 0px 5px 5px;
position: relative;
left: 0px;
top: 0px;
}


.hledat /* textová oblast v rámečku s lupou */
{
font-family: Verdana;
font-size: 11px;
height: 20px;
width: 192px;
border: 0px none;
margin: 0px;
float: left;
background-color: white;
position: relative;
left: 0px;
top: 0px;
}


.lupa
{
border: 0px none;
padding: 0px;
margin: 0px;
float: right;
}


.submitsearch
{
background-color: #ff6600;
border: 0px;
padding: 5px;
margin: 0px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
width: 32px;
display: inline;
}


.submitsearch:hover
{
color: black;
}


/* katalog -------------------------------------------------------------------------------------------------- katalog */

p
{
margin-bottom: 15px;
}


p#kat_celk
{
padding-left: 10px;
}


.popis
{
padding: 0px;
text-align:justify;
}


.popis h2, .cart-table h2 , .cart-table1 h2, .cart-table1 h2 a
{
font-weight: bolder;
font-size: 105%;
color: #000000;
padding: 5px;
padding-left: 0px;
text-align: left;
}


/* Ceny a tlačítko objednat v detailu produktu --------------------------- Ceny a tlačítko objednat v detailu produktu */
.info
{
border-top: 1px solid #004A99;
border-bottom: 1px solid #004A99;
border-left: none;
border-right: none;
width: 100%;
text-align: center;
vertical-align: middle;
}


.info td
{
text-align: center;
vertical-align: middle;
border: none;
margin: 0px 0px 0px 0px;
}


.info td p
{
text-align: center;
font-size: 10px;
color: #559FEE;
margin: 0px 0px 0px 0px;
}


.ceny-detail
{
text-align: center;
color: #004A99;
font-size: 11px;
font-weight: normal;
font-style: italic;
margin: 0px 0px 10px 0px;
}


.ceny-detail em
{
text-align: center;
color: gray;
font-size: 11px;
font-weight: normal;
font-style: italic;
margin: 0px 0px 10px 0px;
}

.ceny-detail-castka
{
font-style: normal;
font-weight: bolder;
font-size: 15px;
color: #004A99;
text-align: center;
margin: 0px 0px 10px 0px;
}


.ceny-detail-castka em
{
font-style: normal;
font-weight: bolder;
font-size: 15px;
color: gray;
text-align: center;
margin: 0px 0px 10px 0px;
}


.tlacitko
{
clear: both;
text-align: center;
border: none !important;
}

 
.tlacitko input
{
border: none !important;
}

 
/* Obsah košíku ------------------------------------------------------------------------------------------------------------------- Obasah košíku */
.ceny
{
font-family: Verdana;
font-size: 9px;
text-align: right;
font-weight: bolder;
margin-bottom: 10px;
}


.ceny em
{
color: gray;
font-style: normal;
font-weight: bolder;
display: block;
}


.popis img
{
float: left;
margin-right: 10px;
}


.popis p
{
margin: 0px 0px 0px 270px;
}

  
.submit
{
width: 90px;
}


.submit
{
background-color: #ff6600;
background: url('../nove_pics/dokosiku.gif') top left no-repeat #ffffff;
border: 0px;
padding: 5px;
color: #ffffff;
margin-top: 0px;
font-size: 11px;
font-weight: bold;
display: inline;
width: 80px;
}


.submit:hover
{
background-color: #D5D5D5;
background: url('../nove_pics/dokosiku.gif') top left no-repeat #ffffff;
border: 0px;
padding: 5px;
color: black;
text-decoration: underline;
font-size: 11px;
font-weight: bold;
width: 80px;
}

 
table.cart-table
{
float: left;
clear: both;
display: inline;
width: 505px;
padding: 5px;
overflow: hidden;
background: white;
padding: 0px 10px 10px 10px;
}


table.cart-table a
{
text-decoration: none;
color: black;
}


table.cart-table a:link
{
text-decoration: none;
color: black;
}


table.cart-table a:visited
{
text-decoration: none;
color: black;
}


table.cart-table a:active 
{
text-decoration: none;
color: black;
}


table.cart-table a:hover
{
text-decoration: none;
color: black;
}


table.cart-table tr td h2 a
{
font-weight: bolder;
}


table.cart-table tr td h2 a:link
{
color: #0B5CA1;
font-weight: bolder;
}


table.cart-table tr td h2 a:hover
{
color: #0B5CA1;
font-weight: bolder;
}


table.cart-table tr td h2 a:active
{
color: #0B5CA1;
font-weight: bolder;
}


table.cart-table tr td h2 a:active
{
color: #0B5CA1;
font-weight: bolder;
}


table td.cart-table1
{
width: 160px;
}


table td.cart-table2
{
width: 80px;
}


table td.cart-table3
{
width: 110px;
}


table td.cart-table4
{
width: 60px;
}

 
/* footer ---------------------------------------------------------------------------------------------------- footer */

#footer
{
border-top: 2px solid #000000;
margin: 0px auto 0px auto;
padding: 10px 0px 0px 0px;
width: 995px;
height: 50px;
background-color: #004A99;
}


#footer p
{
padding: 0px;
text-align: center;
color: silver;
}

  
#footer p a
{
padding: 0px;
text-align: center;
color: white;
}

  
/* nevim co to je ------------------------------------------------------------------------------------ nevim co to je */  

img
{
border-style: none;
}


input,textarea
{
border: 1px solid #cccccc;
}

  
.cleaner
{
clear: both;
height: 1px;
margin: -1px 0 0 0;
padding: 0;
border: none;
visibility: hidden;
} 


.cistic
{
clear: both;
height: 1px;
margin: -1px 0 0 0;
padding: 0;
border: none;
visibility: hidden;
} 


#infocentrum
{
margin: 0px 0px 0px 0px;
padding: 9px 0px 0px 0px;
clear: both;
width: 179px;
height: 32px;
}


#infocentrum a
{
color: white;
font-size: 12px;
font-weight: bold;
text-decoration: none;
margin: 0px 0px 0px 12px;
}

  
h2
{
color: gray;
padding: 0px;
font-weight: normal;
margin: 0px;
}

 
/* detail produktu ---------------------------------------------------------------------------------- detail produktu */  
 
.notice
{
color: red;
font-weight: bold;
font-size: 12px;
}


/* Úvod ------------------------------------------------------------------------------------------------------- Úvod */

#uvod
{
}


#uvod h4
{
width: 75px;
float: left;
margin: 0px;
padding: 0px;
font-size: 11px;
}


#uvod span
{
margin: 0px;
padding: 0px;
margin-left: 3px;
width: 15px;
float: left;
}


#uvod p
{
margin: 0px;
margin-left: 97px;
margin-bottom: 0px;
}


#uvod a
{
color: #004998;
}


/* Novinky v prostředním sloupci ----------------------------------------------------------------------------------------------------------- Novinky v prostředním sloupci */
.ramecek-novinky
{
width: 504px;
border: 1px solid #004998;
}



.ramecek-novinky .levy-horni-roh
{
position: relative;
top: -1px;
left: -1px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.ramecek-novinky .pravy-horni-roh
{
position: relative;
top: -1px;
left: 1px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.novinka
{
position: relative;
left: 0px;
padding: 0px;
margin: 3px 5px 3px 5px;
}


.ramecek-novinky-spodni-rohy
{
width: 502px;
height: 1px;
margin: 2px;
padding: 0px;
border: none;
background-color: transparent;
}



.ramecek-novinky-spodni-rohy .levy-dolni-roh
{
position: relative;
top: -4px;
left: -2px;
float: left;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.ramecek-novinky-spodni-rohy .pravy-dolni-roh
{
position: relative;
top: -4px;
left: 2px;
float: right;
width: 2px;
height: 2px;
margin: 0px;
padding: 0px;
border: none;
}



.novinka a
{
color: black !important;
text-decoration: none !important;
}


.novinka a:hover
{
color: #004998 !important;
text-decoration: underline !important;
}


.novinka a:visited
{
color: #666666 !important;
text-decoration: none !important;
}


.novinka-v-prodeji
{
text-align: center;
padding: 10px 0px 10px 0px;
cursor: pointer;
border-bottom: 1px solid #004998;
}


.novinka-v-prodeji-posledni
{
text-align: center;
padding: 10px 0px 10px 0px;
cursor: pointer;
}


#kosik-sma
{
margin: 15px 10px 20px 25px;
}


ul #nakupni
{
margin-left: 25px;
}