/*
Theme Name: Site Studio
Theme URI: http://www.sitestudio.hr/
Version: 1.0E
Author: Mislav Gluscevic
Author URI: http://www.sitestudio.hr/
*/

body {
	background: #2c6991 url(../images/layout/body_bg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color:#636161;
	font-size:12px;
	
}
#container {
	width: 960px;
	margin: 0 auto;
}
/* =Header
----------------------------------------------- */
#header {
	background: url('../images/layout/bg_header.jpg') no-repeat;
	width: 960px;
	height: 120px;
	position: relative;
}
#header h1 {
	display: block;
	background: url('../images/layout/h1_logo.gif') no-repeat;
	height:83px;
	width:453px;
}
#header h1 a {
	display: block;
	background: url('../images/layout/h1_logo.gif') no-repeat;
	height:83px;
	width:453px;
	text-indent: -5000px;
}

/* =Search form
----------------------------------------------- */
.input_text {
	display: block;
	float: left;
	margin: 5px 0 0 6px;
	width: 144px;
	height: 19px;
	color: #30638e;
	background: #6dd8e7;
	border: none;
}
.search_button {
	width: 35px;
	cursor:pointer;
	height: 27px;
	background: none;
	text-indent:-5000px;
	margin-left: 0px;
	border: none;
	font-size:1px;
	color: #6dd8e7;
}

#header fieldset {
	position: absolute;
	top: 25px;
	right: 0px;
	background: #6dd8e7 url('../images/layout/search_bg.gif') no-repeat;
	width: 188px;
	height: 27px;
	border:none;
}

#header legend {
	display: none;
}

/* =Navigation
----------------------------------------------- */
	#main-nav {
	position: absolute;
	bottom: 0px;
	left: 0;
	width:960px;
	background:#30638e url(../images/nav/main-nav-bg.gif) repeat-x;
}

#main-nav li {
	display: inline;
}

#main-nav li a {
	display:block;
	float: left;
	height: 37px;
	text-indent: -5000px;
	background: #30638e;
}

#main-nav li.nav-item-1 a {
	background: #30638e url('../images/nav/naslovnica.gif') no-repeat;
	width: 112px;
}
#main-nav li.nav-item-2 a {
	background: #30638e url('../images/nav/usluge.gif') no-repeat;
	width: 68px;
	margin:0px;
}

#main-nav li.nav-item-3 a {
	background: #30638e url('../images/nav/portfolio.gif') no-repeat;
	width: 96px;
	margin:0px;
}

#main-nav li.nav-item-4 a {
	background: #30638e url('../images/nav/onama.gif') no-repeat;
	width: 72px;
	margin:0px;
}

#main-nav li.nav-item-5 a {
	background: #30638e url('../images/nav/suradnja.gif') no-repeat;
	width: 100px;
	margin:0px;
}

#main-nav li.nav-item-6 a {
	background: #30638e url('../images/nav/kontakt.gif') no-repeat;
	width: 96px;
	margin:0px;
}

#main-nav li.nav-item-8 a {
	background: #30638e url('../images/nav/blog.gif') no-repeat;
	width: 46px;
	margin:0px;
}

#main-nav li.nav-item-7 a { 
	background: #30638e url('../images/nav/webmail.gif') no-repeat;
	width: 102px;
}

#main-nav li.nav-item-9 a {
	position: absolute;
	right: 0px;
	background: #30638e url('../images/nav/rss.gif') no-repeat;
	width: 102px;
	margin:0px;
}
#main-nav li a:hover, #main-nav li a.current-page {
	background-position: right;
}

/* =#splash
----------------------------------------------- */
#splash.naslovnica {
	position: relative;
	background: #30638e url(../images/layout/splash_bg_naslovnica.jpg) no-repeat;
	height: 364px;
}

#splash.naslovnica h1 {
	background: url('../images/layout/splash_naslovnica-h1.png') no-repeat;
	height:73px;
	width:468px;
	position: absolute;
	top: 32px;
	left: 20px;
	text-indent:-5000px;
}

#splash.naslovnica h2 {
	background: url('../images/layout/splash_naslovnica-h2.gif') no-repeat;
	height:116px;
	width:392px;
	position: absolute;
	top: 123px;
	left: 20px;
	text-indent:-5000px;
}

#splash.naslovnica img {
	background: url('../images/layout/splasj_naslovnica-web-screenshots.jpg') no-repeat;
	height:304px;
	width:529px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-indent:-5000px;
}

/* =Upitnik
----------------------------------------------- */
#upitnik {
	position: absolute;
	bottom: 33px;
	left: 20px;
	width:200px;
}

#upitnik li {
	display: inline;
}
#upitnik li a {
	display:block;
	float: left;
	height: 40px;
	text-indent: -5000px;
	background: #30638e;
}

#upitnik li.nav-item-1 a {
	background: #30638e url('../images/nav/zatrazite-ponudu.gif') no-repeat;
	width: 200px;
}

#upitnik li a:hover, #upitnik li a.current-page {
	background-position: right;
}

/* =Saznajte-vise
----------------------------------------------- */
#saznajte-vise {
	z-index: 1000;
	position: absolute;
	top: 60px;
	right: 25px;
	width:150px;
}

#saznajte-vise li {
	display: inline;
}

#saznajte-vise li a {
	display:block;
	float: left;
	height: 150px;
	text-indent: -5000px;
}

#saznajte-vise li.nav-item-1 a {
	background: url('../images/nav/saznajte-vise.png') no-repeat;
	width: 150px;
}

/* =kategorija-web
----------------------------------------------- */
.kategorija-web {
	z-index: 1000;
	position: absolute;
	top: 72px;
	left: 0px;
	width:82px;
}

.kategorija-web li {
	display: inline;
}

.kategorija-web li a {
	display:block;
	float: left;
	height: 76px;
	text-indent: -5000px;
}

.kategorija-web li.nav-item-1 a {
	background: url('../images/nav/kategorija-web.png') no-repeat;
	width: 82px;
}
/* =izbor-scene
----------------------------------------------- */
#main-project {
	float: left;
	width: 650px;
}

.projects {
	width: 650px;
	position: relative;
}

#main-project ul#thumbnail {
float: right;
margin: 15px 10px 0px 0px;
width: 52px; 
}



#main-project ul#thumbnail li { width: 52px; height: 36px; background: url('../images/nav/scena-bg.png') no-repeat; margin-bottom: 3px; text-align: center; padding-top: 8px; }
#main-project ul#thumbnail li a { font-size: 12px; font-weight: bold; text-decoration: none!important; color: #2e5f88; border-bottom: none!important;  }


#main-project ul#thumbnail li a:hover {
	color: #6dd8e7;
}

#large {
	float: left;
	display: inline;
	margin: 15px 0px;
	padding: 0;
	border:2px solid #6dd8e7;
	padding:1px;
	background:#fff;
}

.project-details {
	float: right;
	width: 400px;
background: url(../images/layout/post-data-bg.gif) left repeat-y;
	margin-right: 70px;
	padding-left: 30px;
	line-height: 20px;
	min-height: 100px;
}

.project-details p {
	padding: 0px 0px 15px 0px;
}

.project-details p a {
	padding-top: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #2e5f88;
}
.project-details p a:hover {
	padding-top: 20px;
	text-decoration: underline;
}


/* tehnologije*/
.tehnologije {
	color: #636161;
	float: left;
	width: 150px;
}

.tehnologije li {
	list-style: none;
	margin: 0px;
	color: #666;
	font-size: 11px;
	line-height: 16px;
}

.tehnologije li a {
	color: #999;
	line-height: 1.6em;
}

.tehnologije li a:hover {
	color: #000;
}

.tehnologije li.naslov {
	font-size:12px;
	padding-bottom: 0px;
	font-weight: bold;
	text-transform: capitalize;
}

.tehnologije li.url, .tehnologije li.url a {
	font-size:12px;
	padding-bottom: 0px;
	font-weight: bold;
	text-transform: capitalize;
}

.tehnologije li.odradjene-usluge {
	font-size:12px;
	padding-top: 15px;
	font-weight: bold;
}


.tehnologije li.naslov small {
}

.tehnologije li.tags {
	line-height: 16px;
}
.tehnologije li.ime-klijenta {
	padding: 5px 0px;
	color: #2e5f88;
	font-weight: bold;
	text-transform: uppercase;
}

.tehnologije li.link a {
 padding: 15px 0px;
 line-height: 16px;
color: #2e5f88;
}

.tehnologije li.link a:hover {
	 padding: 15px 0px;
	color: #6dd8e7;
	text-decoration: none;
}


/* opis usluge */
 .tehnologije li.opis-usluge a {
 padding: 10px 0px;
 line-height: 16px;
color: #6dd8e7;
}
.tehnologije li.opis-usluge a:hover {
	color: #2e5f88;
}


/* =kategorija-print
----------------------------------------------- */
.kategorija-print {
	z-index: 1000;
	position: absolute;
	top: 72px;
	left: 0px;
	width:82px;
}
.kategorija-print li {
	display: inline;
}
.kategorija-print li a {
	display:block;
	float: left;
	height: 76px;
	text-indent: -5000px;
}
.kategorija-print li.nav-item-1 a {
	background: url('../images/nav/kategorija-print.png') no-repeat;
	width: 82px;
}
/* =kategorija-branding
----------------------------------------------- */
	.kategorija-branding {
	z-index: 1000;
	position: absolute;
	top: 72px;
	left: 0px;
	width:82px;
}
.kategorija-branding li {
	display: inline;
}
.kategorija-branding li a {
	display:block;
	float: left;
	height: 76px;
	text-indent: -5000px;
}
.kategorija-branding li.nav-item-1 a {
	background: url('../images/nav/kategorija-branding.png') no-repeat;
	width: 82px;
}
/* =projekti-web
----------------------------------------------- */
.projekti-web { 
	position: relative;
	top: -23px;
	left: -23px;
	width:82px;
}
.projekti-web li {
	display:block;
	float: left;
	height: 76px;
	text-indent: -5000px;
}
.projekti-web li.nav-item-1 {
	background: url('../images/layout/kategorija-web-bg.png') no-repeat;
	width: 82px;
}
/* =projekti-web
----------------------------------------------- */
#portfolio-itemsi {
	padding: 0px 0px 20px 0px; 
}
/* =#splash-usluge
----------------------------------------------- */
#splash.usluge {
	position: relative;
	background: #30638e url(../images/layout/splash_bg_usluge.jpg) no-repeat;
	height:99px;
}
#splash.usluge h1 {
	background: url('../images/layout/splash_usluge-h1.png') no-repeat;
	height:71px;
	width:691px;
	position: absolute;
	top: 28px;
	left: 20px;
	text-indent:-5000px;
}
/* =#splash-blog
----------------------------------------------- */
#splash.blog {
	position: relative;
	background: #30638e url(../images/layout/splash_bg_usluge.jpg) no-repeat;
	height:99px;
}
#splash.blog h1 {
	background: url('../images/layout/splash_-blog-h1.png') no-repeat;
	height:80px;
	width:108px;
	position: absolute;
	bottom: 0px;
	left: 20px;
	text-indent:-5000px;
}
/* =sidebar
----------------------------------------------- */
#sidebar {
float: right;
width: 240px;
color: #636161;
background: #e7e7e7;
padding: 10px 8px 0px 20px;
height: 100%;
}

/* =#splash-portfolio
----------------------------------------------- */
#splash.portfolio {
	position: relative;
	background: #30638e url(../images/layout/splash_bg_usluge.jpg) no-repeat;
	height:99px;
}
#splash.portfolio h1 {
	background: url('../images/layout/splash_portfolio-h1.png') no-repeat;
	height:49px;
	width:456px;
	position: absolute;
	top: 19px;
	left: 20px;
	text-indent:-5000px;
}
/* =#splash-webmail
----------------------------------------------- */
#splash.webmail {
	position: relative;
	background: #30638e url(../images/layout/splash_bg_usluge.jpg) no-repeat;
	height:99px;
}
#splash.webmail h1 {
	background: url('../images/layout/splash_webmail-h1.png') no-repeat;
	height:49px;
	width:661px;
	position: absolute;
	top: 19px;
	left: 20px;
	text-indent:-5000px;
}
/* =webmail-pismo
----------------------------------------------- */
	#webmail-pismo {
	position: absolute;
	top: -9px;
	right: 115px;
	width:147px;
	margin-bottom: 10px;
}
#webmail-pismo li {
	display: inline;
}
#webmail-pismo li {
	display:block;
	float: left;
	height: 139px;
	text-indent: -5000px;
	background: #30638e;
}
#webmail-pismo li.nav-item-1 {
	background: #30638e url('../images/layout/webmail-pismo.png') no-repeat;
	width: 147px;
}
#webmail-pismo li a:hover, #webmail-pismo li a.current-page {
	background: none;
}
/* =#splash-kontakt
----------------------------------------------- */
#splash.kontakt {
	position: relative;
	background: #30638e url(../images/layout/splash_bg_usluge.jpg) no-repeat;
	height:99px;
}
#splash.kontakt h1 {
	background: url('../images/layout/splash_kontakt-h1.png') no-repeat;
	height:49px;
	width:390px;
	position: absolute;
	top: 19px;
	left: 20px;
	text-indent:-5000px;
}
/* =#splash-projektni-upitnik
----------------------------------------------- */
#splash.projektni-upitnik {
	position: relative;
	background: #30638e url(../images/layout/splash_bg_usluge.jpg) no-repeat;
	height:99px;
}
#splash.projektni-upitnik h1 {
	background: url('../images/layout/splash_projektni-upitnik-h1.png') no-repeat;
	height:80px;
	width:401px;
	position: absolute;
	top: 19px;
	left: 20px;
	text-indent:-5000px;
}
/* =popunite-upitnik
----------------------------------------------- */
	#popunite-upitnik {
	position: absolute;
	top: 28px;
	right: 22px;
	width:201px;
}
#popunite-upitnik li {
	display: inline;
}
#popunite-upitnik li a {
	display:block;
	float: left;
	height: 40px;
	text-indent: -5000px;
	background: #30638e;
}
#popunite-upitnik li.nav-item-1 a {
	background: #30638e url('../images/nav/popunite-upitnik.gif') no-repeat;
	width: 201px;
}
#popunite-upitnik li a:hover, #popunite-upitnik li a.current-page {
	background-position: right;
}
/* =Upitnik-usluge
----------------------------------------------- */
	#upitnik-usluge {
	position: absolute;
	top: 28px;
	right: 22px;
	width:201px;
}
#upitnik-usluge li {
	display: inline;
}
#upitnik-usluge li a {
	display:block;
	float: left;
	height: 40px;
	text-indent: -5000px;
	background: #30638e;
}
#upitnik-usluge li.nav-item-1 a {
	background: #30638e url('../images/nav/zatrazite-ponudu-top.gif') no-repeat;
	width: 201px;
}
#upitnik-usluge li a:hover, #upitnik-usluge li a.current-page {
	background-position: right;
}
/* =Usluge
----------------------------------------------- */
#usluge-splash {
	height: 245px;
	margin-bottom: 50px;
}
#usluge-splash ul {
	width: 149px;
	float: left;
}
#usluge-splash ul li a {
	width: 149px;
	height: 40px;
	padding-top: 20px;
	display: block;
	text-indent: 54px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	color: #5e5e5e;
}
#usluge-splash ul li.item-1 a {
	background: url('../images/nav/overview.gif') no-repeat;
}
#usluge-splash ul li.item-2 a {
	background: url('../images/nav/integrate.gif') no-repeat;
}
#usluge-splash ul li.item-3 a {
	background: url('../images/nav/analyze.gif') no-repeat;
}
#usluge-splash ul li.item-4 a {
	background: url('../images/nav/earn.gif') no-repeat;
}
#usluge-splash ul li a:hover, #usluge-splash ul li a.active {
	background-position: right;
	color: #fff;
}
#usluge-splash div {
	width: 720px;
	height: 212px;
	float: left;
	background: url('../images/layout/splash_content.png') repeat;
	padding: 28px 0 0 30px;
}
#usluge-splash div p {
	font-size: 13px;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 30px;
}
#usluge-splash div img {
	float: right;
	margin: -10px 20px 0 22px;
}
/* =#main-content
----------------------------------------------- */
#main-content {
	padding: 20px 20px 20px 20px;
	background: #e7e7e7 url(../images/layout/main-content-top-bg.gif) top no-repeat;
}
/* =#Four columns
----------------------------------------------- */
#leftcolumn {
	color: #636161;
	background: url(../images/layout/leftcolumn-border-left-bg.gif) right repeat-y;
	width: 233px;
	min-height:288px;
	float: left;
	text-shadow: 1px 1px 1px #fff;
}
#leftcolumn h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px 0px 10px 32px;
	text-transform:uppercase;
}
#leftcolumn h3 {
	color: #0e386c;
	font-size:12px;
	font-weight:bold;
	padding-left:13px;
	text-align:left;
}
#leftcolumn p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#leftcolumn p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
/*Usluge*/
#usluge {
	color: #636161;
	width: 650px;
	float: left;
	padding-bottom: 20px;
}
/*Usluge*/
#portfolio-detalji {
	color: #636161;
	width: 650px;
	float: left;
	padding-bottom: 20px;
	text-shadow: 1px 1px 1px #fff;
}

#portfolio-detalji h3 {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
	padding-bottom: 15px;
	font-size: 18px;
	background:url(../images/layout/blog-posts-bg.gif) bottom repeat-x;
}

#portfolio-detalji h3 small a {
	color: #0e386c;
	text-decoration:none;
	padding-right: 0px;
	float: right;
	margin-top: 15px;
	font-size: 12px;
	
}

#portfolio-detalji h3 small a:hover {
	color: #0e386c;
	text-decoration:none;
}




/*Izrada webova usluge*/
#izrada-webova.usluge {
	color: #636161;
	width: 650px;
	float: left;
	background: none;
	text-shadow: 1px 1px 1px #fff;
}
#izrada-webova.usluge h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px 0px 10px 52px;
	margin-left: 12px;
	margin-top: 10px;
	text-indent: -5000px;
	background: url('../images/layout/usluge-izrada-webova-h2.gif') no-repeat;
	height: 32px;
	width: 230px; 
}
#izrada-webova.usluge h3 {
	color: #0e386c;
	font-size:14px;
	font-weight:bold;
	padding-left:13px;
	padding-bottom: 5px;
	text-align:left;
}
#izrada-webova.usluge p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#izrada-webova.usluge p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#izrada-webova.usluge p a:hover {
	color: #0e386c;
	font-weight:bold;
	border-bottom: 1px solid #0e386c;
}
#izrada-webova.usluge img {
	height: 125px;
	width: 190px;
	position:relative;
	top: 5px;
	right: 5px;
	float:right;
	margin-left: 10px;
}
#izrada-webova.usluge li {
	display: block;
	padding: 2px 10px 5px 23px;
	margin-top: 5px;
	margin-left: 13px;
	background: url(../images/layout/usluge-web.gif) no-repeat;
}
/*blogarea*/
#blogarea {
	color: #636161;
	width: 650px;
	float: left;
	padding-bottom: 20px;
}
/* Novi blog*/
.novi-blog small {
font-size:10px;
	margin-left: 12px;
	padding-bottom: 0px;
}
.novi-blog small a {
	color: #0e386c;
	font-size:10px;
	color: #0e386c;
	text-decoration:none;
}
.novi-blog small a:hover {
	color: #636161;
	font-size:10px;
	color: #0e386c;
	font-weight: bold;
}
.novi-blog {
	color: #636161;
	width: 640px;
	float: left;
	padding: 0px 10px 15px 0px;
	background:url(../images/layout/blog-posts-bg.gif) bottom repeat-x;
}
.post-details {
	color: #636161;
	float: left;
	width: 120px;
	margin-bottom: 25px;
	margin-top: 20px;
	background: url(../images/layout/post-data-bg.gif) right repeat-y;
	margin-right: 10px;
	padding-right:10px;
}
.post-details li {
	list-style: none;
	margin: 10px 0px;
	color: #666;
	font-size: 11px;
	line-height: 16px;
	}
.post-details li a {
	color: #999;
	line-height: 1.6em;
}
.post-details li a:hover {
	color: #000;
}
.post-details li.datum {
	font-size:12px;
padding-bottom: 0px;
	font-weight: bold;
	text-transform: capitalize;
}
.post-details li.datum small {
}
.post-details li.tags {
	line-height: 16px;
}
.post-details li.categories {
	background: url(images/bg-p-categories.gif) no-repeat 0 0;
	line-height: 16px;
}
.post-details li.comments {
	background: url(images/bg-p-comments.gif) no-repeat 0 0;
	line-height: 16px;
}
.post-details li.edit {
	background: url(images/bg-p-edit.gif) no-repeat 0 0;
	line-height: 16px;
}
.post-details li.date {
	background: url(images/bg-p-date.gif) no-repeat 0 0;
	line-height: 16px;
}
.novi-blog h2 {
	color: #0e386c;
	font-size:18px;
	font-weight:bold;
margin-left: 12px;
	margin-top: 15px;
}
.novi-blog h2 a {
	text-decoration: none;
	color: #0e386c;
}
.novi-blog h2 a:hover {
	text-decoration: underline;
	color: #636161;
}
.novi-blog h3 {
	color: #0e386c;
	font-size:14px;
	font-weight:bold;
	padding-left:12px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align:left;
}
.novi-blog p {
	padding-top: 15px;
	padding-right: 10px;
	padding-left:12px;
	margin-left: 130px;
	line-height:1.5;

}
.novi-blog p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
.novi-blog p a:hover {
	color: #0e386c;
	font-weight:bold;
	border-bottom: 1px solid #0e386c;
}
.vise p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
.vise p a:hover {
	color: #0e386c;
	font-weight:bold;
	border-bottom: 1px solid #0e386c;
}
.novi-blog li {
	display: block;
	padding: 0px 10px 5px 12px;
	margin-top: 5px;
}

/*Blog*/
.blogpost {
	color: #636161;
	width: 650px;
	float: left;
	padding-bottom: 15px;
	background: url('../images/layout/blog-posts-bg.gif') bottom repeat-x;
	border: 1px solid green;
}
.blogpost h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px 0px 10px 12px;
	font-weight: bold;
	margin-top: 20px;
}
.blogpost h3 {
	color: #0e386c;
	font-size:14px;
	font-weight:bold;
	padding-left:13px;
	padding-bottom: 5px;
	text-align:left;
}
.blogpost p {
	padding: 5px 10px 10px 13px;
	line-height:1.5;
}
.blogpost p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
.blogpost p a:hover {
	color: #0e386c;
	font-weight:bold;
	border-bottom: 1px solid #0e386c;
}
.blogpost li {
	display: block;
	padding: 2px 0px 5px 0px;
	margin-top: 5px;
	margin-left: 13px;

}

/*Redizajn webova usluge*/
#redizajn-webova.usluge {
	padding-top: 30px;
	color: #636161;
	width: 650px;
	float: left;
	background: none;
	text-shadow: 1px 1px 1px #fff;
}
#redizajn-webova.usluge h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px 0px 10px 52px;
	margin-left: 12px;
	text-indent: -5000px;
	background: url('../images/layout/usluge-redizajn-webova-h2.gif') no-repeat;
	height: 32px;
	width: 255px;
}
#redizajn-webova.usluge h3 {
	color: #0e386c;
	font-size:14px;
	font-weight:bold;
	padding-left:13px;
	text-align:left;
}
#redizajn-webova.usluge p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#redizajn-webova.usluge p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#redizajn-webova.usluge img {
	height: 125px;
	width: 190px;
	position:relative;
	top: 5px;
	right: 5px;
	float:right;
}

/*Internet marketing usluge*/
#internet-marketing.usluge {
	padding-top: 30px;
	color: #636161;
	width: 650px;
	float: left;
	background: none;
	text-shadow: 1px 1px 1px #fff;
}
#internet-marketing.usluge h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px 0px 10px 52px;
	margin-left: 12px;
	text-indent: -5000px;
	background: url(../images/layout/usluge-seo-h2.gif) no-repeat;
	height: 32px;
	width: 218px;
}
#internet-marketing.usluge h3 {
	color: #0e386c;
	font-size:14px;
	font-weight:bold;
	padding-left:13px;
	text-align:left;
}
#internet-marketing.usluge p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#internet-marketing.usluge p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#internet-marketing.usluge img {
	position:relative;
	top: 5px;
	right: 5px;
	float:right;
}
.floatLeft {
	float: left;
}

/*Grafiski-dizajn usluge*/
#graficki-dizajn.usluge {
	padding-top: 30px;
	color: #636161;
	width: 650px;
	float: left;
	background: none;
	text-shadow: 1px 1px 1px #fff;
}
#graficki-dizajn.usluge h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px 0px 10px 52px;
	margin-left: 12px;
	text-indent: -5000px;
	background: url(../images/layout/usluge-dtp-h2.gif) no-repeat;
	height: 37px;
	width: 247px;
}
#graficki-dizajn.usluge h3 {
	color: #0e386c;
	font-size:14px;
	font-weight:bold;
	padding-left:13px;
	text-align:left;
}
#graficki-dizajn.usluge p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#graficki-dizajn.usluge p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#graficki-dizajn.usluge img {
	height: 155px;
	width: 153px;
	position:relative;
	top: 5px;
	right: 5px;
	float:right;
}
/*Kontakt-info*/
#kontakt-info {
	padding-top: 0px;
	color: #636161;
	width: 270px;
	float: left;
	background: none;
}
#kontakt-info h3.lokacija {
	color: #0e386c;
	font-size:18px;
	text-indent: -5000px;
	background: url('../images/layout/kontaktirajte-sitestudio-h3.png') no-repeat;
	height: 31px;
	width: 199px;
}
#kontakt-info p {
	font-size:12px;
	padding:  10px 0px;
}
#kontakt-info p a {
	text-decoration: none;
	color: #2e5f88;
}
#kontakt-info p a:hover {
	text-decoration: underline;
	color: #2e5f88;
}
#kontakt-info h3.telefon {
	color: #0e386c;
	font-size:18px;
	padding: 0px;
	margin-top: 10px;
	text-indent: -5000px;
	background: url('../images/layout/telefon-h3.png') no-repeat;
	height: 31px;
	width: 63px;
}
#kontakt-info h3.fax {
	color: #0e386c;
	font-size:18px;
	padding: 0px/;
	margin-top: 10px;
	text-indent: -5000px;
	background: url('../images/layout/fax-h3.png') no-repeat;
	height: 31px;
	width: 28px;
}
#kontakt-info h3.email {
	color: #0e386c;
	font-size:18px;
	padding: 0px;
	margin-top: 10px;
	text-indent: -5000px;
	background: url('../images/layout/email-h3.png') no-repeat;
	height: 31px;
	width: 46px;
}

#kontakt-info h3.pravne-info {
	color: #0e386c;
	font-size:12px;
	font-weight:bold;
	padding: 0px;
	margin-top: 10px;

}


/*Male-napomene*/
#male-napomene {
	color: #636161;
	width: 270px;
	float: left;
	background: none;
}
#male-napomene h3.lokacija {
	color: #0e386c;
	font-size:18px;
	text-indent: -5000px;
	background: url('../images/layout/male-napomene-h3.png') no-repeat;
	height: 31px;
	width: 123px;
}
#male-napomene p {
	font-size:12px;
	padding:  10px 0px;
}
#male-napomene p strong {
	color: #2e5f88;
	font-weight: bold;
}
#male-napomene p a {
	text-decoration: none;
	color: #2e5f88;
}
#male-napomene p a:hover {
	text-decoration: underline;
	color: #2e5f88;
}
/*Posljednji-radovi usluge*/
#posljednji-radovi {
	margin-bottom: 20px;
	color: #636161;
	width: 229px;
	float: right;
	background: none;
	text-shadow: 1px 1px 1px #fff;
}
#posljednji-radovi h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px;
	margin-right: 12px;
	text-indent: -5000px;
	background: url('../images/layout/usluge_posljednji-radovi.gif') no-repeat;
	height: 33px;
	width: 229px;
}
#posljednji-radovi h3 {
	color: #2e5f88;
	font-size:12px;
	text-align:right;
	padding-top: 5px;
	text-transform:uppercase;
	border-top: 1px solid whitesmoke;
	margin-right:30px;
	
}
#posljednji-radovi h3 a {
	color: #0e386c;
	text-decoration:none;
}
#posljednji-radovi h3 a:hover {
	color: #2e5f88;
	font-weight:bold;
	text-decoration:none;
}
#posljednji-radovi p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#posljednji-radovi p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#posljednji-radovi img {
	height: 155px;
	width: 153px;
	position:relative;
	top: 5px;
	right: 5px;
	float:right;
}
#posljednji-radovi li {
	padding: 5px 0px;
}
#posljednji-radovi li a {
	color: #636161;
	text-decoration:none;
}
#posljednji-radovi li a:hover {
	color: #2e5f88;
	border-bottom: 1px solid #2e5f88;
}

/*Posljednji-postovi usluge*/
#posljednji-postovi {
	color: #636161;
	width: 229px;
	float: right;
}
#posljednji-postovi h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px;
	margin-right: 12px;
	text-indent: -5000px;
	background: url('../images/layout/usluge_zadnje_s_bloga.gif') no-repeat;
	height: 36px;
	width: 229px;
}
#posljednji-postovi h3 {
	color: #0e386c;
	font-size:14px;
	font-weight:bold;
	padding-left:13px;
	text-align:left;
}
#posljednji-postovi p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#posljednji-postovi p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#posljednji-postovi img {
	height: 155px;
	width: 153px;
	position:relative;
	top: 5px;
	right: 5px;
	float:right;
}
#posljednji-postovi li {
	padding: 5px 0px;
}
.usluge-postovi-datumi {
	font-size: 10px;
	color:#2c8dfe;
}
.posljednji-postovi-datumi li a {
	color: #2c8dfe;
	text-decoration:none;
}
.posljednji-postovi-datumi li a:hover {
	color: #2c8dfe;
	border-bottom: 1px solid #2c8dfe;
}
#posljednji-postovi li a {
	color: #636161;
	text-decoration:none;
}
#posljednji-postovi li a:hover {
	color: #2e5f88;
	border-bottom: 1px solid #2e5f88;
}

/*Tagovi*/
#tagovi {
	width: 229px;
	color: #636161;
	float: right;
}
#tagovi li {
	padding: 5px 0px;
}
#tagovi li a {
	color: #0e386c;
	text-decoration:none;
}
#tagovi li a:hover {
	color: #2e5f88;
	font-weight:bold;
	text-decoration:none;
}
#tagovi h2 {
	color: #0e386c;
	font-size:18px;
	padding:  0px;
	margin-top: 15px;
	text-indent: -5000px;
	background: url('../images/layout/tagovi-h2.gif') no-repeat;
	height: 31px;
	width: 201px;
}
#side {
	float:right;
}
/* Tag cloud */

	#tags ul {
	margin:1em 0;
	text-align:center;
}
#tags li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#tags li a {
	text-decoration:none;
	color:#2e5f88;
	padding:0 2px;
}
#tags li a:hover {
	color:#6dd8e7;
}
.tag1 {
	font-size:100%;
}
.tag2 {
	font-size:120%;
}
.tag3 {
	font-size:140%;
}
.tag4 {
	font-size:160%;
}
.tag5 {
	font-size:180%;
}
/* alternative layout */

	#tags .alt {
	text-align:left;
	padding:0;
	background:none;
}
#tags .alt li {
	padding:2px 10px;
	background:#efefef;
	display:block;
}
#tags .alt .tag1,  #tags .alt .tag2,  #tags .alt .tag3,  #tags .alt .tag4,  #tags .alt .tag5 {
	font-size:100%;
}
#tags .alt .tag1 {
	background:#7cc0f4;
}
#tags .alt .tag2 {
	background:#67abe0;
}
#tags .alt .tag3 {
	background:#4d92c7;
}
#tags .alt .tag4 {
	background:#3277ad;
}
#tags .alt .tag5 {
	background:#266ca2;
}
.btn {
	display:block;
	color:#2e5f88;
	text-decoration:none;
	margin: 10px 0px;
	font-size:10px;
}
.btn a:hover {
	display:block;
	color:#2e5f88;
	text-decoration:underline;
}
/* // Tag cloud */

/*Facebook Fan Page*/
#fanpage { padding-top: 20px; padding-left:13px;}



/*Twitter usluge*/
#twitter {
	color: #636161;
	width: 229px;
	float: right;
	background: none;
	padding-bottom: 20px;
	text-shadow: 1px 1px 1px #fff;
}
#twitter li {
	padding: 5px 0px;
}
#twitter li a {
	color: #0e386c;
	text-decoration:none;
}
#twitter li a:hover {
	color: #2e5f88;
	font-weight:bold;
	text-decoration:none;
}
#twitter h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px;
	margin-right: 12px;
	text-indent: -5000px;
	background: url('../images/layout/usluge_twitter_ikona.gif') no-repeat;
	height: 61px;
	width: 229px;
}
#twitter h3 {
	color: #0e386c;
	font-size:14px;
	font-weight:bold;
	padding-left:13px;
	text-align:left;
}
#twitter p {
	line-height:1.5;
}
#twitter p a {
	color: #0e386c;
	text-decoration:none;
}
#twitter p a:hover {
	color: #2e5f88;
	font-weight:bold;
	text-decoration:none;
}
#twitter img {
	height: 155px;
	width: 153px;
	position:relative;
	top: 5px;
	right: 5px;
	float:right;
}

/* Twitter update list style*/



p.twitter-message {
	padding: 5px 0px;
}
li.twitter_update_list a {
	color: #0e386c;
	text-decoration:none;
}
li.twitter_update_list a:hover {
	color: #2e5f88;
	font-weight:bold;
	text-decoration:none;
}
/* /Twitter update list style*/

/*Posljednji-komentari*/
#posljednji-komentari {
	color: #636161;
	width: 229px;
	float: right;
	background: none;
}
#posljednji-komentari li {
	padding: 5px 0px;
}
#posljednji-komentari li a {
	color: #0e386c;
	text-decoration:none;
}
#posljednji-komentari li a:hover {
	color: #2e5f88;
	font-weight:bold;
	text-decoration:none;
}
#posljednji-komentari h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 12px;
	text-indent: -5000px;
	background: url('../images/layout/posljednji-komentari-h2.gif') no-repeat;
	height: 31px;
	width: 199px;
}
#posljednji-komentari h3 {
	color: #0e386c;
	font-size:14px;
	font-weight:bold;
	padding-left:13px;
	text-align:left;
}
#posljednji-komentari p {
	line-height:1.5;
}
#posljednji-komentari p a {
	color: #0e386c;
	text-decoration:none;
}
#posljednji-komentari p a:hover {
	color: #2e5f88;
	font-weight:bold;
	text-decoration:none;
}
#posljednji-komentari img {
	height: 155px;
	width: 153px;
	position:relative;
	top: 5px;
	right: 5px;
	float:right;
}
#leftcolumn p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#leftcolumn p a:hover {
	color: #0e386c;
	font-weight:bold;
	border-bottom: 1px solid #0e386c;
}
.okvir {
	position:relative;
	top: 0px;
	left: 10px;
	height: 152px;
	width: 209px;
	background: url('../images/layout/posljedjni-rad-bg.gif') no-repeat;
}
#leftcolumn img {
	height: 137px;
	width: 195px;
	position:relative;
	top: 5px;
	left: 5px;
	color: #0e386c;
	font-size:18px;
}
/* = Okvir za portoflio */
.portfolio-item {
	float: left;
	width:225px;
	text-shadow: 1px 1px 1px #fff;
}
.portfolio-item p {
	position:relative;
	top: 0px;
	left: 10px;
	width: 209px;
}
.portfolio-item p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
.portfolio-item h2 {
	position:relative;
	top: 0px;
	left: 10px;
	width: 209px;
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
	padding-bottom: 20px;
}
.portfolio-item h3 {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
	margin: 0 auto;
	padding: 0px 0px 10px 11px;
	font-size: 12px;
}
.okvir-portfolio {
	position:relative;
	top: 0px;
	left: 10px;
	height: 152px;
	width: 209px;
	background: url('../images/layout/posljedjni-rad-bg.gif') no-repeat;
}
.portfolio-item img {
	height: 137px;
	width: 195px;
	position:relative;
	top: 5px;
	left: 5px;
	color: #0e386c;
	font-size:18px;
}

/* = Okvir za portoflio */
.portfolio-item-detalj {
	float: left; 
}
.portfolio-item-detalj img {
	padding: 0;
	margin:0px;
}
.portfolio-item-detalj p {
	padding: 20px 0px;
}
.portfolio-item-detalj p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
.portfolio-item-detalj h2 {
	position:relative;
	top: 0px;
	left: 10px;
	width: 209px;
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
	padding-bottom: 20px;
}
.portfolio-item-detalj h3 {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
	margin: 0 auto;
	padding: 0px 0px 10px 11px;
	font-size: 12px;
}
.okvir-portfolio-detalj {
	border:2px solid #6dd8e7;
	padding:1px;
	background:#fff;
}
/* /portfolio-item-detalj */

#leftmiddlecolumn {
	color: #636161;
	background: url(../images/layout/leftcolumn-border-left-bg.gif) right repeat-y;
	width: 233px;
	min-height:288px;
	float: left;
	text-shadow: 1px 1px 1px #fff;
}
#leftmiddlecolumn h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px 0px 10px 11px;
	text-transform:uppercase;
}
#leftmiddlecolumn h3 {
	color: #0e386c;
	font-size:12px;
	font-weight:bold;
	padding:10px 0px 0px 13px;
	text-align:left;
}
#leftmiddlecolumn p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#leftmiddlecolumn p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#leftmiddlecolumn p a:hover {
	color: #0e386c;
	font-weight:bold;
	border-bottom: 1px solid #0e386c;
}
#leftmiddlecolumn img {
	height: 137px;
	width: 195px;
	position:relative;
	top: 5px;
	left: 15px;
	color: #0e386c;
	font-size:18px;
}
#rightmiddlecolumn {
	color: #636161;
	background: url('../images/layout/leftcolumn-border-left-bg.gif') right repeat-y;
	width: 233px;
	min-height:288px;
	float: left;
	text-shadow: 1px 1px 1px #fff;
}
#rightmiddlecolumn h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px 0px 10px 11px;
	text-transform:uppercase;
}
#rightmiddlecolumn h3 {
	color: #0e386c;
	font-size:12px;
	font-weight:bold;
	padding:10px 0px 0px 13px;
	text-align:left;
}
#rightmiddlecolumn p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#rightmiddlecolumn p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#rightmiddlecolumn p a:hover {
	color: #0e386c;
	font-weight:bold;
	border-bottom: 1px solid #0e386c;
}
#rightmiddlecolumn img {
	height: 137px;
	width: 195px;
	position:relative;
	top: 5px;
	left: 15px;
	color: #0e386c;
	font-size:18px;
}
#rightcolumn {
	color: #636161;
	width: 221px;
	min-height:288px;
	float: right;
	text-shadow: 1px 1px 1px #fff;
}
#rightcolumn h2 {
	color: #0e386c;
	font-size:18px;
	padding: 0px 0px 0px 5px;
	text-transform:uppercase;
}
#rightcolumn h3 {
	color: #0e386c;
	font-size:12px;
	font-weight:bold;
	padding:2px 0px 0px 13px;
	text-align:left;
}
#rightcolumn p {
	padding: 5px 20px 10px 13px;
	line-height:1.5;
}
#rightcolumn p a {
	color: #0e386c;
	font-weight:bold;
	text-decoration:none;
}
#rightcolumn p a:hover {
	color: #0e386c;
	font-weight:bold;
	border-bottom: 1px solid #0e386c;
}
#rightcolumn img {
	height: 155px;
	width: 153px;
	position:relative;
	top: 0px;
	left: 25px;
	color: #0e386c;
	font-size:18px;
}
/* =Footer
----------------------------------------------- */
#footer {
	clear: both;
	height: 120px;
	background: #e7e7e7 url('../images/layout/footer-top-bg.gif') no-repeat;
	position: relative;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 40px;
}
#footer address {
	position: absolute;
	left: 20px;
	top: 15px;
	color: #2e5f88;
	text-shadow: 1px 1px 1px #fff;
}
#footer address strong {
	color: #2e5f88;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
#footer p.contact-info {
	color: #2e5f88;
	position: absolute;
	top: 15px;
	left: 235px;
	text-shadow: 1px 1px 1px #fff;
}
#footer p.contact-info span {
	color: #6dd8e7;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
#footer p.contact-info a {
	text-decoration: none;
	font-weight: bold;
	color: #2e5f88;
	text-shadow: 1px 1px 1px #fff;
}
#footer p.contact-info a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #6dd8e7;
	text-shadow: 1px 1px 1px #fff;
}
#footer p.copyright {
	position: absolute;
	left: 20px;
	top: 90px;
	color: #636161;
	text-shadow: 1px 1px 1px #fff;
}
#footer p.site-by {
	position: absolute;
	top: 70px;
	right: 20px;
	color: #636161;
	text-align:right;
	text-shadow: 1px 1px 1px #fff;
}
#footer p.site-by a {
	color: #969696;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
#footer p.site-by a:hover {
	color: #2e5f88;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
#footer p.birdie {
	color: #fff;
	text-decoration: none;
	margin: 0 auto;
	height: 30px;
	text-indent: 40px;
	position: absolute;
	left: 0px;
	top: 125px;
	background: url('../images/layout/birdie-twitter.png') left no-repeat;
	text-shadow: 1px 1px 1px #000;
}
#footer p.birdie a {
	text-decoration: none;
	font-weight: bold;
	color: #6dd8e7;
}
#footer p.birdie a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #6dd8e7;
}
#footer-bottom {
	height: 5px;
	width: 960px;
	background: #e7e7e7 url('../images/layout/footer-bg-bottom.gif')top no-repeat;
	position: absolute;
	bottom: 0px;
	z-index:20001;
	font-size: 12px;
}
/* =Social
----------------------------------------------- */
	#social {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 85px;
}
#social li {
	display: block!important;
}
#social li a {
	display:block;
	float: left!important;
	
	height: 22px;
	text-indent: -5000px;
	background: #e7e7e7;
}
#social li.nav-item-1 a {
	background: #e7e7e7 url('../images/nav/facebook.png') no-repeat;
	width: 82px;
	margin-right: 0px;
	margin-bottom:5px;
}
#social li.nav-item-2 a {
	background: #e7e7e7 url('../images/nav/linkedin.png') no-repeat;
	width: 81px;
}
#social li a:hover, #social li a.current-page {
	background-position: right;
}
.clear {
	clear:both;
	padding:0;
	margin:0;
}
.item {
	padding: 0px 25px 0px 20px;
	width:228px;
	height: 220px;
	float:left;
	background: url('../images/layout/itembg.png') center no-repeat;
}
.item img {
	border:2px solid #6dd8e7;
	padding:1px;
	background:#fff;
}
.item img a {
	border:2px solid #6dd8e7;
	padding:1px;
	background:#fff;
}
.item img a:hover {
	border:none;
	padding:1px;
	background:#fff;
}
.item h2 {
	font-size:12px;
	margin:5px 0 10px 0;
	padding:0;
	text-align:center;
}
.item h2 a {
	color:#2e5f88;
	text-decoration:none;
}
.item h2 a:hover {
	color:#000;
	text-decoration:none;
}
.item p {
	margin:10px 0 4px 0;
	color: #3eb3e4;
	font-weight:bold;
	font-size:10px;
	border-top: 1px solid #6dd8e7;
	border-bottom: 1px solid #6dd8e7;
	padding: 8px 0;
}
.item2 {
	padding-left: 20px;
	padding-right: 25px;
	width:183px;
	float:left;
	background: url('../images/layout/itembg.png') center no-repeat;
}
.item2 img {
	border:2px solid #6dd8e7;
	padding:1px;
	background:#fff;
}
.item2 img a {
	border:2px solid #6dd8e7;
	padding:1px;
	background:#fff;
}
.item2 img a:hover {
	border:none;
	padding:1px;
	background:#fff;
}
.item2 h2 {
	font-size:12px;
	margin:5px 0 10px 0;
	padding:0;
	text-align:center;
}
.item2 h2 a {
	color:#2e5f88;
	text-decoration:none;
}
.item2 h2 a:hover {
	color:#000;
	text-decoration:none;
}
.item2 p {
	margin:10px 0 4px 0;
	color: #3eb3e4;
	font-weight:bold;
	font-size:10px;
	border-top: 1px solid #6dd8e7;
	border-bottom: 1px solid #6dd8e7;
	padding: 8px 0;
}
.details {
	width: 550px;
	position: relative;
}
.details p img {
	margin: 15px 0;
	border: 5px solid #addced;
}
.objavljeno {
	position: absolute;
	left: 850px;
	top: 486px;
	color: #2e5f88;
	width: 300px;
	margin: 15px 0;
	border: 5px solid #addced;
}
.details2 {
	background: url('../images/layout/itemZoombg.png') no-repeat;
}
.details h2 {
	font-size:16px;
	padding:15px 0 0 0;
	font-weight:bold;
}
.page-line {
	position: relative;
	bottom: 0px;
	left: 0px;
	background: url('../images/layout/paginacija_bg.jpg') repeat-x;
	height: 25px;
	width:  920px;
	margin: 0px;
	border: 1px solid #999999;
}
.navbottom {
	background:#fff;
	height:5px;
	margin:0px 0 10px 0;
}
.Nav {
	margin:0px;
	padding:6px 10px 0px 10px;
	color:#838383;
	text-shadow: 1px 1px 1px #fff;
}
.Nav a {
	color:#838383;
	font-size:12px;
	margin:0 5px 0 0;
	text-decoration:none;
}
.Nav a:hover {
	color:#0066cb;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.Nav .on {
	color:#0066cb;
	font-size:12px;
	font-weight: bold;
	padding: 0px 3px;
	border: 1px solid #0066cb;
}
.Nav span {
	padding:0px 5px 4px 5px;
	border:none;
	font-size:12px;
	margin:0 5px 0 0;
}
.Nav strong {
	padding:0px 5px 4px 5px;
	border:none;
	font-size:12px;
	margin:0 5px 0 0;
}
dl {
	font:normal 12px/15px Arial;
	position: relative;
	width: 448px;
}
dt {
	clear: both;
	float:left;
	width: 150px;
	padding: 4px 0 2px 0;
	text-align: left;
}
.domena {
	display: block;
	width: 99px;
	height:14px;
	text-indent: -5000px;
	font-size: 14px;
	color: #351D1C;
	padding-bottom: 20px;
	margin-bottom: 30px;
	background: url('../images/layout/webmail-vasa-domena-bg.gif') no-repeat;
}
.username {
	display: block;
	width: 105px;
	height:14px;
	text-indent: -5000px;
	font-size: 14px;
	color: #351D1C;
	padding-bottom: 20px;
	margin-bottom: 30px;
	background: url('../images/layout/webmail-korisnicko-bg.gif') no-repeat;
}
.lozinka {
	display: block;
	width: 58px;
	height:14px;
	text-indent: -5000px;
	font-size: 14px;
	color: #351D1C;
	margin-bottom: 30px;
	background: url('../images/layout/webmail-lozinka-bg.gif') no-repeat;
}
dd {
	float: left;
	width: 200px;
	margin: 0 0 8px 0;
	padding-left: 6px;
}
/* =pristup-webmailu
----------------------------------------------- */
	#pristup-webmailu {
	position: relative;
	top: 33px;
	left: 120px;
	width:205px;
}
#pristup-webmailu li input {
	display: inline;
}
#pristup-webmailu li input a {
	display:block;
	float: left;
	height: 45px;
	text-indent: -5000px;
	background: #30638e;
}
#pristup-webmailu li input.pristupi a {
	background: #30638e url('../images/nav/webmail-submit.png') no-repeat;
	width: 205px;
}
#pristup-webmailu li input a:hover, #pristup-webmailu li input a.current-page {
	background-position: right;
}

.hint {
	display: none;
	position: absolute;
	right: -520px;
	width: 400px;
	margin-top: -10px;
	border: 1px solid #c93;
	padding: 10px;
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}
.hint .hint-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(pointer.gif) left top no-repeat;
}

/* =Kontakt forma
----------------------------------------------- */


#containerRezervacija {
	float: left;
	width: 400px;
}

#containerRezervacija p{
	margin-right: 25px;
	margin-top: 10px;
}

#containerRezervacija h2.kontakt {
	margin: 0;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 203px 10px 0px; 
	background:url('../images/layout/legend-bg.gif') left no-repeat;
	text-indent:-5000px;
	width: 203px;
	height:26px;
}

.button {
	border: none;
	position: relative;
	top: -15px;
	left: 310px;
	background: url('../images/nav/posalji-kontakt-button.gif') bottom right no-repeat;
	width: 55px;
	height: 18px;
	text-indent:-5000px;
	cursor: pointer;
	font-size:1px;
	color: #6dd8e7;
}

/*

#containerRezervacija ul li {
	list-style: none;
	font-size: 12px;
	
#containerRezervacija fieldset {
	width: 389px;
	margin: 0;
	padding: 15px 10px 15px 0px;
}
#containerRezervacija fieldset li {
	margin-bottom: 12px;
}
#containerRezervacija h2.kontakt {
	margin: 0;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 203px 10px 0px; 
	background:url('../images/layout/legend-bg.gif') left no-repeat;
	text-indent:-5000px;
	width: 203px;
	height:26px;
}
#containerRezervacija label {
display: block;
	font-size: 12px;
	color: #2e5f88;
	text-indent: 3px;
	margin-bottom: 5px;
	font-weight: bold;
}
#containerRezervacija label span {
	color: #FF0000;
}
#containerRezervacija .input-text {
	width: 360px;
	border: 1px solid #351D1C;
	background: #ebf2f5;
	font-size: 12px;
	padding: 3px;
		color: #636161;
}
#containerRezervacija .input-text:hover {
border: 1px solid #6dd8e7;
	background: #eee;
}
#containerRezervacija .input-text.custom {
	width: 360px;
}
#containerRezervacija select {
	width: 360px;
	padding: 3px;
	border: 1px solid #ccdde6;
	background: #ebf2f5;
	font-size: 12px;
	color: #351D1C;
	font-weight: bold;
}
#containerRezervacija select {
	width: 368px;
	border: 1px solid #351D1C;
	background: #ebf2f5;
	font-size: 12px;
	padding: 3px;
}
#containerRezervacija select:hover {
	border: 1px solid red;
	background: #eee;
}
#containerRezervacija .input-radio, .input-checkbox {
	vertical-align: middle;
}
#containerRezervacija .input-button {
	background: url('../images/nav/posalji-kontakt-button.gif') bottom left no-repeat;
	width: 65px;
	height: 18px;
	border: none;
	cursor: pointer;
	text-indent:-5000px;
	margin: 22px 330px 10px 0px;
}
.button {
	border: none;
	position: relative;
	top: -15px;
	left: 310px;
	background: url('../images/nav/posalji-kontakt-button.gif') bottom right no-repeat;
	width: 55px;
	height: 18px;
	text-indent:-5000px;
	cursor: pointer;
	font-size:1px;
	color: #6dd8e7;
}*/
/* =Projektni-upitnik-forma
----------------------------------------------- */	

#projektni-upitnik-forma ul li {
	list-style: none;
	font-size: 12px;
}

#projektni-upitnik-forma {
	float: left;
	width: 400px;
}

#projektni-upitnik-forma p{
	margin-right: 25px;
	margin-top: 10px;
}

#projektni-upitnik-forma legend {
	margin: -10px 0px;
	padding: 22px 203px 10px 0px;
	background:url('http://www.sitestudio.hr/wp-content/themes/sitestudio.hr/images/layout/projektni-upitnik-h2.png') left no-repeat;
	text-indent:-5000px;
	width: 196px;
	height:37px;
}

#projektni-upitnik-forma fieldset {
	width: 389px;
	margin: 0;
	padding: 22px 10px 15px 0px;
}
#projektni-upitnik-forma fieldset li {
	margin: 12px 0px;
}

/*
#projektni-upitnik-forma ul li {
	list-style: none;
	font-size: 12px;
}
#projektni-upitnik-forma {
	float: left;
	width: 400px;
}
#projektni-upitnik-forma fieldset {
	width: 389px;
	margin: 0;
	padding: 22px 10px 15px 0px;
}
#projektni-upitnik-forma fieldset li {
	margin: 12px 0px;
}
#projektni-upitnik-forma legend {
	margin: -10px 0px;
	padding: 22px 203px 10px 0px;
	background:url('../images/layout/projektni-upitnik-h2.png')left no-repeat;
	text-indent:-5000px;
	width: 196px;
	height:37px;
}
#projektni-upitnik-forma label {
	display: block;
	font-size: 12px;
	color: #2e5f88;
	text-indent: 3px;
	margin-bottom: 5px;
	font-weight: bold;
}
#projektni-upitnik-forma label span {
	color: #FF0000;
}
#projektni-upitnik-forma .input-text {
	width: 360px;
	border: 1px solid #351D1C;
	background: #ebf2f5;
	font-size: 12px;
	padding: 3px;
	color: #636161;
}
#projektni-upitnik-forma .input-text:hover {
	border: 1px solid #6dd8e7;
	background: #eee;
}
#projektni-upitnik-forma .input-text.custom {
	width: 360px;
}
#projektni-upitnik-forma select {
	width: 360px;
	padding: 3px;
	border: 1px solid #ccdde6;
	background: #ebf2f5;
	font-size: 12px;
	color: #636161;
}
#projektni-upitnik-forma select {
	width: 368px;
	border: 1px solid #351D1C;
	background: #ebf2f5;
	font-size: 12px;
	padding: 3px;
}
#projektni-upitnik-forma select:hover {
	border: 1px solid #6dd8e7;
	background: #eee;
}
#projektni-upitnik-forma .input-radio, .input-checkbox {
	vertical-align: middle;
}
#projektni-upitnik-forma .input-button {
	background: url('../images/nav/posalji-kontakt-button.gif') bottom left no-repeat;
	width: 65px;
	height: 18px;
	border: none;
	cursor: pointer;
	text-indent:-5000px;
	margin: 22px 330px 10px 0px;
}
.buttonUpitnik {
	border: none;
	position: relative;
	top: -15px;
	left: 155px;
	background: url('../images/nav/posalji-zahtjev-button.png') bottom right no-repeat;
	width: 214px;
	height: 19px;
	text-indent:-5000px;
	cursor: pointer;
}
.webmailLegend {
	margin: -10px 0px;
	padding: 22px 203px 10px 0px; 
	background:url('../images/layout/pristup-webmailu-h2.png')left no-repeat;
	text-indent:-5000px;
	width: 203px;
	height:37px;
}
*/
/* =webmail-pristup
----------------------------------------------- */	
#webmail-pristup ul li {
	list-style: none;
	font-size: 12px;
}
#webmail-pristup {
	float: left;
	width: 400px;
}

#webmail-pristup h2.pristup {

	margin-top: 0px;
	padding: 0px 203px 10px 0px; 
	background:url('../images/layout/pristup-webmailu-h2.png') left top no-repeat;
	text-indent:-5000px;
	width: 203px;
	height:37px;

}

#webmail-pristup fieldset {
	width: 389px;
	margin: 0;
	padding: 10px 10px 15px 0px;
}
#webmail-pristup fieldset li {
	margin: 12px 0px;
}
#webmail-pristup legend {
	margin-top: 0px;
	padding: 12px 203px 10px 0px; 
	background:url('../images/layout/pristup-webmailu-h2.png') left top no-repeat;
	text-indent:-5000px;
	width: 203px;
	height:37px;
}
#webmail-pristup label {
	display: block;
	font-size: 12px;
	color: #2e5f88;
	text-indent: 3px;
	margin-bottom: 5px;
	font-weight: bold;
}
#webmail-pristup label span {
	color: #FF0000;
}
#webmail-pristup .input-text {
	width: 360px;
	border: 1px solid #351D1C;
	background: #ebf2f5;
	font-size: 12px;
	padding: 3px;
	color: #636161;
}
#webmail-pristup .input-text:hover {
	border: 1px solid #6dd8e7;
	background: #eee;
}
#webmail-pristup .input-text.custom {
	width: 360px;
}
#webmail-pristup select {
	width: 360px;
	padding: 3px;
	border: 1px solid #ccdde6;
	background: #ebf2f5;
	font-size: 12px;
	color: #636161;
}
#webmail-pristup select {
	width: 368px;
	border: 1px solid #351D1C;
	background: #ebf2f5;
	font-size: 12px;
	padding: 3px;
}
#webmail-pristup select:hover {
	border: 1px solid #6dd8e7;
	background: #eee;
}
#webmail-pristup .input-radio, .input-checkbox {
	vertical-align: middle;
}
#webmail-pristup .input-button {
	background: url('../images/nav/posalji-kontakt-button.gif') bottom left no-repeat;
	width: 65px;
	height: 18px;
	border: none;
	cursor: pointer;
	text-indent:-5000px;
	margin: 22px 330px 10px 0px;
}
.buttonUpitnik {
	border: none;
	position: relative;
	top: -15px;
	left: 155px;
	background: url('../images/nav/posalji-zahtjev-button.png') bottom right no-repeat;
	width: 214px;
	height: 19px;
	text-indent:-5000px;
	cursor: pointer;
}




.webmailLegend {
	margin: -10px 0px;
	padding: 22px 203px 10px 0px; 
	background:url('../images/layout/pristup-webmailu-h2.png')left no-repeat;
	text-indent:-5000px;
	width: 203px;
	height:37px;
}