/*
                                                 
-> Project: Sofistica                               
-> Author: Zdenko Horjan
-> Copyright (c) 2010: Dobbin / www.dobbin.hr
                   							                         
*/


/* CLEARING METHODS
----------------------------------------------------------------------------*/

	.clearfix:after { 
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0; 
		height: 0; 
		}
	
	.clearfix {
		display: inline-block; 
		}
	
	html[xmlns] .clearfix {
		display: block; 
		}
	
	* html .clearfix {
		height: 1%; 
		}
	
	.clear {
		clear: both; 
		}
		
		
/* RESET & NORMALIZE
----------------------------------------------------------------------------*/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		}

	:focus {
		outline: 0;
		}

	ol, ul {
		list-style: none;
		}
		
	a {
		outline: none;
		}

	.hidden {
		display: none;
		}

		
		
/* HTML & BODY
----------------------------------------------------------------------------*/

	html {
		background-color: #525252;
		}

	body {
		font: 62.5%/1.6 Verdana, Tahoma, Helvetica, sans-serif;
		background: #cecece url("../images/bg.gif");
		text-align: center;
		}
		
	form {
		background: url("../images/bg_header.gif") top repeat-x;
		}
		
		
/* CONTAINER
----------------------------------------------------------------------------*/

	#container {
		width: 960px;
		margin: 0px auto;
		text-align: left;
		}
		
		
/* HEADER
----------------------------------------------------------------------------*/

	#header {
		width: 960px;
		height: 143px;
		margin-bottom: 15px;
		background: url("../images/bg_header.jpg") top no-repeat;
	}

	#header #logo {
		text-indent: -9999px;
		width: 285px;
		height: 143px;
		background-image: url("../images/logo_sofistica.png");
		float: left;
		}
		
/* HEADER - CONTACT
----------------------------------------------------------------------------*/

	#header .contact {
		font: normal 1em/145% Verdana, Tahoma, Helvetica, sans-serif;
		color: #fff;
		height: 43px;
		padding-top: 30px;
		float: right;
		}

	#header .contact span {
		margin-left: 10px;
		}

	#header .contact .title {
		font-weight: bold;
		}

	#header .contact a {
		color: #e65b12;
		text-decoration: none;
		}

	#header .contact a:hover, #header .contact a:active {
		text-decoration: underline;
		}

/* FOOTER
----------------------------------------------------------------------------*/

	#footer {
		background: url("../images/bg_footer.gif") bottom repeat-x;
		text-align: center;
		height: 108px;
		}

	#container-footer {
		margin: 0px auto;
		width: 960px;
		text-align: left;
		}

	#footer .copyright {
		font: normal 1em/145% Verdana, Tahoma, Helvetica, sans-serif;
		color: #b8b8b8;
		}

	#footer .copyright a {
		color: #b8b8b8;
		text-decoration: none;
		font-weight: bold;
		}

	#footer .copyright a:hover, #footer .copyright a:active {
		text-decoration: underline;
		}

/* FOOTER CONTACT
----------------------------------------------------------------------------*/

	#footer .contact {
		font: normal 1em/145% Verdana, Tahoma, Helvetica, sans-serif;
		color: #b8b8b8;
		float: right;
		}

	#footer .contact span {
		margin-left: 10px;
		}

	#footer .contact .title {
		font-weight: bold;
		}

	#footer .contact a {
		color: #ff894b;
		text-decoration: none;
		}

	#footer .contact a:hover, #footer .contact a:active {
		text-decoration: underline;
		}
		
		
/* NAVIGATION - MAIN
----------------------------------------------------------------------------*/

	#navigation-main {
		float: right;
		}

	#navigation-main ul {
		width: 612px;
		height: 53px;
		background: url("../images/bg_menu_top.png") bottom left no-repeat;
		}

	#navigation-main ul li {
		float: left;
		width: auto;
		font: bold 1.3em/145% Verdana, Tahoma, Helvetica, sans-serif;
		text-transform: uppercase;
		margin-right: 1px;
		position: relative;
		top: 1px;
		left: 7px;
		}
		
	#navigation-main ul li a {
		text-decoration: none;
		display: block;
		padding: 20px 20px 5px 20px;
		color: #fff;
		}
		
	#navigation-main ul li a:hover, #navigation-main ul li a.active {
		background: #e3580f url("../images/main_nav_item_bg.gif") top left repeat-x;
		border: 1px solid #e3580f;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px; 
		padding: 19px 19px 4px 19px;
		}


/* NAVIGATION - BOTTOM
----------------------------------------------------------------------------*/

	#navigation-bottom {
		height: 45px;
		margin-bottom: 25px;
		}

	#navigation-bottom ul {
		float: right;
		width: 612px;
		height: 53px;
		background: url("../images/bg_menu_bottom.gif") bottom left no-repeat;
		}

	#navigation-bottom ul li {
		float: left;
		width: auto;
		font: bold 1.3em/145% Verdana, Tahoma, Helvetica, sans-serif;
		text-transform: uppercase;
		margin-right: 1px;
		position: relative;
		top: 1px;
		left: 7px;
		}
		
	#navigation-bottom ul li a {
		text-decoration: none;
		display: block;
		padding: 20px 20px 5px 20px;
		color: #fff;
		}
		
	#navigation-bottom ul li a:hover, #navigation-bottom ul li a.active {
		background: #e3580f url("../images/main_nav_item_bg.gif") top left repeat-x;
		border: 1px solid #e3580f;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px; 
		padding: 19px 19px 4px 19px;
		}
		
/* HEAD
----------------------------------------------------------------------------*/

	#head {
		width: 440px;
		height: 117px;
		background-color: #f8f8f8;
		background-position: top center;
		background-repeat: no-repeat;
		margin-bottom: 14px;
		padding: 90px 490px 10px 30px;
		}
		
	.head-naslovnica { background-image: url("../images/headers/naslovnica.jpg"); }
	.head-onama      { background-image: url("../images/headers/onama.jpg"); }
	.head-dynamics   { background-image: url("../images/headers/dynamics.jpg"); }
	.head-usluge     { background-image: url("../images/headers/usluge.jpg"); }

	#head h2 {
		display: none;
		}
		
	#head p {
		font: normal 1.2em/165% Verdana, Tahoma, Helvetica, sans-serif;
		color: #818080;
		}


/* COLUMN LEFT
----------------------------------------------------------------------------*/

	#columnLeft {
		width: 285px;
		margin-right: 10px;
		float: left;
		}

	#columnLeft h5 {
		font: normal 1.3em/145% Arial, Verdana, Tahoma, Helvetica, sans-serif;
		font-weight: bold;
		color: #fff;
		background: #000 url("../images/bg_block_title.png") top left no-repeat;
		width: 230px;
		padding: 8px 40px 7px 15px;
		margin-bottom: 20px;
		}

	#columnLeft .block-logos {
		width: 285px;
		background: #fff url("../images/bg_block_logos_bottom.gif") bottom left no-repeat;
		margin-bottom: 10px;
		}

	#columnLeft .block-news {
		width: 285px;
		background: #fbf7cf url("../images/bg_block_news_bottom.gif") bottom left no-repeat;
		margin-bottom: 10px;
		padding-bottom: 20px;
		}

	.news-short {
		border-style: dotted;
		border-color: #94644b;
		border-width: 0 0 1px 0;
		margin: 0 25px 15px 25px;
		padding-bottom: 5px;
		}

	.news-short h6 {
		font: bold 1.2em/145% Verdana, Tahoma, Helvetica, sans-serif;
		color: #525252;
		margin-bottom: 7px;
		}
		
	.news-short h5 {
		font: normal 1em/145% Verdana, Tahoma, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #479fd6;
		margin-left: 5px;
		}
		
	.news-short h6.archive {
		font: bold 1.2em/145% Verdana, Tahoma, Helvetica, sans-serif;
		color: #525252;
		margin-left: 5px;
		}

	.news-short a {
		color: #525252;
		}

	.news-short a:hover, .news-short a:active {
		color: #e65b12;
		text-decoration: none;
		}

	.news-short p {
		font: normal 1.1em/135% Verdana, Tahoma, Helvetica, sans-serif;
		color: #525252;
		margin-bottom: 5px;
		}
		
	.news-short p.archive {
		font: normal 1.1em/145% Verdana, Tahoma, Helvetica, sans-serif;
		color: #525252;
		margin: 0 0 5px 5px !important;
		}

	.news-short span {
		color: #e3580f;
		}
		
	.news-archive {
		font: normal 1.1em/145% Verdana, Tahoma, Helvetica, sans-serif;
		margin-left: 170px;
		padding-left: 8px;
		color: #e3580f;
		background: url("../images/bullet_arrow_orange.gif") no-repeat 0px 6px;
		}
		
	.news-archive:hover {
		text-decoration: none;
		}
		
	#partner-logo {
		margin: 10px 0 30px 25px;
		}

	
/* CONTENT
----------------------------------------------------------------------------*/

	#content {
		width: 665px;
		float: right;
		background: #f7f7f7 url("../images/bg_content.jpg") top left no-repeat;
		padding-top: 35px;
		margin-bottom: 20px;
		}

	#content-bottom {
		width: 665px;
		height: 13px;
		background: url("../images/bg_content_bottom.gif") bottom left no-repeat;
		}
	
	#content h1 {
		font: normal 2.8em/120% Arial, Verdana, Tahoma, Helvetica, sans-serif;
		color: #000;
		padding-bottom: 10px;
		margin: 0 30px 20px 30px;
		border-bottom: 1px solid #eeeeee;
		}

	#content h2 {
		font: normal 1.8em/145% Arial, Verdana, Tahoma, Helvetica, sans-serif;
		color: #000;
		margin: 00 30px 20px 30px;
		}
		
	#content h3 {
		font: bold 1.5em/145% Arial, Verdana, Tahoma, Helvetica, sans-serif;
		color: #000;
		margin: 0 30px 10px 30px;
		}

	#content p {
		font: normal 1.2em/155% Verdana, Tahoma, Helvetica, sans-serif;
		color: #525252;
		margin: 0 30px 20px 30px;
		}
		
	#content p.intro {
		font: normal 1.5em/145% Verdana, Tahoma, Helvetica, sans-serif;
		color: #778b23;
		}

	#content ul {
		margin: 0 30px 20px 30px;
		border-left: 5px solid #ebebeb;
		}
		
	#content ul ul {
		border: none !important;
		margin: 10px 0 10px 0;
		}
		
	#content ul ul li {
		font: normal 1em/165% Verdana, Tahoma, Helvetica, sans-serif !important;
		color: #525252;
		background: url("../images/bullet_arrow_orange.gif") no-repeat 0px 8px;
		padding: 3px 0 3px 12px;
		margin-left: 0px !important;
		}

	#content ul li {
		font: normal 1.2em/155% Verdana, Tahoma, Helvetica, sans-serif;
		color: #525252;
		background: url("../images/bullet.gif") no-repeat 0px 10px;
		padding: 3px 0 3px 17px;
		margin-left: 20px;
		}

	#content em {
		font-style: normal;
		font-weight: bold;
		color: #479fd6;
		}
	
	div.emphasized {
		margin: 0px 30px 30px 30px;
		padding: 20px 10px;
		background-color: #ebf5fc;
		border: 1px solid #d0e7f4;
		}
		
	.paging-block {
		margin-left: 25px;
		}
		
	.paging-block span {
		margin: 0 5px 0 5px;
		}
		
	.paging-block a {
		color: #e3580f;
		}
		
	.paging-top {
		margin-bottom: 15px;
		}

	.image-article {
		float: right;
		margin: 5px 0 15px 15px;
		border: 1px solid #eee;
		}
		
	#dynamics-logo {
		margin: 0 0 20px 100px;
		}
		
	.brochures {
		margin-left: 25px;
		padding-bottom: 30px;
		}
		
	.brochures li {
		font: normal 1.1em/135% Verdana, Tahoma, Helvetica, sans-serif;
		padding: 8px 0 8px 25px;
		max-width: 220px;
		background: url("../images/PDF_icon.gif") no-repeat 0px 7px;
		border-bottom: 1px dotted #939393;
		}
		
	.brochures li a {
		color: #000;
		text-decoration: none;
		}
		
	.brochures li a span {
		color: #e3580f;
		}
		
	.brochures li a:hover {
		color: #e3580f;
		text-decoration: underline;
		}