body{background: #eaeaea url("../images/body-bg.jpg") repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#vse {
	width: 900px;
	margin: 0 auto;
	text-align: justify;
}
#hlavicka{
	height: 150px;
	position:relative;
}
.tl, .tl span{
	left: 0; top: 0;
	position: absolute;
	overflow: hidden;
	display: block;
}
.tr, .tr span{
	right: 0; top: 0;
	position: absolute;
	overflow: hidden;
	display: block;
}
.tl a ,tr a{
	cursor: pointer;
}
.m span{
		width: 100%;
	height:100%;
	background-position: 0 0;
	}
h1, h1 span{
	width: 240px; height: 100px;
}
h1 a span{
	width: 240px;
	background: url("../images/logo.jpg") no-repeat;
}
h1 a:hover span{
	background: url("../images/logo.jpg") no-repeat;
}
ul#menu {margin: 46px 30px 0 0;}
#menu li {position:relative;display: block; float:left;}
#menu li a span{background:url(../images/menu.gif) no-repeat; }
#menu li a {height: 34px;line-height: 34px;display:block;}
#menu li#m1 a{width:69px}
#menu li#m1 a:hover span{background-position: 0px -34px;}
#menu li#m1.active a span{background-position: 0px -68px;}
#menu li#m2 a span{background-position: -69px 0;}
#menu li#m2 a:hover span{background-position: -69px -34px;}
#menu li#m2 a{width:93px}
#menu li#m3 a span{background-position: -162px 0;}
#menu li#m3 a:hover span{background-position: -162px -34px;}
#menu li#m3 a{width:128px}
#menu li#m4 a span{background-position: -290px 0;}
#menu li#m4 a:hover span{background-position: -290px -34px;}
#menu li#m4 a{width:78px}
#menu li#m5 a span{background-position: -368px 0;}
#menu li#m5 a:hover span{background-position: -368px -34px;}
#menu li#m5 a{width:92px}

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

#kontakt a{color:#fff;}
#kontakt a:hover, #kontakt a:active, #kontakt a:focus {text-decoration:none;}
#zeleny-box{
	height:193px;
	width: 900px;
	position:relative;
	background-color: #cfd637;
}
#webdesign, #webdesign span{
	width: 450px; height:193px;
	background: url("../images/box-webdesign.jpg") no-repeat;
}

#webdesign a:hover span{
	background: transparent url("../images/box-webdesign-hover.jpg") no-repeat;
}

#grafika, #grafika span{
	width: 450px; height:193px;
	background: url("../images/box-grafika.jpg") no-repeat;
}

#grafika a:hover span{
	background: transparent url("../images/box-grafika-hover.jpg") no-repeat;
}

#klient { width: 325px; 
_width: 445px;
height: 155px;
_height: 205px;
float: left; background: white url("../images/box-klient-bg.jpg") no-repeat; padding: 50px 60px 0;}
.podpis{font-weight:bold; text-align: right;}
#kontakt{
	background: black url("../images/box-kontakt-bg.jpg") no-repeat;
	width: 345px; height: 205px;
	_width: 445px;
	margin-bottom: 10px;margin-left: 10px;
	float:left; 
	padding: 0 50px;
}
#kontakt h3{visibility: hidden;}
#kontakt p{color: #fff; font-weight: bold;float: left; width: 158px;padding: 32px 0 0 0;}
#kontakt p span{font-weight: normal;}
#reference-top{
	background: url("../images/box-reference-top.gif") no-repeat;
	width: 900px; height: 8px;
	font-size: 0;
	line-height: 0;
	margin-top: 10px;
}
#reference-bottom{
	background: url("../images/box-reference-bottom.gif") no-repeat;
	width: 900px; height: 8px;
	font-size: 0;
	line-height: 0;
	margin-bottom: 10px;
}

#reference { background: white url("../images/box-reference-bg.jpg") bottom repeat-x; padding: 50px 28px 0; border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE; position:relative;}

#reference h2, #reference h2 span{	width: 149px;_width:159px; height: 23px; 
_height: 28px; padding: 5px 0 0 10px; margin:5px 0 0 10px;}
#reference h2 span{width: 149px;	background: url("../images/text-reference.gif") no-repeat;}
#reference a {color: #333; text-decoration: none;}
#reference a:hover {color: #000; text-decoration:none;}
    #reference #loopedSlider {position:relative;}
    #reference #loopedSlider .container { height:185px; margin-left:49px; overflow:hidden; position:relative;}
    #reference #loopedSlider .slides {position:absolute; top:0; left:0;}
    #reference #loopedSlider .slides div {display:none; position:absolute; top:0; width:900px;}
    #reference #loopedSlider ul.list {margin:0;}
    #reference #loopedSlider ul.list li {display:block; float:left; width:160px; margin:0 13px;text-align: center;}
    #reference #loopedSlider ul.list li a img {display:block; background: url("../images/reference-obr.jpg") no-repeat; padding: 5px;}
    #reference #loopedSlider ul.list li a:hover img {background: url("../images/reference-obr-hover.jpg") no-repeat; }

    #reference #loopedSlider .previous {position:absolute; top:55px; left:0;}
    #reference #loopedSlider .next {position:absolute; top:55px; right:0;}
    #reference #loopedSlider .pagination {position:absolute; bottom:0; left:425px;}
.doprava {float:right;}
#paticka{background: #cfd637 url(../images/box-paticka-bg.jpg) no-repeat;height: 15px; padding: 15px;clear: both;}