/* Eric Meyer's latest CSS reset, see http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
   background: #333333;
   font-size: 0.8em; 
   line-height: 1.4em; 
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/** Layout **/

        	
#page {
   background: #ffffff url(images/page-bg.png) repeat-x; 
   min-height: 660px;
}

#main {
  width: 960px;
  margin-left: auto;
  margin-right: auto; 
}

#main-inside {
overflow: hidden;
}

#main p {
margin-bottom: .8em;
}

#header {	
  float: left;
  overflow: hidden;
  height: 90px;  		
}

#header-inside-left {
  float: left;
  height: 90px;
  width: 380px;  
}

#logohome {
  float: left;
  display: block;
  width: 205px;
  height: 90px;
  background: url(images/z-logo-header.png) no-repeat;
}

/** Header Menu **/


#header-inside-right {
  float: left;
  height: 90px;
  width: 580px; 
}

.hnavigation li {
  float: left;
}

#nav2 a {
  float: left;
  display: block;
  width: 150px;
  height: 90px;
  background: url(images/header-menu.png) no-repeat  0px 0px;
  text-indent: -9999px; 
}

#nav2 a:hover {
  background-position:  0px -90px;
}

#nav2 a:active {
  background-position:  0px -90px;
}

#nav2.active a {
  background-position:  0px -180px;
}

#nav3 a {
  float: left;
  display: block;
  width: 160px;
  height: 90px;
  background: url(images/header-menu.png) no-repeat  -150px 0px;
  text-indent: -9999px;
  
}

#nav3 a:hover {
  background-position:  -150px -90px;
}

#nav3 a:active {
  background-position:  -150px -90px;
}

#nav3.active a {
  background-position:  -150px -180px;
}

#nav4 a {
  float: left;
  display: block;
  width: 135px;
  height: 90px;
  background: url(images/header-menu.png) no-repeat  -310px 0px;
  text-indent: -9999px;
}

#nav4 a:hover {
  background-position:  -310px -90px;
}

#nav4 a:active {
  background-position:  -310px -90px;
}

#nav4.active a {
  background-position:  -310px -180px;
}

#nav5 a {
  float: left;
  display: block;
  width: 135px;
  height: 90px;
  background: url(images/header-menu.png) no-repeat  -445px 0px;
  text-indent: -9999px;
}

#nav5 a:hover {
  background-position:  -445px -90px;
}

#nav5 a:active {
  background-position:  -445px -90px;
}

#nav5.active a {
  background-position:  -445px -180px;
}

/*
 * Content
 */

.front #image {    
  float: left; 
  width: 870px;
  margin-left: 45px;
  height: 370px;
  margin-top: 30px;
  display: inline; /* for ie6 */
}

.front #content {
  float: left; 
  width: 870px;
  height: 130px;
  margin-top: 20px;
  margin-left: 45px; 
  display: inline; /* for ie6 */    
}

.front #teaser-container {
	float: left;
	overflow: hidden;
	width: 870px;
}

.front #left-teaser {
	float: left;
	width: 270px;
	margin-right: 40px;	
}

.front #middle-teaser {
	float: left;
	width: 250px;
	margin-right: 40px;
}
	
.front #right-teaser {
	float: left;
	width: 270px;
}

.front #teaser-container h1 {
  font-size: 1.5em;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #55bceb;
}

.front #teaser-container p {
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 0.5em;
}

.front #teaser-container a {
  text-decoration: none;
  color: #55bceb;  
}

.front #teaser-container a:visited {
  color: #55bceb; 
}

.front #teaser-container a:hover { 
  color: #aaaaaa; 
}

.front #teaser-container a:active {
  color: #aaaaaa;
}

.main #breadcrumbs {
  float: left;
  margin-left: 45px;
  margin-top: 20px;
  width: 915px;
  height: 15px;
  font-size: 89%;
  display: inline; /* for ie6 */
}
 
.main #container {
  float: left;
  overflow: hidden;
  width: 915px;
  display: inline; /* for ie6 */
}

.main #content {
  float: left;
  margin-left: 45px;
  width: 310px;
  display: inline; /* for ie6 */ 
}



.main #content h1 { 
  font-size: 180%;
  color: #000000;
  margin-bottom: 30px;
}

.main #image {
  float: left;
  margin-top: 65px;
  margin-left: 35px;
  width: 310px;
}

.main #image p {
  margin-top: -5px;
}

.main #image img {
margin-bottom: 10px;
  
}

.main #sidebar {
  float: left;
  margin-top: 60px;
  margin-left: 30px;
  width: 180px;	
  border-left: 1px solid #e1e1e1;
  
}

.main #sidebar-inside {
  float: left;
  margin-left: 5px;
}

.main #contact-a {
  margin-top: -5px;
  width: 310px;   
  border-collapse: collapse;
  text-align: left;  
}

/*
 * right sidebar menu
 */

.sidebar-menu li a {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.4em;
  color: #333333; 
}

.sidebar-menu li.active a {
  color: #55bceb;
}

.sidebar-menu li a:hover {
  color: #aaaaaa;
}

.sidebar-menu li a:active {
  color: #aaaaaa;
}

.sidebar-menu .subnav {
  margin-bottom: 5px;
}

.sidebar-menu ul.subnav a {
  font-size: 120%;
  margin-left: 5px;
  font-weight: normal;
  color: #333333;
}

.sidebar-menu ul.subnav li.active a {
  color: #55bceb;
}

.sidebar-menu ul.subnav a:hover {
  color: #aaaaaa;	
}

.sidebar-menu ul.subnav a:active {
  color: #aaaaaa;	
}

.zemelo {
margin-top: 20px;
font-size: 85%;
font-style: italic;
line-height: 1em;
}

#bottom {
  overflow: hidden;
  background: #333333 url(images/bottom-bg.png) repeat-x; 
}

#footer {
  width: 870px;
  height: 30px;
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto; 
}

.footer-text {
  color: #aaaaaa;
  font-size: 88%;
}

/* Typography */
  body, caption, th, td, input, textarea, select, option, legend, fieldset
  {
    /* The following font family declarations are based on the Microsoft core
     * web fonts which are common fonts available on most computer systems. The
     * Bitstream Vera fonts are commonly available on Linux systems where the MS
     * fonts are less common.
     *
     * A user's web browser will look at the comma-separated list and will
     * attempt to use each font in turn until it finds one that is available
     * on the user's computer. The final "generic" font (sans-serif or serif)
     * hints at what type of font to use if the web browser doesn't find any
     * of the fonts in the list.

    font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
    font-family: Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif;
    font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;

    font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;

     */

    font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;     
}

pre,
code {
  font-size: 1.1em; /* Monospace fonts can be hard to read */
  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}

  /** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */

  a:link
  {
    text-decoration: none;
    color: #55BCEB;
  }

  a:visited
  {
    text-decoration: none;
    color: #55BCEB;
  }

  a:hover,
  a:focus
  {
    text-decoration: none;
    color: #767676;
  }

  a:active
  {
    color: #55BCEB;
  }
  
  /*
 * Headings
 */
h1 {
  font-size: 2em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 0.5em; 
}

h2 {
  font-size: 1.4em;
  line-height: 1.4em;
  margin-top: 0.667em;
  margin-bottom: 0.667em;
}

h3 {
  font-size: 110%;
  line-height: 1.4em;
  margin-top: 0.769em; 
  margin-bottom: 0.769em;
}

h4,
h5,
h6 {
  font-size: 1.1em;
  line-height: 1.4em;
  margin-top: 0.909em;
  margin-bottom: 0.909em;
}