body { line-height: 1.4; color: #000000; background: #ffffff; padding: 0px; margin: 0px; text-align: center; }

body, td, th { line-height: 1.4; font-family: Tahoma, "Helvetica CE", "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;  font-size: 9pt; color: #000000; }

h1 { background : transparent; font-size: 13pt; color: #003366; margin-bottom: 5px; letter-spacing: 0px; }
h2 { background : transparent; font-size: 11pt; font-weight: bold; color: #D62416; margin-top: 20px; margin-bottom: 10px; }
h3 { background : transparent; font-size: 9pt font-weight: bold; color: #000000; margin-top: 10px; margin-bottom: 5px; }
h4 { background : transparent; font-size: 9pt;font-weight: bold; font-style: italic; letter-spacing: 1pt; color: #003366; margin-top: 10px; margin-bottom: 5px; }

form { padding: 0px; margin: 0px; }
pre { padding: 4px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; background: #EFEFEF; border: #CCCCCC solid 1px; }

p { background : transparent; margin: 2px 0px 10px 0px; }
p.poznamka { background : transparent; margin-top: 0px; margin-bottom: 5px; margin-left: 10px; font-size: 9pt; color: #666666; }

a { background : transparent; color: #000000; text-decoration: underline; }
a:hover { background : transparent; color: #333333; text-decoration: none; }

h1 a { color: #003366; }

label { display: block; margin-bottom: 2px; }

table { border-collapse: collapse; table-layout: fixed; empty-cells: show; }
th { text-align: left; }

hr { height: 1px; }

/* STRANKA */

div#horizont { height:100%; width: 740px; position: relative; margin: 0 auto 0; background-color:#ffffff; }

div#top { width:740px; height: 60px; margin-top: 10px; }

#top2 { width:740px; margin-top: 10px; margin-bottom: 5px; }

div#menu { width:740px; float:left; padding: 2px 5px 5px 5px; margin-bottom: 5px;  color: #FFFFFF; font-size: 8pt; background: #2D1F74; text-aling: left; }
div#menu a { display:inline; color: #FFFFFF; font-weight: bold; text-decoration: none; letter-spacing: 1px;  }
div#menu a:hover { display:inline; color: #FFFFFF; font-weight: bold; text-decoration: underline; }

#menu2 { padding: 2px 5px 5px 5px; color: #FFFFFF; font-size: 8pt; background: #2D1F74; }
#menu2 a { display:inline; color: #FFFFFF; font-weight: bold; text-decoration: none; letter-spacing: 1px;  }
#menu2 a:hover { display:inline; color: #FFFFFF; font-weight: bold; text-decoration: underline; }

div#title { width:740px; height: 34px; margin-top: 4px; background-image:url("/images/layout/informace.jpg"); background-repeat: repeat-y; }
div#title h1 { color: #ffffff; letter-spacing: 2; font-style: italic; margin-left: 160px; margin-top: 3px; FILTER: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=1); width: 100%; }
/* FILTER: progid:DXImageTransform.Microsoft.dropShadow( Color=000000,offX=1,offY=-1,positive=true); */

div#title2 { width:740px; height: 34px; margin-top: 4px; background-image:url("/images/layout/informace.jpg"); background-repeat: repeat-y; }
div#title2 h1 { color: #ffffff; letter-spacing: 2; font-style: italic; margin-left: 10px; margin-top: 3px; FILTER: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=1); width: 100%; }
/* FILTER: progid:DXImageTransform.Microsoft.dropShadow( Color=000000,offX=1,offY=-1,positive=true); */

div#left { width:155px; margin-top: 5px; padding-right: 10px; margin-right: 0px;padding: 0px; float:left; border-right: #cccccc solid 1px;   }
div#left h1 { font-size: 11pt; }

div#center { width:460px; margin-top: 5px; padding: 5px 10px 30px 10px; float:left; text-align: left; }
div#center2 { margin-top: 5px; padding: 5px 10px 30px 10px; float:left; border-left: #cccccc solid 1px; }
div#center3 { width: 630px; padding: 20px; }

div#right { width:120px; height: 300px; margin-top: 5px; padding-left: 10px; margin-right: 0px; float:left; border-left: #cccccc solid 1px;  }
div#right ul { margin-top:4px; margin-bottom:-8px;  }
div#right li { list-style-type: square; margin-left: -20px; margin-bottom:10px; }
div#right li a { font-weight:bold; text-decoration:underline; color:#0C0D05; }
div#right li a:hover { text-decoration:none; color:#C6BDB4; }

div#bottom { width:740px; height: 24px; margin-top: 5px; }

div#copyright {width:740px; float:left; padding: 4px; margin-bottom: 5px; color: #FFFFFF; font-size: 7pt; background: #2D1F74; }
div#copyright a { display:inline; color: #FFFFFF; font-weight: normal; text-decoration: none; }
div#copyright a:hover { display:inline; color: #FFFFFF; font-weight: normal; text-decoration: underline; }

div#kolekceseznam { margin-top: 5px; margin-bottom: 5px; padding: 5px 10px 5px 5px; }
div#kolekceseznam ul { margin-top:4px; margin-bottom:-8px;  }
div#kolekceseznam li { list-style-type: square; margin-left: -20px; margin-bottom:10px; }
div#kolekceseznam li a { font-weight:normal; text-decoration:underline; color:#0C0D05; }
div#kolekceseznam li a:hover { text-decoration:none; color:#C6BDB4; }

div.galerie { margin-top: 5px; margin-bottom: 5px; }
div.galerie img { border: #000000 solid 1px; margin-right: 5px; margin-bottom: 5px; }

div#basket { margin-top: 5px; margin-bottom: 15px; padding: 10px 10px 10px 10px; width: 143px; height: 151px; background-image: url("/images/layout/kosik.jpg"); }
div#basket a { color: #DA251D; }
div#basket .kusu { margin-left: 0; margin-top: 5px; font-size: 8pt; }
div#basket .cena { margin-left: 0; margin-top: 0px; font-size: 8pt; }

div#doporucujeme { width:143px; }
div#doporucujeme .produktdop { margin-bottom: 5px; padding: 5px; border-color: #EDA22C; border-style: solid; border-width: 3px 2px 3px 2px; }
div#doporucujeme .produktdop h1 { background : transparent; font-size: 100%; font-weight: bold; color: #0B0704; margin-bottom: 5px; margin-top: 0px; font-style: normal; letter-spacing: 0px;  }
div#doporucujeme .produktdop img { }
div#doporucujeme .produktdop p { margin-top: 0px; margin-bottom: 3px; }
div#doporucujeme .produktdop label { display: inline; margin-top: 0px; margin-bottom: 3px; margin-right: 3px; font-weight: bold; }

div.rightmenu { }
div.rightmenu a { color: #003366; font-weight: bold; }

.produkt { margin-bottom: 15px; margin-top: 20px; }
.produkt h1 { background : transparent; font-size: 12pt; font-weight: bold; color: #2D1F73; margin-bottom: 0px; margin-top: 0px; font-style: normal; letter-spacing: 0px; }
.produkt form { padding: 0px; margin: 0px; }
.produkt p { padding: 0px; margin: 0px; }
.produkt label { display: inline; margin-top: 0px; margin-right: 3px; font-weight: bold; }
.produkt .obrazek {  }
.produkt .strih { border: 0px; margin-left: 10px; }

.cenik { }
.cenik th { font-size: 8pt; }
.cenik td { font-size: 8pt; }

/* LIST */
.list { border-collapse: collapse; border-spacing: 0px; background: #FFFFFF; color: #000000; border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: ButtonShadow ButtonShadow ButtonShadow ButtonShadow; }
.list tr { cursor: pointer; }
.list td { font: menu; empty-cells: show; border-width: 1px 1px 1px 1px; border-style: solid; border-color: ButtonShadow ButtonShadow ButtonShadow ButtonShadow; }
.list td.head { font: menu; border-spacing: 2px; white-space: nowrap; background-color: ButtonFace; color : #000000; border-width: 1px; border-style: solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; cursor: pointer; background-attachment: fixed; background-image: url(/images/spacer.gif); background-repeat: no-repeat; background-position: 3px 4px; }
.list td.ahead { font: menu; white-space: nowrap; background-color: ButtonFace; color : #000000; border-width: 1px; border-style: solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; cursor: pointer; }
.list td a { text-decoration: none; white-space: nowrap; }
.list td a:hover { text-decoration: underline; }
.list td img { white-space: nowrap; }
.list td .popis { background : transparent; padding-top: 2px; color: #666666; font-size: 90%; }
.list tr.color { "\"/*" behavior:url("/_htc/colorize_row.htc"); }

/* FORMULAR */
div.formular { border: #C0C0C0 solid 1px; width: 100%; }
div.formular .title { background-color: #D9E2E7; border-bottom: #C0C0C0 solid 1px; padding: 3px; font-weight: bold; }
div.formular .body { padding: 10px; background-color: #EFEFEF; }
div.formular .body label { display: inline; width: 60px; white-space: nowrap; }
div.formular .body label.required { font-weight: bold; }
div.formular .body p.poznamka { margin: 10px 0px 0px 0px; }
div.formular .action { padding: 10px; text-align: center; background-color: #EFEFEF; }
div.formular .action p.poznamka { margin: 10px 0px 0px 0px; }

/* DIAGRAM */
div.diagram {  margin-top: 20px;  margin-bottom: 20px; }
div.diagram span { border: #C0C0C0 solid 1px; padding: 2px; }
div.diagram span.active {  background-color: #D9E2E7; font-weight: bold;}
div.diagram a { text-decoration: none; padding: 2px 4px 2px 4px; border: #C0C0C0 solid 1px; }
div.diagram a:hover { text-decoration: none; background-color: #D9E2E7; }
div.diagram a.active { text-decoration: none; background-color: #D9E2E7; font-weight: bold; }
div.diagram a.active:hover { text-decoration: none; }

/* OBJEDNAVKA */
div.objednavka { border: #C0C0C0 solid 1px; width: 100%; }
div.objednavka .title { background-color: #D9E2E7; border-bottom: #C0C0C0 solid 1px; padding: 3px; font-weight: bold; }
div.objednavka .body { padding: 10px; }
div.objednavka .body label { font-weight: bold; text-decoration: underline; margin-bottom: 4px; }

/* FORMULARE */
input, textarea, select { font: menu; }
input.normal { }
input.invalid { border-color: #FF0000; color: #000000; background: #EFEFEF; }
textarea.normal { }
textarea.invalid { border-color: #FF0000; color: #000000; background: #EFEFEF;  }
select.normal { }
select.invalid { }
input.button {  }
input.buttonbold { font-weight: bold; }
input.buttonsmall { font: caption; font-weight: normal !important; padding: 0px; }
input.buttonsmallbold { font-weight: bold; font: Caption; padding: 0px; }
input.date { text-align: center; height: 13px; border: none; margin: 0px; padding: 0px; background: #FFFFFF; font-size: 8pt; color: #000000; }
input.time { text-align: center; height: 13px; border: none; margin: 0px; padding: 0px; background: #FFFFFF; font-size: 8pt; color: #000000; }
div.date { display: inline; width: 110px; height: 19px; padding: 0px; border-style: inset; border-width: 2px; font-family: sans-serif, arial ce; font-size: 8pt; background: #FFFFFF; color: #000000; }
div.dateinvalid { display: inline; width: 110px; border-color: #FF0000; padding: 0px 0px 0px 0px; font-size: 8pt; background: #FFFFFF; color: #000000; }
div.time { display: inline; width: 75px; height: 19px; border-style: inset; border-width: 2px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;  font-size: 7pt; background: #FFFFFF; color: #000000; }
div.timeinvalid { display: inline;  width: 75px; border-color: #FF0000; padding: 0px 0px 0px 0px;  background: #FFFFFF; color: #000000; }
div.shorttime { display: inline; width: 50px; height: 19px; border-style: inset; border-width: 2px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;  font-size: 7pt; background: #FFFFFF; color: #000000; }
div.shorttimeinvalid { display: inline; width: 50px; border-color: #FF0000; padding: 0px 0px 0px 0px;  background: #FFFFFF; color: #000000; }

/* W3CBUTTON */
.w3cbutton3 { margin: 2px; width: 12em; border: 1px solid #999999; font-family: helvetica,arial,sans-serif; font-size: 80%; font-weight: normal; text-align: left; padding: 1px; display: inline; }
.w3cbutton3 a { display: block; width: 100%; text-decoration: none; color: #000000; background: #DDDDDD; }
.w3cbutton3 a:hover { background: #DDDDDD; color: #000000; text-decoration: none; }
.w3cbutton3 span.w3spec { padding: 0 0.4em; border-left: 1px solid #FFFFFF; }
.w3cbutton3 span.w3c { padding: 0 0.4em; background: #FFFFFF; color: #0C479D; font-weight: bold; }
.w3cbutton3 span.xml { padding: 0 0.4em; background: #FF6600; color: #FFFFFF; font-weight: bold; }
.w3cbutton3 span.xslt { padding: 0 0.4em; background: #FF6600; color: #FFFFFF; font-weight: bold; }
.w3cbutton3 span.php { padding: 0 0.4em; background: #777BB4; color: #FFFFFF; font-weight: bold; }
.w3cbutton3 span.firebird { padding: 0 0.4em; background: #E7760A; color: #FFFFFF; font-weight: bold; }
.w3cbutton3 span.sablotron { padding: 0 0.4em; background: #33CC33; color: #FFFFFF; font-weight: bold; }

/* RSS tlačítko - upraveno podle Marka Prokopa */
a.xmlbtn { padding: 1px 1em;	border: #630 1px solid; border-top: #fc9 1px solid; border-left: #f96 2px solid; font-family: helvetica,arial,sans-serif; font-size: 11px; font-weight: bold; color: #fff; background-color: #f60; letter-spacing: 1px; text-align: left; text-decoration: none; }
a.xmlbtn:link, a.xmlbtn:visited	{ color: #fff; background-color: #f60; text-decoration: none; }
a.xmlbtn:hover { color: #ff9; text-decoration: none; }