/*  Ing. Ivan Svetlik - ucetni audit
    Martin Svetlik (c) 2009   */

* { margin: 0; padding: 0; border: 0; }
body {
  background: #2878ae url('./layout/bg.jpg') top center repeat-x;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: small;
  line-height: 23px;
  color: #fff;
}

/* ------------------------------ Zakladni vlastnosti ---------------------------------*/

#logo, h2, h4 { font-family: Georgia, "New York CE", utopia, sans-serif; font-weight: normal; }

a, a:visited { color: #fff; text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }

.hidden { display: none; }
.center { text-align: center; }
.right { text-align: right; }


.cleaner {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}

.replacement {
  position: relative;
  overflow: hidden;
}
.replacement span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

/* ------------------------------ Horni cast ---------------------------------*/

#top-wrap { background: #fff url('./layout/bg-top.jpg') top left repeat-x; width: 100%; height: 151px; } /* obal - bily pruh pri vypnutych obrazcich */

/* ------ Logo ------*/

#top {
  width: 960px; 
  height: 151px;
  margin: 0 auto;
}

#logo {
  width: 335px;
  height: 150px;
  float: left;
  position: relative;
  overflow: hidden;  
}

#logo span {
  width: 335px;
  height: 150px;
  background: url('./layout/logo.jpg') top left no-repeat;
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  cursor: pointer;
}

#logo h1 { font-size: 250%; padding: 43px 0 0 20px; line-height: 40px; }
#logo h1 a, #logo h1 a:visited { color: #505050; text-decoration: none; }
#logo h1 a:hover { color: #000; }
#logo p { color: #2878ae; font-size: 150%; padding-left: 110px; }


/* ------ Navigace ------*/

#nav { 
  width: 625px;
  height: 125px;
  float: right;
}

#nav ul {
  list-style: none;
  float: right;
  margin-top: 88px;
}

#nav ul li { float: left; margin-right: 10px; }
#nav ul li a { 
  color: #525252; 
  width: 65px;
  height: 37px;
  line-height: 37px;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#nav ul li a span {
  width: 65px;
  height: 37px;
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  cursor: pointer;
}

#nav ul li#active a { color: #2878ae; }
#nav ul li#active a span { background-position: 0 -74px; }
#nav ul li#active a:hover { color: #2878ae; background-color: #fff; }

#nav ul li a.m-intro span { background: url('./menu/intro.jpg') top left no-repeat; background-position: 0 0; }
#nav ul li a.m-intro:hover { background-color: #2878ae; color: #fff; }
#nav ul li a.m-intro:hover span { background-position: 0 -37px; }

#nav ul li a.m-profile span { background: url('./menu/profile.jpg') top left no-repeat; background-position: 0 0; }
#nav ul li a.m-profile:hover { background-color: #2878ae; color: #fff; }
#nav ul li a.m-profile:hover span { background-position: 0 -37px; }

#nav ul li a.m-services span { background: url('./menu/services.jpg') top left no-repeat; background-position: 0 0; }
#nav ul li a.m-services:hover { background-color: #2878ae; color: #fff; }
#nav ul li a.m-services:hover span { background-position: 0 -37px; }

#nav ul li a.m-contact span { background: url('./menu/contact.jpg') top left no-repeat; background-position: 0 0; }
#nav ul li a.m-contact:hover { background-color: #2878ae; color: #fff; }
#nav ul li a.m-contact:hover span { background-position: 0 -37px; }

/* ------------------------------ Obsahova cast ---------------------------------*/

#content { width: 960px; margin: 40px auto; }

/* ------ Vlevo ------*/

#left { 
  width: 560px;
  min-height: 390px;
  float: left; 
  background: url('./layout/cont-box.jpg') top left no-repeat;
}

#text { padding: 35px 20px 20px 20px; }
#text h2 {
  height: 56px;
  line-height: 56px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
  font-size: 210%;
}
#text h2 span {
  height: 56px;
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

#text h3 { font-size: 110%; line-height: 45px; }

#text p { padding: 0 5px 20px 5px; }

#text ul { list-style: none; margin-left: 20px; }
#text ul li { background: url('./layout/li.gif') no-repeat; background-position: 0 7px; padding-left: 20px; }


/* ------ Vpravo ------*/

#right { width: 380px; float: right; }

div.box-top { width: 380px; height: 48px; background: url('./layout/rbox-top.gif') top center no-repeat; color: #2878ae; }

div.box-top h4 {
  height: 28px;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: #2878ae;
  font-size: 170%;
  top: 20px;
  left: 23px;
  background-color: #fff;
}

div.box-top h4 span {
  height: 28px;
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

div.box-center { width: 380px; background-color: #fff; padding-top: 15px; color: #505050; }
div.box-center a { color: #505050; }
div.box-center ul {
  list-style: none;
  margin-left: 40px;
}
div.box-bottom { width: 380px; height: 30px; background: url('./layout/rbox-bottom.gif') top center no-repeat; margin-bottom: 20px; }

p.ref { height: 80px; margin-left: 60px; }

/* ------ Nadpisy ------*/
h2#t-intro { width: 100px; }
h2#t-intro span { width: 100px; background: url('./titles/intro.jpg') top left no-repeat; }

h2#t-profile { width: 110px; }
h2#t-profile span { width: 110px; background: url('./titles/profile.jpg') top left no-repeat; }

h2#t-services { width: 110px; }
h2#t-services span { width: 110px; background: url('./titles/services.jpg') top left no-repeat; }

h2#t-contact { width: 150px; }
h2#t-contact span { width: 150px; background: url('./titles/contact.jpg') top left no-repeat; }

h4#ts-contact { width: 108px; }
h4#ts-contact span { width: 108px; background: url('./titles/h4-contact.jpg') top left no-repeat; }

h4#ts-support { width: 210px; }
h4#ts-support span { width: 210px; background: url('./titles/h4-support.jpg') top left no-repeat; }

h4#ts-ref { width: 135px; }
h4#ts-ref span { width: 135px; background: url('./titles/h4-ref.jpg') top left no-repeat; }

h4#ts-map { width: 200px; }
h4#ts-map span { width: 200px; background: url('./titles/h4-map.jpg') top left no-repeat; }

/* ------------------------------ Paticka ---------------------------------*/

#footer { 
  width: 960px;
  height: 87px;
  line-height: 50px;
  margin: 0 auto; 
  background: url('./layout/footer.jpg') top center no-repeat;
  text-align: center;
  clear: both;
  position: relative;
  top: 30px;
}