body {
	margin:0;
	background:#252525 url(../images/bg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7e7e7e;
}

.omot {
	width:657px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.top {
	width:657px;
	height:52px;
	float:left;
	background:none;
}

.top img {
	border:0;
}

.logo {
	width:182px;
	height:52px;
	float:left;
	background:none;
}

.naslovnica {
	width:117px;
	height:52px;
	float:left;
	background:none;
}

.impressum {
	width:104px;
	height:52px;
	float:left;
	background:none;
}

.portfolio {
	width:100px;
	height:52px;
	float:left;
	background:none;
}

.blog {
	width:61px;
	height:52px;
	float:left;
	background:none;
}

.kontakt {
	width:90px;
	height:52px;
	float:left;
	background:none;
}

.omot_header {
	width:657px;
	height:177px;
	float:left;
	background:none;
}

.header_top {
	width:657px;
	height:27px;
	float:left;
	background:url(../images/header_top.gif);
}

.header_left {
	width:82px;
	height:110px;
	float:left;
	background:url(../images/header_left.gif);
}

.izrada {
	width:121px;
	height:110px;
	float:left;
	background:none;
}

.seo {
	width:132px;
	height:110px;
	float:left;
	background:none;
}

.odrzavanje {
	width:130px;
	height:110px;
	float:left;
	background:none;
}

.graficki {
	width:122px;
	height:110px;
	float:left;
	background:none;
}

.header_right {
	width:70px;
	height:110px;
	float:right;
	background:url(../images/header_right.gif);
}

.header_bottom {
	width:657px;
	height:40px;
	float:left;
	background:url(../images/header_bottom.gif);
}

.omot_main {
	width:657px;
	height:auto;
	float:left;
	background:#252525;
	margin-bottom:10px;
	margin-top:10px;
	color:#e0dfdf;
}

.omot_footer {
	width:100%;
	height:120px;
	background:url(../images/footer_bg.gif) repeat-x;
	margin-bottom:20px;
}

.footer_top {
	width:657px;
	height:94px;
	margin:0 auto;
	background:url(../images/footerp.gif) no-repeat right;
}

.footer_bottom {
	width:657px;
	height:26px;
	background:none;
	margin:0 auto;
}

.footer_bottom p {
	color:#7e7e7e;
	margin:0;
	padding:0;
	margin-top:7px;
	text-align:center;
}

.footer_bottom a:link, .footer_bottom a:visited {
	color:#7e7e7e;
	text-decoration:none;
}

.footer_bottom a:hover {
	text-decoration:underline;
}

.footer_top p {
	color:#fff;
	margin:0;
	padding:0;
	width:420px;
	line-height:16px;
	margin-left:50px;
	padding-top:13px;
}

h1 {
   	font:italic 22px Georgia, "Times New Roman", Times, serif;
 	color:#ccc;
	margin:0;
	padding:0;
}

.omot_main p {
	line-height:16px;
	margin-top:5px;
	padding:0;
}

/* button1 */

a.button1 { 
        background:url(../images/naslovnica.gif) repeat 0px 0px; 
        width: 117px; 
        height: 52px; 
        display: block; 
}

a.button1 span { 
        display: none; 
}

a.button1:hover { 
        background: url(../images/naslovnica.gif) repeat 0px -52px; 
}

/* button2 */

a.button2 { 
        background:url(../images/impressum.gif) repeat 0px 0px; 
        width: 104px; 
        height: 52px; 
        display: block; 
}

a.button2 span { 
        display: none; 
}

a.button2:hover { 
        background: url(../images/impressum.gif) repeat 0px -52px; 
}

/* button3 */

a.button3 { 
        background:url(../images/portfolio.gif) repeat 0px 0px; 
        width: 100px; 
        height: 52px; 
        display: block; 
}

a.button3 span { 
        display: none; 
}

a.button3:hover { 
        background: url(../images/portfolio.gif) repeat 0px -52px; 
}

/* button4 */

a.button4 { 
        background:url(../images/blog.gif) repeat 0px 0px; 
        width: 61px; 
        height: 52px; 
        display: block; 
}

a.button4 span { 
        display: none; 
}

a.button4:hover { 
        background: url(../images/blog.gif) repeat 0px -52px; 
}

/* button5 */

a.button5 { 
        background:url(../images/kontakt.gif) repeat 0px 0px; 
        width: 90px; 
        height: 52px; 
        display: block; 
}

a.button5 span { 
        display: none; 
}

a.button5:hover { 
        background: url(../images/kontakt.gif) repeat 0px -52px; 
}

/* button6 */

a.button6 { 
        background:url(../images/izradah.gif) repeat 0px 0px; 
        width: 121px; 
        height: 110px; 
        display: block; 
}

a.button6 span { 
        display: none; 
}

a.button6:hover { 
        background: url(../images/izradah.gif) repeat 0px -110px; 
}

/* button7 */

a.button7 { 
        background:url(../images/seoh.gif) repeat 0px 0px; 
        width: 132px; 
        height: 110px; 
        display: block; 
}

a.button7 span { 
        display: none; 
}

a.button7:hover { 
        background: url(../images/seoh.gif) repeat 0px -110px; 
}

/* button8 */

a.button8 { 
        background:url(../images/odrzavanjeh.gif) repeat 0px 0px; 
        width: 130px; 
        height: 110px; 
        display: block; 
}

a.button8 span { 
        display: none; 
}

a.button8:hover { 
        background: url(../images/odrzavanjeh.gif) repeat 0px -110px; 
}

/* button9 */

a.button9 { 
        background:url(../images/grafickih.gif) repeat 0px 0px; 
        width: 122px; 
        height: 110px; 
        display: block; 
}

a.button9 span { 
        display: none; 
}

a.button9:hover { 
        background: url(../images/grafickih.gif) repeat 0px -110px; 
}

.omot_main a:link, .omot_main a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.omot_main a:hover {
	color:#e0dfdf;
	text-decoration:underline;
}

.button{ 
	clear:both;
	margin-left:149px;
	margin-top:3px;
	width:80px;
	height:25px;
	background:url(../images/button.gif);
	border:0;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}

input { 
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #39abb0;
	width:180px;
	margin:2px 0 0px 5px;
	background:#2b888c;
	color:#e0dfdf;
}

textarea { 
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #39abb0;
	width:250px;
	margin:2px 0 0px 5px;
	background:#2b888c;
	color:#e0dfdf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100px;
}

label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
.small {
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

.lista {
	width:180px;
	height:auto;
	float:left;
	background:none;
}

.main {
	width:470px;
	height:auto;
	float:right;
	background:none;
	margin-bottom:10px;
}

.lista ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:7px;
}

.lista ul li {
	width:170px;
	height:25px;
	background:none;
	border-bottom:1px solid #444444;
	line-height:25px;
}

.lista a:link, .lista a:visited {
	font-weight:normal;
}

.lista a:hover {
	color:#bbd439;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#bbd439;
	font-style:italic;
}

.omot_rad {
	width:470px;
	float:left;
	height:auto;
	background:none;
	margin-bottom:8px;
}

.slika {
	width:77px;
	height:77px;
	float:left;
	background:none;
}

.slika img {
	border:5px solid #414141;
}

.rad {
	width:385px;
	height:auto;
	float:right;
	background:none;
	line-height:16px;
}

.rad b {
	color:#fff;
}

.rad a:link, .rad a:visited {
	color:#bbd439;
	font-weight:normal;
	text-decoration:none;
}

.rad a:hover {
	color:#fff;
	text-decoration:underline;
}

b span {
	color:#bbd439;
	font-weight:normal;
}