body {
	background: #290441 url(images/bg.png) center top no-repeat;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

img {
	border: 0;
}

section {
	display: block;
}

figure {
	display: block;
}

.ref {
	margin: 20px 30px 50px 0;
	float: left;
}

.ref1 {
	margin: 20px 0 50px 0;
	float: left;
}

.ref span {
	display: block;
	margin-bottom: 10px;
}

.ref1 span {
	display: block;
	margin-bottom: 10px;
}

.wd {
	background: url(images/wd.png) no-repeat;
	width: 85px;
	height: 27px;
	text-align: center;
	line-height: 28px;
	margin-right: 10px;
	margin-top: 10px;
}

h1 {
	color: #fff;
	font-size: 34px;
	margin: 0;
	padding: 60px 0 80px 150px;
	text-indent: -9999px;
	background: url(images/vitejte.png) no-repeat 150px 60px;
}

#vitejte {
	background: url(images/budka.png) no-repeat 20px 30px;
	height: 200px;
}

.left { float: left; }
.right { float: right; }

.wrapper {
	text-align: justify;
	margin: 0 auto;
	width: 930px;
}

#language {
	position: absolute;
	height: 28px;
	right: 60px;
	top: 0;
	font-size: 11px;
	color: #7f5c96;
}

#langl {
	width: 23px;
	height: 28px;
	background: url(images/langl.png) no-repeat;
	float: left;
}

#langr {
	height: 28px;
	background: url(images/langr.png) no-repeat right;
	float: left;	
	padding-right: 23px;
	line-height: 28px;
}

#language a:link {
	text-decoration: none;
}

header {
	width: 100%;
	height: 200px;
	_background: url(images/border.png) repeat-x bottom left;
	display: block;
}

nav {
	display: block;
}

#logo a {
	background: url(images/logo.png) no-repeat bottom left;
	width: 163px;
	height: 46px;
	float: left;
	margin-top: 80px;
}

#logo a:hover {
	background: url(images/logo_h.png) no-repeat;
}

#home {
	background: url(images/home.png) 0 1px no-repeat;
	padding-left: 22px;
}

#pf {
	background: url(images/pf.png) 0 1px no-repeat;
	padding-left: 22px;
}

#cenik {
	background: url(images/cenik.png) 0 1px no-repeat;
	padding-left: 22px;
}

#about {
	background: url(images/about.png) 0 1px no-repeat;
	padding-left: 22px;
}

#kontakt {
	background: url(images/kontakt.png) 0 1px no-repeat;
	padding-left: 22px;
}

.menu {height: 32px; float: right; padding: 0;}
.menu li {height: 32px; width: 93px; float: left; list-style-type: none; margin-top:75px; font-size: 13px; text-align: center }
.menu li a {display: block; position: relative; padding: 0 12px; height: 32px; color: #fff; text-decoration: none; line-height: 32px; }
.menu li:hover > a {background: url(images/button.png) no-repeat center top; line-height: 32px; color: #fff}
.menu li.active a {background: url(images/active.png) no-repeat center top; line-height: 32px; color: #fff}

a {
	color: #fff;
	text-decoration: underline;
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

a:hover {
	color: #e9b604;
	text-decoration: none;
}

#sluzby {
	width: 100%;
	margin-top: 40px;
	float: left;
	line-height: 1.9;
}

.box {
	float: left;
	width: 29%;
	text-align:center;
	padding: 0 18px;
}

.box1 {
	float: left;
	width: 30%;
	text-align: left;
	padding: 20px 14px 0 0;
}

.box1 ul {
	padding-left: 20px;
	margin: 15px 0 20px 0;
	clear: both;
	float: left;
	width: 100%;
}

.box1 li {
	line-height: 23px;
	background: url(images/list.png) 0 4px no-repeat;
	list-style-type: none;
	padding-left: 23px;
	margin: 0; 
	}
	
.box1 p {
	line-height: 1.7;
}

#twitter {
	background: url(images/twitter1.png) no-repeat;
	text-indent: -9999px;
	height: 43px;
	margin: 0 0 10px 0;
	padding: 0;
}

#codelam {
	background: url(images/sluzby.png) no-repeat;
	text-indent: -9999px;
	height: 43px;
	margin: 0 0 10px 0;
	padding: 0;
}

#kdojsem {
	background: url(images/kdojsem.png) no-repeat;
	text-indent: -9999px;
	height: 43px;
	margin: 0 0 10px 0;
	padding: 0;
}

.webdesign {
	background: url(images/webdesign.png) 50% 50% no-repeat;
	height: 17px;
	text-indent: -9999px;
	padding-bottom: 15px;
}

.uidesign {
	background: url(images/uidesign.png) 50% 50% no-repeat;
	height: 17px;
	text-indent: -9999px;
	padding-bottom: 15px;
}

.coding {
	background: url(images/coding.png) 50% 50% no-repeat;
	height: 17px;
	text-indent: -9999px;
	padding-bottom: 15px;
}

.cenawd {
	background: url(images/cenawd.png) center bottom no-repeat;
	width: 100%;
	height: 45px;
	margin-bottom: 35px;
	padding-top: 10px;
}

.cenaui {
	background: url(images/cenaui.png) center bottom no-repeat;
	width: 100%;
	height: 45px;
	margin-bottom: 35px;
	padding-top: 10px;
}

.ceny {
	padding-bottom: 70px;
}

.boxik {
	width: 30%;
	float: left;
	margin-right: 38px;
	margin-top: 50px;
	margin-bottom: 40px;
}

.boxik1 {
	width: 30%;
	float: right;
	margin-top: 50px;
	margin-bottom: 40px;
}

#fotka {
	background: url(images/photo.png) no-repeat;
	width: 143px;
	height: 139px;
	float: left;
	margin-top: 30px;
}

#omne {
	float: right;
	width: 80%;
	line-height: 1.8;
	padding-bottom: 70px;
	margin-top: 30px;
}

#omne img {
	margin-bottom: -4px;
}

#kontaktwr {
	width: 92%;
	margin-left: 30px;
	float: left;
	text-align:justify;
	line-height: 1.7;
	position: relative;
}

#kontaktwr textarea {
	background: url(images/form.png) repeat;
	padding: 15px;
	border: none;
	width: 97%;
	color: #fff;
	font-size: 13px;
	height: 160px;
}

#kontaktwr textarea:focus {
	outline: none 0;
}

#odesilani {
	margin-top: 40px;
	float: left;
}

.povinna {
	margin-top: 7px;
	margin-left: 20px;
	display: block;
	float: left;
}

.odeslat {
	background: url(images/odeslat.png) no-repeat;
	width: 100px;
	height: 32px;
	border: none;
	cursor: pointer;
	float: left;
}

.formular {
	background: url(images/form.png) repeat;
	border: none;
	width: 90%;
	padding: 15px;
	color: #fff;
	font-size: 13px;
}

.formular {
	outline: none 0;
}

label {
	display: block;
}


.email {
	left: 102%;
	top: 156px;
	position:absolute;
	background: url(images/star.png) no-repeat;
	width: 19px;
	height: 19px;
}

.zprava {
	left: 102%;
	top: 265px;
	position:absolute;
	background: url(images/star.png) no-repeat;
	width: 19px;
	height: 19px;
}

#sent {
	background: url(images/sent.png) no-repeat;
	width: 606px;
	height: 96px;
	float: left;
	margin: 50px 0;
}

#footertop {
	background: url(images/pattern.png) repeat-x;
	height: 6px;
	width: 100%;
	margin-top: 50px;
	float: left;
}

footer {
	width: 100%;
	height: 212px;
	font-size: 12px;
	float: left;
	background: url(images/footer.png) center bottom no-repeat;
}

#paticka {
	padding-top: 75px;
}

#pata {
	margin: 10px 0 0 20px;
}

footer ul {
	margin: 0;	
	padding: 0;
}

footer li {
	float: left;
	list-style-type: none;
	margin-right: 20px;	
	padding: 0;
}

.up {
	margin-top: 10px;
}

#slider {
	position:relative;
    width:860px;
    height:234px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#reference {
	margin-top: 20px;
}

#stin_ref {
	width: 930px;
	background: url(images/stin_ref.png) 50% top no-repeat;
	height: 31px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {

}
.nivo-controlNav a {

	text-indent:-9999px;

}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	left:55px;
	
}
a.nivo-prevNav {
	left:15px;
	
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

#award {
	position: absolute;
	width: 69px;
	height: 164px;
	right: 0;
	top:20px;
}

.soon {
	width: 100%;
	height: 200px;
	background: url(images/soon.png) 50% 50% no-repeat;
	float: left;
	clear: both;
}

.social {
	margin-right: 6px;
}