/*------------------------------------------------------------------------------
CSS štýl nakódoval: Filip Knoll
kontakt na mňa: www.filipo.org
                filipknoll@gmail.com
                0915 745 209 
                0949 167 566
pre zákaznika: Lumar-sk, s.r.o.
kontakt na zákazníka: www.lumar-sk.com
                      042/ 426 22 67
dátum: 02.02.2007

------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------
                    body #page #header #buts #main #footer
------------------------------------------------------------------------------*/
#big{ width: 100%; height: 100%; background-image: url("../images/bg-body.gif"); background-repeat: repeat-x; }

body{
  font-family: Trebuchet MS;
  text-align: center;
  color: black;
  background-image: url("../images/bg.gif");
  background-repeat: repeat;
}

#page{
  width: 698px;
  min-height: 550px;
  margin: auto;
  padding-top: 120px;
}
#header{
  width: 698px;
  height: 152px;
  background-image: url("../images/header.gif");
  text-align: center;
}

#buts{
  width: 698px;
  height: 40px;
}

#main{
  width: 698px;
  text-align: left;
  background-image: url("../images/bg-main.gif");
  background-repeat: repeat-y;
  color: white;
  font-family: Trebuchet MS;
  font-size: 15px;
}


#footer{
  width: 698px;
  height: 35px;
  background-image: url("../images/footer.gif");

}

hr.cleaner{ display: none; border: 5px; }

div.referencie-galery{ width: 698px; text-align: left; margin-left: 25px; }
/*------------------------------------------------------------------------------
                                    p span H1 H...
------------------------------------------------------------------------------*/
p{ padding-right: 25px; padding-left: 25px; margin: 0;}
span{ padding-right: 25px; padding-left: 25px; }
span.underline { text-decoration: underline; font: TrebuchetMS; margin: 0; padding: 0; }
#footer span.left{ float: left; text-align: left;  font-size: 11px; color: white; }
#footer span.right{ float: right; text-align: right;  font-size: 11px; color: white; }
p.referncie-popis{ padding-bottom: 15px; text-align: left; }
/*------------------------------------------------------------------------------
                                    ul li ol
------------------------------------------------------------------------------*/
#kontakty{ padding-top: 30px; }
#kontakty ul li{ list-style: none; }
#kontakty1 {
  float:left;
  margin: auto;
}

#kontakty2 {
  text-align:right;
  margin:auto;
  padding-right: 25px;
}

#kontakty3 {
  text-align:center;
  margin:auto;
  padding-bottom: 20px;
}

div.referencie-nahlad1{ height: 170px; width: 698px; color: #cc9999; background-image: url("../images/bg-main1.gif"); background-position: left top; border: none; }
div.referencie-nahlad1 ul li { list-style: none;}
div.referencie-nahlad{ min-height: 160px; width: 698px; color: #cc9999; }
div.referencie-nahlad ul li { list-style: none;}
div.left{ float: left; }
/*div.right{ float: rigt; }*/

/*------------------------------------------------------------------------------
                            a a:hover a:active a:visited
------------------------------------------------------------------------------*/
a{ color: white; font-weight: bold; }
a:hover{ background-color: white; color: rgb(187,6,6); }
a:active{ color: black; }
a:visited {  }

div.referencie-nahlad :hover{ color: #fff; }
div.referencie-nahlad1 :hover{ color: #fff; }

div.left a{ color: #cc9999; font-weight: normal; }
div.left a:hover{ color: #fff; }
div.left a:active{ color: black; }
div.left a:visited {  }
/*------------------------------------------------------------------------------
                                    img
------------------------------------------------------------------------------*/
div.referencie-nahlad img{ border: 5px solid; border-color: #663333; margin-right: 25px; margin-top: 5px;}
div.referencie-nahlad1 img{ border: 5px solid; border-color: #663333; margin-right: 25px; margin-top: 5px;}
div.referencie-galery img{ border: 5px solid; border-color: #663333; margin-right: 5px; margin-top: 5px;}

/*------------------------------------------------------------------------------
                                    tlacitka
------------------------------------------------------------------------------*/
#home {
  color: white;
	float: left;
	width: 108px; height: 40px;
	background-image:url("../images/home.gif");
	background-position: left top;
	}
#home:hover{ background-position: 0 -40px; }
#home a{
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
}
#home-active {
  color: white;
	float: left;
	width: 108px; height: 40px;
	background-image:url("../images/home.gif");
background-position: 0 -40px;
	}

#referencie {
  color: white;
	float: left;
	width: 136px; height: 40px;
	background-image:url("../images/referencie.gif");
	background-position: left top;
	}
#referencie:hover{ background-position: 0 -40px; }
#referencie a{
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
}
#referencie-active {
  color: white;
	float: left;
	width: 135px; height: 40px;
	background-image:url("../images/referencie.gif");
	background-position: 0 -40px;
	}

#ponuka {
  color: white;
	float: left;
	width: 194px; height: 40px;
	background-image:url("../images/ponuka.gif");
	background-position: left top;
	}
#ponuka:hover{ background-position: 0 -40px; }
#ponuka a{
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
}
#ponuka-active {
  color: white;
	float: left;
	width: 193px; height: 40px;
	background-image:url("../images/ponuka.gif");
	background-position: 0 40px;
	}

#galeria {
  color: white;
	float: left;
	width: 114px; height: 40px;
	background-image:url("../images/galeria.gif");
	background-position: left top;
	}
#galeria:hover{ background-position: 0 -40px; }
#galeria a{
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
}
#galeria-active {
  color: white;
	float: left;
	width: 114px; height: 40px;
	background-image:url("../images/galeria.gif");
	background-position: 0 40px;
	}

#kontakt {
  color: white;
	float: left;
	width: 146px; height: 40px;
	background-image:url("../images/kontakt.gif");
	background-position: left top;
	}
#kontakt:hover{ background-position: 0 -40px; }
#kontakt a{
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
}
#kontakt-active {
  color: white;
	float: left;
	width: 146px; height: 40px;
	background-image:url("../images/kontakt.gif");
	background-position: 0 40px;
	}