body 							{ margin:0;padding:0;width:100%; height:100%; background:#fff;}


#container						{width:960px;height:auto;margin-left:auto; margin-right:auto;padding-top:10px;}
#logo_top						{width:960px;height:160px;margin-left:auto; margin-right:auto;padding-top:10px; text-align:center;}

#navigation 					{width:960px;height:40px;text-align:center;}
#navigation ul 					{padding:10px;margin:0;list-style:none; }
#navigation ul li 				{margin-left:0;display:inline;border-right:1px solid #666;}
#navigation a					{padding:4px 10px;border-radius:15px;text-decoration:none;color:#333;font:16px 'Oswald', sans-serif;}
#navigation a:hover 			{text-decoration:underline; }

#onama							{width:960px;height:470px;margin-left:auto; margin-right:auto;padding-top:10px; border-radius: 10px;
   									 border: 1px solid #666;}
#onama h2						{font:18px 'Oswald', sans-serif;}
#onama	p						{font:14px 'Oswald', sans-serif; text-align:justify; padding:100px;}

.usluge							{font:14px 'Oswald', sans-serif; text-align:center; display:block; text-decoration:none;}
.usluge	a						{font:14px 'Oswald', sans-serif; text-align:center; display:block; text-decoration:none;}

IMG.center	 					{display:block;margin-left:auto;margin-right: auto;border-radius: 10px;
   									 border: 1px solid #003;}

#slider							{width:960px;height:auto;margin-left:auto; margin-right:auto;padding-top:10px;}
#map							{position:absolute;width:420px;height:320px;z-index:1;left:600px;top:300px;border-radius: 10px;
   									 border: 1px solid #003;}
.lager 							{width:960px;height:450px;margin-left:auto; margin-right:auto;padding-top:10px; border-radius: 10px;
   									 border: 1px solid #666;}

.slider 						{margin:auto; width:800px;height: 400px;position: relative;overflow: hidden;}
.slider li 						{display: none;position: absolute; top: 0; left: 0; }
.box 							{width:900px;height:410px;background:#CCC;margin:auto;padding-top:10px;}
/*==================================================
 * Effect 2
 * ===============================================*/
.effect 			 			{position: relative;}
.effect:before, .effect:after 	{z-index: -1;position: absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;
									background: #777;-webkit-box-shadow: 0 15px 10px #777;;transform:rotate(-3deg);}
.effect:after					{transform:rotate(3deg);;right: 10px;left: auto;}

#okvir			 				{width:960px;margin-left:2px;position:relative;background-color:#fff;padding-top:10px;}


#right 							{float: left; width: 690px;}
#right	 h3 					{text-align:right;}

/* :::::::::::: CONTENT CONTAINERS ::::::::::::::::::::::::*/
.novosti						{position: relative; margin-top:10px;}
.content 						{padding: 0 24px 24px 24px;}
.reference						{clear:both;position:relative;display:block;}

.thumbContainerRight 			{width: 100px; margin-left: 0px; display: block; float:right;}
a.th-vert 						{display:block; position:relative; float:left; width: 49px; height: 70px; padding: 5px;  background-color:#505050;
									 margin-right:10px; cursor:pointer; z-index: 1;}
a.th-hor 						{display:block; position:relative; float:left; width: 93px; height: 70px; padding: 5px;  background-color:#505050;
								 margin-right:10px; margin-bottom:5px; cursor:pointer; z-index: 1;}
a.th-box 						{display:block; position:relative; float:left; width: 65px; height: 65px; margin:17px 0px 5px 10px; 
									cursor:pointer; z-index: 1; border: 3px solid #cfcfc5;}
a.th-box:hover 					{border: 3px solid #fff;}
a.th-vert img, a.th-hor img, a.th-box img {z-index: -1;}

a.th-box.listItem 				{margin:5px 0px 5px 10px;}

.datum 							{font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; display:block; position:relative; float: left; 
									min-width: 70px; width: auto; height: 31px; overflow:hidden; background: #e5e5e5; margin: 0 10px 0 -90px; 
									border: 1px solid #dcd9d9; color: #5f5f5f; *font-size: 1px;}
.datum .date 					{font-size: 27px; line-height:normal; float: left; margin: -2px 5px 0 0;}
.datum .month 					{font-size: 11px; line-height:17px; text-transform:uppercase; padding: 12px 4px 0 0;}
.datum .year 					{font-size: 11px; line-height:7px;}


#right .reference .datum 		{font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;display:block;position:relative;float:left; 
									width:70px;height:31px;overflow:hidden;background:#e5e5e5;margin:5px 10px 0 0px;border:1px solid #dcd9d9;
									color:#5f5f5f;}
#right .reference .datum .date {font-size: 27px; line-height:normal; margin: -2px 5px 0 5px; text-align: center !important;}



#contents 						{background-color:#CCC;border-radius: 10px; border: 1px solid #666; margin-top:10px;}
#contents section h2			{font:14px Arial, Helvetica, sans-serif;margin:0.7em 15px;color:#000;line-height:1em;}
#contents section h3			{font:14px Arial, Helvetica, sans-serif;margin:0.7em 15px;color:#000;}
#contents .portfolio .con ul	{*zoon:1;margin:0;padding:0;}
#contents .portfolio .con ul:after{content: '';display: block;clear: both;}
#contents .portfolio .con ul li	{height:8em;list-style:none;width:15%;float:left;text-align:center;font:0.9em Arial, Sans-serif;line-height:1.2em;margin-bottom:0.2em;}
#contents .portfolio .con ul li a{display:block;width:90%;overflow:hidden;margin:0 auto;color:#000;text-decoration: none;text-overflow:ellipsis;
	white-space:nowrap;word-wrap:normal;}
#contents .portfolio .con ul li a:hover{opacity: 0.5;}
#contents .portfolio .con ul li a img	{display:block;width:100%;margin-bottom:0.1em;border:1px solid #000;}