@charset "utf-8";
/* CSS Document */


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: url(../images/bg.png) repeat-x left top;
	text-align: center;
}

#wrap	{
	width: 860px;
	margin: 0 auto;
	text-align: left;
}

#logo {
	text-indent: -9000em;
	height: 58px;
	width: 172px;
	background: url(../images/pikapoka.png) no-repeat top left;
	margin: 41px 0;
}

#logo a {
	display: block;
	height: 58px;
}


#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 860px;
}

#menu li {
	float: left;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	margin-right: 55px;
}

#menu a {
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 40px;
}

#menu a:hover {
	color: #97aa0d;
}

p, #vsebina li {
	font-size: 120%;
	line-height: 160%;
	margin-bottom: 1.6em;
}

#uvod {
	height: 160px;
	float: left;
}

#uvod h1 {
	color: #fff;
	font-size: 220%;
	margin: 20px 0;
}

#uvod p {
	color: #ffc4c4;
	width: 560px;
}

#uvod a {
	color: #fff;
	text-decoration: none;
}

#uvod a:hover {
	text-decoration: underline;
}

#vsebina {
	width: 560px;
	float: left;
	margin-top: 30px;
}

#vsebina h2 {
	font-size: 180%;
	color: #97aa0d;
}

#vsebina small {
	font-size: 110%;
	line-height: 160%;
}

.storitev {
	width: 260px;
	height: 270px;
}

.storitev img {
	margin: 0 -3px;
}

.oblikovanje, .optimizacija {
	margin-right: 19px;
	float: left;
}

.aplikacije, .pnk {
	margin-left: 20px;
	float: right;
}

.projekt {
	width: 260px;
	height: 270px;
	float: left;
}

.colmargin {
	margin-right: 40px;
}

#sidebar {
	width: 220px;
	padding: 20px;
	margin-top: 30px;
	background: url(../images/sidebar_bg.png) no-repeat top left;
	float: right;
	min-height: 340px;
	height: 340px;
}

#sidebar h3 {
	font-size: 170%;
	color: #900;
}

/* Form */

form {
	background: url(../images/form-bottom-bg.png) no-repeat bottom left;
	padding-bottom: 20px;
}

fieldset {
	margin: 0;
	border: none;
	padding: 50px 20px 0 20px;
	background: #333 url(../images/form-top-bg.png) no-repeat top left;
}

legend {
	display: none;
}

label {
	color: #fff;
	font-size: 80%;
}

label.text {
	padding-left: 10px;
}

label.textarea {
	font-weight: bold;
}

textarea {
	width: 500px;
}

.telefon {
	padding-left: 20px;
	background: url(../images/telefon.png) no-repeat center left;
}

.mobitel {
	padding-left: 20px;
	background: url(../images/mobitel.png) no-repeat center left;
}