*
{
	padding: 0;
	margin: 0;
}

body, p 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #343434;
}

a
{
	text-decoration:none;
	color:#486a8d;
}

#pageWrapper
{
	background-image:url("../img/backimage.jpg");
    background-repeat:no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

#headerWrapper
{
	background-color:#ffffff;
}	

#header
{
	width:1100px;
	margin:auto;
	padding:20px 40px 0px 30px;
	height: 110px;
}

#logo 
{
	float:left;
	padding-top: 10px;
}

#logo img
{
	max-width: 60%;
	min-width:270px;
}

#banner 
{
	float:right;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-align:right;
	line-height: 1.5;
	max-width:60%;
}

#banner img
{
	float:left;
	width:100%;
}

#lang 
{
	display:none;
	float:left;
	padding-top: 20px;
	font-family: 'Roboto';
	font-size:12px;
}

.tekst
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #343434;
}

.naslov
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #666;
	text-transform:uppercase;
}

#menuWrapper
{
	background-color:#6d6d6d;
	text-align:center;
}

#menu
{
	margin:auto;
	width:1200px;
	font-size:18px;
	font-weight: bold;
	display:inline-block;
	padding-left: 40px;	
	list-style: none;
}

#respMenu
{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:40px;
	background-color:#1E1F21;
	border-bottom:2px solid #f2f2f2;
	z-index:10000;
}

#menuIcon
{
	margin:3px;
	float:left;
	background-image:url("../img/menuicon.png");
    background-repeat:no-repeat;
	width:32px;
	height:32px;
}

#menuRespBody
{
    position:fixed;
    width:100%;
    left:-100%;
    top:42px;
    height:auto;
	overflow:scroll;
	bottom:0;
    z-index:10000;
    transition: all 0.3s linear;
	background-color:#1E1F21;
}

.menuRespItem
{
	padding: 12px;
	color:#fff;
	text-align:center;
	border-bottom:1px solid #f2f2f2;
}

.menuRespSubItem
{
	padding: 8px;
	color:#fff;
	text-align:center;
	background-color:#333;
	border-bottom:1px solid #f2f2f2;
}

.menuRespItemSelected
{
	color: #36C;
	padding: 12px;
	text-align:center;
	border-bottom:1px solid #f2f2f2;
}

#lang
{
	float:right;
	font-size:14px;
}

#lang a
{
	color:#1E1F21;
}

#respLang
{
	float:right;
	color:#f2f2f2;
	font-size:14px;
	padding:8px;
}

#respLang a
{
	color:#f2f2f2;
}

.cleaner
{
	clear:both;
}

#cimeSeBavimoWrapper
{
	background-color:#f2f2f2;
}

#cimeSeBavimoWrapper a
{
	color:#ab2930;
	font-size:14px;
}

#cimeSeBavimo
{
	width:1200px;
	margin:auto;
	padding-left:1%;
	padding-top: 20;
	padding-right: 0;
	padding-bottom: 0;
}

.cimeSeBavimoItem
{
	float:left;
	width:28%;
	margin:0 2.5%;
	padding-bottom:30px;
}

.cimeSeBavimoNaslov
{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#486a8d;
	padding-bottom:40px;
	padding-top: 40px;
}

.cimeSeBavimoItemNaslov
{
	color:#666666;
	text-align:center;
	font-size:16px;
	padding-bottom:20px;
	min-height:50px;
	font-weight: normal;
}


.cimeSeBavimoItemNaslov img
{
	vertical-align:middle;
	padding-right:4px;
	width:48px;
}

.cimeSeBavimoItemTekst
{
	font-size:14px;
	line-height:1.4;
}

.respCleaner
{
	display:none;
}

#secondNaslov
{
	color: #486a8d;
	font-size: 26px;
	padding-bottom: 20px;
	text-transform:uppercase;
}

#secondText
{
	padding-top:10px;
	font-size:14px;
	line-height:1.5;
	height: auto;
}

#secondText a
{
	text-decoration:underline; 
	color:#1f5066;
}

#secondText a:hover
{
	text-decoration:underline; 
	color:#ab2930;
}


#secondText ul
{
	padding-left: 10px;
}

#secondTextKontakt
{
	padding-top:10px;
	font-size:14px;
	line-height:1.5;
	float:left;
	padding-bottom:20px;
	margin-right: 90px;
	width: 35%;
}

#onama
{
	font-size:14px;
	background-color:#f2f2f2;
	line-height:1.5;
	text-align: justify;
}

#onamaSlika
{
	position:relative;
	height:120px;
}

#otherSlika
{
	position:relative;
	background-image:url(../img/banner.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:120px;
}

#onamaSlika img
{
	width:100%;
	height:120px;
}

#aboutus
{
	position:absolute;
	text-align:center;
	width:100%;
	top:50px;
	color:#ab2930;
	font-size:24px;
	font-weight:bold;
}


#onamaTekst
{
	padding:40px 20px 50px 30px;
	width:1100px;
	margin:auto;
	background-color:#fafafa;
	min-height: 250px;
}

#onamaNaslov
{
	color:#486a8d;
	font-size:20px;
	padding-bottom:10px;
	font-weight: bold;
}

#onamaLevo
{
	width:67%;
	float:left;
	padding-right:3%;
}

#onamaDesno
{
	width:24%;
	float:left;
	padding-left:6%;
}

#usluga 
{
	width:100%;
	min-height:190px;
	margin-bottom:20px;
}

#usluga-tekst
{
	float:left;
	width: 70%;
	padding:1%
}

#usluga-slika
{
	float:left;
	width: 23%;
}

#usluga-slika img
{
	width: 100%
}

#footerWrapper
{
	background-color:#f2f2f2;
}

#footer
{
	background-color:#fafafa;
	padding:0px 20px 50px 30px;
	width:1100px;
	margin:auto;
}

#footerMenu
{
	border-bottom:1px solid #ccc;
	padding-bottom:16px;
	margin-bottom: 16px;
	border-top:1px solid #ccc;
	padding-top:16px;
	margin-top: 0px;
}

#footerMenuList
{
	font-size:13px;
	font-weight:700;
	list-style: none;
	text-align:center;
}


.footerMenuItemSelected
{
	color:#ab2930;
	padding-right:4px;
}

.footerMenuItem
{
	color:#1E1F21;
	display:inline-block;
	padding: 8px 20px;
}

.footerMenuItem:hover
{
	color:#ab2930;
}

#copyright
{
	font-size:12px;
	padding-left:4px;
	text-align:center;
}

#footerSocial
{
	float:right;
	padding-bottom:16px;
	display:none;
}

#socialFB
{
	background-image:url("../img/social-fb.png");
	width:40px;
	height:40px;
	float:left;
	background-repeat:no-repeat;
}

#socialFB:hover
{
	background-image:url("../img/social-fbh.png");
}

#socialIN
{
	background-image:url("../img/social-in.png");
	width:40px;
	height:40px;
	float:left;
	background-repeat:no-repeat;
}

#socialIN:hover
{
	background-image:url("../img/social-inh.png");
}

#socialTW
{
	background-image:url("../img/social-tw.png");
	width:40px;
	height:40px;
	float:left;
	background-repeat:no-repeat;
}

#socialTW:hover
{
	background-image:url("../img/social-twh.png");
}

.refItem
{
	float:left;
	width:31%;
	padding-right:2%;
	text-align:center;
	padding-bottom:20px;
}

.refItem img
{
	width:90%;
}

.pageImages
{
	padding-top:24px;
}

.pageImages img
{
	width:45%;
	padding-right:2%;
}

#mapa
{
	float:right;
	width: 50%;
	padding-right: 5%;
}

@media only screen and (max-width: 1200px)
{
	#menu
	{
		width:96%;
		padding-left: 4%;
		font-size:16px;
	}

	#cimeSeBavimoWrapper
	{
		width:100%;
	}
	
	#footer
	{
		width:94%;
		padding:20px 3%;
	}
	
	#onamaTekst
	{
		padding:40px 3% 60px 3%;
		width:94%;
	}
	
	#cimeSeBavimo
	{
		width:94%;
		padding:40px 3% 0 3%;
	}
	
	#header
	{
		width:94%;
		padding:20px 3%;
	}
}

@media only screen and (max-width: 1024px)
{
	#banner
	{
		display:none;
	}
	
	#menu
	{
		font-size:14px;
	}
	
	.footerMenuItemSelected
	{
		padding-right:4px;
	}

	.footerMenuItem
	{
		padding: 8px 12px;
	}
}

@media only screen and (max-width: 900px)
{
	.menuItem
	{
		padding: 20px 28px 16px 0px;
	}

	.menuItemSelected
	{
		padding: 20px 28px 16px 0px;
	}
	
	.footerMenuItem
	{
		padding: 8px 8px;
	}
}

@media only screen and (max-width: 800px)
{
	#footerMenu
	{
		text-align:center;
	}
	
	.footerMenuItem
	{
		float:none;
		padding: 4px 40px;
	}
	
	#respMenu
	{
		display:block;
	}
	
	#menuWrapper
	{
		display:none;
	}
	
	#headerWrapper
	{
		padding-top:42px;
	}
	
	#logo
	{
		float:none;
	}
	
	#lang
	{
		display:none;
	}
}

@media only screen and (max-width: 640px)
{
	
		
	.respCleaner
	{
		display:block;
	}
	
	.respCleaner2
	{
		display:none;
	}
	
	.cimeSeBavimoItem
	{
		width:44%;
		margin:0 3%;
	}
}

@media only screen and (max-width: 480px)
{
	.cimeSeBavimoItem
	{
		width:94%;
		margin:0 3%;
	}
	
	#onamaLevo
	{
		width:94%;
		float:none;
		padding:0 3%;
	}

	#onamaDesno
	{
		width:94%;
		float:none;
		padding:0 3%;
	}
	
	#onamaNaslov
	{
		padding-left:3%;
	}
	
	#logo
	{
		text-align:center;
	}
	
	#footerSocial
	{
		float:none;
		width:120px;
		margin:auto;
		margin-bottom:32px;
	}
	
	#copyright
	{
		float:none;
		text-align:center;
		font-size:10px;
	}
}