html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  vertical-align: baseline;
  background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html {background: #f0f0ee url("sitegr/site-bg.gif") center repeat-y;}
body {
  line-height: 1; color: black;	
  background:  url("sitegr/top-bg.gif") repeat-x; 
  padding-bottom: 0px; 
  text-align: center;}
sup {line-height: 0.9; vertical-align: text-top; font-size: 8px;}
strong {font-weight: bold;}
ul {	list-style: none;}
ol {list-style-position: inside; font-size: 0.7em;}
ol h2 {padding: 0px; display: inline;}
ol li {padding-bottom: 4px;}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
*/
/*basic styles*/
h1 {
  padding: 0px 0 10px 10px;
  font-size: 1.4em;
  font-weight: normal;
  font-family: Georgia, 'New York CE', utopia, serif;
  color: #1a690e;
}

h2 {
  padding: 10px 0 5px 10px;
  font-size: 1em;
  font-weight: normal;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  color: #1a690e;
}

h3 {
  padding: 5px 0 0px 10px;
  font-size: 1.3em;
  font-weight: normal;
  font-family: serif;
  color: #ff8c00;
}
h4 {
  padding: 0px 0 0px 10px;
  font-size: 0.9em;
  font-weight: normal;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  color: #1a690e;
}
h5 {
  padding: 0px 0 0px 10px;
  font-size: 0.áem;
  font-weight: bold;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-style: italic;
  color: #;
}
p {font-size: 0.9em; color: #202020; line-height: 1.2; padding: 5px 0 10px 10px;}

a {color: #1A690E;}
a:hover {color: #ff9600;}

/*main-layout*/
#site-holder {margin: 0 auto; text-align: left; width: 777px; overflow: hidden;}
#side-button {width: 28px; float: left; overflow: hidden;}
#side-button a {height:178px; background: url("sitegr/button-frezovani.gif") no-repeat; display: block; text-indent: -1000px; margin-top: 20px;}
#content-holder {width:777px; float: left; background: #f0f0ee url("sitegr/page-bg.gif") no-repeat center top;}
#content {width: 749px; float: left;}

/*header*/
#head-holder { height: 129px; overflow: hidden; background: url("sitegr/header-bg.jpg") no-repeat center top; text-align: center;}
#logo a {height: 140px; display: block; margin-top: 50px; text-indent:-1000px}
#head-holder ul {margin: 0 249px; height: 19px; }
#head-holder ul li {width: 93px; height: 19px; display: block; float: left;}
#head-holder ul li a {
  width: 93px; height: 19px; display: block; float: left; overflow: hidden;
  background: url("sitegr/button-small.gif") no-repeat top left; 
  text-align: center; text-decoration: none; font-size: 0.8em; color: white; line-height: 19px;
 }
#head-holder ul li a:hover {color: #000;}

  
/*content*/
#article { margin-left: 28px; min-height: 500px; background: #fff url("sitegr/content-bg.gif") repeat-x; padding: 0px 10px 0px 10px;}

/*navigation*/
#menu-holder {width: 166px; float: left; overflow: hidden;}
#nav-holder {padding-top: 15px; height: 190px;}
#nav-holder .nav-card {width: 128px ; float: left; padding-left: 10px; text-align: center;}
#nav-holder .nav-card a.image-button {
  width:128px; height:121px; display: block;
  text-indent: -1000px;
  }
#nav-holder .nav-card a.button {
  width:128px; height:32px; display: block; 
  background: url("sitegr/button.gif") no-repeat; 
  margin-top: 10px; line-height: 32px; color:#fff; text-decoration: none; 
  font-size: 0.8em; font-weight: bold; text-transform: uppercase;
  }
#nav-holder .nav-card a.button:hover {color: #ffcc00;}

#nav-holder .nav-card a.vrata { background: url("sitegr/foto-vrata.jpg") no-repeat top; }
#nav-holder .nav-card a.vrata:hover { background: url("sitegr/foto-vrata.jpg") no-repeat bottom; }

#nav-holder .nav-card a.brany { background: url("sitegr/foto-brany.jpg") no-repeat top; }
#nav-holder .nav-card a.brany:hover { background: url("sitegr/foto-brany.jpg") no-repeat bottom; }

#nav-holder .nav-card a.oploceni { background: url("sitegr/foto-oploceni.jpg") no-repeat top; }
#nav-holder .nav-card a.oploceni:hover { background: url("sitegr/foto-oploceni.jpg") no-repeat bottom; }

#nav-holder .nav-card a.pohony { background: url("sitegr/foto-pohony.jpg") no-repeat top; }
#nav-holder .nav-card a.pohony:hover { background: url("sitegr/foto-pohony.jpg") no-repeat bottom; }

#nav-holder .nav-card a.zavory { background: url("sitegr/foto-zavory.jpg") no-repeat top; }
#nav-holder .nav-card a.zavory:hover { background: url("sitegr/foto-zavory.jpg") no-repeat bottom; }

/*sub-nav*/
ul#subnav {margin-right: 10px; text-align: right;}
/*
#subnav li {float: right; display: block; width:193px; height:23px;}
#subnav li a {
  width:193px; height:23px; display: block; 
  background: url("sitegr/button-sub.gif") no-repeat; 
  line-height: 23px; color:#7d7d7c; text-decoration: none; 
  font-size: 0.8em; font-weight: bold; text-transform: uppercase;
  text-align: center;
  margin: 2px;
  float: right;
  }
 #subnav li a:hover {color:#000;}
 */
#subnav li {display: inline}
#subnav li a {font-size: 0.8em; font-weight: bold;}


/*footer*/
#foot-holder { width: 679px; background: url("sitegr/foot-bg.jpg") no-repeat center top;  clear: both; margin-left: 10px; margin-top: 20px;}
#footer {text-align: center;}
#footer p {color: #fff;}
#footer a {color: #fff; font-size: 0.7em; font-weight: bold; text-decoration: none; }

/*in-page*/
/*div.profile {width: 408px;}*/
.right  {float: right;}
.left {padding-right: 300px}
.half {width: 350px; float: left; padding-bottom: 40px;}
div.contact {width: 293px; background: url("sitegr/contact-box.gif") no-repeat top; overflow: hidden;}
div.contact div {padding: 20px 10px 40px 20px;}


.card-left, .card-right {
      float: left;
      width: 128px;
      margin: 0 0px 10px 0;
      padding: 5px 0 0 10px;
      text-align: center;
      font-size: 75%;
      
      }
      
.card-product {
      float: left;
      width: 340px;
      height: 180px;
      margin: 0 0px 10px 0;
      padding: 5px 0 0 10px;
      text-align: center;
      font-size: 75%;

      }
.card-left p, .card-product p {padding:0;}
.card {height: 160px;}
p.card-photo a img {border: 1px silver solid ;}
.card-right {float: right; margin: 0 0 15px 15px;}
.card-map {
      float: left;
      width: 300px;
      margin: 0 10px 10px 0;
      padding: 15px 0;
      text-align: center;
      font-size: 75%;
      }