/*
 * 	CSS File - css.css
 * 	PBK Partneri
 *	
 * 	Fiktiv
 */

/* 	Basic layout */

body {
	padding: 0;
	margin: 0;
	background: url(../images/bodyBack.jpg) repeat-x top #D2D2D2;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #5A666B;
}

#mainWrapper {
	position: relative;
	float: left;
	width: 100%;
}
 
#wrapper {
	position: relative;
	float: left;
	width: 930px;
	background-color: #FFF;
	left: 20px;
}

#header {
	position: relative;
	float: left;
	width: 880px;
	height: 83px; /* Provjeriti visinu */
	padding: 25px;
}

#footer {
	position: relative;
	float: left;
	width: 900px;
	min-height: 280px; 
	padding: 15px;
	margin: 65px 0 0 0;
}

.footer_en {
	background: #00538E url(../images/footerBack_en.jpg) no-repeat;
	background-position: bottom left;
}

.footer_hr {
	background: #00538E url(../images/footerBack.jpg) no-repeat;
	background-position: bottom left;
}

#content {
	position: relative;
	float: left;
	width:  930px;
}

/*	2 Columns - different widths*/

#C2_leftColumn {
	position: relative;
	float: left;
	width: 390px; 
	height: 600px;
	background-position: 0 133px;
	background-repeat: no-repeat;
}

#C2_rightColumn {
	position: relative;
	float: right;
	width: 510px;
	padding: 0 15px 25px 15px;
}

#C2_leftColumn2 {
	position: relative;
	float: left;
	width: 300px;
	padding: 0 0 25px 15px;
}

#C2_rightColumn2 {
	position: relative;
	float: left;
	width: 600px;
	padding: 0 15px 25px 0;
}

#C2_leftColumn3 {
	position: relative;
	float: left;
	width: 390px;
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
}

#C2_rightColumn3 {
	position: relative;
	float: right;
	width: 390px;
	margin: 0;
	padding: 0 25px 0 0;
}

#C2_leftColumn4 {
	position: relative;
	float: left;
	width: 480px;
	margin: 0;
	padding: 0 0 0 25px;
}

#C2_rightColumn4 {
	position: relative;
	float: right;
	width: 370px;
	margin: 0;
	padding: 0 35px 0 10px;
}

/* 3 Columns*/

#C3_columnLeft {
	position: relative;
	float: left;
	width: 280px;
	margin: 0 0 0 15px;
	padding: 0 10px;
}

#C3_columnMiddle {
	position: relative;
	float: left;
	width: 280px;
	margin: 0;
	padding: 0 10px;
}

#C3_columnRight {
	position: relative;
	float: left;
	width: 280px;
	margin: 0 15px 0 0;
	padding: 0 10px;
}

/*	Default tags */

/*	<a> Links */
a, a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #00538E;
}

a:hover, .active {
	color: #000;
	font-weight: bold;
}

a.homepage, a.homepage:link, a.homepage:visited {
	position:absolute;
	top:94px;
	left:27px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
	color: #00538E;
}

a.homepage:hover {
	color: #000;
}

#footer a, #footer a:link, #footer a:visited {
	color: #AEC4D8;
}

#footer a:hover {
	color: #FFF;
}

a img, a:link img, a:visited img, a:hover  img {
	border: none;
}

/* 	<h#> & <p> Headers & Paragraphs */
h1 {
	color: #D2D2D2;
	height: 65px;
	margin: 0;
	padding: 0;
	line-height: 2000px;
	overflow: hidden;
}

h1.miSmo {
	background: url(../images/naslovi/pocetna_mi_smo.jpg) top left no-repeat;
	margin: 0 0 0 5px;
}
h1.miSmo_en {
	background: url(../images/naslovi/pocetna_we_are.jpg) top left no-repeat;
	margin: 0 0 0 5px;
}

h1.aVasaTvrtkaJe {
	background: url(../images/naslovi/pocetna_a_vasa_tvrtka_je.jpg) top left no-repeat;
	margin: 0 0 10px 10px;
}

h1.aVasaTvrtkaJe_en {
	background: url(../images/naslovi/your_company_is.jpg) top left no-repeat;
	margin: 0 0 10px 10px;
}

h1.poCemuSmoPosebni {
	background: url(../images/naslovi/po_cemu_smo_posebni.jpg) top left no-repeat;
	margin: 0 0 58px 25px;
}
h1.poCemuSmoPosebni_en {
	background: url(../images/naslovi/what_differentiates_us.jpg) top left no-repeat;
	margin: 0 0 58px 25px;
}

h1.tkoSmo {
	background: url(../images/naslovi/tko_smo.jpg) top left no-repeat;
	margin: 0 0 60px 25px;
}
h1.tkoSmo_en {
	background: url(../images/naslovi/who_we_are.jpg) top left no-repeat;
	margin: 0 0 60px 25px;
}

h1.stoRadimo {
	background: url(../images/naslovi/sto_radimo.jpg) top left no-repeat;
	margin: 0 0 5px 25px;
}
h1.stoRadimo_en {
	background: url(../images/naslovi/what_we_do.jpg) top left no-repeat;
	margin: 0 0 5px 25px;
}

h1.menadzment {
	background: url(../images/naslovi/menadzment.jpg) top left no-repeat;
	margin: 0 0 5px 25px;
}
h1.menadzment_en {
	background: url(../images/naslovi/management.jpg) top left no-repeat;
	margin: 0 0 5px 25px;
}

h1.viSte {
	position: relative;
	float: left;
	width: 280px;
	background: url(../images/naslovi/vi_ste.jpg) top left no-repeat;
	margin: 20px 0 0 0;
}
h2.opis {
	position: relative;
	float: left;
	clear:left;
	width: 194px;
	margin: 0 0 0 10px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #5A666B;
}
h1.viSte_en {
	position: relative;
	float: left;
	width: 280px;
	background: url(../images/naslovi/you_are.jpg) top left no-repeat;
	margin: 20px 0 0 0;
}

h1.uslugaPrilagodenaPotrebama {
	background: url(../images/naslovi/usluga_prilagodena_potrebama.jpg) top left no-repeat;
	margin: 0 0 0 25px;
}
h1.uslugaPrilagodenaPotrebama_en {
	background: url(../images/naslovi/custom-tailored_services.jpg) top left no-repeat;
	margin: 0 0 0 25px;
}

h1.pridruziteNamSe {
	background: url(../images/naslovi/pridruzite_nam_se.jpg) top left no-repeat;
	margin: 0 0 50px 25px;
}
h1.pridruziteNamSe_en {
	background: url(../images/naslovi/join_our_team.jpg) top left no-repeat;
	margin: 0 0 50px 25px;
}

h1.postaniteNasKlijent {
	background: url(../images/naslovi/postanite_nas_klijent.jpg) top left no-repeat;
	margin: 0 0 50px 25px;
}
h1.postaniteNasKlijent_en {
	background: url(../images/naslovi/become_a_client.jpg) top left no-repeat;
	margin: 0 0 50px 25px;
}

h1.lokacijaIKontakti {
	background: url(../images/naslovi/lokacija_i_kontakti.jpg) top left no-repeat;
	margin: 0 0 0 25px;
}
h1.lokacijaIKontakti_en {
	background: url(../images/naslovi/location_and_contact.jpg) top left no-repeat;
	margin: 0 0 0 25px;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	color: #000;
}

#rightColumn h1 {
	margin: 0 0 0 10px;
}

#footer p {
	margin-top: 0;
	color: #FFF;
}

#C2_leftColumn2 h2, #C2_leftColumn2 p, #C2_leftColumn2 form {
	margin-left: 10px;
}

#C2_rightColumn2 h2, #C2_rightColumn2 p, #C2_rightColumn2 form {
	margin-right: 10px;
}

#C3_columnLeft p, #C3_columnLeft h2, #C3_columnMiddle p, #C3_columnMiddle h2, #C3_columnRight p, #C3_columnRight h2 {
	margin-left: 0;
}

#C2_leftColumn p, #C2_rightColumn p, #C2_leftColumn2 p, #C2_rightColumn2 p, #C3_columnLeft p, #C2_leftColumn3 p, #C2_rightColumn3 p, #C2_leftColumn4 p, #C2_rightColumn4 p, #C3_columnMiddle p, #C3_columnRight p { margin-top: 5px; }

.aboutUs {
	margin: 0px 0 60px 10px;
	padding: 0;
}

blockquote {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 23px;
	background: url(../images/quote.jpg) bottom right no-repeat;
}

/*	Navigation */

ul#navigation {
	position: relative;
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 27px;
}

ul#navigation li {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	height: 27px;
}

ul#navigation li a {
	display: block;
	padding: 0;
	margin: 0;
	height: 27px;
	overflow: hidden;
	line-height: 10000px;
}

ul#navigation li a.tkoSmo, ul#navigation li a.tkoSmo:link {
	background: url(../images/tko_smo.jpg) no-repeat 0 0;
	width: 107px;
}

ul#navigation li a.tkoSmo_en, ul#navigation li a.tkoSmo_en:link {
	background: url(../images/tko_smo_en.jpg) no-repeat 0 0;
	width: 126px;
}

ul#navigation li a.naseUsluge, ul#navigation li a.naseUsluge:link {
	background: url(../images/nase_usluge.jpg) no-repeat 0 0;
	width: 165px;
}

ul#navigation li a.naseUsluge_en, ul#navigation li a.naseUsluge_en:link {
	background: url(../images/nase_usluge_en.jpg) no-repeat 0 0;
	width: 165px;
}

ul#navigation li a.poCemuSmoPosebni, ul#navigation li a.poCemuSmoPosebni:link {
	width: 215px;
	background: url(../images/po_cemu_smo_posebni.jpg) no-repeat 0 0;
}

ul#navigation li a.poCemuSmoPosebni_en, ul#navigation li a.poCemuSmoPosebni_en:link {
	width: 218px;
	background: url(../images/po_cemu_smo_posebni_en.jpg) no-repeat 0 0;
}

ul#navigation li a.tkoSmo:hover, ul#navigation li a.naseUsluge:hover, ul#navigation li a.poCemuSmoPosebni:hover {
	background-position: 0 -54px;
}

ul#navigation li a.tkoSmo_en:hover, ul#navigation li a.naseUsluge_en:hover, ul#navigation li a.poCemuSmoPosebni_en:hover {
	background-position: 0 -54px;
}

ul#navigation li a.active, ul#navigation li a.active:link {
	background-position: 0 -27px;
}

/*	Languages */

ul#languages {
	position: relative;
	float: left;
	list-style: none;
	background: url(../images/dashes.jpg) center no-repeat;
	height: 20px;
	padding: 0;
	margin: 0 0 0 15px;
	font-size: 11px;
}

ul#languages li {
	display: inline;
	padding: 0;
	margin: 0 10px;
}

ul#languages li a.active, ul#languages li a.active:link {
	color: #5A666B;
}

ul#languages li a.active:hover {
	color: #000;
}

/*	Companies */

ul#companyNav, ul#companyNavSmall {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	height: 0;
	list-style: none;
}

ul#companyNav li{
	position: absolute;
	float: left;
	padding: 0;
	margin: 0;
	width: 170px;
	height: 258px;
}

ul#companyNav li p, ul#companyNav li p a, ul#companyNav li p a:link, ul#companyNav li p a:visited, ul#companyNav li p a:hover {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}

ul#companyNav li.green, ul#companyNavSmall li#companyFirstColor {
	background: #ABC500 url(../images/company_arrow_green.jpg) left bottom no-repeat;
}

ul#companyNavSmall li#companyFirstColor:hover, .hoverFirst {
	background: #9ABA00 url(../images/company_arrow_green-on.jpg) left bottom no-repeat;
}

ul#companyNav li#companyFirst, ul#companyNav li#companySecond, ul#companyNav li#companyThird {
	width: 170px;
	height: 130px;
	padding: 0;
}

ul#companyNav li.pink, ul#companyNavSmall li#companySecondColor {
	background: #DA5680 url(../images/company_arrow_pink.jpg) left bottom no-repeat;
}

ul#companyNavSmall li#companySecondColor:hover , .hoverSecond{
	background: #D33568 url(../images/company_arrow_pink-on.jpg) left bottom no-repeat;
}

ul#companyNav li#companySecond , ul#companyNav li#companySecondColor { left: 170px; }

ul#companyNav li.blue, ul#companyNavSmall li#companyThirdColor {
	background: #3BAFEA url(../images/company_arrow_blue.jpg) left bottom no-repeat;
}

ul#companyNavSmall li#companyThirdColor:hover, .hoverThird {
	background: #17A0E6 url(../images/company_arrow_blue-on.jpg) left bottom no-repeat;
}

ul#companyNav li#companyThirdColor, ul#companyNav li#companyThird { left: 340px;}

ul#companyNavSmall li#companyFirstColorActive {
	margin-top: 0;
	padding-top: 30px;
	background: #ABC500 url(../images/company_active_green.jpg) center top no-repeat;
}

ul#companyNavSmall li#companySecondColorActive {
	margin-top: 0;
	padding-top: 30px;
	background: #DA5680 url(../images/company_active_pink.jpg) center top no-repeat;
}

ul#companyNavSmall li#companyThirdColorActive {
	margin-top: 0;
	padding-top: 30px;
	background: #3BAFEA url(../images/company_active_blue.jpg) center top no-repeat;	
}

ul#companyNav li.small p {
	display: none;
}

ul#companyNav li p, ul#companyNav li h2, ul#companyNavSmall li p, ul#companyNavSmall li h2 {
	margin-left: 10px;
	margin-right: 10px;
	z-index: 0;
}

ul#companyNav li h2, ul#companyNavSmall li h2 {
	padding-top: 10px;
	z-index: 0;
}

ul#companyNav li.pop p {
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #FFF;
	z-index: 0;
}

ul#companyNav li a.block, ul#companyNavSmall li a.block {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

ul#companyNavSmall li a.block {
	width: 200px;
	height: 180px;
}

ul#companyNavSmall {
	position: relative;
	float: right;
	margin: 0 -10px 0 0;
	height: 210px;
}

ul#companyNavSmall li { 
	position: relative;
	float: left;
	height: 180px; 
	width: 200px;
	padding: 0;
	margin: 30px 0 0 0;
}

/* 	Forms */

.contactForm  { margin-top: 5px; }
.clientForm  { margin-top: 25px; }

.contactForm label, .clientForm label {
	position: relative;
	float: left;
	margin: 0;
}

.contactForm input, .contactForm textarea, .clientForm input {
	font-family: Arial, sans-serif;
	color: black;
	position: relative;
	float: left;
	margin-bottom: 10px;
	width: 270px;
	background: #F2F2F2;
	border: 1px solid #D2D2D2;
}

.contactForm input { height: 15px; padding: 4px; }

.contactForm textarea { height: 105px; padding: 4px; }

.clientForm input { 
	font-size: 18px;
	width: 378px;
	height: 21px;
	margin-bottom: 25px;
	padding: 7px 5px 10px 5px;
}

.contactForm input.button, .clientForm input.button {
	width: auto;
	height: auto;
	background: #F2F2F2;
	border: none;
	font-weight: bold;
	color: #00538E;
}

.clientForm input.button { padding: 6px 8px; }

/*	Other classes  */

.bigGray, .bigGray a, .bigGray a:link {
	font-size: 18px;
	line-height: 38px;
	font-weight: bold;
	color: #9CA3A6;
}

.bigLink { font-size: 18px; }

.gmap {
	position: relative;
	float: right;
}

.noDisplay, .noDisplay * {
	display: none;
}

.horizontal, div.viSte, div.viSteSvi, .horizontalLow, .horizontalLowest {
	position: relative;
	float: left;
	width: 880px;
	padding: 0 25px;
}

.horizontalLow {
	margin-bottom: -25px;
}

.horizontalLowest{
	margin-bottom: -40px;
}

div.viSte, div.viSteSvi  { 
	margin-bottom: -43px; 
	margin-top: 35px;
}

div.viSteSvi {
	margin-top: 25px;
}

.horizontalIndent {
	position: relative;
	float: left;
	width: 800px;
	padding: 0 25px;
}

.horizontal p, .horizontalIndent p , .horizontalLow p{
	margin: 0;
	margin-top: 8px;
	padding: 0;
}
.join , .joinMain{
	position: relative;
	float: right;
	background: #EFEFEF;
	padding: 10px 0 10px 10px;
	margin: 0;
	width: 500px;
	/* 340 */
	height: 130px;
}

.joinMain {
  float: left;
  width: 300px;
}

.joinMain {
	margin-top: 204px;
	margin-bottom: -53px;
}

.client {
	display: block;
	position: relative;
	float: left;
	background: #EFEFEF;
	padding: 10px 0 10px 10px;
	margin: 0;
	width: 500px;
	height: 130px;
}

.gray, .lokacijaKontakti {
	margin: 0 -10px;
	padding: 10px;
	background: #EFEFEF;
}

.management {
	background: url(../images/klupkoFlip.png) -900px -198px no-repeat #EFEFEF;
}

.lokacijaKontakti {
	margin-top: 15px;
	padding: 10px 0 10px 10px;
	background: #EFEFEF;
	height: 130px;
}

.linkImage {
	position: relative;
	float: right;
	border: none;
	padding: 0;
	margin: -10px 0 -10px 0;
	width: 150px;
	height: 150px;
}

.linkImage * {
	position: relative;
	float: right;
	border: none;
	margin: 0;
	padding: 0;
}

.join p, .join h2, .joinMain p, .joinMain h2, .client p, .client h2 {
	max-width: 340px;
}

#C3_columnRight .client {
	width: 295px;
	margin: 0 -15px;
}

.horizontalLow .join, .horizontalLow .client {
	width: 430px;
}

.horizontalLow .join p, .horizontalLow .join h2, .horizontalLow .client p, .horizontalLow .client h2 {
	max-width: 270px;
}

.lokacijaKontakti p, .lokacijaKontakti h2 {
	max-width: 130px;
}

#C3_columnRight .client p, #C3_columnRight .client h2 {
	max-width: 135px;
}

.horizontalLow .client {
	margin-left: -10px;
}

.author {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

.top200 {
	margin-top: 200px;
}

.bottom35 {
	margin-bottom: 35px;
}

.bottom50 {
	margin-bottom: 50px;
}

.top50 {
	margin-top: 50px;
}

.top30 {
	margin-top: 30px;
}

.top20 {
	margin-top: 20px;
}

.right90 {
	margin-right: 90px;
}

.right45 {
	margin-right: 45px;
}

.columnHolder {
	position: relative;
	float: left;
	width: 930px;
}

.klupko {
	background: url(../images/klupko.png) -208px 335px no-repeat;
}
div.klupkoBack {
	background: url(../images/klupko.png) -227px 335px no-repeat;
}

.klupkoIndent {
	background: url(../images/klupko.png) -555px 60px no-repeat;	
}
div.klupkoBackIndent {
	background: url(../images/klupko.png) -574px 60px no-repeat;
}

.klupkoFlip {
	background: url(../images/klupkoFlip.png) -266px 60px no-repeat;	
}
div.klupkoFlipBack {
	background: url(../images/klupkoFlip.png) -285px 60px no-repeat;
}

.klupkoFlipLow {
	background: url(../images/klupkoFlip.png) -266px 126px no-repeat;	
}
div.klupkoFlipBackLow {
	background: url(../images/klupkoFlip.png) -285px 126px no-repeat;
}

.logo {
	position: relative;
	float: left;
	top: -25px;
}

.bullets {
	margin-left: 10px;
	padding-left: 5px;
}

.bullets li {
	margin-bottom: 2px;
}

#footer .footerSmall {
	font-size: 11px;
	color: #AEC4D8;
}

.phone {
	background: url(../images/symbols/phone_big.png) left center no-repeat;
	padding-left: 78px;
}

.co {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
}

a.portal {
  position: relative; 
  float: right; 
  height: 140px; 
  display: block; 
  width: 150px; 
  padding: 10px 10px 0pt; 
  margin-top: 204px; 
  font-family: Georgia; 
  font-weight: normal; 
  font-size: 18px; 
  color: rgb(0, 0, 0); 
  line-height: 1.2; 
  background: url(/images/portal.jpg) no-repeat scroll left bottom rgb(204, 221, 232);
}