* { margin: 0; padding: 0; }
html, body, form, input, textarea, table { font-family: Arial,Verdana,sans-serif; font-size:12px; }
html { height: 100%; }
body { height: 100%; color: #58595b; text-align: center; }
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { padding: 0 0 15px 0; font-size: 20px; font-weight: bold; color: #fff; text-transform: uppercase; }
h2 { padding: 0 0 10px 0; font-size: 15px; font-weight: normal; }
h2 a { color: #58aced; text-decoration: underline; }
a { text-decoration: underline; color: #58595b; }
a:hover { text-decoration: none; }
a.highlight { font-weight: bold; text-decoration: none; }
a.highlight:hover { text-decoration: underline; }
a img { border: 0 none; }
a.prolink {color:#ef8d00; text-decoration:underline}
a.prolink:hover {color:#ef8d00; text-decoration:none}

p { padding: 5px 0; }
table {text-align: left;}
ul, ol { margin: 8px 0 8px 0; padding-left: 20px; }
select { width: 201px; height: 19px; font-size: 10px; }
select.multiple { width: 542px; height: auto; background-color: #f1f1f1; font-size: 12px; }
.form p { padding: 3px 0 0 0; clear: both; }
.form br { height: 0; overflow: hidden; clear: both; }
.form p input { width: 195px; height: 15px; padding: 1px 0 1px 5px; float: left; border: 1px #6d6e71 solid; }
.form p span.label { width: 150px; min-height: 15px; padding: 2px 0 2px 0; float: left; display: block; color: #58595b; }
.form p.submit input { height: 18px; width: auto; text-align: left; padding: 0; border: 0 none; color: #5321A0; font-size: 12px; background: transparent; cursor: pointer; text-transform: uppercase; }
.form p.checkbox input { width: auto; height: auto; }
.form p.radio span.radio-cover { display: block; float: left; }
.form p.radio span.radio-cover span { display: inline; float: none; }
.form p.radio span.radio-cover label { clear: both; display: block; }
.form p.radio span.radio-cover input { width: auto; height: auto; vertical-align: middle; text-indent: 0; margin-right: 5px; float: none; border: 0; }
.form p.file input { width: 190px; height: 19px; padding: 0; }
.form p textarea { width: 475px; height: 120px; }
.form p textarea.small { width: 475px; height: 60px; }
.form span.require-field { padding-left: 5px; color: red; }

.message-cover { padding-bottom: 10px; }
.message-cover ul { margin: 0; padding: 0; list-style-type: none; }
.message-cover.message-negative ul { color: red; }
.message-cover.message-positive ul { color: green; }
.cleaner { display: block; overflow: hidden; clear: both; height: 0; }
.cleaner.h10 { height: 10px; }
.cleaner.h15 { height: 15px; }
.cleaner.h20 { height: 20px; }
.cleaner.separator { height: 1px; background-color: #a9c124; }
.font-small { font-size: 11px; }
.f-12 {font-size: 12px; }
.f-14 {font-size: 14px; }
.bld {font-weight:bold}
.c-black {color:#000}
.important {color:red}
.f-rgt {float:right}
.f-lft {float:left}
.al-cnt {text-align:center}



body { background: url(../img/layer0-back.png) repeat-x center top }
#layer-01 { background: url(../img/layer1-back.png) no-repeat center top }
#main { width: 919px; margin: 0 auto; position: relative; text-align: left; }
#header { height: 198px; position: relative; z-index: 1; }
#logo-hero { position: absolute; top: 155px; left: 0; }
#logo-herobaby { position: absolute; top: 5px; left: 194px; }
#menu { width: 773px; height: 43px; margin: 0; padding: 0; position: absolute; z-index: 1; bottom: 0; left: 146px; list-style-type: none; list-style-image: url(none); background-repeat: no-repeat; background-position: right bottom; }
#menu li { padding-left: 1px; float: left; display: block; position: relative; background-image: url(../img/menu-separator.png); background-repeat: no-repeat; background-position: 0 10px; }
#menu li.first { padding-left: 0; background-image: url(none) !important; }
#menu li.last a { padding-right: 19px; }
#menu li a { padding: 14px 17px; float: left; display: block; color: #814300; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#menu li a:hover { background-repeat: repeat-x; }
#menu li ul { width: 180px; margin: 0; padding: 0; position: absolute; top: 42px; list-style-type: none; list-style-image: url(none); display: none; clear: both; }
#menu li ul li { width: 160px; padding: 0 10px !important; float: left; clear: both; background-color: #5d890f; background-image: url(none) !important; position: static; color:#f7d443 }
#menu li ul li.subfirst { background: #5d890f; color:#f7d443 }
#menu li ul li a { padding: 2px 0; float: none; background: url(none); text-transform: none; color: #fff; font-weight: normal; border-top: 1px solid #79b114; }
#menu li ul li.subfirst a { border-top: 0 none; }
#menu li ul li a:hover { color: #b8e623; background-image: url(none) !important; }
.green-menu-corners { height: 10px; overflow: hidden; background: url(none) !important; line-height: 0px; font-size: 0px; border: 0 none; }
.gmc-tl, .gmc-tr, .gmc-bl, .gmc-br { width: 10px; height: 10px; overflow: hidden; position: absolute; display: block; background-repeat: no-repeat; }
.gmc-tl { top: 0; left: 0; background-image: url(../img/gmc-tl.png); }
.gmc-tr { top: 0; right: 0; background-image: url(../img/gmc-tr.png); }
.gmc-bl { bottom: 0; left: 0; background-image: url(../img/gmc-bl.png); }
.gmc-br { bottom: 0; right: 0; background-image: url(../img/gmc-br.png); }
.gmc-middle { height: 10px; display: block; background: #5d890f; overflow: hidden; }
#content { width: 100%; margin-top: 51px; background-repeat: repeat-y; position: relative; background-color: #ffffff; background-position: 0 0; clear: both; }
h1 { width: 754px; height: 38px; margin: 0; padding: 13px 0 0 19px; position: absolute; top: -51px; left: 146px; }
#content-left { width: 430px; padding: 20px 0 20px 166px; float: left; background-repeat: no-repeat; }
#content-right { width: 298px; padding: 15px 0 20px 15px; float: left; text-align:center }
#content-left-distribution { width: 383px; padding: 20px 0 20px 166px; float: left; background-repeat: no-repeat; }
#content-right-distribution {width: 345px; padding: 20px 0 20px 5px; float: left;}
#content-full { width: 730px; padding: 20px 0 20px 166px; float: left; background-repeat: no-repeat; }
#content-homeimage {padding-left:145px;}
#content-homeimage img {vertical-align:bottom; border:0 none}
#footer { width: 919px; margin: 0 auto 10px auto; text-align: left; }
#footer-menu { margin: 0; padding: 6px 0; list-style-image: url(none); list-style-type: none; text-align: center; }
#footer-menu li { display: inline }
#footer-menu li a { padding: 0 9px; display: inline; color: #337304; text-decoration: none; }
#footer-menu li a:hover { color: #8cb913; text-decoration: underline; }
#footer-green-panel { width: 100%; padding: 10px 0 47px 0; position: relative; background: #85b613; }
#footer-green-panel a { text-decoration: none; color: #fff; }
#footer-green-panel a:hover { text-decoration: underline; }
#fgp-top { width: 919px; height: 10px; position: absolute; top: 0; left: 0; overflow: hidden; background: url(../img/footer-top-corners.png) no-repeat left top; }
#fgp-middle { padding: 4px 22px 4px 0; text-align: right; color: #fff; line-height: 17px; }
#fgp-middle .contact-cr {width:300px; float:left; text-align:left; padding-left:20px}
#fgp-middle .contact-sr {width:193px; float:right; text-align:left}

#fgp-bottom { width: 919px; height: 47px; position: absolute; bottom: 0px; left: 0; overflow: hidden; background: url(../img/footer-bottom-shadow.png) no-repeat 0 0; }


ul.distribution {font-size:12px; list-style-type:none; padding:0}
ul.distribution ul {font-size:12px; list-style-type:none; padding-left:5px}
ul.sub {margin:0; padding:0}
ul.sub li {padding-left:10px}

/* COLOR SCHEME - start */


body.yellow #menu { background-image: url(../img/menu-yellow.png); background-color: #f7d443; }
body.yellow #menu li a:hover { background-image: url(../img/menu-yellow-hover.png); }
body.yellow h1 { background-color: #f7d443;}
body.yellow #content { background-image: url(../img/content-yellow.png); }
body.yellow #content .content-with-child { background-image: url(../img/child-yellow.png) }

body.lightblue #menu { background-image: url(../img/menu-lightblue.png); background-color: #6dcff6; }
body.lightblue #menu li a:hover { background-image: url(../img/menu-lightblue-hover.png); }
body.lightblue #menu li { background-image: url(../img/menu-lightblue-separator.png) }
body.lightblue #menu li a { color:#fff }
body.lightblue h1 { background-color: #6dcff6; }
body.lightblue #content { background-image: url(../img/content-lightblue.jpg); }


body.pink #menu { background-image: url(../img/menu-pink.png); background-color: #e52c56 }
body.pink #menu li {background-image: url(../img/menu-pink-separator.png)}
body.pink #menu li a { color:#fff }
body.pink #menu li a:hover {background-image: url(../img/menu-pink-hover.png); /*background-color:#b61e41*/ }
body.pink #content { background-image: url(../img/content-pink.jpg); }
body.pink h1 { background-color: #e52c56}

body.orange #menu { background-image: url(../img/menu-orange.png); background-color: #e97428; }
body.orange #menu li {background-image: url(../img/menu-orange-separator.png)}
body.orange #menu li a { color:#fff }
body.orange #menu li a:hover {background-image: url(../img/menu-orange-hover.png); /*background-color:#e6a21f*/ }
body.orange #content { background-image: url(../img/content-orange.jpg); }
body.orange h1 { background-color: #e97428}

body.violet #menu { background-image: url(../img/menu-violet.png); background-color: #412a8e; }
body.violet #menu li {background-image: url(../img/menu-violet-separator.png)}
body.violet #menu li a { color:#fff }
body.violet #menu li a:hover { background-image: url(../img/menu-violet-hover.png); /*background-color:#5c4d8d*/ }
body.violet #content { background-image: url(../img/content-violet.jpg); }
body.violet h1 { background-color: #412a8e}

body.g-reen #menu { background-image: url(../img/menu-green.png); background-color: #46b066; }
body.g-reen #menu li {background-image: url(../img/menu-green-separator.png)}
body.g-reen #menu li a { color:#fff }
body.g-reen #menu li a:hover {background-image: url(../img/menu-green-hover.png); /*background-color:#2f6c41*/ }
body.g-reen #content { background-image: url(../img/content-green.jpg); }
body.g-reen h1 { background-color: #46b066}

body.lightorange #menu { background-image: url(../img/menu-lightorange.png); background-color: #ffc95d; }
body.lightorange #menu li {background-image: url(../img/menu-lightorange-separator.png)}
body.lightorange #menu li a { color:#fff }
body.lightorange #menu li a:hover {background-image: url(../img/menu-lightorange-hover.png); /*background-color:#deb053;*/ }
body.lightorange #content { background-image: url(../img/content-lightorange.jpg); }
body.lightorange h1 {background-color:#ffc95d}

/* COLOR SCHEME - end */

/* CLASSES - start */

.perex { font-size: 14px; font-weight: bold; }
.questionform td { padding-top:10px; }
.questionform input, .questionform textarea { width: 430px; }
 textarea:hover, input:hover{border:solid 1px #e0e0e0}
.questionform input.submit { width: auto; }
.whispererInactive { color: #aaa;}

.products { padding: 0 0 60px 10px; }
.package { height: 150px; position: relative; background: url(../img/package-back.png) no-repeat 15px 69px; }
.package a { color: #fff; font-weight: bold; text-decoration: none; display: block; float: right; }
.package a:hover { text-decoration: underline; }
.package-onleft, .package-onright { height: 131px; width: 234px; padding: 70px 15px 0 15px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; text-align: right; }
.package-onright { background-position: right top; text-align: left; }
.package-onright a { float: left; }


.po-krupicova { background-image: url(../img/natur-krupicove.png) }
.po-krupicova a { padding: 10px 8px 0 0; font-size: 12px; }


.po-hroznova { background-image: url(../img/natur-hroznove.png) }
.po-hroznova a { padding: 11px 0 0 3px; font-size: 10px; }

.po-ryzova { background-image: url(../img/natur-ryzove.png) }
.po-ryzova a { padding: 10px 18px 0 0; font-size: 12px; }

.po-ovocna { background-image: url(../img/natur-ovocne.png) }
.po-ovocna a { padding: 10px 0 0 18px; font-size: 12px; }

.po-banan { background-image: url(../img/natur-banan.png) }
.po-banan a { padding: 10px 25px 0 0; }

.po-vanilka { background-image: url(../img/natur-vanilka.png) }
.po-vanilka a { padding: 10px 0 0 22px; }



.product-table { width: 430px; }
.pt-header { height: 20px; padding-top: 4px; text-transform: uppercase; font-weight: bold; text-align: center; color: #fff; background: url(../img/product-table-back.png) no-repeat left top; }
.product-table table { width: 430px; padding: 0 0 10px 0; background: #f6f6f6 url(../img/product-table-back2.png) no-repeat left bottom; }
.product-table table tr,
.product-table table th, .product-table table td
{ background: transparent url(none) }
.product-table table th, .product-table table td { text-align: left; }
.product-table table th { padding: 2px 0; background: #1e4eb1; color: #fff; font-weight: bold; }
.product-table table td { padding: 1px 2px; border-bottom: 1px solid #ccc }
.pt-border { width: 10px; }
.product-table table td.pt-border { border: 0 none; }
/* CLASSES - end  */

/* obsluha formulare */
.formInfo {text-align:center; margin:10px 0 0 0; padding:10px 0; background-color:#e5e5e5; border:1px solid #939497;}
.red {color:red;}
.green {color:green}
/* END obsluha formulare */