body {
	margin: 0;
	padding: 0 0 30px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

a {color: #0961B2;}
h1 {font-family: Calibri, Arial; color: #86B703; font-size: 2em; margin: 1em 0 0.7em 0;}
h2 {font-family: Calibri, Arial; color: #86B703; font-size: 1.6em; margin: 0.8em 0 0.7em 0;}
.clear {display: table; width: 100%;}
.align-right {text-align: right;}
.w300 {width: 300px;}
.float-left {float: left;}
.float-right {float: right;}

#page {width: 970px; margin: auto;}
#top {width: 100%; height: 120px; background: url(design/back-top.jpg) 248px 6px no-repeat;}
#tema {width: 100%; height: 245px; background: url(design/tema.jpg);}

#logo-pramenita-voda {width: 223px; height: 49px; background: url(design/logo-pramenita-voda.gif) no-repeat; margin: 45px 0 0 42px; float: left;}
#logo-pramenita-voda a {width: 223px; height: 49px; display: block; border-bottom: none;}
#logo-pramenita-voda span {display: none;}

#logo-asset {width: 163px; height: 59px; background: url(design/logo-asset.gif) no-repeat; margin: 45px 0 0 20px; float: left;}
#logo-dallmayr {width: 60px; height: 69px; background: url(design/logo-dallmayr-1.gif) no-repeat; margin: 40px 0 0 20px; float: left;}

#linka {float: left; color: #0961B2; margin: 80px 0 0 100px;}
#linka span {color: #86B703; font-weight: bold;}

#navigace {width: 100%; height: 60px; border-bottom: 1px solid #C3D9EC; background: url(design/back-navi.jpg) 135px 0 no-repeat; color: #0961B2;}
#cesta {float: left; padding: 24px 0 0 42px;}

#objednavka {float: right; background: url(design/icon-barel.gif) no-repeat; height: 40px; padding: 0 42px 0 27px; line-height: 40px; margin-top: 10px;}
#objednavka a {color: #C44239; font-weight: bold;}

#text {float: left; margin-bottom: 20px;}
#text-left {width: 240px; float: left; margin-right: 30px;}
#text-right {width: 700px; float: left; line-height: 1.5em;}

#topmenu {width: 100%; height: 50px; background: url(design/bg-topmenu.gif) repeat-x; margin-bottom: 1px;}
#topmenu ul {list-style-type: none; margin: 0; padding: 0;}
#topmenu ul li {float: left; _height: 50px; line-height: 50px; background: url(design/topmenu-break.gif) top right repeat-y; padding: 0 2px 0 0;}
#topmenu ul li.last {background: none;}
#topmenu a {color: #12427A; font-size: 16px; text-decoration: none; display: block; padding: 0 20px;}
#topmenu a:hover {background: #32D2ED;}

ul#menu  {margin: 30px 0 0 0; padding: 0; list-style-type: none;}
ul#menu li {height: 42px; line-height: 42px; border-bottom: 1px solid #C3D9EC; background: url(design/dart1.gif) 17px 15px no-repeat; padding-left: 42px; overflow: hidden; }
ul#menu li.sub1 { margin-left: 15px; }
ul#menu li.sub2 { margin-left: 30px; }
ul#menu li.sub3 { margin-left: 45px; }


#uvod-left {width: 430px; float: left; margin-right: 20px;}
#uvod-right {width: 250px; float: left;}

.important {background: #EEF8FE; padding: 20px 20px;}

.news-item {margin-bottom: 14px;}
.news-img {width: 135px; height: 135px; float: left; background: #EEF8FE;}
.news-img img {margin: 14px 0 0 14px;}
.news-desc {width: 295px; float: left;}
.news-desc-in {padding: 14px 0 0 14px;}

#nabidka {width: 250px; height: 281px; background: url(design/nabidka.jpg) no-repeat;}
#nabidka-in {padding: 15px 15px;}
#nabidka h3 {font-size: 1.5em; font-weight: normal; color: #C44239; margin: 0;}

p.objednejte {color: #C44239; margin-top: 25px; font-weight: bold;}
p.objednejte a {color: #C44239;}

#kava {background: #F5F1E5; border: 1px solid #C1AF71;}
#kava-in {padding: 14px 14px;}
#kava-in img {float: left; margin: 0 14px 0 0;}
#kava-in div {width: 260px; float: left;}
#kava-in p {margin: 0;}

ul#distribuce {padding: 5px 0 0 100px; background: url(design/mapa-cr.gif) 0 5px no-repeat; margin: 0;}
ul#distribuce li {background: url(design/dart2.gif) 0 5px no-repeat; list-style-type: none; padding-left: 13px;}

#footer {width: 100%; height: 90px; background: #EEF8FE url(design/logo-pramenita-voda_small.gif) 37px 25px no-repeat; font-size: 90%;}
#footer-in {padding: 21px 20px 0 190px;}

.error { color: red; font-weight: bold;}

table.data {border-collapse: separate;}
table.data td {background: #EEF8FE; padding: 4px 5px;}

form {margin:0;}
fieldset {border: none;}
.form1 {margin-bottom: 10px;}
.form1 fieldset {border: 1px dashed #cecece; padding: 10px 10px;}
.form1 legend {font-weight: bold; padding: 5px 5px 0 5px; color: #69B63D; background: #FFF;}
.form1 label {float: left; width: 25%; vertical-align: middle; padding-top: 0.3em;}
.form1 p {margin: 0.3em 0;}

.box1 {width: 300px; float: left;}
.box1 img {margin: 20px 0 0 40px;}
.cena {color: #C44239; font-weight: bold;}