/* Bouda Commercio, (c) 2006 by www.webproject.cz */
html, body {margin: 0;padding: 0;}
body {font-family: Arial, sans-serif;font-size: 0.80em;text-align: center;color:#333;background-color:#fff;}

/*- links -*/
a {}
a:hover {}
a img {border: none;}

/*- forms -*/
form {width: 33em;margin: auto;}
form fieldset {padding: 0.5em;margin: 0 0 1em;}
form legend {color: #CA352A;font-weight: bold;}
form div {width: 100%;margin: 0.25em 0;}
form label {display: block;width: 12em;float: left;}
form br {display: none;}
form fieldset#captcha {text-align: center;}

/*- headings -*/
h2 {font-size: 150%;margin-top: 0;}
h3 {font-size: 130%;margin-top: 1em;}

hr {display:none;}

/*- tables -*/
table {border-collapse:collapse;margin: 1em 0;}
table td {padding:5px;}
table th {padding:5px;text-align:left;}

/*- layout -*/
/*- inside container -*/
#container {width: 100%;clear:both;margin: 1.5em 0; background: #fff url(../images/layout/container-bkg.png) repeat-y;}
/*- content -*/
#content {margin-left:201px;padding: 0 1em;text-align:justify;}
#content ul li {list-style-image:url(../images/layout/content-li.png);margin-bottom:0.5em;}
/*- footer -*/
#foot {clear: both; text-align: center; padding: 1.5em 0; margin: 0 1em; border-top: 1px dashed #636363;}
#foot a {color: #333;}
#foot a:hover {}
/*- header -*/
#head {position:relative; height: 200px; line-height: 200px; background-color: #eee; margin-bottom: 5px;}
#head h1 {margin: 0; padding: 0; text-align: center; color: #999;}
#head h1 span {position: absolute; top:0; left:0;width: 763px; height: 200px; background: #eee url(../images/layout/head-bkg.jpg) center;}
/*- main container */
#main {width: 763px;padding: 0 3px;margin: auto;text-align: left;}
/*- main navigation -*/
#nav {width: 100%;height:37px;background:url(../images/layout/nav-bkg.png);}
#nav ul {margin:0;padding:0;padding-left: 16px;}
#nav li {list-style-type:none;float:left;width:122px;height:37px;background:url(../images/layout/nav-li.png);}
#nav li.first {width:122px;background:url(../images/layout/nav-li-first.png);padding-left: 2px;}
#nav a {display:block;height:37px;color:#eee;font-weight:bold;text-decoration:none;}
#nav a span {position:relative;left:10px;top:15px;}
#nav a:hover, #nav a.active {background:url(../images/layout/nav-li-hover.png);}
/*- product navigation -*/
#subnav {float:left;width:180px;/*border-right: 1px solid #808080;*/padding: 0 10px;}
#subnav strong {border-bottom: 1px dotted #808080;}
#subnav ul.level1 {margin:0;padding:0;}
#subnav ul.level2,
#subnav ul.level3,
#subnav ul.level4 {margin:0.5em 0;padding:0 0 0 2em;}
#subnav ul li {margin: 0.5em 0;list-style-type:none;border-bottom: 1px dotted #808080/*IE*/;}
#subnav ul.level1>li {border-bottom: 1px dotted #808080;}
#subnav ul li a {text-decoration: none;color:#636363;}
#subnav ul li a:hover {color:#fc8004;}
#subnav ul.level2 li {border:none;list-style-image: url(../images/layout/subnav-li-l2.png);}
#subnav ul.level2 li a {color:#3793e6;}
#subnav ul.level3 li {border:none;list-style-image: url(../images/layout/subnav-li-l3.png);}
#subnav ul.level3 li a {color:#636363;}
#subnav ul li a:hover {color:#fc8004;}

/*- classes -*/
img.border {border: 1px solid #ccc;}
strong.red {color: #CA352A;}
.center {text-align:center;margin:auto;}
.end, .end-right {display:block;clear:both;font-size:1px; height:1px; line-height:1px;}
.end-right {clear:right;}
.fright {float:right; margin: 0 0 0 0.5em;}
.hide {display:none;}

/*- image container -*/
div.img-container {width:500px;margin:auto;}
div.img-container p {margin: 1em 0;float:left;width:250px;text-align:center;}
div.img-container br {display:none;}
div.img-container span {display:block;margin: 1em 0 0 0; }

/*- products = welcome page -*/
#produkty {background: url(../images/produkty/dot.png) center repeat-y;margin:auto;width:520px;text-align:center;}
#produkty span {display: block;height: 4em;font-weight:bold;}
#produkty br {display: none;}
#produkty div.box {float:left;width: 240px;padding: 10px 10px 0;}
#produkty div.box div {border-bottom: 1px dashed black;padding-bottom: 10px;} 

/*- references -*/
#reference img {margin-left: 1em;}
/*- rozcestnik 1 -*/
#rozcestnik-1 {width:500px;margin:auto;font-weight:bold;}
#rozcestnik-1 .box {float:right;width:100%;margin-bottom:3em;}
#rozcestnik-1 .box .in {float:left;margin:0;width:250px;text-align:center;}

.novinka, .akce {margin-bottom: 1em;} 
.novinka span {float:right;}

.akce p.more {font-weight:bold;text-align:center;}
.akce p.more strong {color: blue;}