/*****Basic Elements*****/  

body {
	background: #e1e1e1 url(../images/top_light.jpg) no-repeat 40% 0%;
	text-align: center;
	line-height: 1.6;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #616161;
	padding-top: 30px;
}
	
h1, h2, h3, h4, h5, h6 {
	color: #3d3d3d;
	font-weight: normal;
	font-family: Georgia, serif;
}

h1 {
	font-size: 30px;
	margin-bottom: 30px;
}

h2 {
	font-size: 26px;
	margin-bottom: 15px;
}

h3 {
	font-size: 22px;
	margin-bottom: 12px;
	margin-top: 18px;
}

h4 {
	font-size: 16px;
	margin-bottom: 11px;
}

h5 {
	font-size: 14px;
	margin-bottom: 10px;
}

h6 {
	font-size: 13px;
	margin-bottom: 2px;
	margin-left:20px;
}

a {
	text-decoration: none;
	color: #3a97ca;
}

a:hover {
	text-decoration: underline;	
}

p, pre {
	margin-bottom: 10px;
}

strong {
	color: #333131;
	font-weight: bold;
}

ol {
	list-style-type: decimal;
}

ul {
	list-style-type: disc;
}

ul.cool-li {
	list-style-type: none;
	margin-bottom: 12px;
}

ul.cool-li li {
	padding: 0px 0px 0px 15px;
	background: url(../images/list-item.gif) no-repeat 0px 8px;
}

em, dfn {
	font-style: italic;
}

abbr,acronym {
	color: #353535;
	border-bottom: 1px dashed #868585;
}

dfn, dt {
	color: #353535;
}

dd {
	margin: 0px 0px 0px 10px;
}

div.hr {
	border-top: 1px solid #e9eced;
	height: 1px;
	width: 100%;
	margin: 10px 0px;
	clear: both;
} /* use this div with a class "hr" instead of the standart hr element */

fieldset {
	border: 3px solid #eeeeee;
	padding: 10px;
}

legend {
	font-size: 14px;
	color: #a1a0a0;
	font-weight: bold;
}

fieldset label {
	display: block;
	font-size: 13px;
}

fieldset input, fieldset textarea {
	background: #F1F1F1;
	border:1px solid #E2E2E2;
	padding:3px;	
	color:#4C4C4C;
}

blockquote span {
	color: #77868b;
	font-weight: bold;
}

p.author {
	color: #437181;
	font-weight: bold;
}

p.author em {
	font-weight: normal;
	color: #616161;
}

/*****Generic Classes*****/ 

.minmargin {
	margin-bottom: 1px;
}

.nomargin {
	margin-bottom: 0px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.clearfix {
	clear: both; 
}

/*****Basic Layout*****/  

/** Header **/

	/** Search **/

#search {
	background:transparent url(../images/search.gif) no-repeat scroll 0 0;
	height:30px;
	position:absolute;
	right:0;
	top:14px;
	width:224px;
}

#search fieldset {
	border: 0px;
	padding:6px 3px 0 8px;
	overflow: hidden;
}

#search fieldset input {
	color:#4C4C4C;
	border: 0px;
	background: none;
	padding: 0px;
}

#search fieldset input#search-field {
	width:142px;
	font-size: 13px;
	color: #8b8a8a;
	float: left;
}

#search fieldset input#search-button {
	cursor:pointer;
	float:left;
	margin-left:4px;
	margin-top:-5px;
	padding-bottom:11px;
	text-indent:-9999px;
	width:61px;
}

/** Logo **/

#header h1 {
	width: 172px;
	height: 53px;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	margin: 0px;
}

#header h1 a {
	cursor:pointer;
	display:block;
	width: 172px;
	height: 53px;
}

/*** Main Menu ***/

ul.sf-menu {
	list-style-type:none;
	padding: 0px 0px 0px 35px;
	z-index: 2;
	position: relative;
	/* overflow: hidden; */
}

ul.sf-menu > li {
	float: left;
	border-bottom: none;
	background: none;
}

ul.sf-menu > li.top > a {
	font-size: 14px;
	display: block;
	padding:17px 14px;
	color: #6f6f6f;
}

ul.sf-menu > li.top.active  > a, ul.sf-menu > li  > a:hover {
	background: url(../images/active_menu_bg.gif) repeat-x top left;
	text-decoration: none;
}

ul.sf-menu > li.top.active{
	margin:0 5px;
}

ul.sf-menu > li.top.active  > a, ul.sf-menu > li > a:hover {
	color: #dedede;
}

ul.sf-menu a:hover {
	color:#585554;
}

/*** Content ***/

#content .container {
	padding: 0px 10px 0px 10px;
}

#main {
	background: url(../images/main_bg.gif) repeat-y top left;
}

#main-bottom {
	background: url(../images/content_bottom.gif) no-repeat top left;
	width: 960px;
	height: 16px;
}

#main_content {
	float: left; 
	width: 530px;
	padding: 0px 0px 0px 30px;
}

#content {
	padding: 33px 0px;
}

/*** Sidebar ***/

#sidebar {
	float: right; 
	width: 340px;
}

#main  {padding: 25px 0px;}

div.block {
	background: #f5f5f5 url(../images/block-top.gif) no-repeat top left;
	position: relative;
	border: 1px solid #e0e0e0;
	margin-bottom:30px;
}

div.block.last {margin-bottom:0px;}

div.ui-tabs-panel {
	padding: 20px 30px 10px 12px;
}

div.corner {
	background: url(../images/corner.gif) no-repeat;
	position: absolute;
	top: -1px;
	right: -5px;
	width: 5px;
	height: 41px;
}

div.block a {
	color: #5e5e5e;
}

div.block div ul li a {display: block;}

div.block a:hover, div#vijesti ul li a:hover, a#vijesti-link:hover {
	color: #3a97ca;
}

div.block ul {list-style-type: none;}

/*
 * div.block div#pitanja img{
	border: 2px solid #e8e8e8;
	float: left;
	margin: 0px 10px 0px 0px;
}
*/

div.block div#pitanja ul li, div#vijesti ul li {
	overflow: hidden;
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.block div#pitanja ul li:last-child {
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom: none;
}

div.block div#pitanja ul li span {
	color: #bababa;
	font-style: italic;
}

div#vijesti {overflow: hidden;}

div#vijesti ul li a,div#pitanja ul li a {color: #bababa;}

a#vijesti-link {text-transform: uppercase; color: #c2c2c2; float:right;}

.block ul.tabs, .block h3 {
	overflow: hidden;
	padding: 4px 5px 3px 10px;
}

.block ul.tabs > li {
	display: inline;
	margin-right: 10px;
}

.block ul.tabs > li.last {
	margin-right: 0px;
}

.block ul.tabs > li a  {
	color: #8f8f8f;
	text-decoration: none;
}

.block ul.tabs > li a:hover {color: #212121;} 

.block ul.tabs > li.ui-tabs-selected a, .block h3, .block ul.tabs > li.ui-tabs-selected a:hover {
	color: #3d3d3d;
}

.block ul.tabs > li > a, .block h3 {
	font-size: 14px;
	font-family: Georgia, serif;
}

.block h3 {margin: 0px;}

.block .ui-tabs-hide {display:none;}

div#categories ul li, div#archives ul li {margin-bottom: 5px;}

/*** Footer ***/

#footer {
	clear: both;
	padding: 0px 0px 25px;
	color: #aeb3b6;
	margin-top: -10px;
}

#footer p#bottom-menu {
	float: left;
}

#footer p#bottom-menu a, h6 {
	color: #aeb3b6;
}

#footer p#bottom-menu a.active, #footer p#bottom-menu a:hover {
	color: #82888c;
	text-decoration: none;
}

#footer h6 {
	float: right;
	font-family: Arial, sans-serif;
}

#footer  strong {
	color: #84888a;
	font-weight: normal;
}

/***** Home Page ****/

/** Featured Area **/

#featured_area, #pagename {
	height: 354px;
	overflow: hidden;
	position: relative;
	margin:35px 0 0;
}

#pagename {
	height: 228px;
}

#featured_area .container {
	background:transparent url(../images/featured_bg.jpg) no-repeat scroll center top;
	height:354px;
	width:980px;
}

#pagename .container {
	background:transparent url(../images/page_top.jpg) no-repeat scroll center top;
	height:228px;
	width:980px;
}

div#inner {
	clear: left;
	padding: 40px 60px 0px;
	z-index: 1;
	/* position: relative; */
}

#pagename div#inner {padding-top: 27px;}

#pagename div#inner h2 {margin-bottom: 10px;}

#featured_area .description {
	float: left;
	width: 455px;
	height: 152px;
	font-family: Georgia, serif;
	padding-top:27px;
}

#featured_area .description h2, #pagename h2 {
	font-size: 36px;
	color: #f5f5f5;
	margin-bottom: 15px;
	letter-spacing: -1px;
}

#featured_area .description p, #pagename p {
	font-size: 27px;
	color: #b2cedf;
	line-height:34px;
}

#pagename p {font-family: Georgia, serif;}

#featured_area .description p span {
	color: #f1f1f1;
}

#featured_area .description a.learn_more {
	font-size: 11px;
	text-transform: uppercase;
}

#featured_area .photo {
	margin-top: -5px;
	float: left;
	position: relative;
	padding-left:40px;
}

#featured_area .photo img {

}

#featured_area .slide {
	overflow: hidden;
}


a.jFlowPrev, a.jFlowNext {
	display: block;
	width: 19px;
	height: 21px;
	position: absolute;
	bottom: 152px;
	text-indent: -9999px;
	cursor: pointer;
}

a.jFlowPrev {
	background: url(../images/left-arrow-trans.png) no-repeat;
	left: 1px;
}

a.jFlowNext {
	background: url(../images/right-arrow-trans.png) no-repeat;
	right: 3px;
}

div#myController {
	display: none;
}

/** Page Name **/



/** Home Page Content **/

#main-top {
	width: 960px;
	height: 20px;
	background: url(../images/content_top.gif) no-repeat top left;
}

p#welcome {
	color: #737373;
	font-size: 16px;
	margin-bottom: 30px;
}

body#home #content h2 {
	margin-bottom: 15px;
}

body#home #main_content h3 {
	margin-bottom: 20px;
}

div.service.first {
	margin-top: 20px;
}

div.service {
	overflow: hidden;
	margin: 0px 0px 7px;
}

div.service img {
	float:left;
	margin: 7px 10px 0px 0px;
}

div.service p {
	font-size: 13px;
	font-weight: normal;
}

div#buttons {
	margin-top: 60px;
	overflow: hidden;
}

a.button_services, a.button_tour {
	color: #ffffff;
	/* font-weight: bold; */
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	height:34px;
	float: left;
}

a.button_services {
	background: url(../images/services_bg.jpg) no-repeat;
	padding:12px 0 0 20px;
	width:161px;
	margin-right: 30px;
}

a.button_tour {
	background: url(../images/tour_bg.jpg) no-repeat;
	padding:12px 0 0 41px;
	width:140px;
}

/** Services Page **/

ul#latest_blog {
	list-style-type: none;
}

/** Portfolio Page **/



ul#categories {
	list-style-type: none;
}

ul#categories li {
	margin-bottom: 11px;
}


/** Post **/

.post, .service-desc {
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e9eced;
}

.post.last, .service-desc.last {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}

.post h2 {
	margin-bottom: 0px;
}

.post h2 a {
	color: #4B4745;
}

div.post-meta {
	font-size: 12px;
	color: #9eaab9;
	margin-bottom: 22px;
	font-style: italic;
}

div.post-meta a.category {
	color: #ccdbe4;
}

div.post-meta a.category:hover {
	color: #8ca5b4;
}

div.post-meta em {
	font-family: Palatino Linotype, Georgia, serif;
	font-size: 14px;
}

.post img {
	border: 3px solid #e4e3e3;
	float: right;
	margin: 0px 0px 0px 20px;
}

a.button {
	text-transform: uppercase;
	color: #fbfbfb;
	background: #91567f;
	padding: 5px 10px;
	display: inline-block;
	font-size: 11px;
}

a.button:hover {
	text-decoration: none;
	background: #658294;
}

.post a.button {
	margin-top: 14px;
	float: right;
}

#pagination  {
	overflow: hidden;
	margin-bottom: 20px;
}

#pagination a {
	font-size: 11px;
	text-transform: uppercase;
}

.service-desc img {float: left; margin:7px 15px 2px 0;}

.service-desc h2 {margin-bottom: 5px;}

/** Blog **/

p.in_category {
	font-style: italic;
	color: #616161;
	margin-top: 1px;
	padding: 0px 0px 5px;
}

p.in_category  a{
	color: #8dadc7;
}


/** Contact Page **/

p#tip {
	font-weight: bold;
	font-size: 13px;
}

/** Contact us Form **/

p#kontaktForma_paragraph {
	color: #636363;
	font-size: 15px;
}

#kontaktForma {
/*	width: 460px; */
	margin: 25px 0px 0px;
}

p.label_name, p.input_form {
	float: left;
}

p.label_name {
	width: 80px;
	clear: both;
	color: #5e5e5e;
	font-size: 14px;
}

#kontaktForma input, #kontaktForma textarea {
	width: 438px;
	background: #f3f3f3;
	border: 1px solid #C0BEBE;
	font-size: 13px;
	padding: 4px;
	margin-bottom: 15px;
	color: #797676;
}

#kontaktForma input.button {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 14px;
	background: url(../images/send.gif) no-repeat;
	padding: 5px 10px;
	display: inline-block;
	width: 103px;
	border: 0px;
	cursor: pointer;
	height:36px;
	padding:8px 10px 28px;
}

div#feedback {
	margin-top: 20px;
}

p.error {
	display: none;
	padding: 5px 0px;
	color: #8dadc7;
	font-weight: bold;
}

p#submit {text-align:right;}

p#success
{
padding: 3px 10px;
background: #92FFA5;
border: 2px solid #009218;
color: #009218;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}

p#bademail, p#badserver
{
padding: 3px 10px;
background: #FFA3A1;
border: 2px solid #D00D00;
color: #D00D00;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.lead {
	font-style:italic;
}
blockquote {
margin: 1em 2em;
border-left: 2px solid #999;
padding-left: 1em;
font-style:italic;
}
.bigimg {
	margin-left:10px;
	padding-right:10px;
	
}
.intro {
	font-weight:bold;
}
.thumbimg{
	padding-top:5px;
	padding-right:10px;
}