/* Martin Šimko 2009 */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
 background: #fff url('img/wall.jpg') repeat-x;
 font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
 font-size: small;
 line-height: 1.5;
}

#main {
 width: 990px;
 margin: 0 auto;
 }

#logo {
 background: url('img/logo.gif') no-repeat;
 width: 281px;
 height: 87px;
 margin-left: 15px;
 }

h1 a {
 width: 281px;
 height: 87px;
 display: block;
 }

h1 a, h1 a:link, h1 a:visited, h1 span a, h1 span a:link, h1 span a:visited {
 text-decoration: none;
 }

h1 span {
 position: absolute;
 top: -500px;
}

#menu {
 float: right;
 margin-top: 45px;
 }

li {
 color: #e5e5e5;
 list-style: none;
 display: inline;
 } 

li span {
 display: none;
 }

li.domu {
 height: 44px;
 width: 144px;
 display: block; 
 float: left;
}

a.domua {
 height: 44px;
 width: 144px;
 display: block;
 background: url('img/domu.gif') no-repeat;
 }

a.domua:hover {
 background: url('img/domu-on.gif') no-repeat;
 }

.domuon {
 height: 44px;
 width: 144px;
 display: block;
 background: url('img/domu-on.gif') no-repeat;
 }

li.objednavka {
 height: 44px;
 width: 192px;
 display: block; 
 float: left;
 }

a.objednavkaa {
 height: 44px;
 width: 192px;
 display: block;
 background: url('img/objednavka.gif') no-repeat;
 }

.objednavkaon {
 height: 44px;
 width: 192px;
 display: block;
 background: url('img/objednavka-on.gif') no-repeat;
 }

a.objednavkaa:hover {
 background: url('img/objednavka-on.gif') no-repeat;
 }
 
li.kontakt {
 height: 44px;
 width: 147px;
 display: block;
 float: left;
 }

a.kontakta {
 height: 44px;
 width: 147px;
 display: block;
 background: url('img/kontakt.gif') no-repeat;
 }
 
a.kontakta:hover {
 background: url('img/kontakt-on.gif') no-repeat;
 }
 
.kontakton {
 height: 44px;
 width: 147px;
 display: block;
 background: url('img/kontakt-on.gif') no-repeat;
 }

li.reference {
 height: 44px;
 width: 153px;
 display: block;
 float: left;
 }

a.referencea {
 height: 44px;
 width: 153px;
 display: block;
 background: url('img/reference.gif') no-repeat;
 }
 
a.referencea:hover {
 background: url('img/reference-on.gif') no-repeat;
 }
 
.referenceon {
 height: 44px;
 width: 153px;
 display: block;
 background: url('img/reference-on.gif') no-repeat;
 } 
 
#center {
 margin-top: 2px;
 width: 100%;
 }

#weby {
 background: url('img/weby.gif') no-repeat;
 width: 574px;
 height: 365px;
 float: left;
 } 

#one {
 float: left;
 font: 250%;
 height: 94px;
 margin-top: 45px;
 width: 400px;
}

#one_img {
 background: url('img/jedna.gif') no-repeat;
 width: 94px;
 height: 94px;
 display: block;
 float: left;
 }

#two {
 float: left;
 font: 250%;
 height: 93px;
 width: 400px;
}

#two_img {
 background: url('img/dva.gif') no-repeat;
 width: 94px;
 height: 93px;
 display: block;
 float: left;
 }

#three {
 float: left;
 height: 91px;
 width: 400px;
}

#three_img {
 background: url('img/tri.gif') no-repeat;
 width: 94px;
 height: 91px;
 display: block;
 float: left;
 } 

#one strong, #two strong, #three strong {
 position: relative;
 top: 20px;
 font-size: 120%;
 color: #3399cc;
 }

#content {
 width: 100%;
 margin: 0 auto;
 clear: both;
 text-align: justify;
 padding-bottom: 25px;
 }  

#content-ref {
 width: 100%;
 margin: 0 auto;
 clear: both;
 text-align: justify;
 padding: 10px 0 25px 0;
 }

#content p, .content p {
 margin-top: 10px;
 } 
 
#content a, #content a:link #content a:active, #content-ref a, #content-ref a:link #content-ref a:active, #content-obj a, #content-obj a:link #content-obj a:active  {
 color: #3399cc;
 text-decoration: underline;
 }

#content a:visited, #content-ref a:visited, #content-obj a:visited {
 color: #85b4cc;
 } 

#content a:hover, #content-ref a:hover, #content-obj a:hover {
 text-decoration: none;
 } 
 
#content-obj {
 width: 100%;
 margin: 0 auto;
 clear: both;
 text-align: justify;
 padding-bottom: 25px;
 }

#content-obj td {
 padding: 5px;
 }

#content div.text, .content div.text {
 width: 70%;
 float: left;
 margin: 10px 0 0 0;
 } 

#content-obj div.text {
 float: left;
 margin: 10px 0 0 0;
 text-align: left;
 } 

#content div.leva {
 width: 26%;
 float: right;
 margin: 10px 0 0 10px;
 } 

#content h2, #content-obj h2, #content-ref h2 {
 color: #7e8081;
 font-size: 140%;
 border-bottom: 1px #7e8081 solid;
 } 

.content h3 {
 color: #7e8081;
 font-size: 140%;
 border-bottom: 1px #7e8081 solid;
 }  
 
#footer {
 background: #7e8081;
 color: #fff;
 width: 100%;
 text-align: center;
 } 

#footer a {
 font-weight: bold;
 color: #fff;
 } 

#footer a:hover {
 text-decoration: none; 
 } 

input, textarea, select {
 border: 1px solid #000; 
 width: 100%;
 } 

textarea {
 height: 140px;
 }

textarea:focus, input:focus {
 border: 1px solid #3399cc;
 background: #f7fcfe;
 }

.napr {
 color: #999;
 padding-left: 120px;
 } 

h2, h3 {
 margin-bottom: 10px;
 }  

.vyber {
 width: 10%;
 border: none;
 } 

.chyba {
 color: red;
 width: 100%;
 border: 1px solid red; 
 height: 2em;
 line-height: 2em;
 text-align: center;
 padding: 5px;
 } 

.ref td {
 padding: 10px;
 text-align: center;
 } 

.nutne {
 text-decoration: underline;
 } 

.clear {
 clear: both;
 } 

.bold {
 font-weight: bold;
 } 

.left {
 float: left;
 }

#slideshow {
    position:relative;
    height:90px;
    margin-left: 65px;
}

#slideshow p {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow p.active {
    z-index:10;
}

#slideshow p.last-active {
    z-index:9;
}

#facebook-corner {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 90px;
  width: 90px;
}