/************************************************************  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  }  

body {
  font-size: small;
  font-family: sans-serif;
  line-height: 1.7em;
	background: #fff0dc url("../js/www/images/bg.jpg") top center no-repeat;
  }

a:link {
  color: #ff0000;
  }

a:visited {
  color: #ff0000;
  }
  
a:hover {
  color: #970000;
  text-decoration: none;
  }

p {
  padding: 0.7em 0;
  }

strong{
  color: #770ce8;
  }

h1 {
  overflow: hidden;
  font-size: 1.9em;
  }

h1, h1 span {
  float: left;
  position: relative;
  width: 444px;
  height: 140px;
  }

h1 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../js/www/images/logo.jpg") top left no-repeat;
  }

h1 a:hover span {
  cursor: pointer;
  }
  
h2 {
  font-size: 1.9em;
  font-weight: normal;
  padding: 1em 0 0.4em 0;
  color: #e8a349;
  }
  
h2 span {
  color: #2c90e0;
  }
  
h3 {
  font-size: 1.4em;
  padding: 0.8em 0 0.3em 0;
  font-weight: normal;
  color: #3a9312;
  }

/************************************************************  PAGE */

#page {
  width: 900px;
  margin: 0 auto;
  }

#header {
  height: 167px;
  background: url("../js/www/images/header.jpg") top left no-repeat;
  }
  
#header p {
  visibility: hidden;
  }

/************************************************************  NAVIGATION */

#nav {
  width: 900px;
  float: left;
  height: 50px;
  background: #770ce8 url("../js/www/images/nav.jpg") top left no-repeat;
  }
  
#nav ul {
  list-style: none;
  margin-left: 10px;
  }
  
#nav li {
  float: left;
  }
  
#uvod {
  width: 72px;
  }
  
#sluzby {
  width: 74px;
  }
  
#pecovatelky {
  width: 114px;
  }
  
#cenik {
  width: 73px;
  }
  
#objednavka {
  width: 115px;
  }
  
#nabidka {
  width: 129px;
  }
  
#kontakt {
  width: 86px;
  }
  
#nav ul li a {
  height: 50px;
  line-height: 52px;
  color: #fff;
  font-size: 1.1em;
  display: block;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
  }
  
#nav ul li a span {
  display: block;
  }

#nav ul li a#uvod.active {
  background: #fff url("../js/www/images/nav-active-left-uvod.gif") top left no-repeat;
  color: #770ce8;
  text-indent: 9px;
  }
  
#nav ul li a#sluzby.active {
  background: #fff url("../js/www/images/nav-active-left.gif") top left no-repeat;
  color: #770ce8;
  text-align: left;
  text-indent: 15px;
  }
  
#nav ul li a#pecovatelky.active {
  background: #fff url("../js/www/images/nav-active-left.gif") top left no-repeat;
  color: #770ce8;
  text-align: left;
  text-indent: 18px;
  }
  
#nav ul li a#cenik.active {
  background: #fff url("../js/www/images/nav-active-left.gif") top left no-repeat;
  color: #770ce8;
  text-align: left;
  text-indent: 18px;
  }

#nav ul li a#objednavka.active {
  background: #fff url("../js/www/images/nav-active-left.gif") top left no-repeat;
  color: #770ce8;
  text-align: left;
  text-indent: 18px;
  }

#nav ul li a#nabidka.active {
  background: #fff url("../js/www/images/nav-active-left.gif") top left no-repeat;
  color: #770ce8;
  text-align: left;
  text-indent: 17px;
  }
  
#nav ul li a#kontakt.active {
  background: #fff url("../js/www/images/nav-active-left.gif") top left no-repeat;
  color: #770ce8;
  text-align: left;
  text-indent: 18px;
  }
  
#nav ul li a.active {
  background: #fff url("../js/www/images/nav-active-left.gif") top left no-repeat;
  color: #770ce8;
  text-indent: 8px;
  }
  
#nav ul li a.active span
 {
  background: url("../js/www/images/nav-active-right.gif") top right no-repeat;
  }
  
#nav ul li a:hover {
  color: #f6c68b;
  }

/************************************************************ CONTENT */

#main {
  width: 900px;
  float: left;
  background: url("../js/www/images/main-top.jpg") top left no-repeat;
  }
  
#main-middle {
  width: 900px;
  float: left;
  background: url("../js/www/images/main-middle.jpg") top left repeat-y;
  }
  
#main-bottom {
  width: 820px;
  float: left;
  padding: 6px 40px 30px 40px;
  background: url("../js/www/images/main-bottom.jpg") bottom left no-repeat;
  }
  
#content {
  float: left;
  width: 820px;
  padding-bottom: 30px;
  background: url("../js/www/images/line-ladybug.jpg") bottom center no-repeat;
  }
  
#content ul {
  list-style: none;
  padding: 5px 0 10px 0;
  }
  
#content li {
  background: url("../js/www/images/li.jpg") 0 7px no-repeat;
  padding: 2px 0 2px 25px;
  }
  
/********************************  banners */  

#banners {
  padding: 10px 0 40px 0;
  background: url("../js/www/images/line-ladybug.jpg") bottom center no-repeat;
  height: 80px;
  clear: both;
  }

#banners a {
  display: block;
  float: left;
  width: 198px;
  height: 84px;
  line-height: 86px;
  font-size: 1.1em;
  color: #fff;
  text-decoration: none;
  text-indent: 20px;
  }
   
#banners .a1 {  
  background: url("../js/www/images/a1.jpg") top left no-repeat;
  }
  
#banners a.a1:hover {
  color: #d9b5ff;
  }
  
#banners .a2 {  
  background: url("../js/www/images/a2.jpg") top left no-repeat;
  margin-left: 111px;
  }
  
#banners a.a2:hover {
  color: #c0fba5;
  }
  
#banners .a3 {  
  background: url("../js/www/images/a3.jpg") top left no-repeat;
  margin-left: 111px;
  }
  
#banners a.a3:hover {
  color: #ffdaaa;
  }
  
/********************************  cite */ 

#cite {
  position: relative;
  top: 15px;
  clear: both;
  color: #676767;
  padding-bottom: 15px;
  }

q {
  font-style: italic;
  padding-top: 15px;
  } 
  
q p {
  text-align: right;
  padding: 0;
  }
  
table {
  width: 60%;
  padding: 2px 0 15px 0;
  }
  
th, td {
  text-align: left;
  font-weight: normal;
  padding: 3px 0px;
  border-bottom: 1px solid #bfbfc0;
  }

th.headline {
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 8px;
  border-bottom: 1px solid #770ce8;
  }

address {
  font-style: normal;
  padding: 5px 0 15px 0;
  }

/********************************  form */ 

#form {
  width: 625px;
  overflow: hidden;
  background: #f8f2ff;
  border: 1px solid #770ce8;
  margin: 5px 0  25px 0;
  }

#form span {
  font-weight: bold;
  }

fieldset {
  padding: 0px 20px 0 20px;
  margin: 5px 0;
  border: none;
  }
  
#button {
  background: #770ce8;
  color: #fff;
  padding: 4px 8px;
  }
  
input, textarea {
  border: 1px solid #770ce8;
  padding: 5px 2px;
  }


#form-objednavka,
#form-nabidka-prace {
  width: 625px;
  overflow: hidden;
  background: #f8f2ff;
  border: 1px solid #770ce8;
  margin: 5px 0 25px 0;
  }

#form-objednavka fieldset,
#form-nabidka-prace fieldset {
  padding: 10px 20px 0px 20px;
  margin: 5px 0;
  border: none;
  }

#form-objednavka table,
#form-nabidka-prace table {
  width: 100%;
  border-collapse: collapse;
  }
  
#form-objednavka th, 
#form-objednavka td,
#form-nabidka-prace th,
#form-nabidka-prace td {
  text-align: left;
  font-weight: normal;
  padding: 3px 10px;
  border-bottom: none;
  vertical-align: top;
  }
  
#form-objednavka th.headline,
#form-nabidka-prace th.headline {
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 15px;
  }  
  
#form-objednavka th.headline#a {
  width: 400px;
  overflow: hidden;
  }

.bg {
  background: #eedfff;
  }

#form-objednavka th {
  width: 180px;
  }

#form-objednavka td {
  width: 200px;
  text-align: left;
  }
  
#form-objednavka #button,
#form-nabidka-prace #button {
  margin-top: 20px;
  }
  
.radio {
  border: none;
  }
  
/************************************************************  FOOTER */

#footer {
  height: 40px;
  line-height: 30px;
  padding: 0 30px;
  font-size: 0.85em;
  color: #9e835f;
  }

#footer a {
  color: #9e835f;
  }
  
#footer a:hover {
  color: #000;
  }

#footer p {
  float: left;
  padding: 0;
  }
  
#footer p.right {
  float: right;
  }

br.cleaner {
  clear: both;
  }