/*************** Obecne elementy ***************************/
body {
    margin: 0;padding: 0; background: #A3C207 url(img/bg.gif) repeat-x 0 0; font-size: .8em; font-family: Tahoma,Verdana, sans-serif;}

/* nadpisy na stránce */
h1, h2 { margin: 0; color: #FFF; font-family: Trebuchet MS, Sans-Serif; font-weight: normal;}
h3 { margin: 0; font: bold 1.2em Trebuchet MS, Sans-Serif;}
h4 {color: #B30050; font-size: 1em; margin: 4px 0; }
h5 { margin: 0;}

.prod { color: #B30050; font-size: 1em; margin: 4px 0;}
/*	nastavení odkazů na stránkách barva oranzová */

a, a:visited {color: #F60;}
a:hover { color: #F60; text-decoration: none;}
hr { height: 1px; border: 0; border-top: 1px solid #B30050;}

/* nastavení zarovnávače stránky */
#page { width: 970px; /* šířka, neměnit */ margin: 0 auto; padding: 0 15px; /*neměnit, okraj */}

/* vrchní část stránky */
#top { height: 68px; margin: 25px 0 0 20px; position: relative; top: 0px; left: -1px; }

/* vrchní část, obrázek vinohradu */
#top #t { position: absolute; width: 485px; height: 93px; top: -25px; left: 264px; background: url(img/vinohrad.gif) no-repeat 0 0; }

/* vrchní část jazykové mutace */
#top #mutace
{ position: absolute; top: -15px; right: 20px; width: 450px; text-align: right;}
.ikona-mutace { border-top-width: 0px; border-left-width: 0px; float: none; border-bottom-width: 0px; border-right-width: 0px}

/* vrchní část jazykové mutace, definice odkazů */
#top #mutace a { color: Maroon; font-weight: bold; text-decoration: none;}

/* vrchní část logo www.chudicek.cz, pozice */
#top #logo { position: relative; margin: 0; padding: 0; overflow: hidden; width: 260px; height: 50px; font-size: 1.2em;}

/* vrchní část, překrytí textu logem */
#top #logo span { position: absolute; width: 260px; height: 50px; top: 0; left: 0; background: url(img/logo.gif) no-repeat 0 0;}

/* vyhledávání */
#search { position: absolute; top: 10px; right: 5px; width: 120px;}
table.vyhledavani { border: 0px; border-collapse: collapse}
table.vyhledavani td { width: 60px;}

/********************************** Styly pro clanek *******************************************/
/* obsah stránek, stín kolem stránky */
#content-obal { background: #FFF url(img/bgpage.gif) repeat-y 0 0; padding: 0 10px;}

/* vlastní obsah stránky */
.content { float: left; width: 580px; padding: 0 10px;}
.content-in { padding: 2px 5px;}
.produkt-title { text-align: left; padding:0 5px; float:left; width:200px}
.foto-produkt {width: 50px; float: left}
.foto-page { float: right; margin: 0px 10px 0px 25px; border-right: #cee36a thin solid; border-top: #cee36a thin solid; border-left: #cee36a thin solid; border-bottom: #cee36a thin solid;}
.foto-page-1 { float: left; margin: 15px 10px 0 0;}

/* nadpis na stránkách */
#content-obal h2 { color: #B30050; /*background-color:#FFE500;*/}

/* menu nahoře stránky */
#menu-top { height: 40px; background: #647D00 url(img/menu.gif) no-repeat 0 0; margin: 0; padding: 0;}
#menu-top ul { list-style: none; margin: 14px 20px 0 0; padding: 0; float: right; width: 606px;}
#menu-top ul li { display: block; float: left; padding: 0; margin: 0;}
#menu-top ul li a { display: block; padding: 2px 0; color: #FFE500; text-decoration: none; text-transform: lowercase;}
#menu-top ul li a span { display: block; padding: 2px 10px; border-left: 1px solid #91B400;}
#menu-top ul li a:hover { color: #FFF;}

/* logo bio - produkt ek. zem .*/
#bio { border: 0px; position: absolute; top: 10px; right: 20px;_right: 40px; width: 150px;}
.bio-obr { border: 0px;}

/* podmenu stránky zelené, co nabízíme */
#podmenu { background: #CEE36A url(img/bgpage.gif) repeat-y 0 0; padding: 0 10px; position: relative;}
#podmenu-in { height: 90px; background: transparent url(img/bg2.gif) repeat-x 0 0; /*margin:0 10px;*/ padding: 10px 0px 0px 10px;}
table.top-podmenu { border: 0px; border-collapse: collapse; width: 100%}
table.top-podmenu td { width: 498px;}

#podmenu-in a, 
#podmenu-in a:visited { text-decoration: underline; color: Black;}
#podmenu-in a:hover { text-decoration: none; color: Black;}

/* kontakty */
.kontakt { text-align: center; background-color: #EEF1F5; margin-bottom: 3px; font-size: 1.4em; color: #8FB300; padding: 5px;}
.kontakt-obalka { border: 0px; border-top-width: 0px; border-left-width: 0px; float: none; border-bottom-width: 0px; border-right-width: 0px}

/*************** Maska + funkcni casti ***************************/
/* anketa */
.anketa { background-color: #EEF1F5; margin-bottom: 3px; font-size: 1em; color: #B30050; /*padding: 10px;*/ padding: 10px 0;}

/* pocasi II */
.pocasiII { text-align: left; height: 178px; font-size: 1em; background-color: #EEF1F5; margin-bottom: 3px; font-size: 1em; color: #B30050; padding: 10px;}
.ikony-pocasi { border: 0px; padding: 30px 10px 0 10px; text-align: center; height: 141px;}

/* informace - prave menu*/
.informace { font-size: small;  font-family: Tahoma; margin-top: 0px; font-size: 1em; margin-bottom: 3px; /*background-color: #CEE36A;*/ background-color: #f8fde1; padding: 10px;}
.obr { float: none; margin: 0px; border: 2px solid #cee36a;}

/* databaze E - prave menu */
.vyhledavani { font-weight: bold;}

/* pocasí */
.pocasi { font-size: 1em; background-color: #EEF1F5; margin-bottom: 3px; padding: 10px;}

/* svetovy cas */
.svetovycas { text-align: left; height: 323px; font-size: 1em; background-color: #EEF1F5; margin-bottom: 3px; font-size: 1em; color: #B30050; padding: 10px;}

/* menu na levé straně */
#menu { background-color: #EEF1F5; margin-bottom: 3px; padding: 10px;}
#menu H4 A { color: #B30050; font-size: 1em; margin: 4px 0; text-decoration: none;}
#menu ul { list-style: none; margin: 15px 0; padding: 0;}
#menu ul li { padding: 0 5px; font-weight: bold;}
#menu ul li a, #menu ul li a:visited { color: #666; text-decoration: none;}
#menu ul li a:hover { color: Maroon; text-decoration: none;}

/* obal pro obsah v pravo */
#right { width: 170px; float: right; margin-right: 0px;}

/* obal pro obsah v levo */
#left { width: 170px; float: left;}

/* aktuality */
#aktuality { margin-top: 0px; background-color: #FFF280; /* barva podkladu */ margin-bottom: 3px; /* spodní mezera */ padding: 10px; /* vnitřní okraj( mezera uvnitř) */ font-size: 1em; /* velikost písma */ line-height: normal; /* výška řádku */}

/* tipy */
#tipy { background-color: #F8A269; margin-bottom: 3px; color: #FFF; padding: 10px; font-size: 1em; line-height: normal;}
#tipy a { color: #FFF280;}
.obr-tipy { float: right; border-top-width: thin; border-left-width: thin; border-left-color: #cee36a; border-bottom-width: thin; border-bottom-color: #cee36a; border-top-color: #cee36a; border-right-width: thin; border-right-color: #cee36a;}

/* Tipy z kalendare */

/* recepty */
#recepty { background-color: #F8A269; margin-bottom: 3px; color: #FFF; padding: 10px; font-size: 1em; line-height: normal; min-height: 300px;}
.obr-recepty { float: right; padding: 3px; width: 57px; height: 86px;}
#recepty H5 { text-decoration: underline;}
#recepty a { color: #F60;}

/* konec stránky (sedé, tak kde jsou odkazy) */
#page-foot { height: 30px; background-color: #F3EFEC; padding: 20px 10px 0 10px;}
#page-foot a { color: Black; text-decoration: none; font-weight: bold;}

/* spodek stránky, nutný kvúli stínu */
#foot { color: #000000; height: 10px; background: transparent url(img/bgdown.gif) no-repeat 0 0;}
#copy { color: #ffffff; font-size: .9em; padding-right: 15px;}
#copy a { color: #ffffff; text-decoration: none;}
#copy a:hover { text-decoration: underline;}

/* články na stránce s rámečkem */
.clanek { float: left; width: 725px; margin-left: 5px; padding: 5px 20px 5px 15px; border: 1px solid #BBB;}
.r { text-align: right;}
.l { text-align: left;}
.c { text-align: center;}
.clr { clear: both; line-height: 1px; height: 1px;}
.produkt-img { float: left; text-align: center; border: 1px solid silver; margin-right: 5px; padding: 4px;}
.okraj { border: 1px solid #cee36a;}
.price { color: #B30050; font-size: 1em; font-weight: bold;}
.foto { border: 1px solid silver; padding: 4px; margin-right: 3px;}
.searchform { /*width:350px;*/ float: right; text-align: right;}
.skladem { color: green;}
.vyprodano { color: orange;}
.doprodej { color: navy;}
#table-aditiva { border-collapse: collapse;}
#table-aditiva th { background-color: #A3C207; color: white; text-align: left; padding: 3px 0 3xp;}
#table-aditiva td { border-bottom: 1px solid #bbb;}
.text-justify { text-align:justify}

/* časová pásma */
.cas-mesto { font-weight: bold; color: #000066;}
.cas-mesto-sel { color: #CC0000; font-weight: bold;}
.cas { color: #000066;}

/* accordion menu */
.collapsePanel { width: 640px; height: 0px; background-color: white; overflow: hidden;}
.collapsePanelHeader { width: 640px; height: 20px; color: Yellow; background-color: Black; font-weight: bold; float: left; padding: 5px; cursor: pointer; vertical-align: middle;}
.accordionHeader { border: 1px solid #2F4F4F; color: white; background-color: #2E4d7B; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer;}
.accordionContent { background-color: #D3DEEF; border: 1px dashed #2F4F4F; border-top: none; padding: 5px; padding-top: 10px;}
.accordionLink { background-color: #D3DEEF; color: white;}
.watermark { background: #FFAAFF;}
.popupControl { background-color: #AAD4FF; position: absolute; visibility: hidden; border-style: solid; border-color: Black; border-width: 2px;}
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7;}
.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 250px;}
.sampleStyleA { background-color: #FFF;}
.sampleStyleB { background-color: #FFF; font-family: monospace; font-size: 10pt; font-weight: bold;}
.sampleStyleC { background-color: #ddffdd; font-family: sans-serif; font-size: 10pt; font-style: italic;}
.sampleStyleD { background-color: Blue; color: White; font-family: Arial; font-size: 10pt;}
.nomargin {margin:0; padding:0}