body, html {
margin: 0px;
padding: 0px;
}

img {
border: 0px;
}

#header {
height: 192px;
background: url(images/header-bg.jpg) repeat-x left top;
}

#header-content {
width: 960px;
height: 192px;
margin: 0 auto;
background-image: url(images/header-cnt.jpg);
}

.table-content {
height: 373px;
background: #d9d9d9 url('images/content-bg.jpg') repeat-x scroll left top;
vertical-align: top;
}

.wrapper {
width: 960px;
margin: 0 auto;
height: 358px;
vertical-align: top;
padding-top: 15px;
}

.content {
width: 791px;
vertical-align: top;
min-height: 358px;
}

.navigation {
width: 169px;
min-height: 358px;
vertical-align: top;
}

#text-content {
width: 336px;
float: left;
min-height: 358px;
font-family: "Verdana";
color: #373737;
font-size: 10pt;
text-align: justify;
}

#slika {
width: 455px;
float: left;
min-height: 358px;
}

.title {
width: 330px;
height: 42px;
background: url(images/title-bg.png);
font-family: "Trebuchet MS";
color: #373737;
font-size: 17pt;
font-weight: normal;
padding-left: 6px;
}

.title-portfolio {
width: 755px;
height: 42px;
background: url(images/title-bg-portfolio.png);
font-family: "Trebuchet MS";
color: #373737;
font-size: 17pt;
font-weight: normal;
padding-left: 6px;
}

#sadrzaj {
width: 313px;
font-family: "Verdana";
color: #373737;
font-size: 10pt;
font-weight: normal;
padding-left: 7px;
padding-right: 10px;
}

#sadrzaj-ponude {
width: 755px;
font-family: "Verdana";
color: #373737;
font-size: 10pt;
font-weight: normal;
padding-left: 7px;
padding-right: 10px;
}

#radovi {
height: 390px;
background: url(images/radovi-bg.jpg) repeat-x left top;
}

.radovi {
height: 390px;
background: #f2f2f2 url(images/radovi-bg.jpg) repeat-x left top;
}

#radovi-wrapper {
width: 960px;
margin: 0 auto;
height: 390px;
}

.radovi-wrapper {
width: 960px;
margin: 0 auto;
height: 390px;
}

#posljedni-radovi {
width: 920px;
height: 35px;
background: url(images/posljedni-radovi-bg.jpg);
font-family: "Trebuchet MS";
color: #373737;
font-size: 17pt;
font-weight: normal;
padding-left: 40px;
padding-top: 18px;
}

.posljedni-radovi-content {
width: 960px;
height: 337px;
vertical-align: top;
margin-top: 25px;
}

.radovi-columns {
vertical-align: top;
width:240px;
}

.radovi-thumb {
height: 171px;
}

.radovi-text {
width:220px;
font-family: "Verdana";
color: #373737;
font-size: 10pt;
text-align: justify;
padding-left: 5px;
padding-right: 15px;
}

.radovi-text a {
text-decoration: none;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #737373;
}

.radovi-text a:hover {
text-decoration: none;
color: #b2b2b2;
}

#footer {
height: 133px;
background: url(images/footer-bg.jpg) repeat-x left top;
}

#footer-content {
height: 133px;
width: 960px;
margin: 0 auto;
font-family: "Verdana";
font-size: 10pt;
color: #737373;
}

#footer-navigation {
height: 70px;
}

#footer-navigation ul {
margin: 0px;
margin-left: 135px;
list-style: none;
line-height: normal;
}

#footer-navigation li {
float: left;
height: 30px;
padding-right: 35px;
margin-top: 25px;
}

#footer-navigation a {
display: block;
margin-right: 5px;
text-decoration: none;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #737373;
border: none;
padding-left: 4px;
padding-top: 8px;
}

#footer-navigation a:hover {
text-decoration: none;
color: #b2b2b2;
}

.rights {
height: 20px;
text-align: center;
}

h1 {
margin: 0px;
font-family: "Trebuchet MS";
color: #373737;
font-size: 13pt;
font-weight: normal;
padding-left: 5px;
}

/* KONTAKT FORMA 
----------------- */

.name {
width: 250px;
margin: 5px;
margin-left: 13px;
height: 20px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}

.name:hover {
border: 1px solid #cf7b53;
}

.email {
width: 250px;
margin: 5px;
height: 20px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
}

.email:hover {
border: 1px solid #cf7b53;
}

.textarea {
width: 305px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
}

.textarea:hover {
border: 1px solid #cf7b53;
}

#submit {
background: transparent;
border: 0px;
margin-top: 5px;
margin-bottom: 15px;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699B;
color: #0b7ead;
font-weight: bold;
}

input:focus{
border: 1px solid #cf7b53;
}

input:hover{
border: 1px solid #cf7b53;
}

textarea:focus {
border: 1px solid #cf7b53;
}

/* Zatrazite ponudu 
------------------------*/

.imeiprezime {
width: 190px;
height: 23px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}

.tvrtka {
width: 190px;
height: 23px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}

.djelatnost {
width: 190px;
height: 23px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}

.telefon {
width: 190px;
margin: 5px;
margin-left: 50px;
height: 23px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}

.mjesto-grad {
width: 190px;
height: 23px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}

.posta {
width: 190px;
height: 23px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}

.podaci {
width: 600px;
background: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 10pt;
border: 1px solid #07699b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
margin-bottom: 10px;
}

/* Featured Image Slider */

#featured {
width: 791px;
}
	
/* Common Scroller Styles */

	.roundabout-holder 					{list-style:none; width:500px; height:300px; margin:0px auto;}
	.roundabout-moveable-item 			{font-size:12px!important; height:300px; width:400px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}
	.roundabout-moveable-item img 		{height:100%; width:100%; background-color:#FFFFFF; margin:0;}
	.roundabout-in-focus 				{cursor:auto;}
	.roundabout-in-focus:hover			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.roundabout-holder span				{display:none; font-size:12px; font-family: Verdana;}
	.roundabout-in-focus:hover span		{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
	.roundabout a:active,
	.roundabout a:focus,
	.roundabout a:visited				{outline:none; text-decoration:none;}
	.roundabou li 						{margin:0}
	a img								{border:none; outline:0;}

/* Featured Image Slider */

	#featured							{margin:10px 0 40px 0;}
	
/* Portfolio Image Slider */

	#folio_scroller_container						{margin-top:35px; margin-bottom:40px; height:auto;}
	#folio_scroller_container .roundabout-holder	{list-style:none; height:400px; margin:0px auto 20px auto;}
	
/* Portfolio Styles */
	
	.portfolio_item						{width:223px; position:relative; margin:0 14px 28px 14px; padding:0;}
	.portfolio_item img					{padding:5px; border: 1px solid #aaaaaa; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item span				{display:none;}
	.portfolio_item:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.portfolio_item:hover span			{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px;}


#triggers {
		text-align:center;
	}
	
	#triggers img {
		cursor:pointer;
		margin:0 5px;
		background-color:#fff;
		border:1px solid #ccc;
		padding:2px;
	
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		
	}
	
	
	
	/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}


/*  TOOLTIP
---------------------- */
#tooltip-wrapper {
height: 200px;
padding-left: 40px;
padding-top: 20px;
}

.tooltip-slika {
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #666666;
}

.tooltip {
	display:none;
	background: url(images/black_arrow_big.png);
	font-size:12px;
	height:150px;
	width:320px;
	padding:25px;
	color:#FFF;	
	text-align: justify;
}


.kita {
margin-right: 5px;
margin-bottom: 5px;
}