body {
	margin: 0;
	padding: 0;
  font-family: tahoma, helvetica, arial, sans-serif;
	font-size: small;
	text-align: center;
  background: #fdfdfd;
  color: #555;

}

#sraf {
  height: 170px;
  position: fixed;
  z-index: 100;
  background: #fdfdfd url(../obr/sraf.jpg) repeat-x top left;
  width: 100%
}

#telo {
  width: 890px;
  background-color: #fdfdfd;
  margin-left: auto;     /* pre Mozillu - centruje */
  margin-right: auto;
  text-align: left;   
  margin-top: 0px; 
}

.navigacia {  
  margin-bottom: 230px;  
}
.produkty-vyska {
  min-height: 230px;
}

#logo {
  margin-top: 20px;
  position: fixed;
  z-index: 101;
  width: 100%;
  height: 200px;

}
#left-div {
  position: fixed;
  margin-top: 20px;
  z-index: 201;
}
#menu {
  position: fixed;           
  z-index: 200;
  background-color: white;
  display: block;
  margin-top: 150px;
}
.menu_cl {
   float: left;
   display: inline;

}
.rozdiel {
  height: 700px;
}
#obsah-td {
  padding-left: 12px;
}
#produkty {
  margin-bottom: 250px;
  margin-left: 20px;
}

#reftable {
  margin-left: -45px;
  margin-top: -5px;
}


#left-text {
  width: 170px;
  z-index: 102;
  vertical-align: top;
  padding-right: 30px;
}
#right-col {
  vertical-align: top;
}

.zero-marg {
   margin: 0px;
   padding: 0px;
}
/* -----------------------------------------------------------------------crossfade */
#cf_home {
  position:relative;
  height: 32px;
  width: 85px;
  margin:0 auto;
}

#cf_home img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#cf_home img.top:hover {
  opacity:0;
}
#cf_grafikaleft {
  position:relative;
  height: 376px;
  width: 49px;
  margin:0 auto;
}

#cf_grafikaleft img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1.2s ease-in-out;
  -moz-transition: opacity 1.2s ease-in-out;
  -o-transition: opacity 1.2s ease-in-out;
  transition: opacity 1.2s ease-in-out;
}

#cf_grafikaleft img.top:hover {
  opacity:0;
}
#cf_fotografialeft {
  position:relative;
  height: 536px;
  width: 58px;
  margin:0 auto;
}

#cf_fotografialeft img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1.2s ease-in-out;
  -moz-transition: opacity 1.2s ease-in-out;
  -o-transition: opacity 1.2s ease-in-out;
  transition: opacity 1.2s ease-in-out;
}

#cf_fotografialeft img.top:hover {
  opacity:0;
}
#cf_vizualizacialeft {
  position:relative;
  height: 644px;
  width: 54px;
  margin:0 auto;
}

#cf_vizualizacialeft img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1.2s ease-in-out;
  -moz-transition: opacity 1.2s ease-in-out;
  -o-transition: opacity 1.2s ease-in-out;
  transition: opacity 1.2s ease-in-out;
}

#cf_vizualizacialeft img.top:hover {
  opacity:0;
}


#cf_onas {
  position:relative;
  height: 32px;
  width: 85px;
  margin:0 auto;
}

#cf_onas img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#cf_onas img.top:hover {
  opacity:0;
}


h1 {
  font-family: 'Comfortaa', cursive;
  color: #00b7e3;
  font-weight: bold;
  font-size: 45px;
  
}
.nadpisie {
   opacity:0; height: 0; width: 0;
}

h2 {
  font-family: 'Comfortaa', cursive;
  font-weight: normal;
  color: #bfbfbf;
  font-size: 30px;
  text-transform:uppercase;
}
b {
  font-size: 17px;
  font-family: 'Trebuchet MS', Sans-serif;
  font-weight: bold;
  color: #bfbfbf;
}
@font-face {
  font-family: myFirstFont;
  src: url('../futura.ttf'),
       url('../raleway_thin-webfont.eot'); /* IE9 */
}
p {
  font-size: 14px;
  font-family: 'Trebuchet MS', Sans-serif;
}
.txt {
   padding-bottom: 30px;
}
li {
  font-size: 14px;
  font-family: 'Trebuchet MS', Sans-serif;
}

#cf_produkty {
  position:relative;
  height: 32px;
  width: 129px;
  margin:0 auto;
}

#cf_produkty img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#cf_produkty img.top:hover {
  opacity:0;
}


#cf_referencie {
  position:relative;
  height: 32px;
  width: 142px;
  margin:0 auto;
}

#cf_referencie img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#cf_referencie img.top:hover {
  opacity:0;
}




#cf_cennik {
  position:relative;
  height: 32px;
  width: 103px;
  margin:0 auto;
}

#cf_cennik img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#cf_cennik img.top:hover {
  opacity:0;
}




#cf_kontakt {
  position:relative;
  height: 32px;
  width: 98px;
  margin:0 auto;
}

#cf_kontakt img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#cf_kontakt img.top:hover {
  opacity:0;
}








#cf_foto_exterier {
  position:relative;
  height: 142px;
  width: 198px;
  margin:0 auto;
}

#cf_foto_exterier img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_foto_exterier img.top:hover {
  opacity:0;
}



#cf_foto_interier {
  position:relative;
  height: 142px;
  width: 198px;
  margin:0 auto;
}

#cf_foto_interier img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_foto_interier img.top:hover {
  opacity:0;
}


#cf_foto_urbanizmus {
  position:relative;
  height: 142px;
  width: 198px;
  margin:0 auto;
}

#cf_foto_urbanizmus img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_foto_urbanizmus img.top:hover {
  opacity:0;
}

#cf_foto_produkty {
  position:relative;
  height: 142px;
  width: 113px;
  margin:0 auto;
}

#cf_foto_produkty img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_foto_produkty img.top:hover {
  opacity:0;
}



#cf_foto_grafika {
  position:relative;
  height: 142px;
  width: 198px;
  margin:0 auto;
}

#cf_foto_grafika img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_foto_grafika img.top:hover {
  opacity:0;
}


#cf_foto_fotografia {
  position:relative;
  height: 142px;
  width: 198px;
  margin:0 auto;
}

#cf_foto_fotografia img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_foto_fotografia img.top:hover {
  opacity:0;
}

#cf_foto_webdesign {
  position:relative;
  height: 142px;
  width: 205px;
  margin:0 auto;
}

#cf_foto_webdesign img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_foto_webdesign img.top:hover {
  opacity:0;
}

#cf_foto_krajinotvorba {
  position:relative;
  height: 142px;
  width: 198px;
  margin:0 auto;
}

#cf_foto_krajinotvorba img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_foto_krajinotvorba img.top:hover {
  opacity:0;
}

#cf_foto_reklamne-tlacoviny {
  position:relative;
  height: 142px;
  width: 198px;
  margin:0 auto;
}

#cf_foto_reklamne-tlacoviny img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_foto_reklamne-tlacoviny img.top:hover {
  opacity:0;
}


/* -----------------------------------------------------------------------crossfade END */